@charset "iso-8859-1";

/* Configuração layout pagina*/


body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* É recomendável zerar a margem e o preenchimento do elemento body para acomodar os diferentes padrões de navegador */
	padding: 0;
	text-align: center; /* Isso centraliza o contêiner em navegadores IE 5*. O texto é então definido como o padrão de alinhamento à esquerda no seletor #container */
	color: #000000;
	background-image: url(../tema/padrao/default_bg.jpg);
	background-repeat: repeat-x;
}

.layout #img_bg {
	background-image: url(../tema/padrao/img_bg.jpg);
	background-repeat: no-repeat;
	background-position:top;
	
}

.layout #container { 
	width: 945px;  /* Usar 20 pixels a menos que a largura total de 800 pixels permite incluir todo o quadro do navegador e evita uma barra de rolagem horizontal */
	margin: 0 auto; /* As margens automáticas (juntamente com a largura) centralizam a página */
	text-align: left; /* Isso substitui text-align: center do elemento body. */
} 

.layout #container_fundo { 
	background-image: url(../tema/padrao/container_fundo.jpg);
	background-repeat: repeat-y;
}

.layout #header { 
	background: none;
	padding: 10px 0px 0px 0px;  /* Este preenchimento corresponde ao alinhamento à esquerda dos elementos nos divs exibidos abaixo dele. Se uma imagem for usada em #header em vez de texto, convém remover o preenchimento. */
	height:171px;
} 
.layout #header h1 {
	color: #FFF;
	margin: 0; /* Se a margem do último elemento for zerada no div #header, a margem não será reduzida - um espaço inexplicável entre divs. Se houver uma borda ao redor do div, isso não será necessário, pois também evitará a redução da margem */
	padding: 20px 10px; /* Usar preenchimento em vez de margem permitirá manter o elemento distante das bordas do div */
}
.layout #sidebar1 {
	float: left; /* Como esse elemento é flutuante, uma largura deve ser fornecida */
	width: 195px; /* A largura real deste div, em navegadores padrão ou no modo padrão no Internet Explorer, inclui o preenchimento e a borda, além da largura */
	/*background: #F00; /* A cor do plano de fundo será exibida para o comprimento do conteúdo na coluna, mas não mais do que isso */
	padding: 0px 0px 0px 5px;
	min-height: 500px;
}
.layout #mainContent { 
	margin: 0 0 0 205px; /* A margem esquerda deste elemento do div cria a coluna abaixo e à esquerda da página - não importa quanto conteúdo exista no div da barra lateral 1, o espaço da coluna permanecerá. Você pode remover essa margem se desejar que o texto do div #mainContent preencha o espaço #sidebar1 quando o conteúdo em #sidebar1 terminar. */
	padding: 0 10px; /* Lembre-se de que o preenchimento é o espaço dentro da caixa do div e a margem é o espaço fora da caixa do div */
} 

.layout #footer { 
	padding: 0 10px 0 20px; /* Este preenchimento corresponde ao alinhamento à esquerda dos elementos nos divs exibidos acima dele. */
	background: #FFF;
} 

.fltrt { /* Esta classe é usada para flutuar um elemento à direita na página. O elemento flutuante deve preceder o elemento e estar próximo dele na página. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* Esta classe é usada para flutuar um elemento à esquerda em sua página */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* Esta classe deve ser colocada em um elemento div ou break e deve ser o último elemento antes do fechamento de um contêiner que deve conter uma flutuação completamente */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/* /Configuração layout pagina*/

/* ----- Configuração de fontes -----*/



.layout #mainContent p {
	text-align: justify;
	font-size: 12px;
	color: #333;
}

.layout .span-comum {
	text-align: justify;
	font-size: 10px;
	color: #333;
}

.layout #mainContent li {
	text-align: justify;
	font-size: 12px;
	color: #333;
}

.layout h1 {
	font-size: 18px;
	color: #09C;
}

