/*font family dr food*/
@font-face {
    font-family: 'roboto_condensedregular';
    src: url('../fonts/robotocondensed-regular-webfont.eot');
    src: url('../fonts/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/robotocondensed-regular-webfont.woff2') format('woff2'),
         url('../fonts/robotocondensed-regular-webfont.woff') format('woff'),
         url('../fonts/robotocondensed-regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'trashhandregular';
    src: url('../fonts/trashhand-webfont.eot');
    src: url('../fonts/trashhand-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/trashhand-webfont.woff2') format('woff2'),
         url('../fonts/trashhand-webfont.woff') format('woff'),
         url('../fonts/trashhand-webfont.svg#trashhandregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'blacklightdregular';
    src: url('../fonts/blaklitn-webfont.eot');
    src: url('../fonts/blaklitn-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/blaklitn-webfont.woff2') format('woff2'),
         url('../fonts/blaklitn-webfont.woff') format('woff'),
         url('../fonts/blaklitn-webfont.svg#blacklightdregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'corbelwebfont';
    src: url('../fonts/corbel-webfont.eot');
    src: url('../fonts/corbel-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/corbel-webfont.woff2') format('woff2'),
         url('../fonts/corbel-webfont.woff') format('woff'),
         url('../fonts/corbel-webfont.svg#corbelwebfont') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*estilos textos*/
.titulos{
	font-family: 'trashhandregular';
	color: #00724F;
	font-size: 2rem;
	line-height: 1rem;
	padding-top:1rem;
}
.titulos-1{
	font-family: 'trashhandregular';
	color: #00724F;
	font-size: 1.5rem;
	line-height: 1.5rem;

}
.sanas{
	font-family: 'blacklightdregular';
	color: #000000;
	font-size: 1rem;
	line-height: 1.1rem;
	padding-top:1rem;
  padding-right: 2rem; 
}
.icono{
	padding:0.5rem;
	display:block;
	margin:auto;
  max-width: 100%
}
.redondeado{
  background-color: #8CC43D;
  color: #ffffff;
  font-family: 'corbelwebfont';
  font-size: 0.9rem;
  padding:0.7rem;
  border-radius: 1rem;
  margin-top: 1rem
}
.texto-verde{
  font-family: 'blacklightdregular';
  color: #ffffff;
  font-size: 1.5rem;
  line-height: 1.6rem;
  padding-top:1.8rem;
}

.presentaciones{
  font-family: 'blacklightdregular';
  color: #000000;
  font-size: 1.5rem;
  line-height: 1.6rem;
  padding-top:0.75rem;
}
.top-bar-section li:not(.has-form) a:not(.button):hover{
color: #00724F;
}

/*estilos contenedores*/
.row-producto{
  max-width: 100%;
  background-image: url(../img/FONDO-PRODUCTOS.jpg);
  background-repeat: no-repeat;
  background-position: top 50%
}
.row-1{
	max-width: 100%;
	background-color: #8CC43D;
	color: #ffffff;
	padding:1rem 0rem 4rem;
  margin-top: 2rem;
}
.formulario{
  background-color: #C7D975;
  border-radius: 1rem;
  padding: 1.5rem 1.5rem 0.5rem 1.5rem;
}

/*menu superior*/
.contain-to-grid {
    width: 100%;
    background: #8CC43D; /*#333333*/
    padding-top: 1rem;
    padding-bottom:1.8rem;
}
hr {
  border: solid transparent;
  border-width: 0px 0 0;
  clear: both;
  height: 0;
  margin: 0; }

  /*el footer*/
  .link {
    color: #ffffff;
}
.link :hover{
  color: #00724F
}
  .footer{
    color: #ffffff;
    font-family: 'corbelwebfont';
    font-size: 0.9rem; 
  }
  a.footer{
    line-height: 0.9rem
  }
  a.footer:hover{
    color: #00724F;
  }


    .loguito{
    max-width: 100%; 
  }
.porcentaje{
  font-family: 'roboto_condensedregular';
  color: #00724F;
  font-size: 1.1rem;
  line-height: 1.5rem;
  font-weight: bold
}
  /*ventanas modales*/
 
.roboto{
  font-family: 'roboto_condensedregular';
  font-size: 0.8rem; 
  padding-left:0.8rem; 
  padding-right: 0.8rem;
  line-height: 1rem
}
.roboto-1{
  color:#ffffff;
  font-family: 'roboto_condensedregular';
  font-size: 0.8rem; 
  padding-left:0.8rem; 
  padding-right: 0.8rem;
  line-height: 1rem
}
table {
    background: #FFFFFF;
    /*border: solid 1px #DDDDDD;*/
    margin-bottom: 1.25rem;
    table-layout: auto;
    font-family: 'roboto_condensedregular';
}
table tr th, table tr td {
    color: #222222;
    font-size: 0.875rem;
    padding: 0.5625rem 0.625rem;
    text-align: left;
    border-bottom: solid 1px #000000
}

/*la flecha*/
.ir-arriba {
  z-index: 1000;
  display:none;
  padding:0.5rem 1.5rem;
  background:#00724F;
  font-size:2rem;
  color:#fff;
  cursor:pointer;
  position: fixed;
  bottom:1rem;
  right:1rem;
}


// Small screens
@media only screen { 
  .footer{
    font-size: 0.7rem; 
    line-height: 0.8rem
    }
  

    } /* Define mobile styles */

@media only screen and (max-width: 40em) { 
  .footer{
    font-size: 0.7rem; 
    line-height: 0.8rem
    }
  

    } /* max-width 640px, mobile-only styles, use when QAing mobile issues */

// Medium screens
@media only screen and (min-width: 40.063em) { 
  .footer{
    font-size: 0.9rem
    }
  
} /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

// Large screens
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

// XLarge screens
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

// XXLarge screens
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */

/*nuevo para texto menu*/
@media only screen and (max-width: 40.9375em) {
  .loguito {max-width: 60%; padding:0rem;
    } 

    } /* */

/*codigo formulario*/