/* ------------------------------------------------------------- *\
Website: http://www.cervejariaoriginal.com.br
Autor: Agencia HIVE - Everton Fragoso
Criado em: 05/06/2009
\* ------------------------------------------------------------- */


/* CSS RESET */
/* ------------------------------------------------- */
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,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
/* CSS RESET */

/* ------------------------------------------------- */

* 											{ margin:0; padding:0; text-indent:0; }

body 										{ background:#FFF url(../img/bg.jpg) center top; margin:0; }
body#interna								{ background-image:url(../img/bg-interna.jpg); }
body, input, textarea, selec				{ font:11px Georgia, "Times New Roman", Times, serif; text-decoration:none; }
img, fieldset 								{ border:none; }
ul, li										{ list-style:none; }
legend 										{ text-indent:0; color:#000; }
a 											{ color:#000; text-decoration:none; }
a:link 										{ color:#000; text-decoration:none; } 
a:visited 									{ color:#000; text-decoration:none; }
a:active 									{ color:#000; text-decoration:none; }
a:hover 									{ color:#000; text-decoration:underline; }
address										{ font-style:normal; color:#FFF; font-size:10px; }

#logo-hive									{ margin:10px auto; float:right; display:block; width:26px; height:23px; background:url(../img/logo-hive.png) no-repeat; }

/* CLASSES GERAIS */
.clear										{ clear:both; }
.none										{ display:none; }

h1											{ font-size:18px; }
h2											{ font-size:14px; }
h3											{ font-size:12px; }


/* FORMS */
input, select, textarea						{ padding:2px; font-size:10px; }
textarea									{ height:120px; }
.campos 									{ width:300px; padding:3px; margin-bottom:15px; }
.bt-enviar									{ border:none; float:right; font-size:14px; font-weight:bold; color:#000; width:87px; height:34px; background:url(../img/bt-enviar.jpg) no-repeat; cursor:pointer; }
.bt-voltar									{ background:url(../img/bt-voltar.png) no-repeat; width:83px; height:28px; display:block; position:absolute; margin-left:560px; top:672px; }
.campo-requerido							{ border-color:#F00; }


/* ESTRUTURA */
#container									{ width:100%; margin:0 auto; }
#header, #header-internas					{ height:830px; }
#content									{ position:absolute; top:110px; left:50%; margin-left:-460px; width:650px; }
#nav										{ display:none; }
#footer										{ height:100px; width:900px; margin:0 auto; padding:10px; }
.internas									{ padding:10px; width:650px; overflow:hidden; }

.box-promocoes								{ width:190px; height:230px; float:right; display:none; }


/* NAV */								
#nav ul										{ height:35px; padding:10px; height:25px; }
#nav li										{  }
#nav a										{  }
#nav a:hover								{  }


/* PAGINACAO */
.paginacao									{ position:absolute; width:135px; height:43px; padding:0; background:url(../img/bg-paginacao.png) no-repeat; text-align:center; }
.paginacao p								{ color:#A51D1D; font-size:10px; line-height:40px; }
.paginacao a								{ text-decoration:none; color:#000; font-size:14px; }
.paginacao a:hover							{ color:#A51D1D; text-decoration:none; }
.paginacao a.paginaSel						{ font-weight:bold; }


/* HOME */
#home										{ margin-top:467px; font-size:14px; }
#home h2										{ display:block; width:235px; height:32px; }
a.promo										{ display:block; width:235px; height:150px;z-index:999; position:absolute;left:50%; margin-left:0; top:0; margin-top:300px;}
#home a										{ display:block; }
#home .data									{ font-size:26px; font-weight:bold; letter-spacing:-3px; }
#home .box-galeria							{ float:left; width:293px; height:180px; padding-bottom:10px; margin-top:26px; margin-left:15px; display:none; overflow:hidden; }
#home .box-galeria h2						{ background:url(../img/tit-galeria-home.png) no-repeat; margin-bottom:10px; }
#home .box-galeria img						{ float:left; margin-right:6px; }
#home .ver-galerias							{ width:190px; height:35px; float:right; margin-top:15px; background:url(../img/ver-todas-galerias-home.png) no-repeat; }
#home .box-news								{ float:left; width:265px; height:225px; margin-left:55px;  display:none; }
#home .box-news h2							{ background:url(../img/tit-news-home.png) no-repeat; }
#home .box-news a							{ margin-bottom:13px; }
#home .ver-novidades							{ width:206px; height:35px; float:right; background:url(../img/ver-todas-novidades-home.png) no-repeat; }


/* O BAR */
#obar										{ font-size:12px; width:620px; }
#obar h1									{ display:block; width:146px; height:51px; background:url(../img/obar.png) no-repeat; float:right; margin-right:7px; margin-bottom:39px; }
#obar p										{ margin:10px 0; line-height:18px; }


/* O BAR */
#cardapio									{  }
#cardapio h1								{ display:block; width:204px; height:51px; background:url(../img/cardapio.png) no-repeat; float:right; margin-right:7px; margin-bottom:39px; }
#cardapio h2								{ font-size:22px; color:#682627; }
#cardapio a									{ color:#682627; }
#cardapio a:hover							{ color:#000; text-decoration:none; }
#cardapio .blocos							{ width:630px; margin-top:155px; color:#771819; }
#cardapio .box-esquerda						{ width:190px; float:left; margin-top:30px; font-size:18px; font-weight:bold; }
#cardapio .box-esquerda li					{ text-align:right; display:block; padding-right:25px; margin:10px 0; width:170px; }
#cardapio .box-esquerda .ui-tabs-selected	{ background:url(../img/cardapio-li.png) no-repeat right center; }
#cardapio .box-direita						{ width:300px; height:500px; float:left; padding:0 15px; background:url(../img/bg-cardapio.png) no-repeat center 30px; color:#fff; overflow:hidden; }
#cardapio .box-direita ul					{ margin-top:20px; height:435px; overflow:auto;}
#cardapio .box-direita li					{ margin:10px 0; }
#cardapio .box-direita strong				{ font-size:14px; }
			.ui-tabs-hide					{ display:none; }


/* AGENDA */
#agenda										{ font-size:12px; }
#agenda h1									{ display:block; width:149px; height:51px; background:url(../img/agenda.png) no-repeat; float:right; margin-right:7px; margin-bottom:39px; }
#agenda .listagem							{ float:left; background:url(../img/bg-agenda-lista.png) no-repeat; width:259px; height:375px; padding-top:55px; padding-left:25px; margin-top:102px; margin-left:8px; *padding-top:68px;  _padding-top:68px; }
#agenda .listagem .tabs li					{ font-size:14px; margin:10px 0; line-height:28px; *line-height:30px; _line-height:30px; }
#agenda .listagem .tabs a:hover				{ color:#9D2729; text-decoration:none; }
#agenda .listagem .tabs span				{ font-size:22px; font-weight:bold; letter-spacing:-3px; }
#agenda .listagem .tabs .hoje				{ color:#9D2729; }
#agenda .lico 								{ float:left; width:300px; margin-top:52px; margin-left:20px; font-size:14px; }
#agenda .lico #esq							{ float:left; font-size:22px; margin-bottom:20px; }
#agenda .lico #esq .data					{ font-size:30px; font-weight:bold; color:#9D2729; letter-spacing:-3px; }
#agenda .lico #dir							{ float:right; font-size:15px; font-weight:bold; text-align:right; }
#agenda .lico #dir .titulo					{ font-size:30px; font-weight:bold; color:#571E0F; letter-spacing:-3px; }
#agenda .lico p								{ clear:both; }
#agenda .paginacao							{ margin-left:115px; }


/* PROMOCOES */
#promocoes									{ font-size:12px; width:620px; }
#promocoes h1								{ display:block; width:273px; height:59px; background:url(../img/promocoes.png) no-repeat; float:right; margin-right:7px; margin-bottom:39px; }
.img-promocoes								{ width:600px; text-align:center;}

/* GALERIA */
#galeria									{ padding:10px 0; }
#galeria h1									{ display:block; width:310px; height:51px; background:url(../img/galeria.png) no-repeat 0 bottom; float:right; margin-right:7px; margin-bottom:39px; }
#galeria .fotos								{ margin-top:125px; }
#galeria .thumb								{ float:left; display:block; background:url(../img/bg-galeria-thumbs.jpg) no-repeat; width:198px; height:168px; padding:4px; margin-right:10px; margin-bottom:50px; color:#6D311B; text-align:center; overflow:hidden; }
#galeria .thumb:hover						{ text-decoration:none; color:#000; }
#galeria .prev								{ height:130px; overflow:hidden; display:block; cursor:pointer; }

#galeria .data-hover,
#galeria .data-hover-bg						{ position:absolute; display:block; margin-top:107px; width:198px; height:23px; background:#9D2729; color:#EEE6D6; font-size:18px; font-weight:bold; text-align:center; line-height:22px; *margin-left:-99px; _margin-left:-99px; }

#galeria .data-hover						{ background:none; }
#galeria .paginacao							{ position:absolute; top:657px; margin-left:30px; }

#galeria .bloco								{ margin-top:100px; margin-left:40px; background:url(../img/bg-galeria.png) no-repeat; width:576px; height:586px; padding-top:15px; text-align:center; }
#galeria .bloco .data-hover,
#galeria .bloco .data-hover-bg				{ margin-left:15px; margin-top:-53px; *margin-top:-50px; _margin-top:-50px; }
#galeria .bloco .data-hover-bg				{ background:#9D2729; width:546px; *left:40px; _left:40px; height:50px; }
#galeria .bloco .data-hover					{ background:transparent; width:536px; padding-left:10px; text-align:left; font-size:14px; font-weight:normal; line-height:normal; *left:40px; _left:40px; }
#galeria .bloco .data-hover span			{ font-size:22px; font-weight:bold; }
#galeria .holder							{ width:520px; height:65px; overflow:hidden; }
#galeria .holder div						{ width:520px; }
#galeria .holder div img					{ margin:10px 4px; }
#galeria .botoes							{ width:11px; height:12px; margin-top:30px; }
#galeria .bt-esquerda						{ float:left; margin-left:10px; margin-right:5px; background:url(../img/seta-esquerda.png) no-repeat; }
#galeria .bt-direita						{ float:right; margin-right:10px; background:url(../img/seta-direita.png) no-repeat; }


/* NEWS */
#news										{ font-size:14px; color:#571E0F; }
#news h1									{ display:block; width:113px; height:51px; background:url(../img/news.png) no-repeat; float:right; margin-right:7px; margin-bottom:39px; }
#news h2									{ font-size:24px; }
#news .box-noticia							{ width:580px; border-bottom:1px solid #C2C180; margin-left:20px; margin-bottom:20px; }
#news .data									{ font-weight:bold; display:block; width:90px; height:80px; padding-top:20px; text-align:center; float:left; margin-right:10px; background:url(../img/bg-data-noticia.jpg) no-repeat center center; }
#news .data span							{ font-size:40px; color:#8B3839; display:block; }
#news .ver-mais								{ display:block; width:135px; height:30px; margin-left:445px; line-height:30px; text-align:center; background:#D9CEAF; color:#8B3738; font-weight:bold; font-style:italic; letter-spacing:-1px; }
#news .noticia-completa						{ clear:both; padding-left:20px; }
#news .texto-editor							{ width:500px; float:right; margin-right:30px;height:550px; overflow:auto; }
#news .texto-editor p						{ margin-bottom:10px; }


/* CONTATO */
#contato									{  }
#contato h1									{ display:block; width:215px; height:51px; background:url(../img/contato.png) no-repeat; float:right; margin-right:7px; margin-bottom:39px; }
#contato .bloco								{ clear:both; padding-top:20px; padding-left:20px; line-height:16px; }
#contato .bloco .esquerda					{ float:left; width:300px; margin-top:20px; }
#contato label								{ font-weight:bold; font-size:14px; }
#contato .bloco .direita					{ color:#630a0b; text-align:right; margin-top:40px; margin-right:20px; float:right; width:250px; }
#contato .bloco .direita span				{ font-size:18px; font-weight:bold; }
#contato .bloco .direita .italico			{ font-size:11px; font-weight:bold; font-style:italic; }


/* FOOTER */
#footer .parceiros							{ float:left; width:420px; text-align:center; }
#footer .parceiros img						{ margin-left:10px; margin-bottom:10px; }
#footer .endereco							{ float:right; width:450px; text-align:right; padding-top:10px; }


/* 404 ERROR */
#not-found 									{ text-align:center; margin-top:200px; }
#not-found ul#possiveis-erros				{ width:550px; background:#f1f1f1; border:1px solid #CCC; padding:20px; margin:0 auto; text-align:left; }
#not-found ul#possiveis-erros li			{ list-style:square; padding-left:10px; margin-left:10px; }

.flash-pop									{ position:absolute; left:40%; top:-100px; width:1024px; height:760px; margin-left:-512px;}