/* Menu */
a{
  text-decoration: none;
}
header{
  border-bottom: 1px solid #DDDDDD;
  padding: 14px 0;
}
#header{
  padding:16px 0;
  width: 100%;
  border-bottom: 1px solid #cccccc;
}
nav{
  float: right;
}
#menu{
  display: inline-block;
}
#nav{
  z-index: 100;
  position: relative;
  margin-top: 4px;
}
#nav ul{
  margin:0;
  list-style:none;
}
#nav ul li{
  margin:0;
  padding:10px 23px;
  position:relative;
}
#nav ul li ul li{
  margin:0;
  position:relative;
  border-right: 0;
}
#nav > ul > li {
  float: left;
  height:30px;
  line-height:30px;
}
#nav li > ul{
  visibility:hidden;
  width:163px;
  position: absolute;
  top:0px;
  left:155px;
}
#nav > ul > li > ul{
  padding-top: 23px;
  top: 28px;
  left:0;
}
nav ul li a{
  text-decoration: none;
  color: #444444;
  font-weight: 400;
  font-size: 18px;
}
nav ul li a:hover{
  color: #3AB940;
}
#activo{
  border-bottom: 1px solid #EBBE35;
  padding-bottom: 10px;
}
#contacto{
  -moz-border-radius:6px ;
