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

body {
	margin: 0px;
	padding: 0px;
}
body, table, th, td {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#666666;	
}
img {border:0;}
form {margin:0; padding:0;}
a {color:#666666; text-decoration:none;}
a:hover {text-decoration:underline;}
p, h1, h2, h3, h4, h5, h6 {margin: 7px 0 10px 0; padding:0;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none;}
h1, h1 a {font-size:21px; color:#0066CC;}
h2, h2 a {font-size:18px; color:#FF6600;}
h3, h3 a {font-size:14px; color:#0066CC;}
h4, h4 a {font-size:13px; color:#0099CC;}
h5, h5 a {font-size:12px; color:#FF6600;}
h6, h6 a {font-size:12px; color:#666666;}
ul {list-style-type: square; margin: 8px 0 8px 27px; padding:0;}
ol {margin: 7px 0 10px 27px; padding:0;}
hr {background-color:#D3DDE4; color:#D3DDE4; border:none; height:1px; margin:0; padding:0;}
#divLeft hr, #divRight hr {background-color:#FFFFFF; color:#FFFFFF;}

/*============================================================================================*/
/* 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;}
.sublinhado, a .sublinhado {text-decoration:underline;}
.uppercase {text-transform:uppercase;}

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

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

.corNao, .corSim {padding: 7px 3px; border-bottom:1px dashed #999999;}
.corSim {background-color: #EFF3F5;} 

.asterisco {color:#FF0000; font-family:Verdana, Arial, Helvetica, sans-serif;}
.divAviso {color:#FF0000; font-size: 10px;}
.divAlerta {border: 1px dashed #333333; background-color:#FFFFCC; margin: 10px 0; padding: 3px;} 
.textoObs {font-weight:normal; font-size: 9px;}
.tdSemAsterisco {padding-left: 10px;}

.campo, .campos, textarea, select { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border: 1px solid #C4D2DB;
	padding: 2px 0;
}
.botao {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
	border: 1px solid #89A2BC;
	background-color: #89A2BC;
}
#bt_excluir {background-color:#CC0000; border: 1px solid #CC0000;}
.divOk, .divErro, .divNada {
	padding: 5px 3px;
	margin: 15px 5px;
	font-weight:bold;
	text-align:center;
}
.divOk {background-color:#009900; color:#FFF;}
.divErro {background-color:#990000; color:#FFF;}
.divOk a, .divErro a { color:#FFFFFF; text-decoration:underline;}
.divNada {background-color:#EFF3F5; color:#AAA;}
.divOk ul, .divErro ul, .divNada ul {text-align:left;}

.imgBorda {border: 1px solid #D3DDE4; padding:2px; background-color:#FFFFFF;}
.imgDestaque {float:left; margin-right: 10px; margin-bottom: 3px;}
.imgProduto {float:right; margin-left: 10px; margin-bottom: 3px;}

.borda {border: 1px solid #D3DDE4;}
.fundoCinza {background-color:#EFF3F5; padding:7px;}
.paginacao {background-color:#EFF3F5; margin: 10px 0; padding:5px; text-align:center;}
.box {}

.tableSimples th, .tableSimples td {padding: 3px;}

.nomeProduto, h1.nomeProduto {border-bottom: 1px solid  #D3DDE4; margin-bottom:5px; padding-bottom:5px;} 
.textoPreco {font-size:13px; color: #FF6600; font-weight:bold;}
.textoPrecoGd {font-size:18px; color: #FF6600; font-weight:bold;}
.textoNao {color: #FF6600; font-weight: bold; margin-bottom:5px;}

.textoLaranja, h1.textoLaranja   {color: #FF6600;}
.textoLaranja9  {font-size: 9px;  color: #FF6600;}
.textoLaranja10 {font-size: 10px; color: #FF6600;}
.textoLaranja11 {font-size: 11px; color: #FF6600;}
.textoLaranja12 {font-size: 12px; color: #FF6600;}

.textoPreto9  {font-size: 9px;	color: #666666;}
.textoPreto10 {font-size: 10px;	color: #666666;}
.textoPreto11 {font-size: 11px;	color: #666666;}
.textoPreto12 {font-size: 12px;	color: #666666;}

.textoAzul9  {font-size: 9px;  color: #0099CC;}
.textoAzul10 {font-size: 10px;	color: #0099CC;}
.textoAzul11 {font-size: 11px;	color: #0099CC;}
.textoAzul12 {font-size: 12px;	color: #0099CC;}

.textoAzulClaro9  {font-size: 9px;  color: #0099FF;}
.textoAzulClaro10 {font-size: 10px;	color: #0099FF;}
.textoAzulClaro11 {font-size: 11px;	color: #0099FF;}
.textoAzulClaro12 {font-size: 12px;	color: #0099FF;}

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

#divGeral {
	position:relative;
	width:100%;
	margin:auto;
	/*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:auto;
	border-bottom: 1px solid #D1D1D1;
}
#divLeft, #divRight {
	width:167px;
	background-color:#EFF3F5;
	border-bottom: 1px solid #FFFFFF;
}
#divLeft {float:left;}
#divRight {float:right;}
#divConteudo {
	margin-left: 187px;
	margin-right: 20px;
	padding: 15px 0;
}
#divBottom {clear:both;}
#divTopoMenu {
	height:27px;
	line-height: 27px;
	background-color:#EEEEEE;
	padding-right: 20px;	
}
#divTopoMenu a {padding-left: 20px;}
#divTopoInt {height:80px; padding: 20px;}

/*----------------------------------------------------------------------------------------------*/
/* MENU CATEGORIA */

#divTopoMenuCat {		
	background-color:#E98422;
	background-image:url(/imagens/fundo_menu_cat.gif);
	background-repeat:repeat-x;	
	border: 1px solid #E98422;
	margin-bottom:1px;
}
#divTopoMenuCatInt {
	height:30px;
	width: 777px;
	margin:auto;
	position:relative;
	font-weight:bold;
}
#divTopoMenuCatInt img {float:left;}
#divTopoMenuCatInt a {color:#FFFFFF;}
#divTopoMenuCatInt a:hover {text-decoration:none;}
.itemMenuCat {
	position:relative; /* muito importante para controlar a posição do absolute da classe subMenuInt */
	float:left;
	padding: 0 3%;
}
.subMenuCat_1, .subMenuCat_2, .subMenuCat_3, .subMenuCat_4 {
	position:absolute;
	z-index: 1000;
	top:-1px;
	left:119px;
	visibility:hidden;
	background-color:#E98422;
	border-top: 1px solid #FFFFFF;
	width:119px;
}
.subMenuCat_1 {top:31px; left:0;}

.subMenuCatInt_1, .subMenuCatInt_2, .subMenuCatInt_3, .subMenuCatInt_4 {
	position:relative;	
	background-image:url(/imagens/fundo_submenu_cat.gif);
	background-repeat:repeat-x;
	border: 1px solid #FFFFFF;
	border-top:none;	
}
.subMenuCatInt_1 a {display:block; width:100%; padding: 3px 0;}
.subMenuCatInt_1 a:hover {background-color:#FFBB00;}

/*----------------------------------------------------------------------------------------------*/

#divTopoLogin {float:right; width:305px;}
#divTopoLogin h2 {margin-top:0;}
#divTopoLogin input {width:65px; margin-right:3px;}
#divTopoLogin img {float:right; margin-top: 17px;}

#divTopoBanner {float:left; width:27%; min-width:195px; margin-left:1%; text-align:center; display:inline;}

#divBannerDestaque {
	background-image:url(/imagens/fundo_destaque.gif);
	text-align:center;
}
.divColunaInt {padding: 15px;}
#divBusca {
	background-image:url(/imagens/fundo_busca.gif);
	background-repeat:repeat-x;
	border: 1px solid #D3DDE4;
	padding: 5px;
	padding-left: 15px;
}
#divBottomMenu {
	height:27px;
	line-height: 27px;
	background-color:#E5EBEF;
	text-align:center;
}
#divBottomMenu a {padding: 0 10px;}
#divBottomIcones {
	height:95px;
	padding: 0 20px;
	background-image:url(/imagens/fundo_bottom.gif);
	background-repeat:repeat-x;
}
#divBottomIcones img {margin: 25px 15px 25px 0;}
#divBottomCopyright {
	height: 25px;
	line-height:25px;
	padding: 0 20px;
	font-size:9px;
}
.divColunaBanner {
	background-color:#E3EAEE;
	padding: 15px 0;
	text-align:center;
}
#boxDestaque {width:99%; margin:auto;}
.divDestaque {
	float:left;
	display:inline;
	width:23%; /*150px*/
	height:250px;
	margin-left:1.6%;
	padding-bottom:5px;
	text-align:center;
}
.tableDestaque {
	width:99%; /*100% quebra no IE6 */
	margin:auto;
}
.tableDestaque td {
	height:250px;
	padding:0;
	vertical-align:top;
	text-align:center;
}
td.tdDestaque {
    width: 23%; /*150px*/
	padding-bottom:5px;
}
td.tdDestaqueBorda {
	width:1.6%;
}
.divDestaqueImg {height: 130px;}
.tableListProd {
	width:99.5%;
	margin:auto;	
	margin-bottom: 10px;	
}
.tableListProd th, .tableListProd td {
	border-bottom: 1px solid #D3DDE4;
	padding: 15px 5px;
}
.tableCarrinho {width:99.5%; margin:auto;}
.tableCarrinho th {	
	background-color:#E5E5E5;
	border-top: 1px solid #D8D8D8;
	border-bottom: 3px solid #FF6600;	
	padding: 3px;
	text-align:left;
}
.tableCarrinho td {
	border: 1px solid #BFBFBF;
	padding: 2px;	
}
.tableProdutoOk td {background-color:#FFFFFF}
.tableProdutoErro td {background-color:#FFEEEE}

.tableDetalhes {width:99.5%;}
.tableDetalhes td {padding:0; vertical-align:top;}
td.tdDetalhesLeft {width:35%;}
td.tdDetalhesCenter {width:5%;}
td.tdDetalhesRight {width:60%;}
.divImgProduto {
	/*float:left;*/
	width: 200px;
	padding-right: 10px;
	padding-bottom: 5px;
}
/*.divImgProduto table {float:right;}*/
.divImgProduto table td {padding: 3px; border: 1px solid #CCCCCC; text-align:center;}

.tableLogin {
	margin: auto;
	/*background-color:#EEEEEE;
	border: 1px solid #BFBFBF;*/
}
.tableLogin th, .tableLogin td { padding: 1px 2px;}

.tableFormCad {width:380px;}
.tableFormCad th {text-align:right;}
.tableFormCad th, .tableFormCad td {padding: 1px 3px;}

/*============================================================================================*/
/* LAYOUT PROVISÓRIO TABELA */

#tableGeral {width:100%; margin:auto; background-color:#FFFFFF;}
#tdTopo     {padding:0; vertical-align:top;}
#tdLeft     {padding:0; vertical-align:top; width:167px; background-color:#EFF3F5;}
#tdCenter   {padding:0; vertical-align:top;}
#tdRight    {padding:0; vertical-align:top; width:167px; background-color:#EFF3F5;}
#tdBottom   {padding:0; vertical-align:top;}