@font-face {
    font-family: 'museo7';
    src: url('archivos/fuente/museo700-regular-webfont.eot');
    src: url('archivos/fuente/museo700-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('archivos/fuente/museo700-regular-webfont.woff2') format('woff2'),
         url('archivos/fuente/museo700-regular-webfont.woff') format('woff'),
         url('archivos/fuente/museo700-regular-webfont.ttf') format('truetype'),
         url('archivos/fuente/museo700-regular-webfont.svg#museo700') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo';
    src: url('archivos/fuente/03_APompadourBoldSample.eot');
    src: url('archivos/fuente/03_APompadourBoldSample.eot?#iefix') format('embedded-opentype'),
         url('archivos/fuente/03_APompadourBoldSample.woff2') format('woff2'),
         url('archivos/fuente/03_APompadourBoldSample.woff') format('woff'),
         url('archivos/fuente/03_APompadourBoldSample.ttf') format('truetype'),
         url('archivos/fuente/03_APompadourBoldSample.svg#museo300') format('svg');
    font-weight: normal;
    font-style: normal;

}


@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap');




body{}

body {
 margin: 0; 
  background-image: url('archivos/bg_platano.png');
  background-repeat: repeat-y;
  background-size: 20em;
background-position: 100% 0%;
}



header{background: #F58B09;  padding-bottom: 1%; width:100%; margin: 0%; }

.logo{display: inline-block; width: 25%;}
#logomovil{ display:none; }

nav{display: inline-block; width: 100%;   text-align: right; margin-left: 2%; margin-top:0%; vertical-align: top; width: 70%;}

nav ul{
	display: inline-block;
	font-family: 'museo'; 
	font-size: 1em;
	font-weight: bold;
	list-style-type:none; 
	margin:  0;
	padding: 0;
	width: 100%;
}

nav ul li{
	position: relative;
z-index:100;
	display: inline;
	margin-right: 1%;
	text-align: center;
	vertical-align: center;
}

nav ul li img{width:2%; margin-top: 0;}

nav a{text-decoration: none; color:white;}
nav a:hover{color: #FFD800;}

nav ul ul {
	display: none;
margin: 0;
padding: 0;
width: 100px;
position: absolute;
top: 10px;
left: 0px;
background: #fff;
}

nav ul ul li {
display:block;
margin:0;
padding:0;
width: 100%;
}

nav ul ul li:first-child {margin-top: 0%; }

nav ul ul li a {
background:#F58B09;
color:#fff;
display:block;
font-size: .8em;
font-family: 'Oswald', sans-serif;
padding: .5em;
text-align: right;
}



nav ul ul li a:hover, nav ul ul li:hover > a{background:#fff;color:#797979;}
nav ul li:hover > ul{ display: block;}



#banner{
	display: block;
	margin: 0;
	width:100%;
}
	
#banner img{
	display: block;
	margin: 0 15%;
	width:70%;
}
	

#resena{
	display: block;
	margin: 0;
	width:100%;
}

#resena .introduccion{
	text-align: center;
	display: block;
	margin: 5% 20%;
	width:60%;
}

#resena .introduccion div{ 
		display: inline-block;
		width: 40%;
		margin-right: 3%;
		vertical-align: top;
		font-family: 'museo';

 }
#resena .introduccion div .titulo{ display: inline-block;font-family: 'museo';}

#resena .introduccion div p{ display: inline-block; font-family: verdana,arial,helvética; font-size:1.2em; margin: 0;}

#resena .introduccion img{ display:inline-block;  width: 20%;}


#productos_galeria article{
display: inline-block;
text-align: center;
	margin: 2% 15%;
	width:70%;}

#productos_galeria article img{
	display: inline-block;
	margin: 0 2%;
	width:20%;}

#certificaciones_inicio  article{
	display: inline-block;
	text-align: center;
	margin: 2% 15%;
	width:70%;}

#certificaciones_inicio article img{
	display: inline-block;
	margin: 0 2%;
	width:20%;}

#certificaciones_inicio  article h2{
font-family: 'museo';
border-bottom: .5em solid #F58B09;
font-size: 1em;
width: 20%;
margin: 3% 40%;
padding-bottom: .5em;
}


