@import url(http://fonts.googleapis.com/css?family=Roboto);
@import url(http://fonts.googleapis.com/css?family=Quintessential);
body {
   background-image: url(../imagens/bg_topo.png);
   font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
   background-position: center top;
   background-repeat: repeat-x;
   margin:0;
   padding:0;
   color:#666;
   font-size:16px;
}
ul{
   margin:0;
}
a img{
   border:none;
}

h1{
   font-size:21px;
   /*font-family: 'Quintessential';*/
   color:#7191CA;
}

a{
   text-decoration: none;
   font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
   color:#666;
}

#topo{
   position:relative;
   max-width:960px;
   width:100%;
   margin:0 auto;
   min-height:520px;
}
#topo .menu{
   position: absolute;
   margin-top:20px;
   z-index: 3;
   width: 100%;
}
#topo .menu ul{
   color:#6185c4;
   padding:0;
   list-style: none none;
   background-color: #F37022;
   text-align: center;
}

#topo .menu ul li{
   display: inline-table;
   text-align: center;
   padding: 10px 2%;
   position: relative;
}

#topo .menu ul li::before{
   content:" | ";
   color:#fff;
   position: absolute;
   right: -8px;
}

#topo .menu ul li:last-child:before{
   content:"";
   color:#fff;
   position: absolute;
   right: -7px;
}

#topo .menu ul li a{
   color:#fff;
   text-decoration:none;
   line-height:21px;
   font-size:15px;
   font-family: "Roboto" ;

}


#topo .menu ul li:hover{
   background-color:#f05a89;
   -moz-transition-duration: 0.5s;
   -moz-transition-timing-function: linear;
   -ms-transition-duration: 0.5s;
   -ms-transition-timing-function: linear;
   -webkit-transition-duration: 0.5s;
   -webkit-transition-timing-function: linear;
}

#container{
   background-image:url(../imagens/topo_imagem.jpg);
   z-index: 1;
   background-position:top center;
   background-repeat:no-repeat;
   position: relative;
   display:block;
}

#frase{
   text-align:center;
   width:100%;
   font-size: 18px;
   margin:10px 0 30px 0;
}

#frase p{
   color:#f27025;
   font-family: 'Quintessential', cursive;color:#f27025;
}

.table{
   font-size:11px;
   font-family:Arial, Helvetica, sans-serif;
}

.organizacoes_apoiadas p{
   border:1px solid #ccc;
   padding:15px;
}

.thead{
   font-size:11px;
   color:#FFF}

   #avisos{
      background-color:#d0d5e2;
      background-image:url(../imagens/bg_roxo.png);
   }

   #faixa{
      width:100%;
      padding:5px 0;
      background-image:url(../imagens/bg_roxo.png);
   }

   #noticias_home{
      background: #d0d5e2 url(../imagens/bg_ico_noticias.png)  left top no-repeat;
      padding:20px 0 0px 0;
   }

   #conteudo{
      margin:10px 0;
   }

   .centraliza{
      margin:0 auto;
      width:100%;
      max-width: 950px;
   }

   #noticias{
      background: #fff url(../imagens/bg_ico_noticias.png)  left top no-repeat;
      padding:45px 0 40px 0;
   }

   .box_noticia{
      position: relative;
      background: url(../imagens/noticia_box_laranja.png);
      width: 46%;
      height: 142px;
      display: inline-block;;
      margin:0 10px 20px 10px;
      background-size: 100% 100%;
   }

   .box_noticia:nth-child(even){
      margin-left:30px;
   }

   .box_noticia:nth-child(3n+1){
      background: url(../imagens/noticia_box_rosa.png);
      background-size: 100% 100%;
   }

   .box_noticia .box_img{
      float:left;
      width:140px;
      overflow: hidden;
      height: auto;
      border:3px solid #fff;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      margin:15px 0px 5px 15px;
      background-size: 100% 100%;
      max-height: 107px;
   }

   .box_noticia .box_img img{
      float:left;
      max-width:140px;
      max-height: 140px;
   }

   .box_noticia .texto{
      width:250px;
      color:#fff;
      text-align: left;
      float:right;
      margin:0;
      padding:5px;
   }

   .box_noticia .texto p{
      font-family: Futura, "Trebuchet MS", Arial, sans-serif;
      color:#fff;
   }

   .box_noticia .texto .titulo{
      margin:5px 0;
      font-size: 17px;
      font-family: Futura, "Trebuchet MS", Arial, sans-serif;
      color:#fff;
   }

   .box_noticia .texto .titulo a{
      color:#EDE4E4;
   }

   .box_noticia .texto .titulo a:hover{
      color:#F5ABAB;
   }

   .box_noticia .leia_mais{
      position: absolute;
      bottom:-18px;
      right:-10px;
   }

   .box_container{
      padding:10px;
      width: 28%;
      display:inline-block;
      margin: 0 20px 20px 0;
      border:1px solid #d0d5e2;
      position: relative;
   }

   .box_multimidia_container .box_img{
      display: block;
      overflow: hidden;
      position: relative;
      width:260px;
      height: 160px;
      background: #e4e4e4;
   }

   .box_multimidia_container .box_img img {
      display: block;
      margin: auto auto;
      max-width: 100%;
      position: absolute;
   }

   .box_container h3{
      font-family: 'Quintessential';
   }

   .box_container h3 a{
      color:#7191CA;
   }

   #descricao{
      margin-bottom: 40px;
   }

   #popup{
      background-color: rgba(0,0,0,0.8);
      position: fixed;
      display: block;
      width: 100%;
      height: 100%;
      z-index: 100;
      padding-top: 60px;

   }

   #popup img{
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      border-radius: 30px;
      display: block;

   }