/* CSS Document */

body{
	margin:0px; padding:0px;
	background-color:#fff;
	background-image: url(imgs/bg_haus.gif);
}

body, div, td{ font:normal 10px/11px Arial, Helvetica, sans-serif; }
#geral{
	position:absolute;
	left:50%;
	margin:0 0 0 -499px;
	width:998px;
}
#logo_haus{
	position:absolute;
	margin:20px 0 0 186px;
	z-index:20;
}
#logo_graffikpix{
	position:absolute;
	margin:380px 0 0 0;
	z-index:10;
}
#logo_graffikpix_int{
	position:absolute;
	margin:365px 0 0 935px;
	z-index:90;
}
#endereco{
	position:absolute;
	margin:585px 0 0 604px;
	z-index:10;
}
#conhecatambem{
	position:absolute;
	margin:395px 0 0 910px;
	z-index:10;
}
#menu{
	position:absolute;
	margin:45px 0 0 370px;
	z-index:10;
}
#menu img{
	margin:0 0 0 20px;
}
#menu img:hover{
	background:url(imgs/bg_ptobranco.gif) no-repeat;
	background-position:right;
}
#destaque_index{
	position:absolute;
	margin:65px 0 0 0;
	z-index:1;
}
.chamadasindex, .chamadasint, .chamadasindex_cerveja{
	position:absolute;
	background:url(imgs/det_ptobranco.gif) 0 3px no-repeat;
	padding-left:18px;
	width:235px;
	text-align:justify;
	color:#ffffff;
	z-index:10;
}	
.chamadasindex_cerveja{
	background:url(imgs/det_ptobranco.gif) 0 2px no-repeat;
}
.chamadasint{
	position:static;
}
#noticias{
	margin:386px 0 0 299px;
}
#hausecultura{
	margin:385px 0 0 299px;
}
#hausecultura_int{
	margin:390px 0 0 85px;
}
#acontece{
	width:261px;
	margin:386px 0 0 574px;
}
#haus_int{
	width:300px;
	margin:40px 0 0 0;
}
#acontece_int{
	width:300px;
	margin:0;
}
#acontece_int_fotos{
	background-color:blue;
	position:relative;
}
.fotocultura{
	float:left;
	border:5px solid #ffffff;
	margin:2px 10px 0 0;
}
.fotoacontece, .fotoacontece_int{
	float:left;
	border:5px solid #ffffff;
	margin:0 6px 0 0;
}
.fotoacontece_int{
	margin:0px 25px 0 0;
}
.fotoacontece_int_media{
	float:left;
	border:2px solid #ffffff;
	margin:0 3px 4px 0;
}
.img_hausecultura{
	border:3px solid #ffffff;
	margin:0 0 4px 0;
}
#content0 .item, #content1 .item, #content2 .item, #content0 .item2 {
	padding:4px 3px;
	padding-left: 15px;
}
#content0 .item:hover, #content1 .item:hover, #content2 .item:hover {
	background-color:#817a67;
	width:100%;
}
.separador{
	width:100%; height:2px;
	margin-top:10px;
}
.clear{
	clear:both;
}
.tit_b11{
	font-weight:bold;
	font-size:11px;
}
#det_int_esquerda{
	position:relative;
	float:left;
	margin:247px 0 0 0px;	
}
#det_int_direita{
	float:left;
	margin:209px 0 0 0px;
	width:215px; height:143px;
	background:url(imgs/bg_det_direito.gif) no-repeat;
	background-position:bottom;
}
#conteudo_int{
	position:relative;
	z-index:10;
	float:left;
	margin:147px 0 20px 0; padding:0 55px 40px 55px;
	width:332px;
	line-height:14px;
	text-align:justify;
	background:url(imgs/txt_endereco.gif) no-repeat;
	background-position:bottom;
	min-height:410px;
	height:auto !important;
	height:410px;
}
.fotos_int{
	padding:0 0px 40px 55px;
	background-color:#00CC33;
}
.pag_fotos, .pag_fotos_atual {
	background-color:#a59d86;
	margin-bottom:7px; padding:2px;
	text-align:center;
	color:#5d1d18;
	}
.pag_fotos_atual{
	background-color:#FFFFFF;
}
#detalhe_foto{
	position:absolute;
	margin:20px 0 10px -6px;
	z-index:50;
}
#detalhe_foto2, #curiosidade{
	position:absolute;
	margin:0 0 10px -6px;
	z-index:9991500;
}
#bandeiras img{
	margin:9px 5px 9px 0;
}
#bandeiras img.ultima, #bandeiras_int img.ultima{
	margin:9px 0;
}
.marca_nome_cerveja{
	float:left;
	margin:5px 29px 0 0;
	width:91px;
}

