@charset "utf-8"; /* CMO HACER APLICAR UN CAMBIO SLO 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 mrgenes ni paddings * -sin fondos ni estilo para listas */ * {margin: 0; padding: 0; font: 11px Tahoma;} 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; color: #52006e;} a:link, a:visited, a:active {outline: none;} a:hover {text-decoration: underline;} img {border: none; text-decoration: none;} acronym {border: 0;} /* 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 rpido para destacar los bordes de un bloque*/ /* Loading de clueTip */ #cluetip-waitimage { width: 43px; height: 11px; position: absolute; background-image: url(/imagenes/comunes/loading.gif); } /* * cmo hacer png transparentes en IE6 * dado un div...: * #bloque {background: url(/imagenes/index/abcd.png); behavior: url(/recursos/ie6pngfix/iepngfix.php); * * si abcd.png est guardado con canal alfa, dejar ver el fondo. behavior slo lo interpreta IE6. * */ /* FIN RESET PAGINAS Y REGLAS GENERALES FRAMEWORK CSS */ /********************************************** ESTRUCTURA DE LA PAGINA ***********************************************/ body { height:100%; background-color:#CCB523; background-image:url(/imagenes/comunes/fondo.jpg); background-repeat:repeat-x; background-position:top left; margin:0; padding:0; width:100%; height:100%;} #pagina { margin:auto; width:996px;} strong { font-family:Arial, Helvetica, sans-serif; font-weight:bold;} /********************************************** CABECERA ***********************************************/ #cabecera{width:996px; height:75px; float:left;} #cabecera h1{width:239px; height:36px; float:left; margin-top:30px; margin-left:4px; background:url(/imagenes/comunes/logo.jpg) no-repeat; text-indent:-9999px;} #cabecera #nav{float:right; margin-top:4px; position:relative;} #cabecera #nav ul.util{float:left; margin-top:2px; margin-right:2px;} #cabecera #nav ul.util li{float:left; margin-left:15px;} #cabecera #nav ul.util li a{float:left; color:#FFFFFF; font-family:Arial; font-size:11px;} #cabecera #nav img{float:left;} #cabecera #nav .idiomas{float:left; width:102px; height:16px; background:url(/imagenes/comunes/f_idiomas.gif) no-repeat; margin-left:14px;} #cabecera #nav .idiomas ul.lang{float:left;} #cabecera #nav .idiomas ul.lang li{float:left; font-family:Arial; font-size:11px; color:#FFFFFF; margin-left:5px;} #cabecera #nav .idiomas ul.lang li a{float:left; font-family:Arial; font-size:11px; color:#FFFFFF;} #cabecera #nav .idiomas ul.lang li a:hover, #cabecera #nav .idiomas ul.lang li a.actual{float:left; font-family:Arial; font-size:11px; color:#FFFFFF; font-weight:bold; text-decoration:none;} #tooltip_de {display:none;left:70px;position:absolute;top:25px;width:186px;z-index:9;} #tooltip_de .cont-texto{float:left;width:186px; background-image:url(/imagenes/comunes/rss.gif);} #tooltip_de .texto{ color:#FFFFFF; width:163px; float:left; margin-left:12px; text-align:justify; font-family:Verdana; font-size:10px;} #tooltip_de .texto .titulo{font-family:Verdana; font-weight:bold; font-size:10px; color:#CCB523; margin-bottom:5px;} #tooltip_de a{float:right; font-family:Verdana; font-size:10px; color:#CCB523; margin-top:5px;} /********************************************** CONTENIDO ***********************************************/ #contenido{float:left; width:996px; background-color:#FFFFFF;} .menu-drch{float:left; display:inline; margin-top:10px; width:165px;} .menu-drch li .menu{ display:block; background: url(/imagenes/comunes/sub-menu-off.jpg) no-repeat; height:22px; padding-left:15px; padding-top:9px; cursor:pointer; *+height:20px; *+margin-top:-2px; font-family:arial; font-size:11px; color:#fff;} .menu-drch li .menu:hover{ background: url(/imagenes/comunes/sub-menu-on.jpg) no-repeat; font-family:arial; font-size:11px; color:#fff;} .menu-drch li .menu-selec{ display:block; background: url(/imagenes/comunes/sub-menu-on.jpg) no-repeat; height:22px; padding-left:15px; padding-top:9px; cursor:pointer; *+height:20px; *+margin-top:-2px; font-family:arial; font-size:11px; color:#fff;} /********************************************** MENU ***********************************************/ #menuES { display:inline; float:left; width:669px; margin-left:66px; margin-top:28px;} #menuES li {float: left;} #menuES li a {display: block; height:28px; text-indent: -9999px;} #menuES ul a.empresa { width:74px; background:url(/imagenes/comunes/menuES.gif) no-repeat 0px 0px;} #menuES ul a.empresa:hover { background: url(/imagenes/comunes/menuES.gif) no-repeat 0px -28px;} #menuES ul a.empresa-selec { width:74px; background: url(/imagenes/comunes/menuES.gif) no-repeat 0px -28px;} #menuES ul a.calidad { width:64px; background:url(/imagenes/comunes/menuES.gif) no-repeat -74px 0px;} #menuES ul a.calidad:hover { background: url(/imagenes/comunes/menuES.gif) no-repeat -74px -28px;} #menuES ul a.calidad-selec { width:64px; background: url(/imagenes/comunes/menuES.gif) no-repeat -74px -28px;} #menuES ul a.imasd { width:36px; background:url(/imagenes/comunes/menuES.gif) no-repeat -138px 0px;} #menuES ul a.imasd:hover { background: url(/imagenes/comunes/menuES.gif) no-repeat -138px -28px;} #menuES ul a.imasd-selec { width:36px; background: url(/imagenes/comunes/menuES.gif) no-repeat -138px -28px;} #menuES ul a.consultora { width:202px; background:url(/imagenes/comunes/menuES.gif) no-repeat -174px 0px;} #menuES ul a.consultora:hover { background: url(/imagenes/comunes/menuES.gif) no-repeat -174px -28px;} #menuES ul a.consultora-selec { width:202px; background: url(/imagenes/comunes/menuES.gif) no-repeat -174px -28px;} #menuES ul a.servicios { width:138px; background:url(/imagenes/comunes/menuES.gif) no-repeat -376px 0px;} #menuES ul a.servicios:hover { background: url(/imagenes/comunes/menuES.gif) no-repeat -376px -28px;} #menuES ul a.servicios-selec { width:138px; background: url(/imagenes/comunes/menuES.gif) no-repeat -376px -28px;} #menuES ul a.productos { width:86px; background:url(/imagenes/comunes/menuES.gif) no-repeat -514px 0px;} #menuES ul a.productos:hover { background: url(/imagenes/comunes/menuES.gif) no-repeat -514px -28px;} #menuES ul a.productos-selec { width:86px; background: url(/imagenes/comunes/menuES.gif) no-repeat -514px -28px;} #menuES ul a.contacto { width:69px; background:url(/imagenes/comunes/menuES.gif) no-repeat -600px 0px;} #menuES ul a.contacto:hover { background: url(/imagenes/comunes/menuES.gif) no-repeat -600px -28px;} #menuES ul a.contacto-selec {width:69px; background: url(/imagenes/comunes/menuES.gif) no-repeat -600px -28px;} /*MENU INGLES*/ #menuEN { display:inline; float:right; width:688px; margin-right:11px; margin-top:28px;} #menuEN li {float: left;} #menuEN li a {display: block; height:28px; text-indent: -9999px;} #menuEN ul a.empresa { width:73px; background:url(/imagenes/comunes/menuEN.gif) no-repeat 0px 0px;} #menuEN ul a.empresa:hover { background: url(/imagenes/comunes/menuEN.gif) no-repeat 0px -28px;} #menuEN ul a.empresa-selec { width:73px; background: url(/imagenes/comunes/menuEN.gif) no-repeat 0px -28px;} #menuEN ul a.calidad { width:58px; background:url(/imagenes/comunes/menuEN.gif) no-repeat -73px 0px;} #menuEN ul a.calidad:hover { background: url(/imagenes/comunes/menuEN.gif) no-repeat -73px -28px;} #menuEN ul a.calidad-selec { width:58px; background: url(/imagenes/comunes/menuEN.gif) no-repeat -73px -28px;} #menuEN ul a.imasd { width:33px; background:url(/imagenes/comunes/menuEN.gif) no-repeat -131px 0px;} #menuEN ul a.imasd:hover { background: url(/imagenes/comunes/menuEN.gif) no-repeat -131px -28px;} #menuEN ul a.imasd-selec { width:33px; background: url(/imagenes/comunes/menuEN.gif) no-repeat -131px -28px;} #menuEN ul a.consultora { width:228px; background:url(/imagenes/comunes/menuEN.gif) no-repeat -164px 0px;} #menuEN ul a.consultora:hover { background: url(/imagenes/comunes/menuEN.gif) no-repeat -164px -28px;} #menuEN ul a.consultora-selec { width:228px; background: url(/imagenes/comunes/menuEN.gif) no-repeat -164px -28px;} #menuEN ul a.servicios { width:162px; background:url(/imagenes/comunes/menuEN.gif) no-repeat -392px 0px;} #menuEN ul a.servicios:hover { background: url(/imagenes/comunes/menuEN.gif) no-repeat -392px -28px;} #menuEN ul a.servicios-selec { width:162px; background: url(/imagenes/comunes/menuEN.gif) no-repeat -392px -28px;} #menuEN ul a.productos { width:74px; background:url(/imagenes/comunes/menuEN.gif) no-repeat -554px 0px;} #menuEN ul a.productos:hover { background: url(/imagenes/comunes/menuEN.gif) no-repeat -554px -28px;} #menuEN ul a.productos-selec { width:74px; background: url(/imagenes/comunes/menuEN.gif) no-repeat -554px -28px;} #menuEN ul a.contacto { width:60px; background:url(/imagenes/comunes/menuEN.gif) no-repeat -628px 0px;} #menuEN ul a.contacto:hover { background: url(/imagenes/comunes/menuEN.gif) no-repeat -628px -28px;} #menuEN ul a.contacto-selec {width:60px; background: url(/imagenes/comunes/menuEN.gif) no-repeat -628px -28px;} /********************************************** MIGAS ***********************************************/ #migas{float:left; width:937px; margin-top:11px; margin-bottom:11px; margin-left:31px; display:inline; font-family:Verdana; font-size:10px; color:#87888A;} #migas a{font-family:Verdana; font-size:10px; color:#87888A;} #migas a.ultima{font-family:Verdana; font-size:10px; color:#87888A; font-weight:bold;} /********************************************** PIE ***********************************************/ #pie { float:left; background:url(/imagenes/comunes/fnd-pie.jpg) no-repeat; width:996px; height:106px; margin-bottom:40px;} #pie #pie_izquierda { display:inline; float:left;width:270px;} #pie #pie_izquierda img { margin-top:10px; margin-left:10px;} #pie #pie_izquierda p.derechos {font-family:Arial; font-size:11px; color:#aaa9a9; margin-top:6px; margin-left:26px;} #pie #pie_izquierda p.derechos a {color:#aaa9a9;} #pie #pie_centro { display:inline; float:left; margin-top:24px; margin-left:360px;} #pie #pie_centro p.contacto { font-family:Arial; font-size:14px; font-weight:bold; font-size:14px; color:#a39739; margin-bottom:12px;} #pie #pie_centro p { color:#aaa9a9; font-size:12px; text-align:right; font-family:Arial, Helvetica, sans-serif;} #pie #pie_derecha { display:inline; float:left; margin-top:32px; margin-left:12px; } #pie #pie_derecha img { float:left; margin-right:10px;} /************************************************ CONDICIONES ************************************************/