.janelas a{text-decoration: none; color:currentColor;}
.janelas p{margin:0; line-height: 1px;}
.janelas h6{font-size: 75%;}
.janelas h5{font-size: 90%; color:#777;}
.janelas h6, h5{margin:0;}
.janelas h4{margin:10px 5px 15px 20px; color:#1E90FF;}
.janelas button{cursor: pointer;}
.janelas button.menu{margin: 0; padding: 0; background-color: transparent; border:0; color:currentColor; font-size: 16px;}
/* MENU */
.janelas ul, li{padding: 0; margin: 0; color:#fff;}

#topo{width: 100%; position: relative; margin: 0 auto;}
#indexOf{top:38%; position: absolute; margin: 0; padding: 0; width: 50%; height: 38%;}

#area_cliente{margin: 0 auto; position:absolute; top:15%;left:10%; display: none;
            background-color: #000; opacity: 1; padding: 50px; z-index: 990; font-size: 12px;
            height: 55%; width:40%; overflow:auto; color:#fff; box-shadow: 1px 1px 25px #000;
          }

#area_suporte{margin: 0 auto; position:absolute; top:15%;left:10%; display: none;
            background-color: #000; opacity: 1; padding: 50px; z-index: 990; font-size: 12px;
            height: 35%; width:40%; overflow:auto; color:#fff; box-shadow: 1px 1px 25px #000;
          }

#contatos{margin: 0 auto; position:absolute; top:15%;left:14%; display: none; opacity: 1; padding: 40px;
            height: 60%; width:60%; background-color:#000; z-index: 991; box-shadow: 1px 1px 25px #000;
            font-size: 90%;
          }

#sites{margin: 0 auto; position:absolute; top:30%; left:14%; display: none; 
         height: 35%; width:70%; z-index: 992; background-color:#000;}

.preto{background-color: #000;}
nav.menu ul li { position:relative; float:left; margin-left: 30px; display: block-inline;}
nav.menu ul li:hover{background-color: #; color:#117092; opacity: 0.7;}
figure.texto{display:;margin: 0 auto;position:absolute; top:35%;left:30%;z-index: 99;}
figure.fechar{float:left; padding: 0; margin: 0; }
button:focus{outline:none;}
a.fechar{cursor: pointer;top:0;left:0px; position: absolute; float:left;
	          background-color: transparent; border:0; }
span.tit{float: left; top:0; font-size: 18px; color: #aaa;}
form, input, select, textarea{padding: 7px; border-radius: 5px; }
p.txt_form{float: left;line-height: 2px; margin-right: 5px;}
#formulario{float: left; margin-left:20px;}
#info_contato{float:left; margin-right: 20px;}
//#btn_fechar_contatos{display: none;}
#btn_mini_enviar_email{display: none;}

/* BARRA DE ROLAGEM COR */
::-webkit-scrollbar-thumb:vertical {background-color: #222; height: 50px;}
::-webkit-scrollbar-thumb:horizontal {background-color: #fff; height: 10px;}
::-webkit-scrollbar {height: 5px; width: 5px; background-color: #000;}
 
@media only screen and (max-width: 1200px) {
  input, select, textarea{max-width: 70%;} 
  #contatos{width: 85%;}
}

@media only screen and (max-width: 985px) {
    #contatos{ width:105%; font-size: 90%; top:20%;}
    input, select, textarea{max-width: 50%;} 
}

@media only screen and (max-width: 799px) {
    #contatos{ width:122%; font-size: 90%; top:17%; left: 25px;}
    input, select, textarea{max-width: 35%;} 
}

@media only screen and (max-width: 670px) {
   #contatos{left: 30%; width:50%; font-size: 108%; top:14%;}
    #contatos #formulario{display: none;}
    #btn_mini_enviar_email{display: block;}
}


/*RESOLUÇÃO PARA CELULAR*/
 @media only screen and (max-width: 550px) {
   footer{background-size: contain;padding-bottom: 0px;}
   figure.texto{left:5%; top:43%;}
   nav.menu ul li {display: list-item; float: none; margin-bottom: 2px;}
   #area_cliente{width:50%; height:45%;top:38%; left:5%; font-size: 80%;}
   #contatos{margin: 0 auto;position:absolute; top:43%;left:25%; display: none; 
            height: 35%; width:100%; font-size: 90%;}
   #btn_mini_enviar_email{display: block; margin: 10px 10px 0px 12px;}
   #formulario{width: 110%;}
   input, select, textarea{font-size: 13px; padding: 3px;}
   h4{margin: 2px 2px 2px 2px;}
   h5, h6{margin: 0px 0px 0px 12px; line-height: 15px;} 
 }