body {
    font-family: 'verdana', 'arial', 'sans-serif';
}
@font-face { 
    font-family: "BebasNeue";
    src: url("../fonts/Nexa Bold_0.otf")}
@font-face { 
    font-family: "BebasNeu\eNormal";
    src: url("../fonts/Nexa Bold_0.otf") }

::-webkit-scrollbar {background:#eee; width: 20px;}
::-webkit-scrollbar-thumb {background:  orange no-repeat center; background-size: contain;}
::-webkit-scrollbar-track {background: rgba(255,255,255,.2); }
::-moz-scrollbar {background:#000; width:30px;}


.hide-bullets {
    list-style:none;
    margin-left: -40px;
    margin-top:20px;
}

.btn-facebook{
    border-radius:0;
    background-color:#0971E4;
    padding-left:0;
    border:0 none;
}
.btn-facebook > span{
    padding:6px 12px;
    margin-right:12px;
    background-color:#0A62C4;
}
.btn-facebook:hover,
.btn-facebook:active,
.btn-facebook:focus{
    background:#0969d6;
}
.btn-facebook:hover > span,
.btn-facebook:active > span,
.btn-facebook:focus > span{
    background:#095bb8;
}


/*PAGINA HOME - PRINCIPAL*/
.bg1 {
    height: auto;
    background: #000;
}

#total {
    width: 200px;
}

body {overflow-x: hidden;}

#topo {
       width: 100%;
       height: auto;
       background-color: #336633;
} 

#logo { float: left; margin-top: 30px; margin-left: 15px; margin-right: 40px; width: 30%;}


.box-vertical {
    width: 265px;
    height: 440px;
    background-color: #fff;
    margin-left: 7px;
    float: left;
    overflow: hidden;
}

.box-vertical img {
    min-height: 100%;
}





.descricao {
    position: absolute;
    z-index: 3;
    width: 265px;
    height: 0px;
    background-color: #222222;
    text-align: center;
    margin-top: -19px;
    display: none;
    
}

.container {
    width: 1300px !important;
}

#box:hover #descricao {
    display: block;
    transition: all 1000ms;
    height: 50px;
}


.descricao a {
    text-align: center;
    color: #fff;
}

.descricao a:hover {
    color: #fff;
    text-decoration: underline;
}


.box-horizontal{
  width: 410px;
  background-color: red;
  height: 215px;
  margin-bottom: 10px;
  margin-left: 5px;
  float: left;
  overflow: hidden;
}



#descricao-horizontal {
    display: none;
    position: absolute;
    margin-top: -30px;
    width: 410px;
    background-color: #000;
}


#box-horizontal:hover #descricao-horizontal {
    display: block;
}


.descricao-horizontal a {
    text-align: center;
    color: #fff;
    padding-left: 20px;
}

.descricao-horizontal a:hover {
    color: #fff;
    text-decoration: underline;
}
.menu {
    width: 100%;
    margin-top: 50px;
    height: auto;
   
}


.menu li {
    display: inline;
    width: auto;
    height: auto;
    margin-top: 18px;
    margin-left: 10px;
}

.menu li a {
    font-size: 0.73em;
    padding: 5px;
    color: #fff;
    text-transform: uppercase;
}

.menu li a:hover {
   text-decoration: underline;
   
}

/*fim menu*/

