@font-face {
    font-family: 'candara';
    src: url('css/candara.woff');
}


/* !Layout Styles */
section{position:relative;}

section .container-fluid{
margin-left:3%;
margin-right:3%;
}

.nota-preview, .productos, .imagenes-ambiente{
display: inline-block;
}

.navbar{background:none;}

@media (min-width:1230px){
#navegacion .nav{padding-top:40px;}
}


/* !Fixes */
img{max-width:100%;}

a{
text-decoration:none !important;
}


/* !Blueprint */
/*
section{
border: 1px solid aqua;
}

.container-fluid{
border: 1px solid green;
}
*/

/* !Elements */
.btn-secundary{
font-size:20px;
border: 1px solid #1A4D25;
color: #1A4D25;
text-transform:uppercase;
background-color: rgba(255,255,255,0.5);
transition-duration:0.2s;
}

.btn-secundary i{
margin-right:10px;
color: #C2C89C;
}

.btn-secundary:hover{
background: rgba(255,255,255,0.8);
border: 1px solid  #768034;
color: #768034;
}

.btn.btn-default{
color: #D2762A;
border: 1px solid #D2762A;
transition-duration:0.2s;
border-radius: 5px;
text-shadow:none;
}

.btn.btn-default:hover{background-color:#f5f5f5;}

.nota-preview .titulo{
margin-top:10px;
margin-bottom:20px;
color: #1A4D25;
}

.nota-preview .texto p{
color:#666;
font-size:17px;
}

.titulo-solido{
text-transform:uppercase;
padding-top:20px;
padding-bottom:20px;
color:#fff;
margin-bottom:20px;
border-radius:5px;
}


/* !Covers */

.filter-cover{
position:absolute;
background: rgba(0,0,0,0.15);
top:0px;
width:100%;
height:100%;
}

.titulo-cover{
position:absolute;
right:3%;
bottom:3%;
text-align:right;
font-size:20px;
background:rgba(255,255,255,0.8);
color: #1A4D25;
width:36%;
padding:15px;
border-radius:5px;
}

/* !Body */
body{
	font-family: 'candara', 'Quattrocento Sans';
	font-size:17px;
	
}


/* !Header */
header .btn-contact{
margin-bottom:-20px;
color: #C95827;
padding:3px 5px;
border: 1px solid #eee;
border-radius:5px;
display:block;
float: right;
margin-top:10px;
margin-right:30px;
}

header .btn-contact{
margin-right:0px;
margin-left:10px;
}

header .head{
display: inline-block;
width:100%;
}

.botones-compras{background:#eee;}

header .btn-contact{
margin-top:0px;
margin-bottom:0px;
font-size:14px;
font-weight:100;
}

.head2{padding-top:15px;}


/* !Navigation */

.navbar-default{
margin-bottom:15px;
border: none;
}

.navbar a.brand{
max-width:200px;
display:block;
}

.nav>li>a{
font-size:14px;
text-transform:uppercase;
width:auto;
padding:5px 10px;
margin-left:2px;
margin-right:2px;
border-radius: 0px;
color: #777;
}

.nav.nav-pills{
display:block;
float: right;
}

.nav-pills>li>a{
border-radius:5px 5px 0px 0px;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{background:#bbb}

/* colores navegacion */

.nav>li:nth-child(1)>a{
border-bottom:7px solid #768034;
}

.nav>li:nth-child(2)>a{
border-bottom:7px solid #C2C89C;
}

.nav>li:nth-child(3)>a{
border-bottom:7px solid #1A4D25;
}

.nav>li:nth-child(4)>a{
border-bottom:7px solid #D2762A;
}

.nav>li:nth-child(5)>a{
border-bottom:7px solid #773D1E;
}

.nav>li:nth-child(6)>a{
border-bottom:7px solid #C95827;
}


/* !Home Section:1 */

#hm1{position:relative;}

#hm1 .reconocimientos{
position:absolute;
top:0;
background: rgba(255,255,255,0.6);
padding-left:15px;
padding-right:15px;
left:3%;
height:100%;
width:300px;
}

.home-meta-slider{padding-bottom:15px;}

.home-meta-slider .slick-prev:before, .slick-next:before{opacity:0.3;}

.reconocimientos{
border-top:10px solid #1A4D25;
border-bottom: 10px solid #1A4D25;
}

.reconocimientos  h2{
font-size:20px;
margin-bottom:25px;
width:100%;
text-align:center;
font-weight:600;
}

.reconocimientos .titulo h2{
color: #1A4D25;
letter-spacing:2px;
}

.reconocimientos #slider-reconocimientos img{
max-width:100%;
margin: 0 auto;
max-height:160px;
}

.reconocimientos a.btn{
font-size:15px;
margin-top:10px;
}

.reconocimientos .titulo h2{padding-top:10px;}

#hm10>h2{
position:absolute;
right:30px;
top:15px;
color:#fff;
text-transform:uppercase;
font-size:34px;
background:rgba(27,77,38,0.5);
padding:20px;
border-radius:5px;
}

#hm1 .filter{
position:absolute;
width:100%;
height:100%;
top:0px;
left:0px;
background-color: rgba(0,0,0,0.1);
}

