/* GERAL (body) ______________________________________________________________________________________ *

/* textos */

.CorDataNoticias {

	color: #FF0000;

	text-decoration: none;

	font-weight: none;

}



.fundoTopo {

	background-image: url(images/site_r2_c1.gif);

	background-repeat: no-repeat;

	background-position: left bottom;

}

body,td {

	scrollbar-face-color:#948E94;

	scrollbar-highlight-color:#FFFFFF;

	scrollbar-3dlight-color:#948E94;

	scrollbar-darkshadow-color:#948E94;

	scrollbar-shadow-color:#FFFFFF;

	scrollbar-arrow-color:#FFFFFF;

	scrollbar-track-color:#E7E7E7;

	

	font-family: Verdana;

	font-size: 10px;

	color: #000000;

	text-decoration: none;

	line-height: 12px;

}

body,td a:hover {

	color: #000000;

	text-decoration: none;

}

body,td a {

	color: #000000;

	text-decoration: none;

}

.tituloProduto {

	font-family: Verdana;

	font-size: 10px;

	color: #333333;

	text-decoration: none;

	font-weight: bold;

}

.linkarea {

	font-family: Verdana;

	font-size: 9px;

	color: #CCCCCC;

	text-decoration: none;

	font-weight: bold;

}

.linkarea a{

	color: #CCCCCC;

	text-decoration: none;

}

.linkarea a:hover{

	color: #999999;

	text-decoration: none;

}

/* boxes, caixas, bts */

.cx100 {

	font-family: Verdana;

	font-size: 10px;

	color: #000000;

	width: 100%;

	border: 1px solid #000000;

}

.cxBusca {

	font-family: Verdana;

	font-size: 10px;

	color: #000000;

	width: 100%;

	height: 18px;

	border: 1px solid #4B7CA5;

	/*background-image: url(images/sombra_box.jpg);

	background-attachment: fixed;*/

}

.borda {

	border: 1px solid #FFFFFF;

}

.bts {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	color: #000000;

	background-color: #f7f7f7;

	border: 1px solid #00CC66;

}



/* GUIAS - acesse _ini.asp para modificar a cor do mouse over ________________________________________ */

.txMenu {

	font-family: Verdana;

	font-size: 10px;

	color: #FF0000;

	text-decoration: none;

	line-height: 14px;

}

.txMenu a:hover{

	color: #FFFF00;

	text-decoration: none;

}

.txMenu a{

	color: #FFFFFF;

	text-decoration: none;

}

.fundoGuiaCategorias {

	background-image: url(images/guia_fundo_categorias.jpg);

	background-position: right top;

}



/* GUIA SERVIÇOS _____________________________________________________________________________________ */

.txMenuServ {

	font-family: Verdana;

	font-size: 10px;

	color: #000000;

	text-decoration: none;

	line-height: 14px;

}

.txMenuServ a:hover{

	color: #FF0000;

	text-decoration: none;

}

.txMenuServ a{

	color: #000000;

	text-decoration: none;

	text-height: bold;

}



/*cor do link do "olá cliente" */

.txMenuServCliente a{

	color: #000000;

	text-decoration: none;

	font-weight: bold;

}



.txMenuServCliente a:hover{

	color: #FF0000;

	text-decoration: none;

	font-weight: bold;

}



.fundoGuiaServicos {

	background-image: url(images/guia_fundo_servicos.jpg);

	background-position: right top;

	height:36px;

}

.fundoGuiaServicosDiv {

	background-image: url(images/esquerda_fundo.jpg);

	background-repeat: repeat-y;

	background-position: left top;

}

.linhaFundoGuia {

	background-image: url(images/linha_fundo_guia.jpg);

	background-repeat: repeat-x;

}



/* BUSCA _____________________________________________________________________________________________ */

.fundoEsquerdoBusca {

	background-image: url(images/esquerda_fundo.jpg);

	background-repeat: repeat-y;

	background-position: left top;

}

/* imagem da base */

.fundoEsquerdoBaseBusca {

	background-image: url(images/esquerda_base.gif);

	background-repeat: no-repeat;

	background-position: right bottom;

	height:20px;

}



/* TXT PREÇOS ________________________________________________________________________________________ */

.precoNormal {

	font-family: Verdana;

	font-size: 10px;

	color: #666666;

	text-decoration: none;

	font-weight: bold;

}

