a:link {
  color: #16B1B6; 
  text-decoration: none;
}

a:visited {
  color: #16B1B6; 
  text-decoration: none;
}

body {
    -webkit-print-color-adjust: exact;
}

.area {
 position:absolute;
 z-index:1;
 top:0;
 left:0;
 margin-top:0;
 margin-left:0;
 width: 100%;  
 background-image: url("img/fundo.jpg");
 background-repeat: no-repeat;
}

.parcelamento1 {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:4px;
 margin-left:5%;
 width:90%;  
 height:26px;
 line-height:0.7;
 font: 14px Calibri;
 font-weight: bold;
 color: rgba(20,170,175,1);
 background-color: rgba(20,170,175,0.2);
 border-radius: 0 5px 5px 0;
 float:left;
 border: 0px solid #EEEEEE;
}

.marcas {
 position:relative;
 z-index:1;
 top:0;
 left:10%;
 margin-top:30px;
 margin-left:0;
 width: 80%;  
 height: 50px;
 background-color: rgba(20,170,175,0.1);
 border-radius: 10px;
 align-items:center;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content:center;
}

.marcas1 {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:4px;
 margin-left:0;
 width:200px;  
 height:26px;
 line-height:0.7;
 font: 14px Calibri;
 font-weight: bold;
 color: rgba(20,170,175,1);
 background-color: rgba(20,170,175,0.2);
 border-radius: 0 5px 5px 0;
 float:left;
 border: 0px solid #EEEEEE;
}

.marcas-t1 {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:4px;
 margin-left:0;
 width:10%;  
 height:26px;
 line-height:0.7;
 font: 13px Calibri;
 font-weight: bold;
 font-style: italic;
 color: rgba(20,170,175,0.8);
 background-color: rgba(20,170,175,0.3);
 border-radius: 5px 0 0 5px;
 float:left;
 align-items:center;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content:center;
}

.marcas2 {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:4px;
 margin-left:30px;
 width:200px;  
 height:24px;
 line-height:0.7;
 font: 13px Calibri;
 font-weight: bold;
 color: rgba(20,170,175,0.8);
 background-color: rgba(20,170,175,0.2);
 border-radius: 5px 0 0 5px;
 float:left;
 border: 0px solid #EEEEEE;
}

.marcas3 {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:4px;
 margin-left:0;
 width:80px;  
 height:26px;
 line-height:0.7;
 font: 13px Calibri;  
 font-weight: bold;
 color: #FFFFFF;
 background-color:#16B1B6;
 border-radius: 0 5px 5px 0;
 float:left;
 align-items:center;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content:center;
 border: 0px solid #EEEEEE;
 cursor:pointer;
}

.marcas4 {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:4px;
 margin-left:100px;
 width:150px;  
 height:26px;
 line-height:0.7;
 font: 13px Calibri;  
 font-weight: bold;
 color: #FFFFFF;
 background-color:#16B1B6;
 border-radius: 5px;
 float:left;
 align-items:center;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content:center;
 border: 0px solid #EEEEEE;
 cursor:pointer;
}

.marcas4b {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:0;
 margin-left:5%;
 width:90%;  
 height:24px;
 line-height:0.7;
 font: 14px Calibri;
 font-weight: bold;
 border-radius: 0 5px 5px 0;
 border: 0px solid #EEEEEE;
}

.produtos {
 position:relative;
 z-index:1;
 top:0;
 left:10%;
 margin-top:10px;
 margin-left:0;
 width: 80%;  
 height: 500px;
}

.produtos-p {
 position:relative;
 z-index:1;
 top:0;
 left:10%;
 margin-top:30px;
 margin-left:0;
 width: 80%;  
 height: 300px;
}

.produtox {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:0;
 margin-left:0;
 width: 25%;  
 height: 500px;
 float:left;
 background-image: url("img/pro-fundo.png");
 background-repeat:no-repeat;
}

