/*Cambios-añadidos en OBJ*/
:is(.Bbox:not(.painted), .Bbox.inlay.painted, .Bbox .INbox)>:is(.ti, .int, .sti, .dat, .extra) {
		margin:calc(var(--alto) / 2) var(--ancho);
	} 
	
/**********************************************************************
			EXTRAS: MÓDULOS
***********************************************************************/

/**************************************************
	FORMULARIO DE REGISTRO. ALTA USUARIOS 
	PUEDE SER USADO EN OTRAS ZONAS
***************************************************/
@media screen and (min-width:10px){
	/*form.apC{
		display: flex;
		height: auto;
		overflow: hidden;
		flex-flow:column wrap;
		gap: 1vh;
		justify-content:center;
		align-items:stretch;
	}*/
	form.apC > fieldset {
		border:0;
		width: calc(96% - 1vh);
		margin: 1vh 2%;
		display: flex;
		flex-flow: column wrap;
		justify-content: flex-start;
		align-items: center;
		row-gap: 1vh;
		border:0;
		background-color: rgb(242, 255, 229);
	}
	form.apC > fieldset.rows {
		flex-flow: row wrap;	
		justify-content:center;
		align-content: stretch;
	}
	form.apC >fieldset > legend {
		padding: 10px;
		color: rgb(242, 255, 229);
		background-color: var(--bk_bg);
	}
	form.apC > fieldset > p {
		flex: 2 0 90%;
		text-align: center;
	}
	form.apC > fieldset > span.br {
		flex: 3 0 90%;
	}
	form.apC > fieldset > label {
		flex: 2 2 0%;
		line-height: 2em;
		vertical-align: middle;
		padding: 0 1em;
		background: var(--bk_bg);
		color: var(--bk_f);
		font-weight: var(--bold);
	}
	form.apC > fieldset > :is(input,button) {
		line-height: 2em;
		min-height: 2em;
		padding: 0 1em;
		vertical-align: baseline;
		align-self: stretch;
		/*font-size: 1em; calc(1em + 0.3vw);*/
		color: #999;
	}
	form.apC > fieldset > input {
		flex: 4 1 50%;
		min-width: 180px;
	}
	fieldset.captcha {
		flex-basis: 90%;
		height: auto;
		overflow: hidden;
		display: flex;
		flex-flow: column nowrap;
		justify-content: stretch;
		gap: 1vh;
	}
	fieldset.captcha > * {
		width: 98%;
	}
	form.apC button::before {
		padding-right: .5em;
		font-size: 160%;
	}
	
}/*LIMPIA*/
	
	/**********************
		DESCARGAS (revisar y depurar)
	***********************/
@media screen and (min-width:10px){
	#almacProps { 
		display: flex;
		flex-flow: column wrap;
		row-gap: 1vh; 
		column-gap: 1vw;
		justify-content: center;
		align-items: center;
		padding:1vh 1vw;
		margin:1vh 0; border-radius:20px; 
		background:#465380;
		color:#fff;
	}
	#almacProps .tit { 
		order: 1; 
		font-size: calc(0.7rem + 0.5vw); 
		font-family:var(--ffamH); 
		font-weight: var(--bold);
	}
	#almacProps p { 
		order:2; 
		margin:0;
		font-size: calc(0.5rem + 0.3vw);  
	}
	#almacProps p span.A { 
		font-size:90%; 
		font-weight: var(--bold); 
		font-style:italic; 
	}
	#almacProps p span.B { 
		font-weight: var(--bold); 
		font-size:110%; 
	}
	#almacProps p span.C { 
		padding-left:30px; 
	}

	#almacProps p span.file { 
		color:#E3E2A4; 
		font-size:110%;  
	}
	#almacProps a { 
		color:#FFCC00; 
	}

	#almacProps fieldset.captcha { 
		width: 94%; 
		order: 3; 
	}
	.iniciadescarga { 
		order:4; 
	font-size:0px; 
		color: #E3E2A4; 
		cursor:pointer; 
	}
	.iniciadescarga:hover { 
		color:#EEB7AE; 
	}
	#almacProps :is(.tit,.iniciadescarga)::before { 
		font-family:"Materiales"; 
		font-weight: normal;
	}
	#almacProps .iniciadescarga::before {
		font-size: calc(3rem + 2vw);
		content: "archive";
	}
	/*#almacProps .tit::before {
		display: block;
		align-self: center;
		content: "attachment";
		font-size: 150%;
	}*/
	

}/*LIMPIA*/

