/*
	Autor: Anderson Triacca
	Empresa: Guife Multicom
	Data de Início: 19/09/2009
	Última Modificação: 13/05/2010
*/

/*----------------------------------------
	- Partes Comuns a todas páginas
---------------------------------------*/
*{
	margin: 0;
	padding: 0;
	outline: none;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #908969;
	clear: both;
}
body, html{
	height: 100%;
}
html{
	background: url(../imagens/html.jpg) left top;
}
body{
	background: url(../imagens/body.png) left top repeat-x;
}
label, input, select, textarea{
	display: block;
	border: none;
}
li{
	list-style-type: none;
}
a{
	text-decoration: none;
}
p{
	line-height: 13px;
}
img{
	border: none;
}
fieldset{
	border: none;
}
#global{
	background: url(../imagens/global.jpg) center top no-repeat;
	min-height: 600px;
}
#central{
	width: 963px;
	margin: 0 auto;
}
a.bt_topo{
	display: block;
	width: 144px;
	height: 28px;
	text-indent: -20000px;
	background: url(../imagens/bt_topo.gif) left top no-repeat;;
	margin-top: 30px;
	float: left;
	margin-bottom: 30px;
}
a.bt_reserva{
	display: block;
	width: 125px;
	height: 28px;
	text-indent: -20000px;
	background: url(../imagens/bt_reserva.gif);
	margin-top: 30px;
	margin-left: 26px;
	float: left;
	clear: none;
}
a.bt_topo:hover, a.bt_reserva:hover{
	background-position: left bottom;
}
/*----------------------------------------
	- Topo
---------------------------------------*/
#topo{
	height: 352px;
	position: relative;
}
#topo h1{
	width: 216px;
	height: 152px;
	background: url(../imagens/logo.png) left top no-repeat;
	text-indent: -20000px;
	position: absolute;
	top: 19px;
	left: 5px;
}
#anima_topo{
	width: 735px;
	height: 354px;
	position: absolute;
	bottom: 0;
	right: 0;
}
#anima_topo .objeto_swf{
	width: 735px;
	height: 354px;
}
#topo .form_login{
	width: 228px;
	height: 179px;
	background: url(../imagens/form_login.png) left bottom no-repeat;
	padding-top: 173px;
	position: relative;
}
#topo p.logado{
	width: 200px;
	padding-left: 28px;
	height: 101px;
	padding-top: 251px;
	background: url(../imagens/form_logado.png) left bottom no-repeat;
	position: relative;
}
#topo .form_login label{
	display: block;
	position: absolute;
	height: 19px;
}
#topo .form_login label input{
	background: none;
	width: 84px;
	color: #4a3711;
}
#topo .form_login label.label_email{
	left: 0;
	bottom: 83px;
	width: 113px;
}
#topo .form_login label.label_email input{
	position: absolute;
	left: 31px;
}
#topo .form_login label.label_senha{
	left: 116px;
	bottom: 83px;
	width: 57px;
}
#topo .form_login label.label_senha input{
	width: 45px;
	position: absolute;
	left: 8px;
}
#topo .form_login input.bt_submit{
	width: 26px;
	position: absolute;
	left: 174px;
	bottom: 85px;
	background: none;
	cursor: pointer;
	color: #41300e;
}
#topo .form_login a{
	color: #7e7157;
	font-size: 11px;
	position: absolute;
	display: block;
	left: 20px;
	top: 287px;
	width: 170px;
	padding-left: 11px;
	background: url(../imagens/demarcador_cadastro_senha.gif) top left no-repeat;
	z-index: 100;
}
#topo .form_login a.bt_recupera{
	top: 302px;
}
#topo .form_login a:hover{
	color: #8f6a22;
	background-position: bottom left;
}
/*----------------------------------------
	- Matinho's
---------------------------------------*/
span.matinho_esq{
	background: url(../imagens/matinho_esq.png) left top no-repeat;
	display: block;
	width: 293px;
	height: 235px;
	position: absolute;
	left: -73px;
	top: -73px;
	z-index: 1;
}
span.matinho_dir{
	background: url(../imagens/matinho_dir.png) left top no-repeat;
	display: block;
	width: 202px;
	height: 255px;
	position: absolute;
	right: -73px;
	top: -39px;
	z-index: 1;
}
/*----------------------------------------
	- Menu Superior
---------------------------------------*/
#menu_superior{
	width: 666px;
	height: 63px;
	float: right;
	position: relative;
	top: 2px;
	right: 69px;
}
#menu_superior .objeto_swf{
	width: 666px;
	height: 63px;
}
#menu_superior a{
	display: block;
	width: 100px;
	float: left;
	clear: none;
}
/*----------------------------------------
	- Menu Lateral
---------------------------------------*/
#menu_lateral{
	background: #261700 url(../imagens/menu_lateral.png) left top no-repeat;
	width: 228px;
	height: 100%;
	position: absolute;
	top: 2px;
	left: 0;
	float: left;
	z-index: 10000;
}
#menu_lateral h2{
	display: block;
	text-indent: -20000px;
	font-size: 1px;
}
#menu_lateral a.bt_indique{
	display: block;
	text-indent: -20000px;
	width: 169px;
	height: 28px;
	background: url(../imagens/bt_indique.gif) left top no-repeat;
	position: absolute;
	top: 69px;
	left: 29px;
	z-index: 10;
}
#menu_lateral a.bt_indique:hover{
	background-position: left bottom;
}
#menu_lateral h2.tit_menu{
	display: block;
	width: 63px;
	height: 15px;
	background: url(../imagens/h2_menu.gif) left top no-repeat;
	text-indent: -20000px;
	position: absolute;
	top: 128px;
	left: 30px;
}
#menu_lateral ul.navegacao_lateral{
	position: absolute;
	top: 157px;
}
#menu_lateral ul.navegacao_lateral li{
	display: block;
	width: 226px;
	height: 30px;
	position: relative;
	left: 1px;
}
#menu_lateral ul.navegacao_lateral li a{
	display: block;
	width: 226px;
	height: 30px;
	text-indent: -20000px;
}
#menu_lateral ul.navegacao_lateral li a.bt_restaurante{
	background: url(../imagens/bt_restaurante.png) left top no-repeat;
}
#menu_lateral ul.navegacao_lateral li a.bt_cardapio{
	background: url(../imagens/bt_cardapio.png) left top no-repeat;
}
#menu_lateral ul.navegacao_lateral li a.bt_festas{
	background: url(../imagens/bt_festas.png) left top no-repeat;
}
#menu_lateral ul.navegacao_lateral li a.bt_reservas{
	background: url(../imagens/bt_reservas.png) left top no-repeat;
}
#menu_lateral ul.navegacao_lateral li a.bt_noticias{
	background: url(../imagens/bt_noticias.png) left top no-repeat;
}
#menu_lateral ul.navegacao_lateral li a.bt_album{
	background: url(../imagens/bt_album.png) left top no-repeat;
}
#menu_lateral ul.navegacao_lateral li a.bt_depoimentos{
	background: url(../imagens/bt_depoimentos.png) left top no-repeat;
}
#menu_lateral ul.navegacao_lateral li a.bt_localizacao{
	background: url(../imagens/bt_localizacao.png) left top no-repeat;
}
#menu_lateral ul.navegacao_lateral li a.bt_fale_conosco{
	background: url(../imagens/bt_contato.png) left top no-repeat;
}
#menu_lateral ul.navegacao_lateral li a:hover, #menu_lateral ul.navegacao_lateral li a.selected{
	background-position: right top;
}
#menu_lateral address.atendimento{
	width: 206px;
	height: 65px;
	background: url(../imagens/left_atendimento.gif) left top no-repeat;
	position: absolute;
	left: 11px;
	top: 627px;
}
#menu_lateral address.endereco{
	width: 206px;
	height: 65px;
	background: url(../imagens/left_address.gif) left top no-repeat;
	position: absolute;
	left: 11px;
	top: 693px;
}
#menu_lateral address strong, #menu_lateral address p{
	display: none;
}
/*----------------------------------------
	- Newsletter
---------------------------------------*/
.form_newsletter{
	position: absolute;
	top: 538px;
	height: 80px;
	left: 1px;
	background: url(../imagens/form_newsletter.gif) left top no-repeat;
	width: 226px;
}
.form_newsletter label.label_news_nome{
	display: block;
	width: 226px;
	height: 27px;
	position: absolute;
	left: 0;
	top: 2px;
}
.form_newsletter label.label_news_mail{
	display: block;
	width: 226px;
	height: 27px;
	position: absolute;
	left: 0;
	top: 31px;
}
.form_newsletter label input{
	display: block;
	width: 190px;
	background: none;
	padding: 5px 0 4px 0;
	position: relative;
	left: 30px;
	color: #4a3711;
	font-weight: bold;
	font-size: 12px;
}
.form_newsletter input.bt_cadastrarse{
	display: block;
	width: 69px;
	height: 8px;
	position: absolute;
	left: 30px;
	bottom: 0;
	background: url(../imagens/bt_cadastrarse.gif) left top no-repeat;
	cursor: pointer;
}
h2.tit_newsletter{
	background: url(../imagens/h2_newsletter.gif) left top no-repeat;
	width: 138px;
	height: 15px;
	text-indent: -20000px;
	position: absolute;
	top: 455px;
	left: 30px;
}
.form_newsletter input.bt_cadastrarse:hover{
	background-position: left bottom;
}
#menu_lateral p{
	width: 180px;
	position: absolute;
	top: 487px;
	left: 31px;
}
#menu_lateral a.guife{
	display: block;
	width: 122px;
	height: 106px;
	background: url(../imagens/logo_guife.png) left top no-repeat;
	text-indent: -20000px;
	position: absolute;
	top: 766px;
	left: 51px;
}
#menu_lateral a.guife:hover{
	background-position: left bottom;
}
/*----------------------------------------
	- Conteúdo
---------------------------------------*/
#conteudo{
	min-height: 894px;
	position: relative;
}
#conteudo:after{
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	overflow:hidden;
}
#conteudo_principal{
	width: 670px;
	margin-left: 262px;
	padding-top: 35px;
}
#conteudo_principal h2{
	display: block;
	width: 100%;
	height: 27px;
	padding-top: 5px;
	text-indent: -20000px;
	margin-bottom: 27px;
}
#conteudo_principal h3{
	display: block;
	color: #908969;
	text-transform: uppercase;
	font-size: 14px;
	background: url(../imagens/secao_h3.gif) left bottom no-repeat;
	padding-left: 11px;
	padding-top: 9px;
	padding-bottom: 6px;
}
/*----------------------------------------
	- Avatar
---------------------------------------*/
.avatar{
	width: 499px;
	background: #1a0c00;
}
.avatar:after{
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	overflow:hidden;
}
.avatar img{
	float: left;
	margin: 14px 4px 14px 14px;
	border: 1px solid #908969;
}
.avatar div{
	width: 410px;
	float: left;
	clear: none;
}
.avatar h3{
	margin-top: 11px;
	position: relative;
	left: -1px;
}
.avatar span{
	display: block;
	padding-left: 10px;
	padding-top: 8px;
	color: #a17c33;
	font-size: 10px;
}
.avatar h4{
	padding-left: 10px;
	padding-top: 4px;
}
.avatar p{
	padding-left: 10px;
	padding-right: 13px;
	padding-top: 7px;
}
/*----------------------------------------
	- Paginação
---------------------------------------*/
#paginacao:after{
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	overflow:hidden;
}
#paginacao ul li{
	display: block;
	width: 28px;
	height: 28px;
	float: left;
	clear: none;
	margin-right: 3px;
}
#paginacao ul li a{
	display: block;
	width: 100%;
	height: 22px;
	padding-top: 6px;
	background: #1a0c00;
	color: #bf943f;
	text-align: center;
}
#paginacao ul li a:hover, #paginacao ul li a.selected{
	background: #908969;
	color: #1d1402;
}
#paginacao ul li.ultima{
	width: 51px;
}