.menu-tracos {color: #fff; font-size: 1.4em;}
.buscar {padding: 5px; color: white; margin-left: 480px; margin-top: 35px; background:#3f3f3f; border: 0px;}
.buscar:focus {outline:0px; -moz-box-shadow: 0px 0px 16px #f68523; -webkit-box-shadow: 0px 0px 16px white; padding: 5px;}
.search {color: white; margin-left: -25px;}


/*PAGINA2*/
.bg2 {background: #000; width:100%; height: auto; margin: auto; float: left; }

.bg2 h1 {font-family: 'Bebasneue',arial; font-size: 3.2em; color: #fff; margin-left: 135px; margin-top: 140px;}
h1 ~ img {}


/*NOVO  CSS*/
.tabela-de-jogos {
    width: 800px;
    margin: 120px auto; /*dá uma margem acima e centraliza*/
    height: 100px;
    background-image: url(../img/tabela-de-jogos.png); /*coloca imagem no fundo da div*/
    background-position-y: -10px; /*faz a imagem descer 10px*/
    background-size: 100%; /*coloca a imagem 100% para ocupar a área inteira mesmo a imagem sendo menor*/
    background-repeat: no-repeat; /*faz a imagem não se repetir*/
}



/*Miniaturas*/

.noticias-miniaturas {
    height: 250px;
}

.noticias-miniaturas > .box {
    width: 250px;
    height: 200px;
    margin-left: 10px;
    background-color: #fff;
    float: left;
}

.texto-descricao {
    height: 500px;
    left: 100px;
    margin-top: 80px;
    color: #fff;
}

.titulo {
   position: absolute;
   bottom: 0;
   width: 95%;
   left: 35px;
   padding: 10px;
   z-index: 100;
   background-color: rgba(255,255,255,.3);
   text-transform: uppercase;
   font-weight: 800;
}


.box > img {
    width: 100%;
}

.titulo-noticia {
    font-size: 1.3em; padding: 5px; text-align: center; }


.rodape {background: #fff; height: auto;}
.realizacao {float: left;}


/*LINKS RODAPE*/
/*links*/
#link-rodape {
    width: 650px;
    height: auto;
    margin: -45px auto;
    font-size: 1.4em;
    text-align: center;
}

#link-rodape a {
    color: #000;
    margin-left: 5px;
    border-left: 2px solid #fff;
    padding-left: 5px
}

#link-rodape a:first-child {
    border: none;
}

#link-rodape a:hover {
    color: rgba(0,0,0,.4);
}
/**/


.patrocinios {
    margin-top: 20px;
  
}

.redes-sociais {float: right; margin-right: -40px; margin-top: -30px;}
area:focus {outline: 0px !important;}




.texto-taca {text-align: center; }
.texto-taca h2 {
    color: #fff;
    font-size: 3em;
    font-weight: bolder;
    margin-top: 120px;
    text-shadow: 1px 1px 1px #000;
}
.texto-taca p {
    width: 800px;
    height: auto;
    color: #fff;
    margin: 120px auto;
    font-size: 1.5em;
    text-shadow: 1px 0px 1px #000;
}
.texto-taca .logo-sobre{
    width: 100%;
    height: auto;
    background: rgba(0,0,0,.4);

}
.texto-taca h3 {
    margin: 100px 0px 0px;
    padding-bottom: 100px;
}







/*PAGINA5*/
.bg5 {}
#texto-regulamento {color: white; width: 920px; height: 400px; margin-left: 60px; margin-top: 10px; overflow: scroll; overflow-x: hidden; }
.modal-title {color: white; font-family: 'Bebasneue' tahoma; font-size: 2em;}
.modal-content {border-radius: 0px; border: 1px solid orange; background: #000; position: absolute !important; top: 80px; left: -30px; width: 1000px; height: 500px;}
.bs-example-modal-lg {background: url(../img/estadio.jpg) no-repeat 0px -190px;}

/*MODAL CADASTRO DE JOGADORES - TAÇA DAS FAVELAS*/
.formulario-cadastro-jogadores {color: white;}
.modal-title-2 {color: white; font-family: 'Bebasneue' tahoma; font-size: 2em;}
.modal-content-2 {border-radius: 0px; border: 1px solid orange; background: #000; position: absolute !important; top: 80px; left: -330px; width: 1000px; height: 500px;}
.bs-example-modal-sm {background: url(../img/campo.jpg) no-repeat 0px -120px;}

/*MODAL CONTENT INSCRIÇÃO DE VOLUNTÁRIO*/
.modal-content-3 {border-radius: 0px; border: 2px solid green; background: #000; position: absolute !important; top: 40px; left: -190px; margin-bottom: 30px; width: 1000px; height: 500px; overflow: scroll; overflow-x: hidden;} 
.close-voluntario {float: right; font-size: 21px; font-weight: bold; line-height: 1;color: green; background: none; border: none;}
.close-voluntario:hover {float: right; font-size: 21px; font-weight: bold; line-height: 1; color: white; background: none; border: none;}
#exampleModal {background: url(../img/light-background.jpg) no-repeat 0px 10px;}

/*MODAL CONTENT CONTATO*/
.modal-content-4 {border-radius: 0px; border: 2px solid white; background: white; position: absolute !important; top: 120px; left: -190px; width: 1000px; height: 450px; } 
.close-voluntario {float: right; font-size: 21px; font-weight: bold; line-height: 1; color: black; background: none; border: none;}
.close-voluntario:hover {float: right; font-size: 21px; font-weight: bold; line-height: 1; color: gray; background: none; border: none;}
.modal-title-4 {color: #000; font-family: 'Bebasneue' tahoma; font-size: 2em;}


/*****************************************************************************/



/*PAGINA - CADASTRO DE JOGADORES*/
.cadastro-de-jogadores {
    height: 629px;
    background: black;}
.h1-cadastro {color: white; position: absolute; top: 100px; left: 213px; font-family: 'Bebasneue'; font-size:4em;}
.formulario {background: #ccc; height: 399px;  margin-top: 5px;}


.btn-success{

    background: orange;
    border: none;
    font-family: 'Bebasenue';
    font-size: 1.4em;
}

.borda-sem {
    border-radius: 0px !important;
}

label {color: white; font: 16px verdana, arial, sans-serif;}

#filename {background: #000; border: 1px solid orange;}
#botao-foto-jogador {background: orange;
                     border: none;
                     font-family: 'Bebasneue';
                     font-size:0.9em;
                     letter-spacing: 1.5px;
                     border-radius: 0px;}

#botao-foto-jogador:hover {background: #4cae4c;
                           color: #fff;
                           border: none;
                           font-family: 'Bebasneue';
                           font-size:0.9em;
                           letter-spacing: 1.5px;}



.file-wrapper {
cursor: pointer;
display: inline-block;
overflow: hidden;
position: relative;
}
.file-wrapper input {
cursor: pointer;
font-size: 100px;
height: 100%;
filter: alpha(opacity=1);
-moz-opacity: 0.01;
opacity: 0.01;
position: absolute;
right: 0;
top: 0;
}
.file-wrapper .button {
background: #4cae4c;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 11px;
font-weight: bold;
margin-top: 20px;
margin-right: 5px;
padding: 4px 18px;
text-transform: uppercase;
}


.form-control {
    margin-bottom: 5px;
    font-family: arial;
}





/*FORMULARIO SEJA VOLUNTÁRIO*/

.formulario {background: #000; height: 399px;  margin-top: 5px;}
.form-control2 {margin-bottom: 7px; border-radius: 0px; background: #000; border: 1px solid green !important;}
.btn-success{

    background: orange;
    border: none;
    font-family: 'Bebasneue';
    font-size: 1.4em;
}

.form-voluntario {margin-left: 170px; margin-top: 30px; color: white;}

.form-voluntario input[type=text]{color: white;}

.form-voluntario ::-webkit-input-placeholder {
    color: white;
    font: 16px 'Bebasneue' verdana, arial, sans-serif;
}

.form-voluntario :-moz-placeholder {
    color: white;
    font-family: 16px 'Bebasneue', verdana, arial, sans-serif;
}

.form-voluntario ::-moz-placeholder {
    color: white;  
    font: 16px 'Bebasneue', verdana, arial, sans-serif;
}

.form-voluntario :-ms-input-placeholder {  
    color: white;  
    font: 16px 'Bebasneue', verdana, arial, sans-serif;
}

.form-voluntario select {color: white; font: 16px 'Bebasneue', verdana, arial, sans-serif; }
.form-voluntario select:hover {background: gray;}
.form-voluntario input[type=file] {color: white; }
.form-voluntario input[type=email] {color: white; }
label {color: white; font: 16px verdana, arial, sans-serif;}

#filename {background: #000; border: 1px solid orange;}
#botao-foto-jogador {background: orange;
                     border: none;
                     font-family: 'Bebasneue';
                     font-size:0.9em;
                     letter-spacing: 1.5px;
                     border-radius: 0px;}

#botao-foto-jogador:hover {background: #4cae4c;
                           color: #fff;
                           border: none;
                           font-family: 'Bebasneue';
                           font-size:0.9em;
                           letter-spacing: 1.5px;}

.btn2 {background: orange; border:none; width: 500px; height: 50px; margin-left: 60px;}


/*FORMULÁRIO CONTATO*/
.form-control3 {margin-bottom: 7px; border-radius: 0px; background: #000; border: 1px solid white !important;}
.btn-contato {background: gray; border:none; width: 967px; height: 50px; margin-left: 0px;}

.form-contato {margin-left: 0px; margin-top: 30px; color: white;}

.form-contato input[type=text]{color: white;}

.form-contato ::-webkit-input-placeholder {
    color: white;
    font: 16px 'Bebasneue' verdana, arial, sans-serif;
}

.form-contato :-moz-placeholder {
    color: white;
    font-family: 16px 'Bebasneue', verdana, arial, sans-serif;
}

.form-contato ::-moz-placeholder {
    color: white;  
    font: 16px 'Bebasneue', verdana, arial, sans-serif;
}

.form-contato :-ms-input-placeholder {  
    color: white;  
    font: 16px 'Bebasneue', verdana, arial, sans-serif;
}

.form-contato select {color: white; font: 16px 'Bebasneue', verdana, arial, sans-serif; }
.form-contato select:hover {background: gray;}
.form-contato input[type=file] {color: white; }
.form-contato input[type=email] {color: white; }
label {color: white; font: 16px verdana, arial, sans-serif;}


/*CLASSIFICACAO.PHP*/

#topo p{

    width: 100%;
    min-width: 100%;
    height: 80px;
    background: #000;
    font-family: BebasNeue;
    color: #fff;
    font-size: 46px;
    text-align: right;
    padding-top: 10px;
    padding-right: 40px;
    box-shadow:  #000 2px 2px 5px 5px;
}

#container-classificacao h1{
    border-left: #eee solid 1px;
    border-right: #eee solid 1px;
    font-family: BebasNeue;
    width: 100%;

    /*  box-shadow:  #000 1px 1px 1px 1px;*/
}
.tabela-cla{
    border-left: #eee solid 1px;
    border-right: #eee solid 1px;
    font-family: BebasNeue;
    width: 100%;
    /*  box-shadow:  #000 1px 1px 1px 1px;*/
}
.th{
    background: #ff3300;
    color: #fff;
    font-size: 16px;
}
.td{
    background:  #eee; 
    color: #000;
}

#bottom {
    margin-top: 10%;
    width: 100%;
    height: 80px;
    background: #000;
    font-family: BebasNeue;
    color: #fff;
    font-size: 46px;
    text-align: right;
    padding-top: 10px;
    padding-right: 40px;
    box-shadow:  #000 2px 2px 5px 5px;
}

/*VerMais*/
#destaques{

    margin-right:  30px;
    margin-left: 30px;
    font-family: BebasNeue;
    padding: 20px;
    color:#e97614;
    margin-bottom: 10px;
}
.ver-mais-1{
    position: relative;
    width: 500px;
    margin-top:  30px;
    margin-right:  30px;
    margin-left: 100px;
    font-family: BebasNeue;
    padding: 20px;
    box-shadow: #e97614 1px 1px 1px 1px;

}
#ver-titulo-destaque{
    width: 450px;
    background: #e97614;
    color: #fff;

}

.ver-mais-2{
    width: 500px;
    height: 550px;
    font-family: BebasNeue;
    padding: 20px;
    box-shadow: #e97614 1px 1px 1px 1px;
    float: right;
    position: absolute;
    top:231px;
    left: 680px;

}
#conteudo-ver{
    background: #fee;


}
.fdireita{
    top:-40px;
    float: right;
    width: 500px;
    margin-top: -280px;
    margin-right: 300px;
    color: #000 !important;
    font-size: 18px !important;
    max-width: 100% !important;

}

