/***************************************
GERAL
***************************************/
body, form, td {
	margin: 0;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
}
img {
	border: 0px
}
img, input, select {
}
a {
	color: #003366;
	text-decoration: underline;
}
/**************************************/


/***************************************
ESTILO DO TOPO
***************************************/
.top, .top IMG {
	/*background: #1A2889;*/
	background: #FBFCFE;
	height: 112px;
}
.topCentro {
	background: url(../imagens/layout_30/top_fundo.jpg) repeat-x;
	/*background-color:#000000;*/
}
/**************************************/



/***************************************
LAYOUT DO MENU E SUBMENU
***************************************/
#menuMain {
	float: left;
	padding: 0 10px 10px 11px;
	clear: left;
	margin: 0;
}
#menuMain #menu {
	width: 154px;
	font-size: 10px;
	border: 1px solid #E8E8E6;
	border-bottom: 0;
	border-top: 0;
	color: #252630;
	padding: 0;
	margin: 0;
	background: #FFFFFF;
}
#menuMain #menu ul {
	margin: 0 3px;
	padding: 0;
	line-height: 16px;
	width:148px;
	background:#F4F5F9 url(../imagens/layout/menu_fundo.jpg) repeat-x top;
	/*background:#FFF;*/
	list-style: none;
	overflow: hidden;
}
#menuMain #menu li {
	background: url(../imagens/layout/menu_seta.gif) no-repeat left center;
	margin: 0 0 0 2px;
	padding: 0 0 0 10px;
	/*border-bottom: 1px dashed #E5E6EA;*/
	border-bottom:1px dashed #DEE0E7;/*layout 08*/
	display: block;
}
#menuMain #menu li a {
	color: #252630;
	text-decoration: none;
}
#menuMain #menu li a:hover {
	color: #000066;
}
#menuBottom {
	background: url(../imagens/layout_30/menu_bottom.jpg) no-repeat;
	height: 18px;
	width: 156px;
	margin: 0 0 10px 0;
}
#subMenu {
	background: #E9E9E9;
	border-top: 4px solid #ABABAB;
	margin: 2px 0px;
	text-align: right;
}

#subMenu img {
	border: 0px;
	height: 16px;
	margin-right: 15px;
}
/**************************************/


/***************************************
CONTEÚDO EXIBIDO DO LADO DIREITO
***************************************/
#dirMain {
	float: right;
	margin: 10px;
	width: 152px;
}
/**************************************/


/***************************************
CONTEÚDO DAS PÁGINAS
***************************************/
#conteudoMain {
	margin: 20px 15px 0px 178px;
	padding: 0px;
	width: expression(document.body.clientWidth < 780 ? "560px" : "" );
}
/**************************************/



/***************************************
CONTEÚDO DAS CAPA DO SITE
***************************************/
#capaMain {
	position: relative;
	margin: 10px 178px 0px;
}
/**************************************/

/***************************************
ORDENAÇÃO
***************************************/
.listOrdem {
	text-align: right;
	font-size: 10px;
}
.listOrdemAtivo {
	color: #333399;
	font-weight: bold;
}
.listOrdemLink {
	color: #3366FF;
	text-decoration: none;
}
.listOrdemLink:hover {
	text-decoration: underline;
}
/**************************************/



/***************************************
LAYOUT DOS BOXES DE CONTEÚDO
***************************************/
.box {
	border: 1px solid #B7C1D1;
	border-top: 0;
}
#boxBotEsq, #boxBotDir {
	height: 8px;
	width: 8px;
	margin: -8px 0;
	padding: 0;
}
#boxBotEsq {
	background: url(../imagens/layout/box_bot_esq.jpg) no-repeat;
	float: left;
}
#boxBotDir {
	background: url(../imagens/layout/box_bot_dir.jpg) no-repeat;
	float: right;
}
/**************************************/



/***************************************
DESTAQUE DA CAPA
***************************************/
#destaque {
	text-align: center;
	padding: 2px;
	padding-bottom: 0px;
	clear: right;
}
/**************************************/



/***************************************
BUSCA NO TOPO
***************************************/
#buscaTop {
	margin-left: 15px;
	vertical-align: middle;
	display: block;
}
#buscaTop .buscaOk {
	vertical-align: bottom;
}
#buscaTop #buscaCategoria {
	width: 180px;
}
#buscaTop #buscaProduto {
	width: 135px;
}



