body {
 background: rgba(39, 174, 96, 0.6);
 font-family: 'Calibri', 'Arial';
 text-align: center;
 min-height: 100%;
 font-family: "Quicksand", "Calibri", "Arial";
}


#center{
text-align: center;
margin: 0 auto;
max-width: 240px;
}


.anuncio-amz{
 border-radius: 5px;
 width: 90%;
 max-width: 600px;
 height: 150px; 
 margin: 0 auto;
 cursor: pointer;
}

.novisible{
 display: none;
}

.img-resp{
 width: 100%;
 height: 100%;
 border-radius: 5px;
}


#div-ad-uol{
 width: 250px;
 text-align: center;
 margin: 0 auto;
}

#div-ad-uol2{
 width: 320px;
 text-align: center;
 margin: 0 auto;
}


#div-msg-flutuante {
 visibility: hidden;
 background-color: #8e44ad;
 color: #fff;
 text-align: center;
 border-radius: 5px;
 padding-top: 10px;
 padding-bottom: 10px;
 position: fixed;
 z-index: 99999 !important;
 top: 30px;
 font-family: Consolas;
 font-size: 18px;
 width: 80%;
 max-width: 600px;
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */

#div-msg-flutuante.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}


/* Animations to fade the snackbar in and out */

@-webkit-keyframes fadein {
  from {
   top: 0;
   opacity: 0;
  }
  to {
   top: 30px;
   opacity: 1;
  }
}

@keyframes fadein {
 from {
  top: 0;
  opacity: 0;
 }
 to {
  top: 30px;
  opacity: 1;
 }
}

@-webkit-keyframes fadeout {
 from {
  top: 30px;
  opacity: 1;
 }
 to {
  top: 0;
  opacity: 0;
 }
}

@keyframes fadeout {
 from {
  top: 30px;
  opacity: 1;
 }
 to {
  top: 0;
  opacity: 0;
 }
}


.bt-comp{
background: url('comp2.png')  no-repeat;
background-size: 35px 28px;
border: 1px solid white;
border-radius: 5px;
height: 30px;
width: 150px;
padding-left: 5px;
color: white;
background-color: #266A59;
cursor: pointer;
}

.toast-message{
font-size: 20px !important;
}

.left-logo {
 /*float: left;*/
 /*margin-right: 15px;*/
 height: 40px;
 width: 40px;
 margin-top: 5px;
}

#back2{
 width: 100%;
 max-height: 180px;
 padding: 0px, 0px, 0px, 0px;
 margin: 0 auto;
 z-index: 0 !important;
}

/* Container holding the image and the text */
.bloco-imagem {
 position: relative !important;
 text-align: center !important;
}


#div-topo{
 width: 100%;
 height: 52px; 
 background-color: #266A59;
 text-align: center;
 font-family: 'Quicksand', 'Arial';
 font-size: 30px;
 font-weight: bold;
 color: #ffffff;
 /*padding-top: 5px;*/
 line-height: 35px;
}


#div-conteudo-central{
 background-color: #c5f7da;
 width: 100%;
 padding-top: 5px;
 margin-top: 5px;
}

/* Centered text */
.texto-central {
  font-family: 'Quicksand', 'Arial';
  font-size: 40px;
  font-weight: bold;
  color: #ffffff;
  position: absolute !important;
  top: 40% !important;
  left: 42% !important;
  transform: translate(-30%, -30%);
  z-index: 9999 !important;
}

/* Centered text */
.texto-baixo {
  font-family: 'Calibri', 'Arial';
  font-size: 28px;
  color: #ffffff;
  left: 50%;
  margin-top: 0px;
  margin-left: 75%;
}



.div-texto{
  font-family: 'Calibri', 'Arial';
  font-size: 16px;
  color: #ffffff;
  left: 50%;
  font-family: "Quicksand", "Calibri", "Arial";
  /*background-color: #2ca36a;*/
  padding: 5px;
}


label {
 color: #266A59;
 font-size: 30px;
 font-weight: bold;
 display:block;
 font-weight: bold;
 margin-bottom: 5px;
}

#cp_telefone{
font-size: 34px;
text-align: center;
color: #477D70;
width: 100%;
max-width: 250px;
margin: 0 auto;
border: 2px solid #2ca36a;
border-radius: 5px;
height: 45px;
line-height: 50px;

-webkit-box-shadow: 7px 8px 15px -2px rgba(38,106,89,1);
-moz-box-shadow: 7px 8px 15px -2px rgba(38,106,89,1);
box-shadow: 7px 8px 15px -2px rgba(38,106,89,1);
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #BDC3C7;
  opacity: 1; /* Firefox */
  font-size: 24px;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #BDC3C7;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #BDC3C7;
}


#div-telefone{
color: #FFFF;
font-weight: bold;
}

#sel-pais{
 background-color: #7DCE9F;
 color: #ffffff;
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }

