/*==========================GERAL PARA TODAS AS PAGINAS======================================*/

* {padding:0; margin:0;}

body {
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, Verdana;
	font-size: 10pt;
	text-align: center;
	background-image: url(../_arte/fundoPaginaModerno.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;
	font-family: Trebuchet MS, Verdana, Tahoma;
}

#container {
	width:777px;
  margin: 0px;
	padding: 0px;
	text-align: left;
}

#conteudoCima {
	background-image: url(../_arte/fundoContainer.png);
	background-repeat: repeat-y;
	display: table;
}

#conteudoAbaixo {
	background-image: url(../_arte/fundoContainer.png);
	background-repeat: repeat-y;
	display: table;
}

#conteudoAbaixoConteudo {
	width: 681px;
	background-color: #E5E5E5;
	margin-left: 46px;
	padding: 5px;
}

#conteudoAbaixoConteudo h1 {
	font-size: 12pt;
	font-weight: bold;
	color: #222;
	padding-left: 4px;
	padding-top: 0px;
	padding-bottom: 5px;
}

#conteudoAbaixoConteudo h4 {
	font-size: 10pt;
	font-weight: normal;
	color: #666;
	padding: 10px;
}

.imagem {
	margin-left: -4px;
}

.titulo1, .titulo2 {
	font-size: 11pt;
	color: white;
	font-weight: bold;
}

.tituloInternas {
	font-size: 13pt;
	color: #60A8D3;
	font-weight: bold;
	display: block;
	padding-top: 5px;
}

.titulo2 {
	color: #B3261F;
}

.textos {
	font-size: 10pt;
	line-height: 140%;
	padding: 15px;
	display: block;
	color: #000840;
}

.form {
	color: #00317D;
	margin-bottom: 4px;
}

.negrito {
	font-weight: bold;
}

.botoes {
	border: none;
	color: white;
	background-color: #60A8D3;
	margin-left: 5px;
	height: 20px;
}

/*========================== T O P O ===============================================================*/

#topo {
	padding-left: 50px;
	display: block;
}

#topo img {
	border: none;
}

#cantoArredondado img {
	display: block;
	padding-top: 3px;
}

/*========================== A B E R T U R A =========================================================*/

#divAberturaLinha img {
}

#divAberturaColuna {
	float: left;
	display: block;
}

#divAberturaColuna img {
	border: none;
}

/*========================== TOPO E FUNDOS DO CONTAINER=======================================*/

#topoArredondado {
	display: block;
	clear: both;
}

/*========================== B A N N E R ============================================================*/

#banner{
	display: block;
	margin-left: 46px;
	position: relative;
	z-index: 1;
}

#bannerImagemFlutuante {
	position: absolute;
	z-index: 2;
	top: 135px;
}

/*========================== MENU PRINCIPAL=======================================================*/

#menuPrincipal {
	height: 44px;
	width: 681px;
	margin-left: 46px;
	background-image: url(../_arte/fundoMenuPrincipal.jpg);
	background-repeat: repeat-x;
	color: #005981;
	font-size: 9pt;
}

/*========================== MENU DROP-DOWN HORIZONTAL=======================================*/

/*  Menus drop-down horizontal-vertical (hv) e vertical-vertical (vv) até 4 níveis  by Micox - elmicox.blogspot.com - Ver. 2.0 - 20/02/08 - Creative Commons License*/    
.menu-hv, .menu-vv { position: relative; margin: 0; padding: 0; display: block; zoom: 1;} 
.menu-hv * ,    .menu-vv * { margin: 0; padding: 0 ; list-style: none} 
.menu-hv li ,   .menu-vv li { position: relative; line-height: 1.2em; vertical-align: top } 
.menu-hv a ,    .menu-vv a { display: block; zoom: 1; line-height: 1.2em } 
.menu-hv li ul, .menu-vv li ul { position: absolute; visibility: hidden  } 
.menu-hv li:hover ul,  .menu-vv li:hover ul, .menu-hv li.hover ul,  .menu-vv li.hover ul { visibility: visible } 
.menu-hv li:hover ul ul,  .menu-vv li:hover ul ul, .menu-hv li.hover ul ul,  .menu-vv li.hover ul ul { visibility: hidden } 
.menu-hv li li:hover ul,  .menu-vv li li:hover ul, .menu-hv li li.hover ul,  .menu-vv li li.hover ul { visibility: visible } 
.menu-hv li li:hover ul ul,  .menu-vv li li:hover ul ul, .menu-hv li li.hover ul ul,  .menu-vv li li.hover ul ul { visibility: hidden } 
.menu-hv li li li:hover ul,  .menu-vv li li li:hover ul, .menu-hv li li li.hover ul,  .menu-vv li li li.hover ul { visibility: visible } 

/* características horizontal-vertical */ 
.menu-hv:after, .menu-hv.after { content: "."; line-height: 0px; clear: both; display: block; visibility: hidden} 
.menu-hv li { float: left; }   
.menu-hv li ul li { float: none;} 
.menu-hv li ul li ul { position: absolute; left: 100%; top: 0; } 