#hm1 .botones-compradores{
position:absolute;
right:3%;
bottom:20px;
}

#hm1 .botones-compradores h3{
margin-top:0px;
color:  #1A4D25;
font-size:20px;
}

#hm1 .botones-compradores h3 i{margin-right:10px;}

#hm1 .botones-compradores .btn.home{
background-color: rgba(255,255,255,0.8);
font-size:19px;
display:block;
text-transform:uppercase;
color: #61703A;
margin-bottom:10px;
transition-duration:0.2s;
line-height:1;
padding-top:10px;
padding-bottom:10px;
float: left;
margin-left:10px;
}

#hm1 .botones-compradores .btn.home:hover{
background-color: rgba(255,255,255,0.9);
}

#hm1 .botones-compradores .btn.home span{font-size:14px;}

/* !Home Section 2 */
#hm2 .pestana{
position:absolute;
max-width:300px;
top:40px;
}

#hm2{
background: url('/../pix/home/textura-banner-portafolio-productos.svg');
background-size:100%;
padding-top:1%;
padding-bottom:1%;
margin-top: 30px;
}

#hm2 .homeproductos{
padding-top:30px;
padding-bottom:30px;
}

#hm2 .homeproductos img{
max-width:80%;
margin-left:10%;
}

#hm2 .banner .contenido{
margin-top:170px;
font-family: 'arial';
text-transform:uppercase;
}

#hm2 .banner .contenido p, #hm2 .banner .contenido h1, #hm2 .banner .contenido h2{margin:0px;}

#hm2 .banner .contenido p{
letter-spacing:5px;
margin:0px;
}

#hm2 .banner .contenido h1{
letter-spacing:1.5px;
font-weight:600;
}


/* !Home Section 3 */
#hm3{
padding-top:2%;
padding-bottom:2%;
}
.titulo-main{
text-transform:uppercase;
color: #61713A;
margin-bottom:20px;
}

.caja{
position:relative;
padding-left:5px;
padding-right:5px;
}

.caja .caja0{
background: #61703A;
min-height:170px;
color:#fff;
text-align:center;
padding-top:25px;
}

.caja .caja0 h2{
margin:0px;
text-transform:uppercase;
font-size:26px;
margin-bottom:15px;
}

.caja .caja0 p{
font-size:15px;
padding-left:10%;
padding-right:10%;
}

.caja .titulo{
background: #D1D9A5;
color: #61713A;
text-align:center;
text-transform:uppercase;
margin-bottom:7px;
}

.caja .titulo h3{
margin:0px;
line-height:45px;
padding-left:85px;
text-align:left;
}

.caja .cuerpo{
background: #E8ECD5;
padding-left:15px;
padding-right:15px;
color:  #61713A;
min-height:120px;
padding-top:10px;
padding-bottom:0px;
padding-left:85px;
}

.caja .icono{
position:absolute;
color: #61713A;
top:10px;
left:10px;
width:70px;
}

.caja.caja2 .cuerpo{
min-height:100px;
text-align:center;
padding-top:20px;
padding-left:70px;
min-height:90px;
}

.caja.caja2 .titulo h3{
text-align:center;
padding-left:40px;
}

#caja-salud .titulo, #caja-salud .cuerpo{
background: #773D1E;
color:#fff;
}

