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

body {
	background-color:#f0f0f0;
	background-image:url(../imagenes/fondo_global.jpg);
	background-repeat:repeat-x;
	font-family: "Verdana", Arial, Georgia, Times New Roman, Times, serif;
	font-size:0.9em;
	text-align:center;
	margin:0;
	padding:0;
}





/*************************************************************************************************/
/*********************** ESTILOS GLOBALES ********************************************************/
/*************************************************************************************************/

a:link, a:visited, a:active {
	color:#0099CC;
	text-decoration:none;
}

a:hover {
	color:#00305C;
}

#noticia_fecha {
	margin-top:0px;
	clear:both;
	color:#666;
}

h1 {
	font-family:"Trebuchet", arial;
	margin:0;
	padding:0;
	font-size:2em;
	color:#00305C;
	padding:0px 0px 0px 0px;
	font-weight:normal;

}

h2 {
	font-family:"Trebuchet", arial;
	margin:0;
	padding:0;
	font-size:1.6em;
	font-weight:normal;
	color:#DE7008;
	padding:0px 0px 10px 0px;

}


h3 {
	font-family:"Trebuchet", arial;
	margin:0;
	padding:0;
	font-size:0.8em;
	font-weight:normal;
	color:#666;
	padding:2px 0px 0px 0px;
	text-transform:uppercase;

}

h4 {
	font-family:"Trebuchet", arial;
	margin:0;
	padding:0;
	font-size:1.5em;
	font-weight:normal;
	color:#00305C;
	padding:10px 0px 0px 0px;

}


h5 {
	font-family:"Trebuchet", arial;
	margin:0;
	padding:0;
	font-size:1.4em;
	font-weight:normal;
	color:#00305C;
	padding:20px 0px 0px 0px;

}

p#gris {
	color:#666;
}

strong {
	color:#DE7008;
	font-weight:normal;
}

p.sub {
	margin:0;
	padding:0;
	font-size:0.8em;
	color:#666;

}

p.not{
	margin:0;
	padding:0;

}

img { 
	border:none;
}


.sombra {
	display:block;
	background-image: url("../imagenes/sombra_img.jpg");
	background-repeat: no-repeat;
	height: 17px;
	margin-bottom: -5px;

}


.linea_base {
	clear:both;
	width:680px;
	height:5px;
	background-image:url(../imagenes/linea_base_separador.png);
	background-repeat:no-repeat;
	margin:10px 0px -10px 0px;
}

.linea_base#espacio_inferior {

	padding-bottom: 20px;

}

.espacio_inferior {
	padding:30px 0px 20px 0px;
	heigth:10px;
	clear:both;
}
	

/*************************************************************************************************/
/*********************** ESTILOS DEL ÁREA DE CABECERA ********************************************/
/*************************************************************************************************/

#contenedor {
	margin:auto;
	width:945px;
	background-image:url(../imagenes/fondo_contenedor.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	text-align:center;
}



#cabecera {
	width:900px;
	margin:auto;
}

#contenedor #cabecera #logo {
	width:170px;
	height:106px;
	float:left;	
	padding:20px 0px 0px 0px;
}


/*Pequeño detalle devido a las pestañas de navegación, al parecer hereda el fondo y hace que el logo aparezca con la pestaña izquierda, por lo que para anularlo le quito el background a mano*/
#contenedor #cabecera #logo a {
	background-image:none;
}

#contenedor #cabecera #idiomas {
	text-align:right;
	width:723px;
	height:53px;
	float:left;
	background-image:url(../imagenes/fondo_idiomas.png);
	background-repeat:no-repeat;
	background-position:top right;
	padding:10px 7px 0px 0px;
}


#contenedor #cabecera #idiomas p {
	margin:5px 0px 0px 0px;
	padding:0;
	font-size:0.55em;
}


/*************************************************************************************************/
/*********************** ESTILOS NAVEGACIÓN SUPERIOR *********************************************/
/*************************************************************************************************/


#contenedor #cabecera #navegacion {
	padding-left:20px;
	padding-top:25px;
	font-size:0.7em;
	text-transform:uppercase;
	width:700px;
	height:22px;
	float:left;
	text-align:left;
	
}