#productos_inicio  article{
	display: inline-block;
	text-align: center;
	margin: 2% 15%;
	width:70%;}


#productos_inicio  article h2{
font-family: 'museo';
border-bottom: .5em solid #F58B09;
font-size: 1em;
width: 20%;
margin: 0 40%;
padding-bottom: .5em;
}

#productos_inicio  article p{
font-family: 'museo';
border-top: .5em solid #F58B09;
font-size: 1em;
width: 40%;
margin: 0 30%;
padding-top: .5em;
}


#productos_inicio  article div{
	display: inline-block;
	text-align: center;
	margin: 2% 0%;
	width:35%;
}


#bang {

	display: inline-block;
	margin: 0 0%;
	width: 100%;
}
div#slider { overflow: hidden; } /* las imágenes no van a salir del márgen de la pantalla*/
div#slider figure img { width: 20%; float: left; }

div#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 20s slidy infinite; /*el movimiento se va a mantener de forma indefinida -infinito-*/
}


/*esta parte del código define el movimiento de las imágenes a la izquierda*/
@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
} 



/***

#destinos{
	background-color:#ecf0f1; 
	display: inline-block;
	text-align: center;
	width:100%;
}

#destinos h3, #destinos p{
	display: block;
	color: #2c3e50;
	font-family: 'museo';
	margin: 0;
}

#destinos h3{
	font-size: 1.8em;
	margin-top: 2%;
}

#destinos p{
	font-size:1em;
	margin-top: 1%;
}

#destinos img{
display: inline-block;
margin-top: 5%;
margin-bottom: 4%;
width: 60%;
}

***///




#banner_final{display: block;margin: 0;width:100%;}	
#banner_final img{display: block;margin: 0 15%;width:70%;}

aside{
	background-color: #F58B09;
	display: inline-block;
	font-family: 'Montserrat', sans-serif;
	text-align: center;
	width:100%;

}

aside p{
	display: inline-block;
	width:20%;
	margin:1% 0 0 0 ;
	font-size: 1.3em;
	font-family:verdana,arial,helvética;
	vertical-align: top;
}


aside p.direc{
	display: block;
	margin: 1% 25%;
	width: 50%;
	font-size: 1.2em;
	font-family:verdana,arial,helvética;
}

aside p.dir{
	display: block;
	margin: 1% 25%;
	width: 50%;
	font-size: 1.2em;
	font-family:verdana,arial,helvética;
}


.icono_contacto {
	display: inline-block;
	width: 15%;
	vertical-align: middle;
}


aside p.direc .icono_contacto{
width: 8%;
}

/**PRODUCTO PLANTANO***/


#logoproducto {
	display: block;
	margin: 0;
	width:100%;
}

#logoproducto article, #logodesc article{
	text-align: center;
	display: block;
	margin: 2% 20%;
	width:60%;
}

.logo_producto{display: inline-block; margin-right: 30%; width: 25%;}

#logoproducto p{
		font-family: 'museo';
		font-size: 1.2em;
		text-align: center;
}


.platano_producto{display: inline-block;width: 40%;}

#proceso_galeria article{
display: inline-block;
text-align: center;
	margin: 2% 15%;
	width:70%;}

#proceso_galeria article img{
	display: inline-block;
	margin: 1% 2%;
	width:25%;}


#fichatecnica article{
	text-align: center;
	display: block;
	margin: 2% 20%;
	width:60%;
}

#fichatecnica article img{
	display: inline-block;
	margin-right: 5%;
	width:50%;
}

.platano_producto_cel {display: none;}

#fichatecnica article p{
	display: inline-block;
	font-size: 1.5em;
	font-family: 'Montserrat', sans-serif;
	margin: 10% 0;
	vertical-align: top;
	width:40%;
}

#proceso article{
	text-align: center;
	display: block;
	margin: 2% 20%;
	width:60%;
}

#proceso img{
	display: block;
	margin: 0;
	width:100%;
}

#proceso   h2{
font-family: 'museo';
border-bottom: .5em solid #F58B09;
font-size: 1em;
width: 20%;
margin: 3% 40%;
padding-bottom: .5em;
}


