* {margin:0px; padding:0px;}

	body {
background-color:#FFFFFF;
background-image: url(images/background.jpg);
background-repeat: no-repeat;
text-align:left; /** necessário para fazer o layout centralizar no Internet Explorer **/
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
}
.geral {	
	width:770px;	
}
.logo {
	float: left;
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 20px 0px 5px 0px;
	height: 64px;
	width: 300px;
}
.logo ul {
    display:none;
}
.topo {
    float: left;	
	margin: 5px 5px 5px 23px;
}
.carrinho {
	float:left;
	background-color: #c7abda;	
	background-image: url(images/carrinho.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	height: 40px;
	margin-top: 20px;
	padding-left: 120px;
	border: #ecd9f4 1px solid;
	width: 320px;
}
.bannerBottom {
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 6px;
	height: 80px;
	width: 589px;
}
.bannerLogos {
	margin-top: 5px;
	height: 80px;
	width: 170px;
	float: left;
}
.institucional {
	float: left;
	padding: 0px 90px 5px 0px;
	border-right: #cccccc 1px solid;
	font-size: 10px;
	color: #999999;
}
.institucional a {
	color:#999999;
	text-decoration:none;
}
.institucional a:hover { 
	color:#cccccc;
}
.rodape { 
	float:left;
	width: 765px;
	background-color:#3a2852;	
	font-size:10px;
	color:#ffffff;	
	margin-bottom:5px;	
	text-align:center;
	padding:5px 0px 5px 0px;
}
.rodape a {
	color:#ffffff;
	text-decoration:underline;	
}
.rodape a:hover{
	text-decoration:none;	
}
.rodapeLeft {	
	font-size:10px;
	color:#999999;
	float:left;	
	padding-left:10px;
	margin:20px 0px 20px 0px;
}
.rodapeLeft a{
	color:#999999;
	text-decoration:none;
}
.rodapeLeft a:link{
	color:#999999;
	text-decoration:none;
}
.rodapeLeft a:hover {
	text-decoration:underline;
}
.menuHorizontal {
	float:left;
	width: 765px;
}
.menuH {
	font-size: 11px;
	background-image: url(images/bg_menu.gif);
	background-repeat: repeat-x;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border: #4b5f7a 1px solid;
	text-transform: uppercase;
}
ul.menuH li {
    list-style:none;	
	display:inline;
	padding: 5px 19px 5px 28px;
	border-left: #4b5f7a 1px solid;	
}
ul.menuH li a { 
	color:#FFFFFF;
	text-decoration:none;
}
.menuH li a:hover { 
	color:#1b3558;
}
.menuH2 a { 
	color:#FFFFFF;
	text-decoration:none;
	padding:0px 19px 0px 28px;
}
.menuH2 a:hover { 
	color:#1b3558;
}
.menuVertical {
	float:left;
	width:170px;	
}
.menuVTitulo {
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	border-top: #9900ff 3px solid;	
	border-bottom: #9b73b6 1px solid;	
	background-color: #c7abda;
	padding-left: 13px;
	padding-top: 5px;
	padding-bottom: 6px;
}
.menuV {
	list-style-image: url(images/dot.gif);
	color: #666666;	
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 30px;
}
.menuV a { 
	color:#666666;
	text-decoration:none;
}
.menuV a:hover { 
	color:#cccccc;
}
.pesquisa {
	color: #FFFFFF;
	background-color:#985eaf;	
	height: 104px;
	padding-top: 7px;
	padding-right: 7px;
	padding-left: 5px;
	margin-bottom:5px;
	border: #ecd9f4 1px solid;
}
.pesquisaResultado {
	color: #ff0000;
	width: 250px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin: 0px 20px 0px 20px;
	text-align: left;
	line-height: 30px;
}
.pesquisaResultado a {
	color: #333333;
	text-decoration:none;
}
.pesquisaResultado a:hover{
	text-decoration:underline;
}
	form {	
color: #333333;
padding: 0px 5px 0px 5px;
}
.formBotao {
	background-color: #ffff99;
	border: #666666 1px solid;
	font-size: 9px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 5px;
	font-weight: bold;
	padding: 1px 10px 1px 10px;
	text-decoration:none;
}
.formCampo {
	font-size: 11px;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
}
.botaoBuscar {
	background-color: #ffff99;	
	font-size: 9px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 5px;
	font-weight: bold;
	padding: 0px 2px 0px 2px;
	text-decoration:none;
	border: #666666 1px solid;			
}
.carrinhoTexto {
	color: #000000;
}
.carrinhoNumero {
	color: #ffff00;
	font-weight:bold;
}
.carrinhoNumero2 {
	font-size: 16px;
	color: #ff0000;
	font-weight:bold;
}
.catalogo {
	float: left;
	background-color: #FFFFFF;
	height: 228px;
	width: 190px;
	margin: 0px 2px 3px 1px;	
	border: #999999 1px solid;
}
.botaoDetalhes {
	background-color: #dbc8e7;
	border: none;
	font-size: 9px;
	color: #663399;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	margin:5px 0px 5px 0px;
	padding: 2px 10px 2px 10px;
	text-decoration:none;
}
.catalogoFoto {
	margin-top: 5px;	
}
.catalogoFotoMaior {
	float: left;
	margin: 10px;
}
.catalogoPreco {
	font-size: 11px;
	color: #000000;
	margin-bottom: 5px;
}
.catalogoPromocao {
	font-size: 11px;
	font-weight: bold;
	color: #ff0000;
}
.catalogoTitulo {
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	margin: 5px 5px 0px 5px;
}
.catalogoSubTitulo {
	font-size: 11px;
	font-weight: normal;
	color: #999999;
	padding: 0px 5px 0px 5px;
}
.vitrine {
	text-align: center;
	vertical-align: top;
	height: 123px;
	width: 142px;
	margin:0px 1px 7px 6px;
	float: left;	
}
.vitrine img {
	float:left;
}
.vitrineSub {
	float: left;
	background-image: url(images/bg_produtomenor.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: center;
	height: 193px;
	width: 193px;
	margin: 0px 3px 3px 0px;
	font-weight: bold;
	text-transform: uppercase;
	color:#666666;
}
.conteudoMeio {
	float: left;
	width: 589px;
	margin-left: 6px;
	text-align:center;	
}
.bordaMeio {
    float: right;
	width: 587px;
	margin: 0px 5px 5px 6px;	
	border: 1px solid #999999;
	background-color:#ffffff;	
}   		
.bordaProduto {
    float: left;
	width: 587px;	
	margin-bottom: 5px;
	border: 1px solid #999999;
	background-color:#ffffff;	
}
	h1 {
text-align: right;	
font-size: 15px;
font-weight: bold;
color: #666666;
border-top: #9900ff 4px solid;
border-bottom: #999999 1px solid;
background-color: #EEEEEE;
padding: 5px 13px 6px 0px;
}
	h2 {
font-size: 16px;
font-weight: bold;
color: #333333;
padding: 10px 5px 0px 5px;
}
	h3 {
font-size: 12px;
font-weight: bold;
color: #333333;
padding: 10px 5px 0px 5px;
}
	h4 {
background-color: #666666;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
padding: 3px;
margin: 0px 0px 15px 0px;
}
	h5 {
font-size: 14px;
font-weight: bold;
color: #003366;
padding-bottom: 10px;
}
	p {
text-align: left;	
color: #333333;
padding: 20px 10px 20px 10px;
}
	p a { 
color:#333333;
font-weight: bold;
text-decoration:none;
}
	p a:hover { 
text-decoration:underline;
}
	address {
text-align: left;
color: #333333;
padding: 20px;
font-style: normal;
}
	address a { 
color:#333333;
text-decoration:underline;
}
	address a:hover { 
text-decoration:none;
}
	hr {	
color: #cccccc;
}
.paginacao {
	color: #006699;
}
.paginacao a { 
	font-weight: bold;
	color: #006699;
	text-decoration:none;
}
.paginacao a:hover { 
	color:#ff6633;
}
.paginacaoSeta {
	margin-right: 5px;
	margin-left: 15px;
}
.paginacaoSetaRight {
	margin-right: 15px;
	margin-left: 5px;
}
.aviso {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #ff0000;
}
.indisponivel {
	background-color: #fafae0;
	margin-right: 5px;
	padding: 10px;
	margin-left: 5px;
	text-align: center;
	line-height: 25px;
}
.labelAviso {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #CC3300;
	background-color: #fafae0;
	margin-right: 5px;
	padding: 10px;
	margin-left: 5px;
	text-align: center;
	line-height: 25px;
}
.catalogoFotoCombo {
	float: left;
	margin: 10px 20px 30px 10px;
}
.textoGridView {
	text-align: left;
	margin: 10px 20px 30px 10px;
}
.caminho {
	font-size: 11px;
	font-weight:bold;
	float: left;	
	color: #ffffff;
	margin-bottom: 5px;
	padding-left: 10px;
	width: 500px;
}
.caminho a { 
	color:#660099;
	text-decoration:none;
}
.caminho a:hover { 
	text-decoration:underline;
}
.caminhoQtd {
	font-weight: bold;
	font-size: 11px;
	float: left;	
	color: #999999;
	margin-bottom: 5px;
	padding-left: 10px;
}
.formCadastroLeft {
	background-color: #EEEEEE;
	margin: 15px;
	padding: 10px;
	text-align: center;
}
.imageLeft {
	float: left;
	margin: 20px 20px 20px 40px;
}
.imageLeft2 {
	float: left;
	margin: 0px 20px 20px 40px;
}
.imageRight {
	float: right;
	margin: 20px 40px 20px 20px;
}
.saudacaoNome {
	font-size: 13px;
	font-weight: bold;
	color:#cc0000;
}
.saudacao {
	color:#333333;
	float: left;
	width: 585px;
	margin-bottom: 5px;
	margin-left: 6px;
}
.saudacao a{
	color:#333333;
	font-weight: bold;
	text-decoration:underline;
}
.saudacao a:hover {
	text-decoration:none;
}
.tabela {
	width: 575px;
	margin: 15px 0px 15px 5px;
}
.tabelaTitulo {
	background-color: #4b5f7a;
	color:#ffffff;
	padding: 3px;
}
.tabelaLinha {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding: 5px 3px 5px 3px;
}
.tabelaLinha a{
	color:#333333;
	font-weight: bold;
	text-decoration:underline;
}
.tabelaLinha a:hover {
	text-decoration:none;
}
.qtdsim {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding: 5px 3px 5px 20px;
}
.qtdnao {
	color: #ff0000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding: 5px 3px 5px 20px;
}
.qtdLegenda {
	font-size: 10px;
	margin: 20px 0px 0px 5px;
}
.tabelaLinhaDestaque {
	color: #ff0000;
	background-color: #ffffcc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding: 5px 3px 5px 3px;
}
.escolheEndereco {
	background-color: #EEEEEE;
	margin: 5px;
	padding: 10px;
	text-align: left;
}
.enderecoEscolhido {
	color: #333333;
	font-weight: bold;
	background-color:#EEEEEE;
	margin: 5px 5px 5px 5px;
	padding: 10px;
	text-align: left;
	border-top: #4b5f7a 1px solid;
	border-bottom: #4b5f7a 1px solid;
}
.alerta /* Mensagens de alerta em geral */ {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align:center;
	color:red;
	font-style:italic;
	border-style:none;
}
.tabelaRelacionados {
	color: #333333;
	width: 575px;
	margin: 15px 0px 15px 5px;
	text-align:left;	
}
.tabelaRelacionados a{
	color: #333333;
	font-weight: bold;
	text-decoration:underline;
}
.combo {
	font-size:11px;
	float: left;
	text-align: center;
	width: 150px;
	margin:10px;
}
.comboRight {
	float: right;
	margin:20px 10px 30px 30px;	
}
.comboLeft {
	float: left;
	text-align: left;
	margin:10px 5px 5px 5px;	
}
.textoLink a {
	float: left;
	font-family: Verdana, Arial;
	font-size:9px;
	font-weight:bold;
	color:#333333;
	text-decoration:underline;
	padding-bottom:10px;
}
.textoLink a:hover{
	text-decoration:none;
}
.destaqueValores {
	font-size: 12px;
	color: #FFFFFF;
	background-color: #4b5f7a;
	margin: 5px;
	padding: 5px;
	text-align: left;
}
.destaquePreco {
	font-size: 12px;
	font-weight: bold;
	color: #ffff66;
}
.itemCombo {
	background-color: #ffffcc;
}