@charset "utf-8"; /* CÓMO HACER APLICAR UN CAMBIO SÓLO A UN EXPLORADOR (HACK) IE6 ---> * html propiedad IE7 ---> *+html propiedad Opera 9 y anteriores ---> html:first-child propiedad */ /* COMIENZO RESET PAGINAS Y REGLAS GENERALES FRAMEWORK CSS: * - Sin bordes * - Sin márgenes ni paddings * - Sin fondos ni estilo para listas */ * {margin: 0; padding: 0; font: 10px Arial, Helvetica, sans-serif;} /*nada tendrá padding ni margen, y las fuentes serán 11px*/ q:before,q:after {content: "";} sup {font-size: 0.8em;} sub {font-size: 0.8em;} ul {list-style-type: none;} a {border: none; text-decoration: none;} a:link, a:visited, a:active {outline: none;} img {border: none; text-decoration: none; /*Si añades un background aparecerá como fondo de la imagen, útil para imágenes de carga*/ } acronym {border: 0;} /*** igualar las fuentes a todos los elementos ***/ h1, h2 , h3, h4, h5, strong {font-size: 100%; font-weight: bold;} table {margin:0 auto; width:100%;} /** Propociona altura a divs sin anchura 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;} .float-left {display: inline; float: left;} .float-right {display: inline; 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;} .b {border: 1px solid Yellow;} /*clase de uso rápido para destacar los bordes de un bloque*/ /* * cómo hacer png trasnparentes en IE6 * dado un div...: * #bloque {background: url(/imagenes/index/abcd.png); behavior: url(/estilos/ie6pngfix/iepngfix.php); * * si abcd.png está guardado con canal alfa, dejará ver el fondo. behavior sólo lo interpreta IE6. * */ /* FIN RESET PAGINAS Y REGLAS GENERALES FRAMEWORK CSS */ /********************************************** ESTRUCTURA DE LA PAGINA ***********************************************/ body{background: url(/imagenes/comunes/fnd_body.jpg) repeat-x;} body *{font: 10px Arial;} #pagina {margin: 0 auto; width: 987px;} #blanco {position: absolute; top: 0; left: 0; width: 987px; height: 118px; background: #fff;} /******************** CABECERA ********************/ #cabecera{position: relative; width: 987px;} #cabecera h1, #cabecera h2{display: none;} #navegador{position: absolute; top: 1px; right: 8px;} #navegador li{float: left;} #navegador li a{display: block; padding-top: 3px; height: 13px; color: #d1d4e7; text-decoration: none;} #navegador li a:hover{text-decoration: underline;} #navegador li a.inicio{padding-left: 20px; width: 40px; background: #3c4b99 url(/imagenes/comunes/fnd_nav_inicio.jpg) no-repeat;} #navegador li a.mapaWeb{padding-left: 32px; width: 60px; background: #3c4b99 url(/imagenes/comunes/fnd_nav_mapa-web.jpg) no-repeat;} #navegador li a.rrhh{padding-left: 24px; width: 80px; background: #3c4b99 url(/imagenes/comunes/fnd_nav_rrhh.jpg) no-repeat;} #navegador li a.contacto{padding-left: 25px; width: 47px; background: #3c4b99 url(/imagenes/comunes/fnd_nav_contacto.jpg) no-repeat;} #navegador li a.bandera{margin: 2px; height: 9px !important; text-indent: -99999px;} #navegador li a.espanol{width: 18px; background: #3c4b99 url(/imagenes/comunes/ico_ES.jpg) no-repeat;} #navegador li a.ingles{width: 18px; background: #3c4b99 url(/imagenes/comunes/ico_EN.jpg) no-repeat;} #navegador li a.aleman{width: 18px; background: #3c4b99 url(/imagenes/comunes/ico_DE.jpg) no-repeat;} #navegador li a.frances{width: 18px; background: #3c4b99 url(/imagenes/comunes/ico_FR.jpg) no-repeat;} /******************** MIGAS ********************/ #migas{width: 967px; padding: 10px;} #migas p{color: #898eb0;} #migas p a{color: #3c4b99; text-decoration: none;} #migas p a:hover{text-decoration: underline;} /******************** MENU CASTELLANO ********************/ #menuES{height:32px; background: #3c4b99;} #menuES li{display: inline;} #menuES li a{float:left; height:32px; text-indent:-99999px;} #menuESIndex, #menuESIndexOff:hover{width: 175px;background:url(/imagenes/comunes/menu/btn_talleres-martinez_ONES.jpg) no-repeat;} #menuESIndexOff{width: 175px; background:url(/imagenes/comunes/menu/btn_talleres-martinez_OFFES.jpg) no-repeat;} #menuESCalidad, #menuESCalidadOff:hover{width: 111px; background:url(/imagenes/comunes/menu/btn_calidad_ONES.jpg) no-repeat;} #menuESCalidadOff{width: 111px; background:url(/imagenes/comunes/menu/btn_calidad_OFFES.jpg) no-repeat;} #menuESSectores, #menuESSectoresOff:hover{width: 130px; background:url(/imagenes/comunes/menu/btn_sectores_ONES.jpg) no-repeat;} #menuESSectoresOff{width: 130px; background:url(/imagenes/comunes/menu/btn_sectores_OFFES.jpg) no-repeat;} #menuESInfraestructura, #menuESInfraestructuraOff:hover{width: 156px; background:url(/imagenes/comunes/menu/btn_infraestructura_ONES.jpg) no-repeat;} #menuESInfraestructuraOff{width: 156px; background:url(/imagenes/comunes/menu/btn_infraestructura_OFFES.jpg) no-repeat;} #menuESAutomocion, #menuESAutomocionOff:hover{width: 121px; background:url(/imagenes/comunes/menu/btn_automocion_ONES.jpg) no-repeat;} #menuESAutomocionOff{width: 121px; background:url(/imagenes/comunes/menu/btn_automocion_OFFES.jpg) no-repeat;} #menuESPresupuestos, #menuESPresupuestosOff:hover{width: 169px; background:url(/imagenes/comunes/menu/btn_presupuestos_ONES.jpg) no-repeat;} #menuESPresupuestosOff{width: 169px; background:url(/imagenes/comunes/menu/btn_presupuestos_OFFES.jpg) no-repeat;} #menuESContacto, #menuESContactoOff:hover{width: 125px; background:url(/imagenes/comunes/menu/btn_contacto_ONES.jpg) no-repeat;} #menuESContactoOff{width: 125px; background:url(/imagenes/comunes/menu/btn_contacto_OFFES.jpg) no-repeat;} /******************** MENU INGLÉS ********************/ #menuEN{height:32px; background: #3c4b99;} #menuEN li{display: inline;} #menuEN li a{float:left; height:32px; text-indent:-99999px;} #menuENIndex, #menuENIndexOff:hover{width: 175px;background:url(/imagenes/comunes/menu/btn_talleres-martinez_ONEN.jpg) no-repeat;} #menuENIndexOff{width: 175px; background:url(/imagenes/comunes/menu/btn_talleres-martinez_OFFEN.jpg) no-repeat;} #menuENCalidad, #menuENCalidadOff:hover{width: 111px; background:url(/imagenes/comunes/menu/btn_calidad_ONEN.jpg) no-repeat;} #menuENCalidadOff{width: 111px; background:url(/imagenes/comunes/menu/btn_calidad_OFFEN.jpg) no-repeat;} #menuENSectores, #menuENSectoresOff:hover{width: 130px; background:url(/imagenes/comunes/menu/btn_sectores_ONEN.jpg) no-repeat;} #menuENSectoresOff{width: 130px; background:url(/imagenes/comunes/menu/btn_sectores_OFFEN.jpg) no-repeat;} #menuENInfraestructura, #menuENInfraestructuraOff:hover{width: 156px; background:url(/imagenes/comunes/menu/btn_infraestructura_ONEN.jpg) no-repeat;} #menuENInfraestructuraOff{width: 156px; background:url(/imagenes/comunes/menu/btn_infraestructura_OFFEN.jpg) no-repeat;} #menuENAutomocion, #menuENAutomocionOff:hover{width: 121px; background:url(/imagenes/comunes/menu/btn_automocion_ONEN.jpg) no-repeat;} #menuENAutomocionOff{width: 121px; background:url(/imagenes/comunes/menu/btn_automocion_OFFEN.jpg) no-repeat;} #menuENPresupuestos, #menuENPresupuestosOff:hover{width: 169px; background:url(/imagenes/comunes/menu/btn_presupuestos_ONEN.jpg) no-repeat;} #menuENPresupuestosOff{width: 169px; background:url(/imagenes/comunes/menu/btn_presupuestos_OFFEN.jpg) no-repeat;} #menuENContacto, #menuENContactoOff:hover{width: 125px; background:url(/imagenes/comunes/menu/btn_contacto_ONEN.jpg) no-repeat;} #menuENContactoOff{width: 125px; background:url(/imagenes/comunes/menu/btn_contacto_OFFEN.jpg) no-repeat;} /******************** MENU ALEMAN ********************/ #menuGE{height:32px; background: #3c4b99;} #menuGE li{display: inline;} #menuGE li a{float:left; height:32px; text-indent:-99999px;} #menuGEIndex, #menuGEIndexOff:hover{width: 175px;background:url(/imagenes/comunes/menu/btn_talleres-martinez_ONGE.jpg) no-repeat;} #menuGEIndexOff{width: 175px; background:url(/imagenes/comunes/menu/btn_talleres-martinez_OFFGE.jpg) no-repeat;} #menuGECalidad, #menuGECalidadOff:hover{width: 111px; background:url(/imagenes/comunes/menu/btn_calidad_ONGE.jpg) no-repeat;} #menuGECalidadOff{width: 111px; background:url(/imagenes/comunes/menu/btn_calidad_OFFGE.jpg) no-repeat;} #menuGESectores, #menuGESectoresOff:hover{width: 130px; background:url(/imagenes/comunes/menu/btn_sectores_ONGE.jpg) no-repeat;} #menuGESectoresOff{width: 130px; background:url(/imagenes/comunes/menu/btn_sectores_OFFGE.jpg) no-repeat;} #menuGEInfraestructura, #menuGEInfraestructuraOff:hover{width: 156px; background:url(/imagenes/comunes/menu/btn_infraestructura_ONGE.jpg) no-repeat;} #menuGEInfraestructuraOff{width: 156px; background:url(/imagenes/comunes/menu/btn_infraestructura_OFFGE.jpg) no-repeat;} #menuGEAutomocion, #menuGEAutomocionOff:hover{width: 121px; background:url(/imagenes/comunes/menu/btn_automocion_ONGE.jpg) no-repeat;} #menuGEAutomocionOff{width: 121px; background:url(/imagenes/comunes/menu/btn_automocion_OFFGE.jpg) no-repeat;} #menuGEPresupuestos, #menuGEPresupuestosOff:hover{width: 169px; background:url(/imagenes/comunes/menu/btn_presupuestos_ONGE.jpg) no-repeat;} #menuGEPresupuestosOff{width: 169px; background:url(/imagenes/comunes/menu/btn_presupuestos_OFFGE.jpg) no-repeat;} #menuGEContacto, #menuGEContactoOff:hover{width: 125px; background:url(/imagenes/comunes/menu/btn_contacto_ONGE.jpg) no-repeat;} #menuGEContactoOff{width: 125px; background:url(/imagenes/comunes/menu/btn_contacto_OFFGE.jpg) no-repeat;} /******************** MENU FRANCES ********************/ #menuFR{height:32px; background: #3c4b99;} #menuFR li{display: inline;} #menuFR li a{float:left; height:32px; text-indent:-99999px;} #menuFRIndex, #menuFRIndexOff:hover{width: 175px;background:url(/imagenes/comunes/menu/btn_talleres-martinez_ONFR.jpg) no-repeat;} #menuFRIndexOff{width: 175px; background:url(/imagenes/comunes/menu/btn_talleres-martinez_OFFFR.jpg) no-repeat;} #menuFRCalidad, #menuFRCalidadOff:hover{width: 111px; background:url(/imagenes/comunes/menu/btn_calidad_ONFR.jpg) no-repeat;} #menuFRCalidadOff{width: 111px; background:url(/imagenes/comunes/menu/btn_calidad_OFFFR.jpg) no-repeat;} #menuFRSectores, #menuFRSectoresOff:hover{width: 130px; background:url(/imagenes/comunes/menu/btn_sectores_ONFR.jpg) no-repeat;} #menuFRSectoresOff{width: 130px; background:url(/imagenes/comunes/menu/btn_sectores_OFFFR.jpg) no-repeat;} #menuFRInfraestructura, #menuFRInfraestructuraOff:hover{width: 156px; background:url(/imagenes/comunes/menu/btn_infraestructura_ONFR.jpg) no-repeat;} #menuFRInfraestructuraOff{width: 156px; background:url(/imagenes/comunes/menu/btn_infraestructura_OFFFR.jpg) no-repeat;} #menuFRAutomocion, #menuFRAutomocionOff:hover{width: 121px; background:url(/imagenes/comunes/menu/btn_automocion_ONFR.jpg) no-repeat;} #menuFRAutomocionOff{width: 121px; background:url(/imagenes/comunes/menu/btn_automocion_OFFFR.jpg) no-repeat;} #menuFRPresupuestos, #menuFRPresupuestosOff:hover{width: 169px; background:url(/imagenes/comunes/menu/btn_presupuestos_ONFR.jpg) no-repeat;} #menuFRPresupuestosOff{width: 169px; background:url(/imagenes/comunes/menu/btn_presupuestos_OFFFR.jpg) no-repeat;} #menuFRContacto, #menuFRContactoOff:hover{width: 125px; background:url(/imagenes/comunes/menu/btn_contacto_ONFR.jpg) no-repeat;} #menuFRContactoOff{width: 125px; background:url(/imagenes/comunes/menu/btn_contacto_OFFFR.jpg) no-repeat;} /******************** CONTENIDO ********************/ #contenido{float: left;} /******************** COLUMNA-IZQ ********************/ #columna-izq{float: left; margin-right: 20px; width: 202px;} #columna-izq li{display: inline;} #columna-izq li a{display: block; margin-bottom: 1px; padding: 1px 0pt 0pt 13px; width: 189px; height: 16px; font: bold 11px Arial; color: #666; background: #d7d7d7 url(/imagenes/comunes/fnd_columna-izq_OFF.jpg) no-repeat;} #columna-izq li a:hover, #columna-izq li a.activo{color: #fff; background: #3c4b99 url(/imagenes/comunes/fnd_columna-izq_ON.jpg) no-repeat;} /******************** PIE ********************/ #pie{background: #e1e1e1;} #pie div{margin: 0 auto; width: 987px; height: 100px; background: #3c4b99;} #pie p{margin: 5px 15px} #pie p.izq{float: left;} #pie p.der{float: right;} #pie p, #pie a, #pie p span strong{color: #fff;} #pie p span strong{font: bold 11px Arial;} #pie p span, #pie p.izq a{display: block;} #pie p a{text-decoration: underline;} #pie p a:hover{text-decoration: none;} #contenido div p{font: 13px Arial; color: #333;} #contenido div p i{font: italic 13px Arial;} #contenido div p strong{font: bold 13px Arial;}