/*Bajamos el menu para el ie6-7 y 8 para que las pestañas se peguen al area naranja*/
#contenedor #cabecera #navegacion {
	padding-top:27px\9;
	
}

#contenedor #cabecera #navegacion ul {
	margin:0;
	padding:0;
}

#contenedor #cabecera #navegacion ul li {
	list-style:none;
	display:block;
	float:left;
	padding:14px 10px 10px 0px;
	margin:0px 5px 0px 0px;		
	background-image:url(../imagenes/img_pestana_der_off.png);
	background-repeat:no-repeat;
	background-position:top right;
	background-color:#F2C69C;
	overflow:hidden;
}

#contenedor #cabecera #navegacion ul li#on {
	background-image:url(../imagenes/img_pestana_der.png);
	background-repeat:no-repeat;
	background-position:top right;
	background-color:#DE7008;
}

a.pestana:link, a.pestana:visited, a.pestana:active {
	padding:14px 0px 10px 10px;
	background-image:url(../imagenes/img_pestana_izq_off.png);
	background-repeat:no-repeat;
	background-position:top left;
	color:#00305c;
	text-decoration:none;
}

#contenedor a.pestana:hover {
	color:#DE7008;
}

#contenedor #cabecera #navegacion .pestana_activa {
	padding:14px 0px 10px 10px;
	background-image:url(../imagenes/img_pestana_izq.png);
	background-repeat:no-repeat;
	background-position:top left;
	color:#fff;
}





/*************************************************************************************************/
/*********************** ESTILO IMAGEN DE CABECERA ***********************************************/
/*************************************************************************************************/


#contenedor #cabecera #galeria_imagenes {
	clear:both;
	width:900px;
	height:350px;
	padding-top:16px;
	
}



/*************************************************************************************************/
/*********************** ESTILOS CUERPO Y SUBMENU NIVEL1 *****************************************/
/*************************************************************************************************/


#contenedor #cuerpo {
	font-size:0.9em;
	clear:both;
	width:900px;
	margin:auto;
	text-align:left;
}

#contenedor #cuerpo.inv_des {
	margin-top:5em;


}

#contenedor #cuerpo #submenu1 {
	font-size:0.8em;
	margin-top:5px;
	width:900px;
	height:102px;
	background-image:url(../imagenes/fondo_submenu_n1.png);
	background-repeat:no-repeat;
}

#contenedor #cuerpo #submenu1 ul {
	margin:0;
	padding:16px 0px 0px 10px;
}

#contenedor #cuerpo #submenu1 ul li {
	list-style:none;
	display:inline;
	text-transform:uppercase;
	padding:0px 20px 20px 20px;
	border-right:1px solid #fff;
}

#contenedor #cuerpo #submenu1 ul li a {
	
}

#contenedor #cuerpo #submenu1 ul li a#activan1{
	background-image:url(../imagenes/activo_submenun1.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	color:#00305C;	
	padding-bottom:21px;
}

/*************************************************************************************************/
/*********************** ESTILOS BLOQUE IZQUIERDO (SUBMENU NIVEL 2) ******************************/
/*************************************************************************************************/


#contenedor #cuerpo #bloque_izq {
	font-size:0.8em;
	width:190px;
	float:left;
	margin-right:30px;
	margin-top:-20px;
}


#contenedor #cuerpo #submenu2 {
	width:190px;
	text-align:right;
	background-color:#D4D4D4;
}


#contenedor #cuerpo .top_submenu2{
	background-image:url(../imagenes/top_submenu2.png);
	background-repeat:no-repeat;	
	height:3px;
	
}


#contenedor #cuerpo .bottom_submenu2{
	background-image:url(../imagenes/bottom_submenu2.png);
	background-repeat:no-repeat;
	heigth:23px;
	padding:33px;
	margin-top:-5px;
}

#contenedor #cuerpo #bloque_izq ul {
	margin:0;
	padding:0;
}

