/*
	Empresa: Izanagi Design Interativo
	URI: http://www.izanagi.com.br/
	Autor: Marcos Rodrigues
	Version: 1.0 (01/01/2009)
	Cliente: BENTÔ
	
	------------------------
	(1) CSS RESET
	(2) DIVERSOS
	(3) FORMULÁRIOS
	(4) ESTRUTURAS
		(4.1) BOXES DA ESTRUTURA
	(5) TÍTULOS
	
	
*/


/***
	CSS RESET
***/

* { 
	margin:0; 
	padding:0;
}
html {
	color: #210c05;
	font-family: Verdana, "Trebuchet MS", sans-serif;
	font-size: 62.5%;
	height: 177px;
}
body { background: #cadfdc url(../img/bg-body.png) repeat-x; }

ul, ol { list-style: none; }
ul li, ol li { text-indent:0; }
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img { border:0 none; }
hr { display: none;}

a, a:visited {
	color: #058c7e;
	text-decoration: none;
}
a:hover{ color: #ec1c3d;}


/***
	DIVERSOS
***/

/*.clearfix { overflow: auto; }*/
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
	overflow: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.imgreplace {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}

.innerbox {
	margin: 0 auto;
	padding: 0 24px;
	width: 952px;
}

#delivery #main .innerbox {
	margin: 0 auto;
	padding: 0 24px;
	width: 952px;
	position: relative;
}

.none { display: none; }
.clear { clear:both; }
.clearLeft { clear:left; }
.clearRight { clear:right; }
.floatLeft { float:left; }
.floatRight { float:right; }

li.noMargin { margin-right: 0!important; }


* .sprite { background-image: url(../img/sprite.gif); }
* > .sprite { background-image: url(../img/sprite.png); }
.sprite { background-repeat: no-repeat; }

/***
	FORMULÁRIOS
***/

button {
	background-color: none;
	cursor: pointer;
	height: 30px;	
}
input, button, textarea { border: 0 none; }

textarea, input, select, option, dt a {
	font-family: Tahoma, verdana, "Trebuchet MS", sans-serif;
	font-size: 0.9em;
}

input {
	background: url(../img/input-bg.png) no-repeat;
	display:block;
	height:21px;
	padding:6px 5px 0;
	width:294px;
}

input[type="text"] {
	background: url(../img/input-bg.png) no-repeat;
	display: block;
	height: 21px;
	padding: 6px 5px 0;
	width: 294px;
}
form li {
	float: left;
	margin: 0 10px 20px 0;
	width: 304px;
}
form ul > li { margin: 0 20px 20px 0; }

form li.txtarea { margin-right: 0; }
form li.txtarea div {
	padding: 5px;
	margin: 0 0 15px;
}
form li.txtarea div textarea { height: 268px; }

#formCadastro li.txtarea { width: 951px!important; }
#formCadastro li.txtarea div {
	background: url(../img/textarea-bg.png) no-repeat;
	width: 941px;
}
#formCadastro li.txtarea div textarea {
	height: 187px;
	width: 941px;
}
#formCadastro span { font-size: 0.9em; }
#formCadastro span sup { padding: 0 5px 0 0 }
#formCadastro li label {
	display: inline-block;
	height: 22px;
}
#formCadastro button {
	background: url(../img/sprite.png) no-repeat -573px -60px;
	width: 83px;
}
#formCadastro button:hover { background: url(../img/sprite.png) no-repeat -573px -90px; }

/**/

