/* CSS */ /* Estilos especificos del web */ /* @font-face{font-family:'BebasNeueRegular';src:url('../font/BebasNeue-webfont.eot');src:url('../font/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('../font/BebasNeue-webfont.woff') format('woff'), url('../font/BebasNeue-webfont.ttf') format('truetype'), url('../font/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');font-weight:normal;font-style:normal} @font-face{font-family:'Museo-700';src:url('../font/14E54A_0.eot');src:url('../font/14E54A_0.eot?#iefix') format('embedded-opentype'),url('../font/14E54A_0.woff') format('woff'),url('../font/14E54A_0.ttf') format('truetype'),url('../font/14E54A_0.svg#wf') format('svg')} */ @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Oswald:wght@200..700&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap'); body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,nav{margin:0;padding:0} *, html{margin:0;padding:0;font:98% Arial, Helvetica, sans-serif;outline:none} body{color:#000;background:#fff} #fondoP{background:#fff url(../img/fondo.jpg) center top no-repeat; position:relative} #fondoFr{background:#fff url(../img/fondo-franquicia.jpg) center top no-repeat; position:relative} #fondoFerm{background:#fff url(../img/f-sala-fermentacion.jpg) center top no-repeat; position:relative} #fondohead{ background:#000 url(../img/fondo-menu.png) left 15px repeat-x;width: 100%;position: absolute;top: 0;left: 0;height:99px;z-index:50} #head{width: 100%; max-width: 995px; margin:5px auto 0; position:relative; z-index:200} a{color:#499dd3;text-decoration:none;font-size:100%} a:link{color:#499dd3} a:active,a:focus,a:hover{} #head h1,p.h1{position:absolute; width:110px; left:0; top:5px; z-index:99999999} h1,h2, h3, #colDcha p.botMasInfo, h2 span,.clubIntro,#clubHome p a,#homeCaja h2 a,.carta p,.noticiasHome h3 a, .noticiasHome h2, .cervezasHome h3 a{font:400 140% 'Bebas Neue',sans-serif; font-style:normal; margin-bottom:10px} h2 span{display: block; /*font-weight:700;*/ margin-bottom:3px} h4{margin:10px 0;font-size:100%} p{margin:0 0 8px;line-height:145%} li{list-style-type:none; font-size:100%; line-height:140%} img{border-style:none} i{font-style:italic} noscript p{margin:0 auto;width:950px;display:block;color:#fff;clear:both} strong{font-weight:bold;font-size:100%} .clear{clear:both} .clearer{font-size:1px; height:1px} .clearfix:before,.clearfix:after,.container_16:before,.container_16:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0} .clearfix:after,.container_16:after, .after-box{clear:both} .clearfix,.container_16{zoom:1}* .subir { position: fixed; bottom:0; left:5px; margin:0} /*-- Estilos para la Home --*/ #fondoHome{background-color:#FFF; position:relative} #contenedorHome{width:100%;background: url(../img/home-fondo-contenedor.jpg) center -35px repeat-x} #destacados-home{width:980px;margin:0px auto; padding-top:40px} .dh-reservas { text-align:center; margin:10px 0} .dh-reservas img{ margin:0 5%} .dh-reservas h2 { font-size:190%; color:#fff; font-weight:600; letter-spacing:0.1em; margin-bottom:15px} .dh-reservas h2 span{ font-size:90%; font-weight:400} /*! http://responsiveslides.com v1.54 by @viljamis */ .rslides { position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0} .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%;left: 0; top: 0} .rslides li:first-child {position: relative;display: block;float: left} .rslides img {display: block;height: auto; float: left; width: 100%;border: 0} /* - Carta Locales home - */ .localesHome { background:#000;text-align:center; color:#eee; padding:30px 0%; width:100%;margin:30px auto; border-radius:10px} .localesHome ul { text-align:center; margin-top:30px} .localesHome li { display:inline-block; vertical-align:middle; margin:20px 1%; width:17%; height:150px; } .localesHome li img:hover { padding-top:20px!important} .localesHome li img{ width:100%} .localesHome h2 { color:#e8c228; margin-bottom:0} .localesHome h3 { font-size:290%!important} .localesHome p { font-size:130%; width:70%; margin:0 auto; color:#eee; display:block} @media only screen and (max-width: 985px){ .localesHome { margin:20px auto; width:99% } } @media only screen and (max-width: 765px){ .localesHome { margin:20px auto; width:97%} .localesHome li { margin:10px 1%; width:25%; height:150px;} .localesHome p { width:80%!important; display:block;} } @media only screen and (max-width:500px){ .localesHome li { margin:10px 1%; width:30%; height:130px;} } @media only screen and (max-width:480px){ .localesHome { margin:20px auto; width:95%!important;} .localesHome li { height:90px;} } /*--------------*/ #DestacComentar{margin:20px 0 0; background:url(../img/separador-02.png) center top no-repeat; padding-top:25px} #homeCompartir{float:left; height:235px; background: url(../img/ideal-beer.png) left top no-repeat; width:26%; padding-left:20%; color:#9d8d80; background-size:38%; margin-top:10px} #homeCompartir h3,#homeComentario h3{color:#5f4d41; font:700 140% 'Oswald', Arial; line-height:110%; margin-top:8px; text-transform:uppercase} #homeCompartir a{background-color:#9d8d80; color:#fff;font:400 120% 'Oswald', Arial; padding:2px 20px 4px; -webkit-border-radius: 5px; -moz-border-radius: 85px; border-radius: 5px} /*#homeCompartirMov{width:93%; color:#9d8d80; display:none; margin:5px 12px 0 2%; font-size:100%; clear:both} #homeCompartirMov h3{color:#5f4d41; font:700 140% 'Oswald', Arial; line-height:110%} #homeCompartirMov p{line-height:130%} #homeCompartirMov img{float:left; margin:0 3% 10px 0; width:45%} #homeCompartirMov p a{display:block; background-color:#000; text-align:center; color:#fff;font:400 140% 'Oswald', Arial; padding:2px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin:20px 20% 10px 20%; clear:both}*/ #homeComentario{height:200px;width:45%; float:left; position:relative; margin-left:4%; border-left:1px dashed #ccc3bc; padding-left:3%; margin-bottom:15px} #homeComentario h3{line-height: inherit; margin:8px 0 15px} #homeComentario p.t0{ background:url(../img/esquina-comic.png) left top no-repeat; position:absolute; left:135px; top:140px; z-index:1; width:28px; height:28px; display:none} #homeComentario p.t1{ background:url(../img/dhp-opinion-cl.png) left 0 no-repeat; padding:15px 20px 10px 40px; height:150px; text-transform: uppercase; color: #000; font-weight: bold; position: absolute; left: 140px; top: 50px; font-size: 100%; display: block; width: 290px; z-index: 2; } #homeComentario p.t1 strong{display:block;width:230px; font-size:120%} #homeComentario p span.t2{display:block;color:#b4780b;font-size:80%; margin-bottom:2px; width:80px} #homeComentario p span.t2 strong{display:block; margin:0 0 3px; text-transform:uppercase; border-bottom:1px solid #cf7600; padding:0 0 3px} #homeComentario p span.t3{display:block; color:#000!important;line-height:130%; text-transform:none; font-size:100%} #homeComentario p span.t3 a{color:#000; display:block; text-decoration:underline} .t1estrella{height: 17px;overflow: hidden} .pieHeight{height:100px;padding:5px; margin:0 0 0 10px;background-color:#fff;text-align:center} #homeCaja{float:left;width:640px;background-color:#9c8c7f;margin-right:2%;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px; padding:15px 0} #homeCaja h2 a{color:#fff} .cervezasHome{background: url(../img/home-fondo-cervezas.jpg) center 30px no-repeat; width:230px; color:#fff; /*float:left;*/ display:inline-block; vertical-align:top; text-align:center; margin:0 20px 20px} .cervezasHome h3{margin:0; padding:0;font-size:110%} .cervezasHome a{color:#fff} span.cerveza img{height:210px; padding-bottom:20px} p.Homecoment{margin:0 0 0 28%; display:block} .cervezasHome .cerveza{margin:0} .cervezasHome span.estrella{margin:0; padding:0; width:15px} .cervezasHome span.comment{float:left; height:15px; margin:0px 0 0 6px; font-size:80%; overflow:hidden} .carta{/*width:360px; float:left*/ display:inline-block; width:360px; vertical-align:top;text-align:center} .carta h2{margin:0!important; padding:0} #homeCaja a:hover{ color:#534a42} .carta img{margin-top:-3px} .carta p{color:#fff; display:block;text-align:left; font-size:140%; line-height:120%; margin:0 8px} .carta p a{color:#534a42;font:400 100% 'Bebas Neue',sans-serif; font-style:normal; } .noticiasHome{min-height:175px; width:280px; color:#fff; padding:180px 8px 8px; float:right; background:#b4780b url(../img/dhp-actualidad-thb.jpg) center 0 no-repeat;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px; font-size:100%} .noticiasHome h2{display:none} .noticiasHome h3{margin-bottom:3px} .noticiasHome img{width:100%} .noticiasHome a{color:#fff} .noticiasHome p{line-height:140%} .noticiasHome p.fecha,.noticiasHome p.fecha a{color:#f8f4b1; margin-bottom:2px} .leer{text-decoration:underline} #clubHome{width:965px;margin:0 auto 0; color:#fff;padding:15px 0 15px 15px; background-color:#000; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border:1px solid #444} #clubHome img{float:left} #clubHome h2{width:500px; float:left; margin:8px 0 0 35px} #clubHome p a{background-color:#fff; float:right; width:150px; text-align:center; padding:3px 0 0; display:block; margin:15px 20px 0 0; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; color:#000} #clubHome p a:hover{background-color:#e3a00f} .menuSup {position: absolute; top: 2px; right: 2%; z-index: 999; color:#fff!important; width: 100%; text-align: right} .menuSup a { color: #ccc; font-size:85%; text-transform: uppercase; letter-spacing: 0.2px; display: inline-block; vertical-align: middle} .menuSup img{ margin:0 5px 0 25px; display: inline-block; vertical-align: middle} #buscadorGen { width: 250px; display: inline-block; vertical-align: middle; position: relative} #header_buscador{ background-color:#000; border:1px solid #939393; color:#fff!important; width:230px; outline:none; display:inline-block; vertical-align: middle; font-size:100%; padding:6px 8px} #submit_buscador{ background:transparent url(../img/ico-buscar.png); background-repeat: no-repeat; width:18px; height:18px; border: none; cursor: pointer; outline:none; position: absolute; right: 8px; top:5px} input::-webkit-input-placeholder {color:#999} input:-moz-placeholder {color:#999} input:-ms-input-placeholder {color:#999} .bolsa_compra { color:#F7CF2B} /*---destacados home tienda/club ----*/ .destTienda, .destClub{display:inline-block; width:45%; margin-left:2.5%; border-bottom:1px dotted #ccc3bb; margin-bottom:35px; vertical-align:top; } .destTienda{background:url(../img/ico-tienda.png) center 30px no-repeat} .destClub{background: url(../img/ico-dest-club.png) center 30px no-repeat;margin-left:4%} .destTienda h2,.destClub h2{font-size:180%; color:#9c8c7f; text-align:center; margin-bottom:55px} .destTienda h2 span{color:#fff; background-color:#F33; padding:0 6px 0; font-size:70%; display:inline-block; vertical-align:top; margin-top:3px} .destTienda p,.destClub p{color:#fff; margin:3%} .destTienda p a, .destClub p a{background-color:#000; color:#ccc3bb;padding:8px; font-weight:bold; margin:8px auto; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; display:block; width:180px; text-align:center} .destTienda p a:hover, .destClub p a:hover{background-color:#ccc3bb; color:#000; } /* TAKE AWAY*/ .takeaway { position:fixed; bottom:50px; right:5px; z-index:9999999; display: none} .takeaway:hover { position:fixed; bottom:50px} /*---- Paginas interior ---------- */ #contenedor{width:995px;margin:0 auto; padding-top:65px;_padding-top:0; position:relative} #contenido{background:#fff url(../img/fondo-cabecera.gif) left 0 no-repeat; padding:0 2% 3% 2%; min-height:700px} #contenido.titular.formG { min-height:400px!important} #contenido h1{_margin-top:30px; margin-top:35px} #cab,#cab2,#cab3{margin:18px 0 20px; width:99%; height:70px; position:relative} #cab3{margin-bottom:28px;position: relative} #cab4{margin:0; height:50px;width:99%} #cab h1{float:left; font-size:230%;color:#e0dbd7; display:block; width:25%; min-width:220px; margin-bottom:0} #contenido #cab2 h1,#contenido #cab3 h1,#contenido #cab4 h1{float:none; font-size:230%;color:#e0dbd7; display:block;width:100%; margin:0} #cab h1 a,#cab2 h1 a{color:#e0dbd7; font:100% "Bebas Neue",sans-serif} #google_translate_element {position: absolute; top: 3rem; right: 10px; z-index: 9999} /*--- cabeceras --*/ #contenido.titular,#contenido.eventos{background:#fff url(../img/fondo-cabecera-sin.gif) center -24px no-repeat; overflow:hidden} #contenido.titular h1{margin:8px 0 20px} #contenido.titular2,#contenido.titular4{background:#fff url(../img/fondo-cabecera-sin.gif) center -24px no-repeat} #contenido.titular3{background:#fff url(../img/fondo-cabecera-sin.gif) center 5px no-repeat} #contenido.titular3 h1{padding-top:37px} #contenido.titular4 h1{padding-top:10px} .cabecera img { width:100%; padding-top:60px } #imgFr{background:#fff url(../img/thb-asociados.jpg) center top no-repeat; height:349px} #imgAcc{background:#fff url(../img/c-aviso-legal.jpg) center top no-repeat; height:239px} #imgCerv{background:#fff url(../img/c-cerveceria.jpg) center top no-repeat;height:239px} #imgCervTHB{background:#fff url(../img/c-cerveceria-thb.jpg) center top no-repeat;height:239px} #imgCompartirCerv{background:#fff url(../img/c-cervezas-del-mundo.jpg) center 20px no-repeat; height:239px} #imgCocks{background:#fff url(../img/c-cockstation.jpg) center top no-repeat; height:239px} #imgNot{background:#fff url(../img/c-noticias.gif) center 18px no-repeat; height:239px; text-align:right} #imgContac{background:#fff url(../img/c-contacto.jpg) center top no-repeat; height:239px; overflow:hidden} /*--------------*/ h1{font:230% 'Bebas Neue',sans-serif;color:#e0dbd7; margin-bottom:0;/* height:40px*/} h1 span{display:none} #imgMm{margin-left:15px} #colIzq,#section,#colIzq2,.colIzq3,#cuadro{float:left; max-width:600px; width:65%; margin-top:2%} #colIzq h2, #colIzq2 h2,.colIzq3 h2,.colOpiniones h2, #colDcha h2{color:#99887e; line-height:90%; margin:12px 0 8px 0} .colIzq3 h2{margin:2px 0 8px 0} #colDcha, #aside{float:right; width:27%; max-width:250px; margin:2% 0 0 4%; font-size:90%} #colDcha h2{font-size:200%} #colIzq2, .colIzq3{width:95%; max-width:inherit} #colIzq2 ul{margin:10px 20px} #colIzq2 li{background:url(../img/icono-flecha.png) left 2px no-repeat;padding:0 0 5px 18px;line-height:140%} #colIzq2 a{color:#09F} .colIzq3{border-bottom:1px solid #e2dbd5; padding-bottom:15px; margin:0 0 15px 0} .colIzq3 h2{margin-bottom:3px} .colIzq3 h2 span{display:block; margin-bottom:0!important} .colIzq3 img{float:left; margin-right:5%} .mSup{margin-top:3%} .sinBor{border-bottom:none!important; padding-bottom:0} .marBot{margin-bottom:8px 0px} #tittt{display:none} .bordeTop{height:2px; background-color:#ddd; margin:20px 0} .asociateBloque{display:inline-block; width:42%; vertical-align:top; margin:0 1%; background:#99887e; border-radius:10px; padding:15px; margin-bottom:20px; color:#fff; min-height:650px} .asociateBloqueB{width:90%; margin:0px 0 20px 1%} .asociateBloque h3{font-size:180%; margin-top:8px } .asociateBloque img{ width:100%} .asociateBloqueTxt2 { background-color:#222; padding:10px} .asociateBloqueTxt2 p { font:400 140% 'Bebas Neue',sans-serif!important;} .botonMasInfo {margin:40px auto; padding:10px; font-size:120%; width:250px; cursor:pointer; border-radius:3px; background-color:#222; text-align:center; display:block} .botonMasInfo:hover {background-color:#000;} .THB_asociado { background-color:#fff; padding:20px 3%; margin:80px auto 30px; position:relative } .THB_asociado h2 strong { color:#9c8c80; font-size:160%; font-weight:400} .THB_asociado figure { background-color:#fff; padding:12px; width:44%; display:inline-block; vertical-align:top; margin:-80px 0 0 2%;-webkit-box-shadow: 0px 0px 12px -6px rgba(0,0,0,0.38);-moz-box-shadow: 0px 0px 12px -6px rgba(0,0,0,0.38);box-shadow: 0px 0px 12px -6px rgba(0,0,0,0.38);-moz-transform: rotate(5deg); -o-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); } .THB_asociado img { width:100%} .THB_asociado .p1{ width:50%!important; display:inline-block; font-size:100%!important; text-align:left;vertical-align:top} .THB_asociado .p2{ margin-top:20px; display:block} .AsocContact { background-color: #261A14; color:#ddd; padding:8px 0; display:block; text-align:center} .AsocContact span { width:1px;margin:0 2%} /*----- THB locales ---*/ #cerveceria-mapa{float:left;min-width:550px; width:63%;height:550px;margin:3% 0 2% 0; background:#eee url(../img/bx_loader.gif) center no-repeat; border-left:1px solid #fff} .columnaB{float:left;max-width:350px; width:30%;margin:3% 0 0 2%;color:#000} .columnaB ul{margin-bottom:10px} /*---- ficha cervecerias -------------*/ #cerveceria-mapa.mapCerv{width:66%; min-width:300px;height:460px; margin-top:0; margin-bottom:0; float: right} #cerveceria-mapa.mapCerv2{width: 42%} .fotoCerv{float:right;width:66%; margin-top:15px;height:320px; overflow:hidden} .fotoCerv img{width:49%} .fotoCerv_dcha{float:right} .datosCerv{width:30%; min-width:270px;height:440px;float:left;color:#fff;background-color:#000;padding:10px} #contenido .datosCerv h2{color:#222;margin-bottom:5px; font:400 130% 'Roboto Condensed', Sans-serif} #contenido .datosCerv p{font-size:100%;margin:0 0 8px!important} #contenido .datosCerv p strong{font:700 120% 'Roboto Condensed', Segoe, "Segoe UI",sans-serif; text-transform:uppercase} .datosCerv a{color:#fff; text-decoration:underline} #tripadvisor-opiniones{float:left;width:30%;min-width: 299px} .rss_locales{width:100%; margin:8px 0} .rss_locales img{ float:left; margin:8px 8px 8px 0} .datosCerv #boton-tripadvisor-rrss{margin:5px 0 8px; float:left; width:50px} #categorias{margin:2% 0 0 0} #categorias h3{color:#000;margin:0 0 8px;padding:10px 0 10px;font-size:130%} #categorias h3 strong{display:block;font-family:'Bebas Neue',sans-serif;font-weight:400;font-size:160%} #categorias h3 strong span{color:#99887e;font-family:'Bebas Neue',sans-serif} p.noticiaLocales{font-family:'Bebas Neue',sans-serif;font-size:160%;color:#099;margin:5px 0} ul.categorias{float:left; margin-left:2%} ul.categorias li{float:left;margin:2px 2% 0 0} ul.categorias li a{background-color:#e2dbde;padding:3px 8px;color:#99887e!important;font-size:105%} ul.categorias li.activo a{background-color:#99887e;color:#fff!important} ul.categorias li a:hover{background-color:#000;color:#fff} select.locales{float:left;margin:0 3% 0 0} .avisolegal h3 { font-size:120%; font-weight:400} /*---FRANQUICIAS --*/ #colDcha h3{color:#99887e; font-weight:400; text-transform:uppercase; font-size:150%;margin-bottom:5px; display:block} #imgMapa{border:1px solid #ddd; width:99%} #colDcha a{color:#337f8f} #colDcha p.botMasInfo{ display:block; background-color:#99887e; padding:8px 15px; line-height:110%; text-align: center; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } #colDcha p.botMasInfo a{color:#fff; font-size:90%; font-weight:700} #colDcha p.botMasInfo:hover, #colDcha p.botMasInfo a:hover{background-color:#e2dbd5;color:#99887e} .linea{border-top:1px solid #ada694;margin-top:10px;padding-top:10px} .separata{margin-top:20px;padding-top:25px;border-top:1px solid #999;height:1px} .abajo{background:url(../img/bottom2.png) no-repeat;height:12px} #expansion{background: url(../img/no-low-cost.png) 10px center no-repeat; border-top:1px solid #e2dbd5; padding:15px 20px 0 280px; margin-top:20px} #expansion h3{font-size:130%;color:#181d21;font-weight:700; margin:0} #expansion h4{font-size:120%;margin:0 0 10px;color:#181d21;font-weight:700} /*video*/ .video-container {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;margin-top:30px} .video-container iframe {position: absolute;top:0;left: 0;width: 100%;height: 100%;} /* ---- Descriptores --- */ #descriptores img{display:inline-block; vertical-align:middle; margin-right:5%; width:60%} #descriptores div{display:inline-block; vertical-align: top; margin-right:2%; width:25%} #descriptores div h2{font-size:220%; margin-top:20px} #descriptores div p{color:#333; margin:0 0 10px; font:300 120% Roboto, Arial; line-height:150%} /* ----- carta comer -----*/ .cartaComerTxt{margin-top:30px; display: inline-block; vertical-align:middle; width:57%; margin:0 2%; padding:30px 0} .cartaComerTxt h3{font:500 150% Roboto, Arial; color:#000; margin-bottom:0; text-transform:uppercase} .cartaComerTxt p strong{font:300 200% Roboto, Arial; color:#000; display:block; margin:0 0 8px} .cartaComerTxt p{color:#333; margin:0; font:300 120% Roboto, Arial; line-height:150%} .cartaComerTxt p i{font:300 italic 90% Roboto, Arial; display:block; margin:10px 0; color:#777} .cartaComerFoto{display:inline-block; vertical-align:middle; width:35%; margin-top:30px; margin-bottom: 2rem; clear: both} .cartaComerTxt ul li{display: inline-block; vertical-align:middle; margin:10px 1% 0; width:15%} .cartaComerTxt ul li img{width:100%} .movil{display:none!important} .sinGluten{display:inline-block; vertical-align:middle;margin:0px 8px 0 0; float:left} p.margenGluten{padding-top:10px} .cartaComerTxt .ico { width: 28px !important; height: 28px; display: inline-block; vertical-align: middle} .nuestraCarta { display:none} .platos { background-color:#eee; padding:10px 1%; margin:20px 0; text-align:center; } .platos ol { display:inline-block; vertical-align:top; width:29%; margin:0; padding:0; text-align:left} .platos ol:nth-child(3) { margin:0 2%; border-left:1px solid #ccc; border-right:1px solid #ccc; padding:0 2%} .platos p {font:300 180% Roboto, Arial; color:#4b443e; display:block; margin:0 0 20px 2%; text-align:left} .platos p .txtpeq {font:300 60% Roboto, Arial!important; line-height:20%!important; margin-top:-10px} .platos li { list-style-type:none; margin-bottom:15px; clear:both} .platos li img{ display:inline-block; vertical-align:top} .precio { font-weight:bold} .num.cien { width:25px; height:15px; padding:15px 3px 0 3px; line-height:0} .burguer .num { margin-top:5px; margin-bottom:5px} .num { font-weight:700; border-radius:3px; background-color: #4b443e; color:#fff; text-align:center; width:14px; height:14px; padding:5px; margin-right:8px; display:inline-block; /*float:left; margin-bottom:20px*/} /*--- Lightbox ---*/ /*---- CERVEZAS -----*/ .redes{width:162px;overflow:hidden; position:absolute; top:45px; right:0; z-index:100; text-align:right} .redes li{float:left} .redes li.google{width:70px} .redes li.fac{width:90px} #cartaCerve{float:left;width:70%; min-width:650px; margin-top:41px} #cartaCerve li{display:inline; padding:0.3% 0 0; margin-right:3%;font:150% 'Bebas Neue',sans-serif; color:#99887e;border:1px solid #99887e} #cartaCerve li.activa{padding:0.3% 3% 0; background-color:#fff} #cartaCerve li a{color:#e2dbd5;font-family:'Bebas Neue',sans-serif;padding:0.3% 3% 0; border:1px solid #fff} #cartaCerve li a:hover{color:#fff; border:1px solid #fff} #migas,#migasMovil,#migasFicha{padding:0.2% 0 1.6% 0; margin:0 0 1.5%; width:100%; min-width:220px} /* antes .senda */ #migas{ border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; padding:.8rem 0 2rem 0;} #migas p,#migasMovil p,#migasFicha p{padding:0; margin:0; float:left} #migasFicha p{font-size:100%; text-transform:none} #migas span,#migasFicha span{font-weight:bold; font-size:100%} #migasMovil{display:none; padding:0; margin:0} #filtro{display:none} #submenu{float:left; width:20%; max-width:200px; margin:15px 1% 0 0; border-right:1px solid #eee; border-bottom:1px solid #ddd} #submenu h2{font:90% Arial, Helvetica, sans-serif; margin-bottom:5px; font-weight:bold} #submenu p#titt{font-size:120%; color:#000; font-weight:bold} #submenu ul{margin-bottom:15px} #submenu li{margin-left:5%; font-size:90%; padding-bottom:5px} #submenu li input{padding-top:2px} #submenu li span{color:#999} #submenu li a:hover{color:#337f8f!important } #submenuCata{width:95%; margin:15px 1% 0 ; padding:10px 2%; background-color:#eee} #submenuCata h2{margin-bottom:8px} #submenuCata li{display:inline; margin-right:10px} #submenuCata li span{color:#666; font-size:90%} #listadoCervezas, #listadoCatas{float:right; max-width:750px; width:78%; margin:1% 0 0 0} #listadoCervezas p#tit{font:700 140% 'Roboto Condensed',sans-serif; margin-bottom:2%; text-transform:uppercase} #tipovista{float:right; margin-bottom:10px; text-align:right} #tipovista li{display:inline-block; float:left} #tipovista li a{background-image:url(../img/ico-listados.png);display:block;height:30px;width:30px} #tipovista li.lista{margin-left: 10px; margin-top: -6px} #tipovista li.lista a{background-position:right top} #tipovista li.lista.activo a{background-position:right bottom} #tipovista li.tabla{margin-top: -6px} #tipovista li.tabla a{background-position:left bottom} #tipovista li.tabla.activo a{background-position:left top} @media only screen and (max-width: 780px) { #tipovista{ display: none} } #listadoCervezas div.ver{display:block} #listadoCervezas div.oculta{display:none} ul.cervezas li.cerveza{color:#000;/*float:left;display:block; min-height:290px*/ display:inline-block; vertical-align:top; margin:0 1.7% 2% 1.7%;width:144px;background:url(../img/fondo-cerveza.gif) center top no-repeat} ul.cervezas li.cerveza strong, ul.cervezas li.cerveza span.tipo, ul.cervezas li.cerveza span.botella{display:block; margin:1% 2% 0; font:400 100% 'Roboto Condensed', sans-serif} ul.cervezas li.cerveza strong{display:block; text-transform:uppercase; font-weight:700; line-height:100%} ul.cervezas li.cerveza span.tipo{color:#000} ul.cervezas li.cerveza span.botella{color:#818181} ul.cervezas li.cerveza img.cervezaIm{margin:15px auto 15px;display:block;height:156px} ul.cervezas li.cerveza a:hover{text-decoration:none} /* - Carta Locales home - */ .localesInt { text-align:center; color:#222; width:100%;margin:0 auto;} .localesInt h2 { color:#222; margin-bottom:0; font-size: 1.8rem} .localesInt h3 { font-size:290%!important} .localesInt ul { text-align:center; margin-top:0px} .localesInt li { display:inline-block; vertical-align:middle; margin:3rem 1%; width:15%; /*height:150px;*/ } .localesInt li img{ width:100%;border: 2px solid #fff; border-radius: 100px;} .localesInt li img:hover { border: 2px solid #cccccc; border-radius: 100px; padding: 0} .localesInt li.active img { border: 2px solid #818181 !important;} /*CATA*/ .cataIntro{padding-top:15px} .cataIntro p{font:400 110% 'Museo-700',sans-serif; background-color:#000; color:#fff; padding:10px 2%; text-align:center} .cataIntro p strong{font:400 180% 'Museo-700',sans-serif; text-transform:uppercase; display:block; margin-bottom:8px} /*---*/ li span.comment{float:left; height:13px; margin:3px 0 0 6px; font-size:80%; overflow:hidden} li span.comment img{margin-top:-16px} span.estrella{ margin: 3px 1px; width:13px; height:12px; overflow:hidden; float:left; background-image:url(../img/estrellas.png); background-repeat:no-repeat; background-position: bottom; } span.estrella_activa{background-position: top; } #paginacion{ text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color:#eee; padding:15px 0 15px; color:#666; margin:3% 0 3% 0} #paginacion ul{margin:auto} #paginacion ul li{display:inline; margin: 0 0.5%} #paginacion ul li.actual span{padding: 8px 3%; background-color: #fff; border-radius: 5px; font-weight:bold; color: #337f8f} #paginacion ul li.ant{padding-right:2%} #paginacion ul li.sig{padding-left:2%} #paginacion ul li.ant a, #paginacion ul li.sig a{background-color:transparent; font-weight:bold} #paginacion ul li.ant a:hover, #paginacion ul li.sig a:hover{color:#337f8f} #paginacion a{color:#337f8f; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background-color:#fff;padding:8px 3%} #paginacion a:hover{background-color:#ccc; color:#fff} #paginacion p span.ant{padding-right:2%} #paginacion p span.sig{padding-left:2%} #paginacion p span.ant a, #paginacion p span.sig a{background:none; font-weight:bold} #paginacion p span.ant a:hover, #paginacion p span.sig a:hover{color:#577baf; text-decoration:underline} #bannerExperiencias{background:#efecea url(../img/d-viajeros.gif) 0 10px no-repeat; height:220px; margin:0 15px 3% 0; padding:10px 40px 0 240px; color:#99887e;-webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px} #bannerExperiencias h3{color:#99887e; text-transform:uppercase} #bannerExperiencias h3 span{display:block;font:700 150% 'Roboto Condensed', sans-serif} #bannerExperiencias a{background-color:#337f8f; color:#fff; padding:8px; margin:15px auto 0; display:block; width:180px; text-align:center} #bannerExperiencias a:hover{background-color:#99887e} /*----FICHA CERVEZA ----------*/ #foto{float:left;margin:10px 0 0;text-align:right;width:300px; position:relative} .fotoFicha{overflow:hidden;text-align:center} .fotoFicha img{background-color:#fff;height:400px;margin-bottom:5px} #titMovil{display:none} p#icoLupa{background:url(../img/ico-ampliar.gif) left top no-repeat;width:31px;height:30px;position:absolute;left:0;top:180px;display:block} .ampliar li{background:url(https://www.thehousebeer.esimg/icon_search.gif) 83px 5px no-repeat;padding-left:12px;padding-top:5px} .ampliar li a{color:#666} .ampliar li a:hover{text-decoration:underline} #datos-cerveza{float:right;width:600px; margin-top:40px} #datos-cerveza h2,#foto h2{font-size:250%; margin-bottom:0} #datos-cerveza p.comment{font-size:90%; margin: 0px 0 0 10px} #datos-cerveza p.comment a{margin-left: 10px} #redes{width:90%; margin:30px 0 15px 0} #redes a{font-size:12px;color:#30566D;font-weight:bold} #fb-like,.fb-share-button,.b-twitter,.g-plusone{float:left; display:block; width:90px; overflow:hidden; margin-right:5px} #fb-like,.fb-like,.fb-share-button,#fb-root{width:auto} p.pais, p#pais{font-size:120%; margin:0} #pais{display:none; font-size:90%} ul.tamAlc{border-top:1px solid #e2dbd5; padding-top:10px; margin:10px 0 25px; overflow:auto} ul.tamAlc li{ -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; background-color:#e2dbd5; float:left; padding:8px; margin-right:8px; font-weight:bold; font-size:120% } ul.ficha{width:85%; margin:20px 0 0} ul.ficha li{clear:both; margin-bottom:6px} ul.ficha li strong{margin-right:1%; color:#654020} #masInfoCerveza, #masInfoCerveza2, #comentarios-ficha,#comentar{ -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; border:1px solid #e2dbd5; background-color:#fff; padding:8px; overflow:auto; margin-bottom:20px } #masInfoCerveza h3, #masInfoCerveza2 h3, #comentarios-ficha h3,#comentar h3{background-color:#e2dbd5; padding:2px 15px 0; color:#99887e; font-size:150%} #infoA{float:left; width:40%; max-width:350px; margin:10px 0 0 10px} #infoA li{border-bottom:1px dashed #e2dbd5;padding-bottom:10px; margin-bottom:10px} li.fotoFichaPeq{height:150px; display:block; text-align:center} li.fotoFichaPeq img{height:150px} #infoB{float:right;width:50%; min-width:500px; margin-right:3%} #infoB h4{font-weight:bold; font-size:120%} #infoB p{padding-bottom:8px} #bloque-captcha{margin:8px 0 20px} #bloque-captcha p{margin-bottom:3px;color:#000} #compartircerveza{margin:10px 0} #compartircerveza p{margin-bottom:3px;color:#333} #comentarios-ficha{margin-top:3%} div.comentario-bloque{border-bottom:1px dashed #ddd;margin-bottom:3%} div.bloque-comentario-izquierda{width:250px;float:left; font-size:90%} /*p.numero-comentario{font-size:24px;font-weight:bold}*/ div.bloque-comentario-derecha p.titulo{margin:0px;font-size:14px;font-weight:bold} .ComentImg{float:left; margin-right:10px} p.comentario-estrellas{height:16px;overflow:hidden} p.fecha-comentario{margin-bottom:0; font-size:95%} p.trabajo{font-size:120%;color:#06C} a.external{color:#06C} p.peq{font-size:90%} .formOpinion{margin:0 0 0 25px; width:95%} #compartirB{float: left;width:550px} #compartirA{float: left;width:300px} .formOpinion label{width:250px; margin:5px 0; font-weight:bold} .formOpinion input,.formOpinion textarea{border:1px solid #ddd;background-color:#fff;padding:4px;color:#000;width:98%;margin-bottom:3px;list-style-type:none} .formOpinion textarea{height:150px} .formOpinion #compartirB label{display:block; margin-bottom:2%; width:450px} .formOpinion #compartirA input.BotPublicar{background-color:#000; color:#fff; font-weight:bold;width:180px;height:30px;border:none;margin:10px 0 10px 50px;cursor:pointer} button.BotPublicar{background-color:#000; color:#fff; font-weight:bold;width:180px;height:30px;border:none;margin:10px 0 10px 50px;cursor:pointer} .formOpinion a:hover{text-decoration:underline} /*--------Seccion eventos -------------*/ #contenido.eventos{background-position:center 0} #contenido.eventos h1{padding-top:25px} #eventosMovil{display:none} .tablaEventos{width:100%; max-width:940px; margin:2% 0 0px 0} .tablaEventos p{color:#000} table.eventos{width:100%; min-height:570px;background: url(../img/thb-eventos-fondo-tit.gif) left 65px repeat-x;color:#000;border-bottom:1px solid #fff; margin:25px 0 15px} .titCal{background:url(../img/thb-calendario-eventos.gif) center 3px no-repeat; height:60px} table.eventos th{height:30px;padding-top:2px;border-right:1px solid #fff; font-weight:bold; text-transform:uppercase; color:#fff} table.eventos th.sin{border-style:none} table.eventos .bordeBl{border-left:1px solid #fff} table.eventos td{padding:5px} table.eventos td.mes{background-color:#000;color:#fff;height:10px; padding:2px 0 2px 8px;border-left:1px solid #fff} table.eventos a{color:#124fbf} table.eventos a.calCartel{display:block;background-color:#5e9b9b;text-align:center;color:#fff} table.eventos a.calInfo{display:block;background-color:#436f6f;text-align:center;color:#fff} table.eventos tr.gris td{background-color:#ddd;border-right:1px solid #fff} .email{ padding:10px 2% 10px 7%; color:#5f4d41; background:#e2dbd5 url(../img/ico-sobre.gif) 1.5% 12px no-repeat; border:1px solid #e2dbd5; -moz-border-radius: 5px; border-radius: 5px; position:relative; } .email h3{color:#99887e;margin:0!important; padding:0!important} .email p{margin:0; color:#5f4d41} .emailBoton a{color:#fff;background-color:#99887e;-moz-border-radius:3px;border-radius:3px;text-align:center;padding:8px 0;top:20px;right:3%;position:absolute; font-weight:600; width:120px} .emailBoton a:hover{background-color:#000} /*-------- Noticias ficha ---------*/ .noticiasFicha{/*margin:0 3% 10px 0; width:65%; min-width:550px; float:left;*/ width:100%; margin:0 auto; font-size:90%} .noticiaBloqueFicha{width:99%;padding-top:15px;border-top:1px dashed #e2dbd5} .noticiaBloqueFicha img{float:left;margin-right:20px;width:200px;border:3px solid #fff} .noticiaBloqueFicha h2{background:none;margin:0!important;font:200% 'Bebas Neue', Arial, sans-serif!important} .noticiaBloqueFicha h2 a{background:none;margin:0;font:100% 'Bebas Neue', Arial, sans-serif!important;color:#000} .noticiaBloqueFicha h2 a:hover{color:#99887e} .noticiasFicha h3{font-family:'Bebas Neue',sans-serif;color:#000;margin:0 0 8px;padding:10px 0 10px;font-size:120%} .noticiasFicha h3 strong{display:block;font-family:'Bebas Neue',sans-serif;font-weight:bold;font-size:160%} .textoNoticiaFicha{padding-bottom:15px} .textoNoticiaFicha p{line-height:145%; margin-bottom:0; font-size: 1rem; color: #333;} .textoNoticiaFicha p.textoFecha {font-size: .9rem} /*--------Seccion eventos Ficha-------------*/ .EventosFicha{float:left; padding:70px 20px 0px; width:25%; min-width:250px;margin:0 0 2% 0; background:#009999 url(../img/ficha-calendario-eventos.gif) center 8px no-repeat} .tablaEventosFicha{padding:10px 10px 5px; background-color:#fff} .tablaEventosFicha p{color:#000; font-size:90%} .tablaEventosFicha p strong span{background-color: #009999; color:#fff; padding:2px 5px} .tablaEventosFicha p a{color:#124fbf} p.evenFecha{font-size:80%;font-weight:bold;text-transform:uppercase;padding:0 5px;background-color:#000; color:#fff; display: block; width:170px} .caja{background-color:#fff; margin:10px 0; padding:10px; color:#000} .caja h4{font-weight: bold;text-align: left;margin: 0 0 10px 0; text-transform: uppercase} /*-------- Seccion Noticias ---------*/ img.noticiaHousebirito{height:300px; margin-right:3%} p.noticiaInfo{position:absolute;left:65px;top:154px;width:520px;color:#000;font-size:120%;line-height:140%} select.locales2{float:left;margin:3px 5px 15px 0;height:22px} #section, .colIzqNoticias{max-width:750px; width:72%; margin-top:0} #article,.colTxt{float:left; width:100%; border-bottom:1px dashed #ddd; padding-bottom:10px; margin:8px 0} #article h2{margin-bottom:0} #article img{width:100%} #article #fotoNoticia{float:left; width:30%; max-width:270px;margin-right:2%; margin-bottom:5px;border:3px solid #fff; overflow:hidden} #article p{font-size:90%} .noticias{margin:2% 2% 1% 0;color:#000} .noticias h3, #article h2 a{font-family:'Bebas Neue',sans-serif;color:#000;margin:0 0 8px;padding:10px 0 10px;font-size:130%} .noticias h3 strong{display:block;font-family:'Bebas Neue',sans-serif;font-weight:bold;font-size:160%} p.noticiaLocales{font-family:'Bebas Neue',sans-serif;font-size:160%;color:#099;margin:5px 0} select.locales{float:left;margin:0 0 0} ul.categorias{margin-bottom:0} ul.categorias li{float:left;margin:2px 10px 10px 0;color:#666} ul.categorias li a{padding:2px 8px;color:#666;font-size:105%} ul.categorias li.activo a{color:#000} .noticiaBloque,.noticiaBloque2{width:730px;clear:left;padding-top:15px;border-top:1px dashed #999} .noticiaCont{margin-top:15px} .noticiaCont h4,.noticiaCont h2{background:none;margin:0 0 10px;clear:left;font-size:180%!important} .noticiaCont a:hover{text-decoration:underline} .noticiaFoto{float:left; width:400px; margin: 0 20px 20px 0} .noticiaFoto img{width:400px} .textoNoticia{float:left;width:450px; padding-bottom:20px} .textoNoticia a, p.migas a,.textoNoticia2 a,.noticiaCont a,.noticiaBloque2 a, textoNoticiaFicha a{color:#0099ff} .textoNoticia a:hover, p.migas a:hover,.noticiaBloque2 .textoNoticia p{line-height:145%} .noticiaBloque2 h4{font-size:120%;font-weight:bold} a.seguirleyendo{color:#0099ff; display:block; margin:6px 0 0} p.fecha{margin-bottom:5px; color:#333; font-size:110%} p.noticiaPal a{font:160% 'Bebas Neue', Arial, sans-serif;color:#099} p.enlaceLocales{position:absolute;left:785px;top:240px;width:145px;height:22px} p.enlaceLocales a{color:#000;background:url(../img/fondo-seleccion-02.png) left 0 no-repeat;padding:3px 18px 5px 17px} p.enlaceLocales a:hover{text-decoration:none;background:url(../img/fondo-seleccion-02.png) left -24px no-repeat;color:#fff} .noticiaGaleria{float:right;margin:25px 25px 0 0;border:3px solid #fff;padding:10px} .textoNoticia2{float:left;width:400px;font-size:105%} .suscrib{display:block;font-size:110%;background:url(../img/rss.png) 75px 0 no-repeat;padding-bottom:3px;margin-top:5px} #aside{min-height:350px;color:#000;max-width:210px; width:22%; margin-top:2%; margin-left:0} .boletin{margin: 15px 5px 0;padding:10px;background-color:#eee} .boletin a{color:#333} .boletin a:hover{text-decoration:underline} .noticUltimo{background:url(../img/fondo-lo-ultimo.gif) left top no-repeat;padding:2px 0 0 0} p.notTit{display:block;margin-left:15px;font-size:110%} .vermasnoticias,.vermascervezas{ margin:5% auto} .vermasnoticias a,.vermascervezas a{ font-size:120%; font-weight:bold; padding:1% 5%; -moz-border-radius: 5px; border-radius: 5px; width:150px; color:#fff; background-color:#000; } .vermasnoticias a:hover,.vermascervezas a:hover{color:#000;background-color:#e2dbd5} .noticia_cata{float:left; width:100%; border-bottom:1px dashed #ddd; padding-bottom:10px; margin:8px 0} .noticia_cata h2{margin:0!important; font-size:130%!important} .noticia_cata img{width:100%} .noticia_cata .fotoNoticia{float:left; width:30%; max-width:270px;margin-right:2%; margin-bottom:5px;border:3px solid #fff; overflow:hidden} .noticia_cata p{font-size:90%} .noticia_cata h2 a{font-family:'Bebas Neue',sans-serif;color:#000;margin:0 0 8px;padding:10px 0 10px;font-size:130%} /*-- Cervezas del Mundo -- */ .cervezasMundo #migasFicha{margin:2% 0 0} #compartirCMmovil{display:none} .colOpiniones{float:left; max-width:680px; width:75%; font-size:90%} .colOpiniones h2, #compartirCMmovil h2{color:#306c78} .colOpiniones h3{color:#000;font-size:130%;margin-bottom:10px} .colCerv{float:right;width:180px;background-color:#3a6875;padding:15px 15px;color:#fff} .colCerv h3{border-bottom:1px solid #2c8399;display:block;padding-bottom:5px;margin-bottom:5px!important;color:#fff} .colCerv p{line-height:120%; font-size:90%} .colCerv p a{color:#53ddfc} .botCompartir{text-align:center;margin:2% 2% 10%; border:1px solid #fff} .botCompartir a{display:block;background-color:#000;padding:10px 0;font-size:110%;font-weight:bold} .botCompartir a:hover{background-color:#337e8f} .colCerv.colMar{margin-top:-87px; min-height:770px} ul.cervezasComm{margin-left:20px; color:#000} .cervezasComm li{text-align:center;width:145px;display:block; overflow:auto; padding-bottom:8px} .cervezasComm li a{display:block;color:#fff;background: url(../img/fondo-cerveza.gif) center top no-repeat;font-size:90%;padding:1px 5px 0} .cervezasComm li a:hover{background-image: url(../img/fondo-cerveza-02.gif)} .cervezasComm li img{margin:15px auto 15px;display:block;height:156px} .cervezasComm li .comment{color:#999;font-size:90%;background:url(../img/comment.png) right 2px no-repeat;padding:0 12px 5px 0;display:block;text-align:right;margin-right:8px;margin-top:-28px} .cervezasComm li .comment a{background:none;height:inherit;color:#fff} .estrella{height:16px;overflow:hidden;margin-bottom:10px} p.public{color:#fff; font-size:80%} .height{height:80px; float:left; margin-right:8px} p.titCerv{display:block;text-transform:uppercase;color:#ffed00;font-weight:bold;margin:0 0 5px;border-top:1px solid #2c8399;padding-top:8px} .opinionCerveza{position:relative;font-size:100%;padding:10px 0;margin:5px 0;width:97%; border-top:1px dashed #e2dbd5} .opinionCerveza h3{width:350px;text-transform:uppercase;margin:0; font-size:140%} .opinionCerveza p.descrip{background:url(../img/ico-comillas.png) left top no-repeat;padding:8px 0 0 35px;width:80%; min-height:40px} .opinionCerveza p.imgCerv{width:100px;overflow:hidden;background-color:#fff;text-align:center;padding:5px} .opinionCerveza p.imgCerv img{height:120px} .opinionCerveza ul{margin:5px 0 0 30px} .opinionCerveza li{float:left;width:60px;height:60px;margin:0 0 8px 8px} .opinionCerveza p.publicado{position:absolute;text-align:right;top:40px;right:-10px;color:#666;font-size:90%} .opinionCerveza p.estrellas{top:20px;right:-10px;position:absolute;height:16px;overflow:hidden} .opinionCerveza p.publicado a{display:block;margin-top:2%} .colOpiniones label{width:180px} input.botton{background-color:#000;padding:10px 20px;color:#fff;margin:0;border:none;font-weight:bold;cursor:pointer} input.botton:hover{background-color:#fff;color:#000} .T1{display:none} .addthis_sharing_toolbox{background-color:#FF0; hanging-punctuation:50px} /*---- CLUB THB -----*/ .icos{margin:5px 0;display:block;border-bottom:1px solid #ccc} .dInferior{height:120px;background-color:#fff;margin:0 12px 0 19px;border-top:10px solid #ddd;position:relative} .dInfA{width:280px;height:100px;float:left;background:url(../img/d-club-cata.png) left top no-repeat;margin:10px 10px 0 10px} .dInfB{width:295px;height:100px;float:left;background:url(../img/d-boletin.png) 25px top no-repeat;margin:10px 10px 0 10px;border-left:1px dotted #ccc;border-right:1px dotted #ccc;padding:0 15px} .dInfC{width:280px;height:115px;float:left;background:url(../img/d-cockstation.png) left top no-repeat;margin:0 0 0 10px} .dInfE{width:280px;height:100px;float:left;background:url(../img/cervezas-mundo.png) left top no-repeat;margin:10px 0 0 10px} .dInfF{width:280px;height:100px;float:left;background:url(../img/d-carta-picoteo.jpg) left top no-repeat;margin:10px 0 0 10px} .dInfG{width:295px;height:100px;float:left;background:url(../img/d-carta-cervezas.jpg) 20px top no-repeat;margin:10px 10px 0 10px;border-left:1px dotted #ccc;border-right:1px dotted #ccc;padding:0 15px} .dInferior a,.dInferior p{display:block;margin:85px 0 0 120px;color:#006ab3;background:url(../img/ico-azul.gif) left 3px no-repeat;padding-left:8px;font-size:90%} .dInferior a:hover{text-decoration:underline} .nueva{position:absolute;background:url(../img/nuevo.png) left top no-repeat;width:65px;height:70px;left:892px;top:-5px} .enlaceD{margin-right:75px;float:right;margin-bottom:30px} .clubCata{background:#38342b url(../img/quiero-ser-socio.jpg) 0 top no-repeat;padding:0;width:100%} .enlaceC{font-size:90%} .enlaceC a{background-color:#6CF; padding:5px 15px; color:#fff!important; text-decoration:none; font-weight:bold; text-transform:uppercase} #clubTHB h2{font-size:240%; font-weight:400; color:#fff} #streaming,#ClubSer, #ofrecer,#funcionar{ background-color:#554a42; border:3px solid #9c8c80; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; padding:20px; margin-bottom:-2px; color:#e2dbde } #carneSocio{width:60%; float:left} #carneSocio h2{font-size:180%; color:#554a42} #carneSocio h2 span{color:#000; display:inline-block; font-size:120%} #carneSocio img{margin-top:20px; width: 100%; max-width: 450px} #carneSocio p a{display:block; background-color:#499dd3; border-radius:5px; text-align:center; margin:8px; width:200px; padding:8px 0; color:#fff} .carneSocioTit{position:relative} .carneSocioTit p{position:absolute; left:3%; bottom:15%; font-size:120%; text-transform:uppercase; color:#fff} #streaming{padding:0} #iframeStreaming{max-width: 96% !important;display: block;margin: 0px auto} #ClubSer ul{padding:0 0 0 30px; margin:0 0 1%} #ClubSer li{color:#fff; float:left; width:180px; margin-right:5%; text-align:center; font-size:120%; font-weight:bold; height:160px} #ClubSer li img{display:block; margin:0 auto 5px} #ClubSer li.sinMargen{margin-right:0} #ClubSer li a{color:#fff; text-decoration:underline; font-weight:bold} #ofrecer h3, #funcionar h3{margin-bottom:5px!important; font-size:180%} .queA,.queB{float:left; width:28%;min-width:260px;margin:0 0 0 4%;line-height:120%} #funcionar a{color:#fff; text-decoration:underline} #clubNoticias{margin-top:40px; color:#554a42} #clubNoticias h2{ color:#5f4d41; margin:20px 0; font-size:180%; font-weight:normal; text-transform:none!important} /*----Club THB formulario suscripción ---*/ #colDcha.sinMargenTop, #colIzq.sinMargenTop{margin-top:1px!important} #formulario, #fbaja, .gracias{width:100%;font-size:90%} .f2{width:40%;margin:3% auto;color:#99887e} #formulario label, #fbaja label{display:block;line-height:140%; margin:0 0 1% 0; color:#000} #formulario input, #fbaja input, #formulario textarea{border-style:none;background-color:#fff;border:1px solid #fff;padding:2%;color:#000;width:100%;margin-bottom:3%;list-style-type:none; box-sizing: border-box} #formulario select{width: 100%; padding: 2%; margin-bottom: 3%; border-radius: 5px; border: 1px solid #fff; box-sizing: border-box} #formulario textarea{height:70px;margin-bottom:10px} #formulario .boton, #fbaja .boton{color:#fff;border:1px solid #99887e;display:block;margin:15px auto;background-color:#99887e;cursor:pointer!important;padding:8px 10px; font-weight:bold} .boton:hover{background-color:#000!important} .checklabel{margin:5% 0} #formulario .check, #formCompartir .check, #form .check{margin-right:5px;clear:both;width:15px;border-style:none;float:left;color:#ccc; margin-top:1%} .m2{float:left; width:47%; margin-right:3%} .m3{float:right; width:47%} #formulario a{color:#99887e;border-bottom:1px dotted #99887e} .gracias a,.graciasFr a{display:block;margin:3% 0;text-decoration:underline;color:#99887e;border-bottom:1px dotted #99887e} #formulario a:hover,.gracias a:hover,.graciasFr a:hover{border-bottom:1px solid #99887e} #formulario p.pd { font-size:90%!important} #cuadro{background-color:#e2dbd5;-webkit-border-radius: 9px;-moz-border-radius: 9px;border-radius: 9px} #cuadro p{margin:2%} /* ---- TIENDA ONLINE ----*/ p#tiendaRegistro{float:right; color:#fff; margin:38px 0 0 0} p#tiendaRegistro a{ color:#5f4f43; font-size:100%; font-weight:bold; background-color:#e0dbd7; padding:5px 10px; display: inline-block; margin-right:10px } p#tiendaRegistro a.entrar{color:#e0dbd7; background-color:#5f4f43} p#tiendaRegistro a:hover,p#tiendaRegistro a.entrar:hover{background-color:#000;color:#e0dbd7} .tiendaMigas{margin-bottom:50px; display:block} .tiendaMigas a:hover{text-decoration:underline} .wrapperTienda,#lote{margin:30px 0} #lote{float:right; width:30%; min-width:250px} #lote.loteFicha{float:left; width:55%; min-width: 500px; margin:35px 0 0 3%} #lote ul{margin-bottom:15px} #lote li{list-style-type: disc; margin-left:15px} .loteTit, .loteCompartir, .entradaTit{color:#9c8c80; font-weight:bold; text-transform:uppercase; margin-bottom:2px} #lote h2,.entrada h3{font-size:200%; font-weight:700} #lote.loteFicha .loteTit{font-size:130%; font-weight:normal} #lote.loteFicha h2{font-size:270%} .leerMas{border-bottom:1px dashed #499dd3;border-top:1px dashed #499dd3; text-transform:uppercase; padding:3px 0; font-weight:bold} .lotePrecio{font-weight:bold; font-size:120%; display:block; margin-top:15px} .lotePrecio strong{font-size:170%} .enlaceLote{ -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; background-color:#499dd3; padding:7px 10px; width:190px; text-align:center; } .enlaceLote a{color:#fff; font-weight:bold; font-size:120%; text-transform:uppercase} ul.senda{margin:20px 0; clear:both;border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:5px 0} ul.senda li{display:inline; padding:5px} #ftramitar input[type=submit], #fpagar input[type=submit]{ background-color:#499dd3; color:#fff; font-weight:bold; border:none; cursor:pointer; padding: 10px 20px; border-radius: 9px; width:190px; margin:10px 0 30px; } #ftramitar input[type=submit]:hover, #fpagar input[type=submit]:hover{ background-color:#000} div.tienda div.campo{margin-bottom:15px} div.tienda div.campo label{display:inline-block;width:100px} .tarj{margin-bottom:15px} div.tienda div.campo input[type=text], div.tienda div.campo select{ width:200px; padding: 5px} #colPrecio{float:right;width:28%; min-width:250px;margin:35px 3% 0 0} #colPrecio .lotePrecio{text-align:center; width:100%; margin:35px 0 25px} #colPrecio .lotePrecio strong{font-size:250%} #colPrecio .enlaceLote{width:90%; margin:0 auto 25px; text-align:center} .t2{font-size:80%; /*margin-left:3%*/} .loteCompartir{display:block; float:left; width:120px; text-transform:uppercase; padding:5px 0 0 0; margin-top:15px} .lotTwitter,.lotfacebook,.lotGoogle,.lotMail{background:url(../img/icos-compartir.gif) left top no-repeat; width:30px; height:30px; margin:15px 2px 0; display:block; float:left} .lotfacebook{background-position:-30px 0; width:31px} .lotGoogle{background-position:-61px 0} .lotMail{background-position:right 0} #entradas, #fichaMasInfo{border:1px solid #5f4d41; padding:40px 0 20px 20px; position:relative} #fichaMasInfo{border:1px solid #5f4d41; padding:40px 0 0 20px; margin-top:40px; position:relative} #entradas h2, #fichaMasInfo h2{background-color:#5f4d41; color:#fff; display:block; width:250px; font-size:150%; text-align:center; position:absolute; top:-15px; left:35%; padding:5px} .entrada{float:left; width:450px} .entrada h3, .entrada p{margin:0 20px 2px 0} .entrada img{float:left; margin:3px 15px 0 0} .entrada .enlaceLote{float:left; width:140px; display:block; margin-right:0;padding:4px 10px} .entrada .enlaceLote a{font-size:90%} .entrada .leerMas{float:left; width:70px; display:block; margin:3px 10px 0 0} table.tiendaCesta{width:100%;margin:25px auto;text-align:left} table.tiendaCesta th{font-size:90%; font-weight:bold; text-transform:uppercase; padding:15px 5px; color:#9c8c80;margin-bottom:15px;border-top:1px dotted #9c8c80;border-bottom:1px dotted #9c8c80} table.tiendaCesta td{padding:15px 0; border-bottom:1px dotted #9c8c80} table.tiendaCesta td #cantidad{width:30px; padding:2%; float:right; margin-right:5px} table.tiendaCesta td img{width:100px} table.tiendaCesta td.cestaTotal{background-color:#e7e2de; border-bottom:none; padding:4px} table.tiendaCesta td.cestaTotal strong{font-size:130%} table.tiendaCesta td.cestaTotal2{background-color:#e7e2de;padding:4px} table.tiendaCesta td.cestaTotal3{padding:25px 0} table.tiendaCesta td.alignDer,table.tiendaCesta th.alignDer{text-align:right!important} table.tiendaCesta td.alignCent{text-align:center!important} p.cestaCant{float:right;margin:6px 3px 0 0} p.cestaCant a{background-color:#000; color:#fff; display: inline-block; width:16px; height:16px; text-align:center; margin-top:-7px; padding:0px 4px 7px 3px; font-size:140%} table.tiendaCesta td.cestaTotal3 .enlaceLote{padding:10px 25px} .botSeg{border:1px solid #499dd3;padding:8px 25px; font-size:120%} .cc{background-color:#e2dbd5; padding:5%; width:70%; margin:20px auto;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size:120%; font-weight:bold} .margenTop{margin-top:45px; border-top:5px solid #e2dbd5; padding-top:25px} /*-- Acceso club thb -----*/ #clubRegistro{padding-right:52%; background: url(../img/club-de-cata-THB.jpg) 100% top no-repeat; margin-bottom:30px} #clubRegistro h2, h2.clubRegistroh2,#clubAcceso h2{color:#5f4d41; margin-bottom:20px; font-size:180%; text-transform:none} #clubRegistro h3, p.clubRegistroh3, #clubAcceso h3{font:100% Arial, Helvetica, sans-serif; margin-bottom:30px; color:#5f4d41} #clubRegistro h3 strong{display:block; margin-top:25px} #clubAcceso p{font-size:130%} #clubRegistro a,.boton{color:#fff;background-color:#5f4d41;-moz-border-radius:8px;border-radius:8px;text-align:center; padding:3% 10%; font-size:110%; font-weight:bold; margin:0 0 0 2%} #clubRegistro a:hover, boton:hover{background-color:#000} .clubRegistroA{/*border-top:5px solid #5f4d41;*/ padding-top:20px; width:100%} .clubRegistroA.sinBorde{border:none} .clubRegistroA li{display:block; margin-bottom:20px} .clubRegistroA li strong{display:block; font-size:180%;color:#5f4d41} #clubAcceso{margin:40px 0 20px; display:block; clear:both} .acceso{width:50%; background-color:#e2dbd5; padding: 3% 5%; color:#000; float:left} .acceso h3{font-size:190%} .acceso label{display:block; margin-bottom:2%; font-weight:bold} .acceso input{padding:3%; border:1px solid #e2dbd5;-moz-border-radius:5px;border-radius:5px; display:block; width:90%; margin-bottom:2%; background-color:#fff} .acceso input.checkAcc{display: inline; width:15px; margin-bottom:0} .acceso label.checklabelAcc{display: inline} .acceso .botton{margin-top:25px;width:97%; background-color:#000} .acceso .botton:hover{background-color:#3d3632!important; color:#fff} #faccesotienda{margin-bottom:15px} .info{float:left; margin-left:8%; width:30%} .info h3{margin-bottom:10px!important} #clubAcceso .info p{line-height:145%; margin-bottom:10px; color:#99887e; font-size:100%} /*- Encontrar local ideal. Septiembre 2018-*/ #cerveza-ideal,#ci-resultados { padding:0 0 15px; font-size: 110%} #cerveza-ideal h2, #ci-resultados h2{ font-size: 250%; color: #222} #cerveza-ideal h3{color:#7a685b;font-size: 180%; background: #e0dbd7 url(../img/ico-ci-local.png) center 60px no-repeat; background-size: 133px; width: 45%; min-height: 180px; text-align: center; padding: 3%; margin: 0} .ci-puntos {text-align: center; background: url(../img/cerveza-ideal-linea.gif) center 45px repeat-x} .ci-puntos li{ display: inline-block; vertical-align: top; margin:2% 2% 1%; font:400 140% 'Bebas Neue',sans-serif; width: 11%; color: #dad5d1; letter-spacing:1px} .ci-puntos li:first-child{ margin-left: 0} .ci-puntos li:last-child{ margin-right: 0} .ci-puntos li span{ display: block;border:4px solid #dad5d1; border-radius: 40px; width: 50px; height: 25px; margin: 0 auto 3px;line-height: 0; padding-top: 25px; font-weight: 700; background: #fff} .ci-puntos li.ci-activo{color:#7a685b} .ci-puntos li.ci-activo span{border-color:#7a685b} #cerveza-ideal article{width:80%; padding:0; background: #81685a; margin:40px auto; color: #222;display: -webkit-flex;display:flex;-webkit-flex-flow: row;flex-flow: row;} #cerveza-ideal article ul{margin: 5%} #cerveza-ideal article li{line-height: 160%; color: #fff; font:400 110% 'Bebas Neue',sans-serif!important; letter-spacing: 1px} #cerveza-ideal .ci-tueste h3{ background-image: url(../img/tueste-malta.png)} #cerveza-ideal .ci-alcohol h3{ background-image: url(../img/grado-alcohol.png)} #cerveza-ideal .ci-amargor h3{ background-image: url(../img/lupulo-cerveza.png)} #cerveza-ideal .ci-pais h3{ background-image: url(../img/mundo.png)} #cerveza-ideal .ci-estilo h3{ background-image: url(../img/estilos-cerveza.png)} .ci-nav { text-align: center; margin: 0 auto} .ci-ant, .ci-sig {background: #343434 url(../img/ico-ant.png) 15px center no-repeat; color: #fff; padding: 15px 25px 15px 50px; border-radius: 5px;font:400 140% 'Bebas Neue',sans-serif; display: inline-block; letter-spacing: 1px; border: none} .ci-sig {background: #343434 url(../img/ico-sig.png) 90% center no-repeat;padding: 15px 50px 15px 25px;; margin-left: 2%} .ci-ant:hover, .ci-sig:hover {background-color: #000} #ci-resultados header{text-align: center} #ci-resultados article { width:19%; display: inline-block; vertical-align: top; margin:0 0 15px 1%; padding: 2%;-webkit-box-shadow: 0px 0px 19px -5px rgba(129,104,90,1);-moz-box-shadow: 0px 0px 19px -5px rgba(129,104,90,1);box-shadow: 0px 0px 19px -5px rgba(129,104,90,1);} #ci-resultados article img { height:150px; margin: 0 auto; display: block; text-align: center} #ci-resultados article a p { color: #222;margin-bottom: 0px} #ci-resultados article a p:last-child { margin-bottom:5px} #ci-resultados ul { margin: 30px 0 40px; text-align: center} #ci-resultados li { display: inline-block; vertical-align: top; margin:0 2% 0px 0;font:400 100% 'Bebas Neue',sans-serif;color: #81685a; letter-spacing: 1px; width: 100px} #ci-resultados li:last-child {margin-right: 0} #ci-resultados li img{ width:60px; display: block; margin:0 auto 5px} .ci-cerveza h3 { font-size: 130%; min-height:80px; margin-bottom: 0} .txtAnimo{ display: block; font: 600 130% Segoe, "Segoe UI", Arial; text-align: center; border-top: 1px solid #ddd; padding: 20px 0 0; margin-top: 20px} .txtAnimo2{text-align: center; font: 400 110% Segoe, "Segoe UI", Arial} .txtAnimo2 strong{ font-weight: 500} /* resultados cerveza ideal en lista. 2020 ul.cervezas li.cerveza{color:#000;display:inline-block; vertical-align:top; margin:0 1.7% 2% 1.7%;width:144px;background:url(../img/fondo-cerveza.gif) center top no-repeat} ul.cervezas li.cerveza strong, ul.cervezas li.cerveza span.tipo, ul.cervezas li.cerveza span.botella{display:block; margin:1% 2% 0; font:400 100% 'Roboto Condensed', sans-serif} ul.cervezas li.cerveza strong{display:block; text-transform:uppercase; font-weight:700; line-height:100%} ul.cervezas li.cerveza span.tipo{color:#000} ul.cervezas li.cerveza span.botella{color:#818181} ul.cervezas li.cerveza img.cervezaIm{margin:15px auto 15px;display:block;height:156px} ul.cervezas li.cerveza a:hover{text-decoration:none}*/ /*- formulario compartir opiniones -*/ #formCompartir{ -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; background-color:#fff; width:93%; border:1px solid #e2dbd5; margin:2% 0;padding:3%; overflow:auto; font-size:100% } .formA,.formB{float:left;width:46%}.formA{margin-right:5%} #formCompartir label{width:95%;margin-bottom:1px} .noFondo{color:#fff} #formCompartir input, #formCompartir textarea{border: 1px solid #e2dbd5;padding:4px;color:#000;width:98%;margin-bottom:5px;list-style-type:none} #formCompartir textarea{height:150px; background-color:#fff!important} #formCompartir p.est{height:16px;overflow:hidden;margin:10px 0} #formCompartir p.est img{margin-right:5px} #formCompartir.Comentario{font-size:120%;background:#306c78 url(../img/housebirito-compartir-cerveza.gif) 15px 30px no-repeat;padding:80px 0 0 300px; margin-bottom:0; width:55%; color:#fff; height:300px} /* -- Formulario -- */ /*estilos de formulario */ .form{margin:0 12px 0 18px;color:#333;background-color:#aaa391;padding:20px 30px; font-size:110%} .form h2{margin:10px 0 20px; font-size:180%} .formAsociacion{padding:20px 5%;width:80%;background-color:#99887e; color:#fff; margin:30px auto; clear:both; border-radius:10px} .pd { font-size:80%; font-style:italic; color:#222} #form label{margin-bottom:8px; padding-bottom:10px; color:#fff} #form a{color:#eee} #form input, #form textarea{border:#222;background-color:#fff;color:#222;padding:12px 8px;width:98%;margin-bottom:10px; border-radius:3px} #form #chkAcepto{background-color:#777264} #form input.boton{margin:4% auto; padding:2% 0; font-size:120%; cursor:pointer; border-radius:10px} #form input.botonAsoc{margin:4% 25%; padding:2% 0; font-size:120%; width:250px; cursor:pointer; border-radius:10px} #form input.botonAsoc:hover{background-color:#000; color:#fff} /*.form p{width:290px;float:left}*/ .graciasFr p{color:#fff;font-size:110%;width:90%;float:none} #form input#emprendedor, #form input#inversor, #form input#otro{border:#fff;background-color:#fff;color:#000;padding:4px;width:15px;margin:0 5px 20px 0; float:none; display:inline-block} .txtPerfil{display:inline; margin-right:5%} .form.formGracias p{ color:#222!important; font-size:120%!important} /* formualrio emprender */ .formEmprender{padding:20px 5%;width:80%;background-color:#222; color:#fff; margin:30px auto; clear:both; border-radius:10px} .formEmprender .pd { font-size:80%; font-style:italic; color:#ddd} #form ,formEmprender label{margin-bottom:8px; padding-bottom:10px} #form label{color:#fff} #form a{color:#eee} #form input, #form textarea{border:#fff;background-color:#fff;color:#222;padding:5px;width:98%;margin-bottom:10px} #form #chkAcepto{background-color:#777264} #form input.boton{margin:4% auto; padding:2% 0; font-size:120%; cursor:pointer; border-radius:10px} #form input.botonAsoc{margin:4% 25%; padding:2% 0; font-size:120%; width:250px; cursor:pointer; border-radius:10px} #form input.botonAsoc:hover{background-color:#000; color:#fff} .graciasFr p{color:#fff;font-size:110%;width:90%;float:none} /* -- Pie -- */ #footer{width:100%;margin:20px auto;padding:20px 0 0; background:#fff url(../img/footer-fondo.gif) center top no-repeat; position:relative} #pie{width:952px;margin:0 auto; padding:12px 0; background-color:#5f4d41; overflow:hidden} #pie a{color:#fff;font:400 110% 'Oswald', sans-serif} #pie a:hover{text-decoration:underline} #colA,#colB,#colC,#colD {padding:0.4% 0; display: inline-block; color:#fff; margin-left:2%} #colA img,#colA p,#colB img,#colB p,#colC img,#colC p,#colD img,#colD p{display:inline-block; vertical-align:middle} #colA a p,#colB a p,#colC a p,#colD a p,.pie_nuevo .colD p{color:#fff;font:400 110% 'Roboto Condensed', sans-serif; margin-left:3px} .pie_nuevo .colA,.pie_nuevo .colC {display:inline-block; color:#fff; margin-left:2%; width:60%; text-align:center; vertical-align:middle} .pie_nuevo .colB {position:absolute; top:-15px; left:44%; width:200px} .pie_nuevo .colC{width:35%}.pie_nuevo .colC img{margin:0 5px} #pie2{width:100%;font-size:80%;color:#6b635e;padding:20px 0 10px;text-align:center;text-transform:uppercase; display:block} #pie2 a{color:#6b635e; padding:0 15px} #pie2 a:hover{color:#373330} /* -- Formulario -- */ /*estilos de formulario */ #f1.form{ width:94%; margin:3% 0 0 0;color:#333; padding:1.5% 3% 3%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color:#e2dbd5} #f1 p{font-size:90%; width:100%} .graciasFr p{color:#fff;font-size:110%;width:90%;float:none} /*--- Cookies ----*/ .cookies{width:100%;background-color:#f2f1ef;margin:8px auto 0;padding:5px 0;display:none; position:fixed; bottom:0; border-top:3px solid #fff; z-index:999} .cookiesCaja{margin:0 auto;background-color:#eee;color:#666;width:990px;font-size:90%} p.cookiesTxt{float:left; width:85%} p.cookiesBot{display:block; float:right; width:80px; margin-top:5px; text-align:center;padding:5px 0;color:#fff!important;font-weight:bold;text-decoration:none!important;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius:5px} p.cookiesBot a{color:#fff; text-decoration:none; text-transform:uppercase} /*----------------------*/ div.listadoFranquicia{width:100%!important;max-width:100%!important} div.listadoFranquicia ul.cervezas li.cerveza{margin:0 2.2% 2% 2%!important} #listadoCervezas div.cervezaslista{float:left;width:100%;border-bottom: 1px solid #e2dbd5;padding: 10px 0} #listadoCervezas div.cervezaslista p{margin:0} #listadoCervezas div.cervezaslista div.foto{ float:left; margin-right:20px; width:144px; min-height:100px; background-image:url(../img/fondo-cerveza.gif); background-repeat:no-repeat; text-align:center; } #listadoCervezas div.cervezaslista div.foto img{margin: 15px 0 0 0} #listadoCervezas div.cervezaslista h3{margin-bottom:0} #listadoCervezas div.cervezaslista h3 a{font: 400 140% "Bebas Neue",sans-serif;color:#654020} #listadoCervezas div.cervezaslista div.texto{float:left;width:550px} #listadoCervezas div.cervezaslista div.texto strong{color:#654020} #cervezas_list span.comment{margin-left: 6px} #cervezas_list p.tamano{color:#818181} #cervezas_list div.cervezaslista div.foto{width:15%;background-image:none; margin-right:0} #cervezas_list div.cervezaslista div.foto img{margin-top:0} #cervezas_list div.cervezaslista div.bloque1{float:left;width:25%} #cervezas_list div.cervezaslista div.bloque1 h3{padding-top:35px} #cervezas_list div.cervezaslista div.bloque1 h3 a{font-size:20px} #cervezas_list div.cervezaslista div.bloque1 a{color:#499dd3} #cervezas_list div.cervezaslista div.bloque2{float:left;width:45%;display: -webkit-flex;display: flex;-webkit-align-items:center;align-items: center;height: 110px} #cervezas_list div.cervezaslista div.bloque2 span{background-color:#e2dbd5;padding: 8px 12px;border-radius: 6px;margin: 0 4px} #cervezas_list div.cervezaslista div.bloque2 span.span1{text-transform:uppercase} #cervezas_list div.cervezaslista div.bloque3{float:right;width:14%;display: -webkit-flex;display: flex;-webkit-align-items:center;align-items: center;height: 110px} #cervezas_list div.cervezaslista div.bloque3 a{background-color:#499dd3;color:#fff;font-size:100%; display:block;padding: 5px 10px} #head p.h1 img{z-index:9999} #headerclubcont{position:absolute;width:100%;z-index:150} #headerclubcont ul{float:right;margin-right: 5px} #headerclubcont ul li{float:left;display:inline-block;color:#9d823d;padding: 6px 0;margin: 0 0 0 10px} #headerclubcont ul li a{display:block;color:#fff} #headerclubcont ul li.tienda{background-color:#9d823d} #headerclubcont ul li.tienda a{color:#000;padding: 0 10px} #headerclub{width:100%;max-width: 995px;margin: auto} /************************************************/ /* All Mobile Sizes (devices and browser)*/ @media only screen and (max-width: 990px){ #fondohead{ background:#000 none;width: 100%;height:85px} #head{max-width:100%;} #head h1,p.h1{ width:90px; left:50px; top:-5px} #head h1 img,p.h1 img{ width:100%; } .menuSup {margin-top:18px; margin-left: 5%; width: 90% } } @media only screen and (min-width: 768px) and (max-width: 990px){ #contenedor{width:100%; max-width:990px} #contenido{background-position:center 0;width:96%; max-width:950px; padding:0 2% 2%; margin-top:-25px!important;} #homeCaja{float:none;width:99%; /*height:380px;*/padding:5px 0;margin:0 0 3px 5px;-webkit-border-radius:1;-moz-border-radius:1;border-radius:1; clear:both} .noticiasHome{min-height:166px; width:96%; color:#fff; padding:2px 3% 2px 0; float:none;-webkit-border-radius:0.5;-moz-border-radius:0.5;border-radius:0.5; margin:0 0 1px 4px; background-position:-20px 0; clear:both} .noticiasHome .noticia{margin-left:300px} .noticiasHome h3{margin:0 5px} .noticiasHome p{margin: 3px 8px} .noticiasHome img{width:100%} .cervezasHome{margin-left:8%} #clubHome{width:97%;margin:0 0 0 6px; border:none; background-color: transparent;padding:15px 0 0 0; font-size:90%;-webkit-border-radius: 1px;-moz-border-radius: 1px; border-radius: 1px} #clubHome img{width:28%; margin:0 3% 0 0} #clubHome h2{width:40%; margin:0 5px 8px; font:400 110% 'Oswald', sans-serif; line-height:130%} #destacados-home{width:98%;margin:0 0 0 4px} #DestacComentar{margin:2% 0 0; background:url(../img/separador-02.png) center top no-repeat; padding-top:5px} #homeCompartir h3{ line-height:160%!important} #destacados-home h3{font-size:130%} #homeComentario{height: auto;width:50%; float:right; margin-left:0; background:none/*url(../img/dhp-opinion.gif) right 30px no-repeat*/; border-left: none; padding-left:0; margin:2% 0 0;color:#000} #homeComentario h3{margin-left:12px; font-size:130%; padding-top:3px} #homeComentario p.t1{ position: inherit; left:0; top:0; display: block; width:66%; color: #fff; float:left; background-size:100%; } #homeComentario p span.t2{width:100%; position:relative} #homeComentario p span.t2 strong{display: inline; margin:0; text-transform:uppercase; border:none; padding:0 8px 3px 8px} #homeComentario p span.t3{display:block; line-height:130%; text-transform:none; font-size:90%} .t1estrella{right:5%;top:50px; position:absolute} .pieHeight{height:100px;padding: 0 5px; float:left; margin:0;background-color:#fff;text-align:center} /*fin home*/ /* Carta de cervezas */ #cartaCerve{width:60%; min-width:450px} #cartaCerve li{margin-right:2%} #cartaCerve li.activa{padding:0.2% 2% 0} #cartaCerve li a{padding:0.2% 2% 0} #bannerExperiencias{height:220px; margin:0 15px 0 0; padding:10px 20px 0 220px} #bannerExperiencias h3{font-size:130%; line-height:80%} #bannerExperiencias h3 span{font:700 120% 'Roboto Condensed', sans-serif} #bannerExperiencias a{background-color:#337f8f; color:#fff; padding:8px; margin:15px auto 0; display:block; width:180px; text-align:center} /*Ficha cerveza*/ #contenido #migasFicha{padding:0 0 1.6% 0; margin:0 0 1.5% 0; width:100%; min-width:290px} #foto,#datos-cerveza,ul.ficha{float:none; width:99%; min-width:290px; clear:both} ul.ficha,ul.tamAlc{margin-left:2%} .fotoFicha img{height:300px} h2#titMovil,p#pais{display:block; clear:both; color:#000; text-align:center} #datos-cerveza h2{display:none} #redes{width:99%;min-width:299px; margin:20px 0 25px 2%; clear:both} .fb-like,.b-twitter,.g-plusone,.fb-share-button{width:90px} .g-plusone{width:60px} .fb-like, #fb-like,.fb-share-button,#fb-root{width:110px} #infoA,#infoB,div.bloque-comentario-derecha,div.bloque-comentario-izquierda,#compartirB,#compartirA{width:95%; min-width:670px} p.pais{display:none} p#icoLupa{left:220px;top:210px} #datos-cerveza p.comment{font-size:90%; margin: 0px 0 0 5%} /*----- THB locales ---*/ .redes{top:50px; width:170px} .redes li.fac{width:90px; text-align:left} #cerveceria-mapa{float:left;min-width:400px; width:60%;margin:3% 0 2% 0} .columnaB{float:left;min-width:260px; width:30%;margin:3% 0 0 3%;color:#000} .columnaB h2,.columnaB ul{margin-bottom:10px} #imgContac{background:#fff url(../img/c-contacto.jpg) center top no-repeat; height:239px} .datosCerv{width:30%; min-width: inherit} #contenido .datosCerv h2{font-size:120%} #contenido .datosCerv p{font-size:90%} #contenido .datosCerv p strong{font:700 120% 'Roboto Condensed', Segoe, "Segoe UI",sans-serif; text-transform:uppercase} #cerveceria-mapa.mapCerv{width:65%; min-width:320px} .fotoCerv{width:65%; margin-top:15px;height:320px} .fotoCerv img{width:49%} .fotoCerv_dcha{float:right} #tripadvisor-opiniones{width:28%;min-width: inherit; padding:0!important} /*Franquicia*/ #imgMm{margin-left:15px} .THB_asociado figure { width:42%; margin:-10px 0 0 2%;-webkit-box-shadow: 0px 0px 12px -6px rgba(0,0,0,0.38);-moz-box-shadow: 0px 0px 12px -6px rgba(0,0,0,0.38);box-shadow: 0px 0px 12px -6px rgba(0,0,0,0.38); -moz-transform: rotate(5deg); -o-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg) } /*Club THB*/ .queA,.queB{float:none; width:95%;min-width:650px;margin:0 0 2%} /*---- TIENDA ONLINE ----*/ #lote{width:25%; min-width:220px} #lote h2{font-size:190%; line-height:110%} #entradas{padding:40px 0 20px 20px; margin-top:0; margin-bottom:40px} .entrada{float:left; width:345px} .entrada h3{font-size:170%} .entrada p{font-size:90%} .entrada .enlaceLote{float:left; width:120px; text-align:center; display:block; padding:5px; margin-top:5px} .entrada .enlaceLote a{font-size:90%} .entrada .leerMas{width:55px; margin:8px 10px 0 0; font-size:90%} .loteCompartir{float:none} /*--- cervezas del mundo ---*/ .colCerv{display:none} #compartirCMmovil{display:block; margin:2% 0; background-color:#eee; padding:0 2% 1%; border-bottom:1px solid#ddd} #compartirCMmovil .botCompartir{margin:3% auto; width:60%} #compartirCMmovil .botCompartir a{background-color:#337e8f; color:#fff} #formCompartir label{font-size:120%} .opinionCerveza h3{width:99%} .opinionCerveza p.descrip{background:none;padding:25px 0 0 0;width:99%} .opinionCerveza ul{margin:5px 0 0 0} .opinionCerveza p.publicado{top:30px; margin-bottom:0} .opinionCerveza p.estrellas{top:10px;right:0} .colOpiniones label{width:180px} input.botton{background-color:#000;padding:10px 20px;color:#fff;margin:0;border:none;font-weight:bold;cursor:pointer} input.botton:hover{background-color:#fff;color:#000} /*Noticias*/ #imgNot{background:#fff url(../img/c-noticias-tablet.jpg) -10px 24px; background-repeat:no-repeat; height:200px} img.noticiaHousebirito{height:250px; padding-top:25px} .noticiaHousebirito{} select.locales, ul.categorias{float:none;margin:0 0 5px; clear:both} #categorias{margin:2% 0 0 0} #categorias h3{margin:2% 0 3px;padding:0;font-size:180%} #categorias h3 strong{display:none} ul.categorias li{margin:3px 2% 2% 0} #section{float:none; width:100%;min-width:290px; min-height:inherit; margin:0; padding:0} #aside{display:none} .noticiaFoto{width:35%; margin: 0 15px 15px 0} .noticiaFoto img{width:100%} .textoNoticia{width:62%;margin-bottom:25px} .noticiaGaleria{float:none;margin:5px 0 0 0} /*-------- Noticias ficha ---------*/ .noticiaBloqueFicha{border-top:1px dashed #999; padding:3% 0 0} .seguirMovil{display:block; margin:2% 0 0} /*--------Seccion eventos Ficha-------------*/ .EventosFicha{margin:0 0 2% 0;padding:70px 0 1%;background:#009999 url(../img/ficha-calendario-eventos.gif) center 8px no-repeat} .tablaEventosFicha{padding:10px 1% 5px; margin:0 2%} .tablaEventosFicha p{color:#000; font-size:90%} .tablaEventosFicha p strong span{background-color: #009999; color:#fff; padding:2px 5px} p.evenFecha{font-size:80%;font-weight:bold;text-transform:uppercase;padding:0 5px;background-color:#000; color:#fff; display:block; width:170px} .caja{margin:2%; padding:2%} .EventosFicha p.eventosLink a{color:#000; margin-left:2%} /* -- Caja suscribirse club THB --*/ #emailmovil{display:none} .email{background:#e2dbd5 none;padding:2% 3%; margin-top:2%} .email p{margin-bottom:5px} .emailBoton a{position: static} /*** PIE DE PAGINA ***/ #footer{width:100%;margin:0px auto;padding:0; background:#fff none} #pie{width:100%;max-width:100%} p.pieTxt{float:left; margin-right:90px; color:#666} address{width:160px;line-height:150%;padding:3px 0 0 0;height:37px;font-size:120%; color:#fff} #pie a{font-size:100%} #pie2{width:100%;text-align:center;text-transform:uppercase;background-color:#fff} #pie2 p{display:block; width:99%; text-align:center; float:none; margin:0;font-size:90%;padding:20px 0} #pie2 img{padding-top:5px; width:99%; float:none; display:block; text-align:center} #pie2 a{padding:0 3px; color:#666} #pie2 img{padding-top:5px; width:25%; margin:0 auto; float:none; text-align:center} .pie_nuevo .colA,.pie_nuevo .colC {display:inline-block; color:#fff; margin-left:2%; width:60%; text-align:center; vertical-align:middle} .pie_nuevo .colB {position:absolute; top:-35px; left:44%; width:200px} .pie_nuevo .colC{width:35%} .pie_nuevo .colC img{width:40px} #cervezas_list div.cervezaslista div.bloque3{display: none} .AsocContact strong{ display:block; margin:0 auto 10px} } @media only screen and (max-width: 850px){ .nuestraCarta { display:block; clear:both; border:1px solid #eee; border-radius:3px; background-color:#e4dfdc; padding:10px 3%; margin-top:20px; margin-bottom:15px} .nuestraCarta h2{ text-align:center; border-bottom:1px solid #444; padding-bottom:8px; font-size:150%} .nuestraCarta ul { column-count:4; column-gap:0.5em} .nuestraCarta li { background:#4b443e url(../img/download.png) 95% center no-repeat; color:#fff; border-radius:3px; margin-bottom:5px; text-transform:uppercase;font:400 100% 'Oswald', Arial;font-size:90%;} .nuestraCarta li a{padding:5px; font:400 100% 'Oswald', Arial; color:#fff; display:block} .nuestraCarta li a:hover{ background:#000 url(../img/download.png) 95% center no-repeat} } @media only screen and (max-width: 765px){ #fondohead{ height:80px} #contenedor{ padding-top:80px} .menuSup {padding:0; text-align: right; margin-top:17px; width:75%} .menuSup a { color: #ddd; font-size:80%; text-transform: uppercase; letter-spacing: 0px; display: inline-block; vertical-align: middle} .menuSup a span { display: none} .menuSup img{ margin:0 5px 0 10px} #buscadorGen { width: 220px} #header_buscador{ width:200px;padding:6px 8px} /*.centered-btns_tabs,.transparent-btns_tabs,.large-btns_tabs{display:none}*/ .centered-btns_nav{top:70%!important} #destacados-home{width:100%;padding-top:2px;margin:0; overflow: hidden} #DestacComentar{margin:0; padding-top:5px} #destacados-home h3{font-size:130%} #destacados-home p{width:100%} #homeComentario,#homeCompartir{height: auto;width:100%; float:none;margin:5px auto; border-left: none;border-top:1px solid #ddd; padding:8px 0 0; color:#000; clear:none} #homeCompartir{ width:95%; margin:20px auto 0; padding-top:20px; height: 240px; border:none; padding-left:240px; color:#9d8d80; background-size: 200px; background-position:10px center} #homeCompartir h3{ display:block; width:55%} #homeCompartir p{ color:#000; margin:0 0 15px 0; width:55%} #homeComentario h3{margin-left:3%} #homeComentario p.t1{padding:20px;height: auto;text-transform: uppercase;right:0;top:60px;font-size: 100%;display:block; width:50%; background:#ffbe2e none;border-radius:10px} #homeComentario p.t0{ background:url(../img/esquina-comic.png) left top no-repeat; position:absolute; left:135px; top:0px; z-index:1; width:28px; height:28px; display:block} #homeComentario p span.t2{font-size:90%; margin:0 0 2px 3%; width:80px} .t1estrella{margin-left:3%} .pieHeight{height:100px;padding:5px; margin:0 0 0 3%} #homeCaja{float:none;width:97%;padding:10px 0;margin:8px auto 8px;clear:both} #homeCaja h2 a{color:#fff} .cervezasHome{width:195px; color:#fff; text-align:center; margin:0 auto 40px; display:block;background: url(../img/home-fondo-cervezas-p.jpg) center 35px no-repeat} .cervezasHome h3{margin:0; padding:0;font-size:100%!important} .cervezasHome a{color:#fff} span.cerveza img{height:170px; padding:8px 0 20px} .carta{width:310px; border-top:1px dashed #e2dbd5; padding-top:15px; margin:30px auto 5px; display:block;clear:both} .carta p{padding:0 5px 8px} .carta img{width:300px} .noticiasHome{min-height:166px; width:91%; color:#fff; padding:8px 3%; float:none;-webkit-border-radius:0.5;-moz-border-radius:0.5;border-radius:0.5; margin:0 auto 8px; background-image:none; clear:both} .noticiasHome .noticia{margin-left:0px} .noticiasHome h3{margin:0 5px} .noticiasHome p{margin: 3px 8px} .noticiasHome img{width:100%} #clubHome{width:96%;margin:0 0 0 6px; border:none; background-color: transparent;padding:15px 0 0 0; font-size:90%;-webkit-border-radius: 1px;-moz-border-radius: 1px; border-radius: 1px} #clubHome img{width:25%; margin:0 3% 0 0} #clubHome h2{width:100%; float:none; margin:5px 5px 8px; font:400 110% 'Oswald', sans-serif; line-height:130%} #clubHome p a{float:none; width:99%; background-color:#000; color:#eee; padding:5px; margin:5px auto 0;-webkit-border-radius: 2px;-moz-border-radius: 2px; border-radius:2px; border:1px solid #666; font-size:150%} #clubHome p a:hover{background-color:#000} /*fin home*/ #fondoFr,#fondoFerm{background:none} #contenedor{background:#000; width:100%; min-width:400px} #contenido{width:96%;max-width:760px;background:#fff url(../img/fondo-cabecera-int.gif) left -23px no-repeat; padding:0 2% 2%;min-height:inherit; } #contenido.titular,#contenido.eventos{background-position:center -35px} #contenido.titular h1{font:180% 'Bebas Neue',sans-serif; margin-left:2%} #cab,#cab2,#cab3,#cab4{height:60px} #contenido.titular2,#contenido.titular3,#contenido.titular4{background:#fff url(../img/fondo-cabecera-int.gif) center 0 no-repeat} #contenido.titular4{background:#fff url(../img/fondo-cabecera-int.gif) center -3px no-repeat} #contenido #cab2 h1,#contenido #cab3 h1,#contenido #cab4 h1{font-size:160%;width:99%; min-width:400px; margin:0; overflow:hidden} #contenido.titular3{background:#fff url(../img/fondo-cabecera-int.gif) center -20px no-repeat} #contenido.titular3 h1{padding-top:10px; font-size:180%!important} #contenido #cab h1{ margin-top:5px;font-size:190%;width:90%; min-width:160px; overflow:hidden} #contenido #cab4 h1{padding:27px 0 0;} #colIzq,#section,#form,.graciasFr,#colDcha,#aside, #fi,.colOpiniones,.formA,.formB{padding:0 2%;width:97%; max-width:745px;float:none; clear:both; font-size:90%} #colDcha,#aside{margin:0; max-width:755px; min-height:inherit} #colIzq h2{margin:3% 0 5%; font:105% Arial, Helvetica, sans-serif} #colDcha h3{font:bold 110% Arial, Helvetica, sans-serif} /*--- Locales -- */ #cerveceria-mapa{float:none; clear:both;height:250px;margin:25px 0 2%;padding:0;width:99%;min-width:400px; overflow:hidden} .columnaB{ margin:0;padding:0; width:99%; min-width:400px; float:none; clear:both; } .columnaB h2, .columnaB ul{margin:2%} #imgContac{display:none} /*Franquicia*/ #imgMm{margin-left:15px} #imgMapa{width:70%; display:block; text-align:center} .asociateBloque,.asociateBloqueB{display:block; width:90%;margin:15px auto; min-height: inherit; overflow: auto} .asociateBloque h3{font-size:160% } .THB_asociado { padding:20px 3%; margin:30px auto } .THB_asociado figure { padding:12px; width:90%; display:block;margin:20px auto;-webkit-box-shadow: 0px 0px 12px -6px rgba(0,0,0,0.38);-moz-box-shadow: 0px 0px 12px -6px rgba(0,0,0,0.38);box-shadow: 0px 0px 12px -6px rgba(0,0,0,0.38); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg) } .THB_asociado .p1{ width:100%!important; font-size:110%!important} .THB_asociado .p2{ margin-top:20px; display:block} .AsocContact strong{ display:block; margin:0 auto 10px} /* Carta*/ .cartaComerFoto{display:inline-block; vertical-align:top; width:35%; margin-top:30px} /*Lista cervezas*/ #listadoCervezas{width:68%; max-width:300; margin-left:0 } #listadoCervezas h2{padding:0 2%; font:bold 90%Arial, Helvetica, sans-serif; color:#000} #cartaCerve{width:59%; min-width:270px; margin:2.2% 0; display:none; background-color:#F69} #cartaCerve li{margin-right:0; margin-left:0.8%; border:none; font:100% Arial, Helvetica, sans-serif} #cartaCerve li.activa{font-weight:bold; padding:0.8% 2%; font-size:90%} #cartaCerve li a{padding:0.8% 2%; font:90% Arial, Helvetica, sans-serif; margin:0} #cartaCerve li a:hover{text-decoration:none} #submenu, #migasMovil{display:none } #migas{display:block; font-size:100%; float:left; width:100%; margin:-5px 0 0; padding: 0; border: none} #filtro{display:block; font-size:90%; float:right; width:45%;min-width:280px; color:#666} #filtro select{width:23%; color:#666} #listadoCervezas{width:100%;min-width:300;padding:0; } #listadoCervezas h2{padding:0; font:bold 90% Arial, Helvetica, sans-serif} ul.cervezas{-webkit-border-radius: 9px; -moz-border-radius: 9px;border-radius: 9px;background-color:#fff;border:1px solid #e2dbd5;padding-top:8px} ul.cervezas li.cerveza{float:none; width:65%;min-width:inherit;display:block;background:none;clear:both;border-bottom:1px solid #e2dbd5;min-height:130px;margin:0 0 5px;padding:5px 0 5px 30%;position:relative;z-index:1} ul.cervezas li.cerveza:last-child{border-bottom:none; padding-bottom:0} ul.cervezas li.cerveza strong, ul.cervezas li.cerveza span.tipo, ul.cervezas li.cerveza span.botella{ margin:1% 0 0; font:400 105% Arial, Helvetica, sans-serif} ul.cervezas li.cerveza strong{font-weight:700} ul.cervezas li.cerveza img.cervezaIm{margin:0;height:130px; position:absolute; left:0; top:0px} ul.cervezas li.cerveza a:hover{} #paginacion ul li{font-size:100%} #paginacion ul li.actual span,#paginacion a {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; background-color:#fff;font-size:100%; padding:4px 2%} #paginacion p span.ant, #paginacion ul li.ant {padding-right:0.5%} #paginacion p span.sig, #paginacion ul li.sig{padding-left:0.5%} #bannerExperiencias{padding:2% 2% 2% 37%} #bannerExperiencias h3{font-size:130%} #bannerExperiencias h3 span{font:700 130% 'Roboto Condensed', sans-serif} #bannerExperiencias a{display:block; width:180px} /* Cervezas lista listado -*/ #cervezas_list{border:1px solid #e2dbd5; overflow:auto;-webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px} #cervezas_list div.cervezaslista div.foto{ width:10%; min-height:inherit} #cervezas_list div.cervezaslista div.foto img{height:60px; margin:0} #cervezas_list div.cervezaslista div.bloque1{width:25%; margin-top:5px} #cervezas_list div.cervezaslista div.bloque1 h3{padding-top:5px} #cervezas_list div.cervezaslista div.bloque1 h3 a{font-size:100%} #cervezas_list div.cervezaslista div.bloque2{height: auto;margin-top:12px} #cervezas_list div.cervezaslista div.bloque3{height: auto;margin-top:12px} /*Ficha cerveza*/ #contenido #migasFicha{padding:0 0 1.6% 0; margin:-10px 0 20px 0; width:100%; min-width:290px; border-bottom:1px solid #eee;overflow:auto} #foto,#datos-cerveza,ul.ficha{float:none; width:99%; min-width:290px; clear:both} ul.ficha,ul.tamAlc{margin-left:2%} .fotoFicha img{height:200px} h2#titMovil,p#pais{display:block; clear:both; color:#000; text-align:center} #datos-cerveza h2{display:none} #redes{width:99%;min-width:299px; margin:20px 0 15px 2%; clear:both} .fb-like,.b-twitter,.g-plusone,.fb-share-button{width:90px} .g-plusone{width:60px} .fb-like, #fb-like,.fb-share-button,#fb-root{width:110px} span.estrella{margin: 3px 1px 10px} #infoA,#infoB,div.bloque-comentario-derecha,div.bloque-comentario-izquierda,#compartirB,#compartirA{width:95%; min-width:400px} p.pais{display:none} p#icoLupa{left:170px;top:150px} /*--- cervezas del mundo ---*/ .colCerv{display:none} #imgCompartirCerv{background:#fff url(../img/c-cervezas-del-mundo-mvh.jpg) center -20px no-repeat} .T1{display:block} #compartirCMmovil{display:block; margin:2% 0; background-color:#eee; padding:0 2% 1%; border-bottom:1px solid#ddd} #compartirCMmovil .botCompartir{margin:3% auto; width:60%} #compartirCMmovil .botCompartir a{background-color:#337e8f; color:#fff} #formCompartir label{font-size:120%} .opinionCerveza h3{width:99%} .opinionCerveza p.descrip{background:none;padding:25px 0 0 0;width:99%} .opinionCerveza ul{margin:5px 0 0 0} .opinionCerveza p.publicado{top:30px; margin-bottom:0} .opinionCerveza p.estrellas{top:10px;right:0} .colOpiniones label{width:180px} input.botton{background-color:#000;padding:10px 20px;color:#fff;margin:0;border:none;font-weight:bold;cursor:pointer} /*--- carta comer ----*/ .occ { display:none} p.margenGluten { font-size:90%; line-height:120%; color:#444; margin-top:-15px!important} .sinGluten { width:30px; margin-bottom:40px} .platos { background-color:#e4dfdc; margin-top:-10px; padding-top:10px } .platos h3{ color:#4b443e; font-size:180%!important; text-align:left; font-weight:bold; margin-left:2%} .platos ol,.platos ol:nth-child(3) { display:block; vertical-align:top; margin:0 auto; width:95%} .platos ol:nth-child(3) {border:none} .platos p {font-size:130%;margin:0 0 20px 2%;} .platos p .txtpeq {font:300 80% Roboto, Arial!important; line-height:20%!important; margin-top:-10px} .num { margin-top:0px;display: inherit; float:left; margin-bottom:20px} .burguer .num{ display: inherit; float:left; margin: 0 5px 5px 0px} .burguer li { margin-top:25px; display:block} .burguer br { clear:both; display:block; border:1px solid #000; height:1px; line-height:0; } br.mA { display:block; margin:10px 0; height:20px; background-color:#000; width:100%} .backg strong { background-color:#4b443e; color:#fff; padding:3px 10px} /*-- Club THB --*/ /*-- Acceso club thb -----*/ #clubRegistro{margin:20px 0; padding-right:40%; background-size:35%; background-position:right 25px } #clubRegistro a,.boton{padding:3% 5%; font-size:100%; margin:0 0 0 2%} .ocultarMovil{display:none} .clubRegistroA{border-top:none; padding-top:15px} .acceso{width:90%; padding: 3% 5%; margin:0 auto; float:none} .info{float:none; margin:15px auto; width:95%} #formulario{padding:3% 0;width:96%; font-size:100%; min-width:170px; margin:3% 0} #formulario label{font-size:120%; color:#000} #formulario input, #formulario textarea{width:100%} .queA,.queB{float:none; width:95%;min-width: inherit;margin:0 0 2%} #carneSocio{width:95%; float:none; margin: 0 auto; min-width: inherit; clear: both; display: block} #colPrecio{width:95%; margin: 0 auto; min-width: inherit; clear: both; display: block} /*---- TIENDA ONLINE ----*/ .tiendaMigas{margin-bottom:20px} #lote{float:none; width:98%; min-width:290px; clear:both; margin-top:13px} .lotePrecio{float:left; margin-right:25px} .enlaceLote{float:left} #entradas{padding:40px 0 10px 20px; margin:30px auto 10px} #entradas h2{left:25%} .entrada{float:none; width:99%; margin-bottom:15px} .entrada h3{font-size:170%} .entrada p{font-size:90%} .entrada .enlaceLote{float:left; width:160px; text-align:center; display:block; margin-top:8px} .entrada .enlaceLote a{font-size:100%} .entrada .leerMas{width:70px; margin:8px 15px 0 0; font-size:100%} p#tiendaRegistro{margin-top:-30px} table.tiendaCesta{ width:95%;margin:25px auto} table.tiendaCesta th{font-size:85%; padding:10px 3px} table.tiendaCesta td{padding:15px 5px; font-size:85%} table.tiendaCesta td #cantidad{width:50px; padding:2%; float:right; margin-right:5px} p.cestaCant{float:right;margin:6px 3px 0 0} p.cestaCant a{background-color:#000; color:#fff; display: inline-block; width:15px; height:18px; text-align:center; padding:0 5px; font-size:120%; font-weight:bold} table.tiendaCesta td.cestaTotal3 .enlaceLote{padding:10px} table.tiendaCesta td.cestaTotal3 .enlaceLote{padding:7px 10px;width:110px} .botSeg{padding:8px 20px} p.cestaCant{margin:6px 3px 0 0} p.cestaCant a{display: inline-block; width:14px; height:14px; text-align:center; margin:-8px 0 4px; padding:0px 4px 5px 3px; font-size:140%} /*Franquicia*/ #imgAcc,#imgCerv,#imgCompartirCerv,#imgCocks, #imgNot{background-position:center -70px; padding-top:0; height:170px} #imgFr{ background-position:center 0px;background-size: 120%;padding: 0;height: 200px;} #imgMm{margin-left:15px} #submenu,#migasMovil,.colCerv, #cartaCerve{display:none} /*---- ficha cervecerias ----- */ .redes{top:33px; width:165px} .redes li.fac{width:90px; text-align:left} #cerveceria-mapa.mapCerv, #categorias,.noticiasFicha,.noticiaBloqueFicha,.EventosFicha{float:none;width:100%; min-width:290px; margin:0; padding:0} .datosCerv{height:auto; width:30%!important; min-width:inherit;padding:8px 0; background:none; color:#222} .datosCerv h2{display:none} .datosCerv p{padding:8px 0 0 0; color:#222; font-size:80%} .datosCerv a{color:#222} #cerveceria-mapa{height:250px; margin-top:30px} .fotoCerv{height:auto; width:30%; min-width: inherit; margin-top:15px} .fotoCerv img{width:98%; float:none} .fotoCerv_dcha{float:none} #tripadvisor-opiniones{width:28%; min-width:inherit} #categorias{margin:2% 0 0.5% 0} #categorias h3{margin:2% 0 3px;padding:0;font-size:180%} #categorias h3 strong{display:none} ul.categorias li{margin:3px 2% 2% 0} #listadoCatas{float:none; max-width: inherit; width:95%; margin:10px auto} /*Noticias*/ #imgNot{background:#fff url(../img/c-noticias-mvh.jpg) 0 20px; background-repeat:no-repeat; height:200px} img.noticiaHousebirito{height:220px; padding-top:40px} .noticiaHousebirito{} select.locales{float:none;margin:0 0 8px; clear:both} ul.categorias{float:none; clear:both; margin:0 0 3%} ul.categorias li{float:left;margin:0 5px 0 0;color:#666} .d-agenda{float:left} .boletin{float:right; width:50%; margin:6px 2% 0 0;padding:3%;background-color:#eee; height:210px; font-size:120%} .noticiaFoto{width:35%; margin: 0 15px 0 0} .noticiaFoto img{width:100%} .textoNoticia{width:60%;margin-bottom:8px} .noticiaGaleria{float:none;margin:5px 0 0 0} /*-------- Noticias ficha ---------*/ noticiaBloqueFicha{border-top:1px dashed #999; padding:3% 0 0} .noticiaBloqueFicha img{} .seguirMovil{display:block; margin:2% 0 0}/*.*/ /*--------Seccion eventos Ficha-------------*/ .EventosFicha{margin:0 0 2% 0;padding:70px 0 1%;background:#009999 url(../img/ficha-calendario-eventos.gif) center 8px no-repeat} table.eventos{min-height: inherit} .tablaEventosFicha{padding:10px 1% 5px; margin:0 2%} .tablaEventosFicha p{color:#000; font-size:90%} .tablaEventosFicha p strong span{background-color: #009999; color:#fff; padding:2px 5px} p.evenFecha{font-size:80%;font-weight:bold;text-transform:uppercase;padding:0 5px;background-color:#000; color:#fff; display:block; width:170px} .caja{margin:2%; padding:2%} .EventosFicha p.eventosLink a{color:#000; margin-left:2%} /* -- Caja suscribirse club THB --*/ #emailmovil{display:none} .email{background:#e2dbd5 none;padding:2% 3%; margin-top:2%} .email p{margin-bottom:5px} .emailBoton a{position: static} /*- Encontrar local ideal. Septiembre 2018-*/ #contenido.cervezaideal{width:100%; max-width: none; padding:0} #contenido.cervezaideal #cab3 { /*margin-top:-13px!important*/} #contenido.titular3 h1{padding-left: 3%} #cerveza-ideal,#ci-resultados { font-size:90%;margin: -10px 0 0} #cerveza-ideal h2, #ci-resultados h2{ font-size:180%; text-align: center} #cerveza-ideal h3{background-position:center 50px; background-size:80px; min-height: 160px} #cerveza-ideal article{width:95%; margin:20px auto 20px} .ci-puntos {background-position:center 30px } .ci-puntos li{font-size:100%} .ci-puntos li span{ border:3px solid #dad5d1; border-radius: 40px; width:40px; height:20px;padding-top: 20px} .ci-nav {margin: 0 auto 10px} .ci-ant, .ci-sig {background: #343434 url(../img/ico-ant.png) 15px center no-repeat; color: #fff; padding: 15px 25px 15px 50px; border-radius: 5px;font:400 140% 'Bebas Neue',sans-serif; display: inline-block; letter-spacing: 1px; border: none} .ci-sig {background: #343434 url(../img/ico-sig.png) 90% center no-repeat;padding: 15px 50px 15px 25px;margin-left: 2%} #ci-resultados header{ margin-bottom:25px;} #ci-resultados header ul {background-color:#e0dbd7; display:block; margin:0 2%; padding:8px 0 0} #ci-resultados header li{ font-size:100%; font:400 100% 'Bebas Neue',sans-serif; vertical-align:middle} #ci-resultados article { width:95%; margin:0 auto 10px 2%!important;box-shadow: none; padding:0 0 10px;} #ci-resultados .ci-cerveza {border-bottom:1px solid #ddd; margin-left:0; position:relative; clear:both} #ci-resultados .ci-cerveza a.ci-enlace{ display:block} #ci-resultados article img { height: auto; width:15%; max-width:40px; margin-bottom: 5px; margin-right:2%} #ci-resultados article img,#ci-resultados article .ci-datos{ display:inline-block; vertical-align: top} #ci-resultados article .ci-datos { width:83%} #ci-resultados article h3 { display:block;font-size:150%;min-height:inherit;line-height:100%; width:100%; margin:23px 0 8px;} #ci-resultados article p { display:inline; } #ci-resultados article p.ci-precio { border-radius:3px; padding:3px; background-color:#e0dbd7; width:85px!important; font-weight:bold; font-size:110%; float:right; margin-top:-5px} #ci-resultados article .ci-coment { position:absolute; top:0; left:14%; width:120px} .txtAnimo{ font-size:120%; border:none; margin-top:0} .txtAnimo2{font-size:100%} /* ---- Descriptores --- */ #descriptores img{display:block; margin:0 auto 15px; width:95%} #descriptores div{display:block; margin:0 auto 15px; width:95%} #descriptores div h2{font-size:180%; margin-top:0px} /*--PIE DE PAGINA--*/ #footer{width:100%;margin:0px auto;padding:0; background:#fff none} #pie{width:100%;max-width:100%} p.pieTxt{float:left; margin-right:90px; color:#666} address{width:160px;line-height:150%;padding:3px 0 0 0;height:37px;font-size:120%; color:#fff} #pie a{font-size:100%} #pie2{width:100%;font-size:80%;color:#998d86;text-align:center;text-transform:uppercase; padding:20px 0; background-color:#fff} #pie2 p{display:block; width:99%; text-align:center; float:none; margin:0} #pie2 img{padding-top:5px; width:99%; float:none; display:block; text-align:center} #pie2 a{padding:0 3px} #pie2 img{padding-top:5px; width:25%; margin:0 auto; float:none; text-align:center} .pie_nuevo .colB {position: inherit; top:auto; left: auto;width:99%; text-align:center} .pie_nuevo .colA{background-color:#fff} .pie_nuevo .colA,.pie_nuevo .colC {display:block; color:#fff; margin:8px auto; width:90%; text-align:center} .pie_nuevo .colB img{width:100px} #cervezas_list div.cervezaslista div.bloque3{display: none} .AsocContact strong{ font-size:130%} } /*--- Cookies ----*/ .cookiesCaja{width:95%; margin:0 auto; font-size:85%} p.cookiesTxt{float:left; width:78%} @media only screen and (max-width:550px){ #head h1,p.h1{ width:70px; left:45px; top:1px} #fondohead{/*position: absolute;*/ height:128px;z-index:50} #head{width: 100%; max-width: 995px; margin:5px auto 0; position:relative; z-index:200} .menuSup {top:16px; width:75%; padding: 0; margin:0 auto } .menuSup a.lc{ /*display: none*/} .menuSup a { margin-left:5px; margin-top:5px} .menuSup img{ margin:0 5px 0 5px} .menuSup a span{ display: none} #buscadorGen { width:125%; display:block; margin-bottom: 8px; position:absolute!important; left:-28%; top:63px; z-index:10} #header_buscador{ background-color:#333; border:none; border-radius:5px; width:96%; outline:none; display:inline-block; vertical-align: middle; font-size:100%; padding:10px 2%; margin:0 5px} #contenedor{ padding-top:120px} .AsocContact span{ display:block; margin:0 auto} .nuestraCarta ul { column-count: 3; columns:110px; column-gap:0.5em} .dh-reservas { margin:10px 2%} .cabecera img { width:100%; padding-top:30px } #google_translate_element {top: 1rem;} /*- Carta -*/ .cartaComerTxt2{display: block; width:98%; margin:10px 0; padding:0 0 10px} } /* All Mobile Sizes (devices and browser)*/ @media only screen and (max-width: 419px){ #headerclubcont ul li.ocQuien{display:none} #contenido.titular3{ margin-top:-21px} /*home*/ /*.centered-btns_tabs,.transparent-btns_tabs,.large-btns_tabs{display:none}*/ .centered-btns_nav{top:75%!important} #destacados-home{width:100%;margin:0px auto; padding-top:10px; overflow: hidden} #destacados-home h3{font-size:130%} #homeCompartir{ text-align:center; width:90%; margin:20px auto 0; height: auto; padding:0; padding-top:160px; background-size: 150px; background-position: center top} #homeCompartir h3{ display:block; width:100%} #homeCompartir p{ color:#000; margin:0 0 15px 0; width:100%} #homeCompartir h3 br{ display:none} #DestacComentar{margin:0; background:url(../img/separador-02.png) center top no-repeat; padding-top:5px} #homeComentario{height: auto;width:100%;float:none;margin:20px 0 0;border-left: none;border-top:1px solid #ddd;padding:15px 0 0} #homeComentario h3{margin:0 0 0 12px; font-size:130%; text-align:center} #homeComentario p.t1{position: inherit;left:0;top:0;display: block;width:90%;background:none;height:inherit} #homeComentario p.t1 strong{display:block;width:100%; font-size:100%; color:#9d8d80} #homeComentario p span.t2{margin:8px auto 5px; width:97%; text-align:center} #homeComentario p span.t2 strong{display: inline; margin:0; border:none; padding:0 8px 3px 8px} #homeComentario p span.t3{color:#9d8d80!important; font-size:90%;} #homeComentario p span.t3 a{color:#9d8d80; display:block} .t1estrella{position: inherit;left:0;top: 0;margin-left:12px; text-align:center} .pieHeight{height:100px;padding: 0 5px; float:left; margin:18px 0 0 5px;background-color:#fff;text-align:center} #homeCaja{float:none;width:95%; min-height:inherit;padding:0;margin:5px auto;clear:both} #homeCaja h2 a{color:#fff} .cervezasHome{width:230px; height: inherit; padding-bottom:8px; color:#fff; display:block; float:none; text-align:center; margin:5px auto; clear:both} .cervezasHome h2 a{margin-bottom:0px} .cervezasHome h3{margin:0; padding:0;font-size:110%} .cervezasHome a{color:#fff} span.cerveza img{height:170px; padding:8px 0 20px} .carta{width:90%; display:block; clear:both; border-top:1px dashed #e2dbd5; padding-top:15px; margin:20px auto 5px} .carta p{font:400 120% 'Oswald', sans-serif; line-height:140%; padding-bottom:8px} .carta img{width:99%} .noticiasHome{min-height:inherit; padding:200px 2% 8px; float:none;-webkit-border-radius:0.5;-moz-border-radius:0.5;border-radius:0.5; background:#b4780b url(../img/dhp-actualidad-thb.jpg) center 0 no-repeat; background-size:100%;width:91%;margin:10px auto} .noticiasHome h3{margin:3px 5px} .noticiasHome p{margin:8px} .noticiasHome img{width:100%} /*---destacados home tienda/club ----*/ .destTienda, .destClub{display:block; width:95%; margin:0 auto 10px; vertical-align:top; background-color:#000; border-bottom:none ; padding:8px 0; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; background-position: center 40px} .destTienda{margin-top:30px} .destClub{margin-bottom:15px} .destTienda p a, .destClub p a{background-color:#ccc3bb; color:#000} .destTienda p a:hover, .destClub p a:hover{background-color:#fff; color:#000; } /*fin home*/ #contenedor{background:#000; width:100%; min-width: inherit} #contenido{width:96%; min-width: inherit;background:#fff url(../img/fondo-cabecera-int.gif) left -12px no-repeat; padding:0 2% 2%!important; min-height:inherit} #contenido.titular,#contenido.eventos{background-position:center -35px} #contenido.titular2,#contenido.titular3{background:#fff url(../img/fondo-cabecera-int.gif) center 0px no-repeat} #contenido.titular h1{font:180% 'Bebas Neue',sans-serif; margin-left:2%; margin-top:8px} #contenido.titular3 h1{padding-top:30px} #cab,#cab2,#cab3{height:60px} #contenido #cab2 h1,#contenido #cab3 h1{font-size:180%;width:99%; min-width:300px; margin:0; overflow: inherit} #contenido #cab h1{ margin-top:17px;font-size:190%;width:60%; min-width:160px; overflow:hidden; } #colIzq,#colDcha,#section,#form,.graciasFr,#aside,.colOpiniones,.formA,.formB,.colOpiniones,#cuadro{padding:2% 2%;width:96%; max-width:385px;float:none; clear:both} #colDcha,#aside{margin:0} #colIzq h2,.colOpiniones h2{margin:0 0 3%; font:105% Arial, Helvetica, sans-serif} #colDcha h3{font:bold 110% Arial, Helvetica, sans-serif} /*- Carta -*/ .cartaComer{width:95%; margin:0 auto!important} .cartaComerTxt{display: block; width:98%; margin:10px 0; padding:0 0 10px} .cartaComerTxt h3{font:900 120% Roboto, Arial } .cartaComerTxt p strong{font:300 170% Roboto, Arial!important; margin:0 0 8px} .cartaComerTxt p{font:400 105% Roboto, Arial; line-height:140%} .cartaComerFoto{display:block; width:100%; margin: 5px 0} .occ{display:none!important} .movil{display:block!important} .cartaComerTxt img{margin-bottom:8px; width:100%} /*--- Locales -- */ #cerveceria-mapa{height:250px;margin:40px auto 10px;padding:0;width:100%; min-width: inherit} .columnaB{margin:0;padding:0;width:99%; min-width:294px;float:none; clear:both} .columnaB h2, .columnaB ul{margin:2%} #imgContac{display:none} /*-- Club THB --*/ .m2,.m3{float:none; width:100%; margin-right:0} #formulario{padding:3 2%;width:92%; min-width:250px; margin:3% 0} #formulario input, #formulario textarea{width:95%} #cuadro{background-color:#e2dbd5;-webkit-border-radius: 9px;-moz-border-radius: 9px;border-radius: 9px} /*---- CLUB THB -----*/ .ocultarMovil{display:none} #clubRegistro{margin:20px auto; padding-right:0; background:none; width:95%} #clubRegistro a,.boton{margin:0 1%;padding:3% 5%; font-size:100%} .clubRegistroA{border-top:none; padding-top:15px} #clubAcceso{margin:20px 0} #clubTHB h2{font-size:200%} #ClubSer ul{padding:0 0 0 20px; margin:0 0 0.5%} #ClubSer li{float:none; width:95%; margin-right:0; text-align:center; font-size:120%; height: auto} #streaming,#ClubSer, #ofrecer,#funcionar{ padding:20px 2%; width:87%; margin:0 auto} .queA,.queB{float:none; width:95%;min-width: inherit;margin:0 auto 2%} .acceso,.info{width:90%;float:none; margin:0 auto} .info{margin-top:15px} .acceso label{margin-bottom:5px; font-size:110%} .acceso a{margin-bottom:15px} #formulario{padding:3% 0;width:96%; font-size:100%; min-width:170px; margin:3% 0} #formulario label{font-size:120%; color:#000} #formulario input, #formulario textarea{width:100%} /*---- TIENDA ONLINE ----*/ .tiendaMigas{margin-bottom:20px; font-size:80%} #lote{float:none; width:95%; min-width:200px; clear:both; margin-top:13px} .lotePrecio{float:none; margin-right:5px} .enlaceLote{float:none} #entradas{padding:40px 0 10px 20px; margin:30px auto 10px} #entradas h2{left:25%} .entrada{float:none; width:99%; margin-bottom:8px;padding-bottom:8px; border-bottom:1px dashed #ddd; clear:both} .entrada img{width:80px!important} .entrada .enlaceLote{float:left; width:160px; text-align:center; display:block; margin-top:8px} .entrada .enlaceLote a{font-size:100%} .entrada .leerMas{width:70px; margin:8px 15px 0 0; font-size:100%} p#tiendaRegistro{margin-top:-30px} table.tiendaCesta{ width:95%;margin:25px auto} table.tiendaCesta th{font-size:85%; padding:10px 3px} table.tiendaCesta td{padding:15px 5px; font-size:85%} table.tiendaCesta td #cantidad{width:50px; padding:2%; float:right; margin-right:5px} p.cestaCant{float:right;margin:6px 3px 0 0} p.cestaCant a{background-color:#000; color:#fff; display: inline-block; width:15px; height:18px; text-align:center; padding:0 5px; font-size:120%; font-weight:bold} table.tiendaCesta td.cestaTotal3 .enlaceLote{padding:10px} table.tiendaCesta td.cestaTotal3 .enlaceLote{padding:7px 10px;width:110px} .botSeg{padding:8px 20px} p.cestaCant{margin:6px 3px 0 0} p.cestaCant a{display: inline-block; width:14px; height:14px; text-align:center; margin:-8px 0 4px; padding:0px 4px 5px 3px; font-size:140%} /*Franquicia*/ #imgAcc,#imgCerv,#imgCompartirCerv,#imgCocks, #imgNot{background-position:center -70px; padding-top:0; height:170px} #imgFr{ background-position: center 0px; background-size: 130%;padding:0;height:170px;} #imgMm{margin-left:15px} #submenu,#migasMovil,.colCerv, #cartaCerve{display:none} .asociateBloque,.asociateBloqueB{display:block; width:90%;margin:15px auto; min-height: inherit; overflow: auto} .asociateBloque h3{font-size:160% } .formAsociacion{padding:20px 3%;width:95%; margin:30px auto; border-radius:8px} .formAsociacion label{float:none!important; width:80%!important} .formAsociacion input{width:95%!important} #form input#emprendedor, #form input#inversor, #form input#otro{padding:4px;margin:0 5px 20px 0; float:none; display:inline-block!important; width:15px!important} #form input, #form textarea{width:95%} #form input.botonAsoc{margin:4% auto; padding:3% 0; font-size:100%; width:80%; cursor:pointer; border-radius:6px} /*Listas cervezas*/ #infoA,#infoB,div.bloque-comentario-derecha,div.bloque-comentario-izquierda, #compartirB,#compartirA,#comentar,.formOpinion,.opinionCerveza, #compartirMovil,#cerveceria-mapa{float:none;width:99%; min-width:290px; margin:3% 0} #comentar{overflow:hidden} #migas{display:block; font-size:100%; float:none; padding:0 2% 10px; overflow: auto; width: 96%} #filtro{margin:2% 0; border-bottom:1px solid#ccc; padding-bottom:3%; font-size:90%; display:none} #filtro select{width:25%} #listadoCervezas{width:100%;min-width:300;padding:0; } #listadoCervezas h2{padding:0; font:bold 90% Arial, Helvetica, sans-serif}/**/ #paginacion ul li{font-size:90%} #paginacion ul li.actual span,#paginacion a {font-size:85%; padding:4px 2%} #paginacion p span.ant, #paginacion ul li.ant {padding-right:0.5%} #paginacion p span.sig, #paginacion ul li.sig{padding-left:0.5%} #bannerExperiencias{background:#efecea none; height:220px; margin:0 15px 0 0; padding:10px; width:93%} #bannerExperiencias h3{} #bannerExperiencias h3 span{font:700 130% 'Roboto Condensed', sans-serif} /* Cervezas lista listado -*/ #cervezas_list{border:1px solid #e2dbd5; overflow:auto;-webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px; padding:0} #cervezas_list div.cervezaslista div.foto{ display:none} #cervezas_list div.cervezaslista div.bloque1{float:none;width:95%; margin:0 auto} #cervezas_list div.cervezaslista div.bloque1 .estrella, #cervezas_list div.cervezaslista div.bloque1 .comment{float:left} #cervezas_list div.cervezaslista div.bloque1 .comment{padding-top:3px} #cervezas_list div.cervezaslista div.bloque1 h3{padding-top:0; float:left; margin-right:10px} #cervezas_list div.cervezaslista div.bloque1 h3 a{ font-size:100%; } #cervezas_list div.cervezaslista div.bloque2{float:none;width:95%;margin:0 auto; display: -webkit-flex;height: auto} #cervezas_list div.cervezaslista div.bloque2 span{padding: 6px 3%;border-radius: 4px;margin: 0 4px} #cervezas_list div.cervezaslista div.bloque3{display:none} /* - Carta Locales home - */ .localesInt h2 { color:#222; font-size: 1.8rem} .localesInt li { margin:1.5rem .5%; width:22%; } .localesInt li img{ width:100%;border: 2px solid #fff; border-radius: 100px;} .localesInt li img:hover { border: 2px solid #cccccc; border-radius: 100px; padding: 0} .localesInt li.active img { border: 2px solid #818181 !important;} /*Ficha cerveza*/ #contenido #migasFicha{font-size:90%; color:#999; border-bottom:1px solid #ddd;padding:0 0 1.6% 0; margin:-10px 0 20px 0; text-transform:uppercase; width:95%; min-width:290px; overflow:auto} .cervezasMundo #migasFicha{margin:2% 0 2% 2%} p#icoLupa,p.pais{display:none} #foto,#datos-cerveza,ul.ficha{float:none; width:99%; min-width:290px; clear:both} ul.ficha,ul.tamAlc{margin-left:2%} #foto img{height:300px} h2#titMovil,p#pais{display:block; clear:both; color:#000; text-align:center} #datos-cerveza h2{display:none} #redes{width:99%;min-width:299px; margin:15px 0 15px 2%; clear:both} .fb-like,.b-twitter,.g-plusone,.fb-share-button{width:90px} .g-plusone{width:60px} .fb-like, #fb-like,.fb-share-button,#fb-root{width:110px} span.estrella{margin: 3px 1px 10px} #infoA,#infoB,div.bloque-comentario-derecha,div.bloque-comentario-izquierda,#compartirB,#compartirA{width:95%; min-width:250px} .formOpinion{background-color:#FFC; margin:0 0 0 5px} .formOpinion label{width:95%} .formOpinion input,.formOpinion textarea{width:95%} .formOpinion #compartirB label,.formOpinion #compartirB input,.formOpinion #compartirB textarea{width:290px} .colIzq3 img{margin-right:3%; display:block; text-align:center; width:40%} .colIzq3 h2{font-size:120%;line-height:100%} .colIzq3 h2 span{padding-bottom:5px;line-height:90%} .marBot{margin:0} .T1{display:block} /*--- cervezas del mundo ---*/ #imgCompartirCerv{background:#fff url(../img/c-cervezas-del-mundo-mv.jpg) center no-repeat} #compartirCMmovil{display:block; margin:2% 0; background-color:#eee; padding:0 2% 1%; border-bottom:1px solid#ddd} #compartirCMmovil .botCompartir{margin:3% auto; width:60%} #compartirCMmovil .botCompartir a{background-color:#337e8f; color:#fff} #formCompartir label{font-size:120%} .opinionCerveza h3{width:99%} .opinionCerveza p.descrip{background:none;padding:25px 0 0 0;width:99%} .opinionCerveza ul{margin:5px 0 0 0} .opinionCerveza p.publicado{top:30px; margin-bottom:0} .opinionCerveza p.estrellas{top:10px;right:0} .colOpiniones label{width:180px} input.botton{background-color:#000;padding:10px 20px;color:#fff;margin:0;border:none;font-weight:bold;cursor:pointer} /*---- ficha cervecerias -------------*/ .datosCerv{float:none; width:95%!important; background:none; margin:0 auto} .fotoCerv{float:none; width:95%; margin:10px auto} .fotoCerv img{width:48%; float:left} .fotoCerv_dcha{float:right!important} #tripadvisor-opiniones{width:95%; margin:0 auto} ul.cervezas li.cerveza{width:45%;padding:2% 0 0 45%;position:relative;z-index:1} /*Noticias*/ #imgNot{background:#fff url(../img/c-noticias-mv.gif) -20px 20px; background-repeat:no-repeat; height:170px} img.noticiaHousebirito{height:120px; padding-top:50px; margin-right:0} .noticiaHousebirito{} select.locales{float:none;margin:0 0 5px} ul.categorias{margin:0} ul.categorias li{float:left;margin:8px 5px 2px 0;color:#666} /*-------- Noticias ficha ---------*/ .noticiaBloqueFicha{border-top:1px dashed #999; padding:3% 0 0} .noticiaBloqueFicha img{display:none} .seguirMovil{display:block; margin:2% 0 0} .CA{float:none;width:100%;margin-top: auto} select.locales2{float:left;margin:3px 5px 0 0;height:22px} .noticiaFoto{float:none; width:100%; margin: 0 0 5px 0} .noticiaFoto img{width:100%} .textoNoticia{float:none;width:100%;margin-bottom:25px} .noticiaGaleria{float:none;margin:5px 0 0 0} p.enlaceLocales{position:absolute;left:785px;top:240px;width:145px;height:22px} p.enlaceLocales a{color:#000;background:url(../img/fondo-seleccion-02.png) left 0 no-repeat;padding:3px 18px 5px 17px} p.enlaceLocales a:hover{text-decoration:none;background:url(../img/fondo-seleccion-02.png) left -24px no-repeat;color:#fff} /*--------Seccion eventos Ficha-------------*/ .EventosFicha{margin:0 0 2% 0;padding:70px 0 1%;background:#009999 url(../img/ficha-calendario-eventos.gif) center 8px no-repeat} .tablaEventosFicha{padding:10px 1% 5px; margin:0 2%} .tablaEventosFicha p{color:#000; font-size:90%} .tablaEventosFicha p strong span{background-color: #009999; color:#fff; padding:2px 5px} p.evenFecha{font-size:80%;font-weight:bold;text-transform:uppercase;padding:0 5px;background-color:#000; color:#fff; display: block; width:170px} .caja{margin:2%; padding:2%} .EventosFicha p.eventosLink a{color:#000; margin-left:2%} /*Eventos*/ table.eventos{min-height: inherit} .ocultar,.eventos{display:none} #eventosMovil{display:block; margin:0 0 2%;padding:2%;-webkit-border-radius: 9px;-moz-border-radius: 9px;border-radius: 9px; background-color:#009999} #eventosMovil p{margin-bottom:7px; line-height:150%} #eventosMovil p.evenFecha{padding:3px 5px 0; font-size:120%} #eventosMovil a{color:#000; text-decoration:underline} p.fondoFc{background-color:#000; display:block; padding:2%;-webkit-border-radius: 9px;-moz-border-radius: 9px;border-radius: 9px; color:#fff} p.fondoFc a{color:#fff; text-decoration:underline} /* -- Caja suscribirse club THB --*/ #emailmovil{display:none} .email{background:#fff none; border:2px solid #ccc; padding:2% 3%; margin-top:0} .email h3{color:#000} .email p{margin-bottom:5px} .emailBoton a{position: static; background-color:#000} /* ---- Descriptores --- */ #descriptores img{display:block; margin:0 auto 15px; width:95%} #descriptores div{display:block; margin:0 auto 15px; width:95%} #descriptores div h2{font-size:180%; margin-top:0px} /*--- encontrar cerveza ideal ---*/ #contenido.cervezaideal{padding:0!important} .ci-puntos {background-position:center 23px } .ci-puntos li{letter-spacing:0.5px; font-size: 85%} .ci-puntos li span{ border:3px solid #dad5d1; border-radius: 30px; width:30px; height:15px;padding-top: 15px} #cerveza-ideal article{margin:15px auto 15px} #cerveza-ideal h3{background-position:center 60px; font-size: 170%; padding-top: 15px; line-height: 100%; min-height: 150px} #ci-resultados ul { margin:10px auto; text-align: center} #ci-resultados li { width: 31%; margin:4px 1% 4px 0;vertical-align:top;font:600 70% Segoe, "Segoe UI", serif;letter-spacing: normal} #ci-resultados li:last-child { margin:8px 0} #ci-resultados li img{ width:25px; display: inline-block; vertical-align: middle;margin:0 2% 0 0} .ci-ant, .ci-sig {padding: 10px 25px 10px 50px;background-size: 15px} .ci-sig {padding: 10px 50px 10px 25px;margin-left: 2%} /*--PIE DE PAGINA--*/ #fondoP{background:#000 none} #footer{width:100%; min-width: inherit;background: url(../img/footer-fondo-peq.gif) center top repeat-x} #pie{ width:100%; min-width: inherit; margin:0 auto} #colA,#colB,#colC,#colD{width:90%; padding:0; color:#fff; margin:0 auto 2%; float:none; display:block} #colA img,#colB img,#colC img,#colD img{width:30px} #colA a p,#colB a p,#colC a p,#colD a p{font:400 100% 'Oswald', sans-serif} #pie a{font-size:100%} #pie2{text-align:center; background-color:#fff} #pie2 p{font-size:80%; width:100%; text-align:center; margin:0; float:none} #pie2 a{padding:0 2px} #pie2 img{padding-top:5px; width:50%; float:none; text-align:center} /*--- Cookies ----*/ .cookiesCaja{width:95%; margin:0 auto; font-size:85%} p.cookiesTxt{float:left; width:75%} } /* All Mobile Sizes (devices and browser)*/ @media only screen and (max-width: 350px){ #ci-resultados article { display: block; width:80%; padding:8px 5%; margin:0 auto 15px!important; } #ci-resultados article img { height:120px; margin-bottom: 5px} #ci-resultados ul { margin: 20px 0; text-align: left} #ci-resultados li { width: 31%; margin:8px 1% 8px 0; vertical-align: top; font:600 70% Segoe, "Segoe UI", serif;text-transform: uppercase; letter-spacing: normal} #ci-resultados li:last-child { margin:8px 0} #ci-resultados li img{ width:25px; display: inline-block; vertical-align: middle;margin:0 2% 5px} }