@charset "utf-8";
/* CSS Document */

* {

	margin: 0;

	padding: 0;

	}

html {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font:11px Arial, Helvetica, Geneva, Swiss, sans-serif;
	background: #BBC6CD url(images/fondo.png) repeat-x;

	}

	body {

	font-size:11px;
	color:#000080;
	width:100%;
	height:100%;
	margin:0;
	padding:0;

		}

/*-------------------CONTAINER----------------------*/

#contenido{
	margin: 0px auto;
	padding: 0px;
	width: 905px;
	height: 890px;
	background-image:url(images/fondo_web.jpg);
}

#contenido2{
	margin: 0px auto;
	padding: 0px;
	width: 905px;
	height: 1188px;
	background-image:url(images/fondo_web2.jpg);
}

#contenido3{
	margin: 0px auto;
	padding: 0px;
	width: 905px;
	height: 1264px;
	background-image:url(images/fondo_web3.jpg);
}

#contenido5{
	margin: 0px auto;
	padding: 0px;
	width: 905px;
	height: 1862px;
	background-image:url(images/fondo_web5.jpg);
}

#cabecera{
	width: 905px;
	height: 298px;
}

#content{
	width: 625px;
	margin: 0 0 0 269px;
	top: 320px;
	position: absolute;
}


div#pie{
	margin: 0px auto;
	width: 905px;
	height: 30px;
	padding: 5px;
	position: absolute;
	top: 837px;
	color: #FFF;
	font-size: 12px;
	}


div#pie2{
	margin: 0px auto;
	width: 905px;
	height: 30px;
	padding: 5px;
	position: absolute;
	top: 1137px;
	color: #FFF;
	font-size: 12px;
	}
	
div#pie3{
	margin: 0px auto;
	width: 905px;
	height: 30px;
	padding: 5px;
	position: absolute;
	top: 1213px;
	color: #FFF;
	font-size: 12px;
	}

div#pie5{
	margin: 0px auto;
	width: 905px;
	height: 30px;
	padding: 5px;
	position: absolute;
	top: 1811px;
	color: #FFF;
	font-size: 12px;
	}

/*-------------------GLOBALES----------------------*/

.logo{
	width: 244px;
	height: 74px;
	margin-top: 179px;
	margin-right: 310px;
	float: right;
	_margin-right: 150px; /*Para internet Explorer.*/
}

.titulo{
	background-image: url(images/flecha.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

h1{
	color: #000080;
	height: 82px;
	text-decoration: underline;
	font-size: 30px;
	font-weight: bold;
	top: 22px;
	padding-left: 55px;
	position: relative;
}

h2{
	font-weight: bold;
	text-decoration: underline;
	font-size: 15px;
}

h3{
	font-weight: bold;
	text-decoration: underline;
	font-size: 12px;
}

a{
	text-decoration: none;
	color: #000080;
}

a:hover{
	text-decoration: underline;
}

.sist_gestion{
		font-size: 22px;
}

.letra1{
	font-size: 40pt;
	font-weight: bold;
	color: #000080;	
}

.texto{
	width: 250px;
	text-align: justify;
}

.texto2{
	width: 615px;
	text-align: justify;
}

.imagen{
	float:right;
	width: 340px;
	height: 344px;
	padding-right: 10px;	
}

#pie a{
	color:#FFF;
	text-decoration:underline;
}

#pie a:hover{
	color:#FFF;
	text-decoration:none;
}

#pie2 a{
	color:#FFF;
	text-decoration:underline;
}

#pie2 a:hover{
	color:#FFF;
	text-decoration:none;
}

#pie3 a{
	color:#FFF;
	text-decoration:underline;
}

#pie3 a:hover{
	color:#FFF;
	text-decoration:none;
}


#pie4 a{
	color:#FFF;
	text-decoration:underline;
}

#pie4 a:hover{
	color:#FFF;
	text-decoration:none;
}

#pie5 a{
	color:#FFF;
	text-decoration:underline;
}

#pie5 a:hover{
	color:#FFF;
	text-decoration:none;
}

#content li{
	list-style-image:url(images/flecha.png);
	margin-left: 25px;
	margin-top: 8px;
}

#content b{
	font-weight:bold;
}

#banderas{
	width: 80px;
	height: 18px;
	float: right;
	margin-top: 23px;
	margin-left: 300px;
}

#banderas li{
	padding-right: 15px;
	list-style: none;
	float: left;
}

.img{
	border: 0px;
}

.img-dcha{
	border: 0px;
	float:right;
}

#galeria_menu{
	width: 150px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000080;
	margin-left: -20px;
	_margin-left: 0px;
}

