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

/*--CAPAS DIV--*/

#main {
	position: absolute;
	top: 0%;
	left: 50%;
	margin-top: 5px;
	margin-left: -371px;
	width: 743px;
	height: auto;
	visibility: visible;
}

#top {
	position:absolute;
	left:0px;
	top:0px;
	width:743px;
	height:103px;
	z-index:1;
}
#botonera {
	position:absolute;
	left:186px;
	top:103px;
	width:557px;
	height:27px;
	z-index:2;
	background-image: url(imagenes/botonera-vacia.gif);
}

#empresa {
	position:absolute;
	left:239px;
	top:112px;
	width:71px;
	height:27px;
	z-index:3;
}
#productos {
	position:absolute;
	left:139px;
	top:0px;
	width:82px;
	height:28px;
	z-index:3;
}

#tecnologiab {
	position:absolute;
	left:413px;
	top:112px;
	width:71px;
	height:28px;
	z-index:3;
}

#obras {
	position:absolute;
	left:504px;
	top:112px;
	width:40px;
	height:27px;
	z-index:3;
}

#s_tecnico {
	position:absolute;
	left:565px;
	top:112px;
	width:98px;
	height:27px;
	z-index:3;
}

#contacto {
	position:absolute;
	left:677px;
	top:112px;
	width:66px;
	height:27px;
	z-index:3;
}
#punto1 {
	position:absolute;
	left:302px;
	top:109px;
	width:24px;
	height:27px;
	text-align:center;
	font-weight:bold;
	vertical-align:middle;
	z-index:4;
}
#punto2 {
	position:absolute;
	left:388px;
	top:109px;
	width:24px;
	height:27px;
	text-align:center;
	font-weight:bold;
	vertical-align:middle;
	z-index:4;
}
#punto3 {
	position:absolute;
	left:658px;
	top:109px;
	width:24px;
	height:27px;
	text-align:center;
	font-weight:bold;
	vertical-align:middle;
	z-index:4;
}

#punto4 {
	position:absolute;
	left:481px;
	top:109px;
	width:24px;
	height:27px;
	text-align:center;
	font-weight:bold;
	vertical-align:middle;
	z-index:4;
}

#punto5 {
	position:absolute;
	left:541px;
	top:109px;
	width:24px;
	height:27px;
	text-align:center;
	font-weight:bold;
	vertical-align:middle;
	z-index:4;
}

#left_fotos {
	position:absolute;
	left:0px;
	top:103px;
	width:186px;
	height:523px;
	z-index:3;
}
#encabezado {
	position:absolute;
	left:186px;
	top:130px;
	width:557px;
	height:236px;
	z-index:1;
}
#texto_1 {
	position:absolute;
	left:186px;
	top:366px;
	width:469px;
	height:54px;
	text-align:left;
	line-height:16px;
	padding-left:88px;
	padding-top:2px;
	z-index:5;
}

#tecnologia {
	position:absolute;
	left:186px;
	top:414px;
	width:557px;
	height:62px;
	z-index:6;
}
#texto_2 {
	position:absolute;
	left:186px;
	top:476px;
	width:557px;
	height:150px;
	z-index:7;
}
#col_1 {
	position:absolute;
	left:271px;
	top:490px;
	width:223px;
	height:90px;
	z-index:8;
}
#col_2 {
	position:absolute;
	left:518px;
	top:490px;
	width:216px;
	height:91px;
	z-index:9;
}
#linea {
	position:absolute;
	left:280px;
	top:621px;
	width:470px;
	height:5px;
	z-index:10;	
}
#footer {
	position:absolute;
	left:335px;
	top:626px;
	width:415px;
	height:30px;
	padding-top:4px;
	z-index:11;
}


/*--MENU DESPLEGABLE--*/

ul.topnav {
	list-style: none;
	padding: 0;	/*--POSICIÓN VINCULOS--*/
	margin: 0;
	float: left;
	width: 557;
	font-size: 1.2em;
}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 4px 8px 0 0; /*--SEPARACIÓN VINCULOS--*/
	position: relative;
	left: 0px;
}
ul.topnav li a{
	width:65px;
	padding: 5px 0px;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	color:#CCCCCC;
}

ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: -10px; top: 27px;
	background: #0a4f91;
	margin: 0; padding: 0;
	text-align:center;
	display: none;
	float: left;
	width: 85px; /*--ANCHO FONDO DESPLEGABLE--*/
}
ul.topnav li ul.subnav li{ /*--LINEAS DESPLEGABLE--*/
	margin: 0; padding: 0;
	border-top: 0px solid #2270bc; /*--Create bevel effect--*/
	border-bottom: 1px solid #0066cc; /*--Create bevel effect--*/
	clear: both;
	width: 85px; 
}
html ul.topnav li ul.subnav li a {  /*--CUADRO ROLLOVER--*/
	float: left;
	width: 80px; 
	padding-left: 5px;
	z-index:3;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background-color: #0066cc;
}



/*--ESTILOS--*/

.parrafo {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
line-height:13px;
color:#0a4c8c;
}

.resaltado {
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
color:#003399;
}

.botonera {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
line-height:13px;
letter-spacing:0.2px;
color:#FFFFFF;
}


/*--LINKS--*/

a:link.enlace2 {
	color: #666666;
	text-decoration: none;
}
a:visited.enlace2 {
	text-decoration: none;
	color: #3366CC;
}
a:hover.enlace2 {
	text-decoration: none;
	color: #3366CC;
}
a:active.enlace2 {
	text-decoration: none;
	color:#666666;
}

a:link.botonera {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited.botonera {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover.botonera {
	text-decoration: none;
	color: #CCCCCC;
}
a:active.botonera {
	text-decoration: none;
	color: #FFFFFF;
}