form dl { 
	background: url(../img/input-bg.png) no-repeat;
	width: 304px;
}
	.ddFormat dd, .ddFormat dd  { position:relative; }
	.ddFormat a, .ddFormat a:visited { color:#000; text-decoration:none; outline:none;}
	.ddFormat a:hover { color:#5d4617;}
	.ddFormat dt a {
		background: url(../img/dropdown-arrow.png) no-repeat 280px 12px; 
		width: 304px; 
		display:block; 
		height: 22px;
		padding: 5px 0 0 10px;
	}
	.ddFormat dt > a {background: url(../img/dropdown-arrow.png) no-repeat 280px 12px;}
	.ddFormat dt a span {cursor:pointer; display:block;}
	.dropdown dd ul { overflow: auto; }
	.ddFormat dd ul { 
		background:#fff none repeat scroll 0 0; 
		border:1px solid #B4D7EC; 
		color:#000; 
		display:none;
		left:0px;
		overflow: auto;
		padding:5px 0px; 
		position:absolute; 
		top:2px; 
		width:auto; 
		min-width:170px; 
		width: 304px;
		z-index: 99;
	}
	.ddFormat dd ul li {
		float: none;
		margin: 3px 0;
	}
	.ddFormat dd ul li.even { background: #e3f7f5; }
	.ddFormat span.value { display:none;}
	.ddFormat dd ul li a { 
		padding:5px; 
		display:block;
	}
	.ddFormat dd ul li a:hover { 
		color: #FFF;
		background-color:#d2223e;
	}

/**/

#formContato fieldset { width: 628px; }
#formContato li.txtarea { width: 627px!important; }
#formContato li.txtarea div {
	background: url(../img/bg-textarea-contato.png) no-repeat;
	width: 617px;
}
#formContato li.txtarea div textarea { width: 617px; }

#formContato button {
	background: url(../img/sprite.png) no-repeat -514px -60px;
	width: 59px;
}
#formContato button:hover { background: url(../img/sprite.png) no-repeat -514px -90px; }


/***
	ESTRUTURAS
***/

/*html, body, #wrap, #container { height: 100%; }*/

/* #wrap */
#wrap { background: url(../img/bg-wrap.gif) no-repeat center top; }
body > #wrap { background: url(../img/bg-wrap.png) no-repeat center top; }


/* #container */
#container {
	margin: 0 auto;
	width: 1000px;
}
#wrap > #container {
	height: auto;
}


/* #header */
#header {
	height: 200px;
	margin: 160px 0 0;
}
	#main-menu {
	height: 30px;
	width: 367px;

	
	}
		#main-menu li { 
			float: left;
		}
			#main-menu li a {
				background: url(../img/sprite.png) no-repeat;
				height: 30px;
			}
			#main-menu li a.home {
				background-position: -235px 0;
				width: 58px;
			}
				#main-menu li a.home:hover { background-position: -235px -30px; }
			#main-menu li a.cardapio {
				background-position: -293px 0;
				width: 80px;
			}
				#main-menu li a.cardapio:hover { background-position: -293px -30px; }
			#main-menu li a.cadastro {
				background-position: -438px 0;
				width: 76px;
			}
				#main-menu li a.delivery:hover { background-position: -373px -30px; }
			#main-menu li a.delivery {
				background-position: -373px 0;
				width: 65px;
			}
				#main-menu li a.cadastro:hover { background-position: -438px -30px; }
			#main-menu li a.contato {
				background-position: -514px 0;
				width: 83px;
			}
				#main-menu li a.contato:hover { background-position: -514px -30px; }

/* #main */
#main {
	font-size: 1.2em;
	line-height: 18px;
	padding: 40px 0 20px;
} 

#chamada {
	margin-bottom: 60px;
	width: 365px;
}
#cardapio #chamada, #contato #chamada {width: 365px;}

#boxShowFotos {
	margin: -30px -24px 0 0;
	width: 608px;
}

#boxShowFotosDel {
	margin: -30px -104px 0 0;
	width: 608px;
}

/* CARDÁPIO */

#boxComboBentos { height: 320px; }
	#boxComboBentos li { 
		height: auto;
		margin: 0 70px 50px 0;
		width: 270px;
	}

#boxComboBentos > li { height: auto; }
/************************************************ ie6 */
#boxComboBentos li ul li { 
	float: none;
	height: auto;
	margin: 0;
	width: auto;
} 

#boxComboBentos li img {
	float: left;
	height: 109px;
	margin-right: 20px;
	width: 109px;
}


