footer .agenciaCriadora a{
    margin-right: 1.2vw;
    font-size: 0.7vw;
    color: black;
    text-decoration: none;
}

footer .agenciaCriadora img{
    width: 6vw;
    height: auto;
    margin-top: 1vh;
    margin-bottom: 3vh;
}
    
    

.todosServicos{
    width: 100%;
    height: 6vh;
    color: white;
    background-color: #3c58a4;
    text-align:center;
    margin-bottom: 2vh;
    font-size: 2vw;
    border-radius: 0.5vw;
}

.todosServicos a{
    text-decoration: none;
    color: white;
}


.watts {
  width: 12vw;
  height: 14vh;
  background-color: whitesmoke;
  position: fixed;
  bottom: 10px;
  right: 2vh;
  font-weight: bold;
  color: #285aa3;
  border: 1px solid #285aa3;
  border-radius: 0.5vw;
  padding-left: 0.7vw;
  padding-top: 0.2vh;  
  opacity: 90%;
  z-index: 5;
  text-align: center;
}    

.watts a {
  /*background-color: red;*/
  text-decoration: none;
  color: #3c58a4;
  font-weight: bold;
  
}

.wattsProdutos {
  margin-top: 3vh;  
  width: auto;
  height: auto;
  background-color: #47be32;
  float: right;
  border: 1px solid #47be32;
  border-radius: 0.5vw;
  padding-left: 0.7vw;
  padding-top: 0.2vh;  
  padding-bottom: 0.6vh;
  padding-right: 0.7vw;  
  
}

.wattsProdutos a{
  text-decoration: none;
  color: white;
  font-weight: bold;    
}


.imagemHospedagem{
    clear: both; 
    margin-left: -1vw; 
    margin-top: 2vh; 
    width: 85vw; 
    height: auto;
    /*border: 1px solid red;*/
}


.imagemServico{
    border: 2px #dfd7d7 solid;
    border-radius: 0.8vw;
    padding: 6px;
    width: 20vw;
    height: auto;
}

.imagemCliente{
    margin-top: 1.5vh;
    margin-bottom: 1.5vh;
    /*border: 2px #dfd7d7 solid;*/
    padding: 0px;
    width: 13vw;
    height: auto;
    margin-left: 2.5vw;
    margin-right: 2.5vw;
}


.imagemPrincipal{
    float: left;
    padding: 1.0vw;
    /*color: #e7c3c3*/
}

.imagemServicoPequena{
    border: 2px #dfd7d7 solid;
    padding: 6px;
    width: 8.5vw;
    cursor: pointer;
}

.left carousel-control{
    
    
}

.right carousel-control{
    
}

.logoCima{
    background-color: #ffffff;
    margin-top: -1.2vh; 
    /*margin-left: 1.2vh;*/ 
    width: 20vw;
    padding-top: 1vh;
    padding-bottom: 1vh;
    padding-left: 0.8vw;
    padding-right: 0.8vw;
    border-radius: 10px;
    /*opacity : 0.5;*/
}

.panel-body{
    /*background-color: red;*/
    text-align: justify;
}

/*Menu EMCOLHIDO*/
.navbar-toggle{
    background-color: #3c58a4 !important; 
}

.imagemRedesSociais{
    width: 2.5vw;
    height: auto;
}

.col-lg-4{
    padding: 1vh;
    /*background-color: #dfd7d7;*/
    min-height: 46vh;
    /*border: 1px #cc0000 solid;*/
}

.IOB{
    width: 15vw;
    height: auto;
}

.col-lg-4 h2{
    /*color: #3c58a4; #d9534f;*/
    /*font-size: 1.8vw;*/
}


@media (min-width:200px) and (max-width: 500px){
    .carousel-caption{
        clear: both;
        position: relative;
        right: 15%;
        bottom: 20px;
        left: 15%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0,0,0,.6);
     }
     
     .btn-primary{
         clear: both;
         width: 60vw;
         /*margin-left: -10vw;*/
         font-size: 6vw;
         margin-left: -3vw;
     }
     
    .btn-success {
        clear: both;
        margin-left: -25vw;
    } 
    
    .col-lg-4 h2{
        clear: both;        
    }
    
}    

@media (min-width: 1400px) and (max-width: 2000px){
    .imagemHospedagem{
        clear: both; 
        margin-left: -10vw; 
        margin-top: 5vh; 
        width: 85vw; 
        height: auto;
        /*border: 1px solid greenyellow;*/
    }
    
    .watts {
      width: 9vw;
      height: 11vh;
      background-color: whitesmoke;
      position: fixed;
      top: 7%;
      right: 2vh;
      font-weight: bold;
      color: #285aa3;
      border: 1px solid #285aa3;
      border-radius: 0.5vw;
      padding-left: 0.7vw;
      padding-top: 0.2vh;  
      opacity: 75%;
    }    
    
}