*{ margin: 0; padding: 0; }
body { font: 12px Tahoma, "Trebuchet MS", Arial; }
h1 { font-size: 14px; }
h2,h3,h4,h5,h6 { font-size: 12px }

ul { list-style: none; }
a { color: #4f4f51; text-decoration: none; }
a:hover { color: #0067de; text-decoration: none; }
img { border: none; }

body,html { height: 100%; background:#eaebed url(../images/fun_page.jpg) repeat-x;  min-height: 100%; height: 100%; height: auto !important; }

#container { width: 974px; min-height: 100%; height: 100%; height: auto !important; margin: auto; } 

#cabecalho  { width: 100%; height: 146px; background: url(../images/bar_sup.jpg); }
#cabecalho1 { width: 100%; height: 146px; background: url(../images/bar_sup_01.jpg); }
#cabecalho2 { width: 100%; height: 146px; background: url(../images/bar_sup_02.jpg); }
#cabecalho3 { width: 100%; height: 146px; background: url(../images/bar_sup_03.jpg); }
#cabecalho4 { width: 100%; height: 146px; background: url(../images/bar_sup_04.jpg); }
#cabecalho5 { width: 100%; height: 146px; background: url(../images/bar_sup_05.jpg); }
#cabecalho6 { width: 100%; height: 146px; background: url(../images/bar_sup_06.jpg); }
#cabecalho7 { width: 100%; height: 146px; background: url(../images/bar_sup_07.jpg); }
#cabecalho8 { width: 100%; height: 146px; background: url(../images/bar_sup_08.jpg); }
#cabecalho9 { width: 100%; height: 146px; background: url(../images/bar_sup_vazio.jpg); }
#cabecalhonot { width: 100%; height: 146px; background: url(../images/bar_sup_not.jpg); }

#flash { width: 400px; height: 340px; float: left; margin: 20px 0px 0 0;}
#btDir { width: 280px; height: 330px; float: right; margin: 25px 15px 0 0 }
#btDir img { width: 280px; height: 330px; }

#flash_noticias { width: 288px; height: 235px; margin: auto; margin-top: 15px; margin-bottom: 15px; }

#menu { padding: 47px 0 0 0; height: 10px; clear: both; }
#menu ul { margin: 0; padding: 7px 0 0 70px; font-size: 11px; font-weight: bold; }
#menu li { display: inline; list-style-type: none; padding: 0 16px 0 16px; }
#menu_formulario { margin: 5px 0 0 75px; }
#menu_formulario ul { margin: 7px 0 0 95px; padding: 0;	}
#menu_formulario li { display: inline; list-style-type: none; padding: 0 10px 0 10px; margin:0; font-size: 11px; font-weight: bold; }

#menu_tabela { margin: 47px 0 0 0; height: 10px; clear: both; }
#menu_tabela ul { margin: 115px 0 0 45px; font-size: 11px; font-weight: bold; }
#menu_tabela li { display: inline; list-style-type: none; padding: 0 17px 0 17px; }


#menu_tabela_2 { margin: 47px 0 0 0; height: 10px; clear: both; }
#menu_tabela_2 ul { margin: 105px 0 0 53px; font-size: 11px; font-weight: bold;  }
#menu_tabela_2 li { display: inline; list-style-type: none; padding: 0 16px 0 16px; color: #003366; text-align: right }

#menus { width: 170px; float: left;}		

#bts { padding: 20px 0 0 555px; }

#bts_tabela { margin:  15px 0 0 550px; position: absolute; }

#login { margin-top: 0px; width: 200px; float: right; }		
#login ul { margin: 10px 0 0 0px;  padding: 0; }			
#login li { display:inline;	}


#banner { width: 974px; height: 390px; background: url(../images/banner01.jpg); }
#linkbanner { width: 140px; padding: 10px 5px 0 0; font-size: 13px ; text-align: center; float: left;}
#linkbanner li { padding: 25px 0 21px 0;}
#linkbanner a { color: #0067de}
#linkbanner a:hover { color: #4f4f51; text-decoration: underline; }
.selecionado { color:#ffffff }

#saibamais { width: 575px; height: 23px; margin: 348px 0 0 0px; float: right; }
#saibamais img { margin: 0 12px 0 10px }

#saibamais2 { width: 575px; height: 23px; margin: 348px -90px 0 0; float: right; }
#saibamais2 img { margin: 0 40px 0 30px }


#conteudo { width: 974px; display: block; clear: both; }

#coluna_esquerda    { width: 605px; float: left; text-align:justify; }
#coluna_esquerda p  { padding: 15px 15px 10px 15px; }
#coluna_esquerda ul { margin: 20px 20px 20px 15px }
#coluna_esquerda li { margin: 5px 0 5px 0px }

#moldura{ width: 778px; margin-top: 10px; display: block; }
	#sup_moldura{width: 778px; height: 12px; background: url(../images/sup_moldura.gif); }
	#cont_moldura { width: 778px; background: url(../images/cont_moldura.gif); margin-top: 0x; padding-top: 10px; padding-bottom: 0; margin-bottom:0 }
	#inf_moldura{width: 778px; height: 12px; background: url(../images/inf_moldura.gif); margin-top: -15px; padding: 0; }

#proposta { width: 756px; margin: 5px 0 5px 0; clear: both; background:url(../images/box.png); }
#box p { float: left; width: 470px; margin: 0px 0 5px 0px; padding-left: 45px }
				
		/* Configuração do Título, fundo do conteúdo e rodapé de TODAS as caixas */
								
		.tit_sup{ background: url(../images/tit_sup.gif); width: 756px; height: 32px; }
		.tit_sup h1{ padding: 9px 0 0 20px; color: #059; }
		.conteudo_box { background: url(../images/tit_fun.gif); width: 756px; }
		.conteudo_box h2 { font-weight: lighter; padding: 15px 15px 0 15px }
		.inf_box      { background: url(../images/tit_inf.png); width: 756px; height: 11px; clear: both; }
		
		/* Página Home */
		#tit_ecommerce { width: 756px; margin: 0px 0 15px 0; }
		#tit_cliente { width: 756px; margin: 0px 0 15px 0; }
		#tit_premiadas { width: 756px; margin: 0px 0 15px 0; }
			
		/* página Empresa */
		#tit_empresa { width: 756px; padding: 0px 0 15px 0; }
		#tit_eq_ger { width: 756px; margin: 0px 0 5px 0; }
		#tit_desc_missao { width: 756px; margin: 15px 0 5px 0; }

		/* página Nossos clientes */
		#tit_nossos_clientes { width: 756px; padding: 0px 0 15px 0; }
			
		/* página Nossos layouts */
		#tit_nossos_layouts { width: 756px; padding: 0px 0 15px 0; }
			
		/* página Nossos planos */
		#tit_nossos_planos { width: 756px; padding: 0px 0 15px 0; }
							
		/* --------X-------- */

#modelos { padding:10px 0 0 45px; margin: 0; }
.layout { text-align:center; float: left; width: 110px; margin: 10px}

#tit_tabela { width: 100%; height: 41px; background: url(../images/tit_tabela.png); }
#tit_tabela h1{ padding: 15px 0 0 20px; color: #059; }
#tabela_cont { width: 100%; background: url(../images/tabela_cont.png); }
#tabela_inf { width: 100%; background: url(../images/tabela_inf.png); height: 25px; }

#tabela_ecommerce {margin: auto; width: 660px; margin-top: 20px;}
#table_ecommerce td{ margin: 15px 0 15px 0; text-align: center; height: 20px; }
	.titulos td { background: #ccc; margin: 35px 0 35px 0; }
	
#recursos_inclusos ul { margin: 5px 20px 0px 15px; padding-bottom: 20px;  }
#recursos_inclusos li { margin: 15px 0 0px 0;  }

#mapa_site { margin: 0px 0 0 100px; width: 300px; }
#cont_mapa { padding: 10px 0 10px 0 }  


#localizacao { margin: auto; width: 660px; height: 420px; padding-top: 20px  }
#cont_local { padding: 10px 0 10px 0 }  	
#localizacao iframe { margin: auto; }	

#demonstracao { width: 200px; float: left; padding-left: 35px;}
#administracao { width: 200px; float: right; padding-right: 35px; }

#bancos { margin: 3px; }
#modelo_loja { margin: 0 0 0 105px;}
	.mod_loja { text-align: center; width: 110px; float: left; margin: 0 5px 0 5px; padding: 0 5px 0 5px; }	
	.mod_loja img { margin: 0; padding: 0; }
		
	#tabela_loja_virtual { width: 600px; margin: auto; -moz-box-shadow: 0 0 10px #999; -moz-border-radius: 10px; -webkit-box-shadow: 0 0 10px #999; -webkit-border-radius: 10px; box-shadow: 0 0 10px #999; border-radius: 10px; }	
	#tabela_loja_virtual:hover { -moz-box-shadow: 0 0 10px #9c0; -moz-border-radius: 10px; -webkit-box-shadow: 0 0 10px #9c0; -webkit-border-radius: 10px; box-shadow: 0 0 10px #9c0; border-radius: 10px; }
	
#fabrica_de_banners { width: 600px; margin: auto; }
#fabrica_de_banners img { margin: 0 0 0 35px; }
#fabrica_de_banners ul { margin: 10px 0 20px 45px; }

#caracteristicas { width: 700px; margin: auto; }
#caracteristicas li { padding: 5px;}
#pagSeguro { padding-left: 75px;}
#lista_formas { margin: 0; padding: 0 0 10px 0; width: 300px; float: left; }
#lista_formas ul { margin: 0 0 0 10px; padding: 0; }
#lista_formas li { margin: 0; padding: 3px; }
#imagem_formas { margin-top: 5px; padding: 15px; width: 175px; float: right; } 
.preenchimento li { margin:0; padding: 0; background-color: #eaeaea; margin: 10px 20px 0px 20px; list-style-image: none; }

#lojas_premiadas { width: 800px; margin: auto; padding-top: 10px; display: block; }
#lojas_premiadas ul { width: 800px; margin-left: 15px; }
#lojas_premiadas li { display: inline; margin: -5px; }
#lojas_premiadas img { margin: -5px; width: 130px; height: 90px; float: left; border: 0px solid #000000; }
#lojas_premiadas a { margin: -5px; width: 130px; height: 90px; }

#cont_fale_conosco { width: 600px; margin-left: 50px; }

#perguntas_frequentes { width: 690px; margin: auto; } 

#parceiros { width: 690px; margin: auto; }

#servidores_mega { width: 690px; margin: auto; }

#seguranca { width: 690px; margin: auto; }

#customizacao { width: 690px; margin: auto; }

#otimizacao_mega { width: 690px; margin: auto; }

#clientes_mega_loja { width: 690px; margin: auto; }

#contratar_mega_loja { width: 690px; margin: auto; }

#info { width: 550px; margin: auto; }

#info_mega_loja { width: 550px; margin: auto; }

#atendimento { width: 450px; margin: auto; padding-top: 25px; }

#clientes_mega_loja li { width:162px; height:61px; float: left; }

/*  ---------------------------         DIREITA          --------------------------*/
	
#coluna_direita { float: right; width:160px; margin-right: 20px;}

	.menu_ecommerce { margin: 5px 0 0 0; width: 100%;  float: left;  }
	.menu_ecommerce ul { margin: 0 0 0 0;}
	.menu_ecommerce li { padding: 5px 5px 5px 20px; width: 100%; display: block; border-bottom: 1px dotted #808080; }
	.menu_ecommerce li:hover { background: #e8e8e8; border-collapse: collapse; }
	.menu_ecommerce a{ display: block; color: #4f4f51; width: 100%; }
	.menu_ecommerce a:hover { color: #0067de; }
		.destaque_menu { font-weight: bold; }
	
	#menu_mega_loja { background: url(../images/tit_menu_megaloja.jpg) no-repeat; width: 160px; float: left; margin-top: 5px; }
	#menu_mega_loja ul { margin-top: 30px; }
	#menu_mega_loja li { padding: 0px 0 2px 500px; }
	#menu_mega_loja a{ display: block; color: #4f4f51;width: 100%; }
	#menu_mega_loja a:hover { color: #0067de; }
	
/*  ---------------------------         RODAPE         --------------------------*/

#rodape { clear: both; height: 145px; width: 974px; background: url(../images/bar_inf.png); position: relative;  bottom: -50px;  }

	#alinha_rodape { padding: 30px 0 0 50px; margin: auto }
	
	.comodo { padding: 0; margin: 0px 5px 0 5px; height: 50px;; float: left; }
	.parceiros { color: #2a6dbd; width: 345px; padding: 30px 45px 0 5px; float: right; }	
	.combate { padding: 19px 5px 0 5px; float: right; }
	.endereco { padding: 5px 5px 0 5px; float: left; vertical-align: middle; }
	.endereco ul,li { margin: 0; padding: 0; }	
	
	.twitter { padding: 30px 20px 0 60px ; margin: auto; float: right; vertical-align: middle; width: 190px; height: 50px; }
	.twitter ul,li { margin: 0; padding: 0; }

#outros_tels a { color: #069; }
#outros_tels a:hover { text-decoration: underline;}
#chamadas {	margin-left: 15px;}
#chamadas li { margin: 0px 0 25px 0 }
.chamada { background: url(../images/bg_chamada_megaloja.jpg) repeat-x; display: inline-block; width: 160px; height: 180px; margin: 35px 10px 15px 10px; padding: 0; float: left; text-align: left;  }
.chamada a { color: #0067de; }
.chamada a:hover { color: #4f4f51; text-decoration: underline; }
#img_mega_home { padding: 1px 25px 20px 20px; width: 100% }
#img_mega_home li { margin:5px; width:152px; height:61px; float: left; }
#imgs_clientes_mega { }
#imgs_clientes_mega li { margin:5px; width:152px; height:61px; float: left; }

.destaque_azul { color:#0066FF; }

.declaracao { text-align: right; width: 75%; float: right; clear: both; }
.declaracao strong { color: #0066ff; }

.clear { clear: both; width: 100%; height: 1px; } 

.mega_cosmeticos { color:#006633; }
.planos { color: #000; text-decoration: underline }