@charset "utf-8";
/* CSS Document */
@font-face {
 font-family: 'KeepCalm';
 src: url('font/KeepCalm-Medium.ttf');
}
body {
	font-family: Verdana, Geneva, sans-serif;
	color: #333333;
	list-style-type: none;
	list-style: none;
	margin: 0px;	
}

.lineaizquierda {
	background-image: url(imagenes/lineapeque.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.lineaderecha {
	background-image: url(imagenes/lineapeque.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.margen {
	padding: 4px;
}
.margen_mayor {
	padding: 24px;
}
.margen_mediano {
	padding: 12px;
}
.cabecerapegada {
     margin: -20px;
    padding: 0px;
    background-color: #C03;
    height: 100px;
    width: 500px;
    position: fixed;
}
#contenedor {
	width: 100%;
}
#contenedorficha {
	width: 100%;
}
#contenidoficha {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	clear: left;
	background-image: url(imagenes/esquina1_ficha.png);
	background-repeat: no-repeat;
	background-position: -5px top;
}
#contenedornegro {
	width: 100%;
	background-color: #000;
	padding-top: 30px;
}
#contenedorblanco {
	width: 100%;
	background-color: #FFF;
}
#contenedorblanco2 {
	width: 100%;
	background-color: #FFF;
	float: left;
}
#cabecera {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#ancho {
	clear: left;
	width: 100%;
	margin-right: 1px;
	margin-left: 1px;
	height: 531px;
	overflow: hidden;
	text-align: center;
	padding-top: 20px;
}
#anchomadera {
	clear: left;
	width: 100%;
	margin-right: 1px;
	margin-left: 1px;
	height: 1150px;
	overflow: hidden;
	background-image: url(imagenes/fondomadera.jpg);
	background-repeat: repeat-y;
	background-position: center 14px;
	padding-top: 8px;
}
#anchomadera_frutas {
	clear: left;
	width: 100%;
	margin-right: 1px;
	margin-left: 1px;
	height: auto;
	overflow: hidden;
	background-image: url(imagenes/fondomadera.jpg);
	background-repeat: repeat-y;
	background-position: center 14px;
	padding-top: 8px;
}
#anchonaranja {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	float: left;
	padding-top: 10px;
}
#contenidonaranja {
	clear: left;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
	text-align: center;
	padding-top: 60px;
	padding-bottom: 60px;
	color: #FFF;
	background-color: #ED801C;
	margin-top: 5px;
}

#contenido {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#contenido_index {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
#contenedor_frutasdetemporada {
	clear: left;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#bloque_frutasdetemporada {
	clear: left;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#contenidoblanco {
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	width: 80%;
	clear: left;
}
#contenido2 {
	clear: left;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	font-size: medium;
}
#slider {
	text-align: center;
}
.logo {
	height: 65px;
	float: left;
	margin-top: -20px;
}
.menu {
	width: 13%;
	float: left;
	text-align: center;
	overflow: visible;
	color: #000;
	font-family: "KeepCalm", Verdana, Geneva, sans-serif;
	font-size: small;
	height: 30px;
	padding-top: 10px;
}
.menu a:link{
	color: #333333;
	text-decoration:none;
}
.menu a:visited{
	color: #333333;
	text-decoration:none;
}
.menu a:hover{
	color: #ff7e00;
	text-decoration: none;
}
.marcab {
	background-image: url(imagenes/resalte.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	color: #ff7e00 !important;
	height: 30px;
}
.marcab {
	height: 30px;
}
.marca a:hover {
	color: #ff7e00;
	text-decoration: none;
	background-image: url(imagenes/resalte.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	color: #ff7e00 !important;
	height: 30px;
}
.hombrecaja {
	width: 50%;
	float: left;
}
.hombrecaja2 {
	width: 40%;
	padding-top: 40px;
	float: left;
	margin-left: 55px;
}
#galeriageneral {
	clear: left;
	width: 100%;
	margin-right: 1px;
	margin-left: 1px;
	height: 197px;
	overflow: hidden;
	background-image: url(imagenes/galeriaok1600.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
#mapamundi {
	clear: left;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	height: 519px;
	overflow: hidden;
	background-image: url(imagenes/mundo.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #000;
}
#calidad {
	clear: left;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	height: 519px;
	overflow: hidden;
	background-image: url(imagenes/calidadb.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #000;
}
#exportacion {
	clear: left;
	width: 100%;
	margin-right: 1px;
	margin-left: 1px;
	height: 519px;
	overflow: hidden;
	background-image: url(imagenes/logistica.png);
	background-position: center top;
	background-repeat: no-repeat;
	z-index: -19;
}
.antesdelmapa {
	width: 60%;
	margin-right: auto;
	margin-left: auto;
	background-color: #000;
	padding: 0;
	height: 350px;
	clear: left;
	margin-top: 20px;
}
.antesdelavion {
	width: 60%;
	margin-right: auto;
	margin-left: auto;
	height: 380px;
	clear: left;
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.lacalidad {
	width: 60%;
	margin-right: auto;
	margin-left: auto;
	height: 780px;
	clear: left;
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-image: url(imagenes/estrellasderecha2.png);
	background-position: right 50px;
	background-repeat: no-repeat;
}
.textomedio {
	font-size: small;
	color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
}
.textomediomedio {
	font-size: 11px;
	color: #000;
}
.texto12px {
	font-size: 12px;
	color: #000;
}
h1 {
	font-size: large;
	font-weight: bold;
	color: #FF7E00;
}
#contenedor_pie {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-image: url(imagenes/faldon2.jpg);
	background-repeat: repeat;
	background-position: center top;
	height: 63px;
	clear: left;
}
#contenedor_pie2 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-image: url(imagenes/faldon3.jpg);
	background-repeat: repeat;
	background-position: center top;
	height: 63px;
	clear: left;
}
#contenido_pie {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
	color: #000;
	font-family: "KeepCalm", Verdana, Geneva, sans-serif;
	clear: left;
}
#contenido_pie a:link{
	color: #000000;
	text-decoration: none;
}
#contenido_pie a:visited{
	color: #000000;
	text-decoration: none;
}
#contenido_pie a:hover{
	color: #FF7E00;
	text-decoration: none;
}
.gris {
	color: #666;
}
.textogrande {
	font-size: 14px;
}
.textomuygrande {
	font-size: xx-large;
}
.textomuygrandeblanco {
	font-size: xx-large;
	top: 100px;
	color: #FFF;
}
.telefonogrande {
	font-size: 18px;
	font-weight: bold;
}