#galeria_menu a{
	text-decoration: none;
	color: #000080;
	font-size: 10px;
}

#galeria_menu a:hover{
	text-decoration: underline;
}

#galeria{
	float:right;
	width: 450px;
	height: 344px;
	padding-right: 10px;	
	
}

.fotosp{
	margin-right: 16px;
}

.publicaciones{
	font-size: 14px;
	font-weight: bold;
}

.descargar{
	border: 0px;
	vertical-align: middle;
}



/*-------------------MENU----------------------*/

#menu{
	width: 191px;
	padding-left: 22px;
	top: 50px;
	float:left;
	position: absolute;
	clear: both;
}

.menu_principal {

	list-style: none;
}



.menu_principal li {

	float: left;
	
	height: 40px;

}



.menu_principal a {

	display: block;

	height: 40px;

}



.menu_principal a:link {}

.menu_principal a:visited {}

.menu_principal a:hover {}

.menu_principal a:active {}



li.empresa a {

	background-color: inherit;

	width: 191px;

	background: url(images/empresa1.gif) no-repeat 0 0px;

}
li.empresa a:hover {background-color: inherit;background: url(images/empresa.gif) no-repeat 0px 0px;}
li.empresa a.qui {background-color: inherit;background: url(images/empresa2.gif) no-repeat 0px 0px;}

