@charset "utf-8";
/*   
Theme Name: CSS inicial
Author: Queli
Version: 0.1
Description: CSS básico con arreglos y selectores pre-configurados.
*/
/**********************************************
			HACKS PARA IE 
***********************************************/
/* Si tienes la necesidad de aplicar algún hack para IE6 utiliza este selector:  */

/* Si necesitas aplicarlo a IE7 utiliza este:
*:first-child+html {}*/
/***************************************************************** COMIENZO RESET PAGINAS Y REGLAS GENERALES ***********************************************/

/*********************************************
	ELEMENTOS PARA LIMPIAR POR COMPLETO EL HTML 
***********************************************/
* {	margin: 0;	padding: 0; }
/*** NEUTRALIZANDO ESTILOS:
	elementos con margen vertical: ***/

/*** Algunos ajustes basicos: ***/
sup { font-size:8px; font-weight:bolder; margin:0;}
sub {  font-size:1.1em; }
li, dd, blockquote { 	margin-left: 1em; }
ul {list-style-type:none;}

/*** LINKS:
	recuerda utilizar siempre la regla del LoVe-HAte 
a, a:link, a:visited, a:hover, a:active {}*/
a img { 	border: none; 	text-decoration: none; }
img { 	border: none; 	text-decoration: none; 	/*Si añades un background aparecerá como fondo de la imagen, útil para imágenes de carga*/ }