#ficha-voluntario {
    background-color: #eee;
    height: auto;
}
a{
    color: #fff;
}
a:hover{
    color: #ccc;
    text-decoration: none;
}
.tabela {


    width: 800px;

}
.td-classificacao-tabela {
    color: white;
    width: 400px;
    background: #ffc000;
    border: none;
    text-align: center;
    font-family: Bebasneue;
    font-size: 1.4em; 
}
.td-pontos-tabela {
    color: white;
    width: 50px;
    background: #FFA500;
    border: none;
    text-align: center;
    font-family: Bebasneue;
    font-size: 1.2em; 

}

.td-jogos-tabela {
    color: white;
    width: 50px;
    background: #FFA500;
    border: none;
    text-align: center;
    font-family: Bebasneue;
    font-size: 1.2em; 
}

.td-vitorias-tabela {
    color: white;
    width: 50px;
    background: #FFA500;
    border: none;
    text-align: center;
    font-family: Bebasneue;
    font-size: 1.2em;
}

.td-empate-tabela {
    color: white;
    width: 50px;
    background: #FFA500;
    border: none;
    text-align: center;
    font-family: Bebasneue;
    font-size: 1.2em;
}

.td-derrotas-tabela {
    color: white;
    width: 50px;
    background: #FFA500;
    border: none;
    text-align: center;
    font-family: Bebasneue;
    font-size: 1.2em;
}

