@import url("fonts.css");
@import url(http://fonts.googleapis.com/css?family=Lato:400,700);

/*FONTS*/

body{ padding:0px; margin:0px; font-size:18px; color:#492F19; font-family:"dekarregular", Tahoma, Geneva, sans-serif; background-color:#f7f2e8;}
html, .h100 {height: 100%;}

/* Anchors
---------------------------------------------------*/
h1 {color:#98B52D; font-size:24px; margin:0 0 15px 0; font-family:"dekarregular"; border-bottom:solid 1px #98B52D; padding-bottom:10px; font-weight:300;}
h1.black {color:#3F3D3B; border-bottom:solid 1px #D8D8D8;}
h2 {}
h3 { margin:0 0 15px 0;}
p { line-height:22px; margin:0 0 15px 0;}
a:focus { outline:none;}
a{ text-decoration:none; color:#9ABF36;}
a:hover { text-decoration:none;}

/* Font Hacks
---------------------------------------------------*/
.font-09{ font-size:9px; } .font-10{ font-size:10px; } .font-11{ font-size:11px; } .font-12{ font-size:12px; } .font-14{ font-size:14px; } .font-16{ font-size:16px; } .font-18{ font-size:18px; } .font-20{ font-size:20px; } .font-21{ font-size:21px; } .font-22{ font-size:22px; } .font-24{ font-size:24px; } .font-25 { font-size:25px;} .font-26{ font-size:26px; } .font-27{ font-size:27px;} .font-28{ font-size:28px; } .font-30{ font-size:30px; } .font-31{ font-size:31px; } .font-32{ font-size:32px; } .font-34{ font-size:34px; } .font-36{ font-size:36px; } .font-48{ font-size:48px; } .font-72{ font-size:72px; } .font-80{ font-size:80px; } .font-48{ font-size:48px;}

.text-left { text-align:left;}
.text-center { text-align:center;}
.text-rigt { text-align:right;}
.text-justify { text-align:justify;}

/* Button
---------------------------------------------------*/
.btn {}
.btn-primary { }
.btn-warning {}
.btn-xs {}


/* Wrapper
--------------------------------------------------*/
#loading { width:100%; height:100%; background-color:#999; position:absolute; top:0; left:0; z-index:499;}
.container { margin:auto; width:1000px !important;}
#header { background-color:#3f3d3b; border-bottom:solid 5px #87af1f; padding:10px 0; margin-bottom:25px;}
ul.social { margin-top:30px;}
ul.social li {}
ul.social li a { background-color:#494846; display:block; width:30px; height:30px; line-height:30px; text-align:center;
-webkit-border-radius:35px;
-moz-border-radius:35px;
border-radius:35px;
}
ul.social li a i { line-height:30px; color:#3f3d3b; font-size:18px;}
.logo { display:block; text-align:center; margin:15px 0 0 0;}
.logo img { margin:auto;}
.menu { margin:25px 0 0 0; border-top:solid 1px #5e5d5c;}
.menu ul { margin:0; padding:0;}
.menu ul li { list-style:none;}
.menu ul li a { display:block; color:#E2E2E2; text-transform:uppercase; text-align:center; font-family:"Lato"; font-size:12px;
-webkit-transition: all 0.3s ease 0s; 
-o-transition: all 0.3s ease 0s; 	
transition: all 0.3s ease 0s;
}
.menu ul li a:hover, .menu ul li.current a {color:#98b52d;}
#search { position:relative; margin-top:30px; display:none;}
#search input { border:none; background-color:#494846; color:#FFF; padding:4px; width:215px;}
#search button { border:none; cursor:pointer; color:#3f3d3b; position:absolute; top:2px; right:4px; background:none; font-size:17px;}

.main { background-color:#FFF; padding:50px 20px; position:relative;}
.mini-main { width:780px; margin:30px auto;  background-color:#FFF; padding:30px; position:relative;}
.main.black { background-color:#3f3d3b; color:#FFF;}
.boton-link { display:inline-block; color:#FFF; padding:5px 8px; background-color:#98B52D;}

#banner { position:relative;}

.productos { position:relative; margin:50px 0;}
.nomargin { margin:0 !important;}
#variedades { background:url(../images/wood-bg.jpg) repeat center center; position:relative; height:558px; padding:40px 80px 40px 20px;}
.producto { background:url(../images/foto.png) no-repeat left top; width:268px; height:303px; margin:20px 0 0 0; padding:30px 42px 43px 40px; position:relative;
-webkit-transition: all 0.3s ease 0s; 
-o-transition: all 0.3s ease 0s; 	
transition: all 0.3s ease 0s;
}

.producto:hover {
  /*-webkit-animation: animation 1000ms linear both;
  animation: animation 1000ms linear both;*/
  z-index:99;
  -webkit-transform:scale(1.05, 1.05);
	-o-transform:scale(1.05, 1.05);
	transform:scale(1.05, 1.05);
}

/* Generated with Bounce.js. Edit at http://goo.gl/y3FSYm */

/*@-webkit-keyframes animation { 
  0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  3.333333% { -webkit-transform: matrix3d(1.2909, 0, 0, 0, 0, 1.37203, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.2909, 0, 0, 0, 0, 1.37203, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  6.666667% { -webkit-transform: matrix3d(1.59685, 0, 0, 0, 0, 1.81382, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.59685, 0, 0, 0, 0, 1.81382, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  10% { -webkit-transform: matrix3d(1.85548, 0, 0, 0, 0, 2.14452, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.85548, 0, 0, 0, 0, 2.14452, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  13.333333% { -webkit-transform: matrix3d(2.03794, 0, 0, 0, 0, 2.29368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.03794, 0, 0, 0, 0, 2.29368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  16.666667% { -webkit-transform: matrix3d(2.14088, 0, 0, 0, 0, 2.28177, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.14088, 0, 0, 0, 0, 2.28177, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  20% { -webkit-transform: matrix3d(2.17694, 0, 0, 0, 0, 2.17694, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.17694, 0, 0, 0, 0, 2.17694, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  23.333333% { -webkit-transform: matrix3d(2.16606, 0, 0, 0, 0, 2.05246, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.16606, 0, 0, 0, 0, 2.05246, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  26.666667% { -webkit-transform: matrix3d(2.12889, 0, 0, 0, 0, 1.95928, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.12889, 0, 0, 0, 0, 1.95928, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  30% { -webkit-transform: matrix3d(2.08275, 0, 0, 0, 0, 1.91725, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.08275, 0, 0, 0, 0, 1.91725, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  33.333333% { -webkit-transform: matrix3d(2.0397, 0, 0, 0, 0, 1.92061, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.0397, 0, 0, 0, 0, 1.92061, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  36.666667% { -webkit-transform: matrix3d(2.00644, 0, 0, 0, 0, 1.95014, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.00644, 0, 0, 0, 0, 1.95014, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  40% { -webkit-transform: matrix3d(1.98522, 0, 0, 0, 0, 1.98522, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.98522, 0, 0, 0, 0, 1.98522, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  43.333333% { -webkit-transform: matrix3d(1.97516, 0, 0, 0, 0, 2.01147, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.97516, 0, 0, 0, 0, 2.01147, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  46.666667% { -webkit-transform: matrix3d(1.97367, 0, 0, 0, 0, 2.02332, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.97367, 0, 0, 0, 0, 2.02332, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  50% { -webkit-transform: matrix3d(1.97763, 0, 0, 0, 0, 2.02237, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.97763, 0, 0, 0, 0, 2.02237, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  53.333333% { -webkit-transform: matrix3d(1.98414, 0, 0, 0, 0, 2.01405, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.98414, 0, 0, 0, 0, 2.01405, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  56.666667% { -webkit-transform: matrix3d(1.99098, 0, 0, 0, 0, 2.00417, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.99098, 0, 0, 0, 0, 2.00417, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  60% { -webkit-transform: matrix3d(1.99677, 0, 0, 0, 0, 1.99677, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.99677, 0, 0, 0, 0, 1.99677, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  63.333333% { -webkit-transform: matrix3d(2.00085, 0, 0, 0, 0, 1.99343, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.00085, 0, 0, 0, 0, 1.99343, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  66.666667% { -webkit-transform: matrix3d(2.00315, 0, 0, 0, 0, 1.9937, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.00315, 0, 0, 0, 0, 1.9937, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  70% { -webkit-transform: matrix3d(2.00396, 0, 0, 0, 0, 1.99604, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.00396, 0, 0, 0, 0, 1.99604, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  73.333333% { -webkit-transform: matrix3d(2.00371, 0, 0, 0, 0, 1.99883, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.00371, 0, 0, 0, 0, 1.99883, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  76.666667% { -webkit-transform: matrix3d(2.00288, 0, 0, 0, 0, 2.00091, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.00288, 0, 0, 0, 0, 2.00091, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  80% { -webkit-transform: matrix3d(2.00185, 0, 0, 0, 0, 2.00185, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.00185, 0, 0, 0, 0, 2.00185, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  83.333333% { -webkit-transform: matrix3d(2.00089, 0, 0, 0, 0, 2.00178, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.00089, 0, 0, 0, 0, 2.00178, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  86.666667% { -webkit-transform: matrix3d(2.00014, 0, 0, 0, 0, 2.00112, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.00014, 0, 0, 0, 0, 2.00112, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  90% { -webkit-transform: matrix3d(1.99967, 0, 0, 0, 0, 2.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.99967, 0, 0, 0, 0, 2.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  93.333333% { -webkit-transform: matrix3d(1.99944, 0, 0, 0, 0, 1.99974, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.99944, 0, 0, 0, 0, 1.99974, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  96.666667% { -webkit-transform: matrix3d(1.99941, 0, 0, 0, 0, 1.99948, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.99941, 0, 0, 0, 0, 1.99948, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% { -webkit-transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
}

@keyframes animation { 
  0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  3.333333% { -webkit-transform: matrix3d(1.2909, 0, 0, 0, 0, 1.37203, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.2909, 0, 0, 0, 0, 1.37203, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  6.666667% { -webkit-transform: matrix3d(1.59685, 0, 0, 0, 0, 1.81382, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.59685, 0, 0, 0, 0, 1.81382, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  10% { -webkit-transform: matrix3d(1.85548, 0, 0, 0, 0, 2.14452, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.85548, 0, 0, 0, 0, 2.14452, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  13.333333% { -webkit-transform: matrix3d(2.03794, 0, 0, 0, 0, 2.29368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.03794, 0, 0, 0, 0, 2.29368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  16.666667% { -webkit-transform: matrix3d(2.14088, 0, 0, 0, 0, 2.28177, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.14088, 0, 0, 0, 0, 2.28177, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  20% { -webkit-transform: matrix3d(2.17694, 0, 0, 0, 0, 2.17694, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.17694, 0, 0, 0, 0, 2.17694, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  23.333333% { -webkit-transform: matrix3d(2.16606, 0, 0, 0, 0, 2.05246, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.16606, 0, 0, 0, 0, 2.05246, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  26.666667% { -webkit-transform: matrix3d(2.12889, 0, 0, 0, 0, 1.95928, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.12889, 0, 0, 0, 0, 1.95928, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  30% { -webkit-transform: matrix3d(2.08275, 0, 0, 0, 0, 1.91725, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.08275, 0, 0, 0, 0, 1.91725, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  33.333333% { -webkit-transform: matrix3d(2.0397, 0, 0, 0, 0, 1.92061, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.0397, 0, 0, 0, 0, 1.92061, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  36.666667% { -webkit-transform: matrix3d(2.00644, 0, 0, 0, 0, 1.95014, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.00644, 0, 0, 0, 0, 1.95014, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  40% { -webkit-transform: matrix3d(1.98522, 0, 0, 0, 0, 1.98522, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.98522, 0, 0, 0, 0, 1.98522, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  43.333333% { -webkit-transform: matrix3d(1.97516, 0, 0, 0, 0, 2.01147, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.97516, 0, 0, 0, 0, 2.01147, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  46.666667% { -webkit-transform: matrix3d(1.97367, 0, 0, 0, 0, 2.02332, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.97367, 0, 0, 0, 0, 2.02332, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  50% { -webkit-transform: matrix3d(1.97763, 0, 0, 0, 0, 2.02237, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.97763, 0, 0, 0, 0, 2.02237, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  53.333333% { -webkit-transform: matrix3d(1.98414, 0, 0, 0, 0, 2.01405, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.98414, 0, 0, 0, 0, 2.01405, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  56.666667% { -webkit-transform: matrix3d(1.99098, 0, 0, 0, 0, 2.00417, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.99098, 0, 0, 0, 0, 2.00417, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  60% { -webkit-transform: matrix3d(1.99677, 0, 0, 0, 0, 1.99677, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.99677, 0, 0, 0, 0, 1.99677, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  63.333333% { -webkit-transform: matrix3d(2.00085, 0, 0, 0, 0, 1.99343, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.00085, 0, 0, 0, 0, 1.99343, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  66.666667% { -webkit-transform: matrix3d(2.00315, 0, 0, 0, 0, 1.9937, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.00315, 0, 0, 0, 0, 1.9937, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  70% { -webkit-transform: matrix3d(2.00396, 0, 0, 0, 0, 1.99604, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.00396, 0, 0, 0, 0, 1.99604, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  73.333333% { -webkit-transform: matrix3d(2.00371, 0, 0, 0, 0, 1.99883, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.00371, 0, 0, 0, 0, 1.99883, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  76.666667% { -webkit-transform: matrix3d(2.00288, 0, 0, 0, 0, 2.00091, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.00288, 0, 0, 0, 0, 2.00091, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  80% { -webkit-transform: matrix3d(2.00185, 0, 0, 0, 0, 2.00185, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.00185, 0, 0, 0, 0, 2.00185, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  83.333333% { -webkit-transform: matrix3d(2.00089, 0, 0, 0, 0, 2.00178, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.00089, 0, 0, 0, 0, 2.00178, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  86.666667% { -webkit-transform: matrix3d(2.00014, 0, 0, 0, 0, 2.00112, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.00014, 0, 0, 0, 0, 2.00112, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  90% { -webkit-transform: matrix3d(1.99967, 0, 0, 0, 0, 2.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.99967, 0, 0, 0, 0, 2.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  93.333333% { -webkit-transform: matrix3d(1.99944, 0, 0, 0, 0, 1.99974, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.99944, 0, 0, 0, 0, 1.99974, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  96.666667% { -webkit-transform: matrix3d(1.99941, 0, 0, 0, 0, 1.99948, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.99941, 0, 0, 0, 0, 1.99948, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% { -webkit-transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
}*/

.producto .img { display:block; margin:0 0 15px;}
.producto .name { text-align:center; color:#33200B; font-size:19px; font-family: 'architects_daughterregular'; line-height:20px;}

.padd40 { padding:40px;}
.rotate-10 {
transform: rotate(-10deg);
-o-transform: rotate(-10deg);	
-ms-transform: rotate(-10deg);	
-moz-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);	
}
.rotate-9 {
transform: rotate(-9deg);
-o-transform: rotate(-9deg);	
-ms-transform: rotate(-9deg);	
-moz-transform: rotate(-9deg);
-webkit-transform: rotate(-9deg);	
}
.rotate-8 {
transform: rotate(-8deg);
-o-transform: rotate(-8deg);	
-ms-transform: rotate(-8deg);	
-moz-transform: rotate(-8deg);
-webkit-transform: rotate(-8deg);	
}
.rotate-7 {
transform: rotate(-7deg);
-o-transform: rotate(-7deg);	
-ms-transform: rotate(-7deg);	
-moz-transform: rotate(-7deg);
-webkit-transform: rotate(-7deg);	
}
.rotate-6 {
transform: rotate(-6deg);
-o-transform: rotate(-6deg);	
-ms-transform: rotate(-6deg);	
-moz-transform: rotate(-6deg);
-webkit-transform: rotate(-6deg);	
}
.rotate-5 {
transform: rotate(-5deg);
-o-transform: rotate(-5deg);	
-ms-transform: rotate(-5deg);	
-moz-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);	
}
.rotate-4 {
transform: rotate(-4deg);
-o-transform: rotate(-4deg);	
-ms-transform: rotate(-4deg);	
-moz-transform: rotate(-4deg);
-webkit-transform: rotate(-4deg);	
}
.rotate-3 {
transform: rotate(-3deg);
-o-transform: rotate(-3deg);	
-ms-transform: rotate(-3deg);	
-moz-transform: rotate(-3deg);
-webkit-transform: rotate(-3deg);	
}
.rotate-2 {
transform: rotate(-2deg);
-o-transform: rotate(-2deg);	
-ms-transform: rotate(-2deg);	
-moz-transform: rotate(-2deg);
-webkit-transform: rotate(-2deg);	
}
.rotate-1 {
transform: rotate(-1deg);
-o-transform: rotate(-1deg);	
-ms-transform: rotate(-1deg);	
-moz-transform: rotate(-1deg);
-webkit-transform: rotate(-1deg);	
}
.rotate1 {
transform: rotate(1deg);
-o-transform: rotate(1deg);	
-ms-transform: rotate(1deg);	
-moz-transform: rotate(1deg);
-webkit-transform: rotate(1deg);		
}
.rotate2 {
transform: rotate(2deg);
-o-transform: rotate(2deg);	
-ms-transform: rotate(2deg);	
-moz-transform: rotate(2deg);
-webkit-transform: rotate(2deg);	
}
.rotate3 {
transform: rotate(3deg);
-o-transform: rotate(3deg);	
-ms-transform: rotate(3deg);	
-moz-transform: rotate(3deg);
-webkit-transform: rotate(3deg);	
}
.rotate4 {
transform: rotate(4deg);
-o-transform: rotate(4deg);	
-ms-transform: rotate(4deg);	
-moz-transform: rotate(4deg);
-webkit-transform: rotate(4deg);	
}
.rotate5 {
transform: rotate(5deg);
-o-transform: rotate(5deg);	
-ms-transform: rotate(5deg);	
-moz-transform: rotate(5deg);
-webkit-transform: rotate(5deg);	
}
.rotate6 {
transform: rotate(6deg);
-o-transform: rotate(6deg);	
-ms-transform: rotate(6deg);	
-moz-transform: rotate(6deg);
-webkit-transform: rotate(6deg);	
}
.rotate7 {
transform: rotate(7deg);
-o-transform: rotate(7deg);	
-ms-transform: rotate(7deg);	
-moz-transform: rotate(7deg);
-webkit-transform: rotate(7deg);	
}
.rotate8 {
transform: rotate(8deg);
-o-transform: rotate(8deg);	
-ms-transform: rotate(8deg);	
-moz-transform: rotate(8deg);
-webkit-transform: rotate(8deg);	
}
.rotate9 {
transform: rotate(9deg);
-o-transform: rotate(9deg);	
-ms-transform: rotate(9deg);	
-moz-transform: rotate(9deg);
-webkit-transform: rotate(9deg);	
}
.rotate10 {
transform: rotate(10deg);
-o-transform: rotate(10deg);	
-ms-transform: rotate(10deg);	
-moz-transform: rotate(10deg);
-webkit-transform: rotate(10deg);	
}
.zindex1 { z-index:10;}
.zindex2 { z-index:20;}
.zindex3 { z-index:30;}
.zindex4 { z-index:40;}

.conysin { background:url(../images/con-y-sin.png) no-repeat left top; width:239px; height:168px; position:absolute; top:-75px; left:-15px;}
.pala { position:absolute; bottom:0px; left:-220px; width:204px; height:764px; background:url(../images/pala.png) no-repeat left top;}
.semillas { position:fixed; bottom:35%; right:-110px; width:363px; height:360px; background:url(../images/semillas.png) no-repeat left top;}

.overlay { background:rgba(0,0,0,0.8); position:fixed; z-index:100; width:100%; height:100%; top:0; left:0; display:none;}
.info-prod { background:url(../images/info-producto.png) no-repeat left top; width:450px; height:628px; position:absolute; left:0; top:50%; margin-top:-314px; color:#000; font-size:12px;}
.info-prod span { display:block; width:230px; margin:80px 0 0 160px; text-align:justify; font-family:"Open Sans"; font-weight:600; line-height:12px;}
.info-prod span b { display:block; margin:0 0 10px 0;}
a.close { position:absolute; width:25px; height:25px; border:none; top:16px; right:44px; display:block;}

.mini-cont { width:470px; margin:30px auto; position:relative;}
.black h1 { border-bottom:solid 1px #5e5d5c;}
.black h3 {color:#98B52D; font-weight:400;}

ul.tamanos { margin:20px 0;}
ul.tamanos li { padding:0 17px;}
ul.tamanos li a { display:block; text-align:center; color:#cccac9; position:relative; cursor:default;
-webkit-transition: all 0.3s ease 0s; 
-o-transition: all 0.3s ease 0s; 	
transition: all 0.3s ease 0s;
}
ul.tamanos li a:hover {color:#e5a876;}
ul.tamanos li a span.mm { display:block; position:absolute; border-top:solid 1px #cccac9; border-left:solid 1px #cccac9; border-right:solid 1px #cccac9; height:5px; color:#cccac9; font-size:12px; text-align:center; font-family:"Open Sans";
transform: rotate(-90deg);
-o-transform: rotate(-90deg);	
-ms-transform: rotate(-90deg);	
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
}
ul.tamanos li a span.mm b { position:relative; top:-17px; display:block; text-align:center; font-weight:400;}
ul.tamanos li a span.img { display:block; margin:0 auto 20px; background-color:#cccac9; height:auto;
-webkit-transition: all 0.3s ease 0s; 
-o-transition: all 0.3s ease 0s; 	
transition: all 0.3s ease 0s;
}
ul.tamanos li a span.img img { width:100%;}
ul.tamanos li a:hover span.img { background-color:#e5a876;}

ul.calidades { margin:30px 0;}
ul.calidades li { padding:0 27px;}
ul.calidades li a { display:block; text-align:center; color:#cccac9; position:relative; cursor:default;
-webkit-transition: all 0.3s ease 0s; 
-o-transition: all 0.3s ease 0s; 	
transition: all 0.3s ease 0s;
}
ul.calidades li a:hover {color:#e5a876;}
ul.calidades li a span.img { display:block; margin:0 auto 20px; height:151px; width:86px; background-image:url(../images/calidades.png); background-repeat:no-repeat;}

ul.calidades li a span.img1 { background-position:0 0;}
ul.calidades li a:hover span.img1 { background-position:0 -151px;}
ul.calidades li a span.img2 { background-position:-148px 0;}
ul.calidades li a:hover span.img2 { background-position:-148px -151px;}
ul.calidades li a span.img3 { background-position:-304px 0;}
ul.calidades li a:hover span.img3 { background-position:-304px -151px;}
ul.calidades li a span.img4 { background-position:-459px 0;}
ul.calidades li a:hover span.img4 { background-position:-459px -151px;}
ul.calidades li a span.img5 { background-position:-615px 0;}
ul.calidades li a:hover span.img5 { background-position:-615px -151px;}
ul.calidades li a span.img6 { background-position:-763px 0;}
ul.calidades li a:hover span.img6 { background-position:-763px -151px;}

.text-center img { margin:auto;}

.mapa { background:url(../images/republica.png) no-repeat left top; width:726px; height:498px; margin:auto; position:relative;}
.spin { background:url(../images/spin.gif) no-repeat left top; width:24px; height:27px; position:absolute; left:295px; bottom:145px;}
.info-mapa { width:300px; border-left:solid 1px #9ABF36; padding:10px 10px 10px 15px; color:#FFF; top:-30px; right:-116px; position:absolute;}
.info-mapa h3 { margin:0 0 15px 0;}

form.forma { margin:25px 0;}
form.forma label {color:#9ABF36; font-weight:400; display:block; margin:7px 0 0 0;}
form.forma input[type="text"], form.forma textarea { font-family:"Open Sans"; display:block; width:100%; border:solid 1px #FFF; padding:7px; font-size:14px; background-color:transparent; margin:0 0 8px 0;
-webkit-transition: all 0.3s ease 0s; 
-o-transition: all 0.3s ease 0s; 	
transition: all 0.3s ease 0s;
}
form.forma input[type="submit"] { border:none; cursor:pointer; color:#9ABF36; margin:5px 0; background-color:transparent; font-weight:700;}
label.error { display:none !important;}
input.error, textarea.error { border:solid 1px #F00!important;}
input.valid, textarea.valid { border:solid 1px #B7D647!important;}


/* FOOTER
---------------------------------------------------*/
#footer { background-color:#3f3d3b; color:#898888; font-family:"Lato"; font-weight:400; font-size:11px; padding:15px; margin:20px 0 0 0;}
#footer .menu { border-top:none !important; border-bottom:solid 1px #5e5d5c; margin:0 0 15px 0;}
#footer ul li a {color:#98B52D;}

/* RESPONSIVE
---------------------------------------------------*/
/* Large desktop */
@media (min-width: 1200px) {

}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {	

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

}

/* Landscape phones and down */
@media (max-width: 480px) {
	
}

/* start hover effect
---------------------------------------------------*/
.trans {
-webkit-transition: all 0.3s ease 0s; 
-o-transition: all 0.3s ease 0s; 	
transition: all 0.3s ease 0s;
}

/*rotate*/
.rotate{
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.rotate:hover {
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}
li.active a img.rotate {
  -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
       -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
/*rotate*/

/*expand*/
.expand
{
	-webkit-transition:all 100ms;
	-o-transition:all 100ms;
	transition:all 100ms;
}

.expand:hover, .circle.active
{
	-webkit-transform:scale(1.05, 1.05);
	-o-transform:scale(1.05, 1.05);
	transform:scale(1.05, 1.05);
}
/*expand*/

/*opacity*/
.opacity{
opacity: 1;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transition: opacity;
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 250ms;
}
.opacity:hover{
opacity: 0.8;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transition: opacity;
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 250ms;
}
/*opacity*/
/*end hover effect*/



/* CLEARING
---------------------------------------------------*/
.clear5px{clear:both;height:5px;}
.clear7px{clear:both;height:7px;}
.clear10px{clear:both;height:10px;}
.clear15px{clear:both;height:15px;}

.clear { clear:both;}
.clearfix:after {content: "."; display:block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */