@charset "UTF-8";
/* CSS Document */
body {
  padding: 0px;
  margin: 0px;
  font-family: Arial;
  font-size: 12px;
  color: #777777;
  text-decoration: none;
}

#fondo_inicio {
  margin-top: 0px;
  background-image:url(../imagenes/fondo_servicios.jpg);
  background-repeat:no-repeat;
  background-position: center top;
  
}
#fondo_somos {
	margin-top:0px;
	background-image:url(../imagenes/fondo_somos.jpg);
	background-repeat:no-repeat;
	background-position: center top;	
}
#fondo_servicios {
  margin-top: 0px;
  background-image:url(../imagenes/fondo_servicios.jpg);
  background-position:center top;
  background-repeat:no-repeat;

}
#fondo_normativa{
  margin-top:0px;
  background-image:url(../imagenes/fondo_servicios.jpg);
  background-position:center top;
  background-repeat:no-repeat;

}
#fondo_clientes{
  margin-top:0px;
  background-image:url(../imagenes/fondo_servicios.jpg);
  background-position:center top;
  background-repeat:no-repeat;

}
#fondo_colaboradores{
  margin-top:0px;
  background-image:url(../imagenes/fondo_servicios.jpg);
  background-position:center top;
  background-repeat:no-repeat;

}
#fondo_contacto{
  margin-top:0px;
  background-image:url(../imagenes/fondo_servicios.jpg);
  background-position:top center;
  background-repeat:no-repeat;

}
/* ----------------------------------------  ESTILO GENERAL  ----------------------------------*/
#contgeneral {
  width: 800px;
  margin-left:auto;
  margin-right: auto;
}
#top {
	width: 800px;
	height: 109px;
}
#topa {
	float:left;
	width: 400px;
	height: 109px;
}
#topb {
	float:left;
	width: 400px;
	height: 109px;
}
/*---------------------------------------MENU / PIE DE PAGINA---------------------------------------*/
#menupie {
	width:800px;
	height:51px;
}
#fondoa_pie {
	float:left;
	width:137px;
	height:51px;
}
#fondob_pie {
	float:left;
	width:525px;
	height:15px;
	padding-top:36px;
}
.enlace_pie {
	font-size:11px;
	color:#999;
	text-decoration:none;
}
#fondoc_pie {
	float:left;
	width:138px;
	height:51px;
}
.menu_pie {
	text-align:center;
}
#pie {
	width:800px;
	height:65px;
}
#logo_pie {
	background-image:url(../imagenes/logo_pie.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	width:312px;
	height:65px;
	float:left;
}
#datos_pie {
	background-image:url(../imagenes/fonpiecolor.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	width:463px;
	height:50px;
	float:left;
	padding-left:25px;
	padding-top:15px;
}
.datos_pie {
	font-size:11px;
	color:#FFF;
	text-decoration:none;
	
}

.link_pie {
	text-decoration:none;
}
/* ---------------------------------------- SECCION / INICIO  ----------------------------------*/
#imagen_inicio {
	width:800px;
	height:250px;
}
#cont_inicio {
	width:800px;
	height:161px;
}
#texto_inicio {
	background-image:url(../imagenes/fondotext_inicio.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	float:left;
	width:365px;
	height:141px;
	padding-right: 21px;
	padding-left: 14px;
	text-align:justify;
	font-size:11px;
	padding-top: 20px;
}
#frase_inicio {
	background-image:url(../imagenes/frase_inicio.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	float:left;
	width:400px;
	height:161px;
}
#trespun_inicio {
	width:800px;
	height:135px;
}
#trespuna_inicio {
	float:left;
	width:137px;
	height:135px;
}
#trespunb_inicio {
	float:left;
	width:175px;
	height:135px;
}
#trespunc_inicio {
	float:left;
	width:175px;
	height:135px;
}	
#trespund_inicio {
	float:left;
	width:175px;
	height:135px;
}	
#trespune_inicio {
	float:left;
	width:138px;
	height:135px;
}	
#llave_inicio{
	width:800px;
	height:126px;
}
#llavefondoa_inicio {
	float:left;
	width:137px;
	height:126px;
}
#llaveimg_inicio {
	float:left;
	width:525px;
	height:126px;
}
#llavefondob_inicio {
	float:left;
	width:138px;
	height:126px;
}
/* ---------------------------------------- SECCION / QUIENES SOMOS  ----------------------------------*/
#cont_somos {
	width:716px;
	height:195px;
	padding-left:42px;
	padding-top:21px;
	padding-right:42px;
	padding-bottom:28px;
}
#imagen_somos {
	width:800px;
	height:250px;
}
/* ---------------------------------------- SECCION / SERVICIOS  ----------------------------------*/
#cont_servicios {
	width:716px;
	height:850px;
	padding-left:42px;
	padding-top:21px;
	padding-right:42px;
	padding-bottom:28px;
	text-align: justify;
}
#imagen_servicios {
	width:800px;
	height:250px;
}
/* ---------------------------------------- SECCION / NORMATIVA  ----------------------------------*/
#cont_normativa {
	width:716px;
	height:195px;
	padding-left:42px;
	padding-top:21px;
	padding-right:42px;
	padding-bottom:28px;
}
#imagen_normativa {
	width:800px;
	height:250px;
}
.letrapeque {
	font-size:12px;
	text-decoration:none;
}
/* ---------------------------------------- SECCION / CLIENTES  ----------------------------------*/

#imagen_clientes {
	width:800px;
	height:250px;
}

#clientes {
	width: 100%;

}


/* ---------------------------------------- SECCION / CLIENTES  ----------------------------------*/

#imagen_colaboradores {
	width:800px;
	height:250px;
}

#colaboradores {
	width: 100%;

}


/* ---------------------------------------- SECCION / CONTACTO  ----------------------------------*/
#imagen_contacto {
	width:800px;
	height:250px;
}

#cont_contacto {
	width: 800px;
	height:295px;
}

#cont_dire {
	width: 360px;
	height: 270px;
	padding-left: 40px;
	padding-top: 25px;
	float: left;
}

#cont_googlemaps {
	width: 354px;
	height: 245px;
	padding-top: 25px;
	padding-right: 46px;
	padding-bottom: 25px;
	float:left;
}


.titulo_contacto {
	font-size:20px;
	font-weight:bold;
}
.texto_contacto {
	font-size:13px;
}
.color_contacto {
	color:#336699;
	font-size:13px;
}
.bold_contacto {
	font-size:13px;
	font-weight:bold;
}
.link_contacto {
	text-decoration:none;
	color:#336699;
}




/* ---------------------------------------- SECCION / MAPAWEB  ----------------------------------*/

#mapaweb {
	width: 650px;
	height:265px;
	background-color: #FFF;
	padding-top:35px;
	padding-left:150px;
}

.textomapaweb a:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#1A4F7A;
	font-weight:bold;
	text-decoration:none;
}

.textomapaweb {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#1A4F7A;
	font-weight:bold;
	text-decoration:none;
}

.titulomapaweb {
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	color: #0E2D46;
	font-weight:bold;
}


#scroll{
	width: 800px;
	height:500px;
	background-color:#FFF;
}