.td-golspro-tabela {
    color: white;
    width: 50px;
    background: #FFA500;
    border: none;
    text-align: center;
    font-family: Bebasneue;
    font-size: 1.2em;
}

.td-golcontra-tabela {
    color: white;
    width: 50px;
    background: #FFA500;
    border: none;
    text-align: center;
    font-family: Bebasneue;
    font-size: 1.2em;
}

.td-saldogol-tabela {
    color: white;
    width: 50px;
    background: #FFA500;
    border: none;
    text-align: center;
    font-family: Bebasneue;
    font-size: 1.2em;
}

.td-cartaovermelho-tabela {
    color: white;
    width: 50px;
    background: #FFA500;
    border: none;
    text-align: center;
    font-family: Bebasneue;
    font-size: 1.2em;
}

.td-cartaoamarelo-tabela {
    color: white;
    width: 50px;
    background: #FFA500;
    border: none;
    text-align: center;
    font-family: Bebasneue;
    font-size: 1.2em;
}

.td-bolafora-tabela {
    color: white;
    width: 50px;
    background: #FFA500;
    border: none;
    text-align: center;
    font-family: Bebasneue;
    font-size: 1.2em;
}.tr-listagem-tabela-de-jogos {
    background: #b9b9b9;
    color: #fff;
    text-align: center;
    font-family: Bebasneue;
    font-size: 1.2em;
    letter-spacing: 1px;

}

