*{
    
}
article{
    margin: 20px;
    
}
.informes{
    border: #000000 solid 1px;
    padding: 0 10px;
    float: left;
    width: 100%;
}
.informes h6{
    margin-top: 5px;
}
.icon_informes{
    float: right;
}
.icon_informes a{
    text-decoration: none;
    margin: 0px 2px 0px;
    font-size: 20px;
}
.cont_informes{
     border: #000000 solid 1px;
    padding: 20px;
    
}
.tituloInformes{
    float: left;
    margin: 0;
    font-weight: bolder;
}
.horizontalcenter{
    margin-left: auto;
    margin-right: auto;
    display: block;
}
#meiosdecontato{
    background-color: #2864ae;
    padding-top: 95px;
    padding-bottom: 0px;
    color: white;
    text-align: right;
    
    
}
.w3-display-left{
    transform: none;
}

#meiosdecontato a{
font-size: 14px;
}
#meiosdecontato a:hover{
    background-color:#2864ae !important;
    text-decoration:underline !important;
    color: white !important;
}
.logolinks{
      min-width: 180px !important;
    max-width: 170px;
    padding: 15px 0% !important;
    border: solid #2864ae 2px;
    margin: 12px;
    width: 100% !important;
    

}
.logolinks img{
     width: auto;
    height: 45px;
}
.ensino{
    background-color: #b8d6e2;
    /*border-radius: 150px;*/
    border: #000000 solid 1px;
    width: 250px;
    height: 150px;
    padding-top: 10px !important;
    margin-right: 2%;
    margin-left: 2%;
}
 .container {
      display: flex;
}

nav {
    width: 250px;
    border-right: #000000 solid 1px;
  
}

main {
    flex: 1;
   
}


.subnav2 b{
   
   font-size: 14px !important;
}

.subnav2 .subnavbtn{
    background-color: #2864ae;
    width: 100%;
    color: rgb(255, 255, 255);
    border-bottom: #d4d3d9 1px solid;
    border-top: #d4d3d9 1px solid;
    text-align: left;
    font-family: Verdana,Arial,Sans,sans-serif;
    padding: 1px 5px;

   
}
main #myNavbar{
    background-color: #80b8fd !important;
}
#myNavbar i{
  color: #007099;
}
.subnav2  a:hover{
     background-color: #2864ae !important;
      color: rgb(255, 255, 255) !important;
}
.subnav-content2 a{
     width: 100% !important;
     display: block;
     text-align: left;
     border-bottom: #d4d3d9 1px solid;
     padding: 3px 10px;
     text-decoration: none;
     color: #8b8b8b;
     font-family: Verdana,Arial,Sans,sans-serif;
     font-size: 12px;
    
}
.subnav-content2 a:hover{
    background-color: #ccc !important;
    color: #2864ae !important;
    
}

.article1{
   
  margin: 0 auto;
    width: 100%;
    margin-left: 20%;
    padding: 0;
}
.menu3itens{
    
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    padding-left: 4.2% !important;
    padding-right: 4.2% !important;
    font-size: 23px;
}
.linkLetras{
    color: #005dce;
}


/* vindo da página */
body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}

body, html {
  height: 100%;
  line-height: 1.8;
}

/* Full height image header */
.bgimg-1 {
  background-position: center;
  background-size: cover;
  background-image: url("../img/plano-de-fundo.png");
  min-height: 100%;
}

.w3-bar .w3-button {
  padding: 16px;
  padding-top: 35px;
  padding-bottom: 39px;
}

/* submenu */
.w3-right{
  position: absolute;
  right: 0;
  z-index: 1;
  font-size: 18px;
}
.subnav {
  float: right;
  overflow: hidden;
  

}


.subnav-content {
  display: none;
  position: absolute;
  /*top: 35%;  ou outro valor */
  /*right: 0;  ou outro valor */
  background-color: #ccc;
  margin-top: 73px;
  z-index: 222;

}
.subnav-content a {
  display:block;
  padding: 15px;
  color: black;
  text-decoration: none;
  border-bottom: solid 1px black;
}
.subnav-content a:hover {
  background-color: #eee;
  color: black;
}
.subnav:hover .subnav-content {
  display: block;
}
.navbar a:hover, .subnav:hover .subnavbtn {
  background-color: #ccc;
}

/* fim do submenu*/

 .w3-hide-medium{
  display: none !important;
 }

 .artigoindex{
  float: left;
  width: 45%;
  height: 400px;

 }
  .artigoindex .informes{
     BACKGROUND-COLOR: #80b8fd;
  }
 .artigoindex .cont_informes{
  height: 400px;
 }
  .artigoindex img{
    padding: 15px;
  }
  .artigotituloimg{
    display: inline;
    margin-left: 40px;
  }
@media screen and (min-width: 1280px) and (max-width: 1280px) and (min-height: 800px) and (max-height: 800px) {
    /* CSS para resolução exata 1280x800 */
   .article1{
   
       
        margin-left: 6%;
    }
   
}
@media screen and (min-width: 1000px)  {

    .article1{
        width: 865px;
        margin-left: auto;
        margin-right: auto;
    }


    
}

@media screen and (max-width: 692px)  {

       .w3-hide-small {
        display: block !important;
    }

     #meiosdecontato{
      padding-top: 155px;
    }
}

@media screen and (max-width: 422px)  {

    

     #meiosdecontato{
      padding-top: 220px;
    }
}