#inf_nutri  article{
	display: inline-block;
	text-align: center;
	margin: 2% 15%;
	width:70%;}



#inf_nutri  article h2{
font-family: 'museo';
border-bottom: .5em solid #F58B09;
font-size: 1em;
width: 20%;
margin: 3% 40%;
padding-bottom: .5em;
}

#inf_nutri  article img{
width: 25%;
margin-right: -1%;}



#inf_nutri  article p{
font-family: 'Montserrat', sans-serif;
font-size: 1.2em;
width: 100%;
margin: 5% 0;
padding-bottom: .5em;
}


/***/

/**NOSOTROS NOSOTROS***/

#logodesc article p{
	display:inline-block;
	vertical-align: top;
	text-align: center;
	margin-top: 5%;
	margin-left: 5%;
	margin-right: 10%;
	width:45%;
	font-size: 1.2em;
	font-family: 'Montserrat', sans-serif;
}

#logodesc article span{
	font-size: 1.2em;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
}

.logo_nosotros{display: inline-block;  margin-right: 0%; margin-left: 0%; width: 25%; }

#historia, #mision, #vision {
	display: inline-block;
	margin-top: 4%;
	width: 100%;
}


#historia article, #vision article, #mision	article{
	text-align: center;
	display: block;
	margin: 2% 20%;
	width:60%;
}

#historia article img, #vision article img{
	display: inline-block;
	margin-right: 5%;
	width:40%;
}

#mision article img{display: inline-block;width:40%; margin-left: 5%;}

#mision article div{
	display: inline-block;
	margin: 0;
	vertical-align: top;
	width:40%;
}

#historia article div, #vision article div{
	display: inline-block;
	margin: 0;
	vertical-align: top;
	width:40%;
}

#historia article div p, #vision article div p{ display: inline-block; width: 100%}
#historia article div img, #vision article div img{width: 30%}

.mundo{display: inline-block; margin:0 35%; width: 30%;}


/*CONTACTO CONTACTO CONTACTO*/

#datoscontacto{

	display: block;
	margin: 0;
	width:100%;
}

#datoscontacto .introduccion{
	text-align: center;
	display: block;
	margin: 5% 20%;
	width:60%;
}

#datoscontacto img{
	text-align: center;
	display: block;
	margin: 5% 40%;
	width:20%;
}

#datoscontacto p{
		background: #F58B09;
		color:white; 
	text-align: center;	display: block;
	margin: 1% 20%;
	width:60%;
	font-size: 2.5em;
	 font-family: verdana,arial,helvética;
}



/*
#contacto{
	background: url("archivos/bg_politica.png") 100% .1em no-repeat;
	display: inline-block;
	font-family: 'museo';
	text-align: center;
	width:100%;
	height:auto;
}

#contacto h2{color:#2c3e50; margin: 2% 0 0 0;}
#contacto p{color:#2c3e50;
	font-size:1em;
	padding: 0;
	margin: 0;
}

#frmcont{
	display: inline-block;
	margin-top: 3%;
	width: 70%;
}

.nomcorr{display: inline-block;width: 40%;}
.nomcorr input,.mensaje input{
	background-color: #ecf0f1;
	border: 1px solid #bdc3c7;
	padding: 1em;
}
.nomcorr input{width: 70%;}


#frmcont div{display: inline-block;margin-top: 3%;width: 100%;}

.mensaje{display: inline-block;width: 100%;	}
.mensaje input{width: 68%;}

.btnen{
	background-color: #65a036;
	border: 1px solid #65a036;
	border-radius: .2em;
	color: white;
	display: inline-block;
	font-family: 'museo';
	font-size: 1.3em;
	margin-left: 58%;
	margin-top: 3%;
	margin-bottom: 3%;
	padding: .5em 2em; 
}

#destinoscont{
	background: url("archivos/bg_destinos.png") 30% 100% no-repeat;
	background-color:#fff; 
	display: inline-block;
	text-align: center;
	width:100%;
}
#destinoscont h3, #destinoscont p{
	display: block;
	color: #8bc53f;
	font-family: 'museo';
	margin: 0;
}
#destinoscont h3{font-size: 1.8em;margin-top: 2%;}
#destinoscont p{font-size:1em;margin-top: 1%;}
#destinoscont ul{
	display: inline-block;
	list-style-type: none;
	text-align: left;
	margin: 3% 0 5% 15%;
	width:70%;
}
#destinoscont ul li{
	display: inline-block;
	margin-bottom: 3%;
	vertical-align: top;
	width:30%;
}

#destinoscont ul li .tit{font-weight: bold; margin-bottom: 4%;}
#destinoscont ul li .dirdes{color: #212121;}

*/

