@charset "utf-8";

/* Atributos padr�es para todos os elementos de HTML para todos os navegadores */
*			{ margin:0;	border:0; padding:0; line-height:100%; font-family:Arial; font-size:11px; zoom:0; } 

/* Atributos padr�es para as �ncoras */
a			{ color:#000; text-decoration:none;} 
a:hover 	{ text-decoration:underline; }
a:visited 	{ color:#000; }
a.botao		{ display:inline-block; padding:5px 10px; border:1px solid #dfdbdf; background-color:#f2f0f2; font-size:13px; font-weight:bold }

br			{ clear:both; }
ul li		{ list-style:none; }

/* Classes referentes ao conte�do das p�ginas */
h1			{ margin-bottom:20px; font-size:18px; font-weight:normal; }
h2			{ font-size:14px; margin-bottom:20px; line-height:26px; }
h3			{ font-size:12px; }

legend img 	{ margin-right:10px; vertical-align:middle }

blockquote	{ margin:20px 10px; padding:30px 10px 10px 30px; background-color:#f9f5f9; font-size:12px; font-style:italic; color:#040004; text-align:justify }

/* Classes para os elementos de texto de conteudo */   
.conteudo-de-pagina	{ margin:10px 0 }
.conteudo-de-pagina div{ margin-bottom:20px; }
.conteudo-de-pagina, .conteudo-de-pagina *, .conteudo-de-pagina p, p, blockquote, div.noticias a, p a, p * { font-size:14px; color:#5a555a; line-height:24px; text-align:justify; }

p b, .conteudo-de-pagina b, p strong, .conteudo-de-pagina b{ color:#464046; } /* Textos forte */

p a, .conteudo-de-pagina a{ color:#2675b8; text-decoration:underline; }

.conteudo-de-pagina p, p { margin-bottom:20px; }
.conteudo-de-pagina ul, .conteudo-de-pagina ol{ margin:0 0 20px 20px; }
.conteudo-de-pagina ul li { list-style:inside; }
.conteudo-de-pagina blockquote{ margin:18px 40px !important }

p img		{ float:right; margin:10px; }
p br		{ clear:none; }

.conteudo-de-pagina h1, .conteudo-de-pagina h2, .conteudo-de-pagina h3{color:#000; margin:18px 0;}

.conteudo-de-pagina h1{ font-size:24px; }

.conteudo-de-pagina h2, h2{	font-size:20px; font-weight:bold; }

.conteudo-de-pagina h3{	font-size:16px;	font-weight:bold; }
/* Fim das classes para elementos de texto e conte�do */

/* Atributos para utilizar toda �rea da view port */
html, body	{	height:100%; text-align:center; }

/* Container principal de conte�do */
div.principal 		{ display:block; position:relative; margin:0 auto; width:976px; min-height:100%; overflow:hidden; }
div.principal *		{ text-align:left; }

* html div.principal{ height:100%; overflow:visible; }

/* Caixa de abas de l�nguas */
div.linguas						{ position:absolute; top:0px; right:7px; width:700px; height:45px; }
div.linguas a					{ float:right; width:42px; height:45px;	background:url(../../../imagens/versoes/1/linguas_fundo.png) no-repeat; }
div.linguas a img 				{	margin:14px 0 0 9px; }

/* Caixa de login de usu�rios */ 
ul.login						{ position:absolute; top:50px; right:9px; width:197px; height:131px; overflow:hidden }
ul.login li						{ position:absolute; }
ul.login li.fundo 				{ width:100%; height:100%; background:url(../../../imagens/versoes/1/login_fundo.png) no-repeat; opacity: .80; -moz-opacity:0.80 ; -khtml-opacity:0.80;filter: alpha(opacity=80); }
ul.login li.form				{ margin:5px 0 0 15px; }
ul.login li.form fieldset		{ margin:5px 0; padding:0; border:0 }
ul.login li.form fieldset legend{ margin:0; }
ul.login li.form fieldset legend img{ float:left; }
ul.login li.form fieldset legend span{ display:inline; float:left; margin-top:7px; width:110px; font-size:13px; color:#cae1f3; line-height:16px; }
ul.login li.form div.testeESQ	{ float:left;  margin:0; border:0;}
ul.login li.form div.testeDIR	{ float:right;  margin:39px 2px 0 0; border:0; cursor:pointer}
ul.login li.form input 			{ display:inline; float:left; margin-left:5px; border-color:#1966a8; padding:2px; font-size:11px; background-color:#0a5097; color:#a5c6e2; }
ul.login li.form input.botao 	{ height:auto; margin-top:3px; padding:0 }
ul.login li.form a				{ display:inline-block; margin:6px 0 0 5px; font-size:11px; color:#699fcd; text-decoration:underline; }
ul.login li.form a:hover		{ color:#fff; }


/* Cabe�alho do portal com os elementos logomarca, imagem de fundo */
div.cabecalho	{ display:block; margin-top:14px; background:#2675b8 url(../../../imagens/versoes/1/cabecalho_fundo.jpg) repeat-x; height:173px; }
div.cabecalho div {	background:no-repeat top right; }

/* Logomarca */
div.cabecalho .logomarca{ margin:14px; }

/* Barra com os elementos Data, Prov�rbios, Busca */
div.barra		{ border:1px solid; border-color:#2672b0 #1f68a8 #165093; background:#11579c url(../../../imagens/versoes/1/cabecalhobarra_fundo.jpg) repeat-x; height:26px; }
div.barra ul	{ margin-left:14px;	}
div.barra ul li	{ display:inline-block; float:left; margin-top:6px;	color:#a5c6e3; }

/* Data */
div.barra ul li.data { margin-right:12px; padding-right:16px; background:url(../../../imagens/versoes/1/cabecalhobarra_divisoes.jpg) no-repeat right; }

/* Prov�rbios */
div.barra ul li.proverbios { width:565px; _width:571px; }

/* Campos de busca */
div.barra ul li.busca { float:left; margin-top:4px; _margin-top:2px; }
div.barra ul li.busca input { float:left; padding:0; margin:0; border:0; font-size:11px; }

/* Campo palavra-chave */
div.barra ul li.busca .busca-palavrachave{
	display:inline-block;
	float:left;
	margin-top:0px;
	margin-right:3px;
	_margin-right:0; /* Para o IE6 manter a mesma margem a esquerda dos demais browsers */
	border:1px solid;
	border-color:#cacaca #e2eff8 #e2eff8 #cacaca;
	padding:0 2px;
	background-color:#fff;
	height:17px;
	_height:19px; /* Para o IE6 manter a mesma altura dos demais browsers */
	line-height:18px;
	width:211px;
	color:#282d31;
	font-style:italic;
}

/* Barra de navega��o com os icones de op��es de menu */
div.navegacao{
	position:relative;
	margin-bottom:40px;
	border:1px solid;
	border-color:#cacaca #f7f7f7 #f2f2f2;
	background: url(../../../imagens/versoes/1/navegacao_fundo.jpg) repeat-x;
	width:974px;
	height:53px;
}

/* Barra de navega��o abaixo do cabe�alho */
div.navegacao ul{
	position:absolute;
	top:8px;
	display:block;
	padding:0 1px;
	width:100%;
}

div.navegacao ul li{
	display:inline;
	float:left;
	_width:50px;	
	margin-right:10px;
}

div.navegacao ul li a.img{	
	height:60px;
	
}

div.navegacao ul li a{
	display:block;
	margin:0px 2px 0;
	text-align:center;
	font-size:11px;
	line-height:34px; /* Este atributo controla a posi��o vertical do texto dos links */
}

div.navegacao ul li a:hover{
	text-decoration:none;
}

/* Inicio das classes para o Menu lateral */
ul.menu				{ position:relative; display:inline-block; float:left; margin:20px 0 125px; list-style:none; z-index:1; }
ul.menu img			{ vertical-align:middle; margin-right:5px}
ul.menu li			{ position:relative; margin-bottom:2px; border:1px solid #f4f0f4; background:#fff no-repeat 175px center; }
ul.menu li.subopcoes{ background-image:url(../../../imagens/versoes/1/menu_seta.gif); } /* Seta cinza para as op��es de menu do tipo submenus */
ul.menu li.subopcoes:hover, ul.menu li.over
					{ background-image:url(../../../imagens/versoes/1/menu_setaativa.gif); } /* Efeito mouseover sobre as op��es de menu do tipo submenus */

ul.menu li ul		{ position:absolute; top:-1px; left:185px; display:none; padding:1px 1px 1px 1px; background-color:#84bce0; }
ul.menu li:hover	{ border-color:#84bce0;	} /* Efeito mouseover para fundo de listas do menu */
ul.menu li:hover ul.submenu, ul.menu li.over ul.submenu
					{ display:block; } /* Exibi��o inicial das caixas de 2. Nivel do Menu */
ul.menu li a		{ display:block; padding:6px 10px 6px; width:164px; _height:14px; min-height:14px;	font-size:12px; }
ul.menu li a:hover	{ color:#1d68af; text-decoration:none; }
ul.menu li a img	{ float:left; } /* Toda imagem de link flutuar� � esquerda */
ul.menu li ul li	{ margin-bottom:0; } 
ul.menu li ul li ul	{ display:none; } /* Exibi��o inicial das caixas de 3. Nivel do Menu */
ul.menu li ul li:hover ul, ul.menu li ul li.wover ul
					{ display:block; } /* Efeito mouseover para exibir o 3 Nivel do Menu */
/* Fim das classes para o Menu lateral */

/* Inicio das classes para o Menu lateral com 1 nivel de drop down */
ul.menu-aberto		{ position:relative; display:inline-block; float:left; margin:20px 0 125px; list-style:none; z-index:1; }
ul.menu-aberto img	{ vertical-align:middle; margin-right:5px}
ul.menu-aberto li	{ position:relative; margin-bottom:2px; background:#fff no-repeat 157px center; }
ul.menu-aberto li li.subopcoes
					{ background-image:url(../../../imagens/versoes/1/menu_seta.gif); } /* Seta cinza para as op��es de menu do tipo submenus */
ul.menu-aberto li li.subopcoes:hover, ul.menu-aberto li li.subopcoes.over
					{ background-image:url(../../../imagens/versoes/1/menu_setaativa.gif); } /* Efeito mouseover sobre as op��es de menu do tipo submenus */
ul.menu-aberto li li:hover	
					{ border-color:#84bce0;	} /* Efeito mouseover para fundo de listas do menu */
ul.menu-aberto li:hover ul.submenu
					{ display:block; } /* Exibi��o inicial das caixas de 2. Nivel do Menu */
ul.menu-aberto li a	{ display:block; margin-bottom:2px; padding:6px 10px 6px; width:147px; _width:169px; _height:14px; min-height:14px; font-weight:bold; font-size:12px; }
ul.menu-aberto li li a{ font-weight:normal }
ul.menu-aberto li a:hover	
					{ color:#1d68af; text-decoration:none; }
ul.menu-aberto li ul{ margin-left:15px; margin-bottom:10px}
ul.menu-aberto li ul li	
					{ margin-bottom:0; } 
ul.menu-aberto li ul li ul	
					{ position:absolute; top:-1px; left:153px; padding:1px 1px 1px 1px; background-color:#84bce0; display:none; } /* Exibi��o inicial das caixas de 3. Nivel do Menu */
ul.menu-aberto li li{ border:1px solid #f4f0f4; }
ul.menu-aberto li ul li:hover ul
					{ display:block; } /* Efeito mouseover para exibir o 3 Nivel do Menu */
ul.menu-aberto li li li a { margin-bottom:0px; }
 

/* Caixas de not�cias */
div.noticias		{ display:inline; float:left; margin-bottom:20px; width:250px; }
div.noticias *		{ margin-right:30px; }
div.noticias h2		{ margin-bottom:0px; }
div.noticias h2 span,
h2.noticias	span	{ display:block; margin-bottom:5px; color:#a6a0a6; }
div.noticias h2 a 	{ font-size:16px; color:#000; text-align:left }
div.noticias a 		{ display:block; font-size:14px; color:#5a555a; line-height:24px; text-align:justify; }
div.noticias hr		{ height:1px; line-height:1px; }
div.noticias img	{ display:block; margin:10px 0; max-width:220px; _width:220px}

/* Caixas de not�cias nova */
div.noticias2		{ display:inline; float:left; margin-bottom:20px; width:450px; background-color:#999999 }
div.noticias2 *		{ margin-right:30px; }
div.noticias2 h2		{ margin-bottom:0px; }
div.noticias2 h2 span,
h2.noticias2	span	{ display:block; margin-bottom:5px; color:#a6a0a6; }
div.noticias2 h2 a 	{ font-size:16px; color:#000; text-align:left }
div.noticias2 a 		{ display:block; font-size:14px; color:#5a555a; line-height:24px; text-align:justify; }
div.noticias2 hr		{ height:1px; line-height:1px; }
div.noticias2 img	{ display:block; margin:10px 0; max-width:220px; _width:220px}

/* Caixas de not�cias nova */
div.noticiaspai		{ display:inline; float:left; margin-bottom:20px; width:450px; background-color:#999999; height:150px }

div.noticiaspai div.notificasfilhoESQ	{ display:inline; float:left; margin-bottom:20px; width:220px; background-color:red; height:150px }
div.noticiaspai	div.notificasfilhoDIR	{ display:inline; float:right; width:230px; background-color:blue; height:150px; }

div.noticiaspai	div.notificasfilhoDIR h2	{ color:gray; margin:10px; line-height:20px; }

/* �rea de conte�do */
div.conteudo		{ display:inline-block; float:right; margin-top:20px; margin-bottom:30px; padding-bottom:14px;	width:790px; min-height:100%; clear:right; overflow:hidden; }

/* �reas de texto */
div.conteudo div.contexto{ margin-left:14px; }

/* Classes para a caixa de caminho da p�gina*/
div.caminho			{ margin:0 0 20px 14px; }
div.caminho span	{ font-weight:bold;	color:#2574b8; }
div.caminho a		{ margin-left:4px; padding-left:14px; background:url(../../../imagens/versoes/1/menu_seta.gif) no-repeat 5px 4px; color:#2574b8; }

/* Rodap� */
div.rodape			{display:block; bottom:0; left:0; width:100%;clear:both; }

div.rodape ul		{ display:block; }
div.rodape ul li	{ text-align:center; }
div.rodape ul li.navegacao a
					{ display:inline-block;	margin:0px 7px;	color:#2675b8; line-height:32px; }

/* Barra ao rodap� com telefones de contato */
div.rodape ul li.rodape-barra
					{ border:1px solid;	border-color:#f0f0f0 #f7f7f7; padding:10px 0; background:url(../../../imagens/versoes/1/rodape_fundo.png) repeat-x 0 1px;	width:100%;	height:15px; }

/* �nfase ao texto SAM */
div.rodape ul li.rodape-barra span
					{ margin-right:8px;	font-size:15px;	font-weight:bold; color:#2574b8; line-height:14px; }
div.rodape ul li.rodape-barra a
					{ font-weight:bold; }
div.rodape ul li.direitos
					{ line-height:32px; }

					
					
					
/* Loja Virtual */					
ul.produtos{ 
	display:inline; float:right; margin-left:20px; min-height:1%; overflow:hidden;	
}
ul.produtos li{ 
	position:relative; display:inline; float:left; margin:0 20px 20px 0; border:1px solid #f3f3f3; padding:10px; width:145px; height:220px; font-size:16px; color:#000000; text-align:right; color:#666;
}
ul.produtos li img{ 
	margin-bottom:10px; width:90%; max-height:154px;
}
ul.produtos li .detalhes{
	position:absolute; bottom:10px; right:10px; text-align:right;
}
ul.produtos li .min-rodape{
	height:50px;
}
ul.produtos li strong{ 
	font-size:18px; font-weight:normal; color:#000; 
}
a.botao-comprar{ 
	padding:2px 10px; width:65px; background-color:#1461a5; font-size:12px; color:#fff; font-weight:bold; line-height:19px;
}
ul.produtos li a.botao-detalhes{ 
	font-size:12px; font-weight:bold; color:#1461a5; text-decoration:underline; line-height:30px;
}


ul.pedido-passos{ 
	display:block; margin-bottom:24px; 
}
ul.pedido-passos li{ 
	display:inline; margin:10px 10px 10px 0; border:2px solid #fff; padding:2px 5px; color:#666066; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; 
}
ul.pedido-passos li.titulo{ 
	display:block; width:100%; text-align:left 
}
ul.pedido-passos li.titulo h2{ 
	font-size:14px; color:#gray; 
}
ul.pedido-passos li b{ 
	color:#339933 
}
ul.pedido-passos li.ativo{ 
	border-color:#f4f4f4; 
}


table.pedidos{ 
	display:block; border-collapse:collapse; 
}
table.pedidos td, th{ 
	padding:2px 5px; font-size:14px; 
}
table.pedidos strong{ 
	font-size:16px; 
}
table.pedidos thead  th{ 
	border-bottom:2px solid #f3f3f3 
}
table.pedidos tbody  td{ 
	border-bottom:1px solid #f3f3f3 
}
table.pedidos tfoot td{ 
	border-top:2px solid #f3f3f3 
}
table.pedidos td a{ 
	font-weight:bold; color:#25a0e6; text-decoration:underline 
}
table.pedidos .botao-excluir{ 
	font-size:12px; font-weight:bold; color:#cc0000; 
}

fieldset.pedido-resumo{ 
	display:inline; float:right; padding:10px; width:690px; min-height:100px; background-color:#f3f3f3; 
}
fieldset.pedido-resumo p, p strong{ 
	font-size:16px; text-align:right; line-height:16px; 
}
fieldset.pedido-resumo p strong{ 
	display:inline-block; width:125px; 
}
fieldset.pedido-resumo input{ 
	display:inline 
}