/*LISTAGEM TD*/
.td-listagem-tabela-nome-favela {
    background: #1A1A1A;
}

.td-listagem-tabela-pontos {
    background: #f5f5f5;
    color: #28791f;
    font-weight: bold;
    font-size: 0.9em;
    font-family: Arial;
}

.td-listagem-tabela-v {
    background: #f5f5f5;
    color: #ababab;   
}

.td-listagem-tabela-d {
    background: #f5f5f5;
    color: #ababab;  
}

.td-listagem-tabela-gc {
    background: #f5f5f5;
    color: #a9a9ab;
}

/*CLASSES DE HERANÇA*/

.left{
    float: left;
}

right{
    float: right;
}

.quadrado-bt h1{

    width: 100px;
    height: 100px;
    background: #28791f;
    padding: 10px;
    font-family: 'Bebasneue' verdana, arial, sans-serif;
    font-size: 18px;
    border-bottom: #b9b9b9 2px solid;

}
.quadrado-bt:hover{
    background: #e97614;
    color: #28791f !important;


}
#center{

    margin-bottom: 20px;


}
#conteudo{

    margin-right: 500px;
    margin-bottom: 40px;

}
/*Div padrao noticia*/
#list-noticia{
    padding-top: 70px;
    margin: auto;
    width: 100%;
    height: 950px;
    background:#000;

}
/*Div da noticia*/
#list-noticia-1{
    border: none;
    margin: auto;
    width: 900px;
    height: 400px;

}
/*Div da imagem da noticia*/
#list-image-1 img{
    border: none;
    margin: auto;
    width: 900px;
    height: 400px;
    border-bottom: #eee solid;
}
/*Div do titulo do noticia*/
#list-titulo-1 {
    width: 900px;
    height: 70px;
    background:#111;
    border-bottom: #eee solid;
    color: #fff;
    padding-left: 10px;
    border-radius: 4px 4px 0px 0px;
}
/*Div da noticia*/
#list-noticia-2{
    position: absolute;
    margin: auto;
    width: 400px;
    height: 200px;
    border: none;
    float: left;
    margin-left:225px; 
}
/*Div da imagem da noticia*/
#list-image-2 img{
    position: absolute;
    margin: auto;
    width: 400px;
    height: 200px;
    border-bottom: #eee solid;

}
/*Div do titula do noticia*/
#list-titulo-2{
    margin-top: 100px;
    width: 400px;
    height: 70px;
    background:#111;
    color: #fff;
    padding-left: 10px;
    border-radius: 4px 4px 0px 0px;
    border-bottom: #eee solid;
}
#list-noticia-3{
    position: absolute;
    margin: auto;
    width: 400px;
    height: 200px;
    float: right;
    margin-left: 725px; 
    border: none;
}
/*Div da imagem da noticia*/
#list-image-3 img{
    position: absolute;
    margin: auto;
    width: 400px;
    height: 200px;
    border: none;
    border-bottom: #eee solid;

}
/*Div do titula do noticia*/
#list-titulo-3{
    margin-top: 100px;
    width: 400px;
    height: 70px;
    background:#111;
    color: #fff;
    padding-left: 10px;
    border-radius: 4px 4px 0px 0px;
    border-bottom: #eee solid;
}


