body, td, th, a {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:11px;
	color:#000033;
	font-weight: normal;
}
body {	margin-left: 0px; 
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px; 
		background-color:#CCCCCC;
}
table {
	border: none;
}
th, td {
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
}
a {
	text-decoration: underline;
}
a:hover {
	color:#000033;
}

.areaTrabalho {
	background-color: #FFFFFF;
}

.barraSup {	font-family: Arial, Helvetica, Verdana, sans-serif;
			font-size: 10px;
			font-weight:bold;
			color:#FFFFFF;
			height: 30px;
			background-image:url(../img/bg_menutop.jpg);
			text-align:center;
			vertical-align:middle;
}
.barraSup a {
	text-transform: uppercase;
	margin: 0 10px;
}
.barraSup a:link {	text-decoration: none;
					font-weight:bold;
					color:#FFFFFF; }
.barraSup a:visited { text-decoration: none;
					font-weight:bold;
					color:#FFFFFF; }
.barraSup a:active {	text-decoration: none;
					font-weight:bold;
					color:#FFFFFF; }
.barraSup a:hover {	text-decoration: underline;
					font-weight:bold;
					color:#FFFFFF; }

.topo {
background-image:url(../img/bg_top.jpg);
background-repeat:repeat-x; }

.topo .boxMeusPedidos {
background: url(../img/bg_box_meuspedidos.jpg) no-repeat;
}

.topo .boxTotalizador {
background: url(../img/bg_box_carrinho.jpg) no-repeat;
}

.topo .boxMeusPedidos td, .topo .boxTotalizador td {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:9px;
	font-weight:bold;
	color: #FFFFFF;
	line-height:100%; }

.topo .boxMeusPedidos input {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:10px;
	color: #ffffff;
	font-weight: normal;
	text-align:left;
	vertical-align:middle;
	background-color: #0E346B;
	background-position:right;
	border: 0px dotted #009900;
	height: 17px;
	width: 88px; }
	
.topo .boxMeusPedidos input.botao {
	font-size: 0px;
	background-image:url(../img/bt_entrar.gif);
	background-position:right;
	border: 0px dotted #009900;
	height: 14px;
	width: 40px; }
	
.topo .boxTotalizador td .total {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:15px;
	color: #ffffff;
	line-height:120%;
	font-weight:bold; }
	
.topo .boxTotalizador .iconeCarrinho {
	background: url(../img/ico_carrinho.gif) no-repeat;
	width: 33px;
}	

.topo .boxTotalizador .iconeTotal {
	background: url(../img/ico_money.gif) no-repeat;
	width: 33px;
}	

#barraSecoes {
background: url(../img/bg_menu2_p1.jpg); }

/* Menu de secoes */
#jsddm li { background: url(../img/bg_menu2_esq.jpg) no-repeat left top; }
#jsddm li a { color: #FFFFFF; }
#jsddm li ul { border-color: #ff5500; }
#jsddm li ul li	{ background-color: #ff7800; border-color: #ff5500; }
#jsddm li ul li a:hover { background-color: #ff9933; }

/* Menu antigo - caso de esturuta personalizada antiga */
/*Styles for level 0*/
.clLevel0,.clLevel0over{
	background: url(../img/bg_menu2_esq.jpg) no-repeat left top;
	text-transform: uppercase;
	color:#FFFFFF;
	font-size: 11px;
	font-weight: bold;
}
.clLevel0over { text-decoration: underline; }

/*Styles for level 1*/
.clLevel1,.clLevel1over{background-color:#ff7800; color:#FFFFFF;}
.clLevel1border{position:absolute; background-color:#ff5500;}
.clLevel1over{background-color:#ff9933;}

h1, h2 {
	font-size:11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	src: url(CALIBRI.TTF);
	color:#000033;
	font-weight:bold;
	text-align: center;
	vertical-align: middle;
	margin-top: 0px;
	padding-top: 8px;
	height: 30px;
	background: url(../img/bg_tit_areamiolo2.jpg) top center no-repeat;
}
h1 {
	text-transform: uppercase;
}
.pagina_home h1, .pagina_secao h1, .pagina_produto h1, .pagina_lancamentos h1, .pagina_promocoes h1  {
	background: url(../img/bg_tit_areamiolo.jpg) top center no-repeat;
}

.preco, .preco a {
	color: #ff4900;
	font-size:14px;
	font-weight: bold;
}
.preco a {
	text-decoration: underline;
}
.preco a:hover {
	color: #FF8800;
}
.precoAntigo {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}

.quadroLateral {
	width: 185px;
	margin-left: auto;
	margin-right: auto;
}
.quadroLateral td {
	padding: 2px 10px;
	background: url(../img/bg_ql.gif) repeat-y left;
}
.quadroLateral th {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	src: url(CALIBRI.TTF);
	font-size:11px;
	color:#000033;
	font-weight:bold;
	text-transform: uppercase;
	height: 35px;
	padding: 9px 0 0 33px;
	background: url(../img/bg_ql_top.gif) no-repeat left;
}
.quadroLateral td.bottom {
	display: block;
	height: 9px;
	padding: 0;
	background: url(../img/bg_ql_bottom.gif) no-repeat left bottom;
}
.quadroLateral td.secao {
	padding-top: 10px;
	padding-bottom: 0px;
}
.quadroLateral td.secao, .quadroLateral td.secao a {
	font-size:10px;
	color: #ff4900;
	font-weight: bold; 
	text-transform: uppercase;
}
.quadroLateral .subsecao {
	padding-top: 2px;
	padding-bottom: 2px;
}

.quadroBusca .quadroLateral td {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:10px;
	color: #ffffff;
	font-weight: bold;
	background: url(../img/bg_qb.gif) repeat-y left;
}
.quadroBusca .quadroLateral td a {
	font-size:10px;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
}
.quadroBusca .quadroLateral th {
	font-size: 0;
	height: 46px;
	background: url(../img/bg_qb_top.gif) no-repeat left;
}
.quadroBusca .quadroLateral td.bottom {
	height: 9px;
	background: url(../img/bg_qb_bottom.gif) no-repeat left bottom;
}
.quadroBusca .quadroLateral td input.campoTexto {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px;
	color:#FFFFFF;
	width: 110px;
	height: 16px;
	background-color:#FFFFFF;
	border: #ffffff solid 1px;
}
.quadroBusca .quadroLateral td input.botao {
	font-size: 0;
	width: 50px;
	height: 16px;
	border: 0;
	vertical-align: top;
	background: url(../img/bt_buscar1.jpg);
}
.quadroMatPromo .quadroLateral td input.campoTexto {
	background-color: #EEE; 
	border: 1px solid #CCC;
	margin: 3px 0;
	width: 130px;
}
.quadroMatPromo .quadroLateral td input.botao {
	font-size: 0;
	width: 25px;
	height: 20px;
	border: 0;
	vertical-align: bottom;
	background: url(../img/bt_ok.jpg);
}
.quadroMatPromo .quadroLateral td select {
	background-color: #EEE; 
	border: 1px solid #CCC;
	width: 100px;
	margin: 3px 20px 0 0;
}

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

.botoes {
	text-align: center;
}
.colEsq, .colDir {
	text-align: center;
}
.fontePequena {
	font-size: 10px;
}
.inputPequeno {
	font-size: 9px;
}
.itens {
	width: 100%;
}
.itens th {
	font-size:11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	src: url(CALIBRI.TTF);
	color:#000033;
	font-weight:bold;
	text-align: center;
	vertical-align: middle;
	margin-top: 0px;
	height: 30px;
	background: url(../img/bg_tit_areamiolo2.jpg) top center no-repeat;
}
.itens td {
	padding: 3px;
	background-color: #F7F7F7;
	border-bottom: solid 1px white;
}
.label {
	font-weight: bold;
}
.maisDetalhes {
	font-size: 9px;
}
.menu {
	width: 100%;
	padding: 3px;
	background-color: #B1C5D0;
	border-left: #FFFFFF 5px solid;
	border-top: #FFFFFF 5px solid;
	border-bottom: #FFFFFF 5px solid;	
}
.menu td {
	border-top: #FFFFFF 1px dotted;
	padding: 3px;
}
.menu a {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.menu a:hover {
	font-weight: bold;
	color: #000033;
	text-decoration: none;
}
.passo, .passoAtual {
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-transform: uppercase;
	width: 120px;
}
.passoAtual {
	color: #ff4900;
}
.rodape {
	text-align: center;
    padding: 5px;
}
.separadorProduto {
	padding-top: 3px;
}

.tabelaForm {
	width: 100%;
	text-align: left;
	vertical-align: top;
}
.tabelaForm td {
	padding: 3px;
	background-color: #F7F7F7;

}
.tabelaForm th {
	font-size:11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	src: url(CALIBRI.TTF);
	color:#000033;
	font-weight:bold;
	text-align: center;
	vertical-align: middle;
	margin-top: 0px;
	height: 30px;
	background: url(../img/bg_tit_areamiolo2.jpg) top center no-repeat;
}
.tabelaErro {
}
.tabelaErro td, .erro {
	height: 30px;
	font-size: 12px;
	font-weight: bold;
	color: #FF4900;
}
.tabelaMensagem {
}
.tabelaMensagem td {
	height: 30px;
	font-size: 12px;
	font-weight: bold;
	color: #17b5ed;
}
.popup {
	background-color: #FFFFFF;
}
.menu .secao {
	font-weight: bold;
	color: white;
	padding-left: 15px;
}
.menu .subsecao {
	padding-left: 30px;
}

.lojaAssociada {
	text-align:center;
	padding:10px 0;
}
.lojaAssociada .logo {
	margin:0 0 0 0;
	padding-left:50px;
}
.lojaAssociada .nome {
	font-size:1.3em;
	font-weight:bold;
	padding-left:0px;
}
.lojaAssociada .descricao, .lojaAssociada .link {
	padding-left:0px;
}