@charset "utf-8";
html,body{
 height:100% !important;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 50px;
	font-size: 90% !important;
	
}
.logo{width: 80% !important;}

/*CORES DE FUNDO*/
.bg-color-1{background-color: #5a0000;}
.bg-color-2{ background-color: #FFFFFF;}
.bg-color-3{     background-color: #071a3e;}

/* CORES DE FONTES */
.color-font-white{color:white;}
.color-font-red{color:#CC0000;}
.color-font-black{color:black;}





@media screen and (min-width: 767px) {

.congebi{
max-height: 99vh; position:fixed; width:inherit; top:0px; /*padding-bottom: 50px;*/ z-index: 9998;

}


.cota{
	width:27.3% !important;
	font-weight:bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;

}
.mais{width:18% !important;}

}
.abriraba{
display:block !important;
transform: translate3d(0, 0, 0) !important;


}



@media screen and (max-width: 766px) {
    .esquerda{padding-right: 10px; padding-left:10px!important;}
    
    .cota{
	width:27.3% !important;
	font-weight:bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;

}
.mais{width:18% !important;}
    
#botaofaba{
display:block;

}
.fechado #botaofaba{
display:none;

}
.rodape{ z-index: 9999;position: relative;}

.logar{    font-size: 1em!important;border-radius: 24px 24px!important; padding: 4px 22px!important;}



.subir{

background-color: #0d131d;

/* color: #11c864; */

border-radius: 10px;

padding:12px 5px;

text-align:center;

/* opacity: 0.9; */
}
 #previb{ display:block!important; }
.lateral{/* background-color: #FFFFFF !important; *//* background-color: rgba(255, 255, 255, 0.96) !important; */margin-top: 15px;margin-bottom: 15px;}
#lateral{
display:none;
transform: translate3d(0, 100vh, 0);
width: 100% !important;
height: 100vh; position:fixed; width:inherit; top:0px; z-index: 9999;
padding: 0 15px;
background:#00000090;

}

.logo{
width: 90% !important;

}
.translate{
margin-top: -50px !important;

}
#principal {
    min-height: 200px;
    padding: 0;
    padding-left: 5px;
    margin-top: -5vw;
}
   .pd8{ padding: 8px !important; }
   /*.menu{ font-size: 0.8em;} */
.oculbi{
	display: block;

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


.esquerda .dropdown{width:49%; margin-bottom: 10px;}
.esquerda .dropdown button{width:100%;}

#logoheader { height:100px;  z-index: 9995 !important; }
#menu { display:none; }
#barrdesce{     -webkit-transform: translate3d(0,0,0) !Important;
    transform: translate3d(0,0,0) !Important; }

.equipe{ width:40% !important; min-height:5px !important; padding:0 !important; }
.meioj{ width:20% !important; min-height:5px; }
.meioj div{
margin-top: 0px !important;
text-align:center !important;

}
.recipediv{
width: 100% !important; position: relative !important;     margin-top: 0px !important;


}
.mainopt{
display:inline-block;width: 70% !important;  margin-left: auto !important;
    margin-right: auto !important;
}
#principal{

    margin-top: -20px !important;

}
/*.logo{width: 80% !important;margin-top:-50px!important; } */



.times{
width:100% !important; text-align: center;
}
.fechado {
	-webkit-transform: translate3d(100vw,0,0) !important;
	transform: translate3d(100vw,0,0) !important;
}
  #acoesdiv {
    width: 100% !important;
	

}
.padding0{padding: 0 !important;}
#acoesdivin {
    width: 100% !important;
	overflow-y: scroll; /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;
}


}
.cotat > span{

border-color: #CCCCCC !important;
    padding: 2px !important;
    background-color: transparent !important;
    color: #5a5a5a !important;
    font-size: .9em !important;

}
.sel > span{color: #fff !Important;background-color: #ffb939 !Important;border-color: #ff9600 !Important;}


/*.bilhead{  background-image: url(bg.jpg) !important; background-position: -80px -524px; }*/

/*
.rodape {
    background-image: url(logo.png), url(bg.jpg) !important;
}
.rodape {
    font-family: 'Francois One'; 
    background-repeat: no-repeat;
    background-position: center,center bottom;
    background-size: 74px auto, cover;
}
*/
.outras.mais{
width:100% !important;

}
.translate {
    margin-top: -80px;
    z-index: 9996;
}
.previblock i {
    color: #11c864;
}