#contenedor #cuerpo #bloque_izq ul li {
	list-style:none;
	padding:20px 0px 20px 0px;
	text-transform:uppercase;
	background-image:url(../imagenes/divisor_submenu_n2.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	
}

#contenedor #cuerpo #bloque_izq ul li a {
	padding-right:20px;
}


#contenedor #cuerpo #bloque_izq ul li.ultima {
	background:none;
}

#contenedor #cuerpo #bloque_izq ul li a#activan2 {
	background-image:url(../imagenes/activo_submenun2.png);
	background-position:right center;
	background-repeat:no-repeat;
	color:#00305C;
}


/*************************************************************************************************/
/*********************** ESTILOS BLOQUE DERECHO (CONTENIDO) **************************************/
/*************************************************************************************************/


#contenedor #cuerpo #bloque_der {
	width:680px;
	float:left;
	margin-top:-20px;
	text-align: justify;
}


#contenedor #cuerpo #bloque_der.i_d_min{
	min-height: 500px !important;

}


#contenedor #cuerpo #bloque_der h1 {
	font-family:"Trebuchet", arial;
	margin:0;
	padding:0;
	font-size:2em;
	color:#00305C;
	padding:0px 0px 0px 0px;
	font-weight:normal;

}

#contenedor #cuerpo #bloque_der h2 {
	font-family:"Trebuchet", arial;
	margin:0;
	padding:0;
	font-size:1.6em;
	font-weight:normal;
	color:#DE7008;
	padding:0px 0px 2px 0px;

}

#contenedor #cuerpo #bloque_der h2.tit_obras {
	color:#000;
	margin-bottom:-5px;
	font-size:1.4em;
	text-align: left;
}

#contenedor #cuerpo #bloque_der h3 {
	font-family:"Trebuchet", arial;
	margin:0;
	padding:0;
	font-size:0.8em;
	font-weight:normal;
	color:#666;
	padding:2px 0px 0px 0px;
	text-transform:uppercase;

}

#contenedor #cuerpo #bloque_der h4 {
	font-family:"Trebuchet", arial;
	margin:0;
	padding:0;
	font-size:0.9em;
	font-weight:normal;
	color:#00305C;
	padding:10px 0px 0px 0px;
	text-transform:uppercase;

}

#bloque_der p {

	margin:0;
	padding: 5px 0px;
	line-height: 24px;
	color:#333;
}


#contenedor #cuerpo hr {
	border:none;
	background:none;
	height:0px;
	width:0;
/*	background-image:url(../imagenes/divisor_obras_t1.png);
	background-repeat:no-repeat;
	margin:10px 0px 0px 0px;*/
}






/*************************************************************************************************/
/*********************** ESTILOS OBRAS TIPO 1*****************************************************/
/*************************************************************************************************/



/* ESTILOS DE LOS BLOQUES DE OBRAS CON MENÚ IZQUIERDA */


#contenedor #cuerpo .detalle_obra {
	width:700px;
	height:260px;
	padding:15px 0px 5px 0px;
	margin-top:15px;
	background-image:url(../imagenes/divisor_obras_t1.png);
	background-repeat:no-repeat;
}


#contenedor #cuerpo .detalle_obra p {
	margin:0;
	padding:0;

}

#contenedor #cuerpo .detalle_obra img {
	margin:10px 0px 10px 0px;
	padding:0;

}


#contenedor #cuerpo .detalle_obra .dizq {
	width:500px;
	float:left;

}

#contenedor #cuerpo .detalle_obra .dder {
	width:155px;
	float:left;
	margin:28px 0px 0px 20px;
}


#contenedor #cuerpo .detalle_obra .dder ul {
	margin:28px 0px 0px 0px;
	padding:0;
}

#contenedor #cuerpo .detalle_obra .dder ul li {
	padding:0;
	margin:-10px 5px 0px 0px;
	display:block;
	float:left;
	list-style:none;
}



/* ESTILOS DE LOS BLOQUES DE OBRAS 2 COLUMNAS */



#cuerpo_total .obra_2col {
	
	width:400px;
	float:left;
	padding-top:20px;
	margin:15px 100px 10px 0px;
	background-image:url(../imagenes/linea_sep_pag_completa.png);
	background-repeat:no-repeat;
	background-position:top;
}