/* características vertical-vertical */ 
.menu-vv { float: left;}  
.menu-vv li ul { left: 100%; top: 0;} 

/* ****************************************   ALTERE ABAIXO. defina a largura, cor, formatações, etc, dos itens do seu menu abaixo   ou apague as linhas se for definir em outro lugar */ 

.menu-hv li a { 
	width: 97px;
	background-image: url(../_arte/fundoSubItem.jpg);
} 

.menu-hv li a img {
	border: none;
}

.menu-hv li a:hover { 
	background-image: url(../_arte/fundoSubItemHover.jpg);
}

/* Micox Pseudo-class-css2 to IE (MXPC). Activate .hover and .first-child in IE 6   http://elmicox.blogspot.com/2008/03/ativando-hover-e-first-child-no-ie-6-um.html    Deixe isto ao final de tudo do seu CSS pois o Webkit não interpreta nada mais abaixo do expression */
* html * { color: expression( (function(who){ if(!who.MXPC){ who.MXPC = '1'; if(who.nodeName != 'A'){  who.onmouseenter=function(){ who.className += ' hover'};  who.onmouseleave=function(){ who.className = who.className.replace(' hover','')}; } (who==who.parentNode.firstChild) ? who.className += ' first-child' : '' ;} } )(this) , 'auto') } 

/*==========================ITENS DO CONTEÚDO ABAIXO============================================*/

#boasVindas {
	width: 308px;
	height: 203px;
	float: left;
	border-right: 1px dotted white;
	padding: 8px;
	margin-bottom: 8px;
}

#boasVindas h3 {
	font-size: 12pt;
	font-weight: bold;
	color: #3A5FAD;
	display: block;
	margin-bottom: 15px;
}

#boasVindas h1, #localizacao h1, #textoImagens h1, #textoImagens h2{
	color: #60A8D3;
	font-weight: bold;
	font-size: 12pt;
	padding-top: 5px;
	padding-bottom: 5px;
}

#boasVindas p, #promocao p, #localizacao p, #textoImagens p {
	font-size: 9pt;
	line-height: 140%;
	font-weight: normal;
}

#promocao {
	width: 350px;
	height: 250px;
	background-image: url(../_arte/promocaoFundo.png);
	background-repeat: no-repeat;
	float: right;
	margin-top: 0px;
}

#promocao img {
	margin-top: 8px;
	margin-left: 23px;
}

#seloPromocao {
	width: 100px;
	height: 100px;
	margin-top: -258px;
	margin-left: 310px;
	background-image: url(../_arte/seloPromocaoHome.png);
}

#localizacao {
	width: 185px;
	height: 190px;
	float: right;
	padding-left: 8px;
}

#localizacao input  {
	display: block;
	margin-top: 3px;
}

.botaoEnviar {
	padding-left: 5px; 
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: none;
	background-color: #003399;
	color: white;
}

/*==========================PAGINAS INTERNAS=====================================================*/

#textoImagens, #textoImagemProduto{
	width: 100%;
	padding: 5px;
	border-bottom: 2px dotted white;
}

#textoImagens h2, #textoImagens h1, #textoImagemProduto h2, #textoImagemProduto h1 {
	font-weight: bold;
	padding-top: 0px;
	font-size: 12pt;
	padding: 0px;
	margin: 0px;
	line-height: 140%;
	color: #104E8B;
}

#textoImagens h2, #textoImagemProduto h2 {
	font-weight: normal;
	font-size: 11pt;
}

#textoImagens p, #textoImagemProduto p {
	margin-top: 10px;
	color: #00688B
}

#containerThumbs, #containerThumbProduto {
	border: none;
	width: 100%;
	padding: 5px;
}

#thumbs{
	width: 100px;
	height: 100px;
	padding: 2px;
	text-align: center;
	float: left;
	font-size: 8pt;
}

#thumbs a {
	text-decoration: none;
	color: #666;
}

#thumbs a:hover {
	font-weight: bold;
	color: black;
}

#thumbs a:visited {
	color: #666;
}

#thumbs img {
	display: block;
	border: none;
}

/*==========================RODAPE=================================================================*/
#rodape, #rRodape {
	clear: both;
	height: 25px;
	font-size: 10pt;
	color: #222;
	text-align: center;
	padding-top: 5px;
}

.notaRodape {
	font-size: 9px;
}

#rRodape {
	border-top: 1px dotted #CF3D0C;
}

#footer {
	height: 46px;
}

/* Micox Pseudo-class-css2 to IE (MXPC). Activate .hover and .first-child in IE 6   http://elmicox.blogspot.com/2008/03/ativando-hover-e-first-child-no-ie-6-um.html    Deixe isto ao final de tudo do seu CSS pois o Webkit não interpreta nada mais abaixo do expression */
* html * { color: expression( (function(who){ if(!who.MXPC){ 
	who.MXPC = '1'; 
	if(who.nodeName != 'A'){  
		who.onmouseenter=function(){ 
		who.className += ' hover'};  who.onmouseleave=function(){ who.className = who.className.replace(' hover','')}; }
	(who==who.parentNode.firstChild) ? who.className += ' first-child' : '' ;
	} } )(this) , 'auto') }