/* ==========================================================================

   Grid of 12 columns with 1,2% margin and responsive

   ========================================================================== */

/*  SECTIONS  */

.section {

  clear: both;

  padding: 0px;

  margin: 0px;

}

/*  COLUMN SETUP  */

.col {

  display: block;

  float:left;

  margin: 0% 0 0% 1.2%;

  height:100%;

}

.col:first-child { margin-left: 0; }

/*  GROUPING  */

.group:before,

.group:after {

  content:"";

  display:table;

}

.group:after {

  clear:both;

}

/*  GRID OF TWELVE  */

.span_12_of_12 {

  width: 100%;

}



.span_11_of_12 {

    width: 91.56%;

}

.span_10_of_12 {

    width: 83.13%;

}



.span_9_of_12 {

    width: 74.7%;

}



.span_8_of_12 {

    width: 66.26%;

}



.span_7_of_12 {

    width: 57.83%;

}



.span_6_of_12 {

    width: 49.4%;

}



.span_5_of_12 {

    width: 40.96%;

}



.span_4_of_12 {

    width: 32.53%;

}



.span_3_of_12 {

    width: 24.1%;

}



.span_2_of_12 {

    width: 15.66%;

}



.span_1_of_12 {

    width: 7.233%;

}



/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */



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

  .col { 

    margin: 1% 0 1% 0%;

  }

}


/*
@media only screen and (max-width: 480px) {

  .span_12_of_12 {

    width: 100%; 

  }

  .span_11_of_12 {

    width: 100%; 

  }

  .span_10_of_12 {

    width: 100%; 

  }

  .span_9_of_12 {

    width: 100%; 

  }

  .span_8_of_12 {

    width: 100%; 

  }

  .span_7_of_12 {

    width: 100%; 

  }

  .span_6_of_12 {

    width: 100%; 

  }

  .span_5_of_12 {

    width: 100%; 

  }

  .span_4_of_12 {

    width: 100%; 

  }

  .span_3_of_12 {

    width: 100%; 

  }

  .span_2_of_12 {

    width: 100%; 

  }

  .span_1_of_12 {

    width: 100%;

  }

}
*/

/* ==========================================================================

   Imagem de fundo

   ========================================================================== */



img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1200px;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
	
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
  z-index:-1000;
}

@media screen and (max-width: 1200px) { /* Specific to this particular image */
  img.bg {
    left: 50%;
    margin-left: -500px;   /* 50% */
  }
}

/* ==========================================================================

   

   ========================================================================== */

.box_vinhos {


border: 1px solid #d8d8d8; 
background: #f9f9f9;
margin:10px 0;
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
border-radius: 4px; 
-moz-box-shadow: inset 0 0 0 1px #fff;
-webkit-box-shadow: inset 0 0 0 1px #fff;
box-shadow: inset 0 0 0 1px #fff; 
 }
 /*  Grid Items  */
.height_row
{
  height:500px;
}

.margin_top_row
{
  margin-top:0px;
}

.product_image
{
   height:80%;
}
.product_title
{
  margin-top:10px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; 

}
.img_vinho
{
  padding:15px;
}
.right
{
  float:right;
}
.left
{
  float:left;
}

/* ==========================================================================

   Navegacao

   ========================================================================== */

   .topbar
{
  position:fixed;
  top:0;
  z-index:9000;
  width:100%;
  background:#000000;
  height:26px
}

.navlink::selection {
  background: #ad2624; /* Safari */
  }
.navlink::-moz-selection {
  background: #ad2624; /* Firefox */
}

.navlink {
  text-indent:0;
  display:inline-block;
  color:#000000;
  font-family: Arial, sans-serif, Trebuchet MS;
  font-size:14px;
  line-height:14px;
  text-decoration:none;
  text-align:center;
  padding: 6px 5px 6px 5px;
  margin:0px;
  float:left;
}

.navlink:first-child
{
  margin-left:20px;
}
.navlink:link {
    color:#CCCCCC;
    font-family: Arial, sans-serif, Trebuchet MS;
}
.navlink:visited {
    color:#CCCCCC;
    font-family: Arial, sans-serif, Trebuchet MS;
}
.navlink:hover {

  color:#FFFFFF;
}
.navlink:focus {
  background-color:#ad2624;
  top:1px;
}
.navlink:active {
  position:relative;
  top:1px;
}

.active:visited {
    color:#FFF;
    font-family: Arial, sans-serif, Trebuchet MS;
}

.loja
{
  text-indent:0;
  display:inline-block;
  color:#000000;
  font-family: Arial, sans-serif, Trebuchet MS;
  font-size:14px;
  line-height:14px;
  font-weight:bold;
  text-decoration:none;
  text-align:center;
  padding: 6px 5px 6px 5px;
  margin:0px;
  background:#ad2624;
  color:#fff;
  position:absolute;
  right:0;
  top:0;
  z-index:5;
}
.loja:link, .loja:visited
{
  background:#ad2624;
  color:#fff;
}
.loja:hover
{
  background:#BF2A28;
}