@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 */ body{margin:0;padding:0;background-color:#FFFFFF} * {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;} #pagina { width:988px; margin-top:0; margin:auto; font-family:Verdana, Arial, Helvetica, sans-serif;} /********************************************** CABECERA ***********************************************/ #cabecera{ width:988px; height:98px ; margin:auto; font-family:Verdana, Arial, Helvetica, sans-serif; background:url(/imagenes/comunes/cabecera_derecha.gif) top right no-repeat;border-bottom-style:solid;border-bottom-width:2px;border-bottom-color:#dc5858; overflow:hidden} #logo{ float:left; background:url(/imagenes/comunes/logo.gif) no-repeat;width:268px; height:98px;text-indent:-999999px; cursor:pointer;border-bottom-style:solid;border-bottom-width:2px;border-bottom-color:#dc5858;overflow:hidden} #accesos { float:left; width:680px; height:40px; } #accesos .parrafo{ position:relative;float:right; margin-left:0px ; top:30px; color:#44adf4; width:200px; } #accesos .parrafo a { font-size:11px; color:#44adf4; font-family: Georgia; text-decoration:none; font-weight: bold;margin-left:20px;} #accesos .parrafo a:hover { color:#c65454;} #accesos .audio{ position:absolute; margin-left:640px;margin-top:4px } /********************************************** MENU ***********************************************/ #menu { float:right; width:720px; height:36px;margin-top:22px;background-color:#44adf4;border-bottom-style:solid;border-bottom-width:2px;border-bottom-color:#dc5858;overflow:hidden} #menu li {display:block;float:left; } #menu li a{ position:relative; float:left; height:16px; padding:10px 19px; padding-left:20px; margin-top:0; background-color:#44adf4;color:#FFFFFF; font-size:13px; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none} #menu li a:hover, #menu li a.seleccionado{ position:relative; float:left; height:16px; padding:10px 19px; padding-left:20px; margin-top:0; background-color:#1b6496;color:#FFFFFF; font-size:13px; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none} /********************************************** MIGAS ***********************************************/ #migas { height:20px; padding:20px; width:300px;} #migas p { margin-left:0px; color: #999999; } #migas p span.estas { text-decoration: none;font-size:12px; color:#44ADF4; font-weight:bold; width:56px; text-decoration:none;} #migas p span.ruta a { text-decoration: none;font-size:12px; color:#44ADF4; font-weight:normal; } #col-centro { width:668px; display:block; float: left; } #col-dcha {width: 314px; display:block; float:right; margin-top:0px; background:url(/imagenes/comunes/derecha_formulario.gif) right repeat-y; background-color:#f7f7f7; } /********************************************** PIE ***********************************************/ #pie_muneco{ width:144px;height:17px;background:url(/imagenes/comunes/pie-comun.gif);position:relative;margin-left:349px;top:221px;z-index:9999} #pie { width:988px; margin:auto; background:url(/imagenes/comunes/pie_izq.gif) top left no-repeat; overflow:hidden; border-top-style:solid; border-top-width:1px; border-top-color:#bab99b; } #pie #contenedor { width:100%; height:97px; background:url(/imagenes/comunes/pie_der.gif) top right no-repeat; padding-top:20px;} #pie #contenedor #datos_contacto { float:left; margin-left:20px; color:#959696; font-size:10px;} #pie #contenedor #datos_contacto #imagen { float:left; width:92px; height:85px; text-align:center; background:url(/imagenes/comunes/ch.gif) no-repeat; border-right-style:solid;border-right-width:2px;border-right-color:#008ae7} #pie #contenedor #datos_contacto #contacta { float:left; width:250px; height:58px; margin-top:24px;} #pie #contenedor #datos_contacto #contacta #telefono {width:100%; text-align:center; font-family: Georgia;font-size:12px; font-weight:bold} #pie #contenedor #datos_contacto #contacta #telefono .numero{ margin-left:5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#008ae7;font-weight:bold} #pie #contenedor #datos_contacto #contacta #email {width:100%; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold} #pie #contenedor #datos_contacto #contacta #email .correo { margin-left:5px; font-family: Georgia; font-size:14px; color:#008ae7;font-weight:bold; text-decoration:underline} #pie #contenedor #datos { background:url(/imagenes/comunes/medio_ambiente.gif) no-repeat; height: 74px; width: 162px; float: left; margin-top:10px;} #pie #contenedor #copy{ float:right; width:450px; text-align:right;} #pie #contenedor #copy p.terminos { margin:0px; font-size: 10px; font-family: Georgia; color: #959696; float: left; text-align: right; margin-top: 41px;} #pie #contenedor #copy p.terminos a { margin:0px; font-size: 10px; font-family: Georgia; color: #44adf4; text-decoration: underline;} #garantia{position:relative; z-index:99; width:988px; height:221px; margin:auto; background:url(/imagenes/comunes/garantia-index.gif) no-repeat; } /*#garantia a.diagnostico {position:absolute; z-index:9999; cursor:pointer; top:162px; left:31px; width:222px; height:40px; background:url(/imagenes/comunes/solicitar_diagnostico.gif) no-repeat; } #garantia a:hover.diagnostico {position:absolute; top:162px; left:31px; width:222px; height:40px; background:url(/imagenes/comunes/solicitar_diagnostico_hover.gif) no-repeat; }*/ #garantia a.contacto {position:absolute; top:183px; left:739px; width:222px; height:40px; background:url(/imagenes/comunes/contacto.gif) no-repeat; } #garantia a:hover.contacto {position:absolute; top:183px; left:739px; width:222px; height:40px; background:url(/imagenes/comunes/contacto_hover.gif) no-repeat;} /********************************************** FORMULARIO ***********************************************/ #formulario{ color: #FF0000; width: 260px; padding:20px 0; margin: auto; margin-top:20px;height:100% } #formulario h2{color: #0063a6; margin-top:-25px; width: 261px; height: 25px; font-size:35px; font-family: Helvetica;} #formulario h3{color: #0063a6; width: 261px; height: 58px; font-size:45px; font-family: Helvetica;} #formulario p {color: #969696;margin-top: 4px;} #formulario p.texto {color: #969696;margin-top: 5px; margin-bottom:5px;} #formulario label {width: 100%; color: #44adf4; font-family: Helvetica; font-size: 12px; font-weight: bold;} #formulario label.gris {width: 100%; color: #969696;font-size: 11px; font-family: Tahoma; font-weight: normal;} #formulario input.text{width: 100%; background-color: #FFFFFF;border: 1px; border-color:#E4E4E4; height: 20px; margin-top: 5px;} #formulario input.boton{ background-color: #e9e9e9;border: 0px; margin-top: 5px; float:right; font-size:20px; color:#0063a6; cursor:pointer} #formulario select{width: 100%; background-color: #FFFFFF;border: 1px; border-color:#E4E4E4; height: 20px; margin-top: 5px;} #formulario textarea {width: 100%; background-color: #FFFFFF;border: 1px; border-color:#E4E4E4; height: 80px; margin-top: 5px; margin-bottom:10px;} #formulario span{text-decoration: none; color: #44adf4;font-family: Helvetica; font-weight: bold; font-size: 14px;} #formulario span.negrita{text-decoration: none; color: #44adf4; font-size: 11px; font-family: Helvetica;} #formulario a:hover span{text-decoration:underline;} #formulario a:hover{color: #fdcc03; text-decoration:none;} #formulario span.mas{font-size: 20px; color: #addd29} #formulario span.alert{font-family: Arial;font-size:11px; color:#ff7068;} #formulario span.alert img{margin-right: 5px; float: left;} #formulario span.ok{font-family: Arial;font-size:11px; color:#9AB96F;} #formulario span.ok img{margin-right: 5px; float: left; margin-top: -4px;} /********************************************** REQUEST ***********************************************/ #recibido{ width:422px; height:218px; background:#ffffff; margin:auto;} #recibido h2 { background:#3d98c1; width:384px; height:24px; color:#151515; font-size:18px; font-family:Arial; margin:18px; padding:3px 0px 0px 13px; } #recibido #contenido-request {background:url(/imagenes/comunes/img-request.gif) no-repeat; width:331px; height:90px; margin-left:32px; margin-top:35px;} #recibido #contenido-request p{ margin-left:116px;margin-bottom:26px; color:#454646; line-height:17px; } #recibido #contenido-request #gracias{ color:#0098d4; font-weight:bold; font-size:12px; }