/***************************************
LAYOUT DO BOX COM BORDA ARREDONDADA
***************************************/
#boxRounded {
	padding:0 6px 0px 0px;
	background:#e7f3ff url(../imagens/layout/box_rounded_border.jpg) 100% 0 repeat-y;
	width: 99%;
}
#boxRounded .bi {
	padding:0 0 0 6px;
	background:#e7f3ff url(../imagens/layout/box_rounded_border.jpg) 0 0 repeat-y;
}
#boxRounded .bt {
	height: 16px;
	margin: 0px -6px;
	background:url(../imagens/layout/box_rounded.gif) 100% 0 no-repeat;
}
#boxRounded .bt div {
	width:18px;
	height:16px;
	background:url(../imagens/layout/box_rounded.gif) 0 0 no-repeat;
}
#boxRounded .bb {
	height:19px;
	margin:0 -6px;
	background:url(../imagens/layout/box_rounded.gif) 100% 100% no-repeat;
}
#boxRounded .bb div {
	width:18px;
	height:19px;
	background:url(../imagens/layout/box_rounded.gif) 0 100% no-repeat;
}
#boxRounded .boxConteudo {
	color: #00508A;
	margin:0;
	padding:2px 10px;
	background:#e7f3ff;
}
#boxRounded .boxConteudo td {
	color: #00508A;
}
/**************************************/



/***************************************
LAYOUT DA BARRA INFERIOR
***************************************/
#bottom {
	background: #E4E7EF;
	text-align: center;
	color: #000066;
	padding:10px;
	clear: both;
	margin-top: 10px;
	position: relative;
}
#bottom a {
	color: #000066;
	text-decoration: none;
}
#bottom .bottomConteudo {
	width: 550px;
	display: table;
}
#bottom .bottomEndereco {
	float: right;
	font-size: 9px;
	height: 70px;
	width:350px;
}
#bottom .bottomPagamento {
	float: left;
	margin-top:7px;
	line-height: 20px;
}
#bottom .bottomDivisao {
	background: #BCC4D8;
	height: 40px;
	width: 1px;
	float: left;
	margin: 10px 10px 0 10px;
}
#bottom .bottomParceria {
	font-size: 9px;
}

/**************************************/

#conteudoTitulo {
	color: #003399;
	font:bold 16px Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #0066CC;
	margin: 10px;
	margin-left: 0px;
}
#conteudoTexto {
	text-align: justify;
}
#conteudoTexto a {
	color: #003366;
	text-decoration: none;
	border-bottom: 1px dotted #0066CC;
}
#conteudoTexto a:hover {
	color: #006600;
	text-decoration: none;
	border-bottom: 1px dotted #0066CC;
}
#menuMain .menuPagamento {
	font-size: 9px;
	color: #797BC4;
	margin: 5px;
}
#menuMain .menuPagamento a {
	color: #003366;
	text-decoration: none;
}
.destaque1 {
	font-weight: bold;
	color: #003366;
}
#boxRounded hr {
	color: #CED6E1;
	height: 1px;
	text-align: center;
}
#topoLinkCesta {
	background: url(../imagens/layout_30/top_06.jpg) no-repeat;
}
#topoLinkCesta strong {
	color: #126d0a;
}

#topoLinkCesta a {
	font-size: 10px;
	color: #393939;
	text-align: center;
	text-decoration: none;
	height: 60px;
	width: 150px;
	display: block;
	padding: 50px 15px 0px;
	
}
#subMenu #nomeUsuario {
	float: left;
	font-size: 9px;
	padding-top: 2px;
	color: #666666;
	font-weight: bold;
}
#subMenu #nomeUsuario a {
	color: #999999;
	font-weight: normal;
}
#subMenu span {
	color: #999999;
	font-weight: normal;
}
.tabelaListagem .tabelaCabecalho {
	background: #F6F7FB;
	font-size: 12px;
	font-weight: bold;
	color: #000099;
	padding: 5px;
	border-bottom: 1px solid #DFE6CA;
	border-top: 1px solid #DFE6CA;
}
.tabelaListagem .tabelaLinhas {
	font-size: 12px;
	padding: 5px;
	border-bottom: 1px solid #DFE6CA;
}
.tabelaListagem a {
	text-decoration: none;
	color: #00005B;
}
.tabelaListagem a:hover {
	text-decoration: underline;
	color: #000000;
}

/********************/
/* RECEBA NOVIDADES */
/********************/
#receba_novidades{
	background:#FFF url(../imagens/layout/receba_novidades.gif) no-repeat;
	width:158px;
	height:73px;
	margin:25px 0;
}
#receba_novidades input.email{
	font:normal 9px Verdana, Arial, Helvetica, sans-serif;
	color:#828282;
	border:1px solid #9CA994;
	margin-top:19px;
	height:12px;
	padding:0;
}
#receba_novidades form input.enviar_email{
	width:45px;
	height:15px;
	float:right;
	margin:4px 10px 0 0;
}