.layout .span1 {
	font-size: 18px;
	color: #09C;
}

.layout h2 {
	font-size: 15px;
	color: #069;
}

.layout .span2 {
	font-size: 15px;
	color: #069;
}

.layout h3 {
	font-size: 13px;
	color: #900;
}

.layout .span3 {
	font-size: 13px;
	color: #900;
}

.layout h4 {
	font-size: 9px;
	color: #333;
}

.layout .span4 {
	font-size: 9px;
	color: #333;
}

.layout .link2 {
	font-size: 9px;
	color: #069;
	text-decoration: none;
}

.layout .link2:hover {
	font-size: 9px;
	color: #09C;
	text-decoration: none;
}

.layout #mainContent a {
	font-size: 12px;
	color: #069;
	text-decoration: none;
}

.layout #mainContent a:hover {
	color:#09C;
	font-size: 12px;
	text-decoration: none;
}

/* ------- / Configuração de fontes --------*/

/*Mensagem de carregando*/

#avisos {
	color: #036;
	float: right;
	position: absolute;
	margin-left: 740px;
	margin-top: 135px;
}

/* /Mensagem de carregando*/

/*Configuração do menu*/

#Menu {
float: right;
padding: 3px 0px 35px 10px;
font: 14px Verdana, sans-serif;
}
#Menu ul {
list-style: none;
margin: 0;
padding: 0;
}
#Menu li {
margin: 0;
display: inline;
}
#Menu li a {
display: block;
padding: 10px 10px 5px 10px;
font-weight:bold;
color: #CCC;
text-decoration: none;
float:left;
background:transparent url(../tema/padrao/bg-navigation-item.jpg) no-repeat scroll 50% 0;
}

#Menu li a:hover {
background-color: #1c2e35;
color: #FFF;
background:transparent url(../tema/padrao/bg-navigation-item-hover.jpg) no-repeat scroll 50% 0;
}
/* Fix IE. Hide from IE Mac \*/
* html ul#Menu  li { float: left; height: 1%; }
* html ul#Menu  li a { height: 1%; }
/* End */

/* /Configuração do Menu*/

/* Configuração Menu Auxiliar*/

#Menu_auxiliar {
padding: 0;
margin: 0;
font: 11px Verdana, sans-serif;
}
#Menu_auxiliar ul {
list-style: none;
margin: 0;
padding: 0;
}
#Menu_auxiliar li {
border-bottom: 1px solid #FFF;
margin: 0;
}
#Menu_auxiliar li a {
display: block;
padding: 5px 0px 5px 0.5em;
font-weight:bold;
border-left: 10px solid #900;
border-right: 10px solid #FFF;
background-color: #FFF;
color: #666;
text-decoration: none;
}
#Menu_auxiliar li a:hover {
border-left: 10px solid #F00;
border-right: 10px solid #fff;
background-color: #FFF;
color: #900;
}
/* Fix IE. Hide from IE Mac \*/
* html ul#Menu_auxiliar  li { float: left; height: 1%; }
* html ul#Menu_auxiliar  li a { height: 1%; }
/* End */

/* /Configuração Menu Auxiliar*/

/*Formulário*/

.layout #mainContent form {
	font-size: 12px;
	color: #666;
}

.layout #mainContent label { 
	width: 250px;
	}
.layout #mainContent label.error {
	/*float: none;*/
	color: #900;
	padding: 10px 0px 10px 0px;
	vertical-align: middle;
	margin-left: 10px;
	}

.layout #mainContent submit { margin-left: 5px; }
.layout #mainContent em { font-weight: bold; vertical-align: top; color: #C30;}

.layout #mainContent input {	
	border: 1px solid #666;
	margin: 3px 0px 3px 0px;
	}
.layout #mainContent input:focus { border: 1px solid #09C; }
.layout #mainContent input.error { border: 1px solid red; }
.layout #mainContent form.cmxform .gray * { color: gray; }

