html, body
{
    margin-top: 0px;
    margin-left: 0px;
    width: 100%;
    height: auto;
    background-color: white;
    /*
    font-family: 'Roboto', sans-serif;
    */
    font-family: 'Roboto';
}

body
{
    overflow-x: hidden;
    overflow-y: auto;
}

#pop_pesq
{
    position: fixed; 
    display: none;
    top: -100%;
    z-index: 40;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 255, 0.7);
    opacity: 0;
    transition: .3s all;
}

#pop_pesq_fecha
{
    float: right; 
    margin-right: 2.5%; 
    width: 60px;
    transition: 0.3s all;
    cursor: pointer;
}

#pop_pesq_fecha:hover
{
    transform: rotate(180deg);
}    

#ini_pesq
{
    margin-left: 10%; 
    width: 80%; 
    margin-top: 25px;
    height: 100px;
    font-size: 80px;
    text-align: center;
    color: white;
    background-color: transparent;
    border: none;
    border-bottom: white 5px groove;
}    

#ini_pesq:-webkit-input-placeholder 
{
   color: white;
}
 
#ini_pesq:-moz-placeholder 
{
   color: white;
}
 
#ini_pesq:-ms-input-placeholder 
{  
   color: white;
}

#local_pesq
{
	margin-left: 15%; 
	width: 70%; 
	height: 60%; 
	margin-top: 5%; 
	overflow: auto; 
	background-color: transparent;
	color: white;
	transition: 0.5s all;
}

#fixed_social, #fixed_tema
{
    position: fixed; 
    top: 30%; 
    width: 2.5%; 
    height: auto; 
    overflow: hidden; 
    padding-top: 25px; 
    padding-bottom: 25px;
    box-shadow: 1px 1px 15px;
    
    z-index: 30;
    background-color: white;
}    

#fixed_social
{
    left: 0px; 
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}    

#fixed_tema
{
    top: 30%; 
    right: 0px; 
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    cursor: pointer;
}    

.icon_pop, .bot_posi
{
    margin-left: 2.5;
    width: 95%;
    margin-top: 15px;
    margin-top: 7px;
}


.bot_posi
{
    border-radius: 50px;
    width: 25px;
    height: 25px;
}


#header
{
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: white;
    padding-bottom: 15px;
    box-shadow: 1px 1px 5px;
    position: fixed;
    z-index: 30;
    top: 0;
}

header
{
    border-bottom: 1px black groove;
}

#header_logo_pesq
{
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: transparent;
}
            
#logo
{
    display: inline;
    margin-top: 15px;
    width: 10%;
    float: left; 
    margin-left: 2.5%;
}
            
#header_pesq
{
    margin-top: 10px;
    display: inline;
    float: right;
    margin-right: 10px;
}
            
.lupa, .menu
{
    display: inline;
    float: left;
    height: 35px;
    margin-top: 25px;
    float: right; 
    margin-right: 2.5%;
    cursor: pointer;
}

.menu
{
    display: none;
}    
            
#pesq
{
    display: inline;
    float: right;
    height: 35px;
    width: 200px;
    background-color: transparent;
    border: none;
    border-bottom: groove 1px white;
}
            
#header_links
{
    margin-top: 15px;
    height: auto;
    overflow: hidden;
    width: 70%; 
    margin-left: 25px; 
    display: inline; 
    float: right;
}

#header_links dd a, #header_links_sub dd a, #header_links_sub2 dd a, #header_links_sub2 dd, #header_links_sub dd
{
    text-decoration: none;
    color: #5656dc;
    font-weight: 500;    
    transition: 0.5s all;
    margin-top: 10px;
}

#header_links_sub2 dd, #header_links_sub dd
{
    cursor: pointer;
}

#header_links_sub2 dd a, #header_links_sub2 dd
{
    color: white;
}    

#header_links dd a:hover, #header_links_sub dd a:hover, #header_links_sub2 dd a:hover, #header_links_sub2 dd:hover, #header_links_sub dd:hover
{
    text-decoration: underline;
}    
            
#header_links dd, #header_links2 dd
{
    display: inline;
    float: left;
    margin-left: 80px;
    height: auto;
}

#header_sub, #header_sub2
{
    width: 100%;
    height: auto;
    overflow: hidden;
    /*
    background-color: rgba(255, 255, 255, 0.5);
    */
    display: none;
    opacity: 0;
    transition: 0.5s all;
    
}

