@charset "utf-8";
/* CSS Document */
/* CSS Document by Marcelo Aquino in Julho/2017 */
body {
     margin:0px;
     background-color:#f1f1f1;
     font-family: 'Titillium Web', sans-serif;
     color:#444;
}
.container {
     width:1000px;
     margin-left:auto;
     margin-right:auto;
}
.box{
    min-height: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    margin: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    width: 440px;
    float: left;
}
 .col50{
     width:460px;
     float:left;
     padding:15px;
}
.col33{
     width:320px;
     float:left;
     margin:5px;
}
.col25{
     width:250px;
     float:left;
}
.col2{
     width:15%;
     float:left;
     text-align:center;
     color: #444;
}
.col2 a{
     text-transform: none;
     text-decoration: none;
}
.col2 a:hover{
     text-decoration: underline;
}

.nav {
     padding:10px;
     float:right;
     font-size:14px;
     border-top:1px solid #37318a;
}
.nav a{
     text-decoration: none;
     text-transform: none;
     color: #37318a;
}
.nav a:hover{
     color: #e53321;
     transition: 1s;
}
.dropdown {
     position: relative;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
     display: none;
     position: absolute;
     background-color: #f9f9f9;
     min-width: 160px;
     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
     z-index:5;
}
/* Links inside the dropdown */
.dropdown-content a {
     color: black;
     padding: 12px 16px;
     text-decoration: none;
     display: block;
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {
    background-color: #f1f1f1
}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
     display: block;
}
/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
}
.azul {
     color:#37318a;
}
.vermelho {
     color:#e53321;
}
.brilho{
     color:#00B7F6;
}
.titulo {
     border-bottom:1px solid #e53321;
     padding-left:10px;
     font-size:30px;
     transition:1s;
     text-align:center;
}
.titulo:hover {
     border-bottom:1px solid #37318a;
     transition:1s;
     color:#e53321;
}
.texto{
     font-size:20px;
     line-height:30px;
     text-align:center;
}
.bot {
     display: inline-block;
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
     padding: 10px 20px;
     border: 1px solid #008CD3;
     -webkit-border-radius: 3px;
     border-radius: 3px;
     color: rgba(0,142,198,1);
     -o-text-overflow: clip;
     text-overflow: clip;
     background: rgba(252,252,252,1);
     -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) inset;
     box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) inset;
     text-shadow: 1px 1px 0 rgba(255,255,255,0.66) ;
     -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
     -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
     -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
     transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
}
.siga {
     width:75%;
     float:right;
     clear:both;
     text-align:right;
     padding-top:10px;
}

.menu .nav a, ul.menu li a {
    padding: 10px 12px; /* Diminua o 12px para 8px ou 6px até caber */
    font-size: 14px;    /* Se ainda não couber, reduza um pouco o tamanho da fonte */
    white-space: nowrap; /* Impede que o texto quebre em duas linhas */
}

.nav2 {
     padding: 10px;
     background-color: #D4D4D4;
     text-align: center;
     padding: 10px;
     width: 150px;
}
.nav2 a {
     text-decoration: none;
     text-transform: none;
     color: #37318a;
}
.nav2:hover {
     background-color: #f1f1f1;
}
.menur {
     top: 140px;
     position: absolute;
     right: 0px;
}
.sombra-box {
     box-shadow: -2px -2px 5px #999;
}
.menu-responsive {
     display: none;
}
.none a {
     text-decoration:none;
     text-transform: none;
     color:#00b7f6;
}
/* responsive */
@media screen and (max-width: 1050px) {
     .menu {
        display:none;
    }
     .container {
         width:100%;
         padding:0px;
         margin:0px;
    }
    .col50{
         width:100%;
         padding:0px;
         margin:0px;
    }
    .col33{
         width:100%;
         padding:0px;
         margin:0px;
    }
    .col25{
         width:100%;
         padding:0px;
         margin:0px;
    }
     .col2{
         width:50%;
         float:left;
         margin-top:20px;
         line-height:19px;
    }
     .col1{
         width:100%;
    }
     .siga {
         width:100%;
         float:none;
         clear:both;
         padding-bottom:5px;
         padding-top:0px;
    }
     .menu-responsive {
         display: block;
         float: right;
         margin-right: 20px;
         margin-top: -70px;
    }
    
    /* Ajuste final para ícones sociais no menu */
ul.menu li img, 
.nav img {
    width: 18px !important;
    height: 18px !important;
    margin-bottom: -3px; /* Alinha com a base do texto */
    filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.1));
}

/* Garante que o menu não quebre de jeito nenhum */
.menu-principal {
    gap: 3px !important;
}
    
}
/*fim responsive */