* {margin:0; padding:0;}
body {background:#FFFFFF; text-align:center; font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:11px; color:#456786; position:relative; margin:0 auto;}

/* Formatações Gerais
-------------------------------------------------------------------------- */
	h1 {margin:15px 0 0 0; font-size:12px;}
	h2 {margin:15px 0 15px 0; font-size:11px;}
	p {margin:10px 0 0 0; text-align:justify;}
	a {color:#e0321b; text-decoration:none;}
	a:hover {color:#597792; text-decoration:underline;}
	li {margin:4px 0 4px 30px;}
	hr {position:relative; float:left; margin:5px 0 5px 0; width:370px; height:1px; color:#2d5376;}
	#input, #textarea {font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:10px; background-color:#f3f5f7; border:1px solid #456786;}
	#form-contato {position:relative; width:350px; padding:5px 5px 5px 5px; margin-top:15px; background-color:#e9ebec; border:1px solid #456786;}
	#form-login {position:relative; width:270px; padding:2px 2px 2px 2px; margin-top:15px; background-color:#e9ebec; border:1px solid #456786;}
	#form-valida {color:#ad0e12; padding-top:10px;}
	#form-dominio {position:relative; width:320px; height:70px; padding:5px 5px 5px 10px; float:center; text-align:left; background-color:#c8d2db; border:1px solid #456786;}
	#envia-email {position:relative; width:350px; float:left; padding:5px 1px 5px 1px; margin:3px 0 5px 0; background-color:#e9ebec; border:1px solid #456786;}
	td {font-size:11px;}

/* Tabelas
-------------------------------------------------------------------------- */
table.tbl {margin:0 1em 0 1em; border:1px solid #b8b8b8; border-collapse:collapse;}
	table.tbl .odd {background:#EEEEEE;}
	table.tbl .fundo {background-image:url(../img/barra-superior-fundo.gif); font-size:11px; color:#2f5578; font-weight:bold; height:23px;}
	
	table.tbl thead {}
		table.tbl thead th{}
	table.tbl tbody {}
		table.tbl tbody tr {border:1px solid #b8b8b8;}
		table.tbl tbody td {border:1px solid #b8b8b8; padding:5px;}

/* Layout do Site
-------------------------------------------------------------------------- */
#layout {background:#f3f5f7; position:relative; width:764px; border:1px solid #b8b8b8;}

#cabecalho{position:relative; width:764px; height:95px; z-index:4;}
	#logo {position:relative; width:152px; height:72px; float:left;}
	#barra-superior{position:relative; width:764px; height:23px; background-image:url(../img/barra-superior-fundo.gif); background-repeat:repeat-x; float:left;}
	#busca {position:relative; right:10px; top:10px; width:210px; height:19px; float:right; z-index:5;}
	#menu-superior{position:relative; left:120px; top:52px; width:350px; height:19px; float:left;}
	#deficiente {position:relative; right:-200px; top:40px; width:22px; height:22px; float:right;}
		#busca-assunto {position:relative; left:0px; top:0px; width:210px; visibility: hidden;}
		#assunto {position:absolute; left:0px; top:0px; width:210px; height:110px; background:#c8d2db; color:#2f5578; text-align:left; overflow:auto; float:left; border:1px solid #2f5578;}

#parte-baixo {position:relative; height:100%;}
		
#menu-esquerda{position:relative; width:139px; height:100%; float:left; margin:3px 0 3px 2px;}
	#webdesign {position:relative; width:27px; height:100%; background:#2f5578; float:left;}
	#solucoes {position:relative; left:1px; width:27px; height:100%; background:#456786; float:left;}
	#design {position:relative; left:2px; width:27px; height:100%; background:#5b7994; float:left;}
	#multimidia {position:relative; left:3px; width:27px; height:100%; background:#718ba2; float:left;}
	#hospedagem {position:relative; left:4px; width:27px; height:100%; background:#869cb0; float:left;}

#conteudo {position:relative; width:616px; height:100%; margin:3px 0 0 3px; float:left; text-align:justify;}
	#imagem {position:relative; width:584px; float:left; z-index:3;}
		#filete-imagem {position:relative; top:3px; width:583px; height:18px; float:left; background:#426584; background-image:url(../img/setas-horiz.gif); background-position:5px; background-repeat:no-repeat;}
		#centro {position:relative; top:5px; width:400px; float:left; text-align:justify;}
			#w3c {position:relative; top:6px; left:220px; width:180px; height:20px; float:left; z-index:2;}
			#titulo {position:relative; width:400px; height:25px; float:left;}
			#texto {position:relative; width:380px; float:left; padding-left:15px;}
				#home-box {position:relative; width:180px; margin:5px 0 0; 0; padding:2px; float:left; text-align:left;}
				#home-form {float:left; padding:10px; font-size:10px; text-align:center; background:#e9ebec; border:1px solid #c3cdd6;}
			#home-linha {position:relative; width:370px; height:2px; float:left; margin:10px 0 10px 0; background-color:#c8d2db;}
			#tx {font-size:11px;}
			#saiba-mais {position:relative; top:10px; width:130px; padding-bottom:9px; float:left;}
		#coluna-direita {position:relative; left:5px; top:8px; width:178px; float:left;}
			#box-direita {position:relative; top:5px; width:178px; float:left; background:#e9ebec; background-image:url(../img/box-logo.gif); background-position:bottom; background-repeat:no-repeat; border:1px solid #c3cdd6;}
				#portfolio {position:relative; width:168px; height:299px; margin:10px 2px 10px 2px; float:left; text-align:center;}
	#filete-direita {position:relative; float:right; right:2px; width:26px; height:100%; background:#c8d2db; z-index:1;}

#rodape {position:relative; left:3px; padding-top:3px; width:757px; height:20px; float:left; background:#69859e; text-align:center; font-size:10px; color:#FFFFFF;}
#layout-sobra {position:relative; width:757px; height:20px; float:left; background:#FFFFFF;}