/*============================================================================================*/
/* TAGS HTML */

body {
	margin: 0px;
	padding: 0px; /*precisa pro Opera */
	background-color:#777;
	background-image:url(img/fundo_site.jpg);
}
body, table, th, td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

img {border:0;}
form {margin:0; padding:0;}

a {color:#0099DD;}
a:hover {color:#FF9900; text-decoration:underline;}

p, h1, h2, h3, h4, h5, h6 {margin: 7px 0 10px 0; padding:0;}
p {margin-bottom: 10px;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none;}
h1 {font-size: 15px; border-bottom: 2px solid #0099DD; height: 25px; margin-top: 3px; /*padding-bottom: 4px;*/}
h2 {font-size: 15px;}
h3 {font-size: 15px; color:#0099DD;}
h4 {font-size: 14px; background-color: #E1E1E1; padding: 3px;}
h5 {font-size: 12px; color:#0099DD;}
h6 {font-size: 12px;}

ul {list-style-type:square; list-style-position:inside; padding: 7px 0; margin: 0;}
ul li { padding: 0px;}
hr {height: 1px; border:none; background-color:#0099DD; color:#0099DD;}

/*============================================================================================*/
/* CLASSES GERAIS */

.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.justify {text-align:justify;}

.negrito {font-weight:bold;}
.italico {font-style:italic;}
.normal {font-weight:normal;}
.riscado {text-decoration:line-through;}

.brPeq { line-height: 40%; }
.quebraDupla { line-height: 185%;}

.asterisco {color:#CC0000; font-family:Verdana, Arial;}
.textoObs {font-size:11px; color:#CC0000;}
.fundoCinza {background-color:#E2E2E2; padding: 2px 5px;}
.linkPreto {color:#000000;}

.campos, textarea, select { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	border-top: 2px solid #999999;
	border-left: 2px solid #999999;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
.campos:focus, .campos:focus {border-color: #FF9900;}

.botao {
	width: 80px;
	/*border-top: 1px solid #999999;
	border-left: 1px solid #999999;*/
	/*border-right: 2px solid #000000;*/
	border: 1px solid #777;
	background-color:#FFCC00;
	color:#777;
	background-image:url(img/envelope.gif);
	background-position: 50px;
	background-repeat:no-repeat;
	padding: 0 2px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	font-size: 12px;
}
.divOk, .divErro {
	padding: 5px 3px;
	margin: 7px;
	font-weight:bold;
	text-align:center;
}
.divOk {background-color:#009900; color:#FFF;}
.divErro {background-color:#CC0000; color:#FFF;} /*.divErro {background-color:#FFFFCC;}*/
.divOk a, .divErro a, .divOk a:hover, .divErro a:hover {color:#FFFFFF; text-decoration:underline;}

.imgBorda, .imgDestaque, .imgDestaqueRight {border: 1px solid #FF9900; padding:1px;}
.imgDestaque {margin-right: 7px; margin-bottom: 3px; float:left;}
.imgDestaqueRight {margin-left: 7px; margin-bottom: 3px; float:right;}
#imgLogo {border:none;}

.divFloatLeft, .floatLeft {float:left;}
.divFloatRight, .floatRight {float:right;}
.divClear, .clear {clear:both;}

.corNao, .corSim {padding: 7px 3px 7px 3px; border-bottom:1px solid #000;}
.corSim {background-color:#EAEAEA;}

.ulImagem {list-style-image:url(img/seta.gif); list-style-position:outside; margin:0 0 10px 0; padding:0 0 0 25px; }
.ulImagem li {margin:0; padding: 0 0 3px 10px;}

.divTexto {text-align:justify;}

/*============================================================================================*/
/* ESTRUTURA GERAL DAS PÁGINAS */

#divGeral {
	margin:auto;
	width:777px;
	border: 1px solid #333333;
	background-color:#FFFFFF;
	overflow: hidden; /*precisa pro FF e Opera esticar sua altura junto com elementos internos*/
	/*display:table; /*no Firefox dá bug com o float, a coluna da direita desce lá embaixo */
}
#divTopo {height: 129px;}
.barra {margin: 3px 0;}

#divMenu {height: 40px;}
#divMenu img {float:left;}

#divConteudo {
	padding: 7px;	
	/*padding-right:5px; /* tirar depois o padding-right:5px; */
	background-color:#FFFFFF; /* não tirar senão fatia a borda no IE */
}
#divBottom {
	clear:both;
	height: 22px;
	line-height: 22px;
	padding: 0 5px;	
	background-color:#333333;
	color:#FFFFFF;
	font-weight: bold;
}
#divIdeology {
	width: 769px;
	margin:auto;
	/*background-color:#999;*/
	padding: 5px;
	text-align:right;
	font-size: 11px;
	color:#000000;
	font-weight:bold;
}
#divIdeology a {color:#000000; text-decoration:underline;}

.divHomeLeft {float:left; width: 375px;}
.divHomeRight {float:right; width: 375px;}

.tableFotosHome {margin:auto; /*background-color:#0099FF;*/}
.tableFotosHome td {
	padding:0 4px 4px 0;
	text-align:center;
	vertical-align: top;
	font-weight:bold;
	/*border: 1px solid #999;*/		
}
.tableFotosHome div {padding: 3px 0;}
.tableFotosHome div a {display:block; background-color:#0099FF; padding:1px; text-decoration:none; color:#FFF; /* ou fundo #E5E5E5; ou #000000; ou #FFCC00; border: 1px #999999 solid; */}
.tableFotosHome div a:hover {background-color:#FFCC00; text-decoration:none; color:#000;}
.tableFotosHome img {border: 1px #FF9900 solid; padding:2px;}

/* TABELA CATEGORIA DE PRODUTOS */
/*.tableCategoriaProd {width: 100%; margin: auto;}
.tableCategoriaProd td {
	width: 50%;
	height: 63px;
	background-image:url(img/botao_gd.jpg);
	background-repeat:no-repeat;
	padding: 0;
	vertical-align:top;
}
.tableCategoriaProd td h3 {margin-top:0; line-height: 44px; width: 362px; }
.tableCategoriaProd td a {display: block; padding-left: 30px; width: 332px; color:#333333;}
.tableCategoriaProd td a:hover {text-decoration:none; color:#0099FF;}*/

/* CATEGORIA DE PRODUTOS */
.divCategoriaProd h3 {
	margin-top:0;
	line-height: 44px;
	width: 362px;
	height: 55px;
	background-image:url(img/botao_gd.jpg);
	background-repeat:no-repeat;
}
.divCategoriaProd a {display: block; padding-left: 30px; width: 332px; color:#333333;}
.divCategoriaProd a:hover {text-decoration:none; color:#0099FF;}

/* TABELA FOTOS DE PRODUTOS */
.tableFotos, .tableFotos2 {
	border:none;
	margin:auto;
}
.tableFotos td, .tableFotos2 td {		
	text-align:center;
	vertical-align: middle;		
}
.tableFotos td {
	background-image:url(img/fundo_fotos.jpg);
	background-repeat:no-repeat;
	width: 230px;
	height: 160px;
	padding: 0;
}
.tableFotos2 td {padding: 7px;}
.tableFotos img {border: 3px solid #FFCC00;} /*border: 1px solid #FFF;*/
.tableFotos2 img {padding: 2px; border: 4px solid #CCC;}
td.semNada {background-image:none;}

.tableFornecedores {
	width: 100%;
	margin:auto;
}
.tableFornecedores td {padding: 0; text-align:center;}
#fornecedoresHome {border-top: 2px solid #0099FF; margin-top: 5px; }

#formulario {border-left:1px solid #0099DD;}
#formulario table {margin: auto;}

#mapa {border: 1px solid #CCC;}
/*===============================================================================================*/
/* CSS Scrollers */
#pscroller1{
	background-image:url(img/fundo_topo.jpg);
	width: 632px;
	height: 129px;
}
#pscroller1 img{margin: 5px 8px 0 8px;}