/* 
    Document   : novo_template.css
    Created on : 04/06/2013, 11:06:34
    Author     : Alex de Carvalho
    Empresa    : Aplanar
    Description:
        Purpose of the stylesheet follows.
*/

html {
    margin: 0; 
    padding: 0;
}
body{
    margin: 0; 
    padding: 0; 
}
img{
    border:0;
}
.espacamento{
    display: block;
    height: 10px;
    clear: both;
}
.espacamento2{
    display: block;
    height: 1px;
    clear: both;
}
.todo_site{
    height: 100%;
    clear: both;
    display: block;
}
.bgtopo{
    background-image:url('../novo_layout/topo.png');
    background-repeat: repeat-x;
    height: 179px!important;
}
.bgtopo .topo{
    width: 1008px;
    margin-left: auto;
    margin-right: auto;
    
}
.bgtopo .topo .barratop{
    height: 21px;
    display: block;
    color: #fff;
    width: 100%;
    text-align: right;
}
.bgtopo .topo .barratop div{
    margin-top: 3px;
    float: right;
    margin-right: 20px;
}
/*
.bgtopo .topo .barratop .topo_esq{
 width: 400px;
 background-color: aqua;
}*/
.bgtopo .topo .barratop .topo_dir{
 
}
.bgtopo .topo .barratop a:link, a:hover{
    color: #fff;
    margin-top: 2px;
    text-decoration: none;
}
.bgtopo .topo .barratop strong{
    color: azure;  
}
.bgtopo .topo .barratop img{
    float: right;
    margin-top: 3px;
    margin-right: 10px;
}
.bgtopo .topo .topesquerdo{
    width: 400px;
    float: left;
}
.bgtopo .topo .topesquerdo img{
   float: left;
}
.bgtopo .topo .topdireito{
 width: 600px;
 float: right;
 height: 105px;
}
.bgtopo .topo .topdireito img{
   float: right;
   margin-right: 50px;
   margin-top: 15px;
}
/*
    Painel Navegação MENU
*/
.painel_navegacao{
    width: 1008px;
    background-color: #F0F0F0;
    height: auto;
    z-index: 1002;
    padding-left: 5px;
    padding-top: 10px;
    padding-right: 5px;
    padding-bottom: 5px;
    margin-top: 5px;
    position: absolute;
}
.painel_navegacao .bgmenunav{
    background-image: url('../novo_layout/fundo_menu.png');
    background-repeat: no-repeat;
    height: 37px;
}
.painel_navegacao .bgmenunav ul{
    padding-top: 10px;
    margin-left: 5px;
}
.painel_navegacao .bgmenunav ul li{
    list-style: none;
    display: inline;
    margin-left: 25px;
}
.painel_navegacao .bgmenunav ul li  a:link, a:visited{
   font-size: 14px;
   text-decoration: none;
   color: #565656!important;
}
.painel_navegacao .bgmenunav ul li a:hover{
    color: #009100!important;
}
/*icones*/

.iconesOpcs {
    width: 31%;
    margin-left: 1%;
    margin-right: 1%;
    height: 107px;
    float: left;
    background-color: #A8A8A8;
    margin-bottom: 2%;
}

.iconesOpcs:hover {
    background-color: #2D465E;
}

.iconesOpcsDscL {
    color: #fff;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    margin-right: 10px;
    margin-top: 40px;
}

.iconesOpcsDscLs {
    color: #fff;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    margin-right: 10px;
    margin-top: 15px;
}

.busca {
    float: right;
    margin: 0px 20px;
    position: relative;
}

.esq_senha {
    float: left;
    margin-top: 10px;
    margin-left: 16px;
}

@media screen and (max-width: 990px) {  
    .iconesOpcs {
        width: 48%;
    }
}

@media screen and (max-width: 600px) {  
    .iconesOpcs {
        width: 100%;
    }
}

.ESPACAMENTORODAPE{
    height: 80px;
    width: 100%;
}
.bgconteudo{
    margin-left:  auto;
    margin-right: auto;
    width: 1008px;
    z-index: 1000;
}
/*
    Observação rodapé fixo
    criar uma div com os padrões da class abaixo, e colocar o rodapé em
    outra  class, div... dentro da mesma
*/
.bgrodape{
    background-image: url('../novo_layout/rodape.png');
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 74px;
    z-index: 1000;
}
.bgrodape .rodape{
    width: 1008px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}
.bgrodape .rodape .rodapeesquerdo{
    width: 900px;
    float: left;
    color: azure;
}
.bgrodape .rodape .rodapeesquerdo p{
   text-align: center;
}
.bgrodape .rodape .rodapedireito{
    width: 100px;
    float: right;
}
.bgrodape .rodape .rodapedireito img{
    margin-top: 10px;
}