@charset "utf-8";
/* CSS Document */
*{margin: 0; padding: 0;} 
a:link {text-decoration: none;
		color: #FFFFFF;}
a:visited {text-decoration: none;
color: #FFFFFF;}
a:hover {text-decoration: none;
		 color: #FFFFFF;}
a:active {text-decoration: none;
color: #FFFFFF}
a.local:hover, a.local:active, a.local:visited, a.local:link  {text-decoration: none;
		 color: #EBBB31; font-weight:bolder}
a img { border: 0px;}

body, html {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: Candara; 
  font-size:100%;
}

.wrapper {
  min-height: 100%;
  background-image:url(fundo.png);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	}
.conteudo {
	display: inline-block;
	margin-top: 0px;
}
.headbox{
    float: left;
	width:60%; 
	justify-content: center;  
	align-items: center; 
	}
.textbox{
    float: right;    
	width: 40%; 
	justify-content: center;  
	align-items: center; 
	}

.int_head{
	width: 95%;
}
.int_head img{
	 width: 100%;
}
.rodape{
	width:100%;
}
.int_rodape{

	text-align:center;
    display: flex;
    flex-wrap: nowrap;
    color: #FFFFFF
}
.rod_dados{
	width:100%;
}
.t3 {color: #FFFFFF;
    font-size:70%;
    text-align: justify;
}
.rank_text{
    font-size: 125%;
    color: #EBBB31;
    font-weight: bolder;
}
#selo_prop1{display: none}

@media  (max-width: 1096px) {
.conteudo {
	display: block;
}
.headbox{
    width:100%;
    float: none;}
.textbox{
	width:90%; 
    float: none;
    margin: 5%;
	}
.int_head{
	width: 100%;
}
.int_rodape{
    display: flex;
	flex-direction: column;
}
.rod_dados{
	padding-bottom:30px;
}
.rod_det{
    margin-left: 18%;
    display: flex;
    flex-wrap: nowrap;
}
}

.popup {
    height: 100%;
    width: 100%;
    min-height:  100%;
    position: absolute;
    background-color: hsla(129,100%,11%,0.80);
    font-size: 40px;
    text-align: center;
    color: #FFFFFF;
    animation: hideMe 20s forwards;
}
@keyframes hideMe{
    0%{
        opacity: 1;
    }
    99.99%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}

.live {
   height: 70%; 
}