@import url(normailize.css);

* { margin: 0; padding: 0; outline: 0; }
body, html { height: 100%; }

body{
	margin:0;
	background: #fff; font-family: "Franklin Gothic Book", Arial; font-size:14px; padding:0;
	color: #5e5e5e;

}

::selection 	 	{background: #202020; color: #fff; }
::-moz-selection 	{background: #202020; color: #fff; }

img::selection 		{background: transparent;}
img::-moz-selection	{background: transparent;}


.cl { clear: both; width: 100%; height: 0px; font-size: 0px;  }
.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }


body a{
	text-decoration: none;
	-webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
}

img{ border:0;}

p{ margin-bottom:15px; line-height:20px;}

strong{ font-weight:bolder;}

h1,h2,h3,h4,h5,h6{

	font-weight: 400;

}
ul{ list-style:none; margin:0; padding:0;}
	

h2{ font-size:0; display:block; margin:15px 0;}
	.nosotros{ background:url(../images/icons/titles/nosotros.png) no-repeat; width:208px; height:72px;}
		.nosotros_in{background:url(../images/icons/titles/about-us.png) no-repeat; width:215px; height:72px;}
	.clientes{ background: url(../images/icons/titles/clientes.png) center top no-repeat; display:block; height:74px;}
		.clientes_in{ background: url(../images/icons/titles/clientes_in.png) center top no-repeat; display:block; height:74px;}
	.exportadores{ background: url(../images/icons/titles/exportadores-del-peru.png) no-repeat; width:394px; height:74px;}
	.variedad{ background:url(../images/icons/titles/variedad-de-productos.png) center top no-repeat; height:60px;}
		.variedad_in{ background:url(../images/icons/titles/variedad_in.png) center top no-repeat; height:60px;}
	.contacto{ background:url(../images/icons/titles/contactenos.png) no-repeat; width:191px; height:74px;}
	.contacto_in{ background:url(../images/icons/titles/contactenos_in.png) no-repeat; width:191px; height:74px;}

h3{ font-size: 19px;  color:#000; margin:8px 0;}
h4{ font-size: 41px; ; color: #555; line-height:25px; text-align:center; text-shadow:1px 1px 0 #CCC;  font-family: 'Courgette', cursive; margin:30px 0;}
	.tit{}


h5{ font-size: 24px; color:#669815; margin:0;}
h6{ font-size: 14px; }

.relative{ position:relative;}

.left{ float:left;}
.right{ float:right;}

.padd10{ padding:0 20px;}
.padd15{ padding:15px;}

.wrapper{ margin: 0 auto;  width:1000px; position:relative; padding: 0;}
#header{  border-radius:0 0 5px 5px; padding:0;   background:#fff; position:fixed; top:0; width:100%; z-index:999; border-bottom: #65ba45 1px solid; height:90px; position:fixed;}
#header #logo{ float:left; width:220px; margin-top:3px;}

#header .idiomas{ float:right; padding:4px; }
#header .idiomas a{ margin:0 4px;}

#header .menus{  float:right;}
#header .menus li{ float:left; color:#000;}
#header .menus li a{ display: inline-block; padding:19px 0 5px 0; font-size:18px; color:#868686;  margin:0 15px; font-family: 'Courgette', cursive; }
#header .menus li a:hover{ color:#59ae39;}
#header .menus li a.activo{  background:url(../images/icons/hoja-ico.png) no-repeat center top;}

#slider{ }
/* main */
#main{ min-height:220px;}
	.col01{ width:250px; float:left; }
	
a.more{ border:#000 2px solid; padding:4px 38px; display:inline-block; color:#000;}
a.more:hover{ border:#82c445 2px solid; color:#82c445;}

a.more1{ border:#fff 2px solid; padding:12px 38px; display:inline-block; color:#fff;}
a.more1:hover{ border:#56d013 2px solid; color:#56d013;}

/* SERVICIOS */
#servicios{ height:330px;}
#servicios .serv_tit{ background:#18191a; float:left; width:250px; padding:20px; min-height:290px;}  
#servicios .serv_tit h3{ color:#FFFFFF;}
#servicios .serv_tit h4{ color:#FFFFFF;}
#servicios .serv_tit p{ color: #999;}
#servicios .serv_list{/* background: #000; padding-bottom:5px;*/ }
/*#servicios .serv_list ul{ list-style:none;}*/
/*#servicios .serv_list ul li:hover{ border-bottom:#333333 7px solid;}*/
#servicios .serv_list ul li img{ border:#000000 1px solid; margin:0 3px 3px 3px;}

/* SOBRE NOSOTROS -------------------------*/
#sobre_nosotros{ background: url(../images/bg-nosotros.jpg)  repeat-x #e3dec8; height:562px;}
	.mango{ background:url(../images/mango.png) no-repeat right 90px; min-height:450px;}
#sobre_nosotros .hoja{
	background: url(../images/icons/hoja.png) no-repeat;
	width: 114px;
	height: 91px;
	position: absolute;
	top: -40px;
	left: -700px;
	z-index:99;
}
#sobre_nosotros .us{ width:650px; margin-top:20px;}
#sobre_nosotros .imagen{  float:left; width:350px; margin-top:8px;}
#sobre_nosotros .imagen img.pr{ background:#f5f2e5; padding:8px; background:#f5f2e5; box-shadow:0 0 10px #c4c4c4; border-radius:6px; }
#sobre_nosotros  .valores a{ display:inline-block; color:#FFF; padding:13px 33px 13px 75px; border-radius:6px; text-align:center; font-size:16px;}
#sobre_nosotros  .valores a.orange{ background:#e68b16 url(../images/icons/compromiso.png) 25px 10px no-repeat;}
#sobre_nosotros  .valores a.green{ background: #7e8c26 url(../images/icons/calidad.png) 25px 10px no-repeat;}
#sobre_nosotros  .valores a.black{ background:#363636 url(../images/icons/garantia.png) 25px 10px no-repeat;}
#sobre_nosotros .tira{ background:url(../images/collage.png) no-repeat; width:340px; height:560px;}
#sobre_nosotros .rama{
	position: absolute;
	top: 60px;
	right: 222px;
}

.calidad img{
  background: rgba(255,255,255,.2);
  padding: 5px;
  -webkit-filter: grayscale(100%); transition:all .4s; margin:5px 15px; display:inline-block;}
.calidad img:hover{filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter …\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0);}
.calidad li{ float:left; margin-right:40px;}

/* PRODUCTOS ---------------------------------------------*/
#productos{ height:520px; background: url(../images/bg-variedad.jpg) repeat-x;}
	.maiz{ background:url(../images/maiz-bg.png) no-repeat 35px 0;}

.productos-carrul{text-align:center;}
.productos-carrul li{ display:inline-block; width:220px; margin-bottom:30px; text-align:center; margin-right:20px;}

.productos-carrul h3{ color:#449c1e; font-weight:bolder;}
.productos-carrul .ficha{ display:block; background:#71b856 url(../images/icons/lupa.png) 38px 9px no-repeat; padding:8px 0; color:#FFF; border-radius:4px; transition:all .4s;}
.productos-carrul .ficha:hover{ display:block; background:#579241 url(../images/icons/lupa.png) 49px 9px no-repeat; padding:8px 0; color:#FFF; border-radius:4px;}

	
	/* detalles */
	#detalles{ width:650px;}
	#detalles .tabla{ width:350px;}
	#detalles .down{ background:#71b856 url(../images/icons/down.png) 14px 6px no-repeat; padding:8px 45px; color:#FFF; border-radius:4px; transition: all .4s;}
	#detalles .down:hover{background:#579241 url(../images/icons/down.png) 14px 6px no-repeat; }


/* CLIENTES --------------------------------*/
#clientes{background: url(../images/bg-clientes.jpg) top center no-repeat;
  background-attachment: fixed;
  background-position: 50% -93px;
  min-height: 500px;
  border-bottom:1px solid;
  width: 100%;
  color:#FFF;
  text-align:center;
  padding:20px 0;
}
#clientes .descrip{ width:400px; text-align:left; padding:40px 0;}
#clientes .mapa{padding:40px 0;}




#enlaces{ padding:40px 0; }
#enlaces h3{ font-size:24px; color:#666;}
#enlaces a{ margin:0 5px; }


/* procesos */
.certificaciones{}
.certificaciones li{ width:200px; float:left; margin-right:30px; text-align:center;}


/* EXPORTADORES ------------------------------*/
#exportadores{ height:400px;}
#exportadores .texto{ width:400px; float:left; padding:20px;}

	/* int */
	#nosotros .imagen{ padding:10px 0;}
	#nosotros .txt{ width:500px;}
	
	#noticias{}
	#noticias .green{ color:#44bc02}
	#noticias h3 a{ color:#56b600}
	#noticias li{ border:1px dashed #CFCFCF; padding:15px; background:#FFF; margin-bottom:30px;}
	#noticias li img{ margin-right:20px; padding:4px; border:#C0C0C0 1px solid;}
	#noticias  .info{ width:680px;}
	
	.ubicacion{ border:#8e8e8e 1px dashed; border-radius:6px; padding:10px; margin-bottom:15px;}
		.ico1{ background:url(../images/icons/ico1.png) 0 6px  no-repeat; padding-left:20px;}
		

/* FOOTER ------------------------------------------------------------*/
#footer{ color:#f6f2e8;  background: #de5e22; /* Old browsers */
background: -moz-linear-gradient(top, #de5e22 0%, #e2703a 10%, #e2703a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#de5e22), color-stop(10%,#e2703a), color-stop(100%,#e2703a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #de5e22 0%,#e2703a 10%,#e2703a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #de5e22 0%,#e2703a 10%,#e2703a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #de5e22 0%,#e2703a 10%,#e2703a 100%); /* IE10+ */
background: linear-gradient(to bottom, #de5e22 0%,#e2703a 10%,#e2703a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de5e22', endColorstr='#e2703a',GradientType=0 );/* IE6-9 */ 
background: url(../images/bg-footer.jpg) repeat-x #e26f38\9;
/* IE6-8 */ 
_background: url(../images/bg-footer.jpg) repeat-x #e26f38;
/* IE6-7 */ 
*background: url(../images/bg-footer.jpg) repeat-x #e26f38;
}
#footer .wrapper{ width:900px;}
#footer .luz{ background:url(../images/bg-luz.png) center top no-repeat; height:430px;}
#footer .line-green{ background:url(../images/line-green.gif); height:10px;}
#footer .direcciones{ border-top:#e05616 1px solid; margin-top:20px; }
#footer .direcciones li{ float:left; width:200px; font-size:19px; margin-right:20px; margin-top:30px;}
#footer .direcciones li span{ font-size:13px; display:block;}
#footer .direcciones li.direc{ background:url(../images/icons/home.png) no-repeat; padding-left:30px;  width:270px;}
#footer .direcciones li.tele{ background: url(../images/icons/phone.png)no-repeat; padding-left:30px; width:300px;}
#footer .direcciones li.mail{ background: url(../images/icons/email.png) no-repeat; padding-left:30px; margin-right:0;}
#footer .contac-text{ text-align:right; padding-top:20px;}
#footer .contac-text span{ font-size:19px;}
	.form-foot .campo{ background:#e6dfcd; border:0; border-radius:5px; color:#333; padding:10px 15px; width:290px;}
	.form-foot  textarea{background:#e6dfcd; border:0; border-radius:5px; color:#333; padding:7px 15px; width:480px; font-family: "Myriad Pro";}
	.form-foot .enviar{ background:#7bc13a; padding:8px 25px; color:#FFF; border:0; border-radius:4px; cursor:pointer;}
	.form-foot .enviar:hover{ background:#90d64e;}
	
	
/* BACK TOP */
#back-top {position: fixed;	bottom: 10px; right:40px; z-index: 10000;}
#back-top a {width: 78px; display: block; text-align: center; font: 11px/100% Arial, Helvetica, sans-serif;	text-transform: uppercase; text-decoration: none;	color: #bbb; /* background color transition */	-webkit-transition: 1s;	-moz-transition: 1s;	transition: 1s;}
#back-top a:hover {	color: #66c542;}
#back-top span {
	width: 78px;
	height: 88px;
	display: block;
	margin-bottom: 7px;
	background: #59ae39  url(../images/up-arrow.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	
}
#back-top a:hover span {background-color: #66c542;}