#boxCardapio {}
	#boxCardapio #boxArredondado { 
		background: #25bdad url(../img/bg-boxcardapio-bottom.png) no-repeat bottom center;
		color: #FFF;
		margin: 0 0 20px;
		padding: 0 0 45px;
	}
	#boxCardapio #boxArredondado div { 
		background: url(../img/bg-boxcardapio-top.png) no-repeat;
		height: 275px;
		padding: 45px 45px 0;
	}
	#boxCardapio p {
		background: url(../img/txt-cardapio.png) no-repeat;
		height: 165px;
		margin: 0 75px 110px 0;
		width: 180px;
	}

	.listaBentos { width: 605px; }
	.listaBentos, .listaBentos li { 
		display: block;
		height: 210px;
	}
		.listaBentos li {
			float: left;
			margin: 0 40px 0 0;
			width: 175px;
		}
		.listaBentos li img {
			height: 135px;
			width: 135px;
		}
	
	.listaCardapio { padding: 0 45px; }
		.listaCardapio li img {
			height: 73px;
			width: 73px;
		}
		.listaCardapio li {
			float: left;
			font-weight: bold;
			margin: 0 45px 20px 0;
			width: 250px;
		}
		.listaCardapio li em {
			font-size: 0.8em;
			font-style: normal;
			font-weight: normal;
		}
		
		.listaCardapio li.noMargin { width: 250px; }
		.listaCardapio li li {
			float: none;
			line-height: 16px;
			margin: 0 0 5px;
			width: auto;
		}
		.listaCardapio span { 
			font-weight: normal;
			display: block;
		}
	

#boxBentos ul li { float: left; }
#boxBentos > ul > li { float: left; }
	.lista-bebidas li { 
		float: left;
		margin-right: 70px;
	}
		.lista-bebidas .outros { margin-top: 18px; }
		.lista-bebidas span { font-weight: bold; }
			.lista-bebidas li ul li { 
				float: none;
				margin: 0;
			}

#boxInfos {
	background: #d2223e url(../img/bg-boxinfo-top.png) no-repeat;
	color: #FFF;
	width: 200px;
}
* > #boxInfos { width: 301px; }
	#boxInfos h3 { margin: 20px 20px 0; }
	#boxInfos img {
		border: 6px solid #7e1425;
		margin:14px 13px 0;
		width: 264px;
	}
	#boxInfos p { padding: 0 20px;}
	
	#boxInfos p.funcionamento { 
		background: url(../img/bg-boxinfo-bottom.png) no-repeat bottom;
		padding-bottom: 62px;
		position: relative;
		width: 262px;
	}
	#boxInfos > p.funcionamento { width: auto; }
	
		#boxInfos p.funcionamento span { font-size: 0.8em; }
		#boxInfos p.funcionamento a {
	background-position: -404px -60px;
	bottom: 13px;
	height: 30px;
	position: absolute;
	right: 14px;
	width: 110px;
		}
		#boxInfos p.funcionamento a:hover { background-position: -404px -90px; }
	


/* #footer */
#footer {
	clear: both;
	height: 100px;
}
	#footer .innerbox { 
		padding: 0;
		width: 998px;
	}
		#footer .innerbox div {
			background: url(../img/sprite.png) no-repeat 0 -172px;
			height: 61px;
			line-height: 59px;
			margin: 0 0 10px;
			padding: 15px 20px 0;
		}
			#footer span { height: 30px;}
			#footer .endereco {
				background-position: 0 -124px;
				width: 665px;
				height: 40px;
			}
			#footer .tel {
	background-position: -656px -60px;
	width: 159px;
	margin-top: 8px;
			}
			#footer p { margin: 0 0 30px 20px;}
			#footer p span {
			padding-left: 0px;
			margin-left: 30px;
}

				#footer a { color: inherit; }
				#footer a:hover { color: #d2223e; }



/***
	TÍTULOS
***/

.titulos { 
	background: url(../img/titulos.gif) no-repeat;
	width: 100px;
}
* > .titulos { background: url(../img/titulos.png) no-repeat; }

h1 {font-size: 2em;}
h2 {
	font-size: 1.8em;
	margin-bottom: 20px;
}
h3 {font-size: 1.6em;}
h4 {font-size: 1.4em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1.1em;}

#header h1 { margin: 0 0 15px; }
#header h1, #header h1 a {
	height: 123px;
	width: 234px;
}

/* h2 */
#chamada h2 { 
	height: 26px;
	margin-bottom: 5px;
}
	#home h2 { background-position: -410px -222px; width: 200px;}
	#cardapio h2 { background-position: 0 -26px; width: 100px; }
	#delivery h2 { background-position: -426px -255px; width: 200px; }
	#cadastro h2 { background-position: 0 -52px;}
	#contato h2 { background-position: 0 -78px;}
	