#caja-sociedad .titulo, #caja-sociedad .cuerpo{
background: #A83829;
color:#fff;
}

#caja-economia .titulo, #caja-economia .cuerpo{
background: #D2762A;
color:#fff;
}

#hm3 .btn.btn-secundary{margin-top:20px;}
	
	
/* !Home Section 4 */
#hm4 .filter{
position:absolute;
width: 100%;
height:100%;
top:0px;
left:0px;
background: rgba(0,0,0,0.2);
}

#hm4{
background: url('/pix/home/002-HOME-banner-industrializacion.jpg');
background-size:100%;
height:260px;
}

#hm4 h2{
color:#fff;
max-width: 700px;
margin:0 auto;
margin-top:80px;
text-shadow: 0px 0px 5px #555;
font-size:32px;
letter-spacing:1px;
}


#hm4 .btn.btn-secundary i{
color: #1A4D25;
}

#hm4 .btn.btn-secundary{
background: rgba(27,77,38,0.7);
color:#fff;
margin-top:30px;
}

#hm4 .btn.btn-secundary i{
color: #fff;
}

#hm4 .btn.btn-secundary:hover{
background: rgba(27,77,38,0.9);
}

/* !Footer */

#ft10{
padding-bottom:3%;
padding-top:1%;
}

#ft2{
background: #E8ECD5;
padding-top:10px;
padding-bottom:0px;
}

#ft2 img{max-width:120px;}

#ft2 a{
color: #1A4D25;
}

#ft2 a:hover{
color: #768034;
}

#ft2 .menu-footer li{
border-right: 1px solid #1A4D25;;
text-align:center;
padding-left:5px;
padding-right:5px;
}

#ft2 ul.list-inline{padding-top:10px;}

#ft2 ul.social li a i{
background: #61703A;
width:30px;
line-height:30px;
color:#E8ECD5;
border-radius: 20px;
}

#ft2 ul li.last{border-right:none;}

#ft2 .footer-sub{
background: #61703A;
color:#fff;
margin-bottom:0px;
margin-top:10px;
}

#ft2 .footer-sub p{margin-bottom:0px;}

/* !Aceite de Palma */

#a1{
padding-top:2%;
padding-bottom:2%;
}
	
#a2 .titulo-solido{
background: #D2762A;
border-radius:5px;
}

#a20{
background: url('/../pix/otros/textura-fondo-infografia.svg');
background-size:cover;
}

.beneficio{
padding:20px;
text-align:center;
}

.beneficio .icono{
max-width:170px;
margin-bottom:30px;
}

.beneficio p.texto{
color: #C95827;
font-size:18px;
background: rgba(255,255,255,0.5);
}
	
#a3{
padding-top:1%;
padding-bottom: 2%;
}

#a3 .titulo-main{margin-bottom:30px;}

.col-md-6.noticia-preview{padding:0px;}

.noticia-preview img{margin-bottom:20px;}

.noticia-preview .titulo{
margin-top:5px;
font-size:22px;
color: #1A4D25;
}

.noticia-preview p{color:#666;}		

/* !Portafolio de productos */
#b10 ul li{
width:20%;
text-align:center;
}

#b10 ul li a{
background-color: #E8ECD5;
width:100%;
display:block;
padding-top:10px;
padding-bottom:10px;
color: #1A4D25;
border-radius:5px;
font-size:16px;
}

#b1{
padding-top:2%;
padding-bottom:1%;
}

.portafolio{
display:inline-block;
margin-bottom:20px;
border-top: 7px solid #eee;
padding-top:20px;
}

.portafolio .titulo{
color: #1A4D25;
margin-top:0px;
}

