@charset "utf-8";
/* CSS Document */

/* NIVELES 

header : 9000
triangulos: 8000
cookies: 10000


FUENTES


*/

@media only screen { } /* // Small screens Define mobile styles */
@media only screen and (max-width: 40em) { } /*// Small screens  max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width: 40.063em) { } /* // Medium screens min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* // Medium screens min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 64.063em) { } /* // Large screens min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* // Large screens min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 90.063em) { } /* // XLarge screens min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* // XLarge screens min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 120.063em) { } /*// XXLarge screens  min-width 1921px, xxlarge screens */


html{width:100%;max-width:120em;height:auto;margin:0 auto;padding:0 auto;overflow-x:hidden !important;}
body{width:100%;max-width:120em;height:100%;margin:0 auto;padding:0 auto;overflow-x:hidden !important;}
header{width:100%;max-width:120em;z-index:9000;position:fixed;-webkit-transition: all 0.3s;-moz-transition:all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;background:transparent!important;background:rgb(45,83,94,0.5) !important}
.row { width:100%;max-width: 120em;}

#main{margin-top:0px;overflow-x:hidden}
.main{margin-top:0px;overflow-x:hidden}

@media only screen { } /* // Small screens Define mobile styles */
@media only screen and (max-width: 40em) { 
header{position:absolute;background:rgb(45,83,94,1) !important;height:70px}
#main{margin-top:70px;overflow-x:hidden}
.main{margin-top:70px;overflow-x:hidden}
} /*// Small screens  max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width: 40.063em) { } /* // Medium screens min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* // Medium screens min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 64.063em) { } /* // Large screens min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* // Large screens min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 90.063em) { } /* // XLarge screens min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* // XLarge screens min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 120.063em) { } /*// XXLarge screens  min-width 1921px, xxlarge screens */