.precoDe {

	font-family: Verdana;

	font-size: 10px;

	color: #000000;

	text-decoration: line-through;

}

a.precoPromo {

	font-family: Verdana,Sans;

	font-size: 10px;

	color: #4AAA42;

	text-decoration: none;

	font-weight: bold;

}

.esgotado, .esgotado2 {
	font-family: Verdana,Sans;
	color: #CC0000;
	text-decoration: none;
	font-weight: bold;
}

.esgotado {
	font-size: 10px;
}
.esgotado2 {
	font-size: 10px;
}

.precoPromo img {

	vertical-align: middle;

}



.precoAtacado {

	font-family: Verdana;

	font-size: 10px;

	color: #009900;

	text-decoration: none;

	font-weight: bold;

}



/* MENU DIREITO _____________________________________________*/

/* Possui os estilos para formatar o título de cada módulo, 

o background de cada titulo, o background de cada "miolo" 

e os estilos para formatação do texto */



/*Background do Título do Modulo*/

/*Este estilo serve para escolher uma cor/imagem diferente para destacar os Lançamentos e Promoções*/

/*somente backgrounds. Para destacar o título, veja o arquivo cores_titulo.asp */

.DestaqueLancamento {

	background-color: #6F9ABD;

	height:42px;

}

.DestaquePromocao {

	background-color: #6F9ABD;

	height:42px;

}

/*Background do Título do Módulo*/

.TituloModulo{

	background-color: #6F9ABD;

	height:42px;

}

/*none do Titulo do Modulo*/

/*Linha que vai abaixo do título de cada módulo*/

.none_titulo_direito {

	background-color: #FF0000;

	height:1px;

	}

/*Textos do Menu Direito*/

/* Titulo do Produto (links) */

.tituloProdutoMenu a{

	font-family: Verdana;

	font-size: 10px;

	color: #000000;

	text-decoration: none;

	font-weight: bold;

}

.tituloProdutoMenu a:hover{

	font-family: Verdana;

	font-size: 10px;

	color: #FF0000;

	text-decoration: none;

	font-weight: bold;

}

/* Texto comum (+formatação de links  e linhas que separam os textos) */

.textoMenuDireito {

	font-family: Verdana;

	font-size: 9px;

	color: #000000;

	text-decoration: none;

	font-weight: normal;

}

.textoMenuDireito a{

	font-family: Verdana;

	font-size: 9px;

	color: #000000;

	text-decoration: none;

	font-weight: normal;

}

.textoMenuDireito a:hover{

	font-family: Verdana;

	font-size: 9px;

	color: #ff00000;

	text-decoration: none;

	font-weight: normal;

}

.LinhaSeparacao{

	background-color: #4B7CA5;

	height:1px;

}

/* Bordas das fotos do Menu Direito */

.bordaMenu {

	border: 1px solid #999999;

}

/* Preços do Menu Direito */

.precoNormalMenu {

	font-family: Verdana;

	font-size: 10px;

	color: #FF0000;

	text-decoration: none;

	font-weight: bold;

}

.precoDeMenu {

	font-family: Verdana;

	font-size: 10px;

	color: #888888;

	text-decoration: line-through;

}

.precoPromoMenu {

	font-family: Verdana;

	font-size: 10px;

	color: #FF0000;

	text-decoration: none;

	font-weight: bold;

}

.precoAtacadoMenu {

	font-family: Verdana;

	font-size: 10px;

	color: #00FF00;

	text-decoration: none;

	font-weight: bold;

}

/* Fundos dos Modulos */

/* Fundo da base dos Modulos */

.fundoDireitoBase {

	background-image: url(images/direita_base_produtos.jpg);

	background-repeat: no-repeat;

	background-position: right bottom;

	height:16px;

}

/*Background dos Modulos*/

/* Este estilo é usado na home, na coluna onde ficam os módulos do menu direito */

.fundoDireito {

	background-image: url(images/direita_fundo.jpg);

	background-repeat: repeat-y;

	background-position: right top;

	

	background:#FFF;

}

/* Caixa "INPUT" */

/* usada no campo de cadastro de e-mail, no módulo "newsletter" */

.cx100MenuDireito {

	font-family: Verdana;

	font-size: 10px;

	color: #000000;

	width: 100%;

	border: 1px solid #000000;

}



