/* GENERAL */

html {  }
body { height:100%; margin-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; }
html>body {	height:100%; margin-left:0px; margin-top:0px; margin-right:0px;	margin-bottom: 0px; font-size:22px; line-height:22px; font-weight:700; color:#000; font-family: 'Lato', sans-serif; }
h1,h2,h3,h4,h5 { font-weight:normal; margin: 0px; padding: 0px; border: 0px; }

.flecha_mas { width:31px; height:32px; position:fixed; bottom:18px; right:18px; background-image:url(images/flecha_mas.png); cursor:pointer }

.video_noticia { width: 100%; min-height:10px; }
.video-container { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; }
.video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; }

.img_telefono { width:390px; }
.img_haciendo { width:716px; }
.img_masinfo { width:120px; }
.img_lcynh { width:837px; }
.img_donde { width:800px; }
.img_brewpub { width:391px; }
.img_novedad { width:425px; }
.img_novedad_thumb { width:460px; }
.img_novedades { width:625px; }
.img_seccion { width:100%; }
.img_logo_cierre { width:460px; }
.img_estilo { width:70%; }
.img_ver_novedades { width:448px; }
.img_quiero { width:500px; }
.img_quierovender { width:600px; }

#contenedor { width: 100%; padding-top:80px; }
#contenedor_in { width:100%; }

#bloque_1 { width: 100%; clear:both; overflow:hidden; background-color:#000; color:#B2B2B2; }
#bloque_1_in { width: 1000px; clear:both; overflow:hidden; padding:15px 0 15px 0; }

#bloque_quierovender { width: 100%; min-height: 126px; clear:both; overflow:hidden; background-color: #000; padding:58px 0 58px 0; }
#bloque_quierovender_in { width: 1000px; clear:both; overflow:hidden; text-align: center }

#bloque_lacerveceria { width: 100%; clear:both; min-height:500px; background-image:url(images/inicio_lacerveceria.jpg); background-size:cover; background-repeat:no-repeat; background-position:center; position: relative; margin: 0 auto; cursor:pointer}
#bloque_lacerveceria_in { width: 1000px; clear:both; padding:0 0 32px 0; position: absolute; bottom: 50px; margin-left:auto; margin-right:auto; left:0; right:0; }

#bloque_nuestrosestilos { width: 100%; clear:both; min-height:500px; background-image:url(images/inicio_nuestrosestilos.jpg); background-size:cover; background-repeat:no-repeat; background-position:center; position: relative; margin: 0 auto; cursor:pointer}
#bloque_nuestrosestilos_in { width: 1000px; clear:both; padding:0 0 32px 0; position: absolute; bottom: 50px; margin-left:auto; margin-right:auto; left:0; right:0; }

#bloque_zonadulce { width: 100%; clear:both; min-height:500px; background-image:url(images/inicio_zonadulce.jpg); background-size:cover; background-repeat:no-repeat; background-position:center; position: relative; margin: 0 auto; cursor:pointer }
#bloque_zonadulce_in { width: 1000px; clear:both; padding:0 0 32px 0; position: absolute; bottom: 50px; margin-left:auto; margin-right:auto; left:0; right:0; }

#bloque_dondetomar { width: 100%; min-height: 126px; clear:both; overflow:hidden; background-image:url("images/inicio_dondetomar.jpg"); background-size:cover; background-repeat:no-repeat; background-position:center; padding:58px 0 58px 0; }
#bloque_dondetomar_in { width: 1000px; clear:both; overflow:hidden; text-align: center }

#bloque_4 { width: 100%; min-height:1498px; clear:both; overflow:hidden; background-image:url(images/4.jpg); background-size:cover; background-repeat:no-repeat; background-position:center }

#bloque_5 { width: 100%; clear:both; overflow:hidden; background-color:#FFF; }
#bloque_5_in { width: 1000px; clear:both; overflow:hidden; padding:70px 0 70px 0; }

#bloque_lcynh { width: 100%; clear:both; min-height:500px; background-image:url(images/inicio_lcynh.jpg); background-size:cover; background-repeat:no-repeat; background-position:center; position: relative; margin: 0 auto; }
#bloque_lcynh_in { width: 1000px; clear:both; padding:66px 0 66px 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }

#bloque_mapas { width: 100%; clear:both; overflow:hidden; background-color:#FFF; }

#bloque_ver_novedades { width: 100%; min-height:80px; clear:both; overflow:hidden; background-image:url(images/inicio_novedades_fondo.jpg); background-position:center; background-repeat:no-repeat; }
#bloque_ver_novedades_in { width: 1000px; clear:both; overflow:hidden; padding:18px 0 18px 0; text-align:center; }

#bloque_brewpub_1 { width: 100%; clear:both; overflow:hidden; background-color:#333; } 
#bloque_brewpub_1_a { width: 50%; float:left; min-height:103px; padding:35px 0 35px 0; background-color:#D65E43; text-align:center; cursor:pointer }
#bloque_brewpub_1_a:link { text-decoration:none; opacity: 1; transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -webkit-transition: opacity .15s ease-in-out; }
#bloque_brewpub_1_a:visited { text-decoration:none; opacity: 1; transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -webkit-transition: opacity .15s ease-in-out; }
#bloque_brewpub_1_a:hover { text-decoration:none; opacity: 0.5; transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -webkit-transition: opacity .15s ease-in-out; }
#bloque_brewpub_1_a:active { text-decoration:none; opacity: 1; transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -webkit-transition: opacity .15s ease-in-out; }

