@charset "utf-8"; /* COMO 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: 12px Arial;} /* 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: underline; color: #066aa7;} a:link, a:visited, a:active {outline: none;} a:hover {text-decoration: none;} img {border: none; text-decoration: none;} /* background: url(); aparecerá como fondo de la imagen, útil para imágenes de carga */ acronym {border: 0;} .manolink{cursor: pointer;} /* igualar las fuentes a todos los elementos */ h1, h2, h3, h4, h5, strong {font-size: 100%; font-weight: bold;} /* tablas */ table {width: 100%; border-collapse: collapse; border-spacing: 0;} /* propociona altura a divs sin altura con contenido flotado */ /* http://www.positioniseverything.net/easyclearing.html */ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} * html .clearfix {height: 1%;} .clearfix {display: block;} .b {border: 1px solid Yellow;} /*clase de uso rápido para destacar los bordes de un bloque*/ /* * cómo hacer png transparentes 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 {text-align: center; color: #717171;} #pagina {margin: 0 auto; width: 988px; text-align: left;} #cabecera{background:url(/imagenes/comunes/cabecera-bg-4.gif) 0px 0 repeat-x;} h1{background:transparent url(/imagenes/comunes/logo.png) no-repeat scroll 0 0;height:104px;margin:0;position:absolute;text-indent:-9999px;top:0;width:237px;} h1 img,h1 a{width:234px;height:104px;float:left;margin:0;display:inline;} #flash {margin-top: -10px;} #cabecera div{width:987px;height:40px;margin:auto;background:url(/imagenes/comunes/accesos-bg.gif) no-repeat top left;text-align:left;} #cabecera .media {background:none;} #cabecera .media{height:149px;width:988px;} #idiomas{float:right;width:230px;margin-top:12px;} #idiomas li{float:left;margin:0 3px;} #idiomas li a{color:#939393;text-decoration:none;font-size:11px;} #idiomas li a.seleccionado{color:#FFF;text-decoration:none;} #idiomas li a:hover{text-decoration:underline;} #nav_util {float:right;margin:12px 60px auto auto;/*position: absolute; top: 15px;right: 20px;_padding-top:3px;_right:0px;*/} #nav_util li {float: left; display: inline;margin-left:12px;padding-left:10px;} #nav_util li a {height: 14px; color: #FFF; font-size: 11px; text-decoration: none;} #nav_util li a:hover {text-decoration: underline;} .buscador_frm{float:right;width:175px;margin-top:12px;} .buscador_frm li{float:left;margin:0 3px;} .buscador_frm #buscador {/*width: 190px;*//*height: 40px; background: url(/imagenes/comunes/menuES.gif) no-repeat -798px -3px;*/} .buscador_frm #buscador #buscar {border:0px;color:#8F8E8C;/*margin:19px 0px 0 0;*margin-top:18px;*/width:125px;margin:0 0 0 0;float:left;} .buscador_frm #buscador #buscador_btn {margin:0 0 0 6px;border:0px;background: transparent url(/imagenes/comunes/btn-buscar.gif) no-repeat 0 0; width: 17px;height:17pX; cursor: pointer;} #menu {height: 50px;margin:0 auto;width:988px;} #menu li {float: left;} #menu li a {display: block; height: 50px; text-indent: -9999px;} #menu li a:hover, #menu li a.hover {} #menu #companiaES {width: 139px; background: url(/imagenes/comunes/menuES.gif) no-repeat 0px -3px;} #menu #companiaES:hover{background: url(/imagenes/comunes/menuES.gif) no-repeat 0px -56px;} #menu #companiaES.hover{background: url(/imagenes/comunes/menuES.gif) no-repeat 0px -56px;} #menu #imasdES {width: 92px; background: url(/imagenes/comunes/menuES.gif) no-repeat -139px -3px;} #menu #imasdES:hover{background: url(/imagenes/comunes/menuES.gif) no-repeat -139px -56px;} #menu #imasdES.hover{background: url(/imagenes/comunes/menuES.gif) no-repeat -139px -56px;} #menu #calidadES {width: 122px; background: url(/imagenes/comunes/menuES.gif) no-repeat -231px -3px;} #menu #calidadES:hover{background: url(/imagenes/comunes/menuES.gif) no-repeat -231px -56px;} #menu #calidadES.hover{background: url(/imagenes/comunes/menuES.gif) no-repeat -231px -56px;} #menu #productosES {width: 155px; background: url(/imagenes/comunes/menuES.gif) no-repeat -353px -3px;} #menu #productosES:hover{background: url(/imagenes/comunes/menuES.gif) no-repeat -353px -56px;} #menu #productosES.hover{background: url(/imagenes/comunes/menuES.gif) no-repeat -353px -56px;} #menu #postventaES {width: 149px; background: url(/imagenes/comunes/menuES.gif) no-repeat -508px -3px;} #menu #postventaES:hover{background: url(/imagenes/comunes/menuES.gif) no-repeat -508px -56px;} #menu #postventaES.hover{background: url(/imagenes/comunes/menuES.gif) no-repeat -508px -56px;} #menu #presupuestoES {width: 149px; background: url(/imagenes/comunes/menuES.gif) no-repeat -656px -3px;} #menu #presupuestoES:hover{background: url(/imagenes/comunes/menuES.gif) no-repeat -656px -56px;} #menu #presupuestoES.hover{background: url(/imagenes/comunes/menuES.gif) no-repeat -656px -56px;} #menu #contactoES {width: 141px; background: url(/imagenes/comunes/menuES.gif) no-repeat -807px -3px;} #menu #contactoES:hover{background: url(/imagenes/comunes/menuES.gif) no-repeat -807px -56px;} #menu #contactoES.hover{background: url(/imagenes/comunes/menuES.gif) no-repeat -807px -56px;} /*** Menu EN **/ #menu #companiaEN {width: 139px; background: url(/imagenes/comunes/menuEN.gif) no-repeat 0px -3px;} #menu #companiaEN:hover{background: url(/imagenes/comunes/menuEN.gif) no-repeat 0px -56px;} #menu #companiaEN.hover{background: url(/imagenes/comunes/menuEN.gif) no-repeat 0px -56px;} #menu #imasdEN {width: 92px; background: url(/imagenes/comunes/menuEN.gif) no-repeat -139px -3px;} #menu #imasdEN:hover{background: url(/imagenes/comunes/menuEN.gif) no-repeat -139px -56px;} #menu #imasdEN.hover{background: url(/imagenes/comunes/menuEN.gif) no-repeat -139px -56px;} #menu #calidadEN {width: 122px; background: url(/imagenes/comunes/menuEN.gif) no-repeat -231px -3px;} #menu #calidadEN:hover{background: url(/imagenes/comunes/menuEN.gif) no-repeat -231px -56px;} #menu #calidadEN.hover{background: url(/imagenes/comunes/menuEN.gif) no-repeat -231px -56px;} #menu #productosEN {width: 154px; background: url(/imagenes/comunes/menuEN.gif) no-repeat -353px -3px;} #menu #productosEN:hover{background: url(/imagenes/comunes/menuEN.gif) no-repeat -353px -56px;} #menu #productosEN.hover{background: url(/imagenes/comunes/menuEN.gif) no-repeat -353px -56px;} #menu #postventaEN {width: 149px; background: url(/imagenes/comunes/menuEN.gif) no-repeat -508px -3px;} #menu #postventaEN:hover{background: url(/imagenes/comunes/menuEN.gif) no-repeat -508px -56px;} #menu #postventaEN.hover{background: url(/imagenes/comunes/menuEN.gif) no-repeat -508px -56px;} #menu #presupuestoEN {width: 141px; background: url(/imagenes/comunes/menuEN.gif) no-repeat -656px -3px;} #menu #presupuestoEN:hover{background: url(/imagenes/comunes/menuEN.gif) no-repeat -656px -56px;} #menu #presupuestoEN.hover{background: url(/imagenes/comunes/menuEN.gif) no-repeat -656px -56px;} #menu #contactoEN {width: 141px; background: url(/imagenes/comunes/menuEN.gif) no-repeat -807px -3px;} #menu #contactoEN:hover{background: url(/imagenes/comunes/menuEN.gif) no-repeat -807px -56px;} #menu #contactoEN.hover{background: url(/imagenes/comunes/menuEN.gif) no-repeat -807px -56px;} /*****/ /*** Menu FR **/ #menu #companiaFR {width: 139px; background: url(/imagenes/comunes/menuFR.gif) no-repeat 0px -3px;} #menu #companiaFR:hover{background: url(/imagenes/comunes/menuFR.gif) no-repeat 0px -56px;} #menu #companiaFR.hover{background: url(/imagenes/comunes/menuFR.gif) no-repeat 0px -56px;} #menu #imasdFR {width: 92px; background: url(/imagenes/comunes/menuFR.gif) no-repeat -139px -3px;} #menu #imasdFR:hover{background: url(/imagenes/comunes/menuFR.gif) no-repeat -139px -56px;} #menu #imasdFR.hover{background: url(/imagenes/comunes/menuFR.gif) no-repeat -139px -56px;} #menu #calidadFR {width: 122px; background: url(/imagenes/comunes/menuFR.gif) no-repeat -231px -3px;} #menu #calidadFR:hover{background: url(/imagenes/comunes/menuFR.gif) no-repeat -231px -56px;} #menu #calidadFR.hover{background: url(/imagenes/comunes/menuFR.gif) no-repeat -231px -56px;} #menu #productosFR {width: 154px; background: url(/imagenes/comunes/menuFR.gif) no-repeat -353px -3px;} #menu #productosFR:hover{background: url(/imagenes/comunes/menuFR.gif) no-repeat -353px -56px;} #menu #productosFR.hover{background: url(/imagenes/comunes/menuFR.gif) no-repeat -353px -56px;} #menu #postventaFR {width: 149px; background: url(/imagenes/comunes/menuFR.gif) no-repeat -508px -3px;} #menu #postventaFR:hover{background: url(/imagenes/comunes/menuFR.gif) no-repeat -508px -56px;} #menu #postventaFR.hover{background: url(/imagenes/comunes/menuFR.gif) no-repeat -508px -56px;} #menu #presupuestoFR {width: 141px; background: url(/imagenes/comunes/menuFR.gif) no-repeat -656px -3px;} #menu #presupuestoFR:hover{background: url(/imagenes/comunes/menuFR.gif) no-repeat -656px -56px;} #menu #presupuestoFR.hover{background: url(/imagenes/comunes/menuFR.gif) no-repeat -656px -56px;} #menu #contactoFR {width: 141px; background: url(/imagenes/comunes/menuFR.gif) no-repeat -807px -3px;} #menu #contactoFR:hover{background: url(/imagenes/comunes/menuFR.gif) no-repeat -807px -56px;} #menu #contactoFR.hover{background: url(/imagenes/comunes/menuFR.gif) no-repeat -807px -56px;} /*****/ /*** Menu DE **/ #menu #companiaDE {width: 139px; background: url(/imagenes/comunes/menuDE.gif) no-repeat 0px -3px;} #menu #companiaDE:hover{background: url(/imagenes/comunes/menuDE.gif) no-repeat 0px -56px;} #menu #companiaDE.hover{background: url(/imagenes/comunes/menuDE.gif) no-repeat 0px -56px;} #menu #imasdDE {width: 92px; background: url(/imagenes/comunes/menuDE.gif) no-repeat -139px -3px;} #menu #imasdDE:hover{background: url(/imagenes/comunes/menuDE.gif) no-repeat -139px -56px;} #menu #imasdDE.hover{background: url(/imagenes/comunes/menuDE.gif) no-repeat -139px -56px;} #menu #calidadDE {width: 122px; background: url(/imagenes/comunes/menuDE.gif) no-repeat -231px -3px;} #menu #calidadDE:hover{background: url(/imagenes/comunes/menuDE.gif) no-repeat -231px -56px;} #menu #calidadDE.hover{background: url(/imagenes/comunes/menuDE.gif) no-repeat -231px -56px;} #menu #productosDE {width: 157px; background: url(/imagenes/comunes/menuDE.gif) no-repeat -353px -3px;} #menu #productosDE:hover{background: url(/imagenes/comunes/menuDE.gif) no-repeat -353px -56px;} #menu #productosDE.hover{background: url(/imagenes/comunes/menuDE.gif) no-repeat -353px -56px;} #menu #postventaDE {width: 149px; background: url(/imagenes/comunes/menuDE.gif) no-repeat -508px -3px;} #menu #postventaDE:hover{background: url(/imagenes/comunes/menuDE.gif) no-repeat -508px -56px;} #menu #postventaDE.hover{background: url(/imagenes/comunes/menuDE.gif) no-repeat -508px -56px;} #menu #presupuestoDE {width: 158px; background: url(/imagenes/comunes/menuDE.gif) no-repeat -657px -3px;} #menu #presupuestoDE:hover{background: url(/imagenes/comunes/menuDE.gif) no-repeat -657px -56px;} #menu #presupuestoDE.hover{background: url(/imagenes/comunes/menuDE.gif) no-repeat -657px -56px;} #menu #contactoDE {width: 131px; background: url(/imagenes/comunes/menuDE.gif) no-repeat -815px -3px;} #menu #contactoDE:hover{background: url(/imagenes/comunes/menuDE.gif) no-repeat -815px -56px;} #menu #contactoDE.hover{background: url(/imagenes/comunes/menuDE.gif) no-repeat -815px -56px;} /*****/ #migas{width:988px;font-family:Arial;font-size:12px;margin:11px auto 8px;height:18px;text-indent:16px;text-align:left;} #migas li{display:inline;color:#076ba7;} #migas a{color:#686868;text-decoration:none;} #contenido {min-height:350px;height:auto !important;height:350px;margin: 0 16px;} #pie {margin-top:22px;height: 80px; background:#848484;color:#FFF;clear:both;} #pie p {text-align:right;margin:0 9px 0 0;font-size:12px;padding:12px 0 0 0;} #pie a {color:#FFF;text-decoration:none;font-size:12px;} #pie a:hover{text-decoration:underline;} #pie #datos {width:988px;background:#848484;margin:0 auto;} #izquierda{width:714px;float:left;} #izquierda .subtitulo{font-size:20px;font-weight:normal;margin-bottom:20px;} #izquierda .titular {font-size:20px;} #izquierda .titular *{font-size:20px;} #izquierda img{float:left;margin:0 25px 25px 0;} #izquierda p{margin:0 0 22px 0;text-align:justify;} #izquierda .azul{color:#076ba7;} #izquierda #submenu{width:166px;float:left;margin:0 16px 0 0;} #izquierda #submenu ul{margin:8px 0 0 0;} #izquierda #submenu li{background:#f4f4f4;border-top:1px solid #FFF;border-bottom:1px solid #d5d5d5;padding:6px 0;_position:relative;_z-index:100;} #izquierda #submenu li:hover{border-bottom:1px solid #FFF;border-top:1px solid #d5d5d5;background:#E6E6E6;} #izquierda #submenu li a{display:block;width:150px;_position:relative;_z-index:99;} #izquierda #submenu li.on{background:url(/imagenes/calidad/li-bg.gif) no-repeat center left #d5d5d5;} #izquierda #submenu li.on:hover{border-top:1px solid #FFF;border-bottom:1px solid #d5d5d5;} #izquierda #submenu #pieMenu{border-bottom:0;padding:0;height:27px;background:#f4f4f4;border-top:1px solid #FFF;border-bottom:1px solid #d5d5d5;} #izquierda #submenu #pieMenu:hover{border-bottom:0;padding:0;height:27px;background:#f4f4f4;border-top:1px solid #FFF;border-bottom:1px solid #d5d5d5;} #izquierda #seccion{width:532px;_width:530px;float:left;} #izquierda #seccion *{font-size:12px;} #izquierda #seccion .subtitulo{margin:0 0 14px 0;} #izquierda #seccion .titular{font-size:20px;} #izquierda #seccion .titular *{font-size:20px;} #izquierda #configurador{background:url(/imagenes/comunes/fnd-configurador.jpg) no-repeat 0 0;width:166px;height:105px;margin:15px 0 0;} #izquierda #configurador h6{margin:0 0 0 10px;} #izquierda #configurador a{float:right;margin:26px 14px 10px;*margin-top:28px;color:#fff;font-weight:bold;text-decoration:none;width:75px;text-align:center;} #izquierda #configurador a:hover{text-decoration:underline;} #derecha{width:225px;margin-left:16px;float:right;display:inline;} #derecha #datosContacto{width:225px;_width:195px;height:256px;background:url(/imagenes/comunes/datos-bg.jpg) no-repeat 0 0;padding:26px 0 0 30px;} #derecha #datosContacto h2{} #derecha #datosContacto #telefonos{color:#434343;font-size:12px;font-weight:bold;} #derecha #datosContacto #direccion{color:#434343;font-size:10px;margin:12px 0 0 0;line-height:12px;width:90px;} #derecha #datosContacto #email{color:#434343;font-size:12px;margin:12px 0 0 0;text-decoration:underline;} #derecha #datosContacto a{background:transparent url(/imagenes/comunes/form-contacto-btn.jpg) no-repeat scroll 0 0;color:#FFFFFF;display:block;font-size:12px;height:27px;margin:12px 0 0;padding:6px 0 6px 25px;text-decoration:none;width:170px;} #derecha #datosContacto a:hover{text-decoration:underline;} .br{clear:both;font-size:0;height:0;}