#header_links_sub dd, #header_links_sub2 dd
{
    text-align: center;
    display: block;
    height: auto;
    margin-left: 0px;
}
            
.bloco_anuncio
{
    /* margin-top: 100px; */
    margin-top: 50px;
    margin-bottom: 50px;
    width: 100%;
    height: 250px;
    background-color: #faefef;
    position: relative;
}

.cont_h2
{
    margin-top: 50px; 
    margin-left: 2.5%; 
    width: 95%; 
    height: auto; 
    overflow: hidden; 
    border-bottom: 1px #faefef groove;
}    

.cont_h2 h2
{
    /*
    color: #90ade3; 
    */
    text-align: center;
    text-decoration: none;
    text-align: left; 
    /*
    text-decoration: underline; 
    */
    color: #5656dc; 
    margin-left: 1.5%;
    font-weight: 500;
}
            
.banner_mais_mes, .div_listas 
{
    margin-top: 15px;
    margin-left: 2.5%;
    width: 95%;
    height: 400px;
    overflow: hidden;
    background-color: #faefef;
}


.div_listas
{
    display: grid;  
    grid-template-columns: repeat(3, 33%); 
    grid-column-gap: 5%; 
    height: auto; 
    padding-top: 15px;  
    padding-bottom: 15px;
}
            
.banner_mais_mes_destaque
{
    width: 65%; 
    height: 100%; 
    display: inline; 
    float: left;
}
            
.banner_mais_mes_outros
{
    width: 35%; 
    height: 100%; 
    background-color: transparent; 
    display: inline; 
    float: left;
}    
        
.banner_mais_mes_post_principal
{
    margin: 1.5%;
    width: 95%;
    height: 95%;
    /*
    background-color: blue;
    background-size: 140%; 
    */
    background-size: cover; 
    background-position: center center; 
    background-repeat: no-repeat; 
}    
            
.banner_mais_mes_post
{
    margin-top: 1.5%; 
    margin-left: 2.5%; 
    width: 95%; 
    height: 47%; 
    /*
    background-size: 140%; 
    */
    background-size: cover; 
    background-position: center center; 
    background-repeat: no-repeat; 
}    
    
.banner_mais_mes_post_cober_principal, .banner_mais_mes_post_cober
{
    width: 100%; 
    height: 100%; 
    
    background-color: rgba(0, 0, 0, 0.3); 
    /*
    background-color: blue; 
    
    padding-top: 30%;
    */
}

.banner_mais_mes_post_cober_principal .banner_mais_mes_post_cober_info
{
    bottom: -60%;
}
            
.banner_mais_mes_post_cober
{
    /*
    height: 90%; 
    padding-top: 15%;
    
    margin-top: 50px;
    */
}
            
.banner_mais_mes_post_cober_info
{
    margin-left: 2.5%; 
    width: 95%; 
    height: auto; 
    overflow: hidden; 
    padding-top: 10px; 
    padding-bottom: 10px; 
    background-color: rgba(0, 0, 0, 0.7); 
    color: white; 
    text-align: center; 
    position: relative;
    bottom: -35%;
    font-weight: 500;
}

.div_noticias, .div_noticias_cont, .div_noticias_cont_row
{
    background-position: center center; 
    background-repeat: no-repeat; 
    background-size: cover; 
    
    display: flex; 
    flex-direction: column; 
    justify-content: space-between; 
    align-items: center; 
    width: 100%; 
    /* height: 100%; */
    height: auto;

}

.div_noticias_cont
{
    background-color: rgba(0, 0, 0, 0.7); 
    color: white;

    padding-top: 15px;
    padding-bottom: 15px;

    transition: 0.5s all;
}

.div_noticias_cont:hover
{
    background-color: rgba(0, 0, 0, 0.5); 
}

.div_noticias_cont_titu
{
    display: flex; 
    flex-direction: column; 
    justify-content: center; 
    align-items: center; 		
    width: 80%; 
    height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
}

.div_noticias_cont_titu a
{
    color: white;
}

.div_noticias_cont_titu a h2
{
    text-align: center;
}

.div_noticias_cont_row
{
    flex-direction: row; 
    /* height: 250px; */
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
}

#banner_drops
{
    margin-top: 15px; 
    margin-left: 2.5%; 
    width: 95%; 
    height: 200px; 
    overflow: hidden; 
    background-color: #faefef;
    border: 15px;
}

#banner_drops a
{
    text-decoration: none;
}    