.portafolio .texto{color:#666;}

.portafolio .leyenda{
background: #ebe3d7;
border-radius:5px;
padding-top:5px;
padding-bottom:5px;
background: rgba(194,201,156,0.2);
}

.portafolio .leyenda p{
color: #1A4D25;
font-size:16px;
}

.portafolio .productos{padding-top:20px;}

.productos .producto h3, .producto-right .producto h3{
border-top: 5px solid #eee;
padding-top:10px;
margin-bottom:5px;
color: #1A4D25;
font-size:18px;
}

.productos .producto h3 p, .producto-right .producto h3 p{margin-bottom:5px;}

.productos .producto p, .producto-right .producto p{
margin: 0px;
color:#666;
font-size:15px;
}

.productos .producto, .producto-right .producto{margin-bottom:40px;}

.productos .producto img{
border-radius: 5px;
}

.portafolio .producto-right{text-align:center;}

.productos .producto{text-align:center;}

.btn-ventas{
font-size:18px;
background: #D2762A;
color: #fff;
margin-top:30px;
transition-duration:0.2s;
}

.btn-ventas:hover{
opacity:0.8;
color:#fff;
}

/* !Proceso de Producción */
#c1 h2, #d1 h2, #f1 h2{
position:absolute;
right:3%;
bottom:3%;
text-align:right;
font-size:20px;
background:rgba(255,255,255,0.8);
color: #1A4D25;
width:36%;
padding:15px;
border-radius:5px;
}



#c2{
padding-top:3%;
padding-bottom:3%;
}

#c30{position:relative;}

.infografia{position:relative;}

#c30 .infoa{width:100%;}

#c30 .infob{
position:absolute;
left:5%;
top:30px;
width:90%;
}

#c40 .titulo-solido{
background: #61703A;
}


.ambiente .header{
background: #D1D9A5;
text-align:center;
margin-bottom:0px;
}

.ambiente .header .titulo{
line-height:50px;
margin-top:0px;
margin-bottom:0px;
text-transform:uppercase;
}

.ambiente .imagen img{width:100%;}

.ambiente .cuerpo{
background:#E8ECD5;
padding-left:15px;
padding-right:15px;
padding-top:5px;
text-align:center;
color:#666;
padding-bottom:15px;
min-height:470px;
}

.ambiente .icon-elemento{
background:#E8ECD5;
text-align:center;
height:75px;
overflow:visible;
margin-bottom:90px;
}

.ambiente.ambiente2 .header{
background: #94CEEE;
color: #fff;
}

.ambiente.ambiente2 .cuerpo{
background: rgba(148, 206, 238,0.4);
}

.ambiente.ambiente2 .icon-elemento{
background: rgba(148, 206, 238,0.4);

}

/* !Ambiente */
.mensaje-centro{
font-size:28px;
max-width:800px;
display:block;
margin: 0 auto;
}

#d2{
padding-top:3%;
padding-bottom:3%;
color: #61713A;
}

#d3 .ambiente .cuerpo{min-height:630px;}

.ambiente .icono{
text-align:center;
background: #E8ECD5;
height:75px;
margin-bottom:90px;
}

.ambiente .icono img{max-width:150px;}

.responsable{
background: url('/../pix/otros/textura-fondo-infografia.svg');
display:inline-block;
margin-right:15px;
margin-left:15px;
padding-bottom:15px;
}

#d40 .titulo-solido{
background: #D2762A;
}

#d40 .titulo-solido{margin-bottom:0px;}

#d40 p{
margin-bottom:40px;
color: #D2762A;
}

#d40 .izquierda{
text-align:right;
padding-top:30px;
}

#d40 .derecha{padding-top:30px;}

#d40 .izquierda{
border-right: 2px dashed #D2762A;
}

/* !Nuestra Compañía */
#f20 .col-md-5{
margin-right:15px;
margin-bottom:40px;
}

.contenido h2, .contenido p{
padding-left:15px;
padding-right:15px;
}

.contenido h2{
margin-top: 10px;
margin-bottom: 20px;
color: #1A4D25;
font-size:28px;
margin-top:0px;
}

.contenido p{
text-align:justify;
color:#666;
}

#f20{
padding-top:3%;
padding-bottom:3%;
}

.ambiente .header .titulo{
color: #1A4D25;
}

#f30 .ambiente .cuerpo{min-height:140px;}

#f30 .ambiente .icono{text-align:center;}

#f40{
    background: url('/../pix/otros/textura-fondo-infografia.svg');
}

.valor{
display: inline-block;
width:100%;
}

.valor .icon{
display:block;
float: left;
margin-right:10px;
}

.valor .texto{
line-height:50px;
color: #1A4D25;
text-transform:uppercase;
font-size:15px;
}

.valores h3{
text-transform:uppercase;
color: #1A4D25;
margin-bottom:30px;
}