.produto {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:0;
 margin-left:0;
 width: 25%;  
 height: 500px;
 float:left;
}

.produto-fundo {
 position:absolute;
 z-index:2;
 top:0;
 left:0;
 margin-top:10%;
 margin-left:10%;
 width: 80%;  
 height: 50%;
 border-radius:200px;
 background-image: linear-gradient(180deg, rgba(200,200,200,0.2), rgba(200,200,200,0));
}

.produto-p {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:0;
 margin-left:0;
 width: 25%;  
 height: 300px;
 float:left;
}

.produto-img {
 position:relative;
 z-index:2;
 top:0;
 left:50%;
 margin-top:20px;
 margin-left:-130px;
 width: 260px;  
 height: auto;
}

.produto-img2 {
 position:relative;
 z-index:2;
 top:0;
 left:50%;
 margin-top:20px;
 margin-left:-75px;
 width: 120px;  
 height: auto;
}

.produto-t1 {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:0;
 margin-left:0;
 width:90%;  
 height:50px;
 line-height:0.6;
 font: 13px Calibri;  
 font-weight: bold;
 color: #444444;
 background-image: linear-gradient(180deg, rgba(200,200,200,0.2), rgba(200,200,200,0));
 border-radius: 10px 10px 0 0;
 align-items:center;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content:center;
}

.produto-t1b {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:0;
 margin-left:0;
 width:90%;  
 height:50px;
 line-height:0.6;
 font: 13px Calibri;  
 font-weight: bold;
 color: #444444;

 border-radius: 10px 10px 0 0;
 align-items:center;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content:center;
}

.produto-t2 {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:0;
 margin-left:0;
 width:100%;  
 height:15px;
 line-height:0.7;
 font: 11px Calibri;  
 font-weight: bold;
 font-style: italic;
 color: #444444;
 padding: 0 0 0 10px;
}

.produto-t3 {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:0;
 margin-left:0;
 width:100%;  
 height:15px;
 line-height:0.7;
 font: 11px Calibri;  
 font-weight: bold;
 font-style: italic;
 color: #444444;
 padding: 0 0 0 10px;
}

.produto-t3a {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:0;
 margin-left:0;
 width:100%;  
 height:15px;
 line-height:0.7;
 font: 11px Calibri;  
 font-weight: bold;
 font-style: italic;
 color: #444444;
 padding: 0 0 0 10px;
}

.produto-t3b {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:0;
 margin-left:0;
 width:100%;  
 height:15px;
 line-height:0.7;
 font: 11px Calibri;  
 font-weight: bold;
 font-style: italic;
 color: #444444;
 padding: 0 0 0 10px;
}

.produto-t4a {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:4px;
 margin-left:0;
 width:55%;  
 height:24px;
 line-height:0.7;
 font: 12px Calibri;  
 font-weight: bold;
 color: #444444;
 background-color:#EEEEEE;
 border-radius: 20px 0 0 20px;
 float:left;
 align-items:center;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content:left;
 padding: 0 0 0 10px;
}

.produto-t4b {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:4px;
 margin-left:0;
 width:30%;  
 height:24px;
 line-height:0.7;
 font: 15px Calibri;  
 font-weight: bold;
 font-style: italic;
 color: #FFFFFF;
 background-color:#16B1B6;
 border-radius: 0 20px 20px 0;
 float:left;
 align-items:center;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content:center;
}

.produto-t4c {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:4px;
 margin-left:0;
 width:30%;  
 height:24px;
 line-height:0.7;
 font: 15px Calibri;  
 font-weight: bold;
 font-style: italic;
 color: #990000;
 background-color:#FFCC00;
 border-radius: 0 20px 20px 0;
 float:left;
 align-items:center;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content:center;
 cursor:pointer;
 border: 0px solid #EEEEEE;
}

