@font-face {
    font-family:'open-sans-light';
    src:url("fonte/OpenSans-Regular.ttf");
}

@font-face {
    font-family:'open-sans';
    src:url("fonte/OpenSans-Bold.ttf");
}

@font-face {
   font-family: montserrat;
   src: url(font/Montserrat-Bold.otf);
}

@font-face {
   font-family: 'avenir-light';
   src: url(fonti/Metropolis-Light.otf);
}

body{
   font-family: 'open-sans-light', sans-serif;
   background-color: #f7f7f7;
}

.topo-0{
   background-color: rgb(196, 23, 12);
   padding: 7px 0px 7px 0px;
}

.topo-1{
   background-color: rgb(160, 13, 3);
   padding: 0px;
}

.img-menu{
   width: 100%;
   height: auto;
   max-width: 90px;
   padding-top: 5px;
   padding-bottom: 5px;
}

.img-buscar{
   width: 100%;
   height: auto;
   max-width: 150px;
   padding-top: 5px;
   padding-bottom: 5px;
}

.titulo-topo-0{
   color: #FFFFFF;
   margin: 0px 4px 0px 0px;
   line-height: 1.18em;
   font-weight: 300;
   font-style: normal;
   font-family: 'avenir-light',sans-serif;
   font-size: 26px;
   letter-spacing: -0.05em;
}

.titulo-topo-1{
   font-weight: normal;
    font-style: normal;
    font-family: 'avenir-light',sans-serif;
    font-size: 16px;
    color: #FFFFFF;
   margin: 0px 4px 0px 0px;
   line-height: 1.18em;
   font-weight: 300;
   padding-top: 11px;
   padding-bottom: 11px;
}

.topo-2{
   background-color: #fff;
   padding-bottom: 40px;
   padding-top: 10px;
}

.texto-adv{
   letter-spacing: 0.15em;
   font-size: 11px;
   color: rgb(160,160,159);
}

.titulo-principal{
   letter-spacing: -0.05em;
   font-weight: bold;
   font-family: 'open-sans',sans-serif;
   color: #000000;
   font-size: 42px;
   line-height: 1.1;
}

p{
   font-size: 22px;
   line-height: 1.4;
   letter-spacing: -0.02em;
   color: rgb(0,0,0);
   font-family: 'open-sans-light',sans-serif;
   padding-top: 10px;
}

.img-depi{
   width: 50px;
   height: auto;
   float: left;
   margin-right: 15px;
   border-radius: 50%;
}

.texto-depi{
   font-size: 12px;
   letter-spacing: -0.04em;
   color: rgb(160,160,159);
   line-height: 1.3em;
   font-family: arial, sans-serif;
   padding-top: 10px;
}

.texto-depi3{
   font-size: 12px;
   letter-spacing: -0.04em;
   color: rgb(160,160,159);
   line-height: 1.3em;
   font-family: arial, sans-serif;
   padding-top: 10px;
}

hr {
   border: 0;
   border-top: 1px solid #ccc;
}

img{
   width: 100%;
   height: auto;
   margin-top: 15px;
   margin-bottom: 15px;
}

h3{
   font-weight: bold;
   color: #000;
   font-family: 'open-sans',sans-serif;
   letter-spacing: -0.02em;
   font-size: 26px;
   padding-top: 15px;
   padding-bottom: 10px;
}

p a{
   color:#B00F04;
   text-decoration: underline;
   font-weight: bold;
}

.btn-compra{
   font-size: 25px;
   line-height: 1.1em;
   text-align: center;
   color: #fff;
   font-family: 'open-sans',sans-serif;
   background: #B00F04;
   border: 0px solid #00D646;
   border-radius: 10px;
   display: block;
   padding: 20px 0px 20px 0px;
}

.btn-compra:hover{
   color: #fff;
}

.fundo-depo{
   border-left: 5px solid #B00F04;
   background-color: #f8f8f8;
   padding: 15px 10px 15px 10px;
   margin-top: 25px;
}