.pag_cervejas, .pag_cervejas_atual {
	width:12px;
	background-color:#a59d86;
	padding:1px 1px;
	text-align:center;
	color:#5d1d18;
}
.pag_cervejas_atual{ background-color:#FFFFFF; }

.nome_cerveja {
	background-color:#a59d86;
	padding:1px;
	text-align:center;
	color:#000;
}
#detalhe_marca_cerveja{
	position:absolute;
	width:338px;
	margin:48px 0 0 -3px;
	z-index:50;
	visibility:hidden;
}
#detalhe_marca_cerveja_voto{
	position:absolute;
	width:338px;
	margin:48px 0 0 -3px;
	z-index:50;
	visibility:visible;
}
#detalhe_cerveja{
	margin:0px 3px 5px 3px;
	width:90%;
}
#detalhe_cerveja th{
	color:#ffffff;
	vertical-align:bottom;
}
#detalhe_cerveja td{
	padding:2px 0px 1px 0px;
	vertical-align:bottom;
}
#detalhe_cerveja tr.bg{ background:url(imgs/bg_pontos.gif) repeat-x; }
.ultima{ margin-right:0; }

input.campos, textarea.campos, select.campos {
	margin:3px 5px 4px 0; margin-bottom:1px; padding:1px 2px;
	font:normal 10px Arial, Helvetica, sans-serif;
	background-color:#aba289;
	border-top:1px solid #808080;
	border-right:1px solid #d4d0c8;
	border-bottom:1px solid #d4d0c8;
	border-left:1px solid #808080;
}

a:link, a:visited{
	color:#5d1d18;
	text-decoration:none;
}
a:visited, a:hover{
	color:#5d1d18;
	text-decoration:none;
}
a.cor1:link, a.cor1:visited, a.cor1:visited, a.cor1:hover{
	color:#000000;
	text-decoration:none;
}
a.cor2:link, a.cor2:visited, a.cor2:visited, a.cor2:hover{
	color:#ad2f26;
	text-decoration:none;
}
a.cor3:link, a.cor3:visited, a.cor3:visited, a.cor3:hover{
	color:#ffffff;
	text-decoration:none;
}
a.cor4:link, a.cor4:visited, a.cor4:visited, a.cor4:hover{
	color:#1e1e1e;
	text-decoration:none;
}
.marca_nome_cerveja a:link, .marca_nome_cerveja a:visited{
	color:#000;
	text-decoration:none;
}
.marca_nome_cerveja a:visited, .marca_nome_cerveja a:hover{
	color:#000;
	text-decoration:none;
}

.cor1 {
	color:#000000; /* Cor: preto */
}
.cor2 {
	color:#ad2f26; /* Cor: vermelho */
}
.cor3 {
	color:#ffffff; /* Cor: branco*/
}
.cor4 {
	color:#1e1e1e; /* Cor: quase preto*/
}
/***************** Rolagem */
#content0, #content1, #content2 {
	/* defined in the head for ns4 compatibility */
	position:absolute;
	left:0px; top:0px;
	text-align:left;
}
.sbar, .sbar1{ height:39px; }
.tbar{
	height:99px; _height:106px; 
	background-color:#6f6a5c;
}
.tbar1{
	height:230px; _height:207px; 
	background-color:#6f6a5c;
}
.vscroll{
	position:absolute; 
	right:0px; 
}
.tzbar{ z-index:3; }
.szbar{ z-index:6; }
.cMask{
	position:absolute; 
	left:0px; top:0px; 
	width:286px; height:99px; _height:106px; 
	clip:rect(0px,286px,99px,0px); _clip:rect(0px,286px,106px,0px); 
	overflow:hidden;
	z-index:6;
}

.cMask2{
	position:absolute; 
	left:0px; top:0px; 
	width:322px; height:99px; _height:106px; 
	clip:rect(0px,322px,99px,0px); _clip:rect(0px,322px,106px,0px); 
	overflow:hidden;
	z-index:6;
}

.cMask1{
	position:absolute; 
	left:0px; top:0px; 
	width:286px; height:230px; _height:206px; 
	clip:rect(0px,286px,230px,0px); _clip:rect(0px,286px,206px,0px); 
	overflow:hidden;
	z-index:6;
}
/*****************/