.layout #mainContent textarea {	border: 1px solid #666;
	margin: 3px 0px 3px 0px;
	}
.layout #mainContent textarea:focus { border: 1px solid #09C; }
.layout #mainContent textarea.error { border: 1px solid red; }

/* /Formulário*/

/*Configuração do menu no footer*/

.menu_footer {
padding: 5px 10px 5px 10px;
font: 10px Verdana, sans-serif;
float:left;
position: relative;
left: 30%; 
}
.menu_footer ul {
list-style: none;
margin: 0;
padding: 0;
}
.menu_footer li {
margin: 0;
display: inline;
}
.menu_footer li a {
display: block;
padding: 10px 10px 5px 10px;
font-weight:bold;
color: #999;
text-decoration: none;
float:left;
}

.menu_footer li a:hover {
color: #000;
}
/* Fix IE. Hide from IE Mac \*/
* html ul.menu_footer  li { float: left; height: 1%; }
* html ul.menu_footer  li a { height: 1%; }
/* End */

/* /Configuração do Menu no footer*/

/*Rodapé*/

.layout #rodape{
	margin-top: 55px;
	padding-top: 50px;
	list-style: none;
	background-image: url(../tema/padrao/footer.jpg);
	background-repeat: no-repeat;
}

.layout #rodape table{
	padding: 0px 10px;
 }

.layout #rodape li{
	font: Verdana, Geneva, sans-serif;
	color:#333;
	font-size: 12px;
	margin-left: 10px;
}

.layout #rodape a{
	font: Verdana, Geneva, sans-serif;
	color:#069;
	font-size: 12px;
	text-decoration: none;
}

.layout #rodape a:hover {
	font: Verdana, Geneva, sans-serif;
	color:#09C;
	font-size: 12px;
	text-decoration: none;
}

.layout #rodape .span-comum {
	text-align: justify;
	font-size: 10px;
	color: #333;

}


/* /Rodapé*/

/*Sobre desenvolvedor*/

#desenvolvedor a {
	color:#F60;
}

#desenvolvedor p{
	color:#036;
	font-size: 9px;
	float: right;
}

/* /Sobre desenvolvedor*/



/*testes vitrine*/
.região_produto li{
}

.produto {
}

.lista_produtos {
	width: 710px;
	padding: 0px 5px 20px 5px;
	font: 12px Verdana, sans-serif;
}
.lista_produtos ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.lista_produtos li {
	margin: 0;
	display: inline;
}
.lista_produtos li a {
	width: 230px;
	text-align: center;
	margin: 40px 5px 10px 0px;
	display: block;
	float:left;
}

.lista_produtos li a:hover {
background-color: #EEEFD3;
}

/* Fix IE. Hide from IE Mac \*/
* html ul.lista_produtos  li { float: left; height: 1%; }
* html ul.lista_produtos  li a { height: 1%; }
/* End */

.produto_detalhe {
	margin: 50px 10px 10px 10px;
	/*text-align:center;*/
}

.produto_detalhe img{
	margin: 0px 10px 0px 10px;
	/*text-align:center;*/
}

.produto_descricao{
	float:left;
	min-width: 700px;
	margin: 50px 10px 0px 10px;
	min-height: 200px;
}

/* Localização*/

.mapa{
	text-align: center;
	border: #069 solid 1px;
}

.form_window{
	margin: 10px;
}

.form_window input {	
	border: 1px solid #666;
	margin: 3px 0px 3px 0px;
	}
.form_window input:focus { border: 1px solid #09C; }
.form_window input.error { border: 1px solid red; }

.form_window label.error {
	color: #900;
	font-size: 9px;
	}

.form_window select {	
	border: 1px solid #666;
	margin: 3px 0px 3px 0px;
	}
.form_window select:focus { border: 1px solid #09C; }

.layout #sidebar1 fieldset {
	width: 180px;
	border: #C1DDFF solid 1px;
}