/*=== CONFIGURAÇÃO DAS TAGS===*/
body{
    background-image: url("iconmenus/background.jpg");
      font: calibre;
    position:RELATIVE;


}

blockquote{
   font-size: 20px;
   font-family: calibre;
    width: 960px;
    
    
}

em{
    position: absolute; 
    font-weight: bold;
    clear: both;
    color: #000080;
    z-index: 600;
    margin-left: 30%;
    margin-top: 12%;
}

/*=== NOME ACAPORD NA PARTE PRINCIPAL===*/
h2{      
     font-family: calibre;
         color: #000080;
         position: initial;
       
        
        
}
/*=== nome: acessibilidade===*/
h3{
     font: calibre;
    color: white;
    font-size: 16px;
  
    z-index: 400;

}
.tx{
    margin-left: 20%;
}
.txx{
     margin-left: 15%;
}



h4{
     font: calibre;
    color: white;
    font-size: 16px;

    z-index: 400;
}
h5{
    font-size: 18px;
    
    
}

iframe{
    width: 664px; 
    height: 480px;
  
   
}














/*=== CONFIGURAÇÃO DAS CLASSES===*/
.corpo{
   
    width: 1150px;
    margin: 0 auto;
    border: 0px solid #d7d7d7;
    border-top: none;
}



/*=== LOGO OFICIAL===*/
.acapord{
     font: calibre;
    font-size: 150px;
    color: #191970;
    margin-left: 5%;
}  


/*=== con acessibiidade===*/
.ace{
  list-style-type:none;
    margin-left: 80%;
    z-index: 400;
    float: left;
    width:200px;
    position: relative;
     font-size: 18px;
     


}
.ace a{
   
    text-decoration: none; 
  
    
   
    margin: 5px;
}

.ace  li{
    
    float: left;
   
    padding: 1px 2px;
    
}


.banner{
    z-index:200;
    margin-left: 10%


} 

.titulo{
    color: green;
    font-size: 34px;
    margin-left: 30%;
}
/*===CSS do rodapé===*/

.ende{
    position:absolute;
    z-index: 700;
   
     text-decoration: none; 
     list-style: none;
      margin-left: 2%; /*=== posição do menu a esqueda===*/
     margin-top: 3%;
      float: left;
    width:260px;
   
}
.ende a{
   
    text-decoration: none; 
    margin-left: 2px;
}

.ende  li{
    
    float: left;
  
    padding: 5px 1px;
    
}

a,em{
    color: #20B2AA;
}
a:hover{
    color: black;}

.IMAGEM-RODAPE{
    width: 1150px;
    height: 200px;
    z-index: 400;
    position:relative;
    top: 240px;
    margin-left: 0%;
} 
.rodape{ 
       
        margin-left: 40%;
         float:right;
         position: absolute;               
         font-weight: bold;
         clear: both;
         color:white;
         z-index: 600;
          margin-top: 2%;
}


.ro{
      margin-top: 18%;
      margin-left: 25%;
      font:time new roman;
      font-weight: bold;
    color: white;
    font-size: 17px;
    position: relative;
  
    z-index: 400;
}
.des{
    position: relative;
    color: black;
    margin-left: 40%;
    font-weight: bold;
    font-size: 17px;
    
     
}
.des:hover{
    color: grey;
}
.de{
    position: relative;
    margin-top: 3%;
      margin-left: 47%;
}


.ft{
    border-radius: 50%;
}


.topo{
    margin-left: 80%;
    height: 90px;
    width: 90px;

}

.texto{
    color: #000080;
    margin-left: 20%;
    font-size: 18PX;

}
.texto2{
    margin-left: 10%;
      margin-right: 10%;
    width:  650px;
    font-size: 20PX;
}

.c2015{

    height: 300px;
    width: 500px;
    margin-left: 10%;
    border-radius: 10%;
    font-size: 18PX;
}
.sep{
    color: #000080;

}
.contatosss{
    
    color: black;
   
    width: 400px;
    height: 200px;
    font-size: 20px;

   
   
}



/*=== CONFIGURAÇÃO DAS IDs===*/
/*===banner do if===*/
#apoio{
    position: absolute; 
    font-weight: bold;
    clear: both;
    color: black;
    z-index: 600;
    margin-left: 1%;
    font-size: 24px;
    
}
#pic{
   
   margin-left: 20%;
   position: relative;
     text-decoration: none; 
     list-style: none;
}
 
      
   










/*=== menu principal CENTRAL CSS===*/
/*=== CONFIG DO ICONE DOS MENUS===*/
.icon{
    width:39.7px;
    height:32px;
} 
.menu{
list-style-type:none;
    position: relative;
    background: white;
    list-style: none;
    width: 1150px;
}
.menu a{
    color: black;/*=== COR DA FONTE DO MENU===*/
    text-decoration: none; 
    display: block;
    cursor: pointer;
    font-size: 10px time new roman;
    letter-spacing:0.1em;
    margin: 5px;
}

.menu  li{
    background: white;
    float: left;
    position: relative; 
    padding: 1px 2px;
    border-top: 1px solid #555;
}

.menu li  a {
    padding: 1px;
    margin: 0 17px;
    background: white;
}

.menu li:hover a {
    background: #6495ED;/*=== ao clicar botão fica azul===*/
    float: none;
    font-size: 12px time new roman; 
}
.menu  li:hover  {
    display: block; }




/*=== menu vertical direito CSS===*/

.iconv{
    width: 15px;
    height: 15px;
}
#menu2 {
    z-index: 700;
    margin-top: 5%;
    margin-right: 3%;
    background: white;
    width: 160px;
    padding: 0px;
    float: right;
    position: relative;
}

#menu2 ul {
    font: 14px time new roman;
    list-style: none;
    margin: 0;
    padding: 0;
}
#menu2 ul li {
    float: left;/*=== n mudar===*/
    position: relative;
    display: block;
    z-index: 700;
}
#menu2 ul li a {
    color:#000080 ;
    background: white;
    text-decoration: none;
    margin: 4 1px;
    padding: 12px 10px;
    display: block;
}

#menu2 li ul {
    display: none;}

#menu2 li a:hover {
    background: #6495ED; 
    color: white;
    display: block;
}
#menu2 li:hover ul {
    display: block;
    position:relative;
}

#menu2 li:hover li {
    float: none;
    font-size: 14px;
    left: 30px;/*===posição do submen===*/
}




/*===menu v3===*/
.iconv{
    width: 15px;
    height: 15px;
}
#menu3 {
    z-index: 700;
    margin-top: 10%;
    margin-left: 3%;
    background: white;
    width: 200px;
    padding: 0px;
    float: left;
    position: absolute;/*=== posição para o mnu n ir para a direita qndo mudar a fonte===*/
}

#menu3 ul {
    font: 14px time new roman;
    list-style: none;
    margin: 0;
    padding: 0;
}
#menu3 ul li {
    float: left;/*=== n mudar===*/
    position: relative;
    display: block;
    z-index: 700;
}
#menu3 ul li a {
    color:#000080 ;
    background: white;
    text-decoration: none;
    margin: 4 1px;
    padding: 12px 10px;
    display: block;
}

#menu3 li ul {
    display: none;}

#menu3 li a:hover {
    background: #6495ED; 
    color: white;
    display: block;
}
#menu3 li:hover ul {
    display: block;
    position:relative;
}

#menu3 li:hover li {
    float: none;
    font-size: 14px;
    left: 30px;/*===posição do submen===*/
}