/* MENU */
header.smaller{background:rgb(45,83,94,1) !important}
header.smaller .top-bar-menu .title-area li.name {width:300px;margin-top:10px;height:40px;background-image: url("../imagenes/logotipo-picamonfruits-blanco.png");background-repeat: no-repeat;background-size:300px;} 
header.smaller .top-bar-menu {background:rgb(45,83,94,1) !important;background-color:#2d535e !important;} 
header.smaller .top-bar-section-menu ul li {}
header.smaller .top-bar-section-menu ul li > a {background:transparent !important;color:#FFF !important;padding-top:10px !important;padding-bottom:10px !important} 
header.smaller .top-bar-section-menu ul li > a:hover {color:#89c13f !important;}   
header.smaller .top-bar-section-menu ul li.active > a {color:#89c13f !important;}
header.smaller .top-bar-section-menu ul li.active > a span{color:#89c13f !important;}
header.smaller .top-bar-section-menu ul li.active > a:hover {color:#000 !important;background-color:#89c13f}
header.smaller .top-bar-section-menu ul li ul{background-color:#2d535e !important;opacity:1 !important}
header.smaller .top-bar-section-menu ul li ul li{opacity:1}   
header.smaller .top-bar-section-menu ul li ul li > a {color:#FFF !important;font-size:1em;font-weight:700 !important;letter-spacing:0.05em;padding-top:0px !important;padding-bottom:0px !important;opacity:1}   


	/* Menú Principal */
.top-bar-menu {background:transparent !important;/*padding-top:0px!important;padding-bottom:20px;*/} 
.top-bar-menu.expanded .title-area {background:transparent !important;padding-top:20px;padding-bottom:20px;}  
.top-bar-menu .title-area li.name {width:300px;margin-top:20px;margin-left:20px;height:40px;background-image: url("../imagenes/logotipo-picamonfruits-blanco.png");background-repeat: no-repeat;background-size:300px;-webkit-transition: all 0.3s;-moz-transition:all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} 
.top-bar-section-menu ul {}
.top-bar-section-menu ul li {background:transparent !important;}
.top-bar-section-menu ul li > a {background:transparent !important;font-family: 'Bai Jamjuree', sans-serif;color:#FFF !important;font-size:1em;font-weight:700;letter-spacing:0.05em;padding-top:20px !important;padding-bottom:20px !important}    
.top-bar-section-menu ul li > a:hover {color:#89c13f !important;}   
.top-bar-section-menu ul li.active > a {color:#89c13f !important;}
.top-bar-section-menu ul li.active > a:hover {color:#89c13f !important;}
.top-bar-section-menu ul li ul{background:rgb(45,83,94,0.5) !important;}
.top-bar-section-menu ul li ul li > a {color:#FFF !important;font-size:1em;font-weight:700 !important;letter-spacing:0.05em;padding-top:0px !important;padding-bottom:0px !important}   

.top-bar-menu .toggle-topbar {} 
.top-bar-menu .toggle-topbar a { color: #FFF  !important;font-family: 'Bai Jamjuree', sans-serif !important;}
.top-bar-menu .toggle-topbar a:hover { color: #ed821a  !important;font-family: 'Bai Jamjuree', sans-serif !important;}

@media only screen { } /* Small screens: Define mobile styles */
@media only screen and (max-width: 40em) { 
	.top-bar-menu .title-area li.name {width:200px;margin-top:20px;margin-left:20px;height:70px;background-size:200px;} 
	.top-bar-menu.expanded .title-area {background:transparent !important;padding-top:0px;padding-bottom:0px;}  

	.top-bar-menu{height:70px;}  	
	.top-bar-section-menu{height:70px;}	
	.top-bar-menu .title-area {height:70px;}  
		
	.top-bar .toggle-topbar.menu-icon a {color:#FFF;margin-top:-20px} /* color de la palabra MENU */
	.top-bar .toggle-topbar.menu-icon a span::after {box-shadow: 0 0 0 1px #FFF, 0 7px 0 1px #FFF, 0 14px 0 1px #FFF;} /* color de la hamburguesa */
	.top-bar.expanded .toggle-topbar a span::after {box-shadow: 0 0 0 1px #89c13f, 0 7px 0 1px #89c13f, 0 14px 0 1px #89c13f; } /* color de la hamburguesa presionado*/
	
	.top-bar-section-menu ul{margin-top:-20px}    
	.top-bar-section-menu ul li > a {background:rgb(45,83,94,1) !important;font-size:1em;font-weight:700;padding-top:10px !important;padding-bottom:10px !important}    
	.top-bar-section-menu ul li ul li > a {background:rgb(45,83,94,1) !important;font-size:1em;padding-top:5px !important;padding-bottom:5px !important}    
	.top-bar-section-menu ul li ul{height:auto!important;padding-bottom:30px;maring-top:-30px;min-height:300px;background:rgb(45,83,94,1) !important;}    
	
} /* Small screens: max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width: 40.063em) { } /* Medium screens: min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	header.smaller .top-bar-menu .title-area li.name {width:150px;margin-top:20px;background-size:150px;}
   .top-bar-menu .title-area li.name {width:180px;margin-top:30px;background-size:180px;} 
   .top-bar-section-menu ul li ul li > a {padding-top:0px !important;padding-bottom:0px !important}   
} /* Medium screens: min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 64.063em) { } /* Large screens: min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { 
header.smaller .top-bar-menu .title-area li.name {width:200px;margin-top:20px;background-size:200px;}
.top-bar-menu .title-area li.name {width:250px;margin-top:25px;background-size:250px;} 
} /* Large screens: min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 90.063em) { } /* XLarge screens: 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 */
@media only screen and (min-width: 120.063em) { } /* XXLarge screens: min-width 1921px, xxlarge screens */





/* MENU REDES */
.menu-redes{position:fixed;bottom:0px !important;right:0;height:100vh;z-index:9000;margin-right:0%;width:3%;margin-top:30vh !important;background-color:#89c13f}
.menu-redes .menu{margin-top:40vh}
.menu-redes a{color:#FFF;margin-bottom:0px;text-align:center;font-size:0.8em;font-weight:bold; bottom:0 }
.menu-redes a.red img{width:35px;height:35px;border-radius:17px;}
.menu-redes a.red img:hover{opacity:0.8}
.menu-redes a.tooltips {position: relative;display: inline;}
.menu-redes a.tooltips span {visibility: hidden;position: absolute;width:200px;color:#FFF;background: #262626;height: 30px;line-height: 25px;text-align: right;visibility: hidden;border-radius: 6px;font-size:1.1em !important;padding-right:10px;margin-right:0px;}
.menu-redes a.tooltips span:after {content: '';position:absolute;top:50%;width: 0; height: 0; border-bottom: 8px solid #262626;border-right: 8px solid transparent;border-left: 8px solid transparent;margin-left:0px}
.menu-redes a:hover.tooltips span {font-family: 'Pacifico', cursive;font-size:0.9em;visibility: visible;top: -10px;margin-left:-250px;z-index: 999;font-weight:lighter; letter-spacing:0.1em}

.menu-redes-movil{padding-top:15px;height:50px}
.menu-redes-movil img{width:30px;margin-left:10px}

@media only screen { } /* Define mobile styles */
@media only screen and (max-width: 40em) { } /* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens // Medium screens*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
.menu-redes{width:3%;}
.menu-redes a.red img{width:25px;height:25px;border-radius:13px;}
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues // Medium screens*/*/
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens // Large screens*/
@media only screen and (min-width: 64.063em) and (max-width: 90em) { 
.menu-redes{width:3%;}
.menu-redes a.red img{width:25px;height:25px;border-radius:13px;}
} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues // Large screens*/
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens // 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 // XLarge screens*/
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens // XXLarge screens*/


/* ELEMENTOS COMUNES */
.arrow{position: absolute;top: 85%;top: 80vh;left: 50%;transform: translate(-50%,-50%);z-index:1001 !important;}
.arrow2{position: absolute;top: 85%;left: 50%;transform: translate(-50%,-50%);z-index:1001 !important;}
.arrow span{display: block;width: 30px;height: 30px;border-bottom: 5px solid #FFF;border-right: 5px solid #FFF;transform: rotate(45deg);margin: -10px;animation: animate 2s infinite;}
.arrow span:nth-child(2){animation-delay: -0.2s;}
.arrow span:nth-child(3){animation-delay: -0.4s;}
@keyframes animate {
    0%{opacity: 0;transform: rotate(45deg) translate(-20px,-20px);}
    50%{opacity: 1;}
    100%{opacity: 0;transform: rotate(45deg) translate(20px,20px);}
}


#triangulo-azul{position:relative;z-index:1000;height: 0;width: 100%;border-bottom: 100px solid #2d535e;border-left: 1900px solid transparent;border-right: 0px solid transparent;border-top: 0px solid transparent;margin-top:-100px;overflow-x:hidden}
#triangulo-blanco{position:relative;z-index:1000;height: 0;width: 100%;border-bottom: 100px solid #FFF;border-left: 1900px solid transparent;border-right: 0px solid transparent;border-top: 0px solid transparent;margin-top:-100px;}


/* MENU PRODUCTOS */
#accordion {list-style: none;padding: 0 0 0 0;width:100%;margin: 0;}
#accordion li{background:transparent !important;color:#f2f2f2 !important}
#accordion li a:hover{color:#f2f2f2 !important}
#accordion div {font-family: 'Bai Jamjuree', sans-serif;display: block;font-size:1.5em;color:#f2f2f2 !important;background:transparent !important;cursor: pointer;border-bottom: 1px solid #48737f;margin:0 auto;padding:0 auto;width:100%;padding-top:10px;padding-bottom:10px;padding-left:10px;font-weight:bolder;letter-spacing:0.05em}
#accordion div.active{color:#8bc43e !important;opacity:0.8}
#accordion li ul {font-family: 'Bai Jamjuree', sans-serif;list-style-type: none;display: none;background:transparent !important;color:#f2f2f2 !important}

#accordion div:hover {color:#f2f2f2 !important}
#accordion ul li {cursor: auto;width: 100%;font-family: 'Montserrat', sans-serif !important;font-size: 0.8em;color:#bbbbba;display:block;font-weight:lighter}
#accordion ul li:hover {background-color: #FFF;font-weight: normal;cursor: auto;color: #174b90;display:block;}
#accordion a {text-decoration: none;color:#bbbbba;}
#accordion a:hover {color:#174b90;}

@media only screen { } /* Small screens: Define mobile styles */
@media only screen and (max-width: 40em) { } /* Small screens: max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width: 40.063em) { } /* Medium screens: min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
#accordion div {font-size:1em;}
#accordion ul li {font-size: 0.6em;}
} /* Medium screens: min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 64.063em) { } /* Large screens: min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { 
#accordion div {font-size:1.2em;}
#accordion ul li {font-size: 0.8em;}

} /* Large screens: min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 90.063em) { } /* XLarge screens: 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 */
@media only screen and (min-width: 120.063em) { } /* XXLarge screens: min-width 1921px, xxlarge screens */




h1{font-family: 'Bai Jamjuree', sans-serif;font-weight:bolder;font-size:3em;color:#2d515d}
h2{font-family: 'Bai Jamjuree', sans-serif;font-weight:bolder;color:#2d515d}
h3{font-family: 'Bai Jamjuree', sans-serif;color:#77ad47}
p{font-family: 'Quicksand', sans-serif; color:#333}
p a{color:#92cd3f;color:#2d515d}
a{color:#92cd3f;color:#2d515d}
a:hover{color:#CCC;color:#92cd3f}
.main ul li{font-family: 'Quicksand', sans-serif; color:#333}
.main ol li{font-family: 'Quicksand', sans-serif; color:#333}
table{border-color:#89c13f;border-radius:5px}
.panel{font-family: 'Quicksand', sans-serif; color:#333;background-color:#fff}
.sombra{-webkit-box-shadow: 10px 10px 5px 0px rgba(204,204,204,1);-moz-box-shadow: 10px 10px 5px 0px rgba(204,204,204,1);box-shadow: 10px 10px 5px 0px rgba(204,204,204,1);}

@media only screen { } /* Small screens: Define mobile styles */
@media only screen and (max-width: 40em) { 
h1{font-size:2.5em;}
} /* Small screens: max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width: 40.063em) { } /* Medium screens: min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	h1{font-size:2em;}
h2{font-size:1.5em}
h3{font-size:1.1em}
p{font-size:0.9em}
p a{}
a{}
a:hover{}
.main ul li{}
.main ol li{}
} /* Medium screens: min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 64.063em) { } /* Large screens: min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { 
h1{font-size:2.5em;}
h2{font-size:2em}
h3{font-size:1.2em}
p{font-size:0.9em}
p a{}
a{}
a:hover{}
.main ul li{}
.main ol li{}

} /* Large screens: min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 90.063em) { } /* XLarge screens: 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 */
@media only screen and (min-width: 120.063em) { } /* XXLarge screens: min-width 1921px, xxlarge screens */




/* layerslider home */
.layerslider-home{width:100% !important; height:100vh !important;position:relative !important;}
.layerslider-home h1{top: 30vh; left:80px;color:#FFF;letter-spacing:0.35em; font-family: 'Bai Jamjuree', sans-serif;font-size:3em;}
.layerslider-home h1 span{font-size:2em;font-weight:bolder;letter-spacing:0em;}

@media only screen { } /* Define mobile styles */
@media only screen and (max-width: 40em) { 
.layerslider-home h1{top: 30vh;  left:0px;letter-spacing:0em; font-size:2em;}
.layerslider-home h1 span{font-size:0.9em;letter-spacing:0em;}
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens // 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 // Medium screens*/*/
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens // Large screens*/
@media only screen and (min-width: 64.063em) and (max-width: 90em) { 
.layerslider-home{width:100% !important; height:100vh !important;position:relative !important;}
.layerslider-home h1{top: 30vh; left:80px;color:#FFF;letter-spacing:0em; font-family: 'Bai Jamjuree', sans-serif;font-size:2.3em;}
.layerslider-home h1 span{font-size:2em;font-weight:bolder;letter-spacing:0em;}
} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues // Large screens*/
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens // 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 // XLarge screens*/
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens // XXLarge screens*/


/* layerslider seccion */
.layerslider-seccion{/*width:100% !important; height:666px !important;*/position:relative !important;}
.layerslider-seccion h1{top: 25vh !important; left:80px;color:#FFF;letter-spacing:0.35em; font-family: 'Bai Jamjuree', sans-serif;font-size:3em;}
.layerslider-seccion h1 span{font-size:2em;font-weight:bolder;letter-spacing:0em;}


@media only screen { } /* Define mobile styles */
@media only screen and (max-width: 40em) { } /* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens // Medium screens*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
.layerslider-seccion h1{top: 20vh !important; left:80px;font-size:2.3em;}
.layerslider-seccion h1 span{font-size:1.8em;letter-spacing:0em;}
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues // Medium screens*/*/
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens // Large screens*/
@media only screen and (min-width: 64.063em) and (max-width: 90em) { 
.layerslider-seccion h1{top: 20vh !important; left:80px;font-size:2.5em;}
.layerslider-seccion h1 span{font-size:2em;letter-spacing:0em;}
} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues // Large screens*/
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens // 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 // XLarge screens*/
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens // XXLarge screens*/




/* SECCIONES */

.seccion{padding-top:60px;padding-bottom:60px}
@media only screen { } /* Define mobile styles */
@media only screen and (max-width: 40em) { 
.seccion{padding-top:40px;padding-bottom:40px}
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens // 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 // Medium screens*/*/
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens // 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 // Large screens*/
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens // 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 // XLarge screens*/
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens // XXLarge screens*/


/* HOME */

	/* PRESENTACION */
.home-presentacion{background-color:#2d535e;padding-top:30px; padding-bottom:100px}
.home-presentacion .contenido{padding-top:50px;padding-bottom:100px}
.home-presentacion .contenido h2{color:#fff;font-weight:bolder;font-size:4em;}
.home-presentacion .contenido p{color:#FFF;font-size:1.1em;}
.home-presentacion .contenido .numeros h2{color:#89c13f;font-size:3em;}
.home-presentacion .contenido .numeros h3{color:#FFF;font-size:2em;}
.home-presentacion .contenido .certificaciones{padding-top:50px;padding-bottom:100px;}
.home-presentacion .contenido .certificaciones img{border-radius:5px;-webkit-box-shadow: 10px 10px 28px 0px rgba(68,68,68,1);-moz-box-shadow: 10px 10px 28px 0px rgba(68,68,68,1);box-shadow: 10px 10px 28px 0px rgba(68,68,68,1);}

@media only screen { } /* Define mobile styles */
@media only screen and (max-width: 40em) { 
.home-presentacion .contenido h2{font-size:1.5em;}
.home-presentacion .contenido p{}
.home-presentacion .contenido .numeros h2{font-size:1.5em;}
.home-presentacion .contenido .numeros h3{font-size:1.2em;}

.home-presentacion{padding-bottom:30px}
.home-presentacion .contenido{padding-top:50px;padding-bottom:0px}

} /* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens // 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 // Medium screens*/*/
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens // Large screens*/
@media only screen and (min-width: 64.063em) and (max-width: 90em) { 
.home-presentacion .contenido h2{font-size:2.8em;}
.home-presentacion .contenido p{}
.home-presentacion .contenido .numeros h2{font-size:2.5em;}
.home-presentacion .contenido .numeros h3{font-size:1.5em;}
} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues // Large screens*/
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens // 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 // XLarge screens*/
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens // XXLarge screens*/

	/* PRODUCTOS */
.home-productos{}
.home-productos .contenido{padding-top:80px;padding-bottom:80px}
.home-productos .contenido h2{font-family: 'Bai Jamjuree', sans-serif;font-weight:bolder;font-size:2.8em;color:#2d515d}
.home-productos .contenido h2 img{width:35px}
.home-productos .contenido .producto h2{font-family: 'Bai Jamjuree', sans-serif;color:#444;font-size:1.9em}

.productos-seccion{background-color:#2d535e}
.productos-seccion .col-izq{background-color:#2d535e;padding-top:40px;padding-bottom:40px}
.productos-seccion .col-izq h2{font-family: 'Bai Jamjuree', sans-serif;font-weight:bolder;color:#f2f2f2}
.productos-seccion .col-der{padding-top:30px;padding-bottom:200px;background-color:#fff !important;background: url('../imagenes/Depositphotos_10721641_l-2015.jpg') no-repeat;background-position:bottom right;background-size:500px}

.producto{background-color:#FFF !important}
.producto a .contenido{border:1px solid #f36503;border:1px solid #CCC;border-radius:5px;-webkit-box-shadow: 10px 10px 5px 0px rgba(204,204,204,1);-moz-box-shadow: 10px 10px 5px 0px rgba(204,204,204,1);box-shadow: 10px 10px 5px 0px rgba(204,204,204,1);padding-top:10px;padding-bottom:20px}
.producto a:hover>.contenido{border:1px solid #7fb643;opacity:0.7;}

@media only screen { } /* Define mobile styles */
@media only screen and (max-width: 40em) { 
.home-productos{background-color:#FFF;}
.home-productos .contenido{background-color:#FFF;}

} /* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens // Medium screens*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	.productos-seccion .col-izq h2{font-size:1.2em;}
	 } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues // Medium screens*/*/
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens // Large screens*/
@media only screen and (min-width: 64.063em) and (max-width: 90em) { 
.productos-seccion .col-izq h2{font-size:1.5em;}
} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues // Large screens*/
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens // 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 // XLarge screens*/
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens // XXLarge screens*/



	/* CONTACTO */
.home-contacto{}
.home-contacto h1{font-weight:bolder;font-size:4em !important;color:#FFF}
.home-contacto .boton{background:transparent;color:#fff;border-radius:5px;border:1px solid #FFF; font-family: 'Bai Jamjuree', sans-serif;font-weight:bolder}
.home-contacto .boton:hover{background-color:ddd;color:#ddd}

@media only screen { } /* Define mobile styles */
@media only screen and (max-width: 40em) { } /* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width: 40.063em) { 
.home-contacto .contact h1{font-size:2em !important;}
} /* min-width 641px, medium screens // 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 // Medium screens*/*/
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens // 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 // Large screens*/
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens // 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 // XLarge screens*/
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens // XXLarge screens*/



/* QUIENES SOMOS */

/* EL EQUIPO */
#cf {position:relative;height:281px;height:auto;width:450px;width:auto;margin:0 auto;}
#cf img {position:absolute;left:0;-webkit-transition: opacity 1s ease-in-out;-moz-transition: opacity 1s ease-in-out;-o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out;}
#cf img.top:hover {opacity:0;}
#cf a >i{opacity:0;}
#cf a:hover>i{opacity:1;}
.equipo-seccion{background-color:#F2F2F2;padding-top:180px}
.equipo-seccion h2{text-transform: uppercase;font-weight:300;font-size:1.5em;}
.equipo-seccion h3{font-size:1.5em}
.equipo-miembros{background-color:#f2f2f2;padding-bottom:80px}
.equipo-miembros .miembro{}
.equipo-miembros .miembro .contenido{position:relative;height:auto}
.equipo-miembros .miembro i{color:#77ad47;font-size:4em;position:absolute;top:0;left:0;margin-top:50%;margin-left:45%;}
.equipo-miembros h5{font-family: 'Handlee', cursive;color:#2d515d!important;font-size:1.5em!important;}
.equipo-miembros .miembro .contenido .reveal-modal h5{font-family: 'Handlee', cursive;color:#2d515d!important;font-size:1.5em!important;}
.equipo-miembros .miembro .contenido .text{background:rgb(256,256,256,0.6);position:absolute;bottom:0;margin-bottom:30px;padding-left:20px;padding-right:20px;width:100%}


@media only screen { } /* Define mobile styles */
@media only screen and (max-width: 40em) { } /* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens // Medium screens*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
.equipo-seccion h2{font-size:1.1em;}
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues // Medium screens*/*/
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens // Large screens*/
@media only screen and (min-width: 64.063em) and (max-width: 90em) { 
.equipo-seccion h2{font-size:1.2em;}
} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues // Large screens*/
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens // 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 // XLarge screens*/
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens // XXLarge screens*/



/* SOCIOS */
.socios-miembros-seccion{background-color:#f2f2f2}
.socios-miembros-seccion h3{font-size:1.5em}


/* FORMULARIOS */
.form fieldset{}
.form legend{}
.form label{font-family: 'Bai Jamjuree', sans-serif;color:#333;font-size:1em}
.form label span{color:#80b841;}
.form input[type="text"], .form input[type="email"], .form input[type="number"], .form  input[type="search"], .form input[type="tel"], .form textarea, .form select {background-color:#cbd5d8 !important; height: 2.5rem; color:#232323;border-radius: 5px;border-color:#f2f2f2 !important;border-style:solid;border:none;-webkit-appearance: none;box-shadow: inset 0px 0px 0px 0px red;font-family: 'Quicksand', sans-serif;font-size:1em}
.form select {font-size:1em;font-family: 'Raleway', sans-serif!important;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #333;font-style: italic;}
::-moz-placeholder { /* Firefox 19+ */color: #333;font-style: italic;}
:-ms-input-placeholder { /* IE 10+ */color: #333;font-style: italic;}
:-moz-placeholder { /* Firefox 18- */color: #333;font-style: italic;}

.boton{background-color:#f36503;color:#fff;border-radius:5px;border:1px solid #f36503; font-family: 'Bai Jamjuree', sans-serif;font-weight:600;letter-spacing:0.2em}
.boton:hover{background-color:#FFF;color:#f36503;border:1px solid #f36503}
.boton-contacto{background-color:#f36503;color:#fff;border-radius:5px;border:1px solid #f36503; font-family: 'Bai Jamjuree', sans-serif;font-weight:600;letter-spacing:0.2em}
.boton-contacto:hover{background:transparent;color:#FFF;border:1px solid #FFF}


@media only screen { } /* Small screens: Define mobile styles */
@media only screen and (max-width: 40em) { } /* Small screens: max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width: 40.063em) { } /* Medium screens: min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
} /* Medium screens: min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 64.063em) { } /* Large screens: min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { 
.form label{font-family: 'Bai Jamjuree', sans-serif;color:#333;font-size:0.9em}
.boton{letter-spacing:0.1em}
.boton:hover{}

} /* Large screens: min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 90.063em) { } /* XLarge screens: 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 */
@media only screen and (min-width: 120.063em) { } /* XXLarge screens: min-width 1921px, xxlarge screens */






/* SCROLL */
.scrollup{width:55px;height:55px; position:fixed; bottom:0px; right:0px;display:none;text-indent:-9999px; background: url(../imagenes/icon-top-hover2.jpg) no-repeat;z-index:1600; background-size: 55px 55px;}
.scrollup:hover{width:55px;height:55px; position:fixed; bottom:0px; right:0px;display:none;text-indent:-9999px; background: url(../imagenes/icon-top2.jpg) no-repeat;background-size:55px 55px;}

/* PIE DE PÁGINA */
footer {position:relative;z-index:7500;}
footer .footer{padding-top:40px;padding-bottom:0px;background-color:#2d535e}

footer .footer h2{font-family: 'Bai Jamjuree', sans-serif;COLOR:#fff;font-size:1.5em;line-height:1em;letter-spacing:0.1em;font-weight:800;padding-bottom:20px}
footer .footer p{font-family: 'Bai Jamjuree', sans-serif;color:#FFF;font-size:1em}
footer .footer p a{color:#FFF;}
footer .footer p a:hover{color:#f7a600 !important}
footer .footer .creditos{font-family: 'Bai Jamjuree', sans-serif;border-top:1px solid #FFF;padding-top:20px;padding-bottom:0px;}
footer .footer .creditos p{color:#FFF;font-size:1em}
footer .footer .creditos p a{color:#FFF}
footer .footer .creditos p a:hover{color:#CCC}


/*PAGINACION*/
#Paginacion {}
#Paginacion li {list-style:none; float:left; }
#Paginacion a {float: left; margin-right:0px;background:transparent; font-family: 'Hind', sans-serif !important;font-weight: 400;color:#FFF;font-size:0.9rem;border:0px;}
#Paginacion .numero {font-family: 'Hind', sans-serif !important;font-size:0.9rem; background:transparent;padding: 9px 11px; color:#FFF;border:1px solid #FFF;}
#Paginacion .numero:hover {background-color: #FFF;color:#232323;border:1px solid #FFF;font-weight:bolder;}
#Paginacion .active {background-color: #FFF; color:#232323;padding: 9px 11px;border:1px solid #FFF;font-size:0.9rem;font-weight:bolder; }
#Paginacion .end-off,#Paginacion .first-off,#Paginacion .previous-off,#Paginacion .next-off{background:transparent;color:#FFF;font-size:1.3em;padding-top:10px;padding-left:5px;padding-right:5px}
#Paginacion .end-on,#Paginacion .first-on,#Paginacion .next-on,#Paginacion .previous-on{background:transparent;color:#232323;font-size:1.3em;padding-top:10px;padding-left:5px;padding-right:5px}
#Paginacion .end-on:hover,#Paginacion .first-on:hover,#Paginacion .next-on:hover,#Paginacion .previous-on:hover{background:transparent;color:#FFF !important;font-size:1.3em;padding-top:10px;padding-left:5px;padding-right:5px;line-height:2em;}