.valor.v2 .texto{
color: #61703A;
}

.valor.v3 .texto{
color: #61703A;
}

.valor.v4 .texto{
color: #D2762A;
}

.valor.v5 .texto{
color: #C95827;
}

.valor.v6 .texto{
color: #773D1E;
}

/* !Noticias */

#e10 .titulo-solido{
background:#D2762A;
text-align:center;
font-size:22px;
padding:10px;
}

.noticia-preview{margin-bottom:30px;}

#n1{
padding-top:3%;
padding-bottom:3%;
}

#n10 .col-md-5{
margin-right:15px;
margin-bottom:20px;
}

/* !Contacto */
.contacto-productos .producto{
display:inline-block;
width:100%;
border-bottom:1px solid #ddd;
padding-bottom:10px;
padding-top:10px;
}

.contacto-productos .producto img{
width:15%;
display:block;
floaT: left;
margin-right:3%;
}

.contacto-productos .producto .presentaciones{
width:82%;
display: block;
float: left;
color:#777;
font-size:0.9em;
}


.contacto-productos .producto .presentaciones h3{margin-top:0px;}

.contacto-productos .producto p span{
background:#eee;
border-radius: 7px;
padding:3px 10px;
margin-right:5px;
line-height:34px;
}

.comentario-imagen{
background:#eee;
width:100%;
display:block;
padding-left:5px;
color:#999;
font-size:14px;
}

.comentario-imagen i{margin-right:5px;}

.formulario{
background:#f5f5f5;
padding:15px;
border-radius:10px;
}

#x10 h3.titulo-solido{
background: #1A4D25;
text-align:center;
}

.input-group-addon{
color: #1A4D25;
min-width:100px;
font-size:15px;
text-align:left;
}

.input-group-addon b{font-weight:100;}

.input-group-addon i{margin-right:5px;}

.formulario .input-group{
margin-bottom:10px;
clear:left;
}

.formulario .input-group .form-control{
height:50px;
font-size:16px;
}

.formulario .input-group input:focus{
box-shadow:none;
border: 1px solid #D2762A;
}

#x1{
padding-top:2%;
padding-bottom:3%;
}

#x10 .titulo.left h2{
color:#fff;
margin-bottom:0px;
margin-top:0px;
font-size:20px;
}

#x10 .titulo.left{
background:#1A4D25;
padding:10px;
border-radius:5px 5px 0px 0px;
}

.contacto-productos{
background: url('/../pix/otros/textura-fondo-infografia.svg');
padding:15px;
}

#x10 .titulo.left h2 i{
color: #61703A;
margin-right:10px;
}

.formulario h3{
text-align:center;
margin-top:0px;
color: #C95827;
text-transform:uppercase;
margin-bottom:20px;
}

.formulario h3 i{
color: #D2762A
}

.input-group-addon{
color: #666;
}

.formulario label{
text-transform:uppercase;
font-size:14px;
font-weight:100;
margin-bottom:0px;
}

.formulario h3{
text-align:left;
margin-top:0px;
color: #C95827;
text-transform:uppercase;
margin-bottom:20px;
}

.formulario h3 i{
color: #fff;
padding:10px;
font-size:30px;
border-radius:25px;
background:#D2762A;
margin-bottom:15px;
display:block;
float: left;
margin-right:15px;
}

.input-group-addon{
color: #666;
}

.formulario label{
text-transform:uppercase;
font-size:13px;
font-weight:100;
margin-bottom:0px;
color: #666;
}

.formulario select{
line-height:50px;
height:50px;
font-size:16px;
color:#666;
}

.formulario select:focus{
box-shadow:none;
border: 1px solid #D2762A;
}

.formulario textarea{
width:100%;
max-height:150px;
border: 1px solid #ccc;
border-radius:5px;
max-width:100%;
resize:none;
padding-left:15px;
padding-top:10px;
font-weight:100;
}

.formulario textarea:focus{
outline:none;
border: 1px solid #D2762A;
}

.formulario .btn-primary{
outline:none !important;
background:#C95827;
border: none;
font-size:24px;
padding-left:40px;
padding-right:40px;
transition-duration:0.2s;
}

.formulario .btn-primary:hover{
background: #D2762A;
}