/**********************************
	 CANALES RSS (revisar muy bien) 
***********************************/
@media screen and (min-width:10px){
	#canalesID #Intro { width:99%; }
	#visorFrame { border:1px solid #666666; margin:0 0 10px 10px; padding:0; width:800px; height:600px; }
	.urlExternas { float: left; width:200px; margin-right:10px; }
	.linkE { float:left; width:100px; height:42px; background-color:#F1F1F1; border-radius:5px; }
	.linkE:before { content:"◙"; font-size:40px; vertical-align:top; margin:-5px 10px 0 0;   }
	.fuente { width:96%; margin:10px 2%; border: 1px solid #CCCCCC; padding:0; border-radius:20px; }
	.fuente .d { margin:0 10px; border-radius:10px; overflow:hidden; }
	.fuente p.top, #Intro .fuente p.top, #plantillero .fuente p.top { font-size:11px; margin:0; }
	.fuente p.ext, #Intro .fuente p.ext, #plantillero .fuente p.ext { font-size:10px; margin:0 10px; }
	.fuente h3.top { margin:0; padding:5px 0; text-indent:30px; background:#F1F1F1; }
	.fuente h3.top a { border-bottom:0; }
	.fuente .Hbox{ background:none; border:0; border radius:0; float:left; color:#666666; }
	.fuente .canalMas { float:left; width:100%; margin:0; }
	.fuente .canalMas .PA, .fuente .canalMas .CD { width:100%; margin:0; }
	.fuente .canalMas .Bbox .INbox { border:0; }
	h2.canalesST { margin:0; margin-bottom:10px; font-size:14px; color:#999999; }
	.chRed { width:520px; float:left; }
	.chRed table.doscero tr { margin:0; }
	.chRedB{ float:left; width:260px; }
	.isoFoto { float:right; margin:0 0 1px 10px; max-width:270px; overflow:hidden; }
	.isoFoto img { width:100%; max-width:270px; }
	
	.NOlang { margin:5px 10px; text-align:left; padding:2px 5px; background:#DFDFDF; color:#993300; border:1px dashed #993300; font-size:11px; } 
	
	.DDD .Bbox .foto { margin-right: 10px; }
}/*LIMPIA*/


/****************************************
 Herramienta Mailing 
 ****************************************/
 @media screen and (min-width:10px){
	.Bbox :is(.listas_correo form, .listas_correo_grupos) {
		font-size: calc(0.7rem + 0.3vw);
		display: flex;
		flex-flow: row wrap;
		row-gap:0.5vh;
	}
	.Bbox .listas_correo label {
		font-size: 1.1em;
		font-weight: var(--bold);
		padding-bottom: 0.1vh;
		border-bottom:1px dashed #999;
		color:#999;
		flex-grow:3;
		flex-shrink:0;
			
	}
	.Bbox .listas_correo label.lst {
		font-size: 70%;
		border-bottom:0;
		flex-basis:94%;
		margin-left: 5%;
	}
	.Bbox .listas_correo input[type="text"] {
		line-height: 2;
		flex-grow:3;
		margin-bottom: 1vh;
		font-size: calc(0.7rem + 0.3vw);	
		min-width: 280px;
	}
	/*.Bbox .listas_correo input[type="checkbox"] {
		font-size: calc(1.4rem + 0.3vw);
		width: 2em;
		height: 2em;
	
	}*/
	.Bbox .listas_correo p {
		display: block;
		font-size: 1.2em;
		flex-basis:99%;
		margin-top: 2vh;
	}
	.Bbox .listas_correo button {
		flex-basis:99%;
		margin-top: 2vh;
		font-size: 1em;
		text-align: center;
	}
	/*#gruposMailingForm{ width:90%; margin:0 4%; height:auto; overflow:hidden; display:none; background:#E6E6E6; padding:1em; }
	#gruposMailingForm h6 { font-size:10px; text-indent:0; font-weight:bold; text-decoration:underline; margin-bottom:10px; }
	#gruposMailingForm input, #gruposMailingForm label { margin-top:0; margin-bottom:10px; margin-left:1em; }*/
}/*LIMPIA*/


/*******************************************
	COMENTARIOS (enlace a applet externo)
********************************************/
	[data-icono="comentarios"]{ margin: 2vh auto; font-size: calc(1em + 0.5vw); text-align:center; color: var(--link); cursor:pointer;  }
	[data-icono="comentarios"]::before { font-size: calc(5em + .5vw); display: block; margin: 1vh auto; }



/*************************************************** 
 	 			OBSERVATORIO DE PRECIOS 
						(APPLET)
 ****************************************************/ 
@media screen and (min-width:10px){
	.Bbox .Odp {
		display: flex;
		flex-flow:column nowrap;
		/*grid-template-rows: repeat(2,auto);
		grid-template-columns: 100%;*/	
		justify-content: flex-start;
		gap: 0;
		align-items: stretch;
		/*max-height: 500px;*/
	}
	.Bbox .Odp > .fecha {
		/*grid-row:1;
		grid-column:1;*/
		background-color: var(--bkB_bg);
		color: var(--bkB_f);
		text-align: center;
		padding: 1vh 1vw;
		text-shadow: none;
	}
	.Bbox.painted .Odp:not(.overlay) > .fecha {
		color: var(--bk_f); 
		background-color: var(--bk_bg);
	}
	.Bbox .Odp > .fecha > span { font-size: 60%; display: block; text-align: center; }
	.Bbox .Odp > .fichas {
		/*grid-row:2;
		grid-column:1;*/
		display: flex;
		column-gap: 2px;
	}
	.Bbox .Odp > .fichas > div {
		flex: 1 1 33%;
		padding: 2vh 0;
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: center;
	}
	.Bbox .Odp > .fichas > div > span { text-align: center; }
	.Bbox .Odp > .fichas > div > p  { font-size: calc(0.6rem + 0.3vw); }
	.Bbox .Odp > .fichas > div > p span { font-weight: var(--bold); font-size: calc(1rem + 0.5vw); color: var(--highB); }
	div.origenX { background-color:#686831; /*#9c9c49;*/ color:#FFFFFF; }
	div.origenA { background-color:#5a6831; /*#739c49;*/ color:#FFFFFF; }
	div.origenP { background-color:#314d68; /*#49879c;*/ color:#FFFFFF; }
	div.origenG { background-color:#685a31; /*#9c7349;*/ color:#FFFFFF; }
	div.mayorista { background-color:#684d31; /*#84843e;*/  color:#FFFFFF; }
	div.destino { background-color:#316868 /*#686831;*/  color:#FFFFFF; }
	div.fao { background-color: rgb(0, 110, 153); /*rgb(0,158,219);*/ color: #FFFFFF; }
		/******************************************
			OBSERVATORIO: ICONOS
		*******************************************/
	:is([class*=origen],.mayorista,.destino,.fao) [set-icono^="2"], :is([class*=origen],.mayorista,.destino,.fao)[set-icono^="2"] {
		display: flex;
		flex-flow: column nowrap;
		align-items: center;
		justify-content: flex-start; 				
	}
	:is([class*=origen],.mayorista,.destino,.fao) [set-icono^="2"]::before, :is([class*=origen],.mayorista,.destino,.fao)[set-icono^="2"]::before {	
		display: block;
		cursor: pointer;	
	}			
	:is([class*=origen],.mayorista,.destino,.fao) [set-icono="2"]::before, :is([class*=origen],.mayorista,.destino,.fao)[set-icono="2"]::before {
		font-size: 3em;
	}
	:is([class*=origen],.mayorista,.destino,.fao) [set-icono="22"], :is([class*=origen],.mayorista,.destino,.fao)[set-icono="22"] {
		font-size: 0;
	}
	:is([class*=origen],.mayorista,.destino,.fao) [set-icono="22"]::before, :is([class*=origen],.mayorista,.destino,.fao)[set-icono="22"]::before {			
			font-size: calc(2rem + .5vw);
	}
	:is(.origenA, .origenX) [set-icono^="2"]::before, :is(.origenA, .origenX)[set-icono^="2"]::before {
		content: "agriculture";				
	}
	.origenP [set-icono^="2"]::before, .origenP[set-icono^="2"]::before {
		content: "directions_boat_filled";				
	}
	.origenG [set-icono^="2"]::before, .origenG[set-icono^="2"]::before {
		content: "goat";				
	}
	.mayorista [set-icono^="2"]::before, .mayorista[set-icono^="2"]::before {
		content: "local_shipping";				
	}
	.destino [set-icono^="2"]::before, .destino[set-icono^="2"]::before {
		content: "storefront";				
	}
	.fao [set-icono^="2"]::before, .fao[set-icono^="2"]::before {
		content: "logo_fao";				
	}
}/*LIMPIA*/


/***************************** 
	AGENDA 
******************************/
	.AUXcaja { width : 96%; height : auto; margin : 1em auto 0.5em auto; overflow : hidden; text-align : center; } 
	#contenidos .AUXcaja { width:468px; float:left; margin-left:50px; overflow:hidden;} 
	.AUXcajamedia { width : 48%; height : auto; float : left; margin : 1em auto 0.5em 1%; overflow : hidden; text-align : center; } 











/***********************************
		ANIMACIONES
************************************/
@media screen and (min-width:10px){
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes telon {
  from {
  	opacity:1;
    min-height: 100vh;
    justify-content:center;
    grid-row: 1 / 8;
  }
	50% {
	opacity:0.5;
    min-height: 100vh;
    
	}
	60% {
	opacity:0;
	 min-height: 100vh;
	 grid-row: 1 / 8;	
	}
	61% {
	grid-row: 1;
	opacity:0;
   min-height: 6vh;
   justify-content:space-between;
  }
  to {
  	opacity:1;
  }
}

@keyframes fadein {
  from {
   opacity: 0;
  }
  to {
   opacity: 1;
  }
}

@keyframes logo {
  from {
		opacity:1;
    font-size: calc(3rem + 10vw);
  }

	60% {
	opacity:0;
	}

  61% {
		opacity:0;	
    font-size:calc(1.5rem + 1vw);
  }
  to {
  	opacity:1;	
    font-size:calc(2rem + 1vw);
  }
}

@keyframes width {
  from {
   width: 0%;
  }
  to {
   width: 100%;
  }
}


/*
lo hace javascript

main, #banner2 { 
				animation: fadein 5s;
				opacity:1;
}

body > #loading  {
		animation: fadeout 1s;
		opacity: 0;
		z-index:-1;
}*/

}/*LIMPIA*/