#cuerpo_total .obra_2col#der {
	margin-right:0px;
}

#cuerpo_total .thunbs {
	float:right;
	text-align:right;
	width:275px;	
	margin-top:-38px;	
}


/* ESTILOS DE CIERRE - FIGURAS EN EL PIE */

#contenedor #figuras {
	float:right;
	margin-top:10px;
	width:586px;
	height:75px;
	background-image:url(../imagenes/figuras_pie.png);
	background-repeat:no-repeat;
}


/*************************************************************************************************/
/*********************** ESTILOS OBRAS TIPO 2*****************************************************/
/*************************************************************************************************/



/* ESTILOS DE LOS BLOQUES DE OBRAS 2 columnas con menu izquierda */


#contenedor #bloque_der .bloque_obra {
	width:300px;
	padding:0;
	margin:15px 80px 15px 0px;
	float:left;
}

#contenedor #bloque_der .bloque_obra#der {
	margin-right:0px;
}

#contenedor #bloque_der .bloque_obra p {
	margin:0;
	padding:0;
}


#contenedor #bloque_der .bloque_obra p#localizacion {
	display: block;
	background-image: url(../imagenes/ico_localizacion.jpg);
	background-position: center left;
	background-repeat: no-repeat;
	padding: 10px 0px 10px 30px;
	border-bottom:1px solid #ccc;
	text-align: left;

}

#contenedor #bloque_der .bloque_obra p#cliente {
	display: block;
	background-image: url(../imagenes/ico_cliente.jpg);
	background-position: center left;
	background-repeat: no-repeat;
	padding: 10px 0px 10px 30px;
	border-bottom:1px solid #ccc;
	margin-bottom: 5px;
	text-align: left;

}

#contenedor #bloque_der .bloque_obra p#tiempo {
	display: block;
	background-image: url(../imagenes/ico_calendario.jpg);
	background-position: center left;
	background-repeat: no-repeat;
	padding: 10px 0px 10px 30px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin-top:15px;
	text-align: left;

}

#contenedor #bloque_der .bloque_obra img {
	padding:10px 0px 0px 0px;
}

#contenedor #bloque_der .bloque_obra img {
	padding:10px 0px 0px 0px;
}



/*************************************************************************************************/
/*********************** ESTILOS PÁGINA LOCALIZACIÓN  ********************************************/
/*************************************************************************************************/

#contenedor #col_dire {
	width:400px;
	float:left;
}

#contenedor #cuerpo_total #col_dire p {
	margin: 0;
	padding: 3px 0px 3px 0px;
	
}


#contenedor #col_mapa {
	padding-top:50px;
	width:448px;
	height: 300px;
	float:right;
	text-align:right;

	
}

#col_mapa .maps {
	height: 283px;
	background-image: url(../imagenes/back_mapa.png);
	background-repeat: no-repeat;
	padding: 13px 13px 0px 0px;


}



/*************************************************************************************************/
/*********************** ESTILOS PÁGINA EMPRESA  *************************************************/
/*************************************************************************************************/


#contenedor #cuerpo_total {
	width:900px;
	margin-top:-20px;
}


#contenedor #cuerpo_total_2 {
	width:900px;
	margin-top:-60px;
}



#contenedor #cuerpo_total p {
	line-height:24px;
	margin:0;
	padding:5px 0px;
}


#contenedor #bempresa_izq {
	width:640px;
	margin:40px 50px 0px 0px;
	float:left;	
	text-align: justify;
}

#contenedor #bempresa_der {
	width:205px;
	margin:40px 0px 0px 0px;
	float:left;
}


#contenedor #bempresa_der dt {
	margin-top:20px;
	padding:0;
}


#contenedor #bempresa_der dd {
	display:block;
	float:left;
	width:130px;
	height:131px;
	background-image:url(../imagenes/descarga_pdf.png);
	background-repeat:no-repeat;
	padding:15px 0px 0px 65px;
	margin:5px 0px -30px 0px;
	list-style:none;
}