.produto-t4d {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:4px;
 margin-left:0;
 width:30%;  
 height:24px;
 line-height:0.7;
 font: 15px Calibri;  
 font-weight: bold;
 font-style: italic;
 color: #444444;
 background-color:#DDDDDD;
 border-radius: 0 20px 20px 0;
 float:left;
 align-items:center;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content:center;
 cursor:pointer;
 border: 0px solid #EEEEEE;
}

.produto-t4e {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:4px;
 margin-left:0;
 width:55%;  
 height:24px;
 line-height:0.7;
 font: 12px Calibri;  
 font-weight: bold;
 color: #FFFFFF;
 background-color:#16B1B6;
 border-radius: 20px 0 0 20px;
 float:left;
 align-items:center;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content:left;
 padding: 0 0 0 10px;
}

.produto-t4f {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:4px;
 margin-left:0;
 width:40%;  
 height:24px;
 line-height:0.7;
 font: 12px Calibri;  
 font-weight: bold;
 color: #FFFFFF;
 background-color:#16B1B6;
 border-radius: 20px 0 0 20px;
 float:left;
 align-items:center;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content:left;
 padding: 0 0 0 10px;
}

.produto-t4g {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:4px;
 margin-left:0;
 width:15%;  
 height:24px;
 line-height:0.7;
 font: 15px Calibri;  
 font-weight: bold;
 color: #FFFFFF;
 background-color:#16636F;
 border-radius: 0;
 float:left;
 align-items:center;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content:center;
 padding: 0;
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.piscapisca {
 animation: blink 1s infinite; /* 1s de duração, repetição infinita */
}

.produto-t4h {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:4px;
 margin-left:0;
 width:55%;  
 height:24px;
 line-height:0.7;
 font: 12px Calibri;  
 font-weight: bold;
 color: #990000;
 background-image: linear-gradient(0deg, rgba(255,200,20,1), rgba(256,255,90,1));
 border-radius: 20px 0 0 20px;
 float:left;
 align-items:center;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content:left;
 padding: 0 0 0 10px;
}

.produto-t5 {
 position:relative;
 z-index:2;
 top:5px;
 left:0;
 margin-top:10px;
 margin-left:0;
 width:91%;  
 height:165px;
 line-height:0.8;
 font: 14px Calibri;  
 font-weight: normal;
 color: #444444;
 background-color:#EFEFEF;
 border-radius: 10px;
 padding:10px;
 align-items:top;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content:center;
}

.produto-t6 {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:5px;
 margin-left:0;
 width:65%;  
 height:24px;
 line-height:0.7;
 font: 12px Calibri;  
 font-weight: bold;
 color: #FFFFFF;
 background-color:#16B1B6;
 border-radius: 20px 0 0 20px;
 float:left;
 align-items:center;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content:left;
 padding: 0 0 0 10px;
}

.produto-t6x {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:10px;
 margin-left:0;
 width:95%;  
 height:24px;
 line-height:0.7;
 font: 12px Calibri;  
 font-weight: bold;
 color: #FFFFFF;
 background-color:#16B1B6;
 border-radius: 20px;
 float:left;
 align-items:center;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content:left;
 padding: 0 0 0 10px;
}

.produto-t7 {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:0;
 margin-left:0;
 width:90%;  
 height:30px;
 line-height:0.6;
 font: 25px Calibri;  
 font-weight: bold;
 color: #16B1B6;
 align-items:center;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content:center;
}

.produto-t8a {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:4px;
 margin-left:0;
 width:33%;  
 height:24px;
 font: 12px Calibri;  
 font-weight: bold;
 color: #FFFFFF;
 background-color:#FFFFFF;
 border-radius:0;
 float:left;
 align-items:center;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content:center;
}

.produto-t8b {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:4px;
 margin-left:0;
 width:25%;  
 height:24px;
 font: 15px Calibri;  
 font-weight: bold;
 color: #444444;
 background-color:#EEEEEE;
 border-radius: 20px 0 0 20px;
 float:left;
 align-items:center;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content:center;
 padding: 0;
}

.produto-t8c {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:4px;
 margin-left:0;
 width:30%;  
 height:24px;
 font: 15px Calibri;  
 font-weight: bold;
 color: #444444;
 background-color:#EEEEEE;
 border-radius: 0 20px 20px 0;
 float:left;
 align-items:center;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content:center;
 border: 0px solid #EEEEEE;
}

.produto-t9 {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:5px;
 margin-left:0;
 width:81%;  
 height:170px;
 line-height:0.8;
 font: 14px Calibri;  
 font-weight: normal;
 color: #444444;
 background-color:#EFEFEF;
 border-radius: 10px;
 padding:10px;
 align-items:top;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content:center;
}

.paginacao {
 position:relative;
 z-index:1;
 top:0;
 left:10%;
 margin-top:0;
 margin-left:0;
 width: 80%;  
 height: 30px;
 align-items:center;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content:center;
 background-color:#EFEFEF;

 font: 14px Calibri;  
 font-weight: bold;
 color: #444444;
}

.paginacao1c {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:0;
 margin-left:0;
 width: 15%;  
 height: 30px;
 border-radius: 25px 0 0 25px;
 font: 14px Calibri;  
 font-weight: bold;
 color: #16B1B6;
 align-items:center;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content:center;
 float:left;
}

.paginacao1a {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:0;
 margin-left:0;
 width: 30%;  
 height: 30px;
 border-radius:0;
 font: 14px Calibri;  
 font-weight: bold;
 align-items:center;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content:center;
 float:left;
}

.paginacao1d {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:0;
 margin-left:0;
 width: 15%;  
 height: 30px;
 border-radius:0;
 font: 14px Calibri;  
 font-weight: bold;
 align-items:center;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content:center;
 float:left;
}

.paginacao1e {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:0;
 margin-left:0;
 width: 90%;  
 height: 30px;
 border-radius: 30px;
 font: 14px Calibri;  
 font-weight: bold;
 color: #16B1B6;
 align-items:center;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content:center;
 float:left;
}

.paginacao1b {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:0;
 margin-left:0;
 width: 20%;  
 height: 30px;
 border-radius: 0 25px 25px 0;
 font: 14px Calibri;  
 font-weight: bold;
 align-items:center;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content:center;
 float:left;
}

.paginacao2 {
 position:relative;
 z-index:2;
 top:0;
 left:10%;
 margin-top:0;
 margin-bottom:60px;
 margin-left:0;
 width: 80%;  
 height: 80px;
 align-items:top;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content:center;
}

.paginacao2a {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:0;
 margin-left:0;
 width: 30%;  
 height: 30px;
 background-color: rgba(20,170,175,0.1);
 font: 15px Calibri;  
 font-weight: bold;
 color: #16B1B6;
 align-items:center;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content:center;
 border-radius: 20px 0 0 20px;
 float:left;
}

.paginacao2b {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:0;
 margin-left:0;
 width: 40%;  
 height: 30px;
 background-color:#16B1B6;
 font: 15px Calibri;  
 font-weight: bold;
 color: #FFFFFF;
 align-items:center;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content:center;
 float:left;
}

.paginacao2c {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:0;
 margin-left:0;
 width: 30%;  
 height: 30px;
 color: #EEEEEE;
 background-color:#FFFFFF;
 font: 15px Calibri;  
 font-weight: bold;
 align-items:center;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content:center;
 border-radius: 0 20px 20px 0;
 float:left;
}

.paginacao2d {
 position:absolute;
 z-index:2;
 top:0;
 left:0;
 margin-top:0;
 margin-left:0;
 width: 100%;  
 height: 30px;
 color: #990000;
 background-color:#FFCC00;
 font: 15px Calibri;  
 font-weight: bold;
 align-items:center;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content:center;
 border-radius: 0 20px 20px 0;
 float:left;
 cursor:pointer;
 border: 0px solid #EEEEEE;
}

.paginacao3 {
 position:relative;
 z-index:5;
 top:0;
 left:0;
 margin-top:0;
 margin-left:0;
 width: 100%;  
 height: 30px;
 align-items:center;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content:center;
}

.paginacao4 {
 position:relative;
 z-index:5;
 top:0;
 left:0;
 margin-top:0;
 margin-left:10%;
 width: 80%;  
 height: 30px;
 align-items:center;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content:center;
}

.paginacao5 {
 position:relative;
 z-index:5;
 top:0;
 left:0;
 margin-top:0;
 margin-left:5%;
 width: 90%;  
 align-items:center;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content:center;
}

.campo1 {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:4px;
 margin-left:0;
 width:65%;  
 height:26px;
 line-height:0.7;
 font: 15px Calibri;
 font-weight: bold;
 color: rgba(20,170,175,0.8);
 background-color: rgba(20,170,175,0.1);
 border-radius: 0 10px 0 0;
 float:left;
 border: 0px solid #EEEEEE;

 align-items:center;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content:center;
}

.campo1-t1 {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:4px;
 margin-left:5%;
 width:20%;  
 height:28px;
 line-height:0.7;
 font: 13px Calibri;
 font-weight: bold;
 font-style: italic;
 color: rgba(20,170,175,0.8);
 background-color: rgba(20,170,175,0.2);
 border-radius: 10px 0 0 0;
 float:left;
 align-items:center;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content:center;
}

.campo2 {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:4px;
 margin-left:5%;
 width:85%;  
 height:150px;
 line-height:0.7;
 font: 13px Calibri;  
 font-weight: bold;
 color: rgba(20,170,175,0.8);
 background-color: rgba(20,170,175,0.1);
 border-radius: 0;
 border: 0px solid #EEEEEE;

 align-items:center;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content:center;
}

.campo3 {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:0;
 margin-left:5%;
 width:30%;  
 height:24px;
 line-height:0.7;
 font: 13px Calibri;  
 font-weight: bold;
 color: #FFFFFF;
 background-color:#16B1B6;
 border-radius: 0 0 10px 10px;
 float:left;
 align-items:center;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content:center;
 border: 0px solid #EEEEEE;
 cursor:pointer;
}

.qtd1 {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:4px;
 margin-left:0;
 width:60px;  
 height:26px;
 line-height:0.7;
 font: 13px Calibri;
 font-weight: bold;
 font-style: italic;
 color: rgba(153,0,0,1);
 background-color: rgba(255,204,0,1);
 border-radius: 20px 0 0 20px;
 float:left;
 align-items:center;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content:center;
}

.qtd2 {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:4px;
 margin-left:0px;
 width:50px;  
 height:26px;
 line-height:0.7;
 font: 13px Calibri;
 font-weight: bold;
 font-style: normal;
 color: rgba(255,255,255,1);
 background-color:#16B1B6;
 border-radius: 0 20px 20px 0;
 float:left;
 border: 0px solid #EEEEEE;
 padding: 0 0 0 20px;
}

.qtd3 {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:0;
 margin-left:0;
 width:130px;  
 height:30px;
 line-height:0.7;
 font: 16px Calibri;
 font-weight: bold;
 font-style: italic;
 color: rgba(153,0,0,1);
 background-image: linear-gradient(0deg, rgba(255,200,20,1), rgba(256,255,90,1));
 border-radius: 30px;
 float:left;
 align-items:center;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content:center;
 border: 0px solid #EEEEEE;
 cursor: pointer;
}

.qtd4 {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:0;
 margin-left:0;
 width:130px;  
 height:26px;
 line-height:0.7;
 font: 13px Calibri;
 font-weight: bold;
 font-style: normal;
 color: rgba(90,90,90,1);
 background-color:#EEEEEE;
 border-radius: 30px;
 float:left;
 align-items:center;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content:center;
 border: 0px solid #EEEEEE;
 cursor: pointer;
}

.qtd5 {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:0;
 margin-left:0;
 width:130px;  
 height:26px;
 line-height:0.7;
 font: 13px Calibri;
 font-weight: bold;
 font-style: normal;
 color: rgba(255,255,255,1);
 background-color:#16B1B6;
 border-radius: 30px;
 float:left;
 align-items:center;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content:center;
 border: 0px solid #EEEEEE;
 cursor: pointer;
}

.campanha {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:0;
 margin-left:0;
 width: 25%;  
 height: 800px;
 float:left;
 background-image: url("img/pro-fundo.png");
 background-repeat:no-repeat;
}

.campanha-img {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:10px;
 margin-left:1%;
 width: 85%;  
 height: auto;
}

.campanha-tit {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:0;
 margin-left:1%;
 width:81%;  
 height:14px;
 font: 15px Calibri;  
 font-weight: bold;
 font-style: italic;
 color: #444444;
 background-color:#DDDDDD;
 border-radius:0;
 float:left;
 align-items:center;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content:center;
 cursor:pointer;
 border: 0px solid #EEEEEE;
 padding:5px;
}

.campanha-txt {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:5px;
 margin-left:1%;
 width:81%;  
 height:100px;
 line-height:0.8;
 font: 14px Calibri;  
 font-weight: normal;
 color: #444444;
 background-color:#EFEFEF;
 border-radius:0;
 padding:5px;
 align-items:top;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content:center;
}

.campanha-bt1 {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:4px;
 margin-left:0;
 width:88%;  
 height:24px;
 line-height:0.7;
 font: 15px Calibri;  
 font-weight: bold;
 font-style: italic;
 color: #990000;
 background-color:#FFCC00;
 border-radius: 20px;
 float:left;
 align-items:center;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content:center;
 cursor:pointer;
 border: 0px solid #EEEEEE;
}

.lista {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:0;
 margin-left:0;
 width: 25%;  
 height: 300px;
 float:left;
 background-image: url("img/pro-fundo.png");
 background-repeat:no-repeat;
}

.carrinho-tit {
 position:relative;
 z-index:2;
 top:0;
 left:0;
 margin-top:-10px;
 margin-left:5%;
 width: 90%;  
 height:55px;
 float:left;
 font: 45px Calibri;  
 font-weight: bold;
 color: #FFFFFF;
 align-items:center;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content:center;
}

.fn-amarelo {
 color: #990000;
 background-image: linear-gradient(0deg, rgba(255,200,20,1), rgba(256,255,90,1));
}

.fn-amarelo2 {
 color: #990000;
 background-image: linear-gradient(180deg, rgba(255,200,20,1), rgba(256,255,90,1));
}

.fn-vermelho {
 color: #FFFFFF;
 background-image: linear-gradient(0deg, rgba(150,0,0,1), rgba(220,0,0,1));
}

.fn-cinza {
 color: #FFFFFF;
 background-image: linear-gradient(0deg, rgba(100,100,100,1), rgba(150,150,150,1));
}

.fn-cinzaclaro {
 color: #888888;
 background-image: linear-gradient(0deg, rgba(200,200,200,1), rgba(250,250,250,1));
}

.fn-cinzaclaro2 {
 color: #888888;
 background-image: linear-gradient(0deg, rgba(240,240,240,1), rgba(255,255,255,1));
}

.fn-verde {
 color: #FFFFFF;
 background-image: linear-gradient(0deg, rgba(20,100,110,1), rgba(20,170,175,1));
}

.fn-verdeclaro {
 color: #16B1B6;
 background-color: rgba(20,170,175,0.1);
}

.fn-verdelogo {
 color: #FFFFFF;
 background-color: #16B1B6;
}

.arredonda {
 border-radius:20px;
}