.banner_drops_inter
{
    margin-top: 1%; 
    margin-left: 10%; 
    width: 20%; 
    height: 90%; 
    display: inline; 
    float: left; 
    box-shadow: 1px 1px 15px black;
    background-color: transparent;
    border-radius: 15px;
    transition: .5s all;
}  

.banner_drops_inter:hover
{
    box-shadow: 1px 1px 30px black;
}

.banner_drops_post
{
    border-top-left-radius: 15px;
    border-top-right-radius: 15px; 
    width: 100%; 
    height: 70%; 
    background-size: 140%; 
    background-position: center center; 
    background-repeat: no-repeat;     
}

.banner_drops_post_info
{
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px; 
    width: 100%; 
    height: 30%; 
    background-color: white; 
    padding-top: 0.5px;
}    

.banner_drops_post_info h5 
{
    text-align: center; 
    margin-top: 5px;
    font-weight: 500;
    color: black;
}    

section 
{
    background-color: #faefef; 
    margin-left: 2.5%; 
    width: 95%; 
    height: auto; 
    overflow: hidden;
    margin-top: 50px; 
    margin-bottom: 100px;
    position: relative;
}    
                
article
{
    display: inline; 
    float: left; 
    width: 62%; 
    height: auto; 
    padding-bottom: 50px;
    overflow: hidden;
    background-color: transparent;                
}

aside 
{
    display: inline; 
    float: right; 
    width: 32%; 
    height: auto; 
    overflow: hidden;
    background-color: transparent;
}

aside h3
{
    margin-top: 50px; 
    text-align: center;
}    

#aside_inter
{
    margin-left: 5%; 
    width: 90%; 
    margin-top: 2.5%; 
    height: auto;
    overflow: hidden;
    background-color: transparent;
}

#historico
{
    position: relative;
}

.item1
{
    width: 100%; 
    background-color: #faefef; 
    height: 300px;
    padding-top: 25px;
    padding-bottom: 25px;
    margin-top: 25px;
}

.mat1
{
    width: 45%; 
    height: 80%; 
    display: inline;
    float: left; 
    background-size: 130%; 
    background-position: center center; 
    background-repeat: no-repeat; 
    transition: 0.5s all;
    z-index: 10;
}    

.mat1:hover
{
    background-size: 170%; 
}    

.apre1
{
    margin-right: 5px;
    width: 57%; 
    height: auto; 
    overflow: hidden;
    display: inline;
    float: right; 
    background-size: 130%; 
    z-index: 15; 
    background-color: white;
    margin-top: -27%;
    box-shadow: 1px 1px 15px black;
    transition: 0.5s all;
}

/*
.apre1:hover
{
    margin-top: -30%;
    box-shadow: 1px 1px 30px black;
}
*/

.apre1_conte
{
    margin-left: 2.5%; 
    width: 95%; 
    margin-top: 5px; 
    margin-bottom: 5px;
}

.apre1_conte a
{
    text-decoration: none;
}

.apre1_conte h3
{
    color: #5656dc; 
    text-align: justify;
    font-weight: 500;
    text-align: left;
}    

.secp
{
    text-align: justify;
    font-weight: 300;
}

.autor_materia
{
    font-size: 12px;
}



footer
{
    width: 100%;
    height: auto;
    max-height: 1000px;
    overflow: hidden;
    background-color: #1c1c2f;
    padding-top: 50px;
}

.footer_div
{
    width: 100%;
    height: auto;
    overflow: hidden;
    /*
    background-color: #0e0e9b;
    */
}

.footer_div dt a
{
    text-decoration: none;
    color: white;
    display: inline;
    float: left;
    width: 20%;
    margin-left: 5%;
    text-align: center;
}

footer h4
{
    width: 100%;
    background-color: black;
    color: white;
    text-align: center;
    text-decoration: none;
}


.bot
{
    /* margin-left: 30%; */
    /* width: 40%; */
    /* height: 40px; */
    width: auto;
    height: auto;
    margin: 10px;
    /* padding: 15px 50px; */
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: green;
    border-radius: 5px;
    color: white;
    cursor: pointer;
}


.espa_data_2
{
    margin-left: 5%;
    width: 90%;
    /* background-color: gray; */
}


.bot_recente
{
    width: 100%; 
    height: auto; 
    overflow: hidden; 
    background-color: transparent; 
    position: relative;
    padding-top: 0;

    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}