/* reseteando estilos */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p,blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,ins, kbd, q, s, samp, small, strike,strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;font-family: inherit;vertical-align: baseline}
body{line-height: 1}
:focus{outline: 0}
ol, ul{list-style: none}
table{border-collapse: collapse;border-spacing: 0}
blockquote:before, blockquote:after, q:before, q:after{content: ""}
blockquote, q{quotes: "" ""}
input, textarea{margin: 0;padding: 0}
hr{margin: 0;padding: 0;border: 0;color: #000;background-color: #000;height: 1px}
/* fin reset */

body{background:#007634 url('../images/fondo_gotas.jpg') no-repeat right top;/*background:#007634 url('../images/fondo_intro.jpg') no-repeat right top;*/font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px;line-height:16px;}
div.principal{float:left; display:inline;width:980px; position:relative; top:0; left:50%; margin-left:-490px;}
div.header{background:url("../images/separa_menu.gif") no-repeat scroll 0 35px transparent;display:inline;float:left;height:110px;position:relative;width:980px;}
div.contents{background:url("../images/fondo_contenidos.png") no-repeat scroll 0 0 transparent;display:inline;float:left;min-height:530px;padding:20px 0 0 180px;position:relative;width:800px;z-index:2;}
div.bottle{left:6px;overflow:hidden;position:absolute;top:-10px;width:173px;z-index:10;}
div.footer{ float:left; display:inline; width:980px; position:relative;z-index:1}
div.footer p.recomienda{color:#FFFFFF;font-family:arial;font-size:17px;font-weight:bold;left:230px;position:absolute;top:4px;}
div.contents h1{background:url("../images/titulo1.gif") no-repeat scroll 0 0 transparent;display:inline;float:left;height:51px;position:absolute;right:40px;text-indent:-9999px;top:19px;width:264px;z-index:2;}
div.tropical{background:url("../images/hazlo_tropical.png") no-repeat scroll 0 0 transparent;bottom:-38px;display:inline;float:left;height:98px;left:4px;position:absolute;text-indent:-9999px;width:200px;z-index:11;} 
body#galeria h1{background-image:url(../images/titulo2.gif);width:352px;}
body#contacto h1{background-image:url(../images/titulo3.gif);top:23px;width:250px;}
body#legal h1{background-image:url("../images/titulo4.gif");top:24px;width:205px;}


/* navegacion */
ul.menu_superior, ul.menu_superior li, ul.menu_superior li a{float:left; display:inline;}
ul.menu_superior{ margin:11px 0 0 11px;}
ul.menu_superior li a{background:url("../images/menu2.gif") no-repeat scroll 0 0 transparent;height:16px;text-indent:-9999px;width:46px; margin-right:10px;}
ul.menu_superior li.cerveza a{background-position:0 -17px;width:73px;}
ul.menu_superior li.historia a{background-position:0 -34px;width:62px;}
ul.menu_superior li.noticias a{background-position:0 -51px;width:63px;}
ul.menu_superior li.promociones a{background-position:0 -68px;width:94px;}
ul.menu_superior li.galeria a{background-position:0 -85px;width:109px;}
ul.menu_superior li.campanas a{background-position:0 -102px;width:118px;}
ul.menu_superior li.codigo a{background-position:0 -119px;width:118px;}
ul.menu_superior li.inicio a:hover,body#inicio li.inicio a{background-position:-120px 0;}
ul.menu_superior li.cerveza a:hover,body#cerveza li.cerveza a{background-position:-120px -17px;width:73px;}
ul.menu_superior li.historia a:hover,body#historia li.historia a{background-position:-120px -34px;width:62px;}
ul.menu_superior li.noticias a:hover,body#noticias li.noticias a{background-position:-120px -51px;width:63px;}
ul.menu_superior li.campanas a:hover,body#spots li.campanas a, body#spotsList li.campanas a{background-position:-120px -102px;width:118px;}
ul.menu_superior li.promociones a:hover,body#promociones li.promociones a{background-position:-120px -68px;width:94px;}
ul.menu_superior li.galeria a:hover,body#galeria li.galeria a{background-position:-120px -85px;width:109px;}
ul.menu_superior li.codigo a:hover,body#spots li.codigo a, body#spotsList li.codigo a{background-position:-120px -119px;width:118px;}
div.header .logotipo{background:url("../images/logotipo.png") no-repeat scroll 0 0 transparent;bottom:0;height:100px;position:absolute;right:10px;text-indent:-9999px;width:315px; cursor:pointer;}
div.footer ul.adicionales{float:right; display:inline;margin-right:10px;}
div.footer ul.adicionales li, div.footer ul.adicionales li a{display:inline;float:left;margin:3px 0;}
div.footer ul.adicionales li a{background:url("../images/menu.gif") no-repeat scroll 0 -103px transparent;height:15px;text-indent:-9999px;width:60px;}
div.footer ul.adicionales li.legal a{background-position: 0 -120px;}
div.footer ul.adicionales li.contacto a:hover{background-position:-98px -103px;}
div.footer ul.adicionales li.legal a:hover{background-position:-98px -120px;}
div.footer ul.adicionales li.facebook a{background:url("../images/socialIcons.png") no-repeat scroll 0 0 transparent;height:25px;margin:-3px 0px 0px 8px;width:25px;}
div.footer ul.adicionales li.twitter a{background:url("../images/socialIcons.png") no-repeat scroll -25px 0 transparent;height:25px;margin:-3px 0px 0px ;width:25px;}
div.footer ul.adicionales li.tuenti a{background:url("../images/socialIcons.png") no-repeat scroll -50px 0 transparent;height:25px;margin:-3px 8px 0px 0px ;width:25px;}
div.footer ul.adicionales li.talking a{background:url("../images/hablamos_alcohol_s.png") no-repeat scroll 0 0 transparent;height:40px;left:0;position:absolute;top:-6px; width: 72px !important;}
div.footer ul.adicionales li.talking{height:20px;position:relative;width:72px;}
/* FIN navegacion*/

/* inicio */
body#inicio div.contents{ background:none;padding:0;width:980px;}
body#inicio div.promo_principal{display:inline;float:left;height:390px;width:980px;}
body#inicio div.promos_secundarias{display:inline;float:left;height:160px;width:980px;}
/* FIN inicio */

/* promociones y spotsList */
div.scroll_promociones{ float:left; display:inline; width:760px; height:460px; overflow:hidden; position:relative;margin:24px 0 0 10px;}
.listado_promociones{display:inline;float:left;left:0;position:absolute;top:0;width:750px;}
.listado_promociones li, .listado_promociones li a{float:left; display:inline;}
.listado_promociones li{color:#FFF;background:url("../images/fondo_li_promociones.png") no-repeat scroll 0 0 transparent;height:85px;padding:10px 20px 20px 246px;position:relative;width:484px;}
.listado_promociones li img{left:10px;position:absolute;top:9px;}
.listado_promociones li a{ color:#fff; text-decoration:none;}
.listado_promociones li h2{color:#78C800;display:inline;float:left;font-size:17px;font-weight:normal;margin:13px 0 0;width:484px;}
.listado_promociones li p.fecha{margin-top:11px;float:left;}
.listado_promociones li p.lugar{display:block;float:left;width:480px; position:relative;}
.listado_promociones li p.lugar strong{bottom:-3px;color:#5A8255;margin-left:20px;position:absolute;right:0;text-align:right;width:175px;}
.listado_promociones li p.lugar strong a{color:#5A8255; text-decoration:none;width:175px;}
body#promociones div.mas_info, body#spotsList div.mas_info{bottom:26px;display:inline;float:left;left:240px;position:absolute;width:690px;}
body#promociones p.pagina, body#spotsList p.pagina{color:#4D724F;font-size:12px;font-weight:bold;}
body#promociones div.bloque_pags, body#spotsList div.bloque_pags{background:url("../images/fondo_paginacion.gif") no-repeat scroll right 0 transparent;display:inline;float:right;}
body#promociones ul.paginacion, body#spotsList ul.paginacion{background:url("../images/fondo_paginacion.gif") no-repeat scroll 0 0 transparent;display:inline;float:left;height:12px;margin-right:3px;padding:1px 0 2px 3px;}
/* FIN promociones */

/* galerias */
body#galeria .col_01, body#spots .col_01{display:inline;float:left;margin:33px 0 0 0px;position:relative;width:165px;}
body#galeria .col_02, body#spots .col_02{background:url("../images/fondo_galerias.png") no-repeat scroll right 0 transparent;display:inline;float:left;height:445px;margin:40px 0 0;position:relative;width:596px;}
ul.fotos, ul.fotos li, ul.fotos li a{float:left; display:inline;}
#preview{position:absolute; z-index:9999;border:1px solid #467A45;background:#fff;padding:5px;display:none;color:#467A45;}
ul.listado_fotos{bottom:30px;height:364px;left:29px;position:absolute;width:552px;}
ul.listado_fotos li, ul.listado_fotos li a { float:left; display:inline;}
ul.listado_fotos li a{background:url("../images/loader.gif") no-repeat scroll center center #FFFFFF;border:2px solid #CCDDEE;height:83px;margin:2px;width:83px;}
ul.listado_fotos li img{/* width:83px; height:83px;*/}
body#galeria .col_02 h2 strong, body#spots .col_02 h2 strong{color:#528D61;font-family:georgia;font-size:16px;left:30px;line-height:24px;position:absolute;top:14px;}
p.mensaje_vacio{color:#FFFFFF;font-size:18px;left:30px;line-height:23px;padding:162px 50px;position:absolute;text-align:center;top:50px;width:440px;}
body#galeria div.mas_info, body#spots div.mas_info{font-size:12px;bottom:9px;display:inline;float:left;left:30px;position:absolute;width:545px; color:#4d724f; font-weight:bold;}
p.pagina, p.pagina_video{ float:left; display:inline;}
ul.paginacion{ float:right; display:inline;}
ul.paginacion li{ float:left; display:inline;}
ul.paginacion li a{ background:transparent url(../images/paginacion.gif) no-repeat 0 0;display:inline;float:left;height:8px;margin:3px 2px 0;overflow:hidden;text-indent:-9999px;width:8px;}
ul.paginacion li a.activa{background-position:right top;}
ul.paginacion li a#arrow_left{
	background:transparent url(../images/arrows.gif) no-repeat 0 0;
}
ul.paginacion li a#arrow_right{
	background:transparent url(../images/arrows.gif) no-repeat -8px 0;
}
/*
body#galeria ul#galerias, body#spots ul#galerias{ float:left; display:inline; position:absolute; z-index:10;}
*/
body#galeria ul#galerias li, body#spots ul#galerias li{ float:left; display:inline;height:112px;width:149px; position:relative; cursor:pointer;}
body#galeria ul#galerias li a, body#spots ul#galerias li a{ float:left; display:inline;height:112px;width:149px; position:absolute; top:0; left:0; z-index:2; cursor:pointer; text-decoration:none; color:#fff;}
body#galeria ul#galerias li.oculta img, body#spots ul#galerias li.oculta img{opacity:0.3;}
body#galeria ul#galerias li.oculta span, body#spots ul#galerias li.oculta span{ display:none;}
body#galeria ul#galerias li.activa a, body#spots ul#galerias li.activa a{ background:url(../images/galeria_activa.gif) no-repeat 0 0;}
body#galeria ul#galerias li.activa span,body#spots ul#galerias li.activa span{text-align:center;background: transparent url(../images/texto_galerias.gif) no-repeat 0 bottom;bottom:8px;display:inline;float:left;left:10px;padding:3px 8px 6px;position:absolute;width:113px; opacity:0.88;}
body#galeria .fullscreen, body#spots .fullscreen{left:200px;padding:200px 145px;top:60px;}
body#galeria #player,body#spots #player{background-color:#000000;display:inline;float:left;height:360px;left:31px;position:absolute;top:53px;width:542px;}
.pestana{display:inline;float:left;height:445px;position:relative;width:596px;}
.col_02 .ocultar{ display:none;}
div.nav_galeria{clear:both;display:inline;float:left;position:absolute;right:20px;top:17px;z-index:10;}
div.nav_galeria ul, div.nav_galeria ul li, div.nav_galeria ul li a{ float:left; display:inline;}
div.nav_galeria ul li a{width:70px; height:24px; background: transparent url(../images/btns_galeria.gif) no-repeat 0 0; text-indent:-9999px; margin:0 2px;}
div.nav_galeria ul li.videos a{background-position:right 0;}
div.nav_galeria ul li a:hover{background-position:0 bottom;}
div.nav_galeria ul li.videos a:hover{background-position:right bottom;}
.scroll-pane {
	height:452px;
	width:165px;
	overflow:auto;
}

/* FIN galerias */

/* aviso legal */
div.contenido_legal{color:#8EAD90;display:inline;float:left;height:400px;margin:65px 0 0;overflow-y:auto;padding:0 15px 15px;width:720px;}
div.contenido_legal p{ margin-bottom:12px;}
ol.condiciones{list-style:decimal; padding:20px;}
div.contenido_legal a{color:#9AD09D; font-weight:bold; text-decoration:none;}
div.contenido_legal h2{color:#9AD09D;font-family:georgia;font-size:21px;font-weight:normal;margin:15px 0 9px;}
.color_scroll{scrollbar-face-color:#467a45;scrollbar-highlight-color:#acd8ab;scrollbar-3dlight-color:#002e0f;scrollbar-darkshadow-color:#002e0f;scrollbar-shadow-color:#305430;scrollbar-arrow-color:#acd8ab;scrollbar-track-color:#115126;}
/* FIN aviso legal */

/* contactar */
div.contenido_contacto{background: transparent url(../images/fondo_contacto.png) no-repeat 0 0;display:inline;float:left;height:445px;left:130px;position:absolute;top:58px;width:800px;z-index:1;}
div.direccion{display:inline;float:left;height:380px;margin-right:13px;padding:30px;width:322px;}
div.formulario{display:inline;float:left;height:380px;padding:30px;width:340px;}
div.formulario form{position:relative; float:left; display:inline; height:390px;}
div.formulario label{display:block;float:left;padding:4px 0;width:340px;}
div.formulario label strong{color:#FFFFFF;float:left;padding:5px 0 0;width:100px;}
div.formulario label input, div.formulario label textarea{ padding:4px;width:225px; border:1px solid #467a45; background-color:#06210e; color:#8FAD77;}
div.formulario label textarea{overflow-y:auto;}
div.formulario label textarea{ height:200px;}
div.direccion p{ display:none;}
input.botones{background:url("../images/botones_formulario.gif") no-repeat scroll 0 0 transparent;border:medium none;color:#214525;display:inline;float:left;font-size:15px;font-weight:bold;height:34px;padding:0 0 4px;width:145px; cursor:pointer;}
div.acciones{display:inline;float:left;margin-top:36px;position:relative;width:345px;}
input#captcha{padding:4px 4px 4px 75px;width:38px;}
input#submit{ float:right; color:#fff; text-transform:uppercase;}
label.comentarios_label{position:relative;}
label.comentarios_label em{color:#598B58;float:right; position:absolute; right:0; top:4px;font-size:11px;font-style:normal;line-height:12px;padding:1px 10px 0 0;width:103px;}
div.mensaje{border-top:1px solid #334A1B;bottom:0;color:#D7D368;font-size:20px;line-height:24px;padding:10px 44px 18px;position:absolute;text-align:center;width:264px;}
/* fin contactar */


/* control de edad */
body#seguridad #agecontrol{ float:left; display:inline; position:absolute; width:664px; height:356px; top:50%; left:50%; margin:-178px 0 0 -332px;}
body#seguridad{background:#007634 url('../images/fondo_intro.jpg') no-repeat right top;}
/* FIN control de edad */