/*Generales*/ body { font: 12px Arial, Helvetica, sans-serif; color: #4a4a4a; margin: 0px; padding: 0px; text-align: center; background: url(../images/fondo.jpg) repeat-x #e8e5d8; } h1 {margin: 0px; padding: 0px;} h2 {margin: 0px; padding: 0px;} h3 {margin: 0px; padding: 0px;} img { border: none;} b, strong { font-weight: bold;} a { text-decoration: none; outline: none; } form {padding: 0; margin: 0;} a:hover { text-decoration: underline;} /*Caja son las dimensiones de la página*/ #caja { width: 990px; margin: auto; text-align: left; } /*Cabecera*/ #cabecera {position: relative; display: block; width: 990px; height: 169px; background: #ddd;} a.bandera {position: absolute; bottom: 0px; right: 1%; display: block; height: 32px; width: 98px; margin: 0 1px 0 0;} a.bandera { background: url(../images/english.gif) no-repeat;} a.bandera:hover { background-position: 0 -32px;} /* div.bandera{ position: absolute; top: 12px; left: 1%;} div.bandera a{ display: inline; margin: 0 2px;} div.bandera a img{ behavior: url(iepngfix.htc); } */ #flash_cabecera { display: block; margin: 0px; padding: 0px; width: 990px; height: 169px;} /*Menu*/ #menu { display: block; width: 990px; height: 28px; } #menu ul#lista_menu { display: block; float: right; height: 28px; margin: 0px; padding: 0px;} #menu ul#lista_menu li { display: inline; margin: 0px; padding: 0px;} #menu ul#lista_menu li a { display: inline; float: left; height: 28px; margin: 0 1px 0 0;} #menu ul#lista_menu li a.btn_inicio { width: 72px; background: url(../imagenes/btn_inicio.gif) no-repeat;} #menu ul#lista_menu li a.btn_contenidos { width: 111px; background: url(../imagenes/btn_contenidos.gif) no-repeat;} #menu ul#lista_menu li a.btn_indice { width: 74px; background: url(../imagenes/btn_indice.gif) no-repeat;} #menu ul#lista_menu li a.btn_demo { width: 66px; background: url(../imagenes/btn_demo.gif) no-repeat;} #menu ul#lista_menu li a.btn_visita { width: 138px; background: url(../imagenes/btn_visita.gif) no-repeat;} #menu ul#lista_menu li a.btn_tienda { width: 128px; background: url(../imagenes/btn_tienda.gif) no-repeat;} #menu ul#lista_menu li a.btn_faq { width: 60px; background: url(../imagenes/btn_faq.gif) no-repeat;} #menu ul#lista_menu li a.btn_opinion { width: 97px; background: url(../imagenes/btn_opiniones.gif) no-repeat;} #menu ul#lista_menu li a.btn_contacto { width: 96px; background: url(../imagenes/btn_contacto.gif) no-repeat;} #menu ul#lista_menu li a.btn_consejos { width: 130px; background: url(../imagenes/btn_consejos.gif) no-repeat;} #menu ul#lista_menu li a.btn_blog { width: 64px; background: url(../imagenes/btn_blog.gif) no-repeat;} #menu ul#lista_menu li a.btn_english { width: 75px; background: url(../imagenes/btn_english.gif) no-repeat;} #menu ul#lista_menu li a:hover { background-position: 0 -28px;} a.btn_english { display: block; position: absolute; top: 141px; right: 0; width: 75px; height: 28px; background: url(../images/btn_english.gif) no-repeat;} a.btn_english:hover { background-position: 0 -28px; } #cont_izq a.demo { display: inline; float: left; width: 308px; height: 70px; margin: 10px 0 15px 40px; padding: 0px; background: url(../images/ver_demo.jpg); } #cont_izq a.demo:hover { background-position: 0 -81px; } /*Contenido*/ #contenido { display: block; width: 990px; margin: 0; padding: 35px 0 0 0; color: #636363; font-size: 12px;} #contenido #cont_izq { display: inline; float: left; width: 365px; margin: 0; padding: 0px; /*border-right: 1px solid #c7c2ae;*/ background: #e8e5d8;} #contenido #cont_izq a.modulo { display: inline; float: left; width: 240px; height: 55px; margin: 0 0 10px 26px; font-size: 12px; color: #505050;} #contenido #cont_izq a.modulo2 { display: inline; float: right; height: 55px; margin: 0 25px 10px 26px; color: #7b7b7b;} #contenido #cont_izq a.mod_audio { padding: 20px 0 0 63px; background: 20px 0px url(../images/fondo_mp3.gif) no-repeat; } #contenido #cont_izq a.mod_pistas { padding: 16px 0 0 63px; background: 23px 15px url(../images/fondo_pistas.gif) no-repeat; } #contenido #cont_izq a.mod_guia { padding: 20px 0 15px 63px; background: 13px 15px url(../images/fondo_guia.gif) no-repeat; } #contenido #cont_izq a.modulo_interior { display: inline; float: left; height: 60px; margin: 0 0 10px 26px; font-size: 13px; color: #135513;} #contenido #cont_izq a.mod_tienda { display: inline; margin: 0 0 20px 40px; padding: 0 0 0 80px; height: 44px; background: 1px 1px url(../images/btn_compra_home.jpg) no-repeat; } #contenido #cont_izq a.mod_demo { margin-top: 20px; padding: 25px 0 0 70px; background: 9px 7px url(../images/fondo_pantalla.jpg) no-repeat; } #contenido #cont_izq a.mod_recomendar { padding: 8px 0 0 80px; background: 1px 1px url(../images/fondo_recomendar.gif) no-repeat; } #contenido #cont_izq a.mod_faq { padding: 8px 0 0 63px; background: 1px 1px url(../images/fondo_faq.gif) no-repeat; } #contenido #cont_izq a.mod_tel { padding: 4px 0 0 15px; } #contenido #cont_izq a.mod_tienda:hover { background-position: 1px -43px; } #contenido #cont_izq a.descarga_envio { display: inline; float: left; height: 20px; margin: 20px 100px 5px 50px; font-size: 13px; color: #135513;} #contenido #cont_izq a.recogida_roma { display: inline; float: left; height: 60px; margin: 5px 0 10px 50px; font-size: 13px; color: #135513;} #contenido #cont_izq a:hover { text-decoration: none; } #contenido #cont_izq a:hover span { text-decoration: underline; } #contenido #cont_izq a img { margin-bottom: 3px; } #contenido a.modulo_interior2 { display: inline; float: left; height: 40px; margin: 0 0 0px 26px; font-size: 13px; color: #135513;} #contenido a.modulo_interior3 { display: inline; float: left; height: 50px; margin: 0 0 0px 26px; font-size: 13px; color: #135513;} #contenido a.mod_reproductor {padding: 5px 0 0 67px; background: 1px 2px url(../images/fondo_reproductor.gif) no-repeat; } #contenido a.mod_pdf {padding: 10px 0 0 67px; background: 1px 7px url(../images/fondo_pdf.gif) no-repeat; } #contenido a.mod_telef {padding: 10px 0 0 67px; background: 10px 12px url(../images/fondo_tel2.gif) no-repeat; } #contenido #cont_dch { display: inline; float: left; width: 623px; margin: 0 0 0 0px; padding: 0px; border-left: 1px solid #c7c2ae; background: #e8e5d8;} /* MÓDULO DE COMPRA AUDIOGUÍA QUE APARECE EN LA HOME Y EN TIENDA */ #cont_dch a.compra { display: block; padding: 60px 0 0 315px; width: 242px; height: 213px; background: url(../images/banner_compra.jpg) no-repeat; text-align: center; } #cont_dch a.compra:hover { background-position: 0 -273px; text-decoration: none; } span.titulo_verde { font: bold 16px Arial, Helvetica, sans-serif; color: #003413; } span.titulo_gris { display: block; margin-top: 8px; font: 16px Arial, Helvetica, sans-serif; color: #545554; } span.precio { display: block; margin-top: 12px; font: 35px Arial, Helvetica, sans-serif; color: #bb0f0e; } a.banner_izq, a.banner_dch { position: relative; display: block; float: left; margin: 0; padding-top: 111px; width: 160px; height: 86px; text-align: center; font-size: 14px; color: #003413; } a.banner_izq:hover, a.banner_dch:hover { background-position: 0 -197px; text-decoration: none; } a.banner_izq { background: url(../images/banner_izq.jpg) no-repeat; margin: 20px 20px 0 0; } a.banner_dch { background: url(../images/banner_dcha.jpg) no-repeat; margin: 20px 20px 0 0;} span.precio_peq { position: absolute; top: 40px; right: 5px; color: #ad0201; font-size: 25px; } ul.enlace_verde { float: left; margin: 30px 0 7px 4px; padding: 0; list-style: none; } ul.enlace_verde li { padding: 5px 0 0 30px; height: 35px; background: url(../images/ico_comprobado.gif) no-repeat; } ul.enlace_verde li a { color: #003c0e; font-size: 12px; } /* VENTANA EMERGENTE DE LA HOME */ #ventana { position: relative; width: 670px; padding: 5px; background: #1d1700; border: 1px solid #FFFFFF; } #contenido_emergente { padding: 80px 10px 25px 25px; background: #FFFFFF url(../images/fondo_emergente.gif) repeat-x; } #contenido_emergente img { float: left; } #contenido_emergente ul { width: 400px; list-style: none; margin: 20px 0 0 170px; padding: 0; } #contenido_emergente ul li { background: url(../images/guion_lista.gif) 0 5px no-repeat; margin-bottom: 10px; padding-left: 15px; font-size: 13px; color: #525252; } #contenido_emergente a.mail { display: block; float: right; padding: 5px 0 20px 47px; background: url(../images/ico_mail.gif) no-repeat; font-size: 16px; color: #61520c; } #contenido_emergente #texto_ventana a { color: #184a28; text-decoration: underline; } #contenido_emergente p { padding: 0 0 0 160px; } #enlaces_ventana { position: absolute; top: 43px; left: 30px; } #enlaces_ventana a { display: block; float: left; width: 141px; height: 28px; padding: 15px 0 0 45px; color: #003c0e; font-size: 13px; background: url(../images/ico_comprobado.gif) 14px 11px no-repeat; } #enlaces_ventana a.on { width: 141px; background: url(../images/pestania.gif) no-repeat; } #enlaces_ventana a.on_largo { width: 171px; background: url(../images/pestania_larga.gif) no-repeat; } #enlaces_ventana a.largo { width: 171px; } #texto_ventana { padding: 40px 0 50px 0; } #cerrar_ventana { position: absolute; top: 5px; left: 5px; width: 670px; text-align: right; } #cerrar_ventana a { background-color: #e8e5d8; color: #3d2d0f; text-decoration: none; padding: 2px 0 3px 0; display: block; } #cerrar_ventana a:hover { background-color: #d0cbc1; text-decoration: none; display: block; } #envio_inmediato, #compra_sencilla { display: none; } /*Emergente del teléfono*/ #ventano{ width: 410px; height: 300px; text-align: left; border: 1px solid #3d2d0f; background-color: #FFF;} #ventano #flash { font-size: 13px; margin: 20px; padding: 20px 0 0 0; width: 370px; background-color: #FFF; text-align: left;} #ventano #flash a { color: #135513; text-decoration: none;} #ventano #cerrar_ventana { position: absolute; top: 1px; left: 1px; width: 410px; text-align: right; } #ventano #cerrar_ventana a { background-color: #FFF; color: #3d2d0f; text-decoration: none; padding: 2px 0 3px 0; display: block; } #ventano #cerrar_ventana a:hover { background-color: #d0cbc1; text-decoration: none; display: block; } /*Emergente Regala Audioguía*/ #regala { padding: 30px 20px 20px 20px; background: #FFFFFF; } #regala h1 { text-align: center; margin: 0 0 40px 0; } #regala p { padding-left: 175px; } #regala .flota_izq { float: left; text-align: center; width: 146px; } #regala strong { font-style: italic; } #regala #cerrar_ventana { width: 670px; background: #FFFFFF; } #regala #cerrar_ventana a { background: #FFFFFF; } #regala #cerrar_ventana a:hover { background: #e8e5d8; } #regala a.regalar { display: block; width: 118px; height: 42px; margin: 0 auto; background: url(../images/btn_regalar.jpg) no-repeat; } #regala a.regalar:hover { background-position: 0 -42px; } #regala form.frm_cesta { text-align: center; width: 146px; } /*Pie de página*/ #pie { display: block; width: 990px; height: 150px; margin: 12px 0 0px 0; background: 31px 0 url(../images/fondo_pie_superior.gif) no-repeat; font-size: 11px;} #pie #datos_blog { margin: 0px 0 0 676px; color: #82683f;} #pie #datos_blog p {display: block; height: 32px; margin: 0px; padding: 30px 20px 0 2px; color: #82683f; text-decoration: none;} #pie #datos_blog a {display: block; height: 32px; padding: 30px 20px 0 2px; color: #82683f; text-decoration: none;} #pie #datos_blog a span {color: #4c3715; } #pie #datos_blog a:hover { text-decoration: underline;} #pie #datos_pie { display: block; float: left; width: 990px; height: 50px; margin: 15px 0 0 0; background: url(../images/fondo_pie_inferior.gif) repeat-x #e8e4d8; color: #82683f;} #pie #datos_pie p { display: inline; float: left; width: 720px; height: 20px; margin: 18px 0 0 18px; padding: 0;} #pie #datos_pie p a { color: #82683f; text-decoration: none;} #pie #datos_pie p a:hover { text-decoration: underline;} #pie #datos_pie p span.punto_separador { margin: 0 4px 0 4px;} #pie #datos_pie a#logo_veiss { display: inline; float: right; width: 45px; height: 25px; margin: 4px 15px 0 0; padding: 0; background: url(../images/logo_veiss.gif) no-repeat;} #pie #datos_pie a#logo_veiss:hover { background-position: 0px -25px; } #pie #datos_pie p a.blog { color: #4c3715; text-decoration: none;} #pie #datos_pie p a.blog:hover { color: #000000; text-decoration: underline;} /****1****************************************/ .clear { clear: both; } .sincss { display: none; } .verde { color: #135513;} .negro { color: #000000;} .rojo { color: #b00000;}