﻿/* Documento CSS */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-style: normal;
list-style: none;
}

/* Tabelas ainda precisam de 'cellspacing="0"' nas markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, tr, td { /*text-align: left;*/ font-weight: normal; }
table, td, tr { vertical-align: middle; }

/* Remove possíveis quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove qualquer borda em imagens com links. */
a img { border: none; }

/*Formatação Body*/
body {
	background-image: url(imagens/fundoSite.jpg);
	background-repeat: repeat-x;
	background-color: #d7d7d7;
}

div {
	margin: 0 auto;
	/*border: 1px solid black;*/
}

/* FORMATAÇÃO DO SITE */

/* ---------------Topo--------------- */

div#topo{
	width: 800px;
}

div#topoLogotipo{
	height: 101px;
}

div#topoMenu{
	height: 47px;
	background-color: #576e86;
	border-top: 1px solid white;
	border-right: 1px solid white;
	border-left: 1px solid white;
}

div#topoMenu ul{
	width: 435px;
	height: 47px;
	float: right;
}

div#topoMenu li{
	display: inline;
	float: left;
	/*border: 1px solid black;*/
}

div#topoMenu li a{
	display: block;
	padding-top: 16px;
	padding-right: 36px;
	padding-bottom: 14px;
	padding-left: 36px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #fff;
	text-decoration: none;
}

div#topoMenu li a:hover{
	display: block;
	padding-top: 16px;
	padding-right: 36px;
	padding-bottom: 14px;
	padding-left: 36px;
	color: #576e86;
	text-decoration: none;
	background-color: #d6d6d6;
}

/* ---------------Flash--------------- */

div#flash{
	width: 800px;
	height: 254px;
	clear: both;
}

/* ---------------Conteúdo--------------- */

div#conteudo{
	width: 800px;
}

/* Menu Lateral */

/*div#conteudoMenuLateral{
	width: 272px;
	height: 526px;
	margin-bottom: 4px;
	float: left;
	background-color: #fff;
	border: 1px solid #666;
}*/

div#conteudoMenuLateral{
	width: 272px;
	height: 530px;
	margin-bottom: 4px;
	float: left;
	background-color: #fff;
	border: 1px solid #666;
}

div#menuLateralTitulo{
	height: 34px;
	padding-top: 12px;
	text-align: center;
	background-image: url(imagens/fundoMenuLateral.jpg);
	background-repeat: repeat-x;
}

div#menuLateralTitulo h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #666;
}

div#menuLateralOpcoes{
	height: 482px;
	overflow: auto;
}

div#menuLateralOpcoes ul{
	padding-left: 8px;
	clear: both;
}

/*div#menuLateralOpcoes li{
	margin-top: 8px;
	width: 208px;
	height: 30px;
	background-image: url(imagens/fundoMenuLateralBotoes.jpg);
	background-repeat: no-repeat;
}*/

div#menuLateralOpcoes li{
	margin-top: 8px;
	width: 241px;
	height: 30px;
	background-image: url(imagens/fundoMenuLateralBotoes.jpg);
	background-repeat: no-repeat;
}

div#menuLateralOpcoes li a{
	display: block;
	padding-top: 9px;
	padding-left: 30px;
	height: 21px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
}

div#menuLateralOpcoes li a:hover{
	display: block;
	padding-left: 60px;
}

/* Conteudo / Destaques */

div#conteudoDestaques{
	width: 482px;
	height: 487px;
	margin-bottom: 4px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	float: right;
	background-color: #fff;
	border: 1px solid #666;
	overflow: hidden;
}

html>body div#conteudoDestaques{
	width: 482px;
	height: 490px;
	margin-bottom: 4px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	float: right;
	background-color: #fff;
	border: 1px solid #666;
}

div#conteudoDestaques h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #666;
	text-align: center;
}

div#conteudoDestaques p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666;
	text-align: justify;
	line-height: 15px;
}

div#conteudoDestaques img{
	float: left;
}

/* ---------------Rodapé--------------- */

div#rodape{
	width: 790px;
	padding-top: 16px;
	padding-left: 10px;
	padding-bottom: 16px;
	background-color: #d7d7d7;
	clear: both;
}

div#rodape address{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	line-height: 15px;
}

div#rodape address a{
	color: #333;
	text-decoration: underline;
}

div#rodape address a:hover{
	text-decoration: none;
}

/* ---------------Página Produtos--------------- */

div#conteudoDestaquesProdutos{
	width: 481px;
	height: 492px;
	margin-bottom: 4px;
	padding-top: 14px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	float: right;
	background-color: #fff;
	border: 1px solid #666;
}

html>body div#conteudoDestaquesProdutos{
	width: 481px;
	height: 496px;
	margin-bottom: 4px;
	padding-top: 14px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	float: right;
	background-color: #fff;
	border: 1px solid #666;
}

div#conteudoDestaquesProdutos h1{
	padding-bottom: 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #666;
}

div#conteudoDestaquesProdutos p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666;
	text-align: justify;
	line-height: 15px;
}

div#conteudoDestaquesProdutos img{
	border: 1px solid #666;
}

/* -------------------Página Contato------------------- */

div#conteudoDestaquesProdutos table td{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
}

/* Classes Formulário */

.forms{
	width: 400px;
	height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic; 
	border: 1px solid #666;
}

.formsMensagem{
	width: 400px;
	border: 1px solid #666;
	height: 100px;
}

.formsBotoes{
	width: 74px;
	height: 27px;
	padding-right: 9px;
	padding-bottom: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	background-image: url(imagens/fundoContatoBotoes.jpg);
	background-repeat: repeat-x;
	border: 1px solid #666;
}