.contacto-info{color:#777;}

.contacto-info p i{
color:#D2762A;
margin-right:5px;
font-size:20px;
}



/* !Responsive design */
@media (min-width:768px) and (max-width:1050px){

.nav-pills>li{
width:49%;
display:block;
float:left;
text-align:center;
}

.nav-pills{margin-top:10px;}

.nav-pills>li>a{
padding-top:10px;
padding-bottom:10px;
}

}

@media (max-width:768px){
.nav-pills>li{width:100%;}

.nav-pills>li>a{
border-bottom:1px solid #ddd !important;
border-radius:0px;
text-align:center;
padding-top:10px;
padding-bottom:10px;
}

.navbar-default .navbar-collapse{
padding-left:0px;
padding-right:0px;
margin-top:10px;
}

.navbar a.brand{max-width:100px;}

.head2{padding-top:3px;}

.navbar-toggle{margin-top:0px;}

.navbar-default{margin-bottom:0px;}

header{
	border-bottom:1px solid #ddd;
	
}

}

@media (max-width:768px){

section .container-fluid{
margin-left:0px;
margin-right:0px;
padding-left:0px;
padding-right:0px;
}

}


@media (max-width:768px){

.botones-compradores{display:none;}

.reconocimientos{display:none;}

#hm1 h2{
position:relative;
left:0px;
top:0px;
margin-top:0px;
border-radius:0px;
background:rgba(27,77,38,1);
margin-bottom:0px;
font-size:28px;
text-align:center;
}

#hm2{margin-top:0px;}

#hm2 .banner .contenido, #hm2 .banner .contenido p{text-align:center;}

#hm3 .btn.btn-secundary{display:none;}

#hm4 h2{
margin-top:30px;
font-size:28px;
}

#hm4{
display:inline-block;
background-size:350%;
background-position-x:50%;
}

h1.titulo-main{font-size:28px;}

.btn-ventas{
margin-top:15px;
margin-bottom:10px;
}

}


@media (min-width:1050px) and (max-width:1250px){

.reconocimientos .titulo h2{
margin-top:10px;
margin-bottom:0px;
}

.reconocimientos a.btn{margin-top:0px;}

}

@media (max-width:1050px){
.reconocimientos{display:none;}

}


@media (max-width:768px){

h2{font-size:24px;}

.col-md-6.noticia-preview{margin-bottom:20px;}

}


@media (max-width:768px){

.productos .producto img{max-height:180px;}

.productos .producto{
min-height:310px;
margin-bottom:15px;
}


.productos .producto h3, .producto-right .producto h3{font-size:15px;}

.productos .producto p, .producto-right .producto p{font-size:13px;}

.portafolio .leyenda p{font-size:13px;}

.portafolio .leyenda{margin-top:-20px;}

}


@media (max-width:768px){

h2.titulo-cover{
position:relative !important;
width:100% !important;
text-align:center !important;
right:auto !important;
bottom:auto !important;
margin-top:10px;
margin-bottom:0px;
}

}

@media (max-width:768px){

.ambiente .cuerpo{min-height:20px;}

}

@media (max-width:768px){

#d3 .ambiente .cuerpo{min-height:20px;}

.titulo-solido{
padding-left:5px;
padding-right:5px;
}

.mensaje-centro{
font-size:20px;
margin-bottom:20px;
}

}

@media (max-width:768px){

#d40 .izquierda, #d40 .derecha{
text-align:center;
border-right:0px;
font-size:16px;
}

#d40 .derecha{padding-top:0px;}

#d40 p{margin-bottom:20px;}

}


@media (max-width:768px){
.formulario h3{font-size:20px;}

.formulario .input-group{clear:left;}

}

@media (max-width:768px){

.contacto-productos{padding-top:0px;}

.contacto-productos h3{margin-bottom:10px;}

}

@media (max-width:768px){

.input-group-addon{
min-width:50px;
text-align:center;
}

.input-group-addon b{display:none;}

}

@media (max-width:768px){

#ft2 ul.list-inline.menu-footer li{
width:100%;
border-right:0px;
line-height:1.9;
}

#ft2{text-align:center;}

}


/* !Ajustes finales */

#hm1>img, #c1>img, #d1>img, #f1>img{width:100%;}