/* CSS Document */ @import url(reset.css); @import url(layout.css); @import url(establecimientos.css); @import url(modulos.css); @import url(jquery.jcarousel.css); /* criterio cromatico */ /* estilo básico de textos */ body, html { font-size: 10px; font-family: verdana; color: #49545C; line-height: 1.6; } a, a:link, a:visited { color:#753c1d; text-decoration: none; } a:hover { color: #e15e5c;} a:active { } span { font-weight: bold; } span.descuento {color:#753c1d;} /* contenidos generales */ #location{display:block;border-bottom:thin solid #BFBFBF;padding: 13px 0 4px 0;} h3{font: 18px Arial, sans-serif; color: #753c1d; margin-top: 20px;} h4{font: 16px Arial, sans-serif; color: #753c1d; margin:10px 0;} #content img.recuadro { float: right; padding: 5px; margin: 15px 0 15px 25px; border: thin solid #BFBFBF; } .recuadro_fader { border: thin solid #BFBFBF; padding: 5px; margin-top:20px; } #content h1 {font:31px Arial, sans-serif; margin-top: 20px; color: #70b5a6;} #content p.bajada_titulo { font-size: 15px; text-align: left; margin-top: 15px; line-height: 1.4; color: #753c1d; } #content p.primer_parrafo { margin-top: 20px; } #content p { margin-top: 15px; font-size: 11px; text-align: left; } #texto_justificado p {text-align: justify; } /* ====== HEADER ====== */ #header {position: relative; } #header_logo {position: absolute; top: 10px; left: 65px; } #header_logo_img { width:190px;height:80px; } /* ====== NAV_HOME ====== navegacion superior */ #nav_header { } #nav_header ul li a, #nav_header ul li a:link, #nav_header ul li a:visited {font: 12px Arial, sans-serif; color:#753c1d;} #nav_header ul li a:hover, #nav_header ul li a:focus, #nav_header ul li a:active { color: #e15e5c; } #nav_header ul li span { font: 9px Verdana, sans-serif; color: #49545C; } /* ====== NAV_SIDEBAR ====== */ #nav_sidebar_topborder { height: 15px; width:290px; /* background: url(../img/listado/fondo_listado_top.gif) no-repeat 0 0; */ } #nav_sidebar_bottomborder { height: 15px; width:290px; /*background: url(../img/listado/fondo_listado_bottom.gif) no-repeat 0 0; */ } #nav_sidebar_content { height: 100%; width: 290px; padding-left:7px; /*background: url(../img/listado/fondo_listado.gif) repeat-y 0 0; */ } * html #nav_sidebar_content { padding-left:0; } /* for IE 6 soluciona defasaje de bg de listado */ * + html #nav_sidebar_content { padding-left:0; } /* for IE 7 soluciona defasaje de bg de listado */ #nav_sidebar_content h3 { padding: 0 0 4px 0; margin: 0 30px 10px 10px; text-indent: 5px; display: block; font-size: 10px; font-family: verdana; color: #49545C; font-weight: normal; border-bottom: thin solid #BFBFBF; } /* ================================================================ This copyright notice must be kept untouched in the stylesheet at all times. The original version of this stylesheet and the associated (x)html is available at http://www.stunicholls.com/menu/vertical-concertina-6.html Copyright (c) 2005-2008 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ /* #slide height = (number of top level links - 1) * height of links + inner div height */ #slide {padding:0; padding:0; list-style:none; width:285px; height:325px; position:relative; overflow:hidden; font-family: verdana, sans-serif; font-size:11px; } * html #slide { margin-left: 10px; margin-right: -10px; } /* for IE 6, centra el listado */ * + html #slide { margin-left: 10px; margin-right: -10px; } /* for IE 7 soluciona defasaje de bg de listado */ #slide li.sub, #slide li.top { display:block; float:left; height:36px; line-height:36px; width:285px;color:#666; text-decoration:none; text-indent:40px; overflow:hidden; cursor:pointer; } #slide li.top a { text-decoration:none;color:#666;display:block; background:url(../img/listado/listado_home.gif) no-repeat 0 2px; } #slide li.top a:hover { color:#753c1d; background:url(../img/listado/listado_home_hover.gif) no-repeat 0 2px ;} #slide li.sub { background:url(../img/listado/listado.gif) no-repeat 0 2px; color:#666;} #slide li.clicked { color:#f4f2ca; background:url(../img/listado/listado_active.gif) no-repeat 0 2px;} /* #slide li.sub div height = (maximum sub lines * sub line height) + top level link height(variable fY in jQuery) */ #slide li.sub div {height:175px; width:240px; padding:0 15px; line-height:1.2em; font-family: verdana, sans-serif; text-indent:0;} #slide li div ul { padding:0; margin:0; list-style:none;} #slide li div ul li {float:left; height:24px; width:100%;} #slide li div ul li a {padding:0; margin:0;color:#666; text-decoration:none; font-size:10px; display:block; border-bottom:1px solid #ddd; height:24px; line-height:24px; width:100%; text-indent:25px;} #slide li div ul li a:hover {color:#753c1d;} /* ====== DISPLAY ====== imagen personalizada + mensaje (home) + rotación de img */ #fade_home_placer{position:absolute;top:0px;left:640px;} #fade_home{z-index:4;overflow:hidden;} * + html #fade_home { overflow:visible;} /* for IE 7 soluciona problema de visualizacion del fader */ #persona_home { position:absolute; width:325px; height:300px; top:0px; left: 50px; z-index:5; } #display_info { position: absolute; left:380px; top: 50px; } /* posiciona el texto del display */ #display h1 { font: 48px Arial, sans-serif; line-height: 1; letter-spacing:-1px; color: #753c1d; text-shadow: 0px 1px 2px #D9D9D9; } #display p { font-size: 15px; margin-top: 15px; color: #49545C; } #display a, #display a:link, #display a:visited { display: block; margin-top: 20px; } #display a:hover,#display a:focus,#display a:active{} /* ====== ESTILOS PARA CONTENIDOS PRINCIPALES ====== */ #intro_home { display:block; border-bottom: thin solid #E6E6E6; margin-left: 45px; margin-bottom:12px; padding-bottom:3px; font-style:italic; color:#BFBFBF;} #home_side_img { width: 300px; height: 500px; } #imprimir_pdf { font:12px Arial, sans-serif; color: #621f06; border: thin solid #D9D9D9; margin-top:25px; background-color: #FFF;} #imprimir_pdf a { display: block; padding:12px 5px 12px 55px; background: url(../img/icons/impresora.gif) no-repeat 10px 2px; } /* secciones en contenido principal home */ #enlace_seccion{ position:relative; display:block; margin: 0 0 20px 45px; } #enlace_seccion #icono { position: absolute; top: 0; left: -45px; height:35px; width: 35px; text-indent: -9000px; } #enlace_seccion a:link #icono.flecha_derecha, #enlace_seccion a:visited #icono.flecha_derecha { background-image: url(../img/icons/flecha_derecha.png); } #enlace_seccion a:hover #icono.flecha_derecha, #enlace_seccion a:focus #icono.flecha_derecha { background-image: url(../img/icons/flecha_derecha_hover.png); } #enlace_seccion h2 { font: 19px Arial, sans-serif; color: #e15e5c; } #enlace_seccion a:link h2, #enlace_seccion a:visited h2 { color: #753c1d; } #enlace_seccion a:hover h2, #enlace_seccion a:focus h2 { color: #e15e5c; } #enlace_seccion p.detalle_seccion { font-size: 12px; padding: 5px 0; margin:5px 0; color: #49545C; border-bottom: thin solid #BFBFBF; border-top: thin solid #BFBFBF; } #enlace_seccion p { margin-top: 8px !important; text-align: left !important; } /* secciones con categorias (interior) */ #enlace_categoria { position: relative; margin: 0 0 25px 45px; } #enlace_categoria #icono { position: absolute; top: 0; left: -45px; height:35px; width: 35px; text-indent: -9000px; } #enlace_categoria a:link #icono.flecha_derecha, #enlace_categoria a:visited #icono.flecha_derecha { background-image: url(../img/icons/flecha_derecha.png); } #enlace_categoria a:hover #icono.flecha_derecha, #enlace_categoria a:focus #icono.flecha_derecha { background-image: url(../img/icons/flecha_derecha_hover.png); } #enlace_categoria h2 { font: 15px Arial, sans-serif; color: #e15e5c; padding-top: 9px; } #enlace_categoria.anchofijo{display:block;float:left;width:42%;} * html #enlace_categoria.anchofijo { display:inline; } /* for IE 6 */ * + html #enlace_categoria.anchofijo { display:inline; } /* for IE 7 */ #enlace_categoria a:link h2, #enlace_categoria a:visited h2 { color: #753c1d; } #enlace_categoria a:hover h2, #enlace_categoria a:focus h2 { color: #e15e5c; } .margen_categorias{padding-top: 20px;} /* margen para categorias en paginas de secciones, por ej. bienestar, etc */ /* buscadores - Acordeon */ #fondo_topborder { height: 15px; width:605px; /* background: url(../img/listado/buscadores/fondo_top.gif) no-repeat 0 0; */ margin-top: 13px;} #fondo_bottomborder { height: 15px; width:605px; /* background: url(../img/listado/buscadores/fondo_bottom.gif) no-repeat 0 0; */ } #fondo_content {height: 100%; width: 100%; /* background: url(../img/listado/buscadores/fondo_bg.gif) repeat-y 0 0; */ padding: 0 0; } #acordeon p { text-align: left !important;} #acordeon h4 {position: relative; height: 20px; display: block; font:13px Arial, sans-serif; color: #753c1d; text-indent: 25px; padding-top:5px; margin-top: 2px; border: thin solid #e2da98; background: #fff7d8 url(../img/bullets/hearth.gif) no-repeat 5px 4px;} #acordeon h4.buscador_titulo { margin-top: 0; padding-top: 5px; color:#753c1d; } #acordeon h4.buscador_titulo { margin-top: 0; padding-top: 5px; color:#753c1d; } .expander{position: absolute; top: 5px; right:5px; height: 16px; width: 16px; background: url(../img/bullets/btn_mas.gif) no-repeat 0 0; } .contraer{position: absolute; top: 5px; right:5px; height: 16px; width: 16px; background: url(../img/bullets/btn_menos.gif) no-repeat 0 0; } .aco_titulo { cursor: pointer; } .aco_contenido { } #buscador_listado_regional { display: block; height: 300px; overflow-y: auto; overflow-x: hidden;} #buscador_listado_regional_comercios { display: block; height: 185px; } #buscador_listado_regional h3, #buscador_listado_regional_comercios h3 { display: block; border: thin solid #D9D9D9; padding:5px 5px 5px 10px; margin-top:0; background-color: #fcfbf5; font:16px Arial, sans-serif; font-weight: bold; color: #753c1d; margin-top: 10px; } /* buscador horizontal - Jcarousel (tiendas) */ .jcarousel-container { height: 150px; width: 510px; } /* alto y ancho del container */ .jcarousel-container-horizontal { margin-top: 10px; padding: 0 25px 0 30px; } .jcarousel-clip-horizontal { width: 100%; } .jcarousel-item img { width: 120px; height: 85px; border: thin solid #DCDCDC; } .jcarousel-item-horizontal { margin-right: 8px; } /* espacio entre items */ .jcarousel-item-placeholder { } .jcarousel-next-horizontal { position: absolute; top: 45px; right: 5px; width: 16px; height: 16px; cursor: pointer; background: transparent url(../img/bullets/blt_flecha_right.gif) no-repeat 0 0; } .jcarousel-next-horizontal:hover { background: transparent url(../img/bullets/blt_flecha_right.gif) no-repeat 0 0; } .jcarousel-next-horizontal:active { background: transparent url(../img/bullets/blt_flecha_right.gif) no-repeat 0 0;} .jcarousel-next-disabled-horizontal, .jcarousel-next-disabled-horizontal:hover, .jcarousel-next-disabled-horizontal:active { cursor: default; background: transparent url(../img/bullets/blt_flecha_right_disabled.gif) no-repeat 0 0; } .jcarousel-prev-horizontal { position: absolute; top: 45px; left: 5px; width: 16px; height: 16px; cursor: pointer; background: transparent url(../img/bullets/blt_flecha_left.gif) no-repeat 0 0; } .jcarousel-prev-horizontal:hover { background: transparent url(../img/bullets/blt_flecha_left.gif) no-repeat 0 0;} .jcarousel-prev-horizontal:active { background: transparent url(../img/bullets/blt_flecha_left.gif) no-repeat 0 0; } .jcarousel-prev-disabled-horizontal, .jcarousel-prev-disabled-horizontal:hover, .jcarousel-prev-disabled-horizontal:active { cursor: default; background: transparent url(../img/bullets/blt_flecha_left_disabled.gif) no-repeat 0 0; } .jcarousel-list li p { font-size: 9px !important; margin-top: 7px !important; } /* buscadores + forms */ #buscador_restaurantes,#buscador_hoteles{width:270px;} #field_region { margin-bottom: -15px;} #field_region, #field_zona, #field_tipodecocina, #field_categoria { margin-top: 10px; } #field_region legend,#field_zona legend,#field_tipodecocina legend,#field_categoria legend{font:10px verdana, sans-serif;color:#753c1d;padding-left:8px;} #field_region select,#field_zona select,#field_tipodecocina select,#field_categoria select{margin-top:4px;width:100%;} #buscador_restaurantes a,#buscador_restaurantes a:link,#buscador_restaurantes a:visited{float:left;font-size:9px;text-decoration:underline;color: #e15e5c;} #buscador_hoteles a,#buscador_hoteles a:link,#buscador_hoteles a:visited{float:left;font-size:9px;text-decoration:underline;color: #e15e5c;} #btn_buscar { float:right; width: 75px; margin-bottom: 20px;} #buscador_region { } #buscador_region h3 { } #buscador_region #btn_buscar { margin: 20px 0;} #buscador_general{width:230px; margin-left: 15px;} /* buscador ficha */ #buscador_ficha{width:100%;padding:8px 0;} #buscador_ficha #acordeon_column1{width:355px;} #buscador_ficha #acordeon_column2{width:185px;} /* formulario de contacto */ #form_contacto {width:60%;} #form_contacto .comentarios{ width:100%;} #form_contacto .texto { display:block; width:100%; font-style: italic; margin-top:5px;} #form_contacto input {margin:15px 0; color:#49545C; } #form_contacto input.campo {display:block;width:100%;} #form_contacto input.enviar {display:block;margin-top:2px;} #form_contacto_footer {width:98%;} #form_contacto_footer .comentarios{ width:98%; margin-top:5px;} #form_contacto_footer input {margin-top:10px; color:#49545C; } #form_contacto_footer input.campo {display:block; width:98%;} #form_contacto_footer input.enviar {display:block; margin-top:1px;} /* formulario de newsletter */ #form_newsletter {width:100%;} #form_newsletter input {margin:15px 0; color:#49545C; } #form_newsletter input.campo {display:block;width:100%;} #form_newsletter input.enviar {display:block;margin-top:2px;} /* novedades - boletin informativo */ #novedades_establecimiento {width:100%; margin-top:10px;} #novedades_destacado {display:inline; float:left; width:45%; margin: 0 25px 25px 0;} #novedades_establecimiento #establecimiento_logo img { width: 120px; height: 85px; margin:10px 10px 10px 0; border: thin solid #DCDCDC;} #novedades_establecimiento #establecimiento_imagen img { width: 100%; margin:10px 0 0 0; border: thin solid #DCDCDC;} #novedades_establecimiento #establecimiento_nombre { font-size: 14px; padding:5px; margin:0; background-color:#f2f2f2;} #novedades_establecimiento #establecimiento_categoria{ padding:2px 0 0 5px; margin:0; font-style:italic;} #novedades_establecimiento #establecimiento_beneficio { font-size: 12px; margin: 0 0 0 0; padding:0 0 0 5px;} #novedades_establecimiento #establecimiento_restriccion { margin:10px 0 0 5px;} #novedades_establecimiento #establecimiento_restriccion a { display:block; padding:5px 0;} a.mas_info {display:block;background: url(../img/bullets/btn_mas.gif) no-repeat 0 10px; padding: 10px 0 0 20px; margin: 10px 0; border-top: thin solid #BFBFBF;} /* ====== FOOTER ====== */ #footer_column1, #footer_column2, #footer_column3{font-size:10px;color:#49545C;} #enlace_footer {position:relative; margin: 0 0 20px 45px; } #enlace_footer #icono { position:absolute; top:0; left:-45px; height:35px; width:35px; text-indent: -9000px; } .lupa{ background-image: url(../img/icons/lupa.png); } .mail{ background-image: url(../img/icons/mail.png); } .chat{ background-image: url(../img/icons/chat.png); } #enlace_footer h2 { font: 14px Arial, sans-serif; color: #753c1d; } #enlace_footer p.detalle_seccion { font-size: 9px; padding: 10px 0; margin-top:-5px; color: #49545C; border-bottom: thin solid #BFBFBF;} #enlace_footer p { margin-top: 10px; } #enlace_footer a { display: block; padding-top: 10px; } #info_fidelity {text-align: right;padding:15px 0;font-size:9px;border-top: thin solid #BFBFBF;}