/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 background-color:#198fce;
} 
 
#pagewidth{ 
 width:1024px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 height:122px; 
  background-color:#FF9999; 
 width:100%;
} 
 
#maincol{background-color: #a9d3e6;
 float:left;
 width:1024px;
 display:inline; 
 position: relative; 
 
 }
 
#conteudo{
	width:900px;
	
	}

#conteudo2{
width:880px;}	


#conteudo3{
width:680px;}	
	
	
	
h3{
font-family: Verdana, Arial, Sans-serif;
font-size:100%;
color:#30465b;
margin-bottom:0;
padding-left: 2px;

  }
  
 h4{
font-family: Verdana, Arial, Sans-serif;
font-size:70%;
color:#30465b;
margin-bottom:0;
padding-left: 2px;

  }
p {
font-family: Verdana, Arial, Sans-serif;
color:#30465b;
font-size:12px;

  }
  
  
  <!--
a:link {text-decoration: none;
color:#30465b;}
a:visited {text-decoration: none}
a:hover {text-decoration: underline; 
color: #30465b;
}
a:active {text-decoration: none}
-->
  
  #footer{
 height:20px; 
  background-color:#5baad4; 
 clear:both;
 } 
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

.tres {  /* Classe para o cabeçalho */
width:300px; /* Largura total - Se você omitir ocupará 
toda a linha */
font: 18px Arial, Helvetica, sans-serif; /* Tamanho e 
família de fontes */
color: #003366; /* Cor da fonte */
/*border-top: 5px dotted #003d7e; /* Borda em cima */
border-bottom: 5px dotted #3b99cd; /* Borda em baixo */
padding-left:5px; /* Espaçamento do texto a esquerda */
}