/*SELLOS DE CALIDAD*/


#contenedor #bempresa_der dd#ppt {
	background-image:url(../imagenes/descarga_ppt.png);
	background-repeat:no-repeat;
}

#contenedor #bempresa_der dd#aenor {
	background-image:url(../imagenes/sello_aenor.png);
	background-repeat:no-repeat;
}

#contenedor #bempresa_der dd#iso {
	background-image:url(../imagenes/sello_iso18-90.png);
	background-repeat:no-repeat;
}

#contenedor #bempresa_der dd#iso14 {
	background-image:url(../imagenes/sello14.png);
	background-repeat:no-repeat;
}

#contenedor #bempresa_der dd#efener {
	background-image:url(../imagenes/sello_efic-ener.png);
	background-repeat:no-repeat;
}		

#contenedor #cuerpo_total ul {
	margin:0;
	padding:0;
	color:#666;
	margin-left:5px;
}

#contenedor #cuerpo_total ul li {
	margin:8px 0px 8px 14px;
	padding:0px 0px 0px 2px;
	list-style-image:url(../imagenes/bullet_lista.png);
	background-repeat:no-repeat;
}




/*************************************************************************************************/
/*********************** ESTILOS PÁGINA PROMOCIONES  *********************************************/
/*************************************************************************************************/


.bloque_izq_promos {

	width: 390px;
	float: left;
	text-align: justify;

}

.bloque_der_promos {

	width: 440px;
	float: right;
	padding-top:65px;

}


.planos_promos {

	width: 98px;
	margin-right: 10px;
	float:left;

}

.planos_promos #ultima_planos{
	margin-right:0px;
}



.img_promos{

	margin-right: 18px;

}

.img_promos_banner{

	margin:50px 0px 10px 0px;

}

.bloque_promo_central {
	width:900px;
	background-image:url(../promociones/back_promo_moduloc.jpg);
	background-repeat:no-repeat;
	clear:both;
	margin:50px 0px 0px 0px;	
	height:200px;
	border:1px solid #666;
	display:block;
	
}

.area_texto_bcentral {
	float:right;
	padding:15px 40px 0px 0px;
	width:280px;
}


.bloque_promo_izq{
	margin-top:-20px;
	width:440px;
	float:left;
	margin-right: 18px;

}


.bloque_promo_der{
	margin-top:-20px;
	width:440px;
	float:right;


}







/*************************************************************************************************/
/*********************** FIN ESTILOS PROMOCIONES  ************************************************/
/*************************************************************************************************/





/*************************************************************************************************/
/*********************** ESTILOS PIE DE PÁGINA ***************************************************/
/*************************************************************************************************/


#area_pie {
	font-size:0.7em;
	clear:both;
	background-color:#666666;
	height:100&;
	padding:35px 0px 0px 0px;
}

#area_pie p{
	margin:0;
	padding:2px 0px 2px 0px;
}

#area_pie #menu_pie {
	width:900px;
	height:200px;
	background-image:url(../imagenes/fondo_menu_pie.png);
	background-repeat:no-repeat;
	margin:auto;
}
	

#area_pie #menu_pie ul {
	text-align:left;
	margin:0px;
	padding:18px 0px 0px 0px;
}

#area_pie #menu_pie ul li{
	display:inline;
	list-style:none;
}

#area_pie #menu_pie a.pie:link, a.pie:visited, a.pie:active {
	text-transform:uppercase;
	padding: 10px 20px 20px 20px;
	text-decoration:none;
	color:#00305C;
}

#area_pie #menu_pie a.pie:hover {
	color:#fff;
}


#area_pie #menu_pie a.pie#activo {
	color:#fff;
	background-image:url(../imagenes/menu_pie_activo.png);
	background-repeat:no-repeat;
	background-position:bottom center;
}


#area_pie #info {
	color:#ccc;
	margin-top:35px;
}

#dirección {
	text-align:left;
	width:280px;
	float:left;
	padding-left:20px;
}

#logos {
	width:300px;
	float:left;
}

#legal {
	text-align:right;
	width:280px;
	float:right;
	padding-right:20px;
}