/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 font: 100% "Trebuchet MS", Tahoma, Arial;
} 

h1{
 margin:0 10px;
}

h2{
 margin:0 10px;
 color:#FFFFFF;
}

h3{
 margin:0 10px;
 font: 80% "Trebuchet MS", Tahoma, Arial;
}

#pagewidth{ 
 width:700px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 height:135 px; 
 background-color:#FFFFFF; 
 width:100%;
} 
 
#maincol{
 position:relative; 
 background-color:#FFFFFF; 
 width:100%;
}
 
#footer{
 position:relative; 
 height:90px; 
 background-color:#FFFFFF; 
 width:100%;
} 
 
#gap{
  height:20px;
  overflow:hidden;
}

/* Bordas com CSS sem imagens */
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; overflow:hidden; font-size:0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background:#000; border-left:1px solid #000; border-right:1px solid #000;}

.xb1 {margin:0 8px; background:#000;}
.xb2 {margin:0 6px; background:#000;}
.xb3 {margin:0 4px; background:#000;}
.xb4 {margin:0 3px; background:#FFFFFF; border-width:0 5px;}

.xb5 {margin:0 2px; background:#FFFFFF; border-width:0 4px;}
.xb6 {margin:0 2px; background:#FFFFFF; border-width:0 3px;} 
.xb7 {margin:0 1px; background:#FFFFFF; border-width:0 3px; height:2px;} 

.conteudo {display:block; background:#FFFFFF; border:3px solid #000; border-width:0 3px;}
.titulo {display:block; background:#000000; border:3px solid #000; border-width:0 3px;}
/* Bordas com CSS sem imagens */

 
 /* *** 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 */