/* CSS Document */
 


@media (max-width: 1980px) 
{
  .container_12 {background: #333333;font-size: 16px;color:#777777; width: 100%;padding:0;margin: auto; height:200px; } 
  .grid_3 { width: 320px;  float: left; height:100%  } 
  .grid_9 { width: 1200px;  float: left; } 
}

@media (max-width: 1680px) 
{
  .grid_3 { width: 320px;  float: left; height:100%  } 
  .container_12 {background: #333333;font-size: 16px;color:#777777; width: 100%;padding:0;margin: auto; height:200px; } 
  .grid_9 { width: 1200px;  float: left; } 
}
@media (max-width: 1366px) 
{
  .grid_3 { width: 290px;  float: left; height:100%  } 
  .container_12 {background: #333333;font-size: 16px;color:#777777; width: 100%;padding:0;margin: auto; height:200px; } 
  .grid_9 { width: 1000px;  float: left; } 
}

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


  header, footer { height: 150px; }
  nav, section { height: 440px; }
   
  
 .imagem{ width:497px; height:597px; background-image:url(img2/pedido.png); background-repeat:no-repeat; margin-top:30px}
  
 
  .grid_12b { width: 100%;  float: left; margin-top:350px; 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:155px}
.vitrine{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; margin-top:10px; margin-left:0px; margin-bottom:30px; border-bottom:1px solid #CCCCCC}

.categoria1{list-style-type:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; width:200px}
.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:#000000}
.linkDetalhe:link{ text-decoration:none; color:#000000}
.linkDetalhe:visited{ text-decoration:none; color:#000000}
.linkDetalhe:active{ text-decoration:none}

.roupa{width:270px; height:400px; float:left; text-align:center; background-color:#FFFFFF; margin:20px; margin-right:200px}
.roupa1{list-style-type:none; padding:0px}
.roupa2{font-family:Arial, Helvetica, sans-serif; text-align:left}
.roupa3{font-size:14px; text-align:left;}
.roupa4{font-size:18px; text-align:left; background-color:#99CC00; padding-top:5px; padding-bottom:5px; padding-left:10px; color:#993300; margin-bottom:50px}
.roupa5{width:270px; height:200px; float:left; text-align:center; background-color:#FFFFFF; margin:20px; margin-right:200px}
.paginacao{float:left; width:900px; height:50px; border:1px solid #cccccc; margin-top:10px; margin-left:10px; font-size:36px; color:#54BFA0}
.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; margin-top:10px}
.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}