body{
    margin: 0;
    height: auto;
}



#pagina{
    margin: 0 auto;
    width: 80%;
    background: #ffffff;
    min-height: 600px;
    background-color: transparent !important;
    
}

#top{
  height: 120px;  
    
}
#pos1{
  margin-top: 50px;  
  width: 70%; float: left;  

}

#pos2{
 margin-top: 50px;  
 width: 30%; float: right;

}

#pos4{
  width: 100%;

  clear: both;
}


#botoesinicio{
       
}
#titulo{
    margin-bottom: 5px;
}

#topo{
    clear: both;
    margin-top: 40px !important;
    color: black;
    width: 100%;
    background-color:#FDD900;
    
}

#bottom {
    clear:both;
    height: 200px;
    background-color: #DF3F3F;
  
}

#bottom a{
    color: green;
    
}
#bottom a:hover{
    color: #77d42a;
}

#left {
    float: left;
    padding:0;
    width: 25%;
    float: left;

}

#right {
    float: right;
    width: 74%;
    float: right;
}

#conteudo{
  width: 100%;
  min-width: 800px;
  height: auto;
      
}

#menu{
  z-index: 9999;
}




#centralizado, #centralizadoB, #centralizadoC{
    margin: 0 auto;
    width: 960px;
    height:auto;
    
}

#esquerda{
     width: 29%; float: left; 
     height: 100%!important;
     margin-right: 1%;
     
 
}
.esquerda{
 width: 100%;
 min-height: 100%;
 height: 100% !important;
 background: #EDE9E3;

}
#esquerda h2{
    background-color: #DF3F3F;
    color: white;
    width: 96%;
    text-align: center;
    font-family: 'Changa One', sans-serif;
    font-size: 23px;
    text-shadow: white 0.1em 0.1em 0.2em;
    text-transform: uppercase;
    background-color: #DF3F3F;
    padding: 2%;
    
}


#esquerda h3{
    padding-left: 5%;
    font-size: 18px;
    color:gray;
    font-family: 'Capriola', cursive;
    text-shadow: white 0.1em 0.1em 0.2em;
}
#esquerda input{
    font-size: 20px;
}

#esquerda label{
    font-weight: bold;
}

#direita{
    width: 70%; 
    float: right;
    min-height: 500px;
    height: auto;
    font-size: 18px;
    margin-bottom: 45px;

}

#direita input{
    font-size: 20px
}

.centralizado{
    margin: 0 auto;
    width: 80%;
    height:auto;
   
}

.pnLogoPrefeitura{
 width: 70px;
 height: 80px;
 background-color: transparent!important;  
}



 .painel-erro{
   margin-top: 10%;
   width: 90%;
   height: 300px;
   background-color: white;
   margin-right: 5%;
   margin-left: 5%;
   padding: 2px;
   border-radius: 8px;
   border: 1px solid silver;
   -webkit-box-shadow: 6px 4px 20px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 6px 4px 20px -1px rgba(0,0,0,0.75);
box-shadow: 6px 4px 20px -1px rgba(0,0,0,0.75);
     
 }
 
 .pn-erro{

     background-size: 100% 100% !important;/* w3 spec - no browser supports it yet */
     -moz-background-size: 100% 100% !important;; /* used for firefox */
     -o-background-size: 100% 100% !important;; /* used for opera */
     -webkit-background-size: 100% 100% !important;; /* used for safari and chrome */
     background-repeat: no-repeat;
}

 .pn-erro{
 
   background-image:url("/portaltransparencia/resources/img/erro1.jpg") !important;

}