.mas34 {
	color: #E1E1E1;
}
h2 {
	font-size: 16px;
	font-weight: bold;
	color: #FF7E00;
}
.bloquecontacta {
	width: 40%;
	font-size: small;
	color: #333;
	float: left;
	height: 580px;
	text-align: left;
	margin-left: 5%;
}
.bloquecontacta2 {
	width: 30%;
	font-size: small;
	color: #333;
	float: left;
	text-align: left;
	margin-left: 10%;
}
.caja_gris {
	color: #666666;
	border: 1px solid #333;
}
.boton_enviar {
	background-image: url(imagenes/enviar.png);
	background-position: center center;
	height: 33px;
	width: 122px;
}
.textomini {
	font-size: xx-small;
	color: #999;
}
.bordescuadrado {
	border: thin solid #F90;
}
.etiquetaproducto {
	background-image: url(imagenes/etiqueta_productos.png);
	background-repeat: no-repeat;
	background-position: center;
	color: #FFF;
	text-align: center;
	height: 30px;
	width: 200px;
	font-size: x-small;
}
.contenedorfinonaranja {
	height: 40px;
	width: 100%;
	background-color: #ff7e00;
}
.contenidofinonaranja {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	font-family: "KeepCalm", Verdana, Geneva, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #FFF;
}
.contenedorofertas {
	width: 100%;
	background-color: #FFF;
	height: auto;
}
.contenidoofertas {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: small;
	color: #FFF;
	text-align: center;
	height: auto;
}
.oferta {
	margin: 2%;
	float: left;
	height: 250px;
	width: 42%;
	font-family: Verdana, Geneva, sans-serif;
}
.peso {
	font-size: large;
	color: #FFF;
	background-image: url(imagenes/peso.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 43px;
	width: 107px;
}
.textonaranja {
	font-family: Verdana, Geneva, sans-serif;
	color: #ff7e00;
}
.textonaranja a:link{
	font-family: Verdana, Geneva, sans-serif;
	color: #ff7e00;
	text-decoration:none;
}
.textonaranja a:visited{
	font-family: Verdana, Geneva, sans-serif;
	color: #ff7e00;
	text-decoration:none;
}
.textonaranja a:over{
	font-family: Verdana, Geneva, sans-serif;
	color: #ff7e00;
	text-decoration:underline;
}
.botonera {
	padding-top: 20px;
	margin-right: auto;
	margin-left: auto;
	width: 80%;
}
.hojaizquierda {
	background-image: url(imagenes/hojaizquierda.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 90%;
	height: 458px;
	float: left;
	overflow: visible;
	z-index: -20;
	position: absolute;
	top: 74px;
	left: -10px;
}
.hojaderecha {
	background-image: url(imagenes/hojaderecha.png);
	background-repeat: no-repeat;
	background-position: right top;
	width: 90%;
	height: 458px;
	float: left;
	overflow: visible;
	z-index: -20;
	position: absolute;
	top: 74px;
	padding-left: 10%;
}
.estrellasderecha {
	background-image: url(imagenes/estrellasderecha.png);
	background-repeat: no-repeat;
	background-position: right top;
	width: 90%;
	height: auto;
	float: left;
	overflow: visible;
	z-index: -20;
	position: absolute;
	top: 74px;
	padding-left: 10%;
}
.paddinggrande {
	padding-right: 200px;
	padding-left: 200px;
}
.imagen_f_naranja_zumo {
	background-image: url(imagenes/f_naranjazumo550px.png);
	background-repeat: no-repeat;
	background-position: 100px 100px;
}
.imagen_f_naranja_premium12 {
	background-image: url(imagenes/f_naranjapremium12550px.png);
	background-repeat: no-repeat;
	background-position: 80px 100px;
}
.imagen_f_naranja_premium8 {
	background-image: url(imagenes/f_naranjapremium8550px.png);
	background-repeat: no-repeat;
	background-position: 80px 100px;
}
.imagen_f_pimiento{
	background-image: url(imagenes/f_pimiento550px.png);
	background-repeat: no-repeat;
	background-position: 50px 100px;
}
.imagen_f_pimiento2{
	background-image: url(imagenes/f_pimiento2550px.png);
	background-repeat: no-repeat;
	background-position: 150px 50px;
}
.imagen_f_clemenvilla {
	background-image: url(imagenes/f_clemenvilla550px.png);
	background-repeat: no-repeat;
	background-position: 100px 100px;
}
.imagen_f_mandarinas {
	background-image: url(imagenes/f_mandarinas550px.png);
	background-repeat: no-repeat;
	background-position: 100px 100px;
}
.imagen_f_limones {
	background-image: url(imagenes/f_limones550px.png);
	background-repeat: no-repeat;
	background-position: 100px 100px;
}
.imagen_f_limon-bio {
	background-image: url(imagenes/f_limon-bio550px.png);
	background-repeat: no-repeat;
	background-position: 125px 100px;
}
.imagen_f_limon-3 {
	background-image: url(imagenes/f_limon-3-550px.png);
	background-repeat: no-repeat;
	background-position: 125px 100px;
}
.imagen_f_naranja10kg {
	background-image: url(imagenes/f_naranja-10kg-550px.png);
	background-repeat: no-repeat;
	background-position: 125px 100px;
}
.imagen_f_persimon {
	background-image: url(imagenes/f_persimon550px.png);
	background-repeat: no-repeat;
	background-position: 100px 100px;
}
.imagen_f_naranja_carton_stratego {
	background-image: url(imagenes/f_naranja_carton_stratego550px.png);
	background-repeat: no-repeat;
	background-position: 100px 100px;
}
.imagen_f_naranja_madera_stratego {
	background-image: url(imagenes/f_naranja_madera_stratego550px.png);
	background-repeat: no-repeat;
	background-position: 100px 100px;
}
.imagen_f_naranja_derflieger {
	background-image: url(imagenes/f_naranja_derflieger550px.png);
	background-repeat: no-repeat;
	background-position: 100px 100px;
}
.imagen_f_limon_derflieger {
	background-image: url(imagenes/f_limon_derflieger550px.png);
	background-repeat: no-repeat;
	background-position: 100px 100px;
}
.imagen_f_orri {
	background-image: url(imagenes/f_orri550px.png);
	background-repeat: no-repeat;
	background-position: 100px 100px;
}
.imagen_f_sandia_honey {
	background-image: url(imagenes/f_sandia_honey550px.png);
	background-repeat: no-repeat;
	background-position: 100px 100px;
}
.imagen_f_sandia_sin_pepita {
	background-image: url(imagenes/f_sandia_sin_pepita550px.png);
	background-repeat: no-repeat;
	background-position: 100px 100px;
}
.imagen_f_uva {
	background-image: url(imagenes/f_uva550px.png);
	background-repeat: no-repeat;
	background-position: 100px 100px;
}
.imagen_f_paraguayo {
	background-image: url(imagenes/f_paraguayo550px.png);
	background-repeat: no-repeat;
	background-position: 100px 100px;
}
.imagen_f_nectarina {
	background-image: url(imagenes/f_nectarina550px.png);
	background-repeat: no-repeat;
	background-position: 100px 100px;
}
.imagen_f_melon-galia {
	background-image: url("imagenes/f_melon-galia550px.png");
	background-repeat: no-repeat;
	background-position: 100px 100px;
}
.imagen_f_melon-galia-carton {
	background-image: url("imagenes/f_melon-galia-carton550px.png");
	background-repeat: no-repeat;
	background-position: 100px 100px;
}
.imagen_f_melon-amarillo {
	background-image: url("imagenes/f_melon-amarillo550px.png");
	background-repeat: no-repeat;
	background-position: 100px 100px;
}
.imagen_f_melon-piel-de-sapo {
	background-image: url("imagenes/f_melon-piel-de-sapo550px.png");
	background-repeat: no-repeat;
	background-position: 100px 100px;
}
.imagen_f_albarioques_alveolados {
	background-image: url(imagenes/f_albarioques_alveolados550px.png);
	background-repeat: no-repeat;
	background-position: 100px 100px;
}
.imagen_f_melocoton {
	background-image: url(imagenes/f_melocoton550px.png);
	background-repeat: no-repeat;
	background-position: 100px 100px;
}
.imagen_f_albaricoque {
	background-image: url(imagenes/f_albaricoque550px.png);
	background-repeat: no-repeat;
	background-position: 100px 100px;
}
.imagen_f_tango {
	background-image: url(imagenes/f_tango550px.png);
	background-repeat: no-repeat;
	background-position: 100px 100px;
}
.imagen_f_sanguinelli {
	background-image: url(imagenes/f_sanguinelli550px.png);
	background-repeat: no-repeat;
	background-position: 100px 100px;
}
.imagen_f_cereza {
	background-image: url(imagenes/f_cereza550px.png);
	background-repeat: no-repeat;
	background-position: 100px 100px;
}
.lineaizquierdanaranja {
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #FF7E00;
}
.lineaderechanaranja {
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #FF7E00;
}
.paddingsuperior {
	padding-top: 5px;
}
.galeriaficha{
	clear: left;
	margin-right: auto;
	margin-left: auto;
	height: 125px;
	background-repeat: no-repeat;
	width: 100%;
	overflow: visible;
}
.cc1 {
	display: table;
	background-image: url(imagenes/cc1.jpg);
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 531px;
}
.cc2 {
	display: table;
	background-image: url(imagenes/cc2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 531px;
}
.cc3 {
	display: table;
	background-image: url(imagenes/cc3.jpg);
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 531px;
}
.cc4 {
	display: table;
	background-image: url(imagenes/cc4.jpg);
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 531px;
}
.cc5 {
	display: table;
	background-image: url(imagenes/cc5.jpg);
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 531px;
}
.cc6 {
	display: table;
	background-image: url(imagenes/cc6.jpg);
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 531px;
}
.cc7 {
	display: table;
	background-image: url(imagenes/cc7.jpg);
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 531px;
}
.cc8 {
	display: table;
	background-image: url(imagenes/cc8.jpg);
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 531px;
}
.esquinainferiorlogo {
	background-image: url(imagenes/esquinalogo100px.png);
	height: 100px;
	width: 202px;
	position: absolute;
	z-index: 60;
	left: 774px;
	top: 562px;
}
.esquinainferiorlogo_stratego {
	background-image: url(imagenes/esquinalogo_stratego100px.png);
	height: 100px;
	width: 202px;
	position: absolute;
	z-index: 60;
	left: 774px;
	top: 562px;
}
.esquinainferiorlogo_derflieger {
	background-image: url(imagenes/esquinalogo_derflieger100px.png);
	height: 100px;
	width: 202px;
	position: absolute;
	z-index: 60;
	left: 774px;
	top: 562px;
}
.volver {
	color: #333;
}
.volver a:link {
	color: #333;
	text-decoration: none;
}
.volver a:visited {
	color: #333;
	text-decoration: none;
}
.volver a:hover {
	color: #F90;
	text-decoration: underline;
}
.margenfrutasdetemporada {
	padding-left: 50px;
}
.video-section {
  margin-bottom: 40px;
}

video {
  width: 100%;
  border-radius: 8px;
  outline: none;
}
.thumbnails {
  display: flex;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
}

.thumb {
  cursor: pointer;
  width: 220px;
}

.thumb img {
  width: 100%;
  border-radius: 10px;
  box-shadow: 0 0 8px rgba(0,0,0,0.2);
  transition: transform 0.2s;
}

.thumb img:hover {
  transform: scale(1.05);
}

.thumb p {
  margin-top: 8px;
  font-weight: bold;
}

/* Modal */
.modal {
  display: none;
  position: fixed;
  z-index: 999;
  left: 0; top: 0;
  width: 100%; height: 100%;
  background-color: rgba(0,0,0,0.8);
  justify-content: center;
  align-items: center;
}

.modal-content {
  position: relative;
  max-width: 80%;
  max-height: 80%;
}

.modal-content video {
  width: 100%;
  height: auto;
  border-radius: 8px;
}

.close {
  position: absolute;
  top: -30px;
  right: 0;
  color: white;
  font-size: 30px;
  cursor: pointer;
}