#bloque_brewpub_1_b { width: 50%; float:left; min-height:103px; padding:35px 0 35px 0; background-color:#648153; text-align:center; cursor:pointer }
#bloque_brewpub_1_b:link { text-decoration:none; opacity: 1; transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -webkit-transition: opacity .15s ease-in-out; }
#bloque_brewpub_1_b:visited { text-decoration:none; opacity: 1; transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -webkit-transition: opacity .15s ease-in-out; }
#bloque_brewpub_1_b:hover { text-decoration:none; opacity: 0.5; transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -webkit-transition: opacity .15s ease-in-out; }
#bloque_brewpub_1_b:active { text-decoration:none; opacity: 1; transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -webkit-transition: opacity .15s ease-in-out; }

#bloque_cultura_1 { width: 100%; clear:both; min-height:360px; overflow:hidden; background-color:#333; } 
#bloque_cultura_1_a { width: 50%; float:left; min-height:360px; padding-top:100px; background-color:#333; background-image:url(images/bloque_cultura_1_a.jpg); background-size:cover; background-repeat:no-repeat; background-position:center; text-align:center; cursor:pointer }
#bloque_cultura_1_a:link { text-decoration:none; opacity: 1; transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -webkit-transition: opacity .15s ease-in-out; }
#bloque_cultura_1_a:visited { text-decoration:none; opacity: 1; transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -webkit-transition: opacity .15s ease-in-out; }
#bloque_cultura_1_a:hover { text-decoration:none; opacity: 0.5; transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -webkit-transition: opacity .15s ease-in-out; }
#bloque_cultura_1_a:active { text-decoration:none; opacity: 1; transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -webkit-transition: opacity .15s ease-in-out; }

#bloque_cultura_1_b { width: 50%; float:left; min-height:360px; padding-top:100px; background-color:#333; background-image:url(images/bloque_cultura_1_b.jpg); background-size:cover; background-repeat:no-repeat; background-position:center; text-align:center; cursor:pointer }
#bloque_cultura_1_b:link { text-decoration:none; opacity: 1; transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -webkit-transition: opacity .15s ease-in-out; }
#bloque_cultura_1_b:visited { text-decoration:none; opacity: 1; transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -webkit-transition: opacity .15s ease-in-out; }
#bloque_cultura_1_b:hover { text-decoration:none; opacity: 0.5; transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -webkit-transition: opacity .15s ease-in-out; }
#bloque_cultura_1_b:active { text-decoration:none; opacity: 1; transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -webkit-transition: opacity .15s ease-in-out; }


#bloque_cultura_2 { width: 100%; clear:both; min-height:360px; overflow:hidden; background-color:#333; } 
#bloque_cultura_2_a { width: 50%; float:left; min-height:360px; padding-top:100px; background-color:#333; background-image:url(images/bloque_cultura_2_a.jpg); background-size:cover; background-repeat:no-repeat; background-position:center; text-align:center; cursor:pointer }
#bloque_cultura_2_a:link { text-decoration:none; opacity: 1; transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -webkit-transition: opacity .15s ease-in-out; }
#bloque_cultura_2_a:visited { text-decoration:none; opacity: 1; transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -webkit-transition: opacity .15s ease-in-out; }
#bloque_cultura_2_a:hover { text-decoration:none; opacity: 0.5; transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -webkit-transition: opacity .15s ease-in-out; }
#bloque_cultura_2_a:active { text-decoration:none; opacity: 1; transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -webkit-transition: opacity .15s ease-in-out; }

#bloque_cultura_2_b { width: 50%; float:left; min-height:360px; padding-top:100px; background-color:#333; background-image:url(images/bloque_cultura_2_b.jpg); background-size:cover; background-repeat:no-repeat; background-position:center; text-align:center; cursor:pointer }
#bloque_cultura_2_b:link { text-decoration:none; opacity: 1; transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -webkit-transition: opacity .15s ease-in-out; }
#bloque_cultura_2_b:visited { text-decoration:none; opacity: 1; transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -webkit-transition: opacity .15s ease-in-out; }
#bloque_cultura_2_b:hover { text-decoration:none; opacity: 0.5; transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -webkit-transition: opacity .15s ease-in-out; }
#bloque_cultura_2_b:active { text-decoration:none; opacity: 1; transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -webkit-transition: opacity .15s ease-in-out; }


#bloque_7 { width: 100%; min-height:351px; clear:both; overflow:hidden; background-image:url(images/7.jpg); background-size:cover; background-repeat:no-repeat; background-position:center }

#bloque_8 { width: 100%; clear:both; overflow:hidden; background-color:#000; color:#B2B2B2; }
#bloque_8_in { width: 1000px; clear:both; overflow:hidden; padding:15px 0 15px 0; }


#seccion_bloque_1 { width: 100%; min-height:350px; clear:both; overflow:hidden; background-size:cover; background-repeat:no-repeat; background-position:center; font-family: 'Assistant', sans-serif; }