.nome-depi{
   font-weight:bold;
   letter-spacing:-0.02em;
   font-family: 'open-sans',sans-serif;
   font-style:italic;
   font-size:19px;
   color: rgb(96,94,94);
   padding-top: 25px;
}

.texto-depi2{
   color:#000000;
   letter-spacing:-0.02em;
   font-size:18px;
   color: #000;
}

.letra-maior{
   font-size: 34px;
}

.lateral{
   position: absolute;
   top: 150px;
   right: 8%;
}

.esp-topo{
   margin-top: 30px;
}

.img-lateral{
   width: 50%;
   height: auto !important;
   border-radius: 15px !important;
   margin-right: 15px;
   float: left;
}

.titulo-lateral{
   color: #B00F04;
   font-family: 'open-sans',sans-serif;
   font-size: 18px;
   font-weight: 700;
   margin-bottom: -5px;
   padding-top: 25px;
}

.rodape-0{
   padding-top: 40px;
   padding-bottom: 40px;
   background-color: rgb(160, 13, 3);
}

.rodape-1{
   padding-top: 20px;
   padding-bottom: 20px;
   background-color: rgb(196, 23, 12);
}

.texto-rodape{
   font-size:15px;
   font-family: 'open-sans-light',sans-serif;
   color: #fff;
   line-height: 1.2;
}

.texto-rodape a{
   color: #fff;
}

.titulo-rodape{
   font-size:18px;
   font-family: 'open-sans',sans-serif;
   color: #fff;
   line-height: 1.2;
   padding-bottom: 15px;
}

.titulo-comentario{
   color: #000000;
   font-weight:bold;
   letter-spacing:-0.02em;
   font-size:22px;
   font-family: 'open-sans',sans-serif;
}  

.esp-topo-coment{
   padding-top: 25px;
} 

.img-coment{
   border-radius: 50%;
   width: 80px;
   height: auto;
   margin-right: -15px;
   margin-top: 0px;
}

.nome-coment{
   font-family: 'open-sans',sans-serif;
   font-size:18px;
   font-weight:bold;
   letter-spacing:-0.05em;
   color:#3A3A3A;
}

.texto-coment{
   color: rgb(45, 45, 45, 1.0);
   font-size:15px;
   letter-spacing:0em;
   font-family: 'open-sans-light',sans-serif;
   margin-top: -15px;
}

.texto-coment span{
   margin-right: 15px;
}

.texto-coment b:hover{
   color: red;
}

.btn-coment{
   color: #605E5E;
   margin: 0px 4px 0px 0px;
    line-height: 1.18em;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    letter-spacing: 0em;
    font-family: 'open-sans-light',sans-serif;
    border: 1px solid #605E5E !important;
    border-radius: 5px !important;
    padding: 10px;
}

.btn-coment:hover{
   color: #605E5E;
   text-decoration: none;
}   

@media screen and (max-width: 600px) {

   .esp-topo-coment{
      padding-top: 15px;
   }

   .img-coment{
      border-radius: 50%;
      width: 60px;
      height: auto;
      margin-right: 0px;
      margin-top: 0px;
      margin-bottom: 0px;
      float: left;
   }

   .centralizar{
      text-align: center;
   }

   .texto-depi3{
      font-size: 20px;
      padding-top: 20px;
   }

   .img-lateral{
      float: none;
      width: 100%;
      height: auto;
      margin-bottom: -10px ;
   }   

   .titulo-lateral{
      font-size: 26px;
   }   

   .lateral{
      position: relative;
      right: 0px;
      top: 20px;
   }   

   .letra-maior{
      font-size: 28px;
   }

   h3{
      font-size: 23px;
   }   

   .titulo-topo-1{
      font-size: 14px;
   }  
   
   .titulo-topo-0{
      font-size: 22px;
      padding-top: 10px;
   } 

   p{
      font-size: 20px;
   }

   .titulo-principal{
      font-size: 26px;
   }   

}