@import 'menu/nav.css';
@import 'admclass.css';
@import 'quimaira.css';
@import 'materialize/css/materialize.min.css';
@import 'animate.css';

/*  CSS3 ✰ Classes  */
@import 'clases.css';
@import '../js/owl/owl.carousel.min.css';
@import '../js/validationEngine.jquery.css';
@import 'libs/fontawesome-all.min.css';
@import 'style.css';
/*****************       CONFIGURACION      *****************************/
.f2 {
  font-family: 'Yellowtail', cursive;
}
/*****************        -TEMPLATE-        ****************************/
.bordmenu {
  border-right: #176828 solid 1px;
}
.borimenu {
  border-left: #176828 solid 1px;
}
#cssmenu ul {
  text-align: right;
}
#cssmenu ul ul {
  z-index: 2;
  text-align: left;
}
#cssmenu ul ul li a {
  color: #3b2816;
}
#cssmenu ul ul li a:hover {
  color: #3b2816;
}
#cssmenu ul li {
  display: inline-block;
  zoom: 1;
  *display: inline;
  float: none;
  vertical-align: middle;
}
#cssmenu ul li a {
  color: #176828;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 12px;
}
#cssmenu ul li a:hover {
  color: #fff;
  background: #176828;
}
/**************************   social  *************************************/
.face,
.twt,
.you,
.ins,
.fou,
.trip,
.plus,
.pint {
  width: 36px;
  height: 36px;
  text-align: center;
  padding: 10px 0;
  margin-top: 13px;
}
.face {
  background: #3b5997;
}
.twt {
  background: #41b7d8;
}
.you {
  background: #ed1c24;
}
.ins {
  background: #5674b9;
}
.fou {
  background: #f94877;
}
.plus {
  background: #dd4b39;
}
.trip {
  background: #50ba54;
  font-size: 22px;
  padding: 2px !important;
}
/*********************** form *********************************/
html,
body {
  font-family: 'Montserrat', sans-serif;
}
form label {
  font-size: 16px;
  color: #000;
}
form input {
  background: transparent;
  height: 37px;
  width: 100%;
  border: 1px solid #c1c0c0;
  color: marino;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
form input:focus {
  border-bottom: 3px solid #c1c0c0;
}
form button {
  color: #cecece;
  padding: 10px 30px;
  border: none;
}
form select {
  width: 100%;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  height: 37px;
  padding: 2px 6px;
  margin-left: 6px;
  margin-top: 3px;
  border: 1px solid #c1c0c0;
}
header {
  background: #b3ce36;
}
footer {
  background: #fff;
}
footer .bg17 {
  background: #176828;
}
/*********************** global *********************************/
.row {
  margin-bottom: 0;
}
.cv {
  color: #176828;
}
.cvv {
  color: #b3ce36;
}
.cg {
  color: #aeacad;
}
.cgg {
  color: #717171;
}
.cfg {
  color: #c2c2c2;
}
.bgd {
  background: #ecede9;
}
.bgv {
  background: #176828;
}
.n26 {
  font-size: 26px;
}
.n22 {
  font-size: 22px;
}
.n48 {
  font-size: 48px;
}
.n36 {
  font-size: 36px;
}
.r100 {
  right: 100px;
}
.t44p {
  top: 44%;
}
.l14p {
  left: 14%;
}
.l17p {
  left: 17%;
}
.l50pm {
  left: 50%;
}
.t-70 {
  top: -70px;
}
.t-84 {
  top: -84px;
}
.t-90 {
  top: -90px;
}
.t-100 {
  top: -100px;
}
.lh40 {
  line-height: 40px;
}
.m30 {
  margin: 30px;
}
.mt-10 {
  margin-top: -10px;
}
.mt-30 {
  margin-top: -30px;
}
.mt-100 {
  margin-top: -100px;
}
.pr50 {
  padding-right: 50px;
}
.pl50 {
  padding-left: 50px;
}
/*********************** inicio *********************************/
.bgce {
  background-image: url("../media/cer.jpg");
}
.bo8 {
  -webkit-border-radius: 8px;
  width: 150px;
  margin: auto;
}
.pudin {
  -webkit-border-radius: 8px;
  width: 150px;
  margin: 0 0 0 180px;
}
.bgamarillo {
  background: #ffc600;
}
.bghb {
  background: #fff;
}
.bghb .bgv {
  background: #176828;
}
.bghb .cf {
  color: #fff;
}
.bghb:hover {
  background-image: url("../media/hover.jpg");
  background-repeat: no-repeat;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
.bghb:hover .bgv {
  background: #b3ce36;
}
.bghb:hover .cf {
  color: #176828;
}
.fizq {
  position: absolute;
  top: 40%;
  left: 5%;
  font-size: 70px;
  color: #fff;
}
.fder {
  position: absolute;
  top: 40%;
  right: 5%;
  font-size: 70px;
  color: #fff;
}
@media (min-width: 768px) {
  .gelatina {
    width: 488px;
    top: 0px;
    left: 2%;
  }
}
@media (min-width: 1200px) {
  .gelatina {
    width: 750px;
    top: -84px;
    left: 0;
  }
}
@media (min-width: 1400px) {
  .gelatina {
    width: 760px;
    top: -84px;
    left: 14%;
  }
}
@media (min-width: 768px) {
  .cuchara {
    width: 307px;
    top: -75px;
    right: 0px;
  }
}
@media (min-width: 1200px) {
  .cuchara {
    width: 410px;
    top: -100px;
    right: 0px;
  }
}
@media (min-width: 1400px) {
  .cuchara {
    width: 410px;
    top: -100px;
    right: 100px;
  }
}
/*********************** conocenos *********************************/
.bgconocenos {
  background-image: url("../media/conocenos.jpg");
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
.bgg {
  background: #e1e1e1;
}
.pax {
  background-image: url("../media/pax.jpg");
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
.fconol {
  position: absolute;
  font-size: 50px;
  color: #fff;
  top: 40%;
  left: -10%;
}
.fconor {
  position: absolute;
  font-size: 50px;
  color: #fff;
  top: 40%;
  right: -10%;
}
/*********************** grenetina *********************************/
.bggrenetina {
  background-image: url("../media/grenetina.jpg");
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
.bgvv {
  background: rgba(179,206,54,0.86);
}
.bo15 {
  -webkit-border-radius: 15px;
}
.wt50p {
  width: 50% !important;
}
.wt30p {
  width: 30% !important;
}
.g {
  border: #176828 solid 10px;
  -webkit-border-radius: 200px;
  color: #176828;
}
.g:hover {
  color: #b3ce36;
  border: #c2c2c2 solid 10px;
}
@media (min-width: 768px) {
  .gela-verde {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .gela-verde {
    width: 700px;
    padding-right: 70px;
    padding-left: 90px;
  }
}
.grene-linea {
  position: absolute;
  height: 5px;
  background: #c2c2c2;
  top: 75px;
  width: 64px;
  right: -37px;
}
.mag {
  position: absolute;
  top: 68px;
  left: 200px;
  height: 20px;
  width: 20px !important;
}
/*********************** mercado-industrial *********************************/
.bgmercado {
  background-image: url("../media/mercado.jpg");
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
.bgm {
  background-image: url("../media/mv.jpg");
  margin-top: -50px;
}
.bggr {
  background: #ebebeb;
}
.dis {
  -webkit-border-radius: 200px;
  padding: 35px;
  background: #efefef;
}
.ma45 {
  margin: auto 45px;
}
/*********************** producto *********************************/
.bgproducto {
  background-image: url("../media/producto.jpg");
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
.lin3 {
  height: 3px;
  background: #aeacad;
}
.bgvc {
  background: #c8dc6e;
}
/*********************** distribuidores *********************************/
.bgdistribuidores {
  background-image: url("../media/distribuidores.jpg");
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
#cajacookies {
  background-color: rgba(0,0,0,0.7);
  color: #fff;
  padding: 10px;
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 0px;
  position: fixed;
  bottom: 0px;
  width: 69%;
  z-index: 100;
}
#cajacookies .pull-right {
  cursor: pointer;
}