body {font: 13px "Open Sans", sans-serif;}
body, select, input, textarea {color: #333;}
a {color: #03f;}
a:hover {color: #69f;}
ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }



html,body{height:100%;}

/* NAV */

header .navbar-default{background:none;border:0;margin:0;}
header .navbar-default .navbar-brand{display:block;text-indent:-999em;overflow:hidden;background:url(../images/logo.png) left center / contain no-repeat;width:309px;height:60px;margin:15px 0!important;padding:0;}
header .navbar-nav{margin-top:34px;}
header .navbar-default .navbar-nav>li>a{color:#9D9D9C;text-transform:uppercase;font-weight:700;line-height:15px;margin:0;padding:0 15px;}
header .navbar-default .navbar-nav.mainnav>li>a{border-left:2px solid #000;color:#000;}
header .navbar-default .navbar-nav.mainnav>li.first>a{border-left:none;}
header .navbar-default .navbar-nav>.active>a,
header .navbar-default .navbar-nav>.active>a:focus,
header .navbar-default .navbar-nav>.active>a:hover{background:none;}
header .navbar-default .navbar_nav_lang_mobile {display: none;}


@media screen and (max-width: 768px) {
    header .navbar-default .navbar-brand{width:215px;height:35px;margin:8px 15px!important;padding:0;}
    header .navbar-default .navbar-nav {margin: 0 ;padding: 0 ;}
    header .navbar-default .navbar-nav li a{border:none !important;padding:10px 0;}
    header .navbar-default .navbar_nav_lang_desktop {display: none;}
    header .navbar-default .navbar_nav_lang_mobile {display: block;}
}



/* FOOTER */

footer{color:#0050A0;text-align:center;padding:10px 0;min-height:38px;position:relative;}
footer span{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width:80%;font-weight:700;}
footer strong{font-weight:600;}


@media screen and (max-width: 768px) {
    footer span{width:95%;}
}






/* HOME SLIDER */

#homeslider{height:70%;}

#homeslider .carousel,
#homeslider .item,
#homeslider .carousel-inner,
#homeslider .fill{height:100%;}

#homeslider .item{background:#31AA47;}
#homeslider .fill{width:100%;}
#homeslider .fill .container{position:relative;height:100%;}

#homeslider .carousel-indicators li{background:#288538;border:none;margin:0 2px;}
#homeslider .carousel-indicators li.active{background:#fff;width:10px;height:10px;}
#homeslider .carousel-control{background:none;opacity:1;}
#homeslider .carousel-control span{display:block;width:50px;height:50px;}
#homeslider .carousel-control.left .icon-prev{background:url(../images/slider_arrow_l.png) center center / contain no-repeat;}
#homeslider .carousel-control.right .icon-next{background:url(../images/slider_arrow_r.png) center center / contain no-repeat;}

#homeslider .item h3{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);font-weight:400;color:#fff;font-size:1.75em;line-height:1.6em;width:60%;margin:0;}
#homeslider .item p{position:absolute;bottom:15%;right:10%;font-weight:700;color:#fff;font-size:1.6em;margin:0;}
#homeslider .item p.banda_verde{position:absolute;bottom:15%;left:0;right:0;background:#31AA47;text-align:right;padding:10px 0;}
#homeslider .item p.banda_verde span{position:relative;font-weight:700;margin-right:10%;}
#homeslider .item .slider_ico{position:absolute;bottom:2%;left:10%;width:150px;height:150px;margin:0;}
#homeslider .item .slider_ico.compromiso{background:url(../images/home_slider_1.png) center center / contain no-repeat;}
#homeslider .item .slider_ico.producimos{background:url(../images/home_slider_2.png) center center / contain no-repeat;}
#homeslider .item .slider_ico.tecnologia{background:url(../images/home_slider_3.png) center center / contain no-repeat;}

#homeslider .carousel-control.left .icon-prev:before,
#homeslider .carousel-control.right .icon-next:before{display:none;}



/* HOME BOTTOM */

.home_bottom{text-align:center;background:#EDEDED;height:30%;position:relative;}
.home_bottom .hbw{height:100%;width:35%;position:absolute;top:0;left:50%;transform:translate(-50%,0);}
.home_bottom .hbw_col{height:100%;width:20%;float:left;position:relative;}
.home_bottom span.more,
.home_bottom div.hbico{top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;}

.home_bottom span.more{font-weight:700;font-size:4em;line-height:1em;width:80%;margin:0;padding:0;}
.home_bottom div.hbico{width:65%;height:60%;}
.home_bottom .compromiso{background:url(../images/home_banner_bottom_1.png) center center / contain no-repeat;}
.home_bottom .tecnologia{background:url(../images/home_banner_bottom_2.png) center center / contain no-repeat;}
.home_bottom .producimos{background:url(../images/home_banner_bottom_3.png) center center / contain no-repeat;}


@media screen and (max-width: 768px) {

    #homeslider .item .container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:auto;}
    #homeslider .item .container.with_bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:100%;}
    
    #homeslider .item h3{position:relative;top:auto;left:auto;transform:translate(0,0);font-size:1em;line-height:1.6em;width:90%;text-align:center;margin:0 auto}
    #homeslider .item p{position:relative;bottom:auto;right:auto;left:auto;transform:translate(0,0);font-size:1.2em;width:90%;text-align:center;margin:15px auto}
    
    #homeslider .item p.banda_verde{text-align:center;padding:10px 0;width:102%;left:-1%;right:-1%;}
    #homeslider .item p.banda_verde span{position:relative;font-weight:700;margin-right:10%;}
    
    #homeslider .item .slider_ico{position:relative;bottom:auto;top:auto;left:auto;transform:translate(0,0);width:100px;height:100px;margin:0 auto;}
    
    .home_bottom .hbw{width:85%;}
    
    
    
}

@media screen and (max-width: 326px) {
    #homeslider .item h3 {font-size:.8em;}
    #homeslider .item p{font-size:1em;}
}






/* INTERNA HEADER */


.content_header{color:#fff;overflow:hidden;}
.content_header.content_header_1{background:#0050A0;}
.content_header.content_header_2{background:#31AA47;}
.content_header h2{color:#fff;font-size:3.8em;text-transform:uppercase;font-weight:400;float:left;margin:140px 0 20px;}
.content_header nav{float:right;margin:160px 0 20px;}
.content_header nav ul li{float:left;}
.content_header nav ul li a{color:#fff;font-weight:700;line-height:15px;border-left:2px solid #fff;font-size:1.2em;margin:0;padding:0 15px;}
.content_header nav ul li.first a{border-left:none;}


@media screen and (max-width: 768px) {
    .content_header h2{float: none;margin:40px 0 ;}
    .content_header nav{float:none;margin:0 0 20px;}
    .content_header nav ul li{float:none;}
    .content_header nav ul li a{border-left:none;padding:10px 0;display: block;}
}

@media screen and (max-width: 320px) {
    .content_header h2{font-size:2.8em;}
}


/* INTERNAS */



.sinterna{margin:0 0 50px;}
.sinterna h3{color:#0050A0;font-weight:700;font-size:2em;margin:25px 0 60px;}
.sinterna_2 h3{color:#31AA47;}

.sinterna .text_entry{width:80%;margin:0 auto;}
.sinterna .text_entry p.wn{padding-left:50px;}
.sinterna .text_entry p span.num{font-weight:700;display:block;width:35px;height:35px;line-height:35px;position:absolute;left:0;top:0;background:#0050A0;color:#fff;text-align:center;border-radius:50%;}

.sinterna .banner img{width:100%;}

.sinterna .text_entry ul li.wi{padding-left:70px;position:relative;}

.sinterna .carousel-indicators li{background:#0050A0;border:none;margin:0 2px;}
.sinterna.sinterna_2 .carousel-indicators li{background:#31AA47;border:none;margin:0 2px;}
.sinterna .carousel-indicators li.active{background:#fff;width:10px;height:10px;box-shadow:0 0 5px #666;}

.sinterna .text_entry p,
.sinterna .text_entry ul li{font-size:1.2em;position:relative;margin:0 0 30px;}



@media screen and (max-width: 768px) {
    .sinterna{margin:0 0 25px;}
    .sinterna h3 {font-size:1.6em;margin:30px 0 30px;text-align: center;}
    .sinterna .text_entry{width:90%;}
}

@media screen and (max-width: 320px) {
    .sinterna .text_entry p{font-size:1em;}
}




/* somos historia slider */


#sh_slider{height:320px;}
#sh_slider .carousel,#sh_slider .item,#sh_slider .carousel-inner,#sh_slider .fill{height:100%;}
#sh_slider .fill{width:100%;}
#sh_slider .fill .container{position:relative;height:100%;}
#sh_slider .carousel-indicators li{background:#288538;border:none;margin:0 2px;}
#sh_slider .carousel-indicators li.active{background:#fff;width:10px;height:10px;}
#sh_slider .carousel-control{background:none;opacity:1;}
#sh_slider .carousel-control span{display:block;width:50px;height:50px;top:13.8%;}
#sh_slider .item .img{text-align:center;}
#sh_slider .item p{width:70%;color:#1D1D1B;font-size:1.2em;margin:40px auto 0;}
#sh_slider .carousel-control.left .icon-prev{left:10%;background:url(../images/slider2_arrow_l.png) center center / contain no-repeat;}
#sh_slider .carousel-control.right .icon-next{right:10%;background:url(../images/slider2_arrow_r.png) center center / contain no-repeat;}
#sh_slider .carousel-control.left .icon-prev:before,#sh_slider .carousel-control.right .icon-next:before{display:none;}







.nosotros_numeros ul{margin:0;padding:0;}
.nosotros_numeros ul li{list-style:none;float:left;width:25%;margin:0;padding:0;}
.nosotros_numeros ul li .circle{width:85%;background:#31AA47;border:10px solid #000;border-radius:50%;position:relative;margin:0 auto;}
.nosotros_numeros ul li .circle:before{content:" ";display:block;padding-top:100%;}
.nosotros_numeros ul li .circle .data{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;}
.nosotros_numeros ul li .circle .data span{font-size:1em;color:#000;font-weight:700;text-transform:uppercase;white-space:nowrap;}
.nosotros_numeros ul li .circle .data h4{font-size:5em;color:#fff;font-weight:700;margin:0;}
.nosotros_numeros ul li .circle .data h4 span{font-size:.5em;color:#fff;}


@media screen and (max-width: 768px) {
    
    .nosotros_numeros ul li{list-style:none;float:none;width:75%;margin:0 auto 40px;padding:0;}
    .nosotros_numeros ul li .circle .data h4{font-size:4em;}
    
    .nosotros_numeros ul li .circle .data span{font-size: .8em;}
    
}

@media screen and (max-width: 320px) {
    .nosotros_numeros ul li .circle .data span{font-size: .6em;}
}




#hacemos_elaboracion h3.wi{clear:both;margin-bottom:105px;}
#hacemos_elaboracion h3.wi span{padding-right:75px;position:relative;float:left;}
#hacemos_elaboracion h3.wi span:before{background:url(../images/hacemos/ico_elaboracion.png) center center / contain no-repeat;display:block;content:" ";position:absolute;width:60px;height:60px;bottom:-10px;right:0;}
#hacemos_elaboracion .text_entry ul li.wi:before{background:url(../images/hacemos/hacemos_iconos.png) no-repeat;display:block;content:" ";position:absolute;width:42px;height:42px;top:5px;left:0;}

#hacemos_elaboracion .text_entry ul li.wi.mat_pri:before { background-position: 0 -76px; }
#hacemos_elaboracion .text_entry ul li.wi.conservado:before { background-position: 0 -171px; }
#hacemos_elaboracion .text_entry ul li.wi.enrulado:before { background-position: 0 -234px; }
#hacemos_elaboracion .text_entry ul li.wi.fermentado:before { background-position: 0 -344px; }
#hacemos_elaboracion .text_entry ul li.wi.secado:before { background-position: 0 -461px; }
#hacemos_elaboracion .text_entry ul li.wi.despalado:before { background-position: 0 -606px; }
#hacemos_elaboracion .text_entry ul li.wi.tipificado:before { background-position: 0 -675px; }
#hacemos_elaboracion .text_entry ul li.wi.almacenado:before { background-position: 0 -771px; }
#hacemos_elaboracion .text_entry ul li.wi.envasado:before { background-position: 0 -852px; }
#hacemos_elaboracion .text_entry ul li.wi.catado:before { background-position: 0 -944px; }





#hacemos_elaboracion .text_entry p.wi{padding-left:70px;position:relative;}
#hacemos_elaboracion .text_entry p.tiempo:before{background:url(../images/hacemos/hacemos_iconos.png) no-repeat;background-position:0 -1150px;display:block;content:" ";position:absolute;width:48px;height:115px;top:5px;left:0;}


@media screen and (max-width: 320px) {
    #hacemos_elaboracion .text_entry ul li{font-size: 1em;}
}








.slider_default .fill img {width:100%;}

.slider_default .carousel-control{background:none;opacity:.8;}
.slider_default .carousel-control:hover{background:none;opacity:1;}
.slider_default .carousel-control span{display:block;width:32px;height:32px;top:50%;}
.slider_default .carousel-control.left .icon-prev{left:30%;background:url(../images/prev.png) center center / contain no-repeat;}
.slider_default .carousel-control.right .icon-next{right:30%;background:url(../images/next.png) center center / contain no-repeat;}
.slider_default .carousel-control.left .icon-prev:before,
.slider_default .carousel-control.right .icon-next:before{display:none;}













#certificaciones ul{list-style:none;margin:0;padding:0;}
#certificaciones ul li{list-style:none;overflow:hidden;border-bottom:2px solid #0050A0;margin:0;padding:0;}
#certificaciones ul li .img{float:left;width:15%;margin-right:5%;min-height:175px;}
#certificaciones ul li .img:before{padding-top:100%;content:" ";display:block;}
#certificaciones ul li.ras .img{background:url(../images/cumplimos/certificaciones_ras.png) center center / contain no-repeat;}
#certificaciones ul li.cadena_custodia .img{background:url(../images/cumplimos/certificaciones_cadena_custodia.png) center center / contain no-repeat;}
#certificaciones ul li.iso_22 .img{background:url(../images/cumplimos/certificaciones_iso_22.png) center center / contain no-repeat;}
#certificaciones ul li.utz .img{background:url(../images/cumplimos/certificaciones_utz.png) center center / contain no-repeat;}
#certificaciones ul li.utz_organico .img{background:url(../images/cumplimos/certificaciones_utz_organico.png) center center / contain no-repeat;}
#certificaciones ul li.ethical_tea .img{background:url(../images/cumplimos/certificaciones_ethical_tea.png) center center / contain no-repeat;}
#certificaciones ul li.kosher .img{background:url(../images/cumplimos/certificaciones_kosher.png) center center / contain no-repeat;}
#certificaciones ul li .data{float:left;width:80%;height:175px;position:relative;}
#certificaciones ul li .data p{position:absolute;left:0;top:50%;transform:translate(0,-50%);margin:0;}



@media screen and (max-width: 768px) {
    #certificaciones ul li .data p{font-size:1em;}
}


@media screen and (max-width: 320px) {
    #certificaciones ul li .img{width: 25%;}
    #certificaciones ul li .data{width:70%;}
    #certificaciones ul li .data p{font-size:.8em;}
}






#map{height:500px;}