fieldset {
    padding: 0.2em;
    border: 1px solid #CCC;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
    display: block;    
    border-radius: 6px;
    padding-right: 1em;
}



.grupo:before, .grupo:after {
    content: " ";
    display: table;
}

.grupo:after {
    clear: both;
}

.campo {
    margin-bottom: 1em;
}

.campo label {
    margin-bottom: 0.1em;
    color: #000;
    display: block;
    padding-top: 2px;
}

.campoSemBlock {
    margin-bottom: 1em;
}

fieldset.grupo .campo {
    float:  left;
    margin-right: 1em;
}

.divBotao{
    text-align: center;
    padding-top: 15px; 
}

.campo input[type="text"],
.campo input[type="email"],
.campo input[type="url"],
.campo input[type="tel"],
.campo input[type="date"],
.campo input[type="number"],
.campo select,
.campo textarea {
    width: 100%;
    padding: 0.2em;
    border: 1px solid #CCC;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
    display: block;    
    border-radius: 6px
}

.campoSemBlock input[type="text"],
.campoSemBlock input[type="email"],
.campoSemBlock input[type="url"],
.campoSemBlock input[type="tel"],
.campoSemBlock input[type="date"],
.campoSemBlock input[type="number"],
.campoSemBlock select,
.campoSemBlock textarea {
    padding: 0.2em;
    border: 1px solid #CCC;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}

.campo select option {
    padding-right: 1em;
}

.campo input:focus, .campo select:focus, .campo textarea:focus {
    background: #fff;
}

.campo label.checkbox {
    color: #000;
    display: inline-block;
    margin-right: 1em;
}

.botao {
    font-size: 1.5em;
    background: #ffc20e;
    border: 0;
    margin-bottom: 1em;
    color: #FFF;
    padding: 0.2em 0.6em;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    border-radius: 6px;
}

.botao:hover {
    background: #FB0;
    box-shadow: inset 2px 2px 2px rgba(0,0,0,0.2);
    text-shadow: none;
}

.botao, select, label.checkbox {
    cursor: pointer;
}

.resposta{
    font-size: 3em;
}
.banner {
    width: 100%;
}
@media only screen and (max-width: 980px){
    .banner { display: none; }
}
@media only screen and (min-width: 980px){
    .footer { display: none; }
}
.menu_fixo{
     position: fixed; 
     z-index: 99; 
     width: 100%; 
     top: -90px; 
     transition:all .3s ease; 
     -moz-transition:all .3s ease; 
     -ms-transition:all .3s ease; 
     -o-transition:all .3s ease; 
     -webkit-transition:all .3s ease; 
 }
 .bkg_black                                         { width: 100%; background: #000; padding: 10px 0; }
 .nav_main                                          { float: left; }

.nav_main ul                                        { overflow: hidden; }

.nav_main ul li                                     { float: left; margin: 0; }

.nav_main ul li a                                   { display: block; height: 30px; padding: 0 10px; color: #fff; font: 1em/30px sans-serif; }

.nav_main ul li a.ativo,

.nav_main ul li a:hover                             { background: #333333; }
.center {
    margin: auto;
    width: 50%;
    padding: 10px;
}
.header_box                                         { width: 100%;  }
.bkg_black                                          { width: 100%; background: #000; padding: 10px 0; }
.content                                            { width: 100%; margin:0 auto; overflow: hidden; }
.acessos                                            { }

.acessos ul                                         { overflow: hidden; }

.acessos ul li                                      { float: left; margin-left: 1px; }

.acessos ul li:first-child                          { margin-left: 1px; }

.acessos ul li a                                    { display: block; height: 30px; padding: 0 5px; color: #666; font: 1em/30px Helvetica; background: #fff; }

.acessos ul li a:hover                              { background: #333333; color: #fff; }
ul li                                               { list-style:none; }
a                                                   { text-decoration:none; overflow: hidden; outline: none; }
.content                                            { font-size: 12px; padding-right: 10px; }

.background1                                        { background-color: #000; }
.background2                                        { background-color: #fff; }

@media screen and (max-width: 380px)                { .acessos ul li a { font-size: 13px; } }
@media screen and (max-width: 320px)                { .acessos ul li a { font-size: 10px; } }
@media screen and (max-width: 350px)                { .acessos ul li a { font-size: 11px; } }

.w3-col { width: 100% }
@media screen and (min-width: 768px)               { .w3-row{ display: flex; justify-content: center; } }
@media screen and (min-width: 768px)               { .styleFile {margin-left: 20%} }



.containerWhats  {
  margin-left: 0px;
  margin-right: 0px;
  text-align: center;
  padding-bottom: 50px;
}

.sendButton {
  margin-top: 50px;
  border-radius: 20px;
}

.titleWhats {
  font-size: 18px;
  font-weight: bold;
  color: #fafafa;
  background-color: #1ebea5;
  padding: 15px;
}

.msgWhats {
  margin-top: 40px;
  font-size: 20px;
  color: #000;
}

.whatsLogo {
  width: 3%;
  margin-right: 15px;
}