﻿@charset "utf-8";

/* --------------------------------------------------------------------------GERAL */
*{
	margin: 0;
	padding: 0;
}

hr{
	display: none;
}

body{
	background: #eee url(../../imagens/background.jpg) repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}


/* --------------------------------------------------------------------------HOME */
div.container_home{
	border: 2px solid #7e7c7f;
	position: absolute;
	width: 982px;
	height: 578px;
	left: 50%;
	top: 50%;
	margin-left: -491px;
	margin-top: -289px;
	background: #fff;
}

h1.logo{
	position: relative;
	width: 179px;
	height: 118px;
	display: block;
	margin: 10px 0 0 18px;
	background: url(../../imagens/logo_piraja.png) no-repeat;
	text-indent: -9000px;
	float: left;
	z-index: 100;
}

h1.logo a{
	position: relative;
	width: 179px;
	height: 118px;
	display: block;
	float: left;
	z-index: 100;
}

/* ------------------------------------------------------MENU SUPERIOR */
ul.menu_1{
	display: block;
	float: left;
	width: 754px;
	margin-left: 31px;
	list-style: none;
}

ul.menu_1 li{
	font-size: 91%;
	display: inline;
	float: left;
	padding: 25px 5px 17px 5px;
	text-indent: -9000px;
}

ul.menu_1 li.primeiro_bar{
	background: url(../../imagens/primeiro_bar_off.gif) center 25px no-repeat;
	width: 237px;
}

ul.menu_1 li.primeiro_bar a{
	display: block;
	width: 237px;
}

ul.menu_1 li.primeiro_bar a:hover{
	background: url(../../imagens/primeiro_bar_on.gif) no-repeat;
}

ul.menu_1 li.primeiro_bar_off{
	background: url(../../imagens/primeiro_bar_on.gif) center 25px no-repeat;
	width: 237px;
}

ul.menu_1 li.baixa_gastronomia{
	background: url(../../imagens/baixa_gastronomia_off.gif) center 25px no-repeat;
	width: 196px;
}

ul.menu_1 li.baixa_gastronomia a{
	display: block;
	width: 196px;
}

ul.menu_1 li.baixa_gastronomia a:hover{
	background: url(../../imagens/baixa_gastronomia_on.gif) no-repeat;
}

ul.menu_1 li.baixa_gastronomia_off{
	background: url(../../imagens/baixa_gastronomia_on.gif) center 25px no-repeat;
	width: 196px;
}

ul.menu_1 li.esquina_carioca{
	background: url(../../imagens/esquina_off.gif) center 25px no-repeat;
	width: 114px;
}

ul.menu_1 li.esquina_carioca a{
	display: block;
	width: 114px;
}

ul.menu_1 li.esquina_carioca a:hover{
	background: url(../../imagens/esquina_on.gif) no-repeat;
}

ul.menu_1 li.esquina_carioca_off{
	background: url(../../imagens/esquina_on.gif) center 25px no-repeat;
	width: 114px;
}

ul.menu_1 li.chopp_padrao{
	background: url(../../imagens/chopp_padrao_off.gif) center 25px no-repeat;
	width: 158px;
}

ul.menu_1 li.chopp_padrao a{
	display: block;
	width: 158px;
}

ul.menu_1 li.chopp_padrao a:hover{
	background: url(../../imagens/chopp_padrao_on.gif) no-repeat;
}

ul.menu_1 li.chopp_padrao_off{
	background: url(../../imagens/chopp_padrao_on.gif) center 25px no-repeat;
	width: 158px;
}

/* ------------------------------------------------------MENU INFERIOR */
ul.menu_2{
	position: relative;
	display: block;
	float: left;
	width: 754px;
	margin-left: 31px;
	list-style: none;
	z-index: 100;
}

ul.menu_2 li{
	font-size: 91%;
	display: inline;
	float: left;
	margin-top: 14px;
	text-indent: -9000px;
	height: 21px;
}

ul.menu_2 li a{
	height: 21px;
}

ul.menu_2 li.cardapio{
	width: 73px;
	margin-right: 40px; 
}

ul.menu_2 li.cardapio a{
	display: block;
	background: url(../../imagens/cardapio_off.png) top center no-repeat;
	width: 73px;
}

ul.menu_2 li.cardapio a:hover{
	background: url(../../imagens/cardapio_on.png) top center no-repeat;
}

ul.menu_2 li.cardapio_off{
	margin-right: 40px;
	background: url(../../imagens/cardapio_on.png) top center no-repeat;
	width: 73px;
}

ul.menu_2 li.releases{
	width: 68px;
	margin-right: 40px; 
}

ul.menu_2 li.releases a{
	display: block;
	background: url(../../imagens/release_off.png) center center no-repeat;
	width: 68px;
}

ul.menu_2 li.releases a:hover{
	background: url(../../imagens/release_on.png) center center no-repeat;
}

ul.menu_2 li.releases_off{
	margin-right: 40px;
	background: url(../../imagens/release_on.png) center center no-repeat;
	width: 68px;
}

/*********NOVIDADES*********/

ul.menu_2 li.novidades{
	width: 82px;
	margin-right: 40px; 
}

ul.menu_2 li.novidades a{
	display: block;
	background: url(../../imagens/novidades_off.png) center center no-repeat;
	width: 82px;
}

ul.menu_2 li.novidades a:hover{
	background: url(../../imagens/novidades_on.png) center center no-repeat;
}

ul.menu_2 li.novidades_off{
	margin-right: 40px;
	background: url(../../imagens/novidades_on.png) center center no-repeat;
	width: 82px;
}


/**************************/

ul.menu_2 li.imprensa{
	width: 77px;
	margin-right: 40px; 
}

ul.menu_2 li.imprensa a{
	display: block;
	background: url(../../imagens/imprensa_off.png) center center no-repeat;
	width: 77px;
}

ul.menu_2 li.imprensa a:hover{
	background: url(../../imagens/imprensa_on.png) center center no-repeat;
}

ul.menu_2 li.imprensa_off{
	margin-right: 40px;
	background: url(../../imagens/imprensa_on.png) center center no-repeat;
	width: 77px;
}

ul.menu_2 li.cadastro{
	width: 93px;
	margin-right: 40px; 
}

ul.menu_2 li.cadastro a{
	display: block;
	background: url(../../imagens/contato_off.png) center center no-repeat;
	width: 93px;
}

ul.menu_2 li.cadastro a:hover{
	background: url(../../imagens/contato_on.png) center center no-repeat;
}

ul.menu_2 li.cadastro_off{
	margin-right: 40px;
	background: url(../../imagens/contato_on.png) center center no-repeat;
	width: 80px;
}

ul.menu_2 li.info{
	width: 99px;
}

ul.menu_2 li.info a{
	display: block;
	background: url(../../imagens/informacao_off.png) top center no-repeat;
	width: 99px;
}

ul.menu_2 li.info a:hover{
	background: url(../../imagens/informacao_on.png) top center no-repeat;
}

ul.menu_2 li.info_off{
	background: url(../../imagens/informacao_on.png) top center no-repeat;
	width: 99px;
}

/* ------------------------------------------------------CONTEUDO */
div.container_home div.conteudo{
	display: block;
	float: left;
	clear: both;
	margin-top: -68px;
	padding-top: 68px;
	width: 100%;
	height: 451px;
	background: url(../../imagens/bg_miolo_home.jpg) 0px 0px no-repeat;
	z-index: 1;
}

div.container_home div.conteudo h2.garrincha{
	display: block;
	float: left;
	width: 453px;
	height: 406px;
	margin: 54px 0 0 18px;
	text-indent: -9000px;
	background: url(../../imagens/home_img_garrincha.png) top left no-repeat;
}

div.container_home div.conteudo h2.chamada{
	display: block;
	float: left;
	width: 246px;
	height: 141px;
	margin: 102px 0 0 218px;
	text-indent: -9000px;
	background: url(../../imagens/home_img_chamada.png) top left no-repeat;
}

/* ------------------------------------------------------RODAPE */
div.container_home div.footer{
	display: block;
	float: left;
	clear: both;
	width: 100%;
	padding-top: 10px;
}

div.container_home div.footer p{
	display: block;
	float: left;
	clear: both;
	text-indent: -9000px;
}

div.container_home div.footer p a{
	display: block;
	width: 176px;
	background: url(../../imagens/bt_visite.png) top left no-repeat;
}

div.container_home div.footer address{
	display: block;
	float: right;
	text-indent: -9000px;
	width: 481px;
	background: url(../../imagens/bt_endereco.png) bottom left no-repeat;
	height: 24px;
}

div.container_home div.footer a.facebook {
	float:right;
	position:relative;
	right:-483px;
	top:-10px;
}

/* --------------------------------------------------------------------------INTERNAS */
div.container{
	border: 2px solid #7e7c7f;
	position: absolute;
	width: 982px;
	height: 558px;
	left: 50%;
	margin-left: -491px;
	top: 20px;
	background: #fff;
}

div.container div.conteudo{
	display: block;
	float: left;
	clear: both;
	margin-top: -68px;
	/*padding-top: 68px;*/
	margin-left: -2px;
	width: 100%;
	/*height: 451px;*/
	background: #faf7c1 url(../../imagens/internas_bg_gradienteNew.jpg) left top no-repeat;
	z-index: 1;
	border-right: 2px solid #7e7c7f;
	border-bottom: 2px solid #7e7c7f;
	border-left: 2px solid #7e7c7f;
}

div.container div.conteudo p{
	padding-bottom: 24px;
	padding-right: 15px;
	text-align: right;
	clear: both;
}

/* ------------------------------------------------------CONTEUDO PRIMEIRO BAR*/
div.conteudo_primeiroBar{
	padding-top: 93px;
	padding-left: 408px;
	background: url(../../imagens/primeiroBar_img_principal.png) no-repeat 0 93px;
}

div.conteudo_primeiroBar h2{
	display: block;
	float: left;
	width: 239px;
	height: 124px;
	margin: 33px 39px 42px 40px;
	_margin: 33px 20px 42px 20px;
	text-indent: -9000px;
	background: url(../../imagens/primeiroBar_img_chamada.png) top left no-repeat;
}

/* ------------------------------------------------------CONTEUDO BAIXA GASTRONOMIA */
div.baixaGastro_bgBottom{
	padding-bottom: 150px;
	background: url(../../imagens/baixaGastro_bg_bottom.png) repeat-x bottom;
}

div.conteudo_baixaGastro{
	padding-top: 93px;
	padding-left: 408px;
	background: url(../../imagens/baixaGastro_img_principal.png) top left no-repeat;
}

div.conteudo_baixaGastro h2{
	display: block;
	float: left;
	width: 251px;
	height: 144px;
	margin: 8px 39px 42px 40px;
	_margin: 8px 20px 42px 20px;
	text-indent: -9000px;
	background: url(../../imagens/baixaGastro_img_chamada.png) top left no-repeat;
}

div.conteudo_baixaGastro h3{
	display: none;
}

div.conteudo_baixaGastro img{
	margin-bottom: 25px;
	margin-top: -25px;
}

/* ------------------------------------------------------CONTEUDO ESQUINA CARIOCA */
div.esquina_bgBottom{
	background: url(../../imagens/esquina_bg_bottom.png) no-repeat bottom;
}

div.conteudo_esquina{
	margin-top: 93px;
	padding-bottom: 180px;
	padding-left: 408px;
	background: url(../../imagens/esquina_img_principal.png) no-repeat bottom left;
}

div.conteudo_esquina h2{
	display: block;
	float: left;
	width: 329px;
	height: 60px;
	margin: 28px 10px 42px 0;
	_margin: 28px 20px 42px 20px;
	text-indent: -9000px;
	background: url(../../imagens/esquina_img_chamada.png) no-repeat top left;
}

div.conteudo_esquina img{
	margin-bottom: 25px;
}

div.conteudo_esquina ul{
	display: block;
	float: left;
}

div.conteudo_esquina ul li{
	display: block;
	float: left;
}

div.conteudo_esquina ul li.edicao1{
	width: 149px;
	height: 45px;
	margin-left: 60px;
	background: url(../../imagens/bt_esquina_edicao1.png) no-repeat;
	text-indent: -9000px;
}

div.conteudo_esquina ul li.edicao1 a{
	display: block;
	width: 149px;
	height: 45px;
}

div.conteudo_esquina ul li.edicao2{
	width: 169px;
	height: 45px;
	margin-left: 10px;
	background: url(../../imagens/bt_esquina_edicao2.png) no-repeat;
	text-indent: -9000px;
}

div.conteudo_esquina ul li.edicao2 a{
	display: block;
	width: 169px;
	height: 45px;
}

div.conteudo_esquina ul li.edicao3{
	width: 158px;
	height: 45px;
	margin-left: 10px;
	background: url(../../imagens/bt_esquina_edicao3.png) no-repeat;
	text-indent: -9000px;
}

div.conteudo_esquina ul li.edicao3 a{
	display: block;
	width: 158px;
	height: 45px;
}

div.conteudo_esquina table{
	margin-bottom: 30px;
}

div.conteudo_esquina a.voltar{
	color: #000;
	text-decoration: none;
}

/* ------------------------------------------------------CONTEUDO CHOPP PADRÃO */
div.choppPadrao_bgBottom{
	background: url(../../imagens/choppPadrao_bg_bottom.png) no-repeat bottom right;
}

div.choppPadrao_bgBottom a{
	position: absolute;
	display: block;
	float: left;
	margin: -140px 0 0 490px;
	width: 130px;
	height: 20px;
	text-indent: -9000px;
	background: url(../../imagens/transparente.gif);
}

div.conteudo_choppPadrao{
	margin-top: 93px;
	padding-bottom: 280px;
	padding-left: 408px;
	background: url(../../imagens/choppPadrao_img_principal.png) no-repeat bottom left;
}

div.conteudo_choppPadrao h2{
	display: block;
	float: left;
	width: 273px;
	height: 141px;
	margin: 28px 20px 42px 45px;
	_margin: 28px 20px 42px 20px;
	text-indent: -9000px;
	background: url(../../imagens/choppPadrao_img_chamada.png) no-repeat top left;
}

div.conteudo_choppPadrao img{
	margin-bottom: 25px;
}


/* ------------------------------------------------------CONTEUDO CARDAPIO */
div.cardapio_bgBottom{
	background: url(../../imagens/cardapio_bg_bottom.png) no-repeat bottom right;
}

div.conteudo_cardapio{
	padding-top: 134px;
	padding-bottom: 385px;
	padding-left: 408px;
	background: url(../../imagens/cardapio_img_principal.png) no-repeat bottom left;
}

div.conteudo_cardapio h2{
	display: block;
	float: left;
	width: 230px;
	height: 76px;
	margin: 65px 0 0 28px;
	_margin: 65px 0 0 28px;
	text-indent: -9000px;
	background: url(../../imagens/cardapio_img_chamada.png) no-repeat top left;
}

div.conteudo_cardapio h2 a{
	display: block;
	width: 230px;
	height: 76px;
}

div.conteudo_cardapio img{
	margin-bottom: 25px;
	float: left;
}

/* ------------------------------------------------------CONTEUDO RELEASES */
div.conteudo_release{
	padding-left: 395px;
	background: url(../../imagens/release_img_principal.png) no-repeat top left;
	min-height: 1101px;
}

div.conteudo_release div.materia_release{
	display: block;
	width: 328px;
	padding-top: 63px;
	float: left;
}

div.conteudo_release div.materia_release h2{
	margin-top: 15px;
	padding-right: 40px;
	font-size: 150%;
	color: #fff;
}

div.conteudo_release div.materia_release h3{
	font-size: 125%;
	font-style: italic;
	font-weight: normal;
	padding-right: 40px;
}

div.conteudo_release div.materia_release center{
	padding-right: 40px;
}

div.conteudo_release div.materia_release span{
	display: block;
	font-size: 130%;
}

div.conteudo_release div.materia_release p{
	text-align: left;
	padding-right: 40px;
}

div.conteudo_release ul{
	display: block;
	float: left;
	margin-top: 50px;
	padding-bottom: 10px;
	width: 257px;
	list-style: none;
	text-align: right;
	overflow-x:hidden;
	overflow-y:auto;
	height:295px;
}

div.conteudo_release ul li{
	padding: 5px 10px 5px 0;
}

div.conteudo_release ul li a{
	text-decoration: none;
	color: #000;
}

div.conteudo_release ul li a:hover{
	text-decoration: none;
	color: #000;
	border-bottom: 2px solid #596e76;
}

div.conteudo_release ul li a.on{
	text-decoration: none;
	color: #000;
	border-bottom: 2px solid #596e76;
}

div.conteudo_release span.img_topo_release{
	position:relative;
	top: 50px;
	width: 251px;
	height: 154px;
}

div.conteudo_release span.img_base_release{
	position:relative;
	top: 70px;
	width: 251px;
	height: 154px;
	float:right;
}

.currentNovidade {
	border-bottom: 2px solid #66747c;
}

/* ------------------------------------------------------CONTEUDO IMPRENSA */
div.conteudo_imprensa{
	/*background: url(../../imagens/imprensa_img_topo_quadro.png) no-repeat top left;*/
	margin-top: 100px;
	padding-top: 40px;
	min-height: 378px;
}

div.conteudo_imprensa div.quadro{
	display: block;
	/*background: url(../../imagens/imprensa_bg_quadro.jpg) repeat-y left top;*/
	float: left;
	width: 630px;
	margin-top: -6px;
	min-height: 384px;
}

div.conteudo_imprensa div.quadro img{
	padding: 5px 0 30px 30px;
	float: left;
}

div.conteudo_imprensa div.materia_imprensa{
	display: block;
	width: 258px;
	float: right;
	margin-right: 55px;
	margin-top: -40px;
}

div.conteudo_imprensa div.materia_imprensa h2{
	display: block;
	
	width: 258px;
	height: 79px;
	margin: 0 0 25px 0;
	_margin: 65px 0 0 0;
	text-indent: -9000px;
	background: url(../../imagens/imprensa_img_chamada.png) no-repeat top left;
}

div.conteudo_imprensa ul{
	display: block;
	list-style: none;
	text-align: right;
	height: 290px;
	overflow-x: hidden;
	overflow-y: scroll;
}

div.conteudo_imprensa ul li{
	padding: 5px 10px 5px 0;
}

div.conteudo_imprensa ul li a{
	text-decoration: none;
	color: #000;
}

div.conteudo_imprensa ul li a:hover{
	text-decoration: none;
	color: #000;
	font-weight: bold;
}

div.conteudo_imprensa ul li a.on{
	text-decoration: none;
	color: #000;
	font-weight: bold;
}

/* ------------------------------------------------------CONTEUDO CADASTRO*/
div.conteudo_cadastro{
	padding-top: 93px;
	padding-left: 408px;
	background: url(../../imagens/cadastro_img_principal.png) no-repeat 0 bottom;
	min-height: 410px;
}

div.conteudo_cadastro form{
	margin-right: 100px;
	margin-left: 50px;
}

div.conteudo_cadastro form label{
	display: block;
	float: left;
	font-weight: bold;
	margin-right: 5px;
	width: 55px;
	text-align: right;

}

div.conteudo_cadastro form input{
	display: block;
	font-size: .9em;
	
}

div.conteudo_cadastro form select{
	font-size: .9em;
	clear: both;
}

div.conteudo_cadastro form input.nome{
	width: 270px;
}

div.conteudo_cadastro form input.email{
	width: 270px;
}

div.conteudo_cadastro form input.rua{
	width: 270px;
}

div.conteudo_cadastro form input.numero{
	width: 60px;
	float: left;
}

div.conteudo_cadastro form input.complemento{
	width: 146px;
}

div.conteudo_cadastro form input.cep{
	width: 70px;
	float: left;
}

div.conteudo_cadastro form input.bairro{
	width: 136px;
}

div.conteudo_cadastro form input.cidade{
	width: 270px;
}

div.conteudo_cadastro form input.uf{
	width: 30px;
	float: left;
}

div.conteudo_cadastro form input.fone{
	width: 100px;
}

div.conteudo_cadastro form input.dtnasc{
	width: 75px;
	float: left;
}

div.conteudo_cadastro form span.txtDtNasc{
	display: block;
	clear: right;
}

div.conteudo_cadastro form select.sexo{
	margin-left: 60px;
	margin-top: 2px;
	margin-right: 20px;
}

div.conteudo_cadastro form select.area{
	margin-left: 30px;
	margin-top: 2px;
}

div.conteudo_cadastro form label.chk_info{
	width: auto;
	margin: 10px 0 0 5px;
}

div.conteudo_cadastro form input.chk_info{
	float: left;
	margin: 7px 0 0 20px;
}

div.conteudo_cadastro form input.btEnviar{
	margin: 50px 0 0 120px;
	background: url(../../imagens/cadastro_bt_enviar.png) no-repeat;
	width: 157px;
	height: 46px;
	border: none;
	cursor: pointer;
}

div.conteudo_cadastro span.sucesso{
	margin: 50px 0 0 120px;
}

div.conteudo_cadastro span a{
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}

/* ------------------------------------------------------CONTEUDO INFORMAÇÃO */
div.informacao_bgBottom{
	background: url(../../imagens/informacao_bg_bottom.png) no-repeat 268px bottom;
}

div.conteudo_informacao a.mapa{
	display: block;
	float: left;
	clear: both;
	margin: 40px 0 0 120px;
	width: 203px;
	height: 70px;
	text-indent: -9000px;
	background: url(../../imagens/bt_comochagar.png) no-repeat bottom 0;
}

div.conteudo_informacao{
	padding-bottom: 90px;
	padding-left: 268px;
	background: url(../../imagens/informacao_img_principal.png) no-repeat 0 bottom;
	min-height: 410px;
}

div.conteudo_informacao div.infos{
	float: right;
	width: 250px;
	margin-top: 80px;
}

div.conteudo_informacao form{
	float: left;
	margin: 100px 0 0 100px;
}

div.conteudo_informacao form label{
	display: block;
	float: left;
	font-weight: bold;
	margin-right: 5px;
	width: 80px;
	text-align: right;
}

div.conteudo_informacao form input{
	display: block;
	font-size: .9em;
}

div.conteudo_informacao form textarea{
	display: block;
	font-size: .9em;
}

div.conteudo_informacao form input.nome{
	width: 260px;
}

div.conteudo_informacao form input.email{
	width: 260px;
}

div.conteudo_informacao form textarea.msg{
	width: 260px;
}

div.conteudo_informacao form input.btEnviar{
	margin-top: 20px;
	background: url(../../imagens/cadastro_bt_enviar.png) no-repeat;
	width: 157px;
	height: 46px;
	border: none;
	cursor: pointer;
}

div.conteudo_informacao span.sucesso{
	margin: 100px 0 0 100px;
	float: left;
}

div.conteudo_informacao span a.voltar{
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}

/* ------------------------------------------------------RODAPE */
div.rodape{
	display: block;
	float: left;
	clear: both;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}

div.rodape p{
	display: block;
	float: left;
	clear: both;
	text-indent: -9000px;
}

div.rodape p a{
	display: block;
	width: 176px;
	background: url(../../imagens/bt_visite.png) top left no-repeat;
}

div.rodape address{
	display: block;
	float: right;
	text-indent: -9000px;
	width: 422px;
	height: 18px;
	background: url(../../imagens/bt_endereco.png) top left no-repeat;
}