﻿body { margin: 0; padding: 0; font-family: Arial, Tahoma, Verdana; 
       background-image: url(../img/BodyBg.jpg); background-color: #FFF; background-repeat: repeat-x; color: #524E4D;}

.Content {width: 980px;  background-color: #FFF; margin: 0 auto;}


.Topo {width: 100%;padding-top:20px; min-height: 90px; background-color: white; float: left; position: relative;}
.Topo .Header{width: 940px; padding: 0 20px 0 20px; float: left; position: relative;}

.Topo .Menu{display: table; width: 100%; background-color: #067EA3; height: 70px; 
            background-image: url(../img/MenuBg.jpg); background-repeat: repeat-x;}

.Topo .Menu ul.ulMenu {float: left; list-style: none; padding: 0; margin: 0; vertical-align: middle; height: 70px; 
                       text-align: center;width: 100%;}
                       
/*liDuplo para menus que usam duas linhas*/
.Topo .Menu ul.ulMenu li.LiDuplo {display: inline; float: left; text-align: center; height: 53px; width: 14%; padding-top: 17px; 
                                  border-right: 2px solid #94AFC2;} 

/*liSimples para menus que usam duas linhas
O QUE MUDA DAS DUAS CLASSES É O PADDING-TOP
*/
.Topo .Menu ul.ulMenu li.LiSimples {display: inline; float: left; text-align: center; height: 45px; width: 14.1%; padding-top: 25px; 
                                    border-right: 2px solid #94AFC2;} 

.Topo .Menu ul.ulMenu li a {color: White; text-decoration: none; font-weight: bold; font-size: 15px; display: block; width: 100%; height: 100%;}  

.Corpo{ background-color: white; min-height: 300px; float: left; width: 100%;}

.Rodape{ background-color: white; width: 100%; float: left; padding-top: 20px; padding-bottom: 10px;}
.Rodape #Endereco {border-bottom: 4px solid #4687AA; padding-bottom: 20px; font-size: 14px; text-align: right; }
.Rodape #Endereco span {width: 100%; display: block; }

.Rodape #icons {background-color: white; padding-top: 40px; float: left; width: 100%; text-align: left;}
.Rodape #icons img {margin: 0; border: none; float: left;}
.Rodape #icons .selo{float:right;}

.Rodape #Perguntas {float:left; width: 100%; padding-bottom:20px;}
.Rodape #Perguntas div {width: 180px; min-height: 120px; float: left; background-image: url(../img/PerguntasBoxBg.jpg);
                       padding: 34px 25px 30px 25px; margin-left: 20px;}
.Rodape #Perguntas div ul {list-style: none; font-size: 12px; font-weight: bold; margin:0; padding:0;}
.Rodape #Perguntas div ul a {font-weight: normal; text-decoration: none; color: #62676B;}
.Rodape #Perguntas div ul a:hover {color: #2A3FFF;}

.Rodape #Perguntas div ul .a_destaque {font-weight: normal; text-decoration: none; color: #005DD5; font-style: italic;}
.Rodape #Perguntas div ul .a_destaque:hover {font-weight: normal; text-decoration: none; color: #F1FFFB;}

.ImagemContinua {float: left; margin:0; border: none;}
.titulo {font-size: 16pt; font-weight: bold; color: #177AAD; 
		font-family: Calibri, Verdana, Arial;}

.tituloFaq {font-size: 12pt; font-weight: bold; color: #177AAD; 
		font-family: Calibri, Verdana, Arial;}
		
.tabela_obriga tr {background-color: #D8D8D8;}

.Inputs {width: 100%;}
.Label {font-size: 12px; font-weight: bold;}
.Inputstxt {width: 100%;}


.alertaVermelho {float:left; text-align: center; background-color: #FD6565; padding: 5px 0 5px 0;}
.alertaSucesso {float:left; text-align: center; background-color: #ADBFFD; padding: 5px 0 5px 0;}

.MenuLinkRapido { text-decoration: none; color:#666666; list-style-type:square; }