-webkit-border-radius:6px ;
border-radius:6px ;
padding: 4px 24px;
color: #ffffff;
background-color: #EBBE35;
}
#contacto:hover{
  background-color: #3AB940;
  transiton:.8s;
}
/* fuentes-colores */
a, p, h1, h2, h3, ul, li, span, input, label, select, body {
  font-family: 'Lato', sans-serif;
}
.blanco{
  color: #ffffff;
}
.naranja{
  color: #B25900;
}
.negro{
  color: #444444;
}
.verde{
  color: #00664C;
}
.texto18{
  font-size: 18px;
}
.texto{
  font-size: 16px;
}
.titulo{
  font-size: 30px;
}
.icons{
  font-size: 22px;
}
.big{
  font-size: 50px;
}
.normal{
  font-weight: 400;
}
.bold{
  font-weight: 500;
}
.light{
  font-weight: 300;
}
/* elementos */
.float-left{
  float: left;;
}
.float-right{
  float: right;
}
.inline{
  display: inline;
}
.fondo-gris{
  background-color: #EEEEEE;
  padding: 24px 0;
  width: 100%;
}
.text-center{
  text-align: center !important;
}
.tw-icon{
  color: #64CCEF;
}
.tw-icon img
{
	width:100%;
}
.fa-twitter-square:hover{
  color: #FFBF00;
}
.fa-facebook-square{
  color: #507BBE;
}
.fa-facebook-square:hover{
  color: #FFBF00;
}
.bg-pattern {
  padding: 68px 0;
  background-image: url("../images/pattern-molino.jpg");
  background-repeat: repeat;
  background-size: auto, cover;
}
.box-azul{
  width: 100%;
  padding: 16px;
  -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
     box-sizing: border-box; 
     background-color: #CDF3E9;
}
.box-amarillo{
  width: 100%;
  padding: 30px;
  -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
     box-sizing: border-box; 
     background-color: #F2FBDE;
}
.box-green{
  background-color: #F2FBDE;
  width: 100%; 
}
.box-green div{
  padding: 16px;
}
footer{
  background-color: #555555;
  padding: 60px 0 20px;
  height: 257px;
  margin-top: 80px;
}
footer a{
  color: #ffffff;
  text-decoration: none;
}
.footer-line{
  border-bottom:1px solid #ffffff;
  padding-bottom:45px;
  height:140px;
  margin-bottom: 20px;
}
hr {
border: solid #AAAAAA;
width: 80%;
margin: 0 auto;
border-width: 1px 0 0;
clear: both;
height: 0;
}
.iconos-center{
  width: 100%;
  height: 120px;
  position: relative;
}
.iconos-center img{
  overflow: auto;
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}
.gray-filter:hover{
  -webkit-filter: grayscale(100%);
}
.cuadro-amarillo{
  -moz-border-radius:7px ;
  -webkit-border-radius:7px ;
  border-radius:7px ;
  background-color: #FFBF00;
  padding: 12px 20px;
  color: #ffffff;
  display: inline-block;
  margin-right: 12px;
  font-size: 22px;
  font-weight: 300;
}
.cuadro-verde{
  -moz-border-radius:7px ;
  -webkit-border-radius:7px ;
  border-radius:7px ;
  background-color: #10B671;
  padding: 12px 20px;
  color: #ffffff;
  display: inline-block;
  margin-right: 12px;
  font-size: 22px;
  font-weight: 300;
}
.inline-p{
  display: inline-block;
  width: 560px;
}
ul.lista-nosotros{
  list-style-type: circle;
  font-weight: 300;
  margin-left: 24px;
}
.border-certificados{
  border-top: 1px solid #DDDDDD;
  padding-top: 26px;
}
.bio-bg{
  height: 365px;
  background: url(../images/bioplastico-bg.jpg) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.lista-blank{
  list-style-type: none;
}
.linea{
  background-color: #BBBBBB;
  height: 1px;
  width: 100%;
  margin-bottom: 50px;
  margin-top: 50px;
}
.border-noticias{
  border-bottom: 1px dashed #999999;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.border-noticias > a > img{
  width: 100%;
  height:350px;
  margin-bottom: 20px;
}
.border-noticias p{
  color: #555555;
}
.navegacion span{
  background-color: #DDDDDD;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: inline;
  margin-right: 4px;
  padding: 8px;
  color: #ffffff;
  font-size: 12px;
  cursor: pointer;
}
.navegacion span#current{
  background-color: #10B671;
}
/* margins */
.margin-16{
  margin-top: 16px;
  margin-bottom: 16px;
}
.m14{
  margin-top: 14px;
  margin-bottom: 14px;
}
.m20{
  margin-top: 20px;
  margin-bottom: 20px;
}
.m40{
  margin-bottom: 80px;
  margin-top: 80px;
}
.mb40{
  margin-bottom: 40px;
}
.mb20{
  margin-bottom: 20px;
}
.mt80{
  margin-top: 80px;
}
.mb80{
  margin-bottom: 80px;
}
.ml50{
  margin-left: 50px;
}
.mt40{
  margin-top: 40px;
}
.ml20{
  margin-left: 20px;
}
.m80{
  margin-top: 80px;
  margin-bottom: 80px;
}
.mr12{
  margin-right: 12px;
}
.w80{
  width: 80%;
}
.w20{
  width: 87px;
}
/* Botones */
.myButton {
  position: relative;
  top: -200px;
  left: 64%;
  -moz-box-shadow:inset 0px 1px 0px 0px #caefab;
  -webkit-box-shadow:inset 0px 1px 0px 0px #caefab;
  box-shadow:inset 0px 1px 0px 0px #caefab;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7ce43b), color-stop(1, #009244));
  background:-moz-linear-gradient(top, #7ce43b 5%, #009244 100%);
  background:-webkit-linear-gradient(top, #7ce43b 5%, #009244 100%);
  background:-o-linear-gradient(top, #7ce43b 5%, #009244 100%);
  background:-ms-linear-gradient(top, #7ce43b 5%, #009244 100%);
  background:linear-gradient(to bottom, #7ce43b 5%, #009244 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ce43b', endColorstr='#009244',GradientType=0);
  background-color:#7ce43b;
  -moz-border-radius:12px;
  -webkit-border-radius:12px;
  border-radius:12px;
  border:1px solid #268a16;
  text-align: center;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:Arial;
  font-size:22px;
  font-weight:bold;
  padding:16px 28px;
  text-decoration:none;
}
.myButton:hover {
  position: relative;
  top: -200px;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #009244), color-stop(1, #7ce43b));
  background:-moz-linear-gradient(top, #009244 5%, #7ce43b 100%);
  background:-webkit-linear-gradient(top, #009244 5%, #7ce43b 100%);
  background:-o-linear-gradient(top, #009244 5%, #7ce43b 100%);
  background:-ms-linear-gradient(top, #009244 5%, #7ce43b 100%);
  background:linear-gradient(to bottom, #009244 5%, #7ce43b 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#009244', endColorstr='#7ce43b',GradientType=0);
  background-color:#009244;
}
.btn2{
  padding: 10px 50px;
  border: 1px solid #777777;
  -moz-border-radius:11px ;
  -webkit-border-radius:11px ;
  border-radius:11px ;
  color: #444444;
  font-size: 24px;
  text-decoration: none;
  display: inline-block;
}
.btn2:hover{
  border: 1px solid #EABD43;
  background-color: #EABD43;
  transition:.7s;
  color: #ffffff;
}
.btn3{
  padding: 10px 50px;
  background-color: #EABD43;
  border: 1px solid #EABD43;
  -moz-border-radius:11px ;
  -webkit-border-radius:11px ;
  border-radius:11px ;
  color: #ffffff;
  font-size: 24px;
  text-decoration: none;
  display: inline-block;
}
.btn3:hover{
  border: 1px solid #EABD43;
  background-color: #ffffff;
  transition:.7s;
  color: #EABD43;
}
/* ··· carousel-menu ··· */
#owl-demo2 .item{
    background: #F2F2F2;
    margin: 10px;
    -moz-border-radius:25px ;
    -webkit-border-radius:25px ;
    border-radius:25px ;
    text-align: center;
    overflow: hidden;
}
#owl-demo2 .item h2{
  margin-top: 25px;
  margin-bottom: 25px;
}
#owl-demo2 .item p{
  margin-top: 15px;
  margin-bottom: 15px;
}
#owl-demo2 .item hr{
  width: 80%;
  border: solid #F14E29;
border-width: 1px 0 0;
clear: both;
height: 0;
margin: 0 auto;
}
/* #### bootstrap Form #### */ 
.bootstrap-frm {
    margin-left:auto;
    margin-right:auto;
}
.bootstrap-frm label [placeholder="Nombre*"], .bootstrap-frm label [placeholder="Correo*"], .bootstrap-frm label [placeholder="Teléfono"], .bootstrap-frm label [placeholder="Fecha de evento"], .bootstrap-frm label [placeholder="Mensaje"]{
  font-size: 16px;
  font-weight: 400;
  font-family: 'Open Sans', sans-serif;
  color: #444444;
}
.bootstrap-frm label {
    display: block;
    margin: 4px 0px;
}
.bootstrap-frm input[type="text"], .bootstrap-frm input[type="email"], .bootstrap-frm textarea, .bootstrap-frm select{
    border: 1px solid #CCC;
    color: #333333;
    height: 30px;
    margin-bottom: 10px;
    margin-top: 2px;
    outline: 0 none;
    padding: 6px 0px 5px 6px;
    width: 98%;    
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.bootstrap-frm select {
    background: #FFF url(../images/down-arrow.png) no-repeat right;
    background: #FFF url(../images/down-arrow.png) no-repeat right;
    appearance:none;
    font-size: 16px;
  font-weight: 400;
  color: #aaa;
    -webkit-appearance:none; 
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    width: 100%;
    height: 35px;
    line-height:15px;
}

.bootstrap-frm textarea{
    height:120px;
    padding: 5px 0px 0px 5px;
    width: 98%;
}
/* tabs */
ul.tabs{
      margin: 0px;
      padding: 0px;
      list-style: none;
    }
    ul.tabs li{
      background: none;
      color: #222;
      display: inline-block;
      padding: 14px 0;
      background-color: #E2E2E2;
      width: 24.8%;
      text-align: center;
      cursor: pointer;
      font-size: 22px;
      font-weight: 300;
    }

    ul.tabs li.current{
      background: #ffffff;
      color: #222;
    }

    .tab-content{
      display: none;
      padding: 15px;
      overflow: hidden;
    }

    .tab-content.current{
      display: inherit;
    }
    .cont12{
      width: 100%;
    }
    .grid12{
      width: 100%;
      padding: 10px;
      -moz-box-sizing: border-box; 
      -webkit-box-sizing: border-box; 
      box-sizing: border-box; 
    }
    .grid6{
      width: 50%;
      display: inline-block;
      float: left;
      padding: 10px;
      -moz-box-sizing: border-box; 
      -webkit-box-sizing: border-box; 
      box-sizing: border-box;
    }
    .grid3{
      width: 25%;
      display: inline-block;
      float: left;
      padding: 10px;
      -moz-box-sizing: border-box; 
      -webkit-box-sizing: border-box; 
      box-sizing: border-box;
    }
    .grid9{
      width: 75%;
      display: inline-block;
      float: left;
      padding: 10px;
      -moz-box-sizing: border-box; 
      -webkit-box-sizing: border-box; 
      box-sizing: border-box;
    }
/* contacto hide-show */
.menu{
  background-color: #111111;
  padding: 20px 0;
  color: #f7f7f7;
}
#big-image{
  padding: 120px 0 300px;
  background: url(../images/header-contacto.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: -webkit-box;
}
#foto-top{
  min-height: 350px;
  background: url(../images/nosotros-big.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: -webkit-box;
}
/* Accordion servicios*/
@import url(http://fonts.googleapis.com/css?family=Lato:400,700);

.accordion dl,
.accordion-list {
}

.accordion dd,
.accordion__panel {
  font-size: 1em;
  line-height: 1.5em;
}

.accordion p {
  padding: 1em 0;
}

.accordion div{
  padding: 1em 2em 1em 2em;
}
.accordion {
  position: relative;
}

.accordionTitle,
.accordion__Heading {
  background-color: #00B16B;
  text-align: center;
  font-weight: 300;
  padding: .6em;
  display: block;
  text-decoration: none;
  font-size: 20px;
  color: #ffffff;
  -webkit-transition: background-color 0.5s ease-in-out;
          transition: background-color 0.5s ease-in-out;
  margin-bottom: 1px;
}
.accordionTitle:before,
.accordion__Heading:before {
  content: "+";
  font-size: 1.5em;
  line-height: 0.5em;
  float: left;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
          transition: transform 0.3s ease-in-out;
}
.accordionTitle:hover,
.accordion__Heading:hover {
  background-color: #EBBE34;
}

.accordionTitleActive,
.accordionTitle.is-expanded {
  background-color: #00B16B;
}
.accordionTitleActive:before,
.accordionTitle.is-expanded:before {
  -webkit-transform: rotate(-225deg);
      -ms-transform: rotate(-225deg);
          transform: rotate(-225deg);
}

.accordionItem {
  height: auto;
  overflow: hidden;
  max-height: 50em;
  -webkit-transition: max-height 1s;
          transition: max-height 1s;
}
@media screen and (min-width: 48em) {
  .accordionItem {
    -webkit-transition: max-height 0.5s;
            transition: max-height 0.5s;
  }
}

.accordionItem.is-collapsed {
  max-height: 0;
}

.no-js .accordionItem.is-collapsed {
  max-height: auto;
}

.animateIn {
  -webkit-animation: accordionIn 0.65s normal ease-in-out both 1;
          animation: accordionIn 0.65s normal ease-in-out both 1;
}

.animateOut {
  -webkit-animation: accordionOut 0.75s alternate ease-in-out both 1;
          animation: accordionOut 0.75s alternate ease-in-out both 1;
}

@-webkit-keyframes accordionIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes accordionIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes accordionOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
  }
}
@keyframes accordionOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
  }
}