* {
   margin: 0;
   padding: 0;
   font-family: calibri;
   color:  #565656;
}

body{
    width: 95%;
    margin: 0 auto;
}

h2{
   color: #565656;
   font-size: 1.2em;
   padding: 30px 0;
}

.alivia h5{
   font-size: 1.4em;
}

.cinquenta{
   width: 45%;
   float: left;
}

.cinquenta img, .cinquentaA img{
   width: 90%;
   border: 1px solid #ccc;
}

.cinquentaA{
   width: 40%;
   float: left;
}

.cinquenta img{
   width: 80%;
   border: 1px solid #ccc;
}

.aplus img{
   width: 100%;
   margin-bottom: 10px;
}

.aplus-item p{
   font-size: 1.2em;
}

.quatro{
   width: 32%;
   float: left;
}

.quatro img{
   border: 1px solid #ccc;
   width: 100%;
}

.dois{
   width: 2%;
   float: left;
   height: 5px;
}

.vinte{
   width: 22.5%;
   float: left;
}

.tt{
   width: 3.3333%;
   float: left;
   height: 2px;
}



.dica{
   width: 100%;
   height: auto;
}

.dica img{
   width: 100%;
}

.dica h5{
   font-size: 1.5em;
   padding-top: 15px;
}

.trinta{
   width: 31%;
   float: left;
   margin-bottom: 30px;
}

.trinta img{
   width: 100%;
}

video{
   margin-bottom: 30px;
}

.tres{
   width: 5%;
   float: left;
   height: 5px;
}

.trinta h5{
   font-size: 1.3em;
   font-weight: bold;
}

.separa{
   width: 100%;
   height: 1px;
   clear: both;
}

table{
  border-collapse: collapse;
   width: 100%;
}

.abre{
   width: 100%;
   height: 150px;
}

table tr{
   border: 1px solid #ccc;
   text-align: left;
}

table tr th{
   padding: 6px 5px;
}

.cinquenta h5{
   font-size: 1.4em;
}

.xA{
   width: 48%;
   float: left;
   margin-right: 2%;   
}

.xB{
   width: 48%;
   float: left;
   margin-left: 1%;   
}

.xA img, .xB img{
   width: 100%;
   border: 1px solid #ccc;
}

@media(max-width:900px) {
   .cinquenta, .cinquentaA{
      width: 100%;
   }

   .tres, .dois, .tt{
      display: none;
   }

   .quatro{
      width: 100%;
   }

   .vinte{
      width: 100%;
      margin-bottom: 30px;
   }

   .xA, .xB{
      width: 100%;
   }
}