html
{
height:100%;
padding:0;
margin:0;
 
}
body
{
margin:0px;
padding-top:0px;
top:0px;
bottom:0px;
font-family:  "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
color:#333;
}



h1{
font-size:22px;
}

a
{
color:#262D33;
text-decoration:none;
}

a:hover
{
text-decoration:underline;
}

a:visited
{
color:#262D33;
text-decoration:none;
}




.hidden{
    display:none;
}

.green{
    color:#0B6623;
}

.grey{
    color:#CCC;
}

.top
{
width:100%;

}

.top-center{
margin:auto;
width:100%;
box-sizing: border-box;
padding:20px;
text-align: center;
border-bottom:5px #FFB62E dashed;
display: flex;

}

.t-div{
    flex-grow: 1;
}

.logo{
    width:500px;
}

.content
{
margin:auto;
display: flex;
flex-wrap: wrap;


}



.block-1{
    
    flex: 1;
    
    
    
   
        
}

.block-2{

      flex: 2;
      
     
      
    
    }

.block-3{

    flex: 3;
    }


.block-4{
    
    flex: 1;
        align-items: center;
    display: flex;
}

.titles{
    
        padding: 10px;
}

.titles-2{
    
    padding: 10px;
    
    align-items: center;
    flex: 1;
    text-align: center;
    
}

.text-1{
    border:2px #FFB62E dashed;
    padding: 10px;
    margin:10px;
    -moz-border-radius: 5px;
-webkit-border-radius: 5px; 
border-radius: 5px;
max-height: 500px;
overflow: auto; 

}

.text-2{
    border:2px #FFB62E dashed;
    padding: 10px;
    margin:10px;
    -moz-border-radius: 5px;
-webkit-border-radius: 5px; 
border-radius: 5px;
max-height: 250px;
overflow: auto; 

}


#rodape{
height:100px;
text-align:center;
width: 100%;
margin-top:40px;



}

.rodape{
width:100%;
margin-bottom:30px;
padding:20px;
box-sizing:border-box;
}

.logos-rodape{
    text-align: center;

    padding-left: 20px;
    padding-right: 20px;
box-sizing: border-box;

    
}


.img-resp{
    width: 100%;
}

.top-pix{
    max-width: 300px;
}


@media (max-width: 767px) 
{
.top{
    width: 100%;
}
.logo{
    width:100%;
}
.top-center{
    display: block;

}
    .content{
        width:100%;
        margin:auto;
        overflow:hidden;
        display: block;
        
    
    }

    .titles-2{
    
        padding: 10px;
        text-align: left;
        
    }

}



@media (min-width: 768px) 
{

.top{
width:760px;
margin:auto;

}

.content{
width:760px;
margin:auto;
overflow:hidden;

}





}




@media (min-width: 992px) {
.top{	
width:990px;
margin:auto;

}
.content{
width:990px;
margin:auto;
overflow:hidden;


}




}	



@media (min-width: 1200px) 
{

.top{
width:1200px;
margin:auto;

}
.content{
width:1200px;
margin:auto;
overflow:hidden;

}


}


@media only print {
    
    
      .text-1{
        border:2px #FFB62E dashed;
        padding: 10px;
        margin:10px;
        -moz-border-radius: 5px;
    -webkit-border-radius: 5px; 
    border-radius: 5px;
       overflow: visible; 
       max-height: 100%;
    
    }
    
    .text-2{
        border:2px #FFB62E dashed;
        padding: 10px;
        margin:10px;
        -moz-border-radius: 5px;
    -webkit-border-radius: 5px; 
    border-radius: 5px;
    max-height: 100%;
    overflow: visible; 
    
    }
    

 }