#seccion_contenido { width: 100%; clear:both; overflow:hidden; }
.seccion_contenido_in { width: 1000px; clear:both; overflow:hidden; padding:50px 0 50px 0; }
.seccion_contenido_in_titulo { width: 1000px; clear:both; overflow:hidden; padding:0 0 50px 0; font-size:40px; line-height:40px; font-weight:900; text-align:left; }
.seccion_contenido_in_titulo_2 { width: 1000px; clear:both; overflow:hidden; padding:0 0 0; font-size:50px; line-height:50px; font-weight:900; text-align:left; }
.seccion_contenido_in_cuerpo { width: 1000px; clear:both; overflow:hidden; font-size:16px; line-height:18px;  }
.seccion_contenido_in_cuerpo_1 { width: 525px; float:left; overflow:hidden; margin-right:50px; font-weight:400; text-align:justify }
.seccion_contenido_in_cuerpo_2 { width: 425px; float:left; overflow:hidden; text-align:justify; }

.seccion_contenido_in_cuerpo_b { width: 1000px; clear:both; overflow:hidden; font-size:16px; line-height:18px; font-weight:400; text-align:justify; margin-bottom:15px; padding-bottom:15px; border-bottom:#999 1px dotted; }
.seccion_contenido_in_cuerpo_3 { width: 325px; float:left; overflow:hidden; margin-right:50px; text-align:justify; }
.seccion_contenido_in_cuerpo_4 { width: 625px; float:left; overflow:hidden; text-align:justify; }


A.nuestros_locales_local_1:link { width: 950px; clear:both; overflow:hidden; padding:25px; background-color:#FFF; font-size:18px; ext-decoration: none; -moz-transition: all, 0.4s; -o-transition: all, 0.4s; -webkit-transition: all, 0.4s; transition: all, 0.4s; color:#414042; text-align:left; display:block; font-weight:700; margin:0 25px 0 25px; border-top:2px solid #414042; border-bottom:2px solid #414042; }
A.nuestros_locales_local_1:visited { width: 950px; clear:both; overflow:hidden; padding:25px; background-color:#FFF; font-size:18px; text-decoration: none; -moz-transition: all, 0.4s; -o-transition: all, 0.4s; -webkit-transition: all, 0.4s; transition: all, 0.4s; color:#414042; text-align:left; display:block; font-weight:700; margin:0 25px 0 25px; border-top:2px solid #414042; border-bottom:2px solid #414042; }
A.nuestros_locales_local_1:hover { width: 950px; clear:both; overflow:hidden; padding:25px; background-color:#414042; font-size:18px; text-decoration: none; -moz-transition: all, 0.4s; -o-transition: all, 0.4s; -webkit-transition: all, 0.4s; transition: all, 0.4s; color:#FFF; text-align:left; display:block; font-weight:700; margin:0 25px 0 25px; border-top:2px solid #414042; border-bottom:2px solid #414042; }
A.nuestros_locales_local_1:active { width: 950px; clear:both; overflow:hidden; padding:25px; background-color:#FFF; font-size:18px; Text-decoration: none; -moz-transition: all, 0.4s; -o-transition: all, 0.4s; -webkit-transition: all, 0.4s; transition: all, 0.4s; color:#414042; text-align:left; display:block; font-weight:700; margin:0 25px 0 25px; border-top:2px solid #414042; border-bottom:2px solid #414042; }

A.nuestros_locales_local_2:link { width: 950px; clear:both; overflow:hidden; padding:25px; background-color:#FFF; font-size:18px; ext-decoration: none; -moz-transition: all, 0.4s; -o-transition: all, 0.4s; -webkit-transition: all, 0.4s; transition: all, 0.4s; color:#414042; text-align:left; display:block; font-weight:700; margin:0 25px 0 25px; border-bottom:2px solid #414042; }
A.nuestros_locales_local_2:visited { width: 950px; clear:both; overflow:hidden; padding:25px; background-color:#FFF; font-size:18px; text-decoration: none; -moz-transition: all, 0.4s; -o-transition: all, 0.4s; -webkit-transition: all, 0.4s; transition: all, 0.4s; color:#414042; text-align:left; display:block; font-weight:700; margin:0 25px 0 25px; border-bottom:2px solid #414042; }
A.nuestros_locales_local_2:hover { width: 950px; clear:both; overflow:hidden; padding:25px; background-color:#414042; font-size:18px; text-decoration: none; -moz-transition: all, 0.4s; -o-transition: all, 0.4s; -webkit-transition: all, 0.4s; transition: all, 0.4s; color:#FFF; text-align:left; display:block; font-weight:700; margin:0 25px 0 25px; border-bottom:2px solid #414042; }
A.nuestros_locales_local_2:active { width: 950px; clear:both; overflow:hidden; padding:25px; background-color:#414042; font-size:18px; text-decoration: none; -moz-transition: all, 0.4s; -o-transition: all, 0.4s; -webkit-transition: all, 0.4s; transition: all, 0.4s; color:#FFF; text-align:left; display:block; font-weight:700; margin:0 25px 0 25px; border-bottom:2px solid #414042; }

#local_1 { width: 950px; clear:both; overflow:hidden; margin:25px 25px 25px 25px; }
.local_1_a { width: 505px; float:left; overflow:hidden; padding-right:20px; }
.local_1_b { width: 425px; float:left; overflow:hidden; }

#local_2 { width: 950px; clear:both; overflow:hidden; margin:25px 25px 25px 25px; display:none; }
.local_2_a { width: 525px; float:left; overflow:hidden; padding-right:20px; }
.local_2_b { width: 425px; float:left; overflow:hidden; }

.novedad { width: 950px; clear:both; overflow:hidden; margin:0 0 30px 0;  }
.novedad_1 { width: 460px; float:left; overflow:hidden; margin-right:30px; }
.novedad_a { width: 460px; clear:both; overflow:hidden; }
.novedad_b { width: 460px; clear:both; overflow:hidden; padding:35px; background-color:#EEEEEE; color:#666; font-size:30px; text-align:left }
.novedad_c { width: 460px; clear:both; overflow:hidden; padding:35px; background-color:#414042; color:#EAEAEA; font-size:18px; text-align:left }
.novedad_2 { width: 460px; float:left; overflow:hidden; }

.seccion_slide { width: 100%; clear:both; min-height:350px; background-size:cover; background-repeat:no-repeat; background-position:center; position: relative; margin: 0 auto;}

.nuestrosestilos_fondo { width: 100%; padding:50px 0 50px 0; clear:both; overflow:hidden; background-image:url(images/nuestrosestilos_fondo.jpg); background-size:cover; background-repeat:no-repeat; background-position:center; }
.nuestrosestilos_fondo_in { width: 1000px; clear:both; overflow:hidden; font-size:16px; line-height:18px; font-weight:400; text-align:left }

.estilos_contenedor { width:100%; clear:both; }
.estilo { width:25%; float:left; min-height:200px; text-align:center; }
.estilo_descripcion { width:100%; clear:both; padding:5%; text-align:center; color:#000; background: rgba(255, 255, 255, 0.75); border-top:dashed 1px #FFF; display:none; font-size:16px; line-height:16px; }
.estilo_color { width:100%; min-height:15px; clear:both; background-color:#FC0; margin-bottom:10px; }

#cierre { width: 100%; clear:both; overflow:hidden; font-size:14px; line-height:18px; font-weight:400; color:#B5B5B5; background-color:#000; padding-top:40px; }
#cierre_in { width: 1000px; clear:both; overflow:hidden; text-align:center; }
#cierre_in_1 { width: 1000px; clear:both; overflow:hidden; }
#cierre_in_1_a { width: 500px; float:left; overflow:hidden; text-align:left }
#cierre_in_1_b { width: 500px; float:left; overflow:hidden; text-align:right }
#cierre_in_2 { width: 1000px; clear:both; overflow:hidden; margin:40px 0 40px 0; padding:40px 0 40px 0; border-bottom:1px solid #535353; border-top:1px solid #535353; font-size:20px; line-height:24px; }
#cierre_in_2_a { width: 330px; float:left; overflow:hidden; text-align:left }
#cierre_in_2_b { width: 340px; float:left; overflow:hidden; text-align:left }
#cierre_in_2_c { width: 330px; float:left; overflow:hidden; text-align:right }
#cierre_in_3 { width: 1000px; clear:both; overflow:hidden; margin:0 0 20px 0; padding:0 0 20px 0; }
#cierre_in_3_a { width: 500px; float:left; overflow:hidden; text-align:left }
#cierre_in_3_b { width: 500px; float:left; overflow:hidden; text-align:right }

/* [enlaces] */

.cont1 a:link { text-decoration: none; color:#669933; -moz-transition: all, 0.9s; -o-transition: all, 0.9s; -webkit-transition: all, 0.9s; transition: all, 0.9s; text-decoration:underline; }
.cont1 a:visited { text-decoration: none; color:#669933; -moz-transition: all, 0.9s; -o-transition: all, 0.9s; -webkit-transition: all, 0.9s; transition: all, 0.9s; text-decoration:underline; }
.cont1 a:hover { text-decoration:none; color:#333; -moz-transition: all, 0.9s; -o-transition: all, 0.9s; -webkit-transition: all, 0.9s; transition: all, 0.9s; text-decoration:underline; }
.cont1 a:active { text-decoration: none; color:#669933; -moz-transition: all, 0.9s; -o-transition: all, 0.9s; -webkit-transition: all, 0.9s; transition: all, 0.9s; text-decoration:underline; }

A.enlace_verde:link {text-decoration: none; color:#669933; -moz-transition: all, 0.9s; -o-transition: all, 0.9s; -webkit-transition: all, 0.9s; transition: all, 0.9s; }
A.enlace_verde:visited {text-decoration: none; color:#669933; -moz-transition: all, 0.9s; -o-transition: all, 0.9s; -webkit-transition: all, 0.9s; transition: all, 0.9s; }
A.enlace_verde:hover {text-decoration:none; color:#333; -moz-transition: all, 0.9s; -o-transition: all, 0.9s; -webkit-transition: all, 0.9s; transition: all, 0.9s; }
A.enlace_verde:active {text-decoration: none; color:#669933; -moz-transition: all, 0.9s; -o-transition: all, 0.9s; -webkit-transition: all, 0.9s; transition: all, 0.9s; }

A.enlace_gris:link {text-decoration: none; color:#B5B5B5; -moz-transition: all, 0.9s; -o-transition: all, 0.9s; -webkit-transition: all, 0.9s; transition: all, 0.9s; }
A.enlace_gris:visited {text-decoration: none; color:#B5B5B5; -moz-transition: all, 0.9s; -o-transition: all, 0.9s; -webkit-transition: all, 0.9s; transition: all, 0.9s; }
A.enlace_gris:hover {text-decoration:none; color:#535353; -moz-transition: all, 0.9s; -o-transition: all, 0.9s; -webkit-transition: all, 0.9s; transition: all, 0.9s; }
A.enlace_gris:active {text-decoration: none; color:#B5B5B5; -moz-transition: all, 0.9s; -o-transition: all, 0.9s; -webkit-transition: all, 0.9s; transition: all, 0.9s; }

A.enlace_gris_2:link {text-decoration: none; color:#333 -moz-transition: all, 0.9s; -o-transition: all, 0.9s; -webkit-transition: all, 0.9s; transition: all, 0.9s; }
A.enlace_gris_2:visited {text-decoration: none; color:#333; -moz-transition: all, 0.9s; -o-transition: all, 0.9s; -webkit-transition: all, 0.9s; transition: all, 0.9s; }
A.enlace_gris_2:hover {text-decoration:none; color:#999; -moz-transition: all, 0.9s; -o-transition: all, 0.9s; -webkit-transition: all, 0.9s; transition: all, 0.9s; }
A.enlace_gris_2:active {text-decoration: none; color:#333; -moz-transition: all, 0.9s; -o-transition: all, 0.9s; -webkit-transition: all, 0.9s; transition: all, 0.9s; }

A.enlace_gris_3:link {text-decoration: none; color:#666; -moz-transition: all, 0.9s; -o-transition: all, 0.9s; -webkit-transition: all, 0.9s; transition: all, 0.9s; }
A.enlace_gris_3:visited {text-decoration: none; color:#666; -moz-transition: all, 0.9s; -o-transition: all, 0.9s; -webkit-transition: all, 0.9s; transition: all, 0.9s; }
A.enlace_gris_3:hover {text-decoration:none; color:#333; -moz-transition: all, 0.9s; -o-transition: all, 0.9s; -webkit-transition: all, 0.9s; transition: all, 0.9s; }
A.enlace_gris_3:active {text-decoration: none; color:#666; -moz-transition: all, 0.9s; -o-transition: all, 0.9s; -webkit-transition: all, 0.9s; transition: all, 0.9s; }

.texto_24_negro { font-size: 24px; line-height:24px; color:#000; font-weight:900 }
.texto_13_gris { font-size: 13px; line-height:13px; color:#333; font-weight:400 }

/* [formularios] */
.campo_texto { width:420px; min-height:12px; border:1px solid #000; clear:both; color:#000; font-size:18px; padding:12px; margin-bottom:12px;  font-family: 'Lato', sans-serif;  border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; }
.campo_textarea { width:420px; min-height:90px; border:1px solid #000; clear:both; color:#000; font-size:18px; padding:12px; font-family: 'Lato', sans-serif;  border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; }
.boton_enviar { width: 305px; min-height:20px; clear:both; overflow:hidden; background-color:#000; text-align:center; padding:18px; display:block; text-decoration:none; color:#FFF; -moz-transition: all, 0.4s; -o-transition: all, 0.4s; -webkit-transition: all, 0.4s; transition: all, 0.4s; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border:0; font-size:18px; font-weight:700;  font-family: 'Lato', sans-serif; }
.boton_enviar:hover { width: 305px; min-height:16px; clear:both; overflow:hidden; background-color:#333; text-align:center; padding:18px; display:block; text-decoration:none; color:#FFF; -moz-transition: all, 0.4s; -o-transition: all, 0.4s; -webkit-transition: all, 0.4s; transition: all, 0.4s; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border:0;  font-size:18px; font-weight:700;  font-family: 'Lato', sans-serif; }
.form_error { display:block; background-color:#F00; clear:both; color:#FFF; font-size:14px; font-weight:700; padding:10px; margin-top:15px; text-align:center;  font-family: 'Lato', sans-serif; }

.panel { margin: 0 auto;
    width: 100%;
    min-height:200px;
    position: relative;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
	text-align:center;
	cursor:pointer;	
	opacity: 1; transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -webkit-transition: opacity .15s ease-in-out;
}

.panel:hover { opacity: 0.5; transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -webkit-transition: opacity .15s ease-in-out; }

 .panel .front {
    position: absolute;
    top: 0;
    z-index: 900;
    width: inherit;
    height: inherit;
    text-align: center;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
	cursor:pointer;
}
.panel.flip .front {
    z-index: 900;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
	cursor:pointer;	
}
.panel .back {
    position: absolute;
    top: 0;
    z-index: 800;
    width: inherit;
    height: inherit;
    -webkit-transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateY(-180deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
	cursor:pointer;	
}
.panel.flip .back {
    z-index: 1000;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
	cursor:pointer;	
}


@media all and (max-width: 768px) {
	
.panel { margin: 0 auto;
    width: 200px;
    min-height:200px;
    position: relative;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
	text-align:center
}

.video_noticia { width: 100%; min-height:10px; }
.video-container { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; }
.video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; }

.nuestrosestilos_fondo { width: 100%; clear:both; overflow:hidden; background-image:url(images/nuestrosestilos_fondo.jpg); background-size:100%; background-repeat:repeat-y; background-position:top center; }
.nuestrosestilos_fondo_in { width: 100%; clear:both; overflow:hidden; }

.estilos_contenedor { width:100%; clear:both; }
.estilo { width:100%; clear:both; min-height:130px; text-align:center; }
.estilo_descripcion { width:100%; clear:both; padding:5%; text-align:center; color:#000; background: rgba(255, 255, 255, 0.75); border-top:dashed 1px #FFF; display:none; font-size:16px; line-height:16px; }
.estilo_color { width:100%; min-height:15px; clear:both; background-color:#FC0; margin-bottom:10px; }

#contenedor { padding-top:50px; }

.img_telefono { width:80%; }
.img_haciendo { width:80%; }
.img_masinfo { display:none }
.img_lcynh { width:50%; }
.img_donde { width:80%; }
.img_brewpub { width:50%; }
.img_cultura { width:50%; }
.img_novedad { width:100%; }
.img_novedad_thumb { width:100%; }
.img_novedades { width:100%; }
.img_logo_cierre { width:80%; }
.img_estilo { width:100%; }
.img_ver_novedades { width:80%; }
.img_quiero { width:90%; }
.img_quierovender { width:50%; }
	
#bloque_1 { width: 100%; clear:both; overflow:hidden; background-color:#000; color:#B2B2B2; }
#bloque_1_in { width: 100%; clear:both; overflow:hidden; padding:15px 0 15px 0; }
	
#bloque_quierovender { width: 100%; clear:both; min-height:60px; background-color:#000; margin: 0 auto;  padding:20px 0 20px 0; }
#bloque_quierovender_in { width: 100%; clear:both; padding:0 0 0 0; top: 0; bottom: 0; left: 0; right: 0;  margin: auto; }	

#bloque_lacerveceria { width: 100%; clear:both; min-height:180px; background-image:url(images/inicio_lacerveceria.jpg); background-size:cover; background-repeat:no-repeat; background-position:center; position: relative; margin: 0 auto;}
#bloque_lacerveceria_in { width: 100%; clear:both; padding:0 0 0 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 30%; margin: auto; }

#bloque_zonadulce { width: 100%; clear:both; min-height:180px; background-image:url(images/inicio_zonadulce.jpg); background-size:cover; background-repeat:no-repeat; background-position:center; position: relative; margin: 0 auto;}
#bloque_zonadulce_in { width: 100%; clear:both; padding:0 0 0 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 30%; margin: auto; }

#bloque_dondetomar { width: 100%; clear:both; min-height:60px; background-image:url(images/inicio_dondetomar.jpg); background-size:cover; background-repeat:no-repeat; background-position:center; margin: 0 auto;  padding:20px 0 20px 0;}
#bloque_dondetomar_in { width: 100%; clear:both; padding:0 0 0 0; top: 0; bottom: 0; left: 0; right: 0;  margin: auto; }

#bloque_nuestrosestilos { width: 100%; clear:both; min-height:180px; background-image:url(images/inicio_nuestrosestilos.jpg); background-size:cover; background-repeat:no-repeat; background-position:center; position: relative; margin: 0 auto;}
#bloque_nuestrosestilos_in { width: 100%; clear:both; padding:0 0 0 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 30%; margin: auto; }

#bloque_lcynh { width: 100%; clear:both; min-height:200px; background-image:url(images/inicio_lcynh.jpg); background-size:cover; background-repeat:no-repeat; background-position:center; position: relative; margin: 0 auto;}
#bloque_lcynh_in { width: 100%; clear:both; padding:0 0 0 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 50%; margin: auto; }

#bloque_3 { width: 100%; clear:both; overflow:hidden; background-color:#FFF; }
#bloque_3_in { width: 100%; clear:both; overflow:hidden; padding:30px 0 30px 0; }

#bloque_4 { width: 100%; min-height:450px; clear:both; overflow:hidden; background-image:url(images/4.jpg); background-size:cover; background-repeat:no-repeat; background-position:center }

#bloque_5 { width: 100%; clear:both; overflow:hidden; background-color:#FFF; }
#bloque_5_in { width: 100%; clear:both; overflow:hidden; padding:30px 0 30px 0; }

#bloque_brewpub_1_a { width: 100%; clear:both; min-height:103px; padding:35px 0 35px 0; background-color:#D65E43; text-align:center; cursor:pointer }
#bloque_brewpub_1_b { width: 100%; clear:both; min-height:103px; padding:35px 0 35px 0; background-color:#648153; text-align:center; cursor:pointer }

	
#bloque_cultura_1 { width: 100%; clear:both; min-height:82px; overflow:hidden; } 
#bloque_cultura_1_a { width: 100%; clear:both; min-height:82px; padding:40px 0 40px 0; background-image:url(images/bloque_cultura_1_a.jpg); background-size:cover; background-repeat:no-repeat; background-position:center; text-align:center; }
#bloque_cultura_1_b { width: 100%; clear:both; min-height:82px; padding:40px 0 40px 0; background-image:url(images/bloque_cultura_1_b.jpg); background-size:cover; background-repeat:no-repeat; background-position:center; text-align:center; }

#bloque_cultura_2 { width: 100%; clear:both; min-height:82px; overflow:hidden; } 
#bloque_cultura_2_a { width: 100%; clear:both; min-height:82px; padding:40px 0 40px 0; background-image:url(images/bloque_cultura_2_a.jpg); background-size:cover; background-repeat:no-repeat; background-position:center; text-align:center; }
#bloque_cultura_2_b { width: 100%; clear:both; min-height:82px; padding:40px 0 40px 0; background-image:url(images/bloque_cultura_2_b.jpg); background-size:cover; background-repeat:no-repeat; background-position:center; text-align:center; }

#bloque_6 { width: 100%; min-height:200px; clear:both; overflow:hidden; background-image:url(images/6.jpg); background-size:cover; background-repeat:no-repeat; background-position:center }

#bloque_7 { width: 100%; min-height:100px; clear:both; overflow:hidden; background-image:url(images/7.jpg); background-size:cover; background-repeat:no-repeat; background-position:center }

#bloque_8 { width: 100%; clear:both; overflow:hidden; background-color:#000; color:#B2B2B2; }
#bloque_8_in { width: 100%; clear:both; overflow:hidden; padding:15px 0 15px 0; }

#bloque_ver_novedades { width: 100%; min-height:40px; clear:both; overflow:hidden; background-image:url(images/inicio_novedades_fondo.jpg); background-position:center; background-repeat:no-repeat; }
#bloque_ver_novedades_in { width: 100%; clear:both; overflow:hidden; padding:18px 0 18px 0; text-align:center; }

#seccion_bloque_1 { width: 100%; min-height:120px; clear:both; overflow:hidden; background-image:url(images/seccion_bloque_1.jpg); background-size:cover; background-repeat:no-repeat; background-position:center; }

#seccion_contenido { width: 100%; clear:both; overflow:hidden; }
.seccion_contenido_in { width: 94%; clear:both; overflow:hidden; padding:3% 3% 3% 3%; }
.seccion_contenido_in_titulo { width: 100%; clear:both; overflow:hidden; padding:3% 0 3% 0; font-size:35px; line-height:35px; font-weight:900; text-align:left; }
.seccion_contenido_in_titulo_2 { width: 100%; clear:both; overflow:hidden; padding:3% 0 0 0; font-size:35px; line-height:35px; font-weight:900; text-align:left; }
.seccion_contenido_in_cuerpo { width: 100%; clear:both; overflow:hidden; font-size:16px; line-height:18px;  }
.seccion_contenido_in_cuerpo_1 { width: 100%; float:left; overflow:hidden; margin-right:0; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #CCC;  }
.seccion_contenido_in_cuerpo_2 { width: 100%; float:left; overflow:hidden; text-align:justify; }

.seccion_contenido_in_cuerpo_b { width: 100%; clear:both; overflow:hidden; font-size:16px; line-height:18px; font-weight:400; }
.seccion_contenido_in_cuerpo_3 { width: 100%; float:left; overflow:hidden; margin-right:0; margin-bottom:15px; text-align:justify; }
.seccion_contenido_in_cuerpo_4 { width: 100%; float:left; overflow:hidden; text-align:justify; }

.seccion_slide { width: 100%; clear:both; min-height:120px; position: relative; margin: 0 auto;}

A.nuestros_locales_local_1:link { width: 100%; clear:both; overflow:hidden; padding:4%; background-color:#FFF; font-size:18px; ext-decoration: none; -moz-transition: all, 0.4s; -o-transition: all, 0.4s; -webkit-transition: all, 0.4s; transition: all, 0.4s; color:#414042; text-align:left; display:block; font-weight:700; margin:0 0 0 0; border-top:2px solid #414042; border-bottom:2px solid #414042; }
A.nuestros_locales_local_1:visited { width: 100%; clear:both; overflow:hidden; padding:4%; background-color:#FFF; font-size:18px; text-decoration: none; -moz-transition: all, 0.4s; -o-transition: all, 0.4s; -webkit-transition: all, 0.4s; transition: all, 0.4s; color:#414042; text-align:left; display:block; font-weight:700; margin:0 0 0 0; border-top:2px solid #414042; border-bottom:2px solid #414042; }
A.nuestros_locales_local_1:hover { width: 100%; clear:both; overflow:hidden; padding:4%; background-color:#414042; font-size:18px; text-decoration: none; -moz-transition: all, 0.4s; -o-transition: all, 0.4s; -webkit-transition: all, 0.4s; transition: all, 0.4s; color:#FFF; text-align:left; display:block; font-weight:700; margin:0 0 0 0; border-top:2px solid #414042; border-bottom:2px solid #414042; }
A.nuestros_locales_local_1:active { width: 100%; clear:both; overflow:hidden; padding:4%; background-color:#FFF; font-size:18px; Text-decoration: none; -moz-transition: all, 0.4s; -o-transition: all, 0.4s; -webkit-transition: all, 0.4s; transition: all, 0.4s; color:#414042; text-align:left; display:block; font-weight:700; margin:0 0 0 0; border-top:2px solid #414042; border-bottom:2px solid #414042; }

A.nuestros_locales_local_2:link { width: 100%; clear:both; overflow:hidden; padding:4%; background-color:#FFF; font-size:18px; ext-decoration: none; -moz-transition: all, 0.4s; -o-transition: all, 0.4s; -webkit-transition: all, 0.4s; transition: all, 0.4s; color:#414042; text-align:left; display:block; font-weight:700; margin:0 0 0 0; border-bottom:2px solid #414042; }
A.nuestros_locales_local_2:visited { width: 100%; clear:both; overflow:hidden; padding:4%; background-color:#FFF; font-size:18px; text-decoration: none; -moz-transition: all, 0.4s; -o-transition: all, 0.4s; -webkit-transition: all, 0.4s; transition: all, 0.4s; color:#414042; text-align:left; display:block; font-weight:700; margin:0 0 0 0; border-bottom:2px solid #414042; }
A.nuestros_locales_local_2:hover { width: 100%; clear:both; overflow:hidden; padding:4%; background-color:#414042; font-size:18px; text-decoration: none; -moz-transition: all, 0.4s; -o-transition: all, 0.4s; -webkit-transition: all, 0.4s; transition: all, 0.4s; color:#FFF; text-align:left; display:block; font-weight:700; margin:0 0 0 0; border-bottom:2px solid #414042; }
A.nuestros_locales_local_2:active { width: 100%; clear:both; overflow:hidden; padding:4%; background-color:#414042; font-size:18px; text-decoration: none; -moz-transition: all, 0.4s; -o-transition: all, 0.4s; -webkit-transition: all, 0.4s; transition: all, 0.4s; color:#FFF; text-align:left; display:block; font-weight:700; margin:0 0 0 0; border-bottom:2px solid #414042; }

#local_1 { width: 100%; clear:both; overflow:hidden; display:none; }
.local_1_a { width: 90%; clear:both; overflow:hidden; padding-right:0; padding-bottom:20px; }
.local_1_b { width: 90%; clear:both; overflow:hidden; }

#local_2 { width: 100%; clear:both; overflow:hidden; display:none; }
.local_2_a { width: 90%; clear:both; overflow:hidden; padding-right:0; padding-bottom:20px; }
.local_2_b { width: 90%; clear:both; overflow:hidden; }

.novedad { width: 100%; clear:both; overflow:hidden; margin:0 0 25px 0; }
.novedad_1 { width: 100%; clear:both; overflow:hidden; padding-right:0; margin-bottom:25px; }
.novedad_a { width: 100%; clear:both; overflow:hidden; }
.novedad_b { width: 100%; clear:both; overflow:hidden; padding:3%; background-color:#EEEEEE; color:#666; font-size:25px; text-align:left }
.novedad_c { width: 100%; clear:both; overflow:hidden; padding:3%; background-color:#414042; color:#EAEAEA; font-size:14px; text-align:left }
.novedad_2 { width: 100%; clear:both; overflow:hidden; }

#cierre { width: 100%; clear:both; overflow:hidden; font-size:13px; line-height:13px; padding:40px 10% 0 10%; }
#cierre_in { width: 100%; clear:both; overflow:hidden; text-align:center; }
#cierre_in_1 { width: 100%; clear:both; overflow:hidden; }
#cierre_in_1_a { width: 100%; clear:both; overflow:hidden; text-align:center; margin-bottom:20px; }
#cierre_in_1_b { width: 100%; clear:both; overflow:hidden; text-align:center }
#cierre_in_2 { width: 100%; clear:both; overflow:hidden; margin:40px 0 40px 0; padding:40px 0 40px 0; border-bottom:1px solid #535353; border-top:1px solid #535353; font-size:20px; line-height:24px; }
#cierre_in_2_a { width: 100%; clear:both; overflow:hidden; text-align:center; margin-bottom:20px; }
#cierre_in_2_b { width: 100%; clear:both; overflow:hidden; text-align:center; margin-bottom:20px; }
#cierre_in_2_c { width: 100%; clear:both; overflow:hidden; text-align:center }
#cierre_in_3 { width: 100%; clear:both; overflow:hidden; margin:0 0 10px 0; padding:0 0 10px 0; }
#cierre_in_3_a { width: 100%; clear:both; overflow:hidden; text-align:center; margin-bottom:20px;  }
#cierre_in_3_b { width: 100%; clear:both; overflow:hidden; text-align:center }

/* [formulario] */
.campo_texto { width:100%; padding:2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom:4%; }
.campo_textarea { width:100%; padding:2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.boton_enviar { width: 100%; min-height:20px; clear:both; overflow:hidden; text-align:center; padding:15px; display:block; text-decoration:none; color:#FFF; -moz-transition: all, 0.4s; -o-transition: all, 0.4s; -webkit-transition: all, 0.4s; transition: all, 0.4s; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border:0;  font-size:16px; font-weight:500 }
.boton_enviar:hover { width: 100%; min-height:16px; clear:both; overflow:hidden; text-align:center; padding:15px; display:block; text-decoration:none; color:#FFF; -moz-transition: all, 0.4s; -o-transition: all, 0.4s; -webkit-transition: all, 0.4s; transition: all, 0.4s; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border:0;  font-size:16px; font-weight:500 }

.panel:hover { opacity: 1; }

}