html, body {height:100%;} 
body {
	margin:0; 
	padding:0;
	/*background:#ddd;*/
	background: url(../imagens/pattern.jpg);
	color:#666;
	font:75%/1.4 Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	}
   
    
     p {
    	line-height:200%;
	   	 font-family: verdana, arial; 
	   	 font-size: 14px; 
	   	 color: #6e6d6d;
    }
    
    ol {
      	 font-family: verdana, arial; 
	   	 font-size: 14px; 
	   	 color: #6e6d6d;
    }
    
    h3{
    	color: #fff;
    }
    
    .titulo{
    	font-family: verdana, arial; 
    	font-size: 14px; 
    	color: #f00;
    	font-weight: bold;
    	
    }
    
    label{
    	font-family: verdana, arial; 
    	font-size: 13px; 
    	color: #484848;
    	font-weight: bold;
    	
    }
     
     .header{
		position: relative;
        background-color: #045c97;
        width:100%;
        height:30px;
        left: 0;
        display:block
   }
   
   div.barra
{
    height:18px;
    background: #F00000; /*#E9ECF0;*/
    width:100%;
    font: bold 13px Arial;
    background: url(../imagens/barra.png);
    position: relative;
    left: 0;
    display:block
}   
    .clear {clear:both;}
    
    .wrapper {
    width:1024px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
   /* margin: 0 auto -4em;*/
    margin: 0 auto;
     background-color:#fff;
    }
    .push {
   /* height: 4em;*/
    }
    
    .conteudo{

    float: left;
    display:block;
    position: relative;
 	width: 70%;
	padding: 25px;
    }
   
    .conteudoDireito{
    position: relative;
    float: left;
	width: 20%;
	padding-top: 40px;
	text-align: center;
	padding: 25px;
    }
    
   /* .footer {
    float : left;
    position: absolute;
    height: -4em;
    background-color:#484848;
    color: #fff;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 12px;
    font: normal 13px verdana;
    margin-bottom: 0px;
    display: inline;
 
    }*/
    
    .footer {
    position: relative;
	margin-top: -120px; /* A mesma altura do rodapé, o valor deve ser negativo */
	height: 120px;
	background-color:#484848;
	padding-top: 12px;
	/*text-align: center;*/
	 font: normal 13px verdana;
	clear:both
    }
    
    .footer p{
    	color: #fff;
    	font-family: arial; 
    	font-size: 12px; 
    }
    
    .footer .rodape { 
    	width: 20%; 
    	float: left; 
    	margin-left:20%;
    }
    
/*div.topo{
	background-color:#fefefe;
	height:10px;
	margin-top: 10px;
	position: relative;
}
*/
div.topoEsquerda{
	float: left;
	height:40px;
	width: 250px;
	top: 60px;
}

div.logo{
	
	/*color: #fff;*/
	/*padding: 10 0 0 10px;*/
	top: 4px;
	position: relative;
}

div.espaco{
	width: 30px;
	float:left;
	
}

div.meio{
	float: left;
	color: #fff;
	font: bold 22px Arial;
	margin: 50px 0 0 50px;
}

div.meio p{
	font: italic 18px sans;
	color: #ff0;
}

div.topoWebmail{
	/*width: 230px;*/
	display: inline;
	float: right;
	margin: 0px 110px;
	position: relative;
	color: #fff;
	font: bold 14px Arial;
	text-align: right;
	
}

div.topoWebmail a{
	  text-decoration:none;
	  color: #00f
}

div.topoDireita{
	width: 200px;
	display: inline-block;
	float: right;
	margin: 50px 110px;
	position: relative;
	color: #fff;
	font: bold 20px Arial;
	text-align: right;
}

div.barraAzul
{
    height:20px;
    background:#254689;
}

div.menu3 a
{
    display: inline-block;
    padding: 0 25px;
    margin-right:1px; /* It specifies the distance between each tab */
    background:#FFF;      /*#F7F7F7;*/
    text-decoration:none;
    font: bold 13px Arial;
    line-height: 28px;
    border:1px solid #CAD0DB;
    border-bottom:0;
    color:#254689;
    vertical-align:bottom;/*ChangeSet#2*/
    text-decoration:none;
    -webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

div.menu3 a:hover, div.menu3 a.current
{
    background: #E9ECF0;
    line-height: 28px;
    color:#254689;
}

div.menu3sub
{
    height:18px;
    border:1px solid #E9ECF0; /*#CAD0DB;*/
    background:#E9ECF0;
    
}

.beneficio {
	font-size: 12px;
    line-height: 1.3em;
    font-family: verdana; 
    color: #666;
    font-weight: bold;
   } 

/* .box div holds the bottom image */


  .box {
    background: url(../imagens/boxBottom.jpg); 
    background-repeat: no-repeat
    background-attachment: scroll left bottom;
    background-position: left bottom;
    margin-bottom: 10px;
    padding: 0 0 15px;
    width: 250px;
 }

 /*  this is the title h3 tag and contains the background
     image for the title	*/

  .box h3 {

    background: url(../imagens/box.jpg) repeat scroll 0 0;
    color: #000;
    font-size: 13px;
    height: 35px;
    line-height: 30px;
    margin: 0;
    padding: 0 15px;
    font-family: verdana; 
  
 }

 /* The paragraph tag contains the side borders mark-up */

 .box p {

    background: #ffffff none repeat scroll 0 0;
    border-color: #CCC;
    border-width: 0 1px;
    border-style: solid;
    color: #444444;
    font-size: 12px;
    line-height: 1.3em;
    margin: 0;
    padding: 15px 14px 0;
    width: 220px;
 }
 
 .img_border { background: #fff; padding: 4px; border: 1px solid #eee }
 
 .dropshadowclass {
        border: solid 1px #CCC;
	-moz-box-shadow: 5px 5px 0px #999;
	-webkit-box-shadow: 5px 5px 0px #999;
        box-shadow: 5px 5px 0px #999;
        }