/* 
    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: 230px;
    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;
}
.painel_navegacao .link_icones{}
/*icones*/
.painel_navegacao .link_icones .icone1{
    background-image: url('../novo_layout/bt.png');
    width: 327px;
    height: 107px;
    float: left;
}
.painel_navegacao .link_icones .icone1:hover{
    background-image: url('../novo_layout/bt.png');
    background-position: 1004px 0px;
    width: 327px;
    height: 107px;
    float: left;
}
.painel_navegacao .link_icones .icone2{
    background-image: url('../novo_layout/bt.png');
    background-position: -338px 0px;
    width: 327px;
    height: 107px;
    float: left;
    margin-left: 4px;
}
.painel_navegacao .link_icones .icone2:hover{
    background-image: url('../novo_layout/bt.png');
    background-position: -1353px 0px;
    width: 327px;
    height: 107px;
    float: left;
    margin-left: 4px;
}
.painel_navegacao .link_icones .icone3{
    background-image: url('../novo_layout/bt.png');
    background-position: -677px 0px;
    width: 327px;
    height: 107px;
    float: left;
    margin-left: 4px;
    
}
.painel_navegacao .link_icones .icone3:hover{
    background-image: url('../novo_layout/bt.png');
    background-position: -1694px 0px;
    width: 327px;
    height: 107px;
    float: left;
    margin-left: 6px;
}
.painel_navegacao .link_icones .icone4{
    background-image: url('../novo_layout/bt.png');
    background-position: 0px -118px;
    width: 327px;
    height: 107px;
    float: left;
}
.painel_navegacao .link_icones .icone4:hover{
    background-image: url('../novo_layout/bt.png');
    background-position: -1015px -118px;
    width: 327px;
    height: 107px;
    float: left;
}
.painel_navegacao .link_icones .icone5{
    background-image: url('../novo_layout/bt.png');
    background-position: -340px -118px;
    width: 327px;
    height: 107px;
    float: left;
    margin-left: 4px;
    
}
.painel_navegacao .link_icones .icone5:hover{
    background-image: url('../novo_layout/bt.png');
    background-position: -1355px -118px;
    width: 327px;
    height: 107px;
    float: left;
    margin-left: 4px;
}
.painel_navegacao .link_icones .icone6{
    background-image: url('../novo_layout/bt.png');
    background-position: -677px -118px;
    width: 327px;
    height: 107px;
    float: left;
    margin-left: 4px;
    
}
.painel_navegacao .link_icones .icone6:hover{
    background-image: url('../novo_layout/bt.png');
    background-position: -1692px -118px;
    width: 327px;
    height: 107px;
    float: left;
    margin-left: 4px;
}
.painel_navegacao .link_icones .icone7{
   background-image: url('../novo_layout/bt.png');
    background-position: -0px -235px;
    width: 327px;
    height: 107px;
    float: left;
    
}
.painel_navegacao .link_icones .icone7:hover{
    background-image: url('../novo_layout/bt.png');
    background-position: -1015px -235px;
    width: 327px;
    height: 107px;
    float: left;
}
.painel_navegacao .link_icones .icone8{
    background-image: url('../novo_layout/bt.png');
    background-position: -339px 450px;
    width: 327px;
    height: 107px;
    float: left;
    margin-left: 4px;
    
}
.painel_navegacao .link_icones .icone8:hover{
    background-image: url('../novo_layout/bt.png');
    background-position: 665px 450px;
    width: 327px;
    height: 107px;
    float: left;
    margin-left: 4px;
}
.painel_navegacao .link_icones .icone9{
    background-image: url('../novo_layout/bt.png');
    background-position: -677px 450px;
    width: 327px;
    height: 107px;
    float: left;
    margin-left: 4px;
    
}
.painel_navegacao .link_icones .icone9:hover{
    background-image: url('../novo_layout/bt.png');
    background-position: -1694px 450px;
    width: 327px;
    height: 107px;
    float: left;
    margin-left: 6px;
}



.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;
}