/* MENU ESQUERDO _____________________________________________*/

/* Possui os estilos necessários para formatar o texto das categorias, 

o texto das subcategorias, background das categorias, backgroud das 

subcategorias e a linha que vai abaixo do tiutlo de cada categoria */



/*cores de fontes, fontes todas em maiúsculas do menu direito: consulte o arquivo _ini.asp */



.fundoEsquerdo {

	background-image: url(images/esquerda_fundo.jpg);

	background-repeat: repeat-y;

	background-position: left top;

}

/* TITULO */

.background_titulo_esquerdo {

	/* background-image: url(images/titulo_esquerdo.jpg); */

	background-repeat: no-repeat;

	background-position: right bottom;

	height:20px;

}

.texto_titulo_esquerdo a{

	font-family: Verdana;

	font-size: 10px;

	color: #FFFFFF;

	text-decoration: none;

	line-height: 10px;

	font-weight: bold;

}

.texto_titulo_esquerdo a:hover {

	color: #FFFFFF;

	text-decoration: none;

}

.none_titulo_esquerdo {

	background-color: #FFFFFF;

	height:1px;

}

/* links do menu */	

.texto_menu_esquerdo a{

	color: #FFFFFF;

	text-decoration: none;

}

.texto_menu_esquerdo a:hover{

	color: #FFFFFF;

	text-decoration: none;

}

.background_menu_esquerdo {

	/* background-image: url(images/titulo_direito.jpg); */

	background-repeat: no-repeat;

	background-position: right bottom;

}

/* imagem da base */

.fundoEsquerdoBase {

	background-image: url(images/esquerda_base.jpg);

	background-repeat: no-repeat;

	background-position: right bottom;

	height:20px;

}



/* RODAPÉ ____________________________________________________________________________________________ */

.fundoTarja1 {

	background-color:#E7E3E7

	/* background-image: url(images/base_fundo_categorias.jpg);

	background-position: right top; */

}

.txTarja1 {

	font-family: Verdana;

	font-size: 10px;

	color: #000000;

	text-decoration: none;

	line-height: 14px;

}

.txTarja1 a:hover{

	color: #000000;

	text-decoration: none;

}

.txTarja1 a{

	color: #000000;

	text-decoration: none;

}

.fundoTarja2 {

	background-color:#948E94

	/* background-image: url(images/base_fundo_servicos.jpg);

	background-position: right top; */

}

.txTarja2 {

	font-family: Verdana;

	font-size: 10px;

	color: #FFFFFF;

	text-decoration: none;

	line-height: 14px;

}

.txTarja2 a:hover{

	color: #FFFFFF;

	text-decoration: none;

}

.txTarja2 a{

	color: #FFFFFF;

	text-decoration: none;

}



/* Titulo IMPERDIVEL */

h4 {

    color:red;

    font-family:Trebuchet MS,Arial,Sans-serif;

    font-size:17px;

    font-style:italic;
	
	text-decoration: none;

}



/* Titulo DESTAQUES */

h5, h3 {

    

    font-family:Trebuchet MS,Arial,Sans-serif;

    font-size:15px;

    font-style:italic;

    

}

h5 {

    color:#FF0000;

}

h3 {

margin-left:10px;
color:#FFFFFF;
}



.preco {

    color:red;

    font-family:Trebuchet MS,Arial,Sans-serif;

    font-size:15px;

    font-style:italic;

    font-weight:bold;

    }



h1.cesta, h1.compras {

    padding-bottom:10px;

    font-family:Trebuchet MS,Arial,Sans-serif;

    font-size:15px;

    font-weight:bold;

    }

    

h1.cesta { color:green; }

h1.compras { color:red }

    



a.remcesta:link {

    color:red;

    font-family:Trebuchet MS,Arial,Sans-serif;

    font-size:12px;

    font-weight:bold;

    text-decoration:none;

    }

a.remcesta:visited {

    color:red;

    font-family:Trebuchet MS,Arial,Sans-serif;

    font-size:12px;

    font-weight:bold;

    text-decoration:none;

    }

a.remcesta:hover {

    color:#CC0000;

    font-family:Trebuchet MS,Arial,Sans-serif;

    font-size:12px;

    font-weight:bold;

    text-decoration:none;

    }