.marco_imagen{padding:5px;border:1px solid #fece00; background:#fff2bd}
/*** FORMULARIOS: ***/
label, button { cursor:pointer; }
input, select, textarea { 	font-size: 100%; }
input:focus, select:focus, textarea:focus { 	background-color: #fff; }

fieldset { 	border: none; }

/***  TABLAS ***/
table { border-collapse:collapse; border-spacing:0;}

/*** Algunas clases útiles: ***/
.float-left { 	float: left; }
.float-right { 	float: right; }
.clear{clear:both;margin:0;padding:0; }
.clear_2{clear:both;margin:0;padding:0;height:0;}
.clear_position{position:relative;}
.manolink{cursor:pointer;}
.ocultar {display:none}
.bloque {height:1em; display:block; margin:4px 0; }
.fuerte{font-weight:bold;}
/*LISTA ESTRUCTURAL DE COLUMNAS */
ul#columnas {width:100%; display:block; z-index:100; position:relative}
ul#columnas li{display:block;float:left; margin:0;padding:0;}
	/* solo queda maquetar el ancho de cada columna dentrode cada interior #column_2{ width:47%;} 	#column_3{ width:28%;} */
/* tipos de listas */
#pagina ul.lista{ list-style-type: none;}
#pagina ul.lista li { display:list-item; float:none;}
/***************************************************************** FIN RESET PAGINAS Y REGLAS GENERALES ***********************************************/

/**********************************************
				ESTRUCTURA DE LA PAGINA
***********************************************/
body,html{margin:0;padding:0;background-color:#ffffff;text-align:center;overflow-x:hidden}
/* el width de la pagina se ajusta en pixeles con el tamaño del screen cortado en photoshop */
#pagina{margin:0 auto; width:100%; background:#ffffff; text-align:left; font-size:100%;color:#454545;overflow-x:hidden}
#pagina p {line-height:14px;}
#cabecera{height:329px; background:url(/imagenes/interface/cabecera/fondo-cabecera.gif); background-repeat:repeat-x; background-position:top;}

#contenido{margin:auto;width:1004px;position:relative;overflow: hidden;}
#lateral-borde-sup {height:15px; width:225px; background:url(/imagenes/comunes/borde-sup-gris.gif) repeat-x;}
#datos-borde-sup {height:15px; width:779px; background:url(/imagenes/comunes/borde-sup-blanco.gif) repeat-x;}
#lateral-borde-inf {position:absolute; bottom:0px; width:225px; background:url(/imagenes/comunes/borde-inf-gris.gif) repeat-x;height:15px;}
#datos-borde-inf {clear:both;position:absolute; bottom:0;height:15px; width:779px; background:url(/ing/imagenes/comunes/borde-inf-blanco.gif) repeat-x;}

/* #lateral{position:absolute;left:0;background:#E4E4E4;height:100%;width:225px;}*/
#lateral { float:left; width:225px;background:#E4E4E4;}
#lateral{padding-bottom: 32768px;margin-bottom: -32768px }

#datos{ float:left; width:77.5%; background: #FFFFFF ;position:relative}


#pie{clear:both; height:19px; background:#E7EFF8; }
#pieInterior{height:16px; width:994px; margin:auto; padding: 3px 0px 0px 10px; background:#000000; text-align:left;}



/********************************************
				TEXTOS
**********************************************/
body {font: normal 11px Tahoma, Verdana, Geneva, sans-serif; color:#000000;overflow-x:hidden}
#pie {font: normal 10px Tahoma, Geneva, sans-serif; color:#FFFFFF;}
#nav_utilidades{font: bold 9px Verdana, Tahoma, Geneva, sans-serif; color:#808081}
.azul{color:#427bd0;}

/********************************************
				LISTAS MENUS
**********************************************/
/* Lista menu utilidades */
#nav_utilidades{ height:18px; list-style-type:none; text-align:right; padding:3px 10px 0px 0px;}
#nav_utilidades li{ display:inline; margin:0;padding:0}
#nav_utilidades li a img{ margin-left:5px}
/*Lista menu principal*/
#nav_principal{ list-style-type: none; text-align:right; margin-top: -16px; padding:0; float:right; position:relative; z-index:100; }
ul#nav_principal li:first-child{}
#nav_principal li{  float:left; margin:0; height:48px} 
#nav_principal li img{ margin:0; padding:0; display:block; } 

/********************************************
				ENLACES 
**********************************************/
/* generales */
a { text-decoration:underline;}
a:hover {text-decoration:none;}
/*  menu principal */


#nav_principal a:link, #nav_principal a:visited{margin:0; display:block; padding:0;text-indent:-9999px;height:38px;background-repeat:no-repeat ;text-align:left}
/*pestaña actual */

#menu-cabecera-corporativo a:link, #menu-cabecera-corporativo a:visited {background-image:url(/imagenes/interface/menu/btn-corporativo-off.gif);width:100px;padding:0;}
#menu-cabecera-corporativo a:hover,a#menu-select:link ,#menu-cabecera-corporativo a#menu-select:visited{background-image:url(/imagenes/interface/menu/btn-corporativo-on.gif);height:42px}

#menu-cabecera-calidad a:link, #menu-cabecera-calidad a:visited {background-image:url(/imagenes/interface/menu/btn-calidad-off.gif);width:67px;}
#menu-cabecera-calidad a:hover, #menu-cabecera-calidad a#menu-select:link ,#menu-cabecera-calidad a#menu-select:visited{background-image:url(/imagenes/interface/menu/btn-calidad-on.gif);height:42px}

#menu-cabecera-produccion a:link, #menu-cabecera-produccion a:visited {background-image:url(/imagenes/interface/menu/btn-produccion-off.gif);width:88px;}
#menu-cabecera-produccion a:hover, #menu-cabecera-produccion a#menu-select:link ,#menu-cabecera-produccion a#menu-select:visited{background-image:url(/imagenes/interface/menu/btn-produccion-on.gif);height:42px}

#menu-cabecera-areas-actividad a:link, #menu-cabecera-areas-actividad a:visited {background-image:url(/imagenes/interface/menu/btn-areas-actividad-off.gif);width:132px;}
#menu-cabecera-areas-actividad a:hover, #menu-cabecera-areas-actividad a#menu-select:link ,#menu-cabecera-areas-actividad a#menu-select:visited{background-image:url(/imagenes/interface/menu/btn-areas-actividad-on.gif);height:42px}

#menu-cabecera-infraestructura a:link, #menu-cabecera-infraestructura a:visited {background-image:url(/imagenes/interface/menu/btn-infraestructura-off.gif);width:119px;}
#menu-cabecera-infraestructura a:hover, #menu-cabecera-infraestructura a#menu-select:link ,#menu-cabecera-infraestructura a#menu-select:visited{background-image:url(/imagenes/interface/menu/btn-infraestructura-on.gif);height:42px}

#menu-cabecera-presupuestos a:link, #menu-cabecera-presupuestos a:visited {background-image:url(/imagenes/interface/menu/btn-presupuestos-off.gif);width:105px;}
#menu-cabecera-presupuestos a:hover, #menu-cabecera-presupuestos a#menu-select:link ,#menu-cabecera-presupuestos a#menu-select:visited{background-image:url(/imagenes/interface/menu/btn-presupuestos-on.gif);height:42px}

#menu-cabecera-contacto a:link, #menu-cabecera-contacto a:visited {background-image:url(/imagenes/interface/menu/btn-contacto-off.gif);width:78px;}
#menu-cabecera-contacto a:hover, #menu-cabecera-contacto a#menu-select:link ,#menu-cabecera-contacto a#menu-select:visited{background-image:url(/imagenes/interface/menu/btn-contacto-on.gif);height:42px}




/* menu lateral */
#menu-lateral {margin:0	 0 20px 46px;}
#menu-lateral li{height:25px}
#menu-lateral li a {text-indent:-9999px;display:block;height:25px}

/* menu utilidades */
#nav_utilidades a{ text-decoration:none; font: bold 9px Verdana, Tahoma, Geneva, sans-serif; color:#3366cc;}
#nav_utilidades a:hover{ text-decoration:underline;}

/*enlaces para el camino de migas */
#migas ul li a:link, #migas ul li a:visited{font: bold 1em Verdana, Arial, Helvetica, sans-serif;color:#0c61ad; text-decoration:none;}
#migas ul li a:hover {text-decoration:underline;}
/*enlaces del tipo flecha */
a.flecha:link, a.flecha:visited {padding-left:22px; background:url(/estilos/imagenes/ico_flecha_blanca_fondo_verde.png) no-repeat 0 50%; font: normal 1.2em Arial, Helvetica, sans-serif; color: #515c4d; text-decoration:underline;}
a.flecha:hover{ text-decoration:none; }

/* enlaces  clase fuerte */
a.fuerte:link, a.fuerte:visited { font: bold italic 12px 'Trebuchet MS', Helvetica, sans-serif; color: #e11c24; text-decoration:underline;}4
a.fuerte:hover{ text-decoration:none; }
.link-azul{font-weight:bold;color:#3366cc;}
.link-azul img{margin-left:4px}

/********************************************
				H1, H2 , H3 - CABECERAS 
**********************************************/
/* Titular Principal */
h1 { width:225px;height:71px;}
/* Titular lateral */
h2 {margin: 21px 0px 0px 17px;height:33px;text-indent:-9999px;}
h3 {margin: 0px 0px 15px 0px; color: #5F5F5F; text-indent:-9999px; }
* html h3{margin: 0px 0px 7px 0px;}
*:first-child+html h3{margin: 0px 0px 7px 0px;}

#cabeceraInterior {width:1004px; margin:auto;position:relative;}
#cabeceraInterior #logo {padding: 10px 0px 0px 35px;}
#cabeceraInterior #banner {position:relative; z-index:90; margin-top: 22px;}
* html #cabeceraInterior #banner {margin-top: -10px;}
*:first-child+html #cabeceraInterior #banner {margin-top: -10px;}


/********************************************
				BORDES FOTOS
**********************************************/
.cuadro-peq{border:3px solid #cedff3}
.cuadro{border:3px solid #cedff3}


/*********************************************
				CLASE CLEARFIX
**********************************************/
/** HACK dar altura a elementos con contenido flotado */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}
* html .clearfix {height:1px;}


.sectores-cabecera {text-indent:-9999px; height:21px;width:157px}

.sectores-datos div{display:block;height:69px;position:relative;background-repeat:no-repeat}
#eolico{background-image:url(/imagenes/comunes/areas-actividad/tit-sector-eolico.gif)}
#foto-eolico{background-image:url(/imagenes/comunes/areas-actividad/sector-eolico.jpg)}
#ferroviario{background-image:url(/imagenes/comunes/areas-actividad/tit-sector-ferroviario.gif)}
#foto-ferroviario{background-image:url(/imagenes/comunes/areas-actividad/sector-ferroviario.jpg)}
#sector-naval{background-image:url(/imagenes/comunes/areas-actividad/tit-sector-naval.gif)}
#foto-naval{background-image:url(/imagenes/comunes/areas-actividad/sector-naval.jpg)}
#sector-nuclear{background-image:url(/imagenes/comunes/areas-actividad/tit-sector-nuclear.gif)}
#foto-nuclear{background-image:url(/imagenes/comunes/areas-actividad/sector-nuclear.jpg)}
#petroquimico{background-image:url(/imagenes/comunes/areas-actividad/tit-sector-petroquimico.gif)}
#foto-petroquimico{background-image:url(/imagenes/comunes/areas-actividad/sector-petroquimico.jpg)}
#siderurgico{background-image:url(/imagenes/comunes/areas-actividad/tit-sector-siderurgico.gif)}
#foto-siderurgico{background-image:url(/imagenes/comunes/areas-actividad/sector-siderurgico.jpg)}
#sector-maquina-herramienta{background-image:url(/imagenes/comunes/areas-actividad/tit-sector-maquina-herramienta.gif)}
#foto-maquina-herramienta{background-image:url(/imagenes/comunes/areas-actividad/sector-maquina-herramienta.jpg)}
#sector-otros-sectores{background-image:url(/imagenes/comunes/areas-actividad/tit-sector-otros-sectores.gif)}
#foto-otros-sectores{background-image:url(/imagenes/comunes/areas-actividad/sector-otros-sectores.jpg)}

.link-sectores{font-weight:bold;color:#3366cc;position:absolute;background-color:#fff;bottom:5px;right:6px;padding:3px}

#barra-navegacion{background-color:#f0f0f0;width:777px;height:17px;padding:4px 0 0 0 ;font-size:10px;margin-left:2px}
#barra-navegacion li{display:inline;color:#454545;margin:0}
#barra-navegacion li#estas_en{color:#757575;margin-left:10px}
#barra-navegacion li a{font-weight:bold;color:#3e78cf;text-decoration:none}
#barra-navegacion li a:hover{text-decoration:underline}

#datos{min-height:350px}
* html #datos{height:350px}