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

BODY { 
font-family: verdana; 
font-size: 10px; 
color: #000000; 
scrollbar-3dlight-color: #000000; 
scrollbar-highlight-color: #FFFFFF;
scrollbar-face-color: #FFFFFF; 
scrollbar-shadow-color: #000000; 
scrollbar-track-color: #FFFFFF; 
scrollbar-darkshadow-color: #FFFFFF;
background-image:url(../images/fondo.jpg);


/* Espacio de la página */
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}

* { padding:0px; margin:0px;    outline: 0;
}



/*Enlaces generales*/
a:link { text-decoration: none; color: #ffffff; } 
a:hover { text-decoration:none; color: #ffffff;} 
a:active { text-decoration: none; color: #ffffff;} 
a:visited { text-decoration: none; color: #ffffff;} 

.enlaceverde a:link { text-decoration:underline; color: #54acb0; font-weight:bold; font-size:12px;} 
.enlaceverde a:hover { text-decoration:underline; color: #54acb0; font-weight:bold; font-size:12px;} 
.enlaceverde a:active { text-decoration:underline; color: #54acb0; font-weight:bold; font-size:12px;} 
.enlaceverde a:visited { text-decoration:underline; color: #54acb0; font-weight:bold; font-size:12px;} 

.enlaceverdeG a:link { text-decoration:none; color: #54acb0; font-weight:bold; font-size:10px;} 
.enlaceverdeG a:hover { text-decoration:none; color: #54acb0; font-weight:bold; font-size:10px;} 
.enlaceverdeG a:active { text-decoration:none; color: #54acb0; font-weight:bold; font-size:10px;} 
.enlaceverdeG a:visited { text-decoration:none; color: #54acb0; font-weight:bold; font-size:10px;} 


.enlaceverdep a:link { text-decoration:none; color: #54acb0; font-weight:normal; font-size:10px;} 
.enlaceverdep a:hover { text-decoration:none; color: #54acb0; font-weight:normal; font-size:10px;} 
.enlaceverdep a:active { text-decoration:none; color: #54acb0; font-weight:normal; font-size:10px;} 
.enlaceverdep a:visited { text-decoration:none; color: #54acb0; font-weight:normal; font-size:10px;} 

.enlaceblanco a:link { text-decoration:none; color: #ffffff; font-weight:normal; font-size:12px;} 
.enlaceblanco a:hover { text-decoration:none; color: #ffffff; font-weight:normal; font-size:12px;} 
.enlaceblanco a:active { text-decoration:none; color: #ffffff; font-weight:normal; font-size:12px;} 
.enlaceblanco a:visited { text-decoration:none; color: #ffffff; font-weight:normal; font-size:12px;}


.enlaceazul a:link { text-decoration:none; color: #3e4bbb; font-weight:normal; font-size:12px;} 
.enlaceazul a:hover { text-decoration:none; color: #3e4bbb; font-weight:normal; font-size:12px;} 
.enlaceazul a:active { text-decoration:none; color: #3e4bbb; font-weight:normal; font-size:12px;} 
.enlaceazul a:visited { text-decoration:none; color: #3e4bbb; font-weight:normal; font-size:12px;} 
 
a.amarillo:link { font-family:Arial, Helvetica, sans-serif;	font-size:13px;	line-height:20px; color:#fdca00; font-weight:bold;}
a.amarillo:hover { font-family:Arial, Helvetica, sans-serif;	font-size:13px;	line-height:20px; color:#fdca00; font-weight:bold;} 
a.amarillo:active { font-family:Arial, Helvetica, sans-serif;	font-size:13px;	line-height:20px; color:#fdca00; font-weight:bold;} 
a.amarillo:visited { font-family:Arial, Helvetica, sans-serif;	font-size:13px;	line-height:20px; color:#fdca00; font-weight:bold;} 





/****** enlace icono 1 *****/


.icono1 a{ float:left; margin-top:25px; margin-left:0px; width:89px; height:66px;  background-image:url(../images/op1.jpg); background-repeat: no-repeat; z-index:99; }

.icono1 a:hover{ float:left;  z-index:99;  width:89px; height:66px; background-image:url(../images/op1_.jpg); background-repeat: no-repeat; }

.icono1_index a{ float:left; margin-top:25px; margin-left:0px; width:89px; height:66px;  background-image:url(../images/op1_.jpg); background-repeat: no-repeat; z-index:99; }
.icono1_index a:hover{ float:left;  z-index:99;  width:89px; height:66px; background-image:url(../images/op1_.jpg); background-repeat: no-repeat; }


.icono2 a{ float:left;  margin-top:25px; margin-left:0px; width:121px; height:66px; background-image:url(../images/op2.jpg); background-repeat: no-repeat; z-index:99;  }
.icono2 a:hover{ float:left;  z-index:99; width:121px; height:66px; background-image:url(../images/op2_.jpg); background-repeat: no-repeat; }

.icono2_empresa a{ float:left;  margin-top:25px; margin-left:0px; width:121px; height:66px; background-image:url(../images/op2_.jpg); background-repeat: no-repeat; z-index:99;  }
.icono2_empresa a:hover{ float:left;  z-index:99; width:121px; height:66px; background-image:url(../images/op2_.jpg); background-repeat: no-repeat; }


.icono3 a{ float:left;  margin-top:23px; margin-left:0px; width:95px; height:66px;  background-image:url(../images/op3.jpg); background-repeat: no-repeat; z-index:99; }
.icono3 a:hover{ float:left;  z-index:99; width:95px; height:66px; background-image:url(../images/op3_.jpg); background-repeat: no-repeat; }

.icono3_rutas a{ float:left;  margin-top:23px; margin-left:0px; width:95px; height:66px;  background-image:url(../images/op3_.jpg); background-repeat: no-repeat; z-index:99; }
.icono3_rutas a:hover{ float:left;  z-index:99; width:95px; height:66px; background-image:url(../images/op3_.jpg); background-repeat: no-repeat; }


.icono4 a{ float:left;  margin-top:23px; margin-left:0px; width:119px; height:66px;  background-image:url(../images/op4.jpg); background-repeat: no-repeat; z-index:99; }
.icono4 a:hover{ float:left;  z-index:99; width:119px; height:66px; background-image:url(../images/op4_.jpg); background-repeat: no-repeat; }

.icono4_noticias a{ float:left;  margin-top:23px; margin-left:0px; width:119px; height:66px;  background-image:url(../images/op4_.jpg); background-repeat: no-repeat; z-index:99; }
.icono4_noticias a:hover{ float:left;  z-index:99; width:119px; height:66px; background-image:url(../images/op4_.jpg); background-repeat: no-repeat; }


.icono5 a{ float:left;  margin-top:23px; margin-left:0px; width:153px; height:66px;  background-image:url(../images/op5.jpg); background-repeat: no-repeat; z-index:99; }
.icono5 a:hover{ float:left; z-index:99; width:153px; height:66px; background-image:url(../images/op5_.jpg); background-repeat: no-repeat; }

.icono5_contactar a{ float:left;  margin-top:23px; margin-left:0px; width:153px; height:66px;  background-image:url(../images/op5_.jpg); background-repeat: no-repeat; z-index:99; }
.icono5_contactar a:hover{ float:left; z-index:99; width:153px; height:66px; background-image:url(../images/op5_.jpg); background-repeat: no-repeat; }







SELECT 
{ font-family: verdana; font-size: 10px; color: #e7b1130; background-color: 
#FFFFFF; border: #e7b113; border-style: solid; border-top-width: 1px; border-right-width: 
1px; border-bottom-width: 1px; border-left-width: 1px; } 

INPUT { 
font-family: verdana; font-size: 8pt; color: #e7b1130; background-color: #FFFFFF; 
border: #e7b1130; border-style: solid; border-top-width: 1px; border-right-width: 
1px; border-bottom-width: 1px; border-left-width: 1px; padding:3px; } 

TEXTAREA { 
font-family: verdana; font-size: 8pt; color: #e7b1130; background-color: #ffffff; 
border: #000000; border-style: solid; border-top-width: 1px; border-right-width: 
1px; border-bottom-width: 1px; border-left-width: 1px; padding:3px;}


#contenedor{
	margin:0 auto;
	width:970px;
	min-height:100%;
    /*height: auto!important;*/
    height:1342px;
}


#marco_superior{
	float:left;
	width: 975px;
	height: 150px;
	margin-top:11px;
	margin-left:20px;

}

.logotipo{
	float:left;
	width: 273px;
	height: 70px;
	margin-top:40px;
	margin-left:20px;

}

.menu{
	float:left;
	width: 595px;
	height: 110px;
	margin-top:40px;
	margin-left:30px;
	color:#FFF;

}

#eslogan_animacion{
	position:absolute;	
	width: 923px;
	height: 104px;
	margin-top:-70px;
	margin-left:30px;

	background-image:url(../images/eslogan1.png);
	background-repeat:no-repeat;
	z-index:9999;
}


.fondo_animacion{
	float:left;
	width: 923px;
	height: 104px;
	margin-top:0px;
}

#animacion{
	float:left;
	width: 923px;
	height: 429px;
	margin-top:6px;
	margin-left:20px;
}

#animacion_interior{
	float:left;
	width: 923px;
	height: 429px;
	margin-top:7px;
	margin-left:20px;
}

#fondo_servicios{
	float:left;
	width: 923px;
	height: 429px;
	margin-top:-1px;
	margin-left:20px;
	background-image:url(../images/fondo_servicios.jpg);
	background-repeat:no-repeat;

}

.contenido_empresa{
	clear:both;
	float:left;
	width: 923px;
	height: 429px;
	margin-top:-1px;
	margin-left:20px;
	text-align:center;
	color:#FFF;
	font-size:14px;
	padding-top:30px;

}

.contenido_empresa1{
	clear:both;
	float:left;
	width: 230px;
	height:250px;
	margin-top:-1px;
	margin-left:0px;
	text-align:justify;
	color:#FFF;
	font-size:12px;
	padding-top:30px;

}


.contenido_contactar1{
	clear:both;
	float:left;
	width: 230px;
	height:250px;
	margin-top:-1px;
	margin-left:0px;
	text-align:justify;
	color:#FFF;
	font-size:12px;
	padding-top:30px;

}

.contenido_contactar2{
	float:left;
	width: 220px;
	height:250px;
	margin-top:-1px;
	margin-left:110px;
	text-align:justify;
	color:#FFF;
	font-size:12px;
	padding-top:30px;

}

.contenido_empresa2{
	float:left;
	width: 220px;
	height:250px;
	margin-top:-17px;
	margin-left:110px;
	text-align:justify;
	color:#FFF;
	font-size:12px;
	padding-top:30px;

}

.contenido_rutas2{
	float:left;
	width: 593px;
	height:250px;
	margin-top:-310px;
	margin-left:330px;
	text-align:justify;
	color:#FFF;
	font-size:12px;
	padding-top:30px;

}

.punto1{
	position:absolute;
	z-index:999;
	width:50px;
	height:50px;
	margin-left:400px;
	margin-top:65px;
	
	}
	
.punto2{
	position:absolute;
	z-index:999;
	width:50px;
	height:50px;
	margin-left:300px;
	margin-top:70px;
	
	}

.contenido_empresa3{
	float:left;
	
	width: 230px;
	height:250px;
	margin-top:-17px;
	margin-left:110px;
	text-align:justify;
	color:#FFF;
	font-size:12px;
	padding-top:30px;

}

.contenido_contactar3{
	float:left;
	
	width: 230px;
	height:250px;
	margin-top:-1px;
	margin-left:110px;
	text-align:justify;
	color:#FFF;
	font-size:12px;
	padding-top:30px;

}

.contenido_contactar3_contactar{
	float:left;
	
	width: 250px;
	height:250px;
	margin-top:0px;
	margin-left:110px;
	text-align:justify;
	color:#FFF;
	font-size:12px;
	padding-top:30px;
	overflow:auto;

}

.contenido_contactar3_contactar_ampliada{
	float:left;
	
	width: 925px;
	height:230px;
	margin-top:10px;
	margin-left:0px;
	text-align:justify;
	color:#FFF;
	font-size:12px;
	padding-top:30px;
	overflow:auto;

}







#servicios_empresa{
	float:left;
	width: 260px;
	height: 50px;
	margin-top:26px;
	margin-left:20px;
	z-index:99;
	color:#FFF;
}

.titulo_empresa{
	float:left;
	width: 80px;
	height: 50px;
	margin-top:6px;
	margin-left:0px;
	z-index:99;
}

.icono_empresa{
	float:left;
	width: 80px;
	height: 50px;
	margin-top:-10px;
	margin-left:80px;
	z-index:99;
}

#servicios_grupaje{
	float:left;
	width: 260px;
	height: 50px;
	margin-top:26px;
	margin-left:60px;
	z-index:99;
	color:#FFF;
}

.titulo_grupaje{
	float:left;
	width: 80px;
	height: 50px;
	margin-top:6px;
	margin-left:0px;
	z-index:99;
}


.icono_grupaje{
	float:left;
	width: 80px;
	height: 50px;
	margin-top:-10px;
	margin-left:80px;
	z-index:99;
}

#servicios_seguridad{
	float:left;
	width: 260px;
	height: 50px;
	margin-top:26px;
	margin-left:60px;
	z-index:99;
	color:#FFF;
}
.titulo_seguridad{
	float:left;
	width: 80px;
	height: 50px;
	margin-top:6px;
	margin-left:0px;
	z-index:99;
}


.icono_seguridad{
	float:left;
	width: 80px;
	height: 50px;
	margin-top:-10px;
	margin-left:80px;
	z-index:99;
}

#servicios{
	float:left;
	width: 260px;
	height: 50px;
	margin-top:-120px;
	margin-left:40px;
	background-image:url(../images/titulo_servicios.png);
	background-repeat:no-repeat;
	z-index:99;
	color:#FFF;
}

.texto1{	float:left;	width: 201px;	height: 1px;	margin-top:60px;	margin-left:0px;	z-index:99;	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;	text-align:justify;	line-height:20px;
}

.linea_amarilla1{	float:left;	width: 201px;	height: 1px;	margin-top:20px;	margin-left:00px;	background-image:url(../images/linea_amarilla.png);
	background-repeat:no-repeat;	z-index:99;	color:#FFF;
}

.cuadrado_amarillo1{ float:left; width: 21px;	height: 21px;	margin-top:-10px;	margin-left:-20px;	background-image:url(../images/cuadrado.png);
	background-repeat:no-repeat;	z-index:99;	color:#FFF;
}

.texto2{	float:left;	width: 201px;	height: 1px;	margin-top:25px;	margin-left:0px;	z-index:99;	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;	text-align:justify;	line-height:20px;
}

.linea_amarilla2{	float:left;	width: 201px;	height: 1px;	margin-top:20px;	margin-left:00px;	background-image:url(../images/linea_amarilla.png);
	background-repeat:no-repeat;	z-index:99;	color:#FFF;
}

.cuadrado_amarillo2{ float:left; width: 21px;	height: 21px;	margin-top:-10px;	margin-left:-20px;	background-image:url(../images/cuadrado.png);
	background-repeat:no-repeat;	z-index:99;	color:#FFF;
}

.texto3{	float:left;	width: 201px;	height: 1px;	margin-top:25px;	margin-left:0px;	z-index:99;	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;	text-align:justify;	line-height:20px;
}

.linea_amarilla3{	float:left;	width: 201px;	height: 1px;	margin-top:20px;	margin-left:00px;	background-image:url(../images/linea_amarilla.png);
	background-repeat:no-repeat;	z-index:99;	color:#FFF;
}

.cuadrado_amarillo3{ float:left; width: 21px;	height: 21px;	margin-top:-10px;	margin-left:-20px;	background-image:url(../images/cuadrado.png);
	background-repeat:no-repeat;	z-index:99;	color:#FFF;
}

.texto4{	float:left;	width: 201px;	height: 1px;	margin-top:25px;	margin-left:0px;	z-index:99;	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;	text-align:justify;	line-height:20px;
}

.linea_amarilla4{	float:left;	width: 201px;	height: 1px;	margin-top:20px;	margin-left:00px;	background-image:url(../images/linea_amarilla.png);
	background-repeat:no-repeat;	z-index:99;	color:#FFF;
}

.cuadrado_amarillo4{ float:left; width: 21px;	height: 21px;	margin-top:-10px;	margin-left:-20px;	background-image:url(../images/cuadrado.png);
	background-repeat:no-repeat;	z-index:99;	color:#FFF;
}

.texto5{	float:left;	width: 201px;	height: 1px;	margin-top:25px;	margin-left:0px;	z-index:99;	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;	text-align:justify;	line-height:20px;
}

.linea_amarilla5{	float:left;	width: 201px;	height: 1px;	margin-top:20px;	margin-left:00px;	background-image:url(../images/linea_amarilla.png);
	background-repeat:no-repeat;	z-index:99;	color:#FFF;
}

.cuadrado_amarillo5{ float:left; width: 21px;	height: 21px;	margin-top:-10px;	margin-left:-20px;	background-image:url(../images/cuadrado.png);
	background-repeat:no-repeat;	z-index:99;	color:#FFF;
}

.texto6{	float:left;	width: 201px;	height: 1px;	margin-top:25px;	margin-left:0px;	z-index:99;	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;	text-align:justify;	line-height:20px;
}

.linea_amarilla6{	float:left;	width: 201px;	height: 1px;	margin-top:20px;	margin-left:00px;	background-image:url(../images/linea_amarilla.png);
	background-repeat:no-repeat;	z-index:99;	color:#FFF;
}

.cuadrado_amarillo6{ float:left; width: 21px;	height: 21px;	margin-top:-10px;	margin-left:-20px;	background-image:url(../images/cuadrado.png);
	background-repeat:no-repeat;	z-index:99;	color:#FFF;
}




#album{
	float:left;
	width: 260px;
	height: 50px;
	margin-top:-120px;
	margin-left:360px;
	background-image:url(../images/titulo_album.png);
	background-repeat:no-repeat;
	z-index:99;
}

#fotos{
	float:left;
	width: 251px;
	height: 50px;
	margin-top:-60px;
	margin-left:360px;
	color:#9F6;
	z-index:99;
}





#clientes{
	float:left;
	width: 260px;
	height: 50px;
	margin-top:-120px;
	margin-left:685px;
	background-image:url(../images/titulo_nclientes.png);
	background-repeat:no-repeat;
	z-index:99;
	color:#FFF;
}


#foto_clientes{
	float:left;
	width: 228px;
	height: 265px;
	margin-top:-60px;
	margin-left:685px;
	z-index:99;
	color:#FFF;
}



#copy{
	float:left;
	width: 260px;
	height: 50px;
	margin-top:85px;
	margin-left:430px;
	z-index:99;
	color:#FFF;
}

/***** estilos de los textos ****/

.textoG{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:justify;
	line-height:20px;

}

.textoGAmarillo{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:justify;
	color:#fdca00;
	line-height:20px;

}

.textoAmarilloG{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:justify;
	line-height:20px;
	color:#fdca00;
	font-weight:bold;

}

.textoAmarilloGG{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	text-align:justify;
	line-height:30px;
	color:#fdca00;
	font-weight:normal;

}

.textoBlancoN{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	text-align:justify;
	line-height:20px;

}

.textoBlancoNC{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:italic;
	color:#FFF;
	text-align:justify;
	line-height:18px;

}