/* CSS Document */ 
@media (min-width:980px) and (max-width: 1680px) {
  .grid_3 {width:120px;float:left;height:100%} 
  .container_12 {background:#333333;font-size:16px;color:#777777; width:100%;padding:0;margin:auto;height:150px} 
  .grid_9 { width:1200px;float:right;margin-top:20px } 
  .num{background-image:url(img2/body2.jpg);background-repeat:no-repeat}
  .categoria1{list-style-type:none;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;width:120px}
  .slideshow-container {max-width:800px;position:relative; margin-left:100px; margin-bottom:40x}
  .next{border-radius: 3px 0 0 3px; margin-left:760px}
  .linkDetalhe2{color:#FFFFFF;float:right;margin-right:6px}
  .msg36{font-family:'Roboto',Helvetica,Arial, sans-serif; font-size:12px; text-align:justify; line-height:18px; letter-spacing:1px; padding:40px; width:600px; margin-left:60px }
  #texto{display:none;background-color:#D9F9F4; padding:10px}
}
@media (min-width:1680px) and (max-width: 1980px) {
  .grid_3 { width: 320px;  float: left; height:100%  } 
  .container_12 {background: #333333;font-size: 16px;color:#777777; width: 100%;padding:0;margin: auto; height:150px; }   
  .grid_9 { width: 1200px;  float: left; margin-top:20px } 
  .num{background-image:url(img2/body.jpg); background-repeat:no-repeat}
  .categoria1{list-style-type:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; width:200px}
  .slideshow-container {max-width: 800px;position: relative; margin-left:0px}
  .next {border-radius: 3px 0 0 3px; margin-left:760px}
  .linkDetalhe2{color:#FFFFFF; float:right; margin-right:6px}
  .msg36{font-family:'Roboto',Helvetica,Arial, sans-serif; font-size:12px; text-align:justify; line-height:18px; letter-spacing:1px; padding:10px; width:600px }
  #texto{display:none}
}
@media (min-width:1980px) {
  .grid_3 { width: 320px;  float: left; height:100%  }
  .container_12 {background: #333333;font-size: 16px;color:#777777; width: 100%;padding:0;margin: auto; height:150px; }    
  .grid_9 { width: 1200px;  float: left; margin-top:20px } 
  .num{background-image:url(img2/body.jpg); background-repeat:no-repeat}
  .categoria1{list-style-type:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; width:200px}
  .slideshow-container {max-width: 800px;position: relative; margin-left:0px;}
  .next {right:0;border-radius: 3px 0 0 3px; margin-left:760px}
  .linkDetalhe2{color:#FFFFFF; float:right; margin-right:6px}
  .msg36{font-family:'Roboto',Helvetica,Arial, sans-serif; font-size:12px; text-align:justify; line-height:18px; letter-spacing:1px; padding:10px; width:600px }
  #texto{display:none}
}

.sl1{display:block}
.sl2{display:none}
#slide1{display:none}
#slide2{display:none}
#slide3{display:none}
.dot10{text-align:left; margin-left:250px}
/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}


/* Slideshow container */


   body {margin:auto 0px; height:100%; width:100% }    
   html{height:100%}
  header { background: #ffffff; } 
  nav { background-image:url(img2/nav.png); background-repeat:no-repeat}
  section { background: #c90; }
  footer { background: #FFFFFF; }
  img{border:0}  

.seta{display:none}
.seta2{display:none}
.seta3{display:none}
  header, footer { height: 150px; }
  nav, section { height: 440px; }
   
  .cas{ font-size:24px}
 
  
 
  .grid_12b { width: 100%;  float: left; margin-top:20px; border-top:1px solid #777777}
  .grade{ float:right; margin-top:7px; margin-right:2px}

 
.menu{width:100%; height:110px; background-image:url(img2/fundomarca.png); background-repeat:no-repeat }
.menu2{list-style-type:none; display:inline; font-family:Verdana, Arial, Helvetica, sans-serif;  padding:0px }
.menu3{display:inline;}
.menu4{display:inline; float:right; margin-top:30px; margin-right:560px}
.menu5{display:inline; float:right;  margin-top:30px}
.menu6{margin-top:30px; width:100%; float:inherit; align-items: left; justify-content: left; display: flex; font-family:Arial, Helvetica, sans-serif; font-weight:600}
.menu7{width:350px; height:350px; float:left; text-align:center; background-image:url(img2/menu1.png); font-size:36px; color:#264753}
.menu8{width:350px; height:350px; float:left; margin-left:15px; text-align:center; background-image:url(img2/menu2.png); font-size:36px; color:#264753}
.menu9{width:350px; height:350px; float:left; margin-left:15px; text-align:center;background-image:url(img2/menu3.png); font-size:36px; color:#264753}
.grid_12 { width: 100%;  float: left; height:100%; background-image:url(img2/topo.jpg); background-repeat:no-repeat }


a:hover{ text-decoration:underline; color:#e87052}
a:link{ text-decoration:none; color:#e87052}
a:visited{ text-decoration:none; color:#e87052}
a:active{ text-decoration:none; color:#e87052}
.paragrafo1{ margin-top:50px}
.vitrine{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:22px; margin-top:10px; margin-left:10px; width:100%}
.vitrine2{font-family:'Roboto',Arial, Helvetica, sans-serif; font-size:28px; margin-top:20px; margin-left:10px; margin-bottom:20px;padding:5px; color:#264753; width:400px; width:100% }


.categoria2{font-size:20px; color:#333333; border-bottom:1px solid #CCCCCC; padding-bottom:5px;}
.categoria3{margin-top:5px; margin-bottom:5px; color:#264753}
.categoria4{margin-top:5px; margin-bottom:5px; color:#264753; margin-left:5px}
.categoria5{margin-top:10px; margin-bottom:10px; font-size:18px; color:#264753; margin-left:5px}
.categoria6{margin-top:10px; margin-bottom:10px; font-size:16px; color:#264753; margin-left:5px}

.linkDetalhe:hover{ text-decoration:underline; color:#0066FF}
.linkDetalhe:link{ text-decoration:none; color:#0066FF}
.linkDetalhe:visited{ text-decoration:none; color:#06324D}
.linkDetalhe:active{ text-decoration:none; color:#0066FF}

.linkCarrinho:hover{ text-decoration:underline; color:#0066FF}
.linkCarrinho:link{ text-decoration:none; color:#000000}
.linkCarrinho:visited{ text-decoration:none; color:#06324D}
.linkCarrinho:active{ text-decoration:none; color:#0066FF}
.linkCarrinho{ font-size:22px; font-weight:600}

.link1:hover{ text-decoration:underline; color:#462B00}
.link1:link{ text-decoration:none; color:#264753}
.link1:visited{ text-decoration:none; color:#264753}
.link1:active{ text-decoration:none; color:#264753}

.link2:hover{ text-decoration:underline; color:#e87052; font-size:12px}
.link2:link{ text-decoration:none; color:#e87052; font-size:12px}
.link2:visited{ text-decoration:none; color:#e87052; font-size:12px}
.link2:active{ text-decoration:none; color:#e87052; font-size:12px}

.link22:hover{ text-decoration:underline; color:#006600; font-size:22px}
.link22:link{ text-decoration:none;color:#e87052; font-size:22px}
.link22:visited{ text-decoration:none; color:#e87052; font-size:22px}
.link22:active{ text-decoration:none; color:#e87052; font-size:22px}

.roupa{width:270px; height:400px; float:left; text-align:center; background-color:#FFFFFF; margin:40px;}
.roupa1{list-style-type:none; padding:0px; }
.roupa2{font-family:'Montserrat',Helvetica,Arial, sans-serif; font-size:14px; font-weight:600; text-align:left; margin-bottom:5px; padding-left:0px; color:#264753}
.roupa3{font-family:'Roboto',Helvetica,Arial, sans-serif;font-size:13px; text-align:left; margin-bottom:5px; color:#264753}

.roupa4{ width:215px; height:60px; margin-top:25px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; background-image:url(img2/menuD.png); background-repeat:no-repeat; padding-top:10px; padding-bottom:10px; padding-left:10px; color:#993300; }
.roupa6{font-family:'Roboto',Helvetica,Arial, sans-serif;font-size:13px; text-align:left; color:#264753; margin-top:10px}

.paginacao{float:left; width:900px; height:30px; border-bottom:5px solid #efc0b4; margin-top:40px; margin-left:10px; font-size:22px; color:#e87052}
.rodape1{width:200px; height:150px; float:left; margin-left:200px; padding:0; border-right:1px #cccccc solid}
.rodape1b{width:200px; height:150px; float:left; margin-left:20px; border-right:1px #cccccc solid}
.rodape1c{width:200px; height:150px; float:left; margin-left:100px}
.rodape2{list-style-type:none; padding:0}
.rodape3{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#264753}