@charset "utf-8";
/* CSS Document */


*{
	margin:0 ;
	padding: 0;
	vertical-align: top;
}
body{
	margin: 0;
	padding: 0;
	border: none 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	background-image: url(../imgs/bg.jpg);
}
img{
	border: none 0;

}
div#faixa {
        position:absolute;
        top:50%;
        margin-top:-200px;
        height:400px;
		background-image: url(../imgs/bgfaixa.jpg);
		background-repeat: repeat-x;
		background-position: left 298px;
		width: 100%;
}
div#conteudo{
	background-image: url(../imgs/efeito_luz.jpg);
	background-repeat: no-repeat;
	width: 767px;
	margin: 0 auto;
	height: 400px;
	position: relative;
}
div#twit{
	width: 767px;
	text-align:left;
	margin: 0 auto;
	height: 400px;
	position: relative;
}


div#marca{
	position: absolute;
	top: 50px;
	left: 70px;
}
div#marca h1 a{
	background-image: url(../imgs/piazalle.png);
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://inativas.maxmeio.com/piazzale/imgs/piazalle.png',sizingMethod='scale');
	
	
	width: 269px;
	height: 255px;
	display: block;
}
div#marca h1 a span{
	display: none
}
div#prato{
	position: absolute;
	top: 0px;
	left: 250px;
}
/*
div#nome_prato{
	position: absolute;
	background-image: url(../imgs/etiqueta.png);
	width: 190px;
	height: 68px;
	color:#F5B22E;
	font-size: 12px;
	top: 80px;
	left: 300px;
	padding: 20px 0 0 24px;
}*/
div#nome_prato h2{
	color:#FAE4E4;
	font-size: 12px;
}

div#prato ol{
	list-style-type: none;
	display: inline;
	top: 250px;
	left: 300px;
	position: absolute;	
	width: 60px;
}
div#prato ol li{
	list-style-type: none;
	display: inline;
}



div#menu,div#rodape {
	position: absolute;
	left: 0;
}
div#menu{
	top: 327px;
	text-align: center;
}
div#rodape{
	top: 375px;
}

div#menu li, div#rodape li{
	list-style-type: none;
	display: inline;
	
}
div#menu li a{
	position: relative;
}
div#menu li{
	margin: 0 17px;
}
div#menu li.atual{
	opacity: 0.4;
     -moz-opacity: 0.4;
     filter: alpha(opacity=40);
}
div#rodape{
	clear: both;
}
div#rodape  p,div#rodape ol{
	float: left;
	text-align: center;
	height: 30px;
}
/*
div#rodape ol.cartoes{
	width: 170px;
	padding-left: 30px;
}*/
div#rodape p.fone{
	 /*width: 350px;
	 width: 350+170+30px;*/
	 width: 480px;
	 padding-left: 110px;
	 color:#DFBBBA;
	 font-size: 10px;
	 text-align: left
}
div#rodape p.maxmeio{
	width: 150px;
	text-align: right;
	padding-right: 10px;
}




div#conteudo{ z-index:1}
div#rodape { z-index: 2}
div#texto{	z-index: 3}

div#marca{ z-index:4}
div#prato{ z-index:5}
div#menu{ z-index: 6}