*{margin:0; padding:0; box-sizing:border-box;}
html, body {
width: 100%;
height: 100%;
font-family: 'Titillium Web', sans-serif;
background:#F4F4F4;
color:#333;
margin:0;
padding: 0;
}

a{
  text-decoration: none;
  color: #FFF;
}


.resultados{
height: 100%;
width: 100%;
margin: 1rem 0;
overflow-y: auto;
overflow-x: auto;
}



.menu {
  z-index: 5;
  width: 80%;
  height: 50px;
  background:transparent;
  font-family: 'Titillium Web', sans-serif;
 padding-left: 10px;
 display: inline-block;
 vertical-align: top;
 }

 .menu ul {
  list-style: none;
  position: relative;
 }

 .menu ul li {
  width: auto;
  //background: tomato;
  float: left;

 }

 .menu a {
  background-color:transparent;
  padding: 15px;
  display: block;
  text-decoration: none;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: 26px;
  text-transform: uppercase;
 }

 .menu a:hover {
 color: orange ;

 }

 .menu ul ul {
  position: absolute;
  visibility: hidden;
 }

 .menu ul li:hover ul {
  visibility: visible;
 }

 .menu ul ul li {
  float: none;
  border-bottom: solid 1px #ccc;
 }

 .menu ul ul li a {
  background-color: #FFF; 
  color: #000;
 }


  label[for="bt_menu"] {
  padding: 5px;
  background-color: #222;
  color: #fff;
 font-family:'Bebas Neue Regular';
  text-align: center;
  font-size: 30px;
  cursor: pointer;
  width: 50px;
  height: 60px;
  display: none;
  position: absolute;
  float: left;
  left: 0;
  top: 0;
 }

 #bt_menu {
  display: none;
 }




.cabecalho-pag{
  padding: 1em 2em;
  border-bottom: 1px solid #cdcdcd;
}

.cabecalho-pag a{
  color: #000;
}



.cabecalho ul ul li a{
  color: #FFF;
}


#caixa-cabecalho{

width: 100%;
background-color: #000;
/*background: url('../imagens/capa.jpg') no-repeat;*/
background-size: 100% 100%;
background-position:center;
position: relative;
padding: 0;
margin:0;
}

.video-banner{
width: 100%;
height: 100%;
position: absolute;
border:none;
padding: 0;
}

#caixa-cabecalho-espelho{
  position: absolute;
  /*bottom: 0;*/
  background: rgba(0, 0, 0, .6);
  color: #fdfdfd;
  padding: 2em 0;
  text-align: center;
  width: 100%;
  height: 100%;
  display: block;
}

#caixa-cabecalho-espelho h1{

text-align: center;

}




#destaque-noticias{
  width: 100%;
  background: #FFF;
  
}

#destaque-noticias title{
font-size: 2em;
color: #333;
margin-bottom: 1rem;
border-bottom: 3px solid #FF5733 ;
display: inline-block;
  }

.destaque{
  position: relative;
  height: auto;
  vertical-align: top;

}

.destaque h2{
  text-align: left;
  font-family: 'Titillium Web', sans-serif;
  margin-bottom: 10px;
}

.img-destaque{
  width: 100%;
  /*height: 300px;*/
  max-height: 600px;
}

.texto-destaque{
  position: absolute;
  bottom: 0;
  background: rgba(255, 87, 51, .8);
  color: #fdfdfd;
  padding: .6rem;
  text-align: left;
  width: 100%;
  display: block;
  font-family: 'Titillium Web', sans-serif; 
}


.botao-destaque{
  padding: 1rem;
  color: #FFF;
  background: rgba(255, 87, 51, 1);
  border:none;
  border-radius: 5px;
  margin: 1em auto;
  font-family: 'Titillium Web', sans-serif;
  font-size: 1rem;
  cursor: pointer;
}

.botao-destaque:hover{
opacity: 0.8;
}




.corpo-noticia-texto p{
  text-align: justify;
  margin-top: .5em;
  line-height: 1.5;
  color: #333;
  font-size: 1.5rem;
}



.zoom {
  overflow: hidden;
}

.zoom img {
  max-width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.5s;
}

.zoom:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}



.mapa{

width: 100%;
background: #5CC3FD ;

}

.mapa h1{
  color: #333;
}

.mapa p{
  font-size: 1.5rem;
}

.mapa span{
  margin-top: -15px;
}

.mapa iframe{
  float: right;
  right: 0;
}


.patrocinio{
  background: #FFF;
  color: #fff;
  border-radius: 5px;
  transition-duration: .5s;
}

.patrocinio:hover{
  background-color: #FFF;
  transition-duration: .5s;
}

.patrocinio img{
  width:150px ;
  display: inline-block;
  vertical-align: top;
}

.patrocinio p {
  text-align: center;
  color: #333;
  line-height: 1.8;
}

.patrocinio span{
  margin:10px;
}


.rede-social{
  width: 50px;
  padding: 10px;
  background: #333;
  display: inline-block;
  vertical-align: top;
  font-size: 1.5rem;
  text-align: center;
  margin:0 10px;
}

.rede-social:hover{
  color: orange;
  transition: 1s;
}


.fundo-modal{

  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 2;
}

.modal{
  position: fixed;
  width: 70%;
  height: 90%;
  padding: 2em;
  background: #FFF;
  color: #333;
  z-index: 1;
  border:1px solid #dcdcdc;
  float: left;
  left: 50%;
  margin-left: -35%;
  font-family: 'Titillium Web', sans-serif;
  border:none;
  overflow-y: auto;
  overflow-x: auto;
}

.modal h1{
  font-size: 2em;
  font-weight: bold;

}

.modal strong {
margin-right: 20px;

}

.modal p {
 font-family: 'Titillium Web', sans-serif;
  font-size: 16px;
  line-height: 1.5;
  text-align: justify;
}

.close {
  position: absolute;
  right: 10px;
  font-size: 20px;
  color: #FFF;
  font-weight: bold;
  cursor: pointer;
  width: 50px;
  height: 50px;
  background: red;
  text-align: center;
  border-radius: 50%;
  padding: 10px 0;
}
.close:hover {
  color: #cdcdcd;
}


.close:hover {
  color: #666;
}




#success-alert{
  
  
  margin:0 auto;
  top: 0;
  width: 80%;
  padding: 1em;
  border-radius: 5px;
  color: #3e774b;
  background: #d4edda;
}

#info-alert{
  
  margin:0 auto;
  top: 0;
  width: 80%;
  padding: 1em;
  border-radius: 5px;
  color: #F4F4F4;
  background: #3396FF ;
}



  
form label, form legend {
  display: block;
  font-size: 16px;
  margin: 20px 0 10px;
 font-weight: bold;
 color: #333;

}

.input-padrao {
  display: inline-block;
  padding: 20px;
  width: 100%;
  border-radius: 5px;
  border:1px solid #dcdcdc;
}


.conjunto-redes-sociais{
  padding: 2rem;
  background-color: #2a2a37;
  margin:0;
}

.conjunto-redes-sociais p{
  color: #FFF;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
}