/* CSS Document */
*{
	margin:0;
	padding:0;
	outline:0;
}
* html .hoverbox a { position: relative;}
* html .hoverbox a:hover { 	font-size: 99.99%; 	z-index: 1;}
* html .hoverbox a:hover .preview { top: -38px; left: -50px;}
* html .hoverbox li { position: static;}

body {
	font-family: verdana,"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(../img/fundo3.png);
	background-attachment: fixed;
	margin-top:10px;
	margin-bottom:10px;
	
	
}
/*--------------------div geral---------------------*/
	#geral{	
	width: 820px;
	margin:0 auto;
	background:#FFF;
	border:#CCC solid 1px;
	
	}
/*-------------------div topo -------------------------*/
	#topo{
		padding:3px;
		
		}
/*--------------------div orientacao ------------------------*/

#divulgacao{
	height:90px;
	padding:5px;
	background:#F3F3F3;
	
	}

/*--------------------div conteudo ------------------------*/
#conteudo {
	height:auto;
	padding:5px;
	
}

#principal{	
	width:70%;
	float:left;
}
#apoio{
	float:right;
	width:25%;
	}
#mensagem{
	border:1px solid #CCC;
	padding:2px;
	background: #F0F0F0;
	text-align:center;
	}
#conteudo_adm{
		width: 440px;
		margin:0 auto;
		border: 2px solid #CCC;
		background:#FFF;
		margin-top:50px;
		padding:5px;
		
		
		}
#pesquisa{
		float:right;
		background:#1993E8;
		width: 820px;
		
}

#titulo{
	background-color:#CCC;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#333;
	padding:5px;
	width:500px;
	
}
#comentario{
	background-color:#EAEAEA;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#000;
	padding:5px;
	width:500px;
	
}
#mural{
float:left;
padding-right:10px;
width:182px;
}
#enquete{
float:left;
width:182px;
padding-right:10px;
}
#promocao{
float:left;
width:182px;
}
#folder{
float:left;
}
#regulamento{
float:left;
text-align:justify;
width:400px;
}
#contato{
1float:left;
clear:both;
}

/*--------------------div rodape---------------------*/	
#rodape {
		height: auto;
		clear: both;
		padding:5px;
		text-align:left;
		font-size:10px;
		margin:0 auto;		
		text-decoration:none;
		color:#000;
		background:#FFF8AE;
		background:url(../img/logo_site.gif) no-repeat #FFF8AE  bottom right;
	
				}
#rodape a {
	color: #000;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	}	

.rodape{
		text-align:left;
		color:#000;
	}
.guia{
		
		color:#000;
	}			
#guia a{
	color:#000;
	}			
				
				
p,h3, img{
	padding:5px;	
}
.detalhes{
	font-family:"Trebuchet MS";
	color:#1993E8;
	text-align:left;
	text-decoration:none;
	font-size:14px;
}
.obrigatorio{
	font-size:10px;
	color:#600;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.maius{
text-transform:uppercase;
}
.aumenta{
			font-size:16px;
			color:#FE0303;
			font-weight:bold;
}
.minus{
	text-transform:lowercase;	
}
table{
	text-align:center;
	
}
td{
border-bottom:#999 dotted 1px;

}

#cardapio span{
	color:#333;
	font-weight:bold;
	padding:5px;
}
#cardapio strong{
	padding-left:5px;
	padding-right:5px;
	color:#00F;
}
#cardapio img{
	background: #FFF;
	margin: 5px;
	border: 1px solid #D9D9D9;
}

input, fieldset,select,textarea{
	margin:5px;
	border:#000 dashed 1px;
	}
label{
	font-weight:bold;
}

hr{
	border:#000 dashed 1px;
}
p{
		text-align:justify;
}
/*--------------------cria as flechas nas notícias---------------------*/
.flecha
	{background:url(../img/flecha2.jpg) no-repeat center;
	color:#FFF;
	margin:5px;
	padding:1px;
	font-weight:bold;
	}
.fundo {
	background:#2D55B6;
	font-weight:bold;
	font-size:12px;
	font-family: Verdana,"Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#ff0;
}
.fonte_produto{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FE0303;
	}
.detalhes_produto{
	font-family:"Trebuchet MS";
	color:#1993E8;
	text-align:left;
	text-decoration:none;
	font-size:10px;
}
.destaque{
background:#000099;

}
a:visited, a:link {text-decoration:none;color:#1993E8; }

a:active {text-decoration:none;color:#1993E8;}

a:hover{text-decoration:underline;}


a {text-decoration: none;}

.hoverbox {
	cursor: default;
	list-style: none;
	}
.hoverbox a { cursor: default;}
.hoverbox a .preview { display: none;}
.hoverbox a:hover .preview { 
	display: block;
	position: absolute;
	z-index: 1;
	/* aqui voce define onde vai aparecer a foto ampliada em relacao a miniatura */
	/* retire a declaracao position:relative de hoverbox li (logo abaixo na proxima regra CSS) e a posicao sera fixa. 
	experimente fazer isso e mudar os valores abaixo */ 
	top: -33px;
	left: -55px;
		}
.hoverbox li {	
	position: relative;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	}
.hoverbox img {
	/* background: #fff;*/
	border-width: 0px;
	color: inherit;
	padding: 5px;
	vertical-align: top;
	/* aqui voce define as dimensões da miniatura */
	width: 150px;
	height: 100px;
	}
.hoverbox .preview {
	border: 1px solid #D9D9D9;
		/* aqui as dimensoes reais da foto ampliada */
	width: 300px;
	height: 200px;
	}

/*  Hacks para o Internet Explorer
----------------------------------------------------------------------*/

/* image */
img.image {
	background: #fff;
	margin: 5px;
	border: 1px solid #D9D9D9;
}