@charset "utf-8";

/* Defaults ################################################################*/
* {font-family: Arial, Helvetica, sans-serif; color:#333; font-size:12px; text-align: left;}
html, body, img, td, p, h1, h2, h3, h4, dl, dd {margin: 0; padding: 0; border: 0; font-weight:normal;}
html, body {height:100%;}
body {background: #fff url('../images/fundoGeral.jpg') no-repeat center top; font-family: Arial, Helvetica, sans-serif; color:#333; font-size:12px;}
a {color:#06C; text-decoration:underline;}
a:hover {color:#09C; text-decoration:underline;}
p {margin-bottom:10px; font-size:12px;}
h3 {font-size:15px; color:#039; margin:15px 0 5px 0;}

/* Posicionamento e blocos ################################################################*/
.relative {position:relative}
.absolute {position:absolute}
.left {float:left}
.right {float:right}
.tleft {text-align:left;}
.tRight {text-align:right;}
.tCenter {text-align:center;}
.block{display:block;}
.inlineBlock{display:inline-block;}
div.clear {clear: both; height: 1px; overflow: hidden;}
div.linha {height: 1px; border-bottom:solid 1px #e0e0b1;}
.border0 {border:0;}
.padding0 {padding:0;}
.margin0auto {margin:0 auto;}

/* Laruguras e alturas padrão ################################################################*/
.LarguraDefault {width:760px; left:50%;	margin-left:-380px;}
.w20 {width:20px;}
.w40 {width:40px;}
.w60 {width:60px;}
.w80 {width:80px;}
.w100 {width:100px;}
.w120 {width:120px;}
.w140 {width:140px;}
.w141 {width:141px;}
.w160 {width:160px;}
.w180 {width:180px;}
.w200 {width:200px;}
.w220 {width:220px;}
.w240 {width:240px;}
.w340 {width:340px;}
.h70 {height:70px;}
.h100 {height:100px;}

/* Textos - tamanhos e efeitos ################################################################*/
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f24{font-size:24px;}
.f28{font-size:28px;}
.f36{font-size:36px;}
.bold {font-weight:bold;}
.underline {text-decoration:underline;}

/* Cores ################################################################*/
.vermelho {color:#cc0000;}
.amarelo {color:#FC0;}
.branco {color:#fff;}
.preto {color:#000;}
.verdeClaro {color:#009900;}
.verdeEscuro {color:#006600;}
.cinzaClaro {color:#666;}
.transparent {background-color:transparent;}
.azulEscuro {color:#003399;}
.laranja {color:#F90;}

/* Margens ################################################################*/
.top3 {margin-top:3px;}
.top5 {margin-top:5px;}
.top10 {margin-top:10px;}
.top15 {margin-top:15px;}
.top20 {margin-top:20px;}
.top25 {margin-top:25px;}
.top30 {margin-top:30px;}
.top35 {margin-top:35px;}
.bottom5 {margin-bottom:5px;}
.bottom10 {margin-bottom:10px;}
.bottom15 {margin-bottom:15px;}
.bottom20 {margin-bottom:20px;}
.bottom25 {margin-bottom:25px;}
.bottom30 {margin-bottom:30px;}
.left5 {margin-left:5px;}
.left10 {margin-left:10px;}
.left15 {margin-left:15px;}
.left20 {margin-left:20px;}

/* DIVS específicas ################################################################*/
#DivContainerGeral {position:relative; width:900px; height:auto; margin:0 auto;}
#DivContainerCabecalho {width:900px; height:auto;}
#DivTopo {position:relative; height:auto; height:170px;  border-bottom:solid 1px #ccc;}
#DivMenuPrincipal {position:relative; float:right; height:34px; width:640px; margin:20px 0 0 0;}

#DivFotoDetalhe {float:left; width:250px; height:250px; background:url('../images/fundoDivFotoDetalhe.jpg') no-repeat left top;  padding:0 14px 14px 0; text-align:center;}
#imgFotoProd {position:relative;}

#DivCentral {height:auto; width:900px; margin-top:20px;}
#DivConteudoCentral {position:relative; float:left; margin:0 0 0 30px; padding-bottom:20px; width:500px; height:auto;}

#DivProdutoDetalheConteudo {width:610px; height:auto; float:right;}

#DivDadosPrincipais {width:590px; padding:5px 10px 10px 10px; background: #EAECEE url('../images/fundoDivDadosPrincipais.jpg') no-repeat left top; height:auto;}

#DivDadosPrincipaisEmbaixo {width:610px; background: #EAECEE url('../images/fundoDivDadosPrincipaisEmbaixo.jpg') no-repeat left bottom; height:9px;}

#DivTopoDir {width:620px; float:right; margin-top:25px;}

#DivTopoNomeEmpresa {width:620px; text-align:center; float:right; color:#FFF; background: url(../images/fundoPreto.gif) no-repeat left top; height:18px; padding-top:2px;}

#publicidade, #parceiros, .filho {width:170px; height:100px;}

#DivContainerRodape {margin-top:20px; width:100%; height:100px; background: url('../images/fundoRodape.jpg') repeat-x left top;}
#DivRodapeConteudo {position:relative; width:900px; height:100px; margin:0 auto;}

#DivBuscaProduto {float:right; text-align:right; margin-top:20px;}

.DivMapaLeft {width:600px; height:390px; float:left;}
.DivMapaRight {width:270px; height:390px; float:right; text-align:left;}

#DivAuxiliarImg {width:250px; height:250px;}

#DivTextosHome01 {float:left; background:url(../images/fundoDivTextosHome01.jpg) no-repeat left top; width:240px; height:327px; padding:0 30px 0 30px;}

#DivTextosHome02 {float:right; width:585px;}

.DivProdDestaqueHome {width:170px; height:210px; float:left; margin-bottom:20px; padding:0 10px 0 10px;}
.fioEsq {border-left:solid 1px #ccc;}

.DivHomeRodapeProdDestaque {border-top:solid 1px #ccc; padding-top:20px;}

#DivRepresentantesEsq {width:250px; float:left;}
#DivRepresentantesDir {margin-bottom:20px;}

/* Links ############################################################################*/
.LinkTelefone {background: url('../images/icone_phone.gif') no-repeat left top;	padding-left:20px; color:#09F;}
.LinkEmail {background: url('../images/icone_email.gif') no-repeat left top; padding-left:20px; color:#09F;}
.LinkSkype {background: url('../images/icone_skype.gif') no-repeat left top; padding-left:20px; color:#09F;}

/* CLASSES específicas ################################################################*/
#imgLogo {float:left;}
.telefoneTopo {float:right; text-align:right; background: url('../images/iconeTelefone.gif') no-repeat 0 0; height:35px; display:block; width:240px;}
.tituloBoxMenuLateral {background: url('../images/fundoTituloBoxMenuLat.jpg') no-repeat left top; width:160px; height:21px; font-size:15px; font-weight:bold; color:#FFF; padding:4px 0 0 10px;}
h2.TituloPagina {margin-bottom:20px; font-size:30px; color:#cc0000; height:34px; display:block; width:100%;}
.h1Topo	{width:350px; float:left;}
.h1Topo span {font-size:14px; font-weight:bold; background:url('../images/bulletCheckVermelho.gif') no-repeat left top; width:93px; height:35px; float:left; padding-left:18px;}
.TituloDadosPrincipais {color:#FFF; font-size:24px; font-weight:bold; height:30px; display:block; width:100%; margin-bottom:15px;}
.bulletBolaSetaVermelha {background:url('../images/bulletBolaSetaVermelha.gif') no-repeat left top; font-weight:bold; padding-left:18px; display:block; margin-bottom:10px;}

.ulListaCheck li {font-weight:bold; list-style-image:url('../images/check.jpg');}

.lnkAccor {background:url('../images/fundoLinkAccordion.jpg') no-repeat left top; display:block; width:595px; height:24px; font-size:16px; color:#cc0000; font-weight:bold; cursor:pointer; text-decoration:none; height:26px; padding:12px 0 0 15px;}

.lnkAccor:hover {text-decoration:none; color:#666;}

.lnkAccorProdutos {background:url('../images/fundoLinkAccordionProdutos.jpg') no-repeat left top; display:block; width:885px; height:24px; font-size:16px; color:#cc0000; font-weight:bold; cursor:pointer; text-decoration:none; height:26px; padding:12px 0 0 15px;}

.lnkAccorProdutos:hover {text-decoration:none; color:#666;}

.DivAccor {padding:0 15px 15px 15px;}

label.error {font-size:10px; color:#F00; font-style:italic;}
.iframeMapa {border:solid 1px #CCC; margin-bottom:10px;}

.txtBox {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	background: url('../images/fundoInput.jpg') repeat-x left top;
	border:solid 0.1em #e2e5e7;
	padding:3px;
}

.validate {background: url('../images/icone_alertaPeq.gif') no-repeat left top; font-size:10px; color:#999; padding:2px 0 0 17px; display:inline-block; height:12px;}

.emailOk {background: url('../images/icone_emailOk.jpg') no-repeat left top; font-size:15px; font-weight:bold; color:#006600; padding:15px 0 0 44px; display:inline-block; height:30px;}

.semInfo {background: url('../images/imgEmConstrucao.jpg') no-repeat left top; width:97px; height:23px; padding:15px 0 0 40px;}

/* grid Pesquisa ****************************************************************************** */

.gridProdutos {background:url(../images/fundoTopoGrid.jpg) no-repeat left top; border:none 0 #FFF;}

.gridProdutos th {font-size:12px; padding:4px; color:#FFF; text-align:center; height:18px;}

.btnGrid {display:block; margin-left:30px; width:66px; height:17px; color:#FFF; background:url(../images/btnDetalhes.jpg) no-repeat left top; padding:3px 0 0 21px; text-decoration:none;}
.btnGrid:hover {color:#FFF; text-decoration:underline;}

.btnGrid02 {display:block; margin-left:30px; width:66px; height:17px; color:#900; background:url(../images/btnDetalhes02.jpg) no-repeat left top; padding:3px 0 0 21px; text-decoration:none;}
.btnGrid02:hover {color:#900; text-decoration:underline;}

.gridProdutos td, .gridPagProdutos td {padding:5px; text-align:center; height:40px;}

.linhaAlternada {background-color:#f3f3f3;}

.pager a {font-size:10px; color:#900; background: url(../images/lnkNumerador.jpg) no-repeat left top; height:16px; width:18px; display:block; padding:2px 0 0 0; text-align:center; text-decoration:none;}

.pager span {font-size:10px; color:#FFF; background: url(../images/lnkNumeradorVermelho.jpg) no-repeat left top; height:16px; width:18px; display:block; padding:2px 0 0 0; text-align:center; text-decoration:none;}

.pager {background-color:#e2e5e7; border-top:solid 1px #CCC;}

.erro {position:relative; background: url('../images/icone_alerta.gif') no-repeat left top; font-size:10px; color:#900; display:block; padding:2px 0 0 22px; height:12px; width:180px; margin:0 auto; margin-top:6px;  }

/* grid Pagina Produtos.aspx ****************************************************************************** */

.gridVazia {border:solid 1px #FC0; background: #FFC url(../images/icone_alerta.gif) no-repeat 15px 10px; height:50px; margin:0 20px 0 20px; width:860px;}

.spanGridVazia {border:solid 1px #FC0; display:block; background: #FFC url(../images/icone_alerta.gif) no-repeat 15px 10px; height:30px; padding-top:20px; margin:0 20px 0 20px; width:860px; text-align:center;}

.gridPagProdutos th {background-color:#CCC; font-size:12px; padding:4px; color:#FFF; text-align:center; height:17px;}

/* Menu Principal ##############################################################*/
ul#MenuPrincipal {
	list-style-type: none;
	position:relative;
	padding:0;
	margin:0;
	height:24px;
	width:640px;
}
ul#MenuPrincipal li {list-style-type:none; display:inline; margin:0;}
.menuPrincipal, .menuPrincipalActive {
	font-size:12px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	padding:8px 0 0 0;
	display:inline-block;
	background: url('../images/btnMenuPrincipal.jpg') no-repeat;
	width:100px;
	height:26px;
	text-align:center;
}
.menuPrincipal {background-position: 0 -34px; color:#FFF;}
.menuPrincipalActive, .menuPrincipalActive:hover, .menuPrincipal:hover {background-position: 0 0; color:#900; text-decoration:none;}

/*  Formulários #########################################*/
input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	background: url('../images/fundoInput.jpg') repeat-x left top;
	border:solid 0.1em #e2e5e7;
	padding:3px;
}

.tblProdutoDetalhe 
{
	border:solid 1px #e2e5e7;	
	width:100%;
}

.tblProdutoDetalhe th, .tblProdutoDetalhe td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:3px 6px 3px 6px;
	text-align:center;
}
.tblProdutoDetalhe th {
	background-color:#e2e5e7;	
}
.tblProdutoDetalhe td {
	background-color:#f3f3f3;
	/*border:solid 5px #fff;*/
}