#destinoscontimg{ 
		background-color: rgba(101, 160, 54, 0.1);
	display: inline-block;
	text-align: center;
	width:100%;
}

#destinoscontimg ul{
	display: inline-block;
	list-style-type: none;
	text-align: left;
	margin: 3% 0 5% 15%;
	width:70%;
}

#destinoscontimg ul li{
	display: block;
	margin-bottom: 3%;
	width:100%;
}

#destinoscontimg ul li img{
display: inline-block;
width: 50%;
}

#destinoscontimg h3, #destinoscontimg p{
	color: #8bc53f;
	font-family: 'museo';
}

#destinoscontimg h3{font-size: 1.8em;margin-top: 2%;}
#destinoscontimg p{font-size:1.3em;margin-top: 2%;}

.dirdes{
	display: inline-block;
	vertical-align: top;
	margin-left: 5%;
	width: 30%;
}



/*RATREO DE PAQUETES --- RATREO DE PAQUETES --- RATREO DE PAQUETE --- RATREO DE PAQUETE*/


#rastrear{
	color: #2c3e50;
	background: url("archivos/bg_politica.png") 100% .1em no-repeat, url("archivos/banner_green_1.png") repeat-x;
	display: inline-block;
	font-family: 'museo';
	margin-top: -.3em;
	padding-top: 1%;
	text-align: center;
	width:100%;
	height:auto;
}

#frmras{
	
	display: inline-block;
	margin-top: 6%;
	width: 40%;
	vertical-align: top;
}


input.codigoras, input.btnencodras{ 	
	border-radius: .2em;
		font-family: 'museo';
	font-size: 1.3em;
	padding: .5em 2em; 
}

input.codigoras{
	background-color: #fff;
	border:none;
	margin-right: -.4em;
	width: 50%;
}

input.btnencodras{
	background-color: #65a036;
	border: 1px solid #65a036;
	color: white;
	display: inline-block;
}

.imgcajap{
	margin-top: 3%;
}


/*ejes  - - -- */



/*FACTURACION  - - -- FACTURACION  - - -- FACTURACION  - - -- */


#fichatecnica article #pp{display: none;}

/*Responsive*/

@media (min-width: 1300px) and (max-width: 1800px) {


}

@media (min-width: 982px) and (max-width: 1299px) {

/* AQUI ESTOY */

#resena .introduccion{margin: 5% 4%; width: 90%}
#productos_galeria{width: 100%}
.platano_fotos_index{ width:100%;  }

#productos_galeria article img{margin: 0 1%; width:30%;}

#certificaciones_inicio  article, #productos_inicio  article, #proceso article, #inf_nutri article {
	margin: 2% 0%; width:100%; text-align: center;}

#logoproducto article{margin: 2% 10%;width:80%; }


#historia article, #vision article, #mision	article{margin: 2% 10%;width:80%;}

#fichatecnica article {margin: 10% 7%; width:80%; }
#fichatecnica article img{ width:50%;}
#fichatecnica article p{ width:40%; font-size: 5em;}

#fichatecnica article #pp{display: none;}


aside p{
	display: inline-block;
	width:40%;
	margin:1% 0 0 0 ;
	font-size: 1.3em;
	font-family:verdana,arial,helvética;
	vertical-align: top;
}


}



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





#resena .introduccion{margin: 5% 4%; width: 90%}

#productos_galeria{width: 100%}
.platano_fotos_index{ width:100%;  }


