/* CSS Absoluto Chopp Bar */

@import "default.css";
@import "form.css";

body { font:0.8em Arial, Helvetica, sans-serif; color:#333; background:#ffb81b url(../imagens/outras/bg.jpg) no-repeat center top; }
a { color:#5f3b30; text-decoration:none; }
a:hover { color:#000; }
.mg20 { margin:0 20px 0 0; }

#lounge { font:0.8em Arial, Helvetica, sans-serif; color:#333; background:#e4ebff url(../imagens/outras/bg_lounge.jpg) no-repeat center top; }

#wrapper { width:996px; margin:0 auto; text-align: center; overflow:hidden; }

#header { height:330px; text-align:left; }
#header .nav { height:45px; background:url(../imagens/header/bg_header_top.gif) repeat; padding:0 18px; }
#header ul.menu {  z-index: 99999; }
#header ul.menu li { display:inline; float:left; padding:8px 0; font-size:20px; color:#000; font-weight:bold; position: relative; }
#header ul.menu li a { font-size:16px; color:#fff; margin:0 12px; }
#header ul.menu li a:hover  { color:#ffc30d; }
ul.menu li ul {  background: #2f1d18;  display:block;  position: absolute;  width:180px !important;  top: -980em; left:0; }
.menu li:hover ul, .menu li.sfHover ul {  top: 41px;  overflow:hidden;  }
.menu li ul a {  border-bottom: 1px solid #000;;  float:none !important;  padding:4px 10px !important;  height:auto !important;  width:180px !important;  text-align:left; color:#fff; display:block;  }

#header ul.socialmedia { margin:0 0 0 80px; }
#header ul.socialmedia li { display:inline; float:left; margin:0 6px; padding:16px 0; }
#header ul.socialmedia li a.twitter { background:url(../imagens/header/logo_twitter.gif) no-repeat; width:52px; height:10px; }
#header ul.socialmedia li a.orkut { background:url(../imagens/header/logo_orkut.gif) no-repeat; width:36px; height:12px; margin:-1px 0 0 0; }
#header ul.socialmedia li a.facebook { background:url(../imagens/header/logo_facebook.gif) no-repeat; width:54px; height:11px; }
#header ul.socialmedia li a.twitter:hover { background-position:0 -12px; }
#header ul.socialmedia li a.orkut:hover { background-position:0 -15px; }
#header ul.socialmedia li a.facebook:hover { background-position:0 -13px; }

#header .player { padding:8px 0; }
#header .flash { background:url(../imagens/header/topo_flash.jpg) no-repeat; height:285px; padding:0 18px; }
#header .flash object { margin-top:-2px }


#lounge #header .flash { background:url(../imagens/header/topo_flash_lounge.jpg) no-repeat; height:285px; }
#lounge #content { width:820px; background:#5076ba url(../imagens/outras/img_vodka.jpg) no-repeat bottom; text-align:left; padding:0 120px 210px 20px; overflow:hidden; } 
#lounge #content h2 { font-size:24px; color:#fff; background:url(../imagens/outras/icon_vodka.gif) no-repeat left; padding:20px 0 20px 50px; margin:10px 0 0 0; }
#lounge #credits { background:url(../imagens/footer/bg_subfooter_lounge.gif) no-repeat top center; height:31px; margin-bottom:18px; }
#lounge #credits a { background:url(../imagens/footer/agenciawebi2.gif) no-repeat; width:120px; height:18px; margin:12px 16px 0 0; }

#contentHome { width:698px; height:335px; background:#ffc30d url(../imagens/outras/img_beer.jpg) no-repeat bottom; text-align:left; padding:20px 252px 0px 10px;  } 
#contentHome a.top { background: url(../imagens/outras/icon_top.gif) no-repeat; width:14px; height:12px; margin-bottom:1px; }
#contentHome a.top:hover { background-position:0 -14px; }
#contentHome a.bottom { background: url(../imagens/outras/icon_bottom.gif) no-repeat; width:14px; height:12px; }
#contentHome a.bottom:hover { background-position:0 -14px; }

#contentHome .thumbs li { position:relative; display:block;  width:220px; margin-bottom:2px; } 
#contentHome .thumbs li a img { position:relative; z-index:5555; }
#contentHome .thumbs li a span { background:url(../imagens/agenda/bg_black.png) repeat; color:#fff;  z-index:6666; font-size:20px; padding:4px 8px; position:absolute; left:0; top:48px; }
#contentHome .thumbs li.ui-tabs-selected a span {  background:#ffc30d; }
#contentHome .agenda { margin:0 0 0 10px; }
#contentHome .ui-tabs-hide { display: none; }

#content { width:920px; background:#ffc30d; text-align:left; padding:0 20px 40px 20px; overflow:hidden; } 
#content h2 { font-size:24px; color:#2f1d18; background:url(../imagens/outras/icon_beer.gif) no-repeat left; padding:20px 0 20px 60px; margin:10px 0 0 0; }
#content p { margin:20px 0; line-height:18px; }
#content .lista li strong { color:#fff; font-size:11px; margin-top:20px; display:block; background:url(../imagens/outras/icon_seta_baixo.gif) no-repeat left; padding:0 0 0 10px; }
#content .lista li a { padding:14px 0; display:block; font:14px Arial, Helvetica, sans-serif; border-bottom:1px dotted #fa9e0d; }
#content h3 { font-size:26px; font-weight:bold; letter-spacing:-1px; color:#000; }
#content .infoextra { margin:0 0 0 88px; background:url(../imagens/outras/icon_seta_maior.gif) no-repeat left top; padding:0 0 0 36px; color:#000; }

#programacao { overflow:hidden; }
#programacao .evento a { display:block; border-bottom:1px dotted #fa9e0d; height:200px; background:none !important; padding:6px; width:220px !important; line-height:18px; margin:10px 36px !important; }
#programacao .evento a:hover { background:#fa9e0d !important; }

#content .evento a { display:block; background:#fa9e0d; padding:6px; width:260px; line-height:18px; margin:10px 16px; }
#content .evento a img { display:block; margin-bottom:4px;}
#content .evento a strong {color:#fff; font-size:11px; }
#content .evento a:hover { background:#e28f0c; }
#content .tituloevento { padding:0 0 14px 16px; }

.iconsocialmedia a {  width:56px; height:54px; margin:10px 0; }
.iconsocialmedia a.twitter { background:url(../imagens/outras/icon_twitter_ball.gif) no-repeat; }
.iconsocialmedia a.orkut { background:url(../imagens/outras/icon_orkut_ball.gif) no-repeat; }
.iconsocialmedia a.facebook { background:url(../imagens/outras/icon_facebook_ball.gif) no-repeat; }
.iconsocialmedia a.rss { background:url(../imagens/outras/icon_rss_ball.gif) no-repeat; }

iframe { height:420px; padding-bottom:72px; background:url(../imagens/outras/bg_map.gif) no-repeat bottom center; }

#sidebar { background: url(../imagens/sidebar/bg_sidebar.gif) no-repeat top; height:230px; text-align:left; padding-top:55px; font-size:11px; }
#sidebar a { color:#fa9e0d; }
#sidebar .notices { width:310px; padding:0 0 0 28px; overflow:hidden; }
#sidebar .notices  h3, #sidebar .galeria h3, #sidebar .aprecie h3 { height:0; }
#sidebar .notices ul { margin:28px 0 0 0; }
#sidebar .notices ul li { color:#fff; }
#sidebar .notices ul li a { margin-bottom:10px; display:block; line-height:18px; padding:4px; }
#sidebar .notices ul li a:hover { background:#33201a; padding:4px; }

#sidebar .galeria { width:300px; padding:28px 10px 0 10px; overflow:hidden;}
#sidebar .evento a { display:block; background:#33201a; padding:4px; width:132px; line-height:18px; margin-bottom:10px; }
#sidebar .evento a img { display:block; margin-bottom:4px;}
#sidebar .evento a strong {color:#fff; }
#sidebar .evento a:hover { background:#482e26; }

#sidebar .aprecie { width:310px; overflow:hidden; padding-left: 10px; }

#sidebar p.mais a { background:url(../imagens/sidebar/icon_seta.gif) no-repeat left; color:#643e33; padding:0 0 0 10px !important; clear:both; }
#sidebar p.mais a:hover { text-decoration:underline; }

#paginacao { display:block; height:50px; padding-top:20px; margin:20px 0 0 0; clear:both; }
#paginacao .botao_navega {  padding:3px 10px; height:16px; border:1px solid #fff; color:#5f3b30; background:#fff; text-decoration:none; float:left; margin:1px; }
#paginacao .botao_navega:hover { color:#000; }
#paginacao .pagina { padding:4px 5px; display:block; float:left; margin:1px; text-decoration:none; }
#paginacao .pagina:hover { background:#5f3b30; color:#FFF; }
#paginacao .ativo { padding:4px 5px; display:block; float:left; margin:1px; font-weight:bold; background:#fff; color:#000; }

#footer { background:url(../imagens/footer/bg_footer.png) no-repeat top; height:74px; position:relative; margin-top:-11px; text-align:left; padding:30px 21px 0 21px; }
#footer address { font-size:11px; color:#666; background:url(../imagens/footer/logo_absolutochoppbar.png) no-repeat left; padding:14px 0 14px 116px; }
#footer address a { color:#57362c; } #footer address a:hover { color:#2f1d18; }
#footer .parceiros img { margin:0 10px; }

#credits { background:url(../imagens/footer/bg_subfooter.gif) no-repeat top center; height:31px; margin-bottom:18px; }
#credits a { background:url(../imagens/footer/agenciawebi.gif) no-repeat; width:120px; height:18px; margin:12px 16px 0 0; }

.jqifade{ position: absolute; background-color: #333; }
#restrito-form input { padding:10px; }
div.jqi{ width: 400px; background:url(../imagens/outras/bg_galeriarestrita.gif) no-repeat top left; height:120px; font-family: Arial, Helvetica, sans-serif; position: absolute; background-color: #ffffff; font-size: 11px; text-align: left; border: solid 1px #eeeeee;  padding:100px 7px 7px 7px; }
div.jqi .jqicontainer{ font-weight: bold; }
div.jqi .jqiclose{ position: absolute; top: 4px; right: -2px; width: 18px; cursor: default; color: #bbbbbb; font-weight: bold; }
div.jqi .jqimessage{ padding: 10px; line-height: 20px; color: #444444; }
div.jqi .jqibuttons{ text-align: right; padding: 5px 0 5px 0; border: solid 1px #eeeeee; background-color: #f4f4f4; }
div.jqi button{ padding: 3px 10px; font:12px Arial, Helvetica, sans-serif; cursor:pointer; margin: 0 10px; background-color: #666; border: solid 1px #f4f4f4; color: #ffffff; font-weight: bold; font-size: 12px; }
div.jqi button:hover{ background-color: #666; }
div.jqi button.jqidefaultbutton{ background-color: #333; }
.jqiwarning .jqi .jqibuttons{ background-color: #333; }

.eventos_index { width:220px; float:left; }
.eventos_index a { background:url(../imagens/eventos_index.jpg) no-repeat; margin-bottom:2px; color:#1c120e; display:block; font-size:12px; width:220px; height:50px; overflow:hidden; }
.eventos_index a:hover { background-position:0 -50px; }
.eventos_index .data { color:#FFF; float:left; width:50px; text-align:center; text-transform:uppercase; padding:10px 0; }
.eventos_index .desc_evento { margin:5px 0 0 5px; float:left; width:160px; }
.eventos_index a.agenda_eventos { background-position: center -20px; height:30px; }
.eventos_index a.agenda_eventos:hover { background-position:center -70px; }
.eventos_index a.agenda_eventos .data { font-size:20px; padding:2px 0; }
.eventos_index a.agenda_eventos .desc_evento { margin:8px 0 0 5px; }

.destaque_index { float:left; margin:0 0 0 18px; }