/*Página notícias*/
.menu-tracos {
    font-family: "BebasNeue", arial, sans-serif;
}

#total-noticias {
    width: 1350px;
    height: auto;
    margin: auto;
    padding-top: 150px;
}


/*Noticias*/

#noticia-principal {
    width: 900px;
    height: 300px;
    margin: auto;
    background: red;
}

#noticia-principal .destaque {
    width: 100%;
    height: 100%;
    background: blue;
    overflow: hidden;
}

.destaque h1, .destaque span {
    position: absolute;
    z-index: 100;
}


.destaque > img {
    position: relative;
}

#noticia-principal h1 {
    font-family: "BebasNeue", arial, sans-serif;
    font-size: 4.2em;
    text-shadow: 1px 1px 1px #000;
    width: 690px;
    padding: 180px 0px 0px 40px;
    color: #fff;
}

#noticia-principal span {
    padding: 265px 0px 0px 40px;
    text-shadow: 1px 1px 1px #000;
    color: #fff;
}/* fim notícia principal*/
#noticia-esquerda, #noticia-centro, #noticia-direita {
    width: 287px;
    height: 200px;
    margin-top: 20px;
    float: left;
    margin: 10px;
}

#noticia-esquerda {
    margin-left: 225px;
}

.noticia-lado-esquerdo {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.noticia-lado-esquerdo span, .noticia-central span,.noticia-lado-direito span {
    color: #fff;
    position: absolute;
    width: 287px;
    background: #FFA500;
    padding-left: 10px;
} /* fim notícia esquerda*/

.noticia-central {
    width: 100%;
    height: 100%;
    overflow: hidden;
}




#noticia-principal a ,#noticia-esquerda a, #noticia-centro a, #noticia-direita a {
    color: orange;
    border-bottom: 1px solid orange;
}