#productos_galeria article img{margin: 0 1%; width:30%;}


#certificaciones_inicio  article, #productos_inicio  article, #proceso article, #inf_nutri article {
	margin: 2% 0%; width:100%; text-align: center;
}

#fichatecnica article {margin: 10% 0%; width:100%;}
#fichatecnica article img{margin-left: 0; width:30%;}
#fichatecnica  #lineain{margin: 30% 0;  }
#fichatecnica article #pp{display: none;}


aside p{
	text-align: left;
	margin-left: 2%;
	width: 45%;

}

aside p.dir{
text-align: center;
	margin-left: 0;
	width: 100%;

}



}

@media (max-width: 765px) {


}


@media (max-width: 680px) {

BODY{overflow-x:hidden }
header{background: white;   padding-bottom: 2%; width:100%; margin: 0;  text-align: center;}
.menudirtel{display: block;  text-align:center; margin: 0%;   width: 100%;}


#logomovil{ display:inline-block; }
nav{ background: #F58B09; width:100%; text-align: center; margin:0;}
nav ul{width: 100%; margin: 3% 0 0 0;}
nav ul li{display: inline-block; margin-bottom: 3%; width: 40%;}
.instagram{width: 10%;}.facebook{width: 10%;}


#resena .introduccion{margin: 5% 0%; width:100%; display:block;}
#resena .introduccion div{ width:80%;}
#resena .introduccion img{margin: 5% 10%; width:80%; display:block;}

#productos_galeria article{
	margin: 2% 0%;
	width:100%;}

#productos_galeria article img{margin: 0 2%;width:40%;}


#certificaciones_inicio  article, #productos_inicio  article, #proceso article, #inf_nutri article {margin: 2% 0%;width:100%; text-align: center;}


 
#certificaciones_inicio article img{width:60%;}

#certificaciones_inicio  article h2,  #productos_inicio article h2,  #proceso article h2, #inf_nutri article h2{
	border-bottom: .3em solid #F58B09;font-size: 1.5em;width: 100%;margin: 3% 0 2% 0;padding-bottom: .5em;}

#productos_inicio  article div{width:80%;}
#banner_final img{margin: 0%;width:100%;}


.logo_nosotros{display:none; }

#logoproducto, #logodesc {display:  inline-block;  }
#logoproducto article, #logodesc article{display:  inline-block; width:180%; text-align: left; margin: 0;} 

#logoproducto p, #logodesc p{
	display:  inline-block; 
	width: 100%;
	margin: 0% ;
	padding: 0;
}

#historia article, #vision article, #mision	article{
	text-align: center;
	display: block;
	margin: 2% 0%;
	width:100%;
}

#historia article img, #vision article img, #mision article img{margin-right: 0%;width:100%;}
#historia article div img, #vision article div img, #mision article div img{display: none}
.mundo{ margin:0 10%; width: 80%;}

#logoproducto{display: none;}
	

#fichatecnica article{margin: 2% 0%;width:100%;}
#fichatecnica article img{margin-left: 8%;width:80%;}


#proceso article img {margin: 10% 0%;}
#inf_nutri  article img{width: 50%;}
#inf_nutri  article p{margin-left: 10%; width: 80%; }

.platano_producto_cel {display: inline-block; margin-bottom: 5%;}


aside p{
	text-align: left;
	font-size: 	1em;
	margin-left: 0;
	width: 80%;

}

aside p.dir{
text-align: center;
	margin-left: 0;
	width: 100%;

}



}


@media (max-width: 480px) {

header{ background-color: white; padding-bottom: 2%; width:100%; margin: 0; }

nav{ background: #F58B09; width:100%; text-align: center; margin:0;}
nav ul{width: 100%; margin: 3% 0 0 0;}
nav ul li{display: inline-block; margin-bottom: 3%; width: 40%;}
.instagram{width: 10%;}.facebook{width: 10%;}


#productos_inicio  article div img{

	width:70%;
}




aside p{
	font-size: 	.8em;
	text-align: left;
	margin-left: 0;
	width: 80%;

}

aside p.dir{
text-align: center;
	margin-left: 0;
	width: 100%;

}




}