* { margin: 0; padding: 0; }

img { border: 0;}
fieldset { display: block; border: 2px ridge #FFF; padding: 10px; }
ul, ol { margin-left: 10px;}
#principal ul li { margin-top: 7px; }
#principal ul li ul { margin-bottom: 14px; }
input[type=hidden]{ display: none !important; visibility: hidden !important; }
button { background: #EEE; border: 1px solid #999; }
form button { text-align: center; margin: 5px auto; display:block; }
form ul { list-style: none; margin-left: 0; }
form ul li { margin-top: 10px; clear: both;}
label { display: block; font-size: 110%;}
br { margin: 7px; } /* já prevendo da má codificação do html feita pelo pessoal */
hr { clear: both;}

/* icones dos botoes */
.but_ok , button#ok_finish, p.comprar_agora a, 
#fecha_pagamento button, #form_info_pagamento button
	{ padding-left: 20px; cursor: pointer; text-decoration: none !important;
	background: #EEE url(img-padrao/button_ok.gif) 2px center no-repeat;}
.but_ok:hover ,button#ok_finish:hover , p.comprar_agora a:hover,
#fecha_pagamento button:hover, #form_info_pagamento button:hover
	{ border: 1px solid blue; }

.but_mais, .but_print, .but_cancel { padding-left: 14px; cursor: pointer; }
.but_mais { background: transparent url(img-padrao/button_mais.gif) left center no-repeat; }
.but_print { background: transparent url(img-padrao/button_printer.gif) left center no-repeat; }
.but_cancel { background: transparent url(img-padrao/button_cancel.gif) left center no-repeat; }
	

.radios { margin: 15px 0;}
.radios label { display: inline; margin-right: 30px;}
.radios input { width: auto !important;}
#conteudo input { width: 250px;}

.ak { text-decoration: underline; /* access keys */ }
.u { text-decoration: underline; /* textos underline */}
.secoes { display: none; /* exibe as seções se o CSS estiver desativado */ }
.img-left { float: left; }
.img-right { float: right;}
.erroinfo, .erro { background: #FFCCCC; }
.erro { margin: 5px; padding: 5px; } 
.wrapper { clear: both; /* wrappers para IE */ }
.tablezebra td, thead, tfoot { background-color: #EEE; border: 1px solid #FFF !important;}
.comprar_agora a { padding: 5px; font-weight: bold; color: #212121 !important; 
					border: 1px solid #999; background-color: #EEE;}
.editavel { background-color: #FFCC22 !important; border: 1px dotted green !important; }
.edit_field { min-height: 60px; min-width: 70px;}
.edit_field textarea { min-height: 40px; min-width: 60px;}

/* cabecalhos tamanho padrao */
h1 { font-size: 250%; }
h2 { font-size: 200%;}
h3 { font-size: 150%;}
h4 { font-size: 120%; }
h5 { font-size: 100%; }
h6 { font-size: 80%;  font-weight: lighter; }

table { width: 98%; border: 1px solid #EEE; margin: 10px 0;}
table td { padding: 2px;}
table th { font-weight: bold; text-align: center;}

body {
	text-align: center; font-size: 11px; position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
 
#geral { width: 780px; margin: 0 auto; overflow: hidden;
		 text-align:left; color: #212121; border: 1px solid #CCC;
		 background-color: #FFF; position: relative;  }
	#geral a {	color: #000; text-decoration: underline;}
	#geral a:hover { color: #00C; text-decoration: underline;}

/* menu horizontal-vertical by micox */
.menu-hv { position: relative; /* height: auto; margin: auto; overflow: auto; */ }
	.menu-hv:after { content: "."; line-height: 0px; clear: both; display: block; visibility: hidden; }
	.menu-hv a { display: block; }
	.menu-hv * { margin: 0; }
	.menu-hv li { list-style: none; float: left; height: 1%; }
	.menu-hv li ul { position: absolute; visibility: hidden; margin-top: 2px; margin-left:2px;}
	.menu-hv li ul li { float: none; position: relative; margin: -3px;}
	.menu-hv li ul li ul { position: absolute; left: 100%; top: 0; }
	.menu-hv li:hover ul, .menu-hv li.over ul { visibility: visible;}
	.menu-hv li:hover ul ul, .menu-hv li.over ul ul { visibility: hidden;}
	.menu-hv ul ul li:hover ul, .menu-hv ul ul li.over ul { visibility: visible;}
		 

#menu-princ { width: 100%; z-index: 3;  background: #888; border: 1px solid #FFF;}
	#menu-princ li { border-right: 1px solid #FFF; background: #888;  }
	#menu-princ a { color: #FFF !important; text-decoration: none !important; font-size: 11px; 
				  padding: 0.5em; }
	#menu-princ a:hover { color: #FFF !important; }
	#menu-princ li li {  width: 15em;}
	#menu-princ ul { float: left; position: relative;}
	#menu-princ ul ul { float: none !important; position: absolute !important;}
	#menu-princ ul ul a { font-weight: normal;}
	
	#menu-princ #google { height: 20px; float: right !important; margin:4px 5px 0 0;}
		#menu-princ #google * { display: inline; vertical-align: middle;}
		#menu-princ #google #sbi { color: #212121; border: 1px solid #CCC; font-size: 10px !important;
								height: 13px; margin-right: 3px;}
		#menu-princ #google #sbb { height: 17px; width: 22px; padding: 0; margin: 0 !important; 
								background:#CCC; border: 1px solid #999; font-size: 10px;}
	
#menu-top { position: absolute !important; right: 0; top: 0; height: 15px; padding-left: 14px;
			background: transparent url(img-padrao/menu-curva.gif) left bottom no-repeat;}
	#menu-top li a { float: left !important; height: 15px; padding: 0 10px; 
			background: transparent url(img-padrao/menu-seta.gif) left center no-repeat;
			text-decoration: none; color: #212121 !important; background-color: #FFF;}


#edicao_inst { background-color: #FFCC22; }

#topo { height: 75px; position: relative; overflow: hidden; }
	#topo a { color: #FFFFFF !important; }
	#topo #langs { position: absolute; bottom: 0px; right: 10px;}
	#topo #langs a { background-color: transparent;}
	
/* PÁGINAs que não tem sub-menu extra */
	/* será feito por javascript também no rodape.php */
#pag-noticias #conteudo, #pag-banners #conteudo, #pag-loja-cadastro #conteudo, #pag-loja-confirma #conteudo,
#pag-fechar_compra #conteudo, #pag-user-ver_pedidos #conteudo, #pag-esqueci_senha #conteudo, #pag-index #conteudo,
#pag-informar_pag #conteudo, #pag-supervisor #conteudo
	{ width: auto !important; margin-left: 10px !important; }
#pag-noticias #extra-menu, #pag-banners #extra-menu, #pag-loja-cadastro #extra-menu, #pag-loja-confirma #extra-menu,
#pag-fechar_compra #extra-menu, #pag-user-ver_pedidos #extra-menu, #pag-esqueci_senha #extra-menu, #pag-index #extra-menu,
#pag-informar_pag #extra-menu, #pag-supervisor #extra-menu
	{ display: none;}
	
/* PÁGINAS QUE nao tem atend-noticias */
#pag-downloads #conteudo, #pag-revendas #conteudo { margin: 10px 0 10px 180px; width: auto;  }
#pag-detalhe-prod #conteudo { margin: 10px 10px 10px 180px; width: auto;  }
	
#extra-menu { width: 170px; float: left; display: table; 
			  padding-bottom: 1000em; margin-bottom: -1000em;  }
	#extra-menu ul { margin-left: 0 !important; }
	#extra-menu li { list-style:none;  }
	#extra-menu a { color: #FFF;  text-decoration: none; display: block; padding: 3px; }
	#extra-menu a:hover { color: #FFF; text-decoration: none;}
			  		  
#atend-noticias { width: 180px; float: right; margin: 0px; display: table;
				  padding-bottom: 1000em; margin-bottom: -1000em;
				  background: #EEE; text-align: center;}
	
	#atend-noticias #atendimento{ width: 92%; padding: 2% ; margin: 0 auto; 
							  text-align: left; color: #FFFFFF;
							  border: 2px solid #EEE; border-top-width: 5px;  position: relative;}
				#atend-noticias #atendimento h3 { font-size: 12px;}
				#atend-noticias #atendimento p { font-size: 10px;}
				#atend-noticias #atendimento #img-atendimento { float: right; margin-right: -1px;}
				#atend-noticias #atendimento a { color: #FFF; text-decoration: none; display: block; }
				
	#atend-noticias #supervisor{ width: 171px; padding: 0 ; margin: 0 auto;  height: 54px;
							  text-align: left; color: #FFFFFF !important; font-size: 10px;
							  border: 2px solid #EEE; border-top-width: 5px;  position: relative;}
				#atend-noticias #supervisor a { color: #FFF; text-decoration: none; display: block; }
			
				#atend-noticias #supervisor h3 { font-size: 12px !important; margin-top: 10px;}
				
	#atend-noticias #noticias { width: 92%; margin: 10px auto; text-align: left;  }
				#atend-noticias #noticias h3 { font-size: 12px; height: 20px; color: #FFF; padding: 5px 0 0 5px;}	
				#atend-noticias #noticias dl { background-color:#FFF; padding: 4px; font-size: 10px; }
				#atend-noticias #noticias dt { margin-top: 15px;}
				#atend-noticias #noticias dt a { color: #212121; font-weight: bold;}
				#atend-noticias #noticias dd { margin-bottom: 15px; }
				#atend-noticias #noticias dd a { text-decoration: none; color: #212121; }
				#atend-noticias #noticias a:hover { color: #000; text-decoration: underline;}
				
#banners { text-align: center;  margin: auto; }
	#banners li { list-style: none;}
				  		  
#texto-destaque { margin: 5px 0; height: 100%; /* display: table; height: 100%; width: 97%;*/
				  border-top: 1px solid #999; border-bottom: 1px solid #999;}
	html>body #texto-destaque { height: auto; overflow: auto; }
	#pag-index #texto-destaque { border-bottom: none; overflow: hidden;}				  
#texto-destaque img { float: left; padding: 10px; margin: 0 !important; }
#texto-destaque object { float: left; padding: 10px; margin: 0 !important; }
#texto-destaque h2 { margin: 30px 0 10px 0; font-size: 170% !important;}
#texto-destaque strong { display: block; padding-bottom: 30px;}
	#pag-index #texto-destaque h2 { margin: 10px 0 10px 0 !important; }
#texto-destaque strong { font-size: 120%; }
				  
#conteudo { margin: 10px 180px 10px 180px; position: relative; width: 405px; }
#conteudo p { margin: 10px 0;}

#chamadas_produtos, #chamadas_areas { margin-bottom: 25px !important; width: auto;  height: auto; margin: auto; overflow: auto; }
/*#chamadas_produtos:after, #chamadas_areas:after
	{ content: "."; line-height: 0px; clear: both; display: block; visibility: hidden; }*/

#chamadas_produtos h3, #chamadas_areas h3 { border-bottom: 1px solid #CCC; font-size: 120%; }

#chamadas_produtos div, #chamadas_areas div  { float: left; width: 258px; height: 145px; margin: 10px 25px 0 0; 
						 position: relative; overflow: hidden;}
			#pag-produtos #chamadas_produtos div, #pag-produtos #chamadas_areas div {
				width: 188px; margin-right: 10px;
			}
#chamadas_produtos div h4 { padding: 4px; color: #FFF;}
#chamadas_produtos div h4 a { color: #FFF !important; text-decoration: none;}
#chamadas_produtos img { width: 45%; float: left; margin-top: 20px; }
#chamadas_produtos .desc_peq { margin-left: 46%; }
#chamadas_produtos .desc_peq strong { font-weight: normal; }
#chamadas_produtos .mais_info { margin-top: 5px; position: absolute; bottom: 0; left: 0; width: 100%; 
						text-align: right; background-color: #FFF; clear: both; }


#chamadas_areas img { float: left; margin: 5px 5px 0 0 ; }
#chamadas_areas .mais_info { position: absolute; bottom: 0; left: 0; width: 100%; 
						text-align: right; background-color: #FFF; }

#pag-detalhe-prod #principal h2 { margin: 15px 0;}
#pag-detalhe-prod #principal #resumo {  border: 1px solid #CCC; margin-bottom: 10px; padding: 10px; }
#pag-detalhe-prod #principal #resumo img { float: right; }


<!-- Abas descrição dos produtos #pag-detalhe-prod -->
 
div#container_abas {margin-top:60px; width:100%;}

.esq { display:block; float:left; margin:0 10px 10px 0; }
.dir { display:block; float:right; margin:0 0 10px 10px; }
/* Fim estilização geral */
/* Estilização para abas */

div.aba { background:#fff; text-align:justify; margin-bottom:20px; padding:10px 15px; border:1px solid #CCC; }
	
#nav { margin:0; padding:3px 0; border-bottom:1px solid #CCC; font-weight:bold;}
#nav li { list-style:none; margin-right:6px; display:inline;}
#nav li a { padding:3px 6px; border:1px solid #CCC; border-bottom:none; background:#EEE; color:#000; text-decoration:none;}
#nav li a:hover {color:#000; background:#FFF; border-color:#CCC;}
#nav li a.corrente {background:#fff; border-bottom:1px solid #fff;}
/* Fim estilização para abas */


#conteudo #principal p { margin-bottom: 5px; }
#conteudo #etapa { font-size: 120%; font-weight: bold; margin-bottom: 10px; }

#conteudo #dados_entrega, #conteudo #dados_produtos, #conteudo #modo_pagamento, #conteudo #obs 
	{ border: 1px solid #CCC; width: 97%; padding: 5px; margin: 5px 0;}
#conteudo #dados_entrega ul { margin: 10px; }
#conteudo #carro { border: 1px solid #EEE; border-collapse: collapse; margin: 10px 0;}
#conteudo #carro input { width: 50%;}
#conteudo #carro thead, #conteudo #carro tfoot { font-weight: bold; background: #EEE;}
#conteudo #carro thead td, #conteudo #carro tfoot td { border: 1px solid #FFF; padding: 5px 0;}
#conteudo #carro td { text-align: center; border: 1px solid #EEE ; padding: 5px 0;}
#conteudo #modo_pagamento li { border-bottom: 1px solid #EEE; margin: 0px; padding: 5px 3px;}
#conteudo #modo_pagamento label { float: left; width: 200px; }
#conteudo .links_compra { text-align: center; margin: 30px; }
#conteudo .links_compra a { font-size: 110%; margin-right: 15px; }

#conteudo #buy_qtd { margin-top: 50px !important; border: 1px solid #CCC; }
#conteudo #buy_qtd legend { font-weight: bold;}
#conteudo #buy_qtd input { width: 20px; display: inline;}
#conteudo #buy_qtd label { float: left; margin-top: 10px;}
#conteudo #buy_qtd button { float: right; margin-top: 10px;}

#popup { position: absolute; top: -15px; left: 70px; border: 1px dotted #888; background-color: #FFF;  }
#popup h5 { background-color: #EEE; line-height: 15px; padding-left: 15px; cursor: move; text-align: left; }
#popup h5 .fecha {  width: 15px; line-height: 15px; position: absolute; right: 0; top: 0;
							cursor: pointer; font-weight: bold; background-color: #DDD; text-align: center;}
#popup #popupPrinc { margin: 4px; }

#pag-loja-confirma #val_princ { color: green; }
#pag-loja-confirma #val_dol { color: blue; }

#pag-fechar_compra #num_pedido,#pag-fechar_compra #agradecimento 
	{ background-color: #EEE;/*border: 1px solid #DF503E; */ margin: 15px 0; padding: 3px; width: 97%;}
#pag-fechar_compra #num_pedido { font-weight: bold;}

#modos_pagamento { margin-top: 50px;}
#modos_pagamento img { margin-right: 1px; }

#fecha_pagamento { width: 97%;}
#choose_pagamento { height: 40px; margin: 10px 0;}
#choose_pagamento a { float: left; margin-left: 5px;}
#fecha_pagamento hr { display: none;}
#fecha_pagamento button { text-align: center; margin: 5px auto; display:block; }
#fecha_pagamento dl, #fecha_pagamento dd { margin: 5px; }
#fecha_pagamento .tipo_pag { margin: 10px 0; padding: 5px; border: 1px solid #EEE; min-height: 170px; }
#fecha_pagamento .tipo_pag img { float: left; margin: 5px;}
#fecha_pagamento .pag_desc { height: 40px; padding-top: 5px; }



#pag-conteudo #conteudo h3 { border-top: 1px dotted #888; margin-top: 25px; padding-top: 10px;}
#pag-conteudo #conteudo h3 img { float: right; margin: 10px 10px 0 10px;}
#pag-conteudo #img_atendentes img { margin: 10px 50px; }
#pag-conteudo iframe#online_pcradio { border-width: 2px; border-style: solid; float: right; margin: -20px 10px 10px; width: 160px; height: 160px;}

#pag-contato li span.instrucao { display: none;}
#pag-contato #conteudo textarea { height: 60px; }
#pag-contato #conteudo textarea, #pag-contato #conteudo input { width: 100%; }

#pag-downloads table { border: 1px solid #EEE; }
#pag-downloads tr.header { background-color: #EEE; font-weight: bold; text-align: center; }
#pag-downloads td { text-align: center; }
#pag-downloads td.downdesc { text-align: left; padding-bottom: 10px;}
#pag-downloads td.downdesc h5 { margin: 17px 0; }
#pag-downloads td.downdesc h5 a { padding: 18px 0 12px 35px ;
				background: transparent url(img-padrao/down.gif) center left no-repeat; }
	
#pag-noticias #todas_not { margin-top: 20px;}
#pag-noticias #todas_not li { padding: 15px 0; list-style: none; border-top: 1px dotted #888 !important;}
#pag-noticias #todas_not a { text-decoration: none;}
#pag-noticias #todas_not h4 { font-size: 10pt;}
#pag-noticias #principal { margin: 10px; }
#pag-noticias #principal img { float: none; }

#pag-supervisor #conteudo h3 {  border-top: 1px solid #999; border-bottom: 1px solid #999; font-size: 14pt; padding: 10px;}
#pag-supervisor #conteudo img { vertical-align: middle; }
#pag-supervisor #conteudo fieldset { margin-top: 10px ; }
#pag-supervisor #conteudo form label { display: block; margin-top: 10px;}
#pag-supervisor #conteudo form input { display: block; margin-top: 5px;  }

/* edicao lite */
.edit_field input { display: block; width: auto !important;}
.edit_field input, .edit_field textarea { font-size: 11px; display: block;}

				  
#rodape { position: relative; clear: both; background: #FFF; border: 1px solid #CCC;
			 color: #71706E; height: 15px; overflow: hidden; line-height: 15px; font-size: 10px; text-align: center;}
#rodape a { color: #71706E; text-decoration: none; }
#rodape span { margin-right: 20px; }
#rodape span.preenche_arroba { margin: 0px;}
/* para o bug do display table no firefox: */
#rodape:before { content:"."; display: block; clear: both; visibility:hidden; height:0; overflow:hidden; }


<!-- Cadastrar Email -->
.Texto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0066CC;
}
.field {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 10px;
}
  .botao{
        font-size:9px;
        font-family:Verdana, Helvetica;
        font-weight:bold;
        color:white;
        background:#638cb5;
        border:0px;
        width:22px;
        height:19px;
}
.style2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #0066CC; font-weight: bold; }
.style4 {font-size: 9px; color: #0066CC; font-family: Verdana, Arial, Helvetica, sans-serif;}
.style5 {color: #000000}
.style8 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
}