#noticia-principal a:hover,#noticia-esquerda a:hover, #noticia-centro a:hover, #noticia-direita a:hover {
    text-decoration: none;
    text-shadow: 1px 1px 1px #000;
}
#noticia-esquerda h1, #noticia-centro h1, #noticia-direita h1{
    font-family: "BebasNeue", arial, sans-serif;
    font-size: 1.3em;
    text-shadow: 1px 1px 1px #000;
    text-align: center;
    color: #fff;
}


/*POPUP*/

#fundopopup {
    width: 100%;
    height: 100%;
    background-color: #000;
    position: fixed;
    z-index: 10000;
    opacity: 0.9;  /*css 3*/
    display: none;
}

#fechar {
    position: absolute;
    top: 3px;
    right: 3px;
}
/* ************************** Fechamento da formatação POPUP ************ */






aside.topo-lateral,aside.topo-lateral-feminino {
    height:auto;

}

.video-div {
    height: 800px;
    background-color: #000;
}


#site{margin: auto; height: auto; min-height: 600px; background-color:  #336633;}


#banner {margin-top: 100px; }

/* pagina resenha BRUNO */
.cor-pink{background:#F6F; color:#000;}
.cor-green{background:#336633; color:#ffffff;}
.cor-green-1{background:#5cc45c; color:#000}
.cor-reb{background: #ff0000; color:#000}
.cor-grey-escuro{background:#333; color:#FFF;}
.cor-grey-claro{background:#f2f2f2; color:#000;}
.border-l{border-left:1px solid}
.clear{clear: both; content: ""; display: block;}
.box{width: 100%; position: relative; display: inline-block; margin: 60px 0; margin-top: 0;}
.centralizar{width: 80%; margin: auto;}
.l{float: left;}
.titulo-d{font-size: 30px ; } 
.br{margin-bottom: 30px}
.brbr{margin-bottom: 60px;}
.data-evento{margin:auto; display: block;   padding: 20% 0; width: 80%; background: rgba(0,0,0,0.8); font-size: 18px; text-align:  center; margin-bottom:15px;   }
.font-destaque{font-size: 30px;  margin-bottom: 30px;}
.texto{line-height: 24px; font-size: 12px; font-weight: normal;}
.box-resenha{width: 90%; margin: 5%;}
.box-resenha a{color:#000;}
.box-resenha h2{font-size: 16px; height: 38px; margin-bottom: 15px;}
.box-resenha img {width: 100%;}
.bloc-4{width:24.9%; float: left; position: relative;}
.bloc-4:last-child:after{clear: both; content: ""; display: block;}
.w-20{width: 20%}
.w-78{width: 76%}
.ajuste-img{width: 300px !important;}
.m-l-b{padding-right: 2%; margin-bottom: 10px}
.data-public{font-size: 12px; color:#CCCCCC;}
.text-just{text-align: justify;}
.up {text-transform: uppercase;}
.font-small *{font-size:14px}
.h215{height:215px !important;} 
.bot_b{bottom:0; margin-bottom:auto !important} 
.f_cor_black{color:#f2f2f2 !important; text-shadow: 2px 2px 1px rgba(0,0,0,0,5) !important} 
.titulo_bloco{position:absolute; background:#FFA500;  text-transform: uppercase; z-index:999; bottom:0; padding:5px; text-align:center; width: 100%;}