#chamada h3 { 
	height: 26px;
	margin: 15px 0 5px;
}
	
	#delivery h3 { background-position: -439px -283px; width: 200px; }

#boxBentos h2 { 
	background-position: -110px -60px;
	height: 65px;
	width: 490px;
}
#boxCardapio h2 { 
	height: 65px;
	width: 490px;
}
#boxCardapio div h2 {
	background-position: -110px -126px;
	height: 64px;
	margin: 0 0 20px 45px;
}
#boxCardapio h2.bebidas {
	background-position: -110px -190px;
	height: 40px;
	width: 140px;
}

/* h3 */
#boxComboBentos li h3 { margin: 0 0 5px; }
	#boxComboBentos .bento01 h3 { background-position: 0 -148px; }
	#boxComboBentos .bento02 h3 { background-position: 0 -171px; }
	#boxComboBentos .bento03 h3 { background-position: 0 -194px; }
	#boxComboBentos .bento04 h3 { background-position: 0 -217px; }
	#boxComboBentos .bento05 h3 { background-position: 0 -240px; }
	#boxComboBentos .bento06 h3 { background-position: 0 -263px; }
	
.listaCardapio h3 {
	height: 25px;
	margin: 15px 0;
	width: 195px;
}
.listaCardapio .noMargin h3 { width: 130px; }
	.listaCardapio .entradinhas h3 { background-position: 0 -286px;  }
	.listaCardapio .sushis-sashimis h3 { background-position: 0 -311px; }
	.listaCardapio .rolls h3 { background-position: 0 -336px; }
	.listaCardapio .especiais h3 {
		background-position: -240px -336px;
		height: 39px;
		margin: 20px 0 10px 20px;
	}
	.listaCardapio .soba h3 { background-position: 0 -361px; }
	.listaCardapio .sobremesas h3 { background-position: 0 -386px; }
	
.listaCardapio .especiais {
	background-attachment: scroll;
	background-image: url(../img/bg-especial.png);
	background-repeat: no-repeat;
	height: 550px;
	width: 246px;
}

.listaCardapio .rolls {
	height: 550px;
}

.listaCardapio .entradinhas {
	height: 550px;
}

#boxInfos h3 { height: 22px; }
#boxInfos h3.endereco { background-position: 0px -104px; }
#boxInfos h3.telefone { background-position: 0px -126px; }
#boxInfos h3.funcionamento { 
	background-position: -240px -263px;
	width: 125px;
}


/* h4 */
.listaBentos h4 { 
	height: 60px;
	margin: 10px 0 0;
	width: 130px;
}
.bento h4 { background-position: -110px 0; }
.bento-meio h4 { background-position: -240px 0; }
.bento-simples h4 { 
	background-position: -370px 0;
	width: 175px;
}

#home #wrap #container #main .innerbox #chamada {
	height: 115px;
	position: relative
}
#erro #wrap #container #erro{
	height: 186px;
	width: 400px;
	float: right;
	margin: 0 100px 150px 0;
}
#erro #wrap #container #erro h1 {
	background-image: url(../erro/img/ops.png);
	background-repeat: no-repeat;
	height: 186px;
	width: 400px;
	text-indent: -9999px;
	overflow:hidden;
	display:block;
	
}
.MenuErro {
	display: inline-block;
	overflow: hidden;
	margin: 30px 0 0 350px;
	float: left;
}
.logoErro {
	background-image: url(../img/sprite.png);
	background-repeat: no-repeat;
	height: 123px;
	width: 234px;
	overflow: hidden;
	float:left;
}

a.consulteCard {
	background:url("../img/sprite.png") no-repeat scroll -697px -112px transparent;
	height:30px;
	position:absolute;
	right:0;
	top: 80px;
	width:174px;
}

a:hover.consulteCard {
	background:url("../img/sprite.png") no-repeat scroll -697px -142px transparent;

}

a.veja {
	background:url("../img/sprite.png") no-repeat scroll -321px -60px transparent;
	height:30px;
	width: 83px;
	margin: 20px 0 0;
}

a:hover.veja {
	background:url("../img/sprite.png") no-repeat scroll -321px -90px transparent;

}


.maisprala { padding-left: 126px }