/*fuentes de el quilla*/
@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.eot');
    src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff'),
         url('../fonts/roboto-regular-webfont.svg#robotoregular') 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;

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

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

}
 /*nueva fuente para historia*/
 @font-face {
    font-family: 'asapregular';
    src: url('../fonts/asap-regular-webfont.eot');
    src: url('../fonts/asap-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/asap-regular-webfont.woff2') format('woff2'),
         url('../fonts/asap-regular-webfont.woff') format('woff'),
         url('../fonts/asap-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*cambio de fuente 07/01/2021*/
.fuente-historia{
    font-family:'asapregular'; 
    font-size: 1rem; 
    color:#ffffff; 
    padding-top:2rem; 
    line-height: 1.5rem 
}

/*proceso productivo*/
.titulado{
    color: #24211D; 
    font-size: 1.6rem ; 
    font-family: 'corbelwebfont'; 
    margin-bottom:0rem ; 
    margin-top:2rem; 
    padding-bottom: 2rem; 
    line-height: 1.5rem
}
.descripcion{
    color: #24211D; 
    font-size: 1.3rem ; 
    font-family: 'corbelwebfont'; 
    margin-top:-1.5rem; 
    padding-bottom: 0.25rem; 
    line-height: 1.2rem
}
.numero{
    font-size: 2.75rem;
    font-family:'serifa_th_btthin';
}
.superponer{
    padding-bottom: 1rem; 
    margin-top: -1.5rem 
}
.superponer-1{
    padding-bottom: 0rem; 
    margin-top: -1.5rem 
}
/*migas de pan*/


.migas{
    font-size:0.85rem;
    line-height: 1rem; 
}
.migas1{
    font-size:0.85rem;
    line-height: 1rem; 
}

.migas a{
    font-family: 'corbelwebfont';
    color: #24211D; 
}
.migas1 a{
    font-family: 'corbelwebfont';
    color: #E4CFA7; /*#24211D*/
}
/*fin de migas de pan*/
a:hover, a:focus {
    color: #A90007;
}

.row1 {
    width: 100%;
    background-color:#201C19; /*#2C2D2B*/
    min-height: 5.625rem;
}

p{
	color: #ffffff;
}

/*MENU*/
.top-bar-section ul li > a{
	color:#E4CFA7;/*#95947E*/
	font-family: 'corbelwebfont';
	font-size: 0.9rem;
    /*font-weight: bold*/
}
.ico{
	max-width: 1.75rem
}
.contain-to-grid .top-bar{
	max-width: 70rem;
    /*margin-top: 1.5rem;*/
    padding-top:1.5rem;
}
.top-bar {
    text-align: center;
}
.footer{
	font-family: 'robotoregular';
	font-size: 0.9rem;
	line-height: 1.2rem;
    color:#95947E;
}
/*los iconos sociales del footer*/
.base{
	max-width: 2.75rem;
	padding: 0rem 0.25rem;
}
.flotante{
    color: #ffffff;
    font-size: 1.5rem;
    padding-top:3rem;
}
.elquilla{
    font-size: .9rem;
    line-height: 1.2rem;
    color:#E4CFA7;
    margin-bottom: 2rem;
    padding-left: 3rem; 
    padding-right: 3rem;
    font-family: 'corbelwebfont'
}
.elquillagramos{
    font-size: .9rem;
    line-height: 1.2rem;
    color:#E4CFA7;
    margin-bottom: 2rem;
    padding-left: 1rem; 
    padding-right: 1rem;
    font-family: 'corbelwebfont'
}


[class*="block-grid-"] > li{
    padding: 0rem;
}
/*para que el damero*/
[class*="block-grid-"] {
    display: block;
    padding: 0;
    margin: 0rem; /*0 -0.625rem*/
}
.natural{
     margin: 1rem 0rem 1rem -9rem
}
.contacto{
    font-family:'corbelwebfont'; 
    font-size:1rem; 
    line-height: 1.2rem;
    padding: 2rem 0rem 2rem ;
}
.contacto-data{
    font-family:'corbelwebfont'; 
    font-size:1rem; 
    line-height: 1.2rem;
    padding: 0.5rem 0rem;
}
/*para el link flotante*/
.ir-arriba {
    display:none;
    padding:0.5rem;
    background:#ffffff;
    font-size:20px;
    color:#fff;
    cursor:pointer;
    position: fixed;
    bottom:1rem ;
    right:1rem ;
}
/*cultivos orígenes*/
.paises{
    color:#24211D; font-family:'robotoregular'; font-size: 0.9rem; line-height: 1.1rem;
}
.mapa{
    color:#24211D; font-family:'corbelwebfont'; font-size: 1rem; line-height: 1.2rem; padding:0rem 2rem 
}
.mapa1{
    color:#24211D; font-family:'corbelwebfont'; font-size: 0.9rem; line-height: 1rem;font-weight: bold;  padding:0rem 2rem 2rem 2rem  
}
.link{
    color:#24211D; font-family:'corbelwebfont'; font-size: 1rem; line-height: 1.2rem; padding:0.5rem 0.5rem 
}

.link:hover{
    color: #A90007;
}
.historia{
    font-family: 'droidsans-webfont';color:#3F2827;font-size: 1rem; line-height: 1.2rem; padding:0rem 2rem 
}
.anio{
    font-size: 1.6rem; font-family: 'robotoregular'; color:#3F2827; padding:0rem 2rem; line-height: 0.5rem 
}
.receta{
    color:#2C2D2B; font-family:'corbelwebfont'; font-size: 1rem; line-height: 1.2rem; padding:0.5rem 1rem 1.5rem 1rem ; font-weight: bold
}
.titulo-receta{
    color:#24211D; font-family:'corbelwebfont'; font-size: 1.2rem; line-height: 1.2rem; padding:0.5rem 1rem; font-weight: bold
}
.origen-foto{
    color:#24211D; 
    font-weight: bold; 
    font-family:'corbelwebfont'; 
    font-size: 0.9rem; 
    line-height: 1rem; 
    padding:0.5rem 1.5rem
}
.zoom{
    color: #ffffff; padding: 14rem 0rem; font-family: 'corbelwebfont'; font-weight: bolder
}
.envase{
    max-width: 12rem; 
    padding-bottom:.25rem ;
    padding-left: 0.5rem ;
    padding-right: 0.5rem 
}
.sub-envase-1{
    font-family: 'robotoregular';
    font-size: .6rem;
    line-height: 0.75rem;
    color:#24211D ;
    padding-left: 4.6rem ;
    padding-top: 0rem;
    font-weight: normal;

}
.sub-envase-4{
    font-family: 'robotoregular';
    font-size: .6rem;
    line-height: 0.75rem;
    color:#24211D ;
    padding-left: 3.75rem ;
    padding-top: 0rem;
    font-weight: normal;

}
.sub-envase-8{
    font-family: 'robotoregular';
    font-size: .6rem;
    line-height: 0.75rem;
    color:#24211D ;
    padding-left: 3.5rem ;
    padding-top: 0rem;
    font-weight: normal;

}
.sub-envase-9{
    font-family: 'robotoregular';
    font-size: .6rem;
    line-height: 0.75rem;
    color:#24211D ;
    padding-left: 3.25rem ;
    padding-top: 0rem;
    font-weight: normal;

}
.sub-envase-10{
    font-family: 'robotoregular';
    font-size: .6rem;
    line-height: 0.75rem;
    color:#24211D ;
    padding-left: 2.95rem ;
    padding-top: 0rem;
    font-weight: normal;
}
.sub-envase-11{
    font-family: 'robotoregular';
    font-size: .6rem;
    line-height: 0.75rem;
    color:#24211D ;
    padding-left: 2rem ;
    padding-top: 0rem;
    font-weight: normal;
}
.sub-envase{
    font-family: 'robotoregular';
    font-size: .6rem;
    line-height: 0.75rem;
    color:#24211D ;
    padding-left: 4rem ;
    padding-top: 0rem;
    font-weight: normal;
}

.pie-marcas{
    color:#24211D; 
    font-weight: normal; 
    font-family:'robotoregular'; 
    font-size: 0.8rem; 
    line-height: 1rem; 
    padding:0.5rem 0rem 0.5rem 1.5rem
}

.pie-descargas{
    color:#ffffff; 
    font-weight: normal; 
    font-family:'robotoregular'; 
    font-size: 0.8rem; 
    line-height: .9rem; 
    padding:1rem 0rem 0.5rem 0rem
}
.pie-descargas a{
    color:#ffffff; 

}

.pie-descargas a:hover{
    color:#A90007; 

}

/*el codigo para el zoom*/
.sun {   /* Trancisiones */
-webkit-transition:0.5s;   /* Podés cambiar la velocidad */
-moz-transition:0.5s;
-o-transition:0.5s;
-ms-transition:0.5s;


}
.sun:hover {

cursor:pointer;
-webkit-transform:scale(1.5);   /* Efecto de zoom */
-moz-transform:scale(1.5);
-o-transform:scale(1.5);
-ms-transform:scale(1.5);
-webkit-transition:0.8s;   /* Trancisiones */
-moz-transition:0.8s;
-o-transition:0.8s;
-ms-transition:0.8s;

}

hr {
  border: solid transparent;
  border-width: 1px 0 0;
  clear: both;
  height: 0;
  margin: 0.2rem 0rem; }

/*media queries*/
// Small screens
@media only screen { 
.elquillagramos{
    line-height: 1rem;
}
.contain-to-grid .top-bar{
    max-width: 70rem;
    padding-top:0rem;
    margin-top:1rem;
}
.natural{
    margin: 1rem 0rem 1rem 1rem  
}
/*cultivos css*/
.mapa{
    color:#24211D; font-family:'corbelwebfont'; font-size: 1rem; line-height: 1.2rem; padding:0rem 0.5rem 
}
.origen-foto{
    color:#24211D; 
    font-weight: bold; 
    font-family:'corbelwebfont'; 
    font-size: 0.9rem; 
    line-height: 1rem; padding:0rem 0.75rem
}
.zoom{
    color: #ffffff; padding: 6rem 0rem; font-family: 'corbelwebfont'; font-weight: bolder
}
.envase{
    padding-left:1rem ;
    padding-right: 1rem 
}
.migas{
    font-size: .7rem;
    line-height: .8rem
}


    } /* Define mobile styles */

@media only screen and (max-width: 40em) { 
.elquillagramos{
    line-height: 1rem;
}
.contain-to-grid .top-bar{
    max-width: 70rem;
    padding-top:0rem;
    margin-top:1rem;
}
.natural{
    margin: 1rem 0rem 1rem 1rem
}
/*cultivos css*/
.mapa{
    color:#24211D; font-family:'corbelwebfont'; font-size: 1rem; line-height: 1.2rem; padding:0rem 0.5rem 
}
.origen-foto{
    color:#24211D; 
    font-weight: bold; 
    font-family:'corbelwebfont'; 
    font-size: 0.9rem; 
    line-height: 1rem; 
    padding:0rem 0.75rem
}
.zoom{
    color: #ffffff; padding: 6rem 0rem; font-family: 'corbelwebfont'; font-weight: bolder
}
.envase{
    padding-left:1rem ;
    padding-right: 1rem 
}
/*migas de pan*/
.migas{
    font-size: .7rem;
    line-height: .8rem
    margin-bottom: 0.5rem ;
}
.titulado{
    color: #24211D; 
    font-size: 1.2rem ; 
    font-family: 'corbelwebfont'; 
    margin-bottom:0rem ; 
    margin-top:2rem; 
    padding-bottom: 2rem; 
    line-height: 1.2rem
}


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

// Medium screens
@media only screen and (min-width: 40.063em) {
        .titulado{
    color: #24211D; 
    font-size: 1.6rem ; 
    font-family: 'corbelwebfont'; 
    margin-bottom:0rem ; 
    margin-top:1.5rem; 
    padding-bottom: 2rem; 
    line-height: 1.6rem
}

    } /* 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 */