input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

#botao {
 -webkit-border-radius: 30;
 -moz-border-radius: 30;
 border-radius: 30px;
 -webkit-box-shadow: 4px 4px 4px #fffcff;
 -moz-box-shadow: 4px 4px 4px #fffcff;
 box-shadow: 4px 4px 4px #fffcff;
 /*font-family: Arial;*/
 color: #f5faf8;
 font-size: 24px;
 background: #2ca36a;
 padding: 13px 20px 14px 20px;
 text-decoration: none;
 border: none;
 outline: none;
 text-align: center;
 width: 100%;
 max-width: 250px;
}

#botao:hover {
 cursor: pointer;
 background: #2B6A5A;
 text-decoration: none;
}


.rodape{
  border-top: 1px solid #333;
  background-color: #266A59;
  color: #FFFFFF;
  font-family: 'Calibri', 'Arial';
  font-size: 14px;
  font-weight: bold;
  line-height: 25px; 
  bottom: 0;
  left: 0;
  height: 25px;
  position: fixed;
  width: 100%;
}



a { 
 text-decoration: none !important; 
 color: inherit !important; 
}

#botao:focus {
 text-decoration: none;
}

#div-descricao {
 background-color: #266A59;
 font-size: 20px;
 /*font-weight: bold;*/
 color: #FFFFFF;
 padding-top: 10px;
 padding-bottom: 10px;
 margin-top: 3px;
}


/* Removes the spin button */
input[type=number]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button { 
 /*display: none;*/
 /*-webkit-appearance: none;*/
}

input[type=number] {
    -moz-appearance:textfield;
}


#div-anuncio-lateral-esq{
 width: 130px;
 height: 480px;
 position: fixed;
 top: 40px;
 left: 0px;
 z-index: 9999;
 /*border: 1px dotted white;*/
 overflow: hidden;
}


#div-anuncio-lateral-dir{
 width: 130px;
 height: 480px;
 position: fixed;
 top: 40px;
 right: 2px;
 z-index: 9999;
 /*border: 1px dotted white;*/
 overflow: hidden;
}


.divs-info{
 background-color: #2CA36A;
 color: #FFFFFF;
 font-size: 18px;
 padding: 10px;
}

.bt-rodape{
 background-color:#266A59;
 color: #FFFFFF;
 border: none;
 cursor: pointer;
}


/* MEDIA QUERIES */
/**************************/



@media (min-width: 600px){

.anuncio-amz{
 height: 200px; 
}
	
}


@media (max-width: 670px) {
	
	
.texto-central {
  transform: translate(-20%, -30%);
  top: 40%;
  left: 60%;
  font-size: 50px;
}

.texto-baixo {
 font-size: 20px;
}

label {
 font-size: 30px;
}

#cp_telefone{
 font-size: 34px;
}

#div-descricao {
 background-color: #266A59;
 font-size: 14px;
}

#botao {
  margin-top: 20px;
  font-size: 24px;
}

.left-logo {
 height: 40px;
 width: 40px;
}

.div-texto{
  font-size: 14px;
  padding: 5px 5px 5px 5px;
}

#separador-topo{
 display: none;
}



}

/*******************/

@media (max-width: 510px) {
	
  .texto-central {
  width: 85%;
  top: 40%;
  left: 60%;
  transform: translate(-30%, -30%);
  font-size: 50px;
  }
  
  .left-logo {
 height: 40px;
 width: 40px;
}

.div-texto{
  font-size: 14px;
  padding: 5px 5px 5px 5px;
}

#separador-topo{
 display: none;
}

#br{
 display: none;
}


}

@media (max-width: 490px) {
	
  .texto-central {
  width: 85%;
  top: 20%;
  left: 60%;
  transform: translate(-20%, -20%);
  font-size: 50px;
  }
  
  .left-logo {
 height: 40px;
 width: 40px;
}

.div-texto{
  font-size: 14px;
  padding: 5px 5px 5px 5px;
}

#separador-topo{
 display: none;
}

#br{
 display: none;
}


}

@media (max-width: 730px) {
	
  .texto-central {
  width: 85%;
  top: 40%;
  left: 37%;
  transform: translate(-30%, -30%);
  font-size: 50px;
  }
  
  .div-texto{
  font-size: 14px;
  padding: 5px 5px 5px 5px;
}

#separador-topo{
 display: none;
}


}


@media (max-width: 480px) {
	
  .texto-central {
  width: 85%;
  top: 50%;
  left: 30%;
  transform: translate(-40%, -40%);
  font-size: 50px;
  }
  
  .texto-baixo{
	  margin-right: 30px;
  }

  
  .left-logo {
  /*display: none;*/
}

.div-texto{
  font-size: 14px;
  padding: 5px 5px 5px 5px;
}

#separador-topo{
 display: none;
}

#br{
 display: none;
}


}



/**************************/