li.automatizacion a {
	background-color: inherit;
	width: 191px;
	background-image: url(images/automatizacion1.gif);
	background-repeat: no-repeat;
	background-position: 0 0px;
}
li.automatizacion a:hover {
	background-color: inherit;
	background-image: url(images/automatizacion.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
li.automatizacion a.qui {
	background-color: inherit;
	background-image: url(images/automatizacion2.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}


li.sistemas a {

	background-color: inherit;

	width: 191px;

	background: url(images/sistemas1.gif) no-repeat 0 0px;

}
li.sistemas a:hover {background-color: inherit;background: url(images/sistemas.gif) no-repeat 0px 0px;}
li.sistemas a.qui {background-color: inherit;background: url(images/sistemas2.gif) no-repeat 0px 0px;}


li.trabajos a {
	background-color: inherit;
	width: 191px;
	background-image: url(images/trabajos1.gif);
	background-repeat: no-repeat;
	background-position: 0 0px;
}

li.trabajos a:hover {
	background-color: inherit;
	background-image: url(images/trabajos.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
li.trabajos a.qui {
	background-color: inherit;
	background-image: url(images/trabajos2.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

li.galeria a {

	background-color: inherit;

	width: 191px;

	background: url(images/galeria1.gif) no-repeat 0 0px;

}
li.galeria a:hover {background-color: inherit;background: url(images/galeria.gif) no-repeat 0px 0px;}
li.galeria a.qui {background-color: inherit;background: url(images/galeria2.gif) no-repeat 0px 0px;}


li.novedades a {

	background-color: inherit;

	width: 191px;

	background: url(images/novedades1.gif) no-repeat 0 0px;

}

li.novedades a:hover {background-color: inherit;background: url(images/novedades.gif) no-repeat 0px 0px;}
li.novedades a.qui {background-color: inherit;background: url(images/novedades2.gif) no-repeat 0px 0px;}

li.idi a {

	background-color: inherit;

	width: 191px;

	background: url(images/idi1.gif) no-repeat 0 0px;

}

li.idi a:hover {background-color: inherit;background: url(images/idi.gif) no-repeat 0px 0px;}
li.idi a.qui {background-color: inherit;background: url(images/idi2.gif) no-repeat 0px 0px;}

li.publicaciones a {

	background-color: inherit;

	width: 191px;

	background: url(images/publicaciones1.gif) no-repeat 0 0px;

}

li.publicaciones a:hover {background-color: inherit;background: url(images/publicaciones.gif) no-repeat 0px 0px;}
li.publicaciones a.qui {background-color: inherit;background: url(images/publicaciones2.gif) no-repeat 0px 0px;}

li.contacto a {

	background-color: inherit;

	width: 191px;

	background: url(images/contacto1.gif) no-repeat 0 0px;

}

li.contacto a:hover {background-color: inherit;background: url(images/contacto.gif) no-repeat 0px 0px;}
li.contacto a.qui {background-color: inherit;background: url(images/contacto2.gif) no-repeat 0px 0px;}

li.aboutus a {

	background-color: inherit;

	width: 191px;

	background: url(images/about-us1.gif) no-repeat 0 0px;

}
li.aboutus a:hover {background-color: inherit;background: url(images/about-us.gif) no-repeat 0px 0px;}
li.aboutus a.qui {background-color: inherit;background: url(images/about-us2.gif) no-repeat 0px 0px;}

li.process-automation a {

	background-color: inherit;

	width: 191px;

	background: url(images/process-automation1.gif) no-repeat 0 0px;

}
li.process-automation a:hover {background-color: inherit;background: url(images/process-automation.gif) no-repeat 0px 0px;}
li.process-automation a.qui {background-color: inherit;background: url(images/process-automation2.gif) no-repeat 0px 0px;}

li.plant-management a {

	background-color: inherit;

	width: 191px;

	background: url(images/plant-management1.gif) no-repeat 0 0px;

}
li.plant-management a:hover {background-color: inherit;background: url(images/plant-management.gif) no-repeat 0px 0px;}
li.plant-management a.qui {background-color: inherit;background: url(images/plant-management2.gif) no-repeat 0px 0px;}

li.previous-projects a {

	background-color: inherit;

	width: 191px;

	background: url(images/previous-projects1.gif) no-repeat 0 0px;

}
li.previous-projects a:hover {background-color: inherit;background: url(images/previous-projects.gif) no-repeat 0px 0px;}
li.previous-projects a.qui {background-color: inherit;background: url(images/previous-projects2.gif) no-repeat 0px 0px;}

li.photo-gallery a {

	background-color: inherit;

	width: 191px;

	background: url(images/photo-gallery1.gif) no-repeat 0 0px;

}
li.photo-gallery a:hover {background-color: inherit;background: url(images/photo-gallery.gif) no-repeat 0px 0px;}
li.photo-gallery a.qui {background-color: inherit;background: url(images/photo-gallery2.gif) no-repeat 0px 0px;}

li.news a {

	background-color: inherit;

	width: 191px;

	background: url(images/news1.gif) no-repeat 0 0px;

}
li.news a:hover {background-color: inherit;background: url(images/news.gif) no-repeat 0px 0px;}
li.news a.qui {background-color: inherit;background: url(images/news2.gif) no-repeat 0px 0px;}

li.rd a {

	background-color: inherit;

	width: 191px;

	background: url(images/rd1.gif) no-repeat 0 0px;

}
li.rd a:hover {background-color: inherit;background: url(images/rd.gif) no-repeat 0px 0px;}
li.rd a.qui {background-color: inherit;background: url(images/rd2.gif) no-repeat 0px 0px;}

li.papers a {

	background-color: inherit;

	width: 191px;

	background: url(images/papers1.gif) no-repeat 0 0px;

}
li.papers a:hover {background-color: inherit;background: url(images/papers.gif) no-repeat 0px 0px;}
li.papers a.qui {background-color: inherit;background: url(images/papers2.gif) no-repeat 0px 0px;}

li.contact a {

	background-color: inherit;

	width: 191px;

	background: url(images/contact1.gif) no-repeat 0 0px;

}
li.contact a:hover {background-color: inherit;background: url(images/contact.gif) no-repeat 0px 0px;}
li.contact a.qui {background-color: inherit;background: url(images/contact2.gif) no-repeat 0px 0px;}

/* STYLES FOR CROSSFADER */

div.cf_wrapper
	{
	width: 340px;
	}

/*------------------CONTACTO-----------------------*/
	.i{
	  color: #fff;
		background-color: #039;		
		font-weight: bold;
		font-size: 1.2em;
		padding: 0.1em 0.6em 0.1em 0.6em;
		margin-right: 0.6em;
	}

.sitr{
	width: 80%
}
	
.obligatorio{
	color: #F00;
	}
	
	.campo_form{
	  margin-top: 0.5em;
	}
	
  .campo_form label{
    padding-left: 1em;
	padding-right: 1em;
    display: block;
    width: 10em;
    float: left;
	text-align: right;
  }
	
	#submit{
	  text-align: left;
	}
 
 
 /*------------------SITEMAP-----------------------*/
#navcontainer
{
/* container div set-up */
width: 390px;
padding: 10px;
/* Set font-size so theres no default */
line-height: 24px;
/* Set line-height because I think it looks better like this ;^) */
}
#navcontainer a{
/* Set text-decoration and color so there is no default */
text-decoration: none;
color:#000000;
}
#navcontainer a:hover{
font-weight: bold;
letter-spacing: 0;
/* Set letter-spacing back to 0 so text don't jump as much when it turns to bold on hover (Still jumps some though) */
}
#navcontainer ul{
list-style-type: none;
padding-left: 0px;
margin: 0px;
}
#navcontainer ul ul{
padding-left: 35px;
/* offset sub menu */
}
#navcontainer ul li{
padding-left: 20px;
margin-left: 2px;
/* Set margin-left to set-up the left border */
}
#navcontainer li { border-left: 1px solid #039; }