/* -------------- CSS RESET By Ateneu Popular ---------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
address, big, cite, code, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt,
var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
strong{ font-weight: bold; }
:focus { outline: 0;}
a, a:link, a:visited, a:hover, a:active{text-decoration:none}
table {	border-collapse: separate;border-spacing: 0;}
th, td {text-align: left; font-weight: normal;}
img, iframe {border: none; text-decoration:none;}
ol, ul {list-style: none;}
select {margin: inherit;}
hr {margin: 0;padding: 0;border: 0;color: #000;background-color: #000;height: 1px}

/* --------------------------------------- INICIO DO CSS DO SITE ------------- */

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 21px;
	color: #666666;
	background: url(imagens/bground.jpg) top center no-repeat;
	background-color: #10240B;
	margin: 10px;
}
#frameinvisivel{
	display: none;
}

/* ------------------------------------------------- CORES LINKS -------- */

a{
	color: #003366;
	text-decoration: none;
}
a:visited{
	color: #666666;
	text-decoration: none;
}
a:hover{
	color: #666666;
	text-decoration: underline;
}

.middle{
	vertical-align: middle;
}
.floatleft{
	float: left;
}
.floatright{
	float: right;
}
.clear{
	clear: both;
}
.negrito{
	font-weight: bold;
}
.vermelho{
	color: #990000;
}
.amarelo{
	color: #FFFF00;
}
ul li{
	list-style: none;
	list-style-type: none;
}

h1{
	font-size: 14px;
	font-weight: bold;
	color: #FF6600;
}
h2{
	font-size: 12px;
	color: #003366;
}
h3{

}
.font11px{
	font-size: 11px;
}

.semestilo{
	font-size: 12px;
	line-height: 17px;
	color: #666666;
	font-weight: normal;
}
input, textarea, selecet{
	border: 1px solid #cfcfcf;
	background-color: #FFFFFF;
}
.aligncenter{
	text-align: center;
}
.alignright{
	text-align: right;
}
#data{
	width: 800px;
	height: 42px;
	margin: 0px auto;
	margin-top: 28px;
	text-align: right;
	color: #FFFFFF;
}
#menu{
	width: 800px;
	height: 50px;
	margin: 0px auto;
	padding: 32px 0px 0px 0px;
	text-align: right;
	background: url(imagens/menu_bg.jpg) top center no-repeat;
	/*border: 1px solid #FFFF00;*/
}
#menu ul li{
	list-style: none;
	list-style-type: none;
}

#menu li{
	float: right;
	margin: 0px 0px 0px 0px;
}

#menu li a{
	float: left;
	font-family: Georgia,Times New Roman,serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
	-x-system-font: none;
	font-size: 13px;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	height: 30px;
	padding: 0px 24px 0px 0px;
}
#menu li a:hover{
	color: #8AB300;
}

#conteudo{
	width: 760px;
	min-height: 450px;
	margin: 0px auto;
	padding: 20px 20px 20px 20px;
	background-color: #FFFFFF;
	border-bottom: 5px solid #6CB300;
}

#rodape{
	width: 800px;
	height: 70px;
	margin: 0px auto;
	margin-top: 20px;
	text-align: right;
	color: #FFFFFF;
}

.prop
{	height:100px;
	vertical-align:middle;
	border-bottom: 2px solid #CCCCCC;
	font-size:10px;
	font-weight:bold;
	text-align:center;
}

#bemvindos, #nossalocalizacao{
	float: left;width: 250px;height: 190px;margin: 0px 20px 0px 0px;background: url(imagens/bemvindos.jpg) top left no-repeat;padding: 35px 0px 0px 150px; overflow: hidden;
		/*border: 1px solid #00CC00;*/
}
#homecatalogo, #bandeiras{
	float: left;width: 340px;height: 190px;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;
		/*border: 1px solid #00CC00;*/
}
#nossalocalizacao{
	background: url(imagens/nossalocalizacao.gif) top left no-repeat;
	/*border: 1px solid #00CC00;*/
}
#nossalocalizacao a{
	color: #03577B;
}
#bandeiras{
	text-align: center;
}

h2{
		font-weight: normal;
}
#listaprodutos td, #listaprodutos th{
	border: 1px solid #C2D8DA;
	padding: 2px;
	background-color: #FFFFFF;
}
#xlista{
	float: left;
	width: 600px;
	min-height: 200px;
	padding: 4px 0px 0px 3px;
	margin: 4px 4px 4px 0px;
	border: 1px solid #CFCFCF;
		/*border: 1px solid #999999;*/
}
* html #xlista{
	height: 200px;
}
 #xlista:hover{
	background-color: #E3F3F2;
}
.separalinhas{
	float: left;
	width: 250px;
	height: 140px;
		/*border: 1px solid #00FF00;*/
}
.separaprodutos{
	float: left;
	width: 350px;
	height: 220px;
	padding: 5px;
	margin: 0px 0px 10px 10px;
		border: 1px solid #CCCCCC;
}