select[name="productos"] option.grupo {
	font-size: 130%;
}
select[name="productos"] option.grupo.in {
	font-size: 110%;
}
select[name="productos"] option {
	text-indent: 4rem;
}

.direct_nav { 
	display: flex;
	width: calc(100% - 2vw);
	padding: 0 1vw;
	gap: 1em;
	justify-content:flex-end;
	align-items: center;
	min-height: 100px;
	background: var(--bkB_bg);
   color: var(--bkB_f);
}
.direct_nav select {
	font-size: 120%;
	min-height: 2em;
}

.cinto_nav {
	flex: 100%;
	display: flex;
	flex-flow:row wrap;
	justify-content: center;
	align-items:center;
	background: var(--bgBlockB);
	padding: var(--alto) var(--ancho); 
	margin: var(--alto) 0;
	overflow: hidden;

}

.cinto_nav > fieldset {
	order:1;
	border:0;
	min-width: 320px;
	margin: 0;
	padding: 0;
}
.cinto_nav > fieldset label:first-of-type{
	display: none;	
}
	.cinto_nav > p  {
		display: block;
		order:2;
		font-family: var(--ffamH); 
		font-size:0;
		margin: 0;
		min-width: 320px;
		text-align: center;
	}
		.cinto_nav > p span  {
			display: block; margin-bottom: calc(var(--alto) / 2);
			font-size:14px;
			
		}
		
.cinto_nav select {
	font-size: 1.2em;
	line-height: 2em;
	color: var(--fontBlockB);
	height: 3rem;
	padding: 0 10px;

}
.cinto_nav label {
	font-size: 1.2em;
	line-height: 2em;
	color: #666;
}






 


.OdP>h4, .ache5, .ache6 { 
	flex-basis: auto;
	width: 100%;
	font-family: var(--ffamH);
	font-size: calc(1rem + calc(var(--ancho) / 2));
  	color: #777;
  	margin: .3em 0;
  	text-indent: 0;
  	font-weight: normal;
}
.ache5  {
font-size : font-size: calc(0.5rem + calc(var(--ancho) / 2));
background: rgba(200,200,200,0.2);
}

.selTIT { border:none; float:right; margin:2px 1%; /*font-size:2.2em;*/ color:#999999; padding:0; }
.selTIT select { color:#999; /*font-size:1.4em;*/ border-color:#CCC; }


/*#TRANS select[name="productos"] option {
	padding-left: calc(var(--ancho) * 2);
}*/
#TRANS select[name="productos"] option.grupo {
	font-weight: bold;
	font-size: 120%;
	/*padding-left: calc(var(--ancho) / 2);
	background-color: red;
	color: yellow;*/
}
/*tanto ipd como OdPval van dentro de una fila flexible (div cinto_cfg), junto al #banner6 de publi  */



	#ipod { 
		flex: 2 2 30%;
	}
	
	#ipod p { 
		margin: calc(var(--alto) * 4) calc(var(--ancho) * 2); 
		text-align: center; 
		font-size:1em; 
		font-style: oblique; 
		color:#666; 
	}
	#ipod p.num {
		display:block;  
		font-weight:bold;
		font-style: normal;  
		text-align:center;
		font-family:var(--ffamH); 
		font-size:calc(2rem + var(--ancho));
	} 
	
	#ipod p.num::first-letter { font-size:calc(3rem + var(--ancho)); }
	
	/*#ipod p > span::before { content:"x "; font-size:20%; }*/



#informes {
	width: calc(100% - calc(var(--ancho) * 2));
	padding: 0 var(--ancho);
}

#informes summary {

	width: 100%;  text-align: left; text-indent:3em; font-weight: bold; font-size: calc(1rem + calc(var(--ancho) / 2)); padding:calc(var(--alto) / 2) 0; margin: 0 0 1em 0;

}


.informe p {

	font-size: calc(0.8rem + calc(var(--ancho) / 2));
	margin: 0 calc(var(--ancho) * 4) 1em calc(var(--ancho) * 4);
	text-align:justify; 
}
.informe p span {
	font-size: 120%;
	font-weight: bold;	
}







/****************
	ZONA DE PRECIOS
		(caja)
*****************/


.OdPval {
	max-width: 1200px;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	algn-items:center;
	column-gap:calc(var(--ancho) / 2);
	row-gap:var(--alto);

}
		.OdPval > div.price {
			
			flex:2 2 30%;
			display:flex;
			flex-flow: column wrap;
			padding: calc(var(--alto) * 4) 0;
			font-family: var(--ffamH);
			align-items: center;
			justify-content:center;
			row-gap:var(--alto);
			min-width: 160px;
		}
		
				/*.OdPval > .price >span {
				width : 100%;
				margin : 0;
				padding : 5px 0;
				text-align : center;
				color : #ffffff;
				font-size : 20px;
				
				}*/
				
				
				
				
				
				.OdPval > .price > p {
				width : 100%;
				margin : 0;
				text-align : center;
				font-size : 1em;
				font-weight : bold;
				padding-top : 0px;
				color:#FFFFFF;
				}
				/*.OdPval > .price > p::first-letter { font-size: 25px;}*/
						.OdPval > .price > p span { font-size: calc(2em + calc(var(--ancho) / 2)); } 
					
		
		
		.preciosSprice {
		font-size : 20px;
		line-height:20px;
		margin : 0;
		padding : 5px 0;
		}




		.OdPval div.ache6 {
			flex: 100%;
		}
		
		

		

		.OdPval .tramos { 
				flex: 100%;
				display: flex;
				flex-flow:row wrap;
				column-gap: calc(var(--ancho) / 2);
				align-items: center;
				justify-content: center;
				font-weight:bold;				
				background: var(--bgBlockB);
				font-size: calc(0.6rem + calc(var(--ancho) / 2));
				padding: 0;
				font-family: var(--ffamH);
				
				/*text-align:center;    background-color:#eaebe6; padding:20px 0; border-bottom:1px solid #999999; border-radius:0 0 40px 40px; */
		}
		.OdPval .tramos div { flex: 100%; }
		.OdPval .tramos>span { display: inline-flex; vertical-align: middle; }
		.OdPval .tramos>span.l { color:#666666; font-size:150%; }

		.OdPval .tramos span.l::before, .OdPval .tramos span.l::after {
			font-family: 'Materiales';	
			font-weight: normal;
			font-style: normal;
			font-size: 1em;
			display: inline-flex;
			justify-content: center;
			align-content: center;
		  	width: auto;
		  	height: auto;
		  line-height: 1;
		  text-transform: none;
		  letter-spacing: normal;
		  word-wrap: normal;
		  white-space: nowrap;
		  direction: ltr;
		  
		  content: "drag_indicator";
		  padding:5px 0 0 0;
		  opacity: 0.3;
		}
		.OdPval .tramos span.l::after { content: "label_important"; }

		.OdPval .tramos .img { 
			height:auto; 
			min-height: 100px;
			display: flex;
			flex-flow:column wrap;
			justify-content: center;
			align-items: center;
			padding: var(--alto) 0; 
			background-image: url(https://boletinagrario.com/public/css/img/observatorio_precios/campomesa.jpg);
			background-position: center center;
			background-size: cover;
			font-size: calc(0.5rem + calc(var(--ancho) * 0.3)); 
			color:#666666;  
		}
		.OdPval .tramos span { max-width: 300px; text-align:c center; }
		.OdPval .tramos .img .nume { 
			font-size : calc(2rem + var(--ancho)); 
		}










/****************
	EVOLUCIÓN TEMPORAL
(aplicación barras)
*****************/


/*GRAFICOS TMP*/
/*table.graficos { width:100%; background:#000000; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; }
*/

#oPcanvas {
	display:flex;
	flex-flow:row wrap;
	align-items: flex-start;
	justify-content:stretch;
	border: var(--alto) solid var(--bkB_bg);
	padding-bottom: calc(var(--alto) * 2);

}

#gRango,#gTramo{
	flex-basis: 100%;
	text-align:center;
	list-style-type:none;
	font-size:calc(0.7rem + calc(var(--ancho) * 0.3));
	padding:0 var(--ancho);
	margin:0;
	display: flex;
	column-gap:calc(var(--ancho) * 2);	
	justify-content:space-between;
	align-items: flex-end;
}
#gTramo { justify-content: center; padding-top: var(--alto); }

#gRango { 
	background-color: var(--bkB_bg); 
	padding-top: var(--alto); 
	
}
:is(#gRango,#gTramo) li {

	border-radius: 1em 1em 0 0;  
	padding: .5em 2em; 
	opacity:0.5; 
	text-align:center;
	cursor:pointer;
	max-width: 300px;
	min-width: 80px;
	display: inline-flex;
	align-items: center;
	justify-content: center; 
}
#gRango li {
	flex: 1 1 calc(50% - calc(var(--ancho) * 4));
	/*background-opacity: rgba(255,255,255,0.5); 
	color:var(--colorLink);*/
	max-width: 100%;
	opacity:0.8; 
}
#gRango li:not(.fao) {
	background-color: rgba(255,255,255,0.5);	
}

#gRango :is(li.ov:not(.fao), li:not(.fao):hover) { background-color: rgba(255,255,255,1); }


:is(#gRango,#gTramo) :is(li.ov, li:hover) { opacity:1; font-weight: bold; }
/*:is(#gRango,#gTramo) li.ov { text-transform:uppercase; }*/


#gRango li span { text-transform: lowercase; font-size: 70%; padding-left: 1em; }












.gHead {
	flex-basis: calc(100% - var(--ancho));
	min-height: 3em;
	margin: 0 0 calc(var(--ancho) / 2) 0;
}
	.gHead>div { 
		display: flex;
		justify-content:space-between;
		align-items: center;
		min-height: 3em;
		font-size: calc(0.6rem + calc(var(--ancho) * 0.3));
		color:#FFF;
		margin:var(--alto) calc(var(--ancho) * 2); 
	}
	
	.gHead>div>div>span { display:block; font-size: 120%;  color:#FFCC00; font-weight: bold; text-align: center; }
	.gHead>div>div>span>span { font-size: 70%; color:#FFF; }	
	.gHead input { float: right; font-size:20px; color:#FFFF00; margin:15px 20px 0 0; }

#oPcanvas :is(.gInfo,.zoom) {
	height:calc(var(--alto) * 4); 
	display:flex;
	align-items: center;
}

#oPcanvas .gInfo {
	flex-basis: calc(100% - 100px);
	justify-content: center;
	font-weight:bold; 
	color:#000000;  
}
	#oPcanvas .gInfo span { 
		font-size:0.8em; 
		color:#666666;
		padding:0 0.3em; 
	}
	#oPcanvas .gInfo span:first-of-type {
		padding-right: :1em;
		text-decoration: underline;	
	} 

#oPcanvas .zoom {
		flex-basis: 100px;
		justify-content: center;
}
	#oPcanvas .zoom div {
		cursor:pointer;
		font-size: 1.6em;
	}
	
	#oPcanvas .zoom :is([data-icono=expand]:hover, [data-icono=compress]) {
	
		color:var(--high);
	
	}
	
	#oPcanvas .zoom :is([data-icono=expand], [data-icono=compress]:hover) {
		color: var(--colorLink);
	}


#graf {
	margin:0;
	flex: 100%;
	height: 300px;
	display: flex;
	align-items: flex-end;
	justify-items:flex-start;
	column-gap:2px;
	background-size: cover;
	background-position: center center; 
	overflow:hidden;
	padding:0;
}
.numV { display:none; position: relative; flex-basis: 100px; height:300px; justify-self:flex-end; vertical-align:top; padding:0; margin:0; overflow:hidden; color:#666666;  }
.numV div { 
				position: absolute; 
				left: 5px; 
				width:100%;
				font-size: 0.5em; 
				flex-basis: auto; 
				text-align:left; 
				color:#666666; 
				background:none; 
				margin:-1em 0 0 0;
				padding:0; 
				height: 2em; 
				
}
.numV span { font-size:1em; font-weight:bold; }


.gGuias { 
	flex-basis: 100%;	
	height:0px; 
	position:relative; 
}
	.gGuias div.guia { 
				width:100%; 
				position:absolute; 
				height:0; 
				border-top:1px dashed #666666; 
				z-index:2000; 
				margin: 0;
				padding: 0;
	}

.numH { 
	margin:0;
	flex: 100%
	height:var(--alto); 
	min-height:2em; 
	border-top:2px solid #666666; 
	background:var(--bgBlockB); 
	color:#666666; 
	display: flex;
	justify-content:left;
	align-items: center;
	column-gap:2px
	
}



.numH div { flex-basis: auto; text-align:center; color:#666666; background:none; border:0; margin:0;padding:5px 0; } 
/*se activa a partir de 600px*/
.numH div { overflow:hidden;  font-size:0; }

.numH div.ov { background: var(--high); font-weight: bold; }

#graf div { 

flex-basis: auto;
opacity:0.6;

background:linear-gradient(rgba(156, 156, 73,.6),rgba(156, 156, 73,0.1));

border-top:3px solid #000000;
margin:0;
height:0px;
margin-bottom:-4px;
cursor : pointer;
/*		float:left;
	   position:absolute;*/
	   bottom:0;
	   z-index:20;
}

#graf[class^=origen], #graf.mayorista, #graf.destino {
	background-color: #FFF;
}

#graf.origenA div {
background:linear-gradient(rgba(115, 156, 73,.8),rgba(115, 156, 73,.2));
}
#graf.origenG div {
background:linear-gradient(rgba(156, 115, 73,.8),rgba(156, 115, 73,.2));
}
#graf.origenP div {
background:linear-gradient(rgba(73, 135, 156,.8),rgba(73, 135, 156,.2));
}
#graf.mayorista div {
background:linear-gradient(rgba(132, 132, 62,.8),rgba(132, 132, 62,.2));
}
#graf.destino div {
background:linear-gradient(rgba(104, 104, 49,.8),rgba(104, 104, 49,.2));
}
#graf.fao div {
background:linear-gradient(rgba(0, 158, 219,.8),rgba(0, 158, 219,.2));
}



#graf div.barN { background-color:#333333; border-top:3px solid #999999; }

#graf :is(div:hover, div:focus, div.ov) { opacity:1; background:linear-gradient(rgba(230, 184, 0,.8),rgba(230, 184, 0,.2));  }

#graf div.is { opacity:1;  }






/********************
	EVOLUCIÓN SEMANAL
(aplicación fichas)
*********************/

#evol_OdP { 
	/*flex-basis: calc(100% - calc(var(--ancho) * 2));*/ 
	height:auto; 
	display: grid;
	grid-template-columns: 40% 60%;
	grid-template-rows: minmax(0,4rem) auto;	
	
	gap:var(--ancho);
	margin: 0 var(--ancho);
	flex-flow: row wrap;
	justify-content: stretch;
	align-items: stretch;
	overflow: hidden;
}

#evol_OdP > .buts {
	grid-row: 1;
	grid-column: 2;
	
	flex: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	column-gap:calc(var(--ancho) * 2);	
}
#evol_OdP > .buts > div {
	border-radius: 50%;
	padding: 5px;	
}

#evol_OdP > .buts > div.ov {
	color: var(--high) !important;	
}

#evol_OdP > .nav {
	grid-row: 1 / 3;
	grid-column: 1;
	
	display: flex;
	flex-flow: column nowrap;
	justify-content: center; 
	align-items: stretch; 
	row-gap: var(--alto);

	font-family: var(--ffamH);
	font-weight: bold;
	min-width: 30%;
	font-size: calc(0.7rem + calc(var(--ancho) * 0.3));

}
#evol_OdP > .nav > div {
	flex: calc(100% - calc(var(--ancho) * 2));
	padding: var(--alto) var(--ancho);
	background-color: var(--bgBlockB);
	cursor: pointer;	
	display: flex;
	justify-content: space-between;
	align-items: center;
	
}
#evol_OdP > .nav > div span {
	text-align: right;
}

#evol_OdP > .nav > div.ov {
	background: var(--high);
	font-weight: bold;	
}


#evol_OdP > .nav [data-icono] {
	font-size: 2em;
	vertical-align: bottom;
}
#evol_OdP > .canvas {
	grid-row: 2;
	grid-column: 2; 
	display: flex;
	justify-content: stretch; 
	align-items: stretch; 
	row-gap: var(--alto);
	background: var(--bgBlockB);
	overflow: hidden;
}
#evol_OdP > .canvas.top {
	grid-row: 1 / 3;
}

#evol_OdP > .canvas > div {
	flex: 100%;
	display: flex;
	justify-content: center;
}

#evol_OdP > .canvas > div > div.field {
	/*min-width: 200px;*/
	flex: 2 1 33%;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;	
	padding: calc(var(--alto) * 2);
}


#evol_OdP div.field p {
	font-size: 1.4em;
	font-weight: bold;
	margin: var(--alto) 0;
	font-family: var(--ffamH);

}
#evol_OdP div.field p.ok {
animation: OdP_color 3s;
}
#evol_OdP div.field p > span { font-size: 0.6em; }



}






 	
table.observa, #acercaDatos {
width : 100%;
border : 0;
background : #FaFaFa/*url(//boletinagrario.com/layout/patrones/observatorio_precios/prices_fondo.jpg) no-repeat left top*/;
font-family:Geneva, Arial, Helvetica, sans-serif; 
margin:40px 0;
overflow:hidden;
border-spacing:0;
float:left;


}
table.observa p { font-size:1.1em; line-height:2em; color:#666666; }

table.observa .leg { padding:20px; font-style:oblique; }
#acercaDatos p { font-size:12px; color:#333333; margin:10px 4% 0 4%; }
#acercaDatos ul { margin:0; }
#acercaDatos li { font-size:12px; margin:5px 4% 0 4%;  }
#acercaDatos li span { text-decoration:underline; font-size:14px; font-weight:bold; color:#000000; }


.transp {
width : 780px;
text-align:center;padding:5px 0; margin: 0 0 10px 30px;
}


/*.observa th {
color:#666666;
font-size:20px;
text-align:center;
}
*/








.oX { color:#9c9c49; }
.oA { color:#739c49; }
.oP { color:#49879c;  }
.oG { color:#9c7349;  }
.oM { color:#84843e; }
.oD { color: #686831}
.tramos { color:#DD6633; float:none; text-align:left; margin:0; padding:0;}

.fao, .oF { background-color: rgb(0, 110, 153); /*rgb(0,158,219);*/ color: #FFFFFF; }

.origenA, .orgA { background-color:#739c49; color:#FFFFFF; }
.origenP, .orgP { background-color:#49879c; color:#FFFFFF; }
.origenG, .orgG { background-color:#9c7349; color:#FFFFFF; }

.origenX, .orgX { background-color:#686831; color:#FFFFFF; }
.mayorista, .myr { background-color:#684d31;  color:#FFFFFF; }
.destino, .dst { background-color:#686831;  color:#FFFFFF; }

.orgX, .orgA, .orgP, .orgG, .myr, .dst { background-image:url(//boletinagrario.com/layout/patrones/observatorio_precios/barraINC.png); background-position:center; background-repeat:repeat-x; }

/*.origenX, .origenA, .origenP, .origenG { border-right:2px solid #FFF; border-radius:40px 0 0 0; }
.mayorista { border-left:2px solid #FFF;  border-right:2px solid #FFF; }
.destino {border-left:2px solid #FFF; border-radius: 0 40px 0 0; }*/

#graf .origenX, #graf .origenA, #graf .origenP, #graf .origenG, #graf .mayorista, #graf .destino { border-radius:0; border:0; }

td.tercio { width: calc(33.33% - 4px);  }

/* CONSTRUCTOR */
/*.barraINC .origenA, .barraINC .origenP,.barraINC .origenG, .barraINC .mayorista, .barraINC .destino { background-image:url(//boletinagrario.com/layout/patrones/observatorio_precios/barraH.png);
}*/
#constructor { margin: 0; padding: var(--alto) 0; width:100%; }
#constructor>div { 
		width: calc(100% - calc(var(--ancho) * 2));
		display: flex;
		justify-content:flex-start;
		align-items: stretch;
		font-size: calc(1rem + calc(var(--ancho) / 2)); 
		text-align:center; 
		overflow:hidden; 
		margin:0 var(--ancho);
		
}
#constructor div {
	margin:0; 
	padding:0; 	
}
#constructor>div.barraINC { 
	color:#FFFFFF; 
	border-radius:calc(var(--alto) * 3); 
	height:calc(var(--alto) * 10);  
}
#constructor div.barraINC div span { margin-top:15px; float:left; width:100%; text-align:center; }
#constructor div.top { 
	border-top:1px dashed #666666; 
	height:1.2em;
	 
} 

#constructor div.top div span { display:none; text-align:right; border-right:1px dashed #666666; margin:0; padding-right:5px; }
#constructor div.top div span.left { float:left; display:block; border:0; border-left:1px dashed #666666; margin:0; padding-right:0; padding-left:5px; }

#constructor div.percenter { height:40px; margin-top:3px; }

#constructor div.percenter div span { font-size:10px; } 



.Preciosprice, .preciosSprice {
width : 100%;
margin : 0;
text-align : center;
font-size : 70px;
line-height:60px;
font-weight : bold;
padding-top : 0px;
color:#FFFFFF;
}
.preciosSprice {
font-size : 20px;
line-height:20px;
margin : 0;
padding : 5px 0;
}


}




/******************************************
			ICONOS
*******************************************/

:is([class*=origen],.mayorista,.destino,.fao) [set-icono^="2"], :is([class*=origen],.oF,.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],.oX,.oA,.oG,.oP,.oF,.oM,.oD,.mayorista,.destino,.fao) [set-icono="2"]::before, :is([class*=origen],.oX,.oA,.oG,.oP,.oF,.oM,.oD,.mayorista,.destino,.fao)[set-icono="2"]::before {
	font-size: 3em;
}

/*:is([class*=origen],.oX,.oA,.oG,.oP,.oF,.oM,.oD,.mayorista,.destino,.fao) [set-icono="22"], :is([class*=origen],.oX,.oA,.oG,.oP,.oF,.oM,.oD,.mayorista,.destino,.fao)[set-icono="22"] {
	font-size: 0;
}*/


:is([class*=origen],.oX,.oA,.oG,.oP,.oF,.oM,.oD,.mayorista,.destino,.fao) [set-icono="22"]::before, :is([class*=origen],.oX,.oA,.oG,.oP,.oF,.oM,.oD,.mayorista,.destino,.fao)[set-icono="22"]::before {
		
		font-size: calc(2rem + calc(var(--ancho) / 2));
}
:is(.origenA, .origenX,.oA,.oX) [set-icono^="2"]::before, :is(.origenA, .origenX,.oA,.oX)[set-icono^="2"]::before {
	content: "agriculture";				
}
:is(.origenP,.oP) [set-icono^="2"]::before, :is(.origenP,.oP)[set-icono^="2"]::before {
	content: "directions_boat_filled";				
}
:is(.origenG,.oG) [set-icono^="2"]::before, :is(.origenG,.oG)[set-icono^="2"]::before {
	content: "goat";				
}
:is(.mayorista,.oM) [set-icono^="2"]::before, :is(.mayorista,.oM)[set-icono^="2"]::before {
	content: "local_shipping";				
}
:is(.destino,.oD) [set-icono^="2"]::before, :is(.destino,.oD)[set-icono^="2"]::before {
	content: "storefront";				
}
:is(.fao,.oF) [set-icono^="2"]::before, :is(.fao,.oF)[set-icono^="2"]::before {
	content: "logo_fao";				
}


	span[set-icono="1"] { 
								line-height: 4rem;
								vertical-align: middle;						
						}
						span[set-icono="1"] span { font-size: 0.7em; padding:0; margin:0; }
				
						span[set-icono="1"]::before {
								/*margin:0 10px 0 0; width:20px; height:20px; 
								background-image:url(//boletinagrario.com/layout/patrones/observatorioPrecios.png); 
								background-repeat:no-repeat; */
								content: "trending_up";
								/*color: green;*/
								font-size: 1em;
								/*background: #FFF;
								padding: 3px;
								border-radius:1em;*/
								vertical-align: middle;
																
						}
						span[set-icono="1"][class^="n"]::before {
							/*color: red;	*/
							content: "trending_down";					
						}
						span.cero[set-icono="1"]::before {
							content: "swap_horiz";
							font-size: 2em;
						}
						
						span[set-icono="1"][class$="b"]::before { font-size: 1.25em; }
						span[set-icono="1"][class$="c"]::before { font-size: 1.5em; }
						span[set-icono="1"][class$="e"]::before { font-size: 1.75em; }
						span[set-icono="1"][class$="f"]::before { font-size: 2em; }
						span[set-icono="1"][class$="g"]::before { font-size: 2.5em; }
						span[set-icono="1"][class$="h"]::before { font-size: 3em; }
						span[set-icono="1"][class$="i"]::before { font-size: 4em; }


}








#OPcinto { width:100%; float:left; }
#OPcinto form {
margin : 0;
padding: 0; 
float : left;
border : 0;
width:auto;
}
.precios_sel select, .precios_sel label {
font-size : 12px;
color : #999999;
margin : 0 20px 0 10px;
float: left;
}
#OPcinto a {  float:left; cursor:pointer; font-size:24px; width:auto; background:none; border:0; color:#FFFFFF; margin:-5px 20px 0 0; padding:0 0 0 20px; border-left: 2px solid #FFFFFF;  }
#OPcinto a.fruta, #OPcinto a.frutaU  { border-left:0; margin-left:60px; }

#OPcinto a.carneU , #OPcinto a.pescaU, #OPcinto a.frutaU  { font-size:30px; font-weight:bold; color:#FFCC00; margin-top:-8px; line-height:28px; }

.TRANSin a.carneU , .TRANSin a.pescaU, .TRANSin a.frutaU  { color: #FFCC00; font-size:2em; }

#Tiendas, #TiendasBT, #Tienda  { width:100%; margin:1em auto; height:auto; background:none; } 





.Titul {
	font-family: var(--ffamH); 
	font-size:calc(1rem + calc(var(--ancho) / 2)); 
	border-bottom:1px solid; 
	margin: 0 0 var(--alto) 2%; 
	text-indent:calc(var(--ancho) * 2); 
}
.Titul span { font-size:.5em; line-height:30px; vertical-align:bottom; }










.fichaComerce { 
	flex-basis: 1 1 25%;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	gap: 0;

}
.fichaComerce img { margin:0; border-radius: 0; width:100%; height:auto; }




.fichaProd:hover, .fichaComerce:hover { background:#CCCCCC; color:#333333; }	


.fichaProd img { margin:5px; border:1px solid #FFFFFF; border-radius: 10px; width:calc(100% - 12px); height:auto; }


/*.fichaProd:hover img, .fichaComerce:hover img { border:1px solid #333333; }*/

.fichaProd a p, .fichaComerce a p { color:#fff; }

.fichaComerce p { 
		font-family: var(--ffamH); 
		margin: 0; 
		padding: 1em 0;
		font-size:1.1em;
		text-align: center;
}



#fichas_productos { 
	width:auto;
	max-width: calc(100% - calc(var(--ancho) * 2)); 
	flex:auto;
	margin:var(--alto) var(--ancho); 
	overflow-x:scroll; 
	overflow-y:hidden; 
	height:140px;
	justify-self:center;
	/*justify-content:center;
	display:flex; */
}

#fichas_productos > div { 
		/*width:fit-content; */
		min-width: fit-content; 
		height:120px; 
		overflow:visible; 
		display:flex;
		justify-content:center;
		gap: calc(10px + var(--ancho));		
}
#fichas_productos > div.G { width:1180px; }
#fichas_productos > div > div {
	flex: auto;
	width: 180px;
	height:120px;
	overflow:hidden;
	cursor:pointer;
	padding:0;
	
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: 100%;
	justify-content: stretch;
	align-items:stretch;
	opacity: 0.8;
}
#fichas_productos > div > div:hover {
	opacity: 1;
}
#fichas_productos > div > div >  a { 
		z-index:1;
		grid-row:1;
		grid-column:1;
		display: flex; 
		justify-content: flex-end;
		align-items: center; 
		margin:0 var(--ancho);
		text-align: center;
		padding:0; 
		font-size: 1.4em; 
		font-weight:bold; 
		color:#fff;  
		text-shadow: 0 0 20px #000;
		font-family: var(--ffamH);
}
#fichas_productos > div > div:hover a {
 		text-shadow: 0 0 6px #000;
}
#fichas_productos > div > div > picture {
	z-index:0;
	grid-row:1;
	grid-column:1;
	display: flex;
	background: var(--bk_bg);
	width: 100%;	
}
#fichas_productos > div > div > picture img { object-fit: cover; }




#IntroP :is(#fichas_productos,#comerceS) {
	grid-row: 6;
	justify-self:center;
}

#comerceS{ display:flex; gap:var(--ancho); lign-items: center; justify-content: center; }

}






table#semanalExt {
	width:98%; margin-left:1%;
	text-align:center;
	font-size:16px;
}


table#semanalExt td { width:28%; padding:5px 0;  }
table#semanalExt td.trans, table#semanalExt td.nulo { width:16%; padding:5px 0; font-size:11px; text-align:right; }
table#semanalExt td.trans:after {
	content: " ► ";
}

table#semanalExt td.orgA,table#semanalExt td.orgP,table#semanalExt td.orgG, table#semanalExt td.myr, table#semanalExt td.dst { opacity:0.5; filter:alpha(opacity=50); font-size:20px; cursor:pointer; }
table#semanalExt td span { font-size:13px; }

table#semanalExt td#semanalExtID { opacity:1; filter:alpha(opacity=100); }


#semanalExt { 
	flex:calc(100% - calc(var(--ancho) * 2)); 
	height:auto; 
	display: flex;
	gap:var(--ancho);
	margin: 0 var(--ancho);
	/*justify-content: stretch;
	flex-flow: row wrap;*/
	
	flex-flow:column nowrap;
	justify-content: stretch;
	align-items: center;
}
#semanalExt > div {
	flex: 1 1 calc(20% - calc(var(--ancho) * 3));
	display: flex;
	/*flex-flow:column nowrap;
	justify-content: center;
	align-items: stretch;
	min-width: 200px;*/
	justify-content: stretch;
	align-items: stretch;
	
	
	row-gap: var(--alto);
	background-color: var(--bgBlockB);
	padding: 0 calc(var(--ancho) / 2) calc(var(--alto) * 2) calc(var(--ancho) / 2); 
}
#semanalExt div.field {
	min-width: 200px;
	flex-basis:100%;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;	
	padding: calc(var(--alto) * 2);
}
#semanalExt div.ti {
	min-width: 200px;
	padding: var(--alto) 0 calc(var(--alto) / 2) 0;
	background-color: var(--bgBlockB);
	font-family: var(--ffamH);
	font-weight: bold;	
	height: auto;
	text-align: center;
}

#semanalExt div.field p {
	font-size: 1.4em;
	font-weight: bold;
	margin: var(--alto) 0;
	font-family: var(--ffamH);

}

#semanalExt p > span { font-size: 0.6em; }




#trendGRAF { width:100%; height:40px; }
#trendGRAF div { position:absolute; height:20px; display:block;  border-radius:5px; }
#trendGRAF div.red { background-color:#990000; }
#trendGRAF div.green { background-color:#009900; }
#trendGRAF div.r { color:#990000; }
#trendGRAF div.g { color:#009900; }




/*

table.variations {
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	text-align:center;
	color:#999999;
	margin-top:-20px; *margin-top:0px;
	font-size:16px;
}
table.variations tr, table.variations td { margin:0; padding:0; }
table.variations td.in {
	width:16%;
}
table.variations td.dat {
	width:32%;
}

*/



.OPredifusion {
	width:560px;
	margin:0 auto;
	height:auto;
	padding:10px;
	padding-top:0;
	background:#DFEBAF;
	overflow:hidden;
}
#applet { width:90%; margin: auto; overflow:hidden; }
#applet .left {
	width:510px;
	float:left; 
}
#applet .right {
	float: right;
	width: 200px;
	text-align:center;
	border:10px solid #FFFFFF;
}
#applet .right p { text-align:center; font-weight:bold; color:#999999; font-size:13px; padding-top:3px; padding-bottom:3px; background:#FFFFFF; }
#applet p { text-indent:0; }
#applet textarea {
	width:94%; margin-left:0;
	height:60px;
	background-color:#F0EFD2;
	overflow-y: hidden;
	overflow-x: auto;
}
#applet input { cursor: pointer; }


 .left .doscero tr { float:none; width:auto; text-align:center; overflow:hidden;  }
 .left .doscero tr td { padding-bottom:10px; }
.left .doscero tr td .print, .left .doscero tr td .mail { margin-left:50px; }
.left .doscero tr.full td a { margin:10px 0 10px 20px; }

.OPredifusion { width:780px; margin:0 10px 10px 10px; padding:10px; text-align:center; border-radius:20px; background-color:#FF9900; color:#000000; }
.OPredifusion .ache6 { margin: 0; padding:0 0 10px 0; color:#FFFFFF; background:none; text-align:center; text-indent:0; border-bottom:1px dotted #FFFFFF; }
.OPredifusion .ache6:before { content:''; }
.OPredifusion a { color:#FF0000; }
.left .OPredifusion { width:150px; }




.noDISP { width:90%; margin: var(--alto) 5%; height:auto; text-align:center; font-size:calc(0.6rem + calc(var(--ancho) / 2)); font-style:oblique;  }
.noDISP span { display:block; margin-bottom: 20px; font-size:120%;  color:#FF9900; }
.noDISP span:before { content:"Ø "; } 




.variator { float:right; width: calc(100% - 220px); } 
.variator .observa, .ipd .ache6 { margin-top: 0; }

.variator .Preciosprice { font-size:45px; }








@media screen and (min-width: 600px){

		
		#graf, .numH {
			flex-basis: calc(100% - 100px - calc(var(--ancho) * 2));
			margin-left:calc(var(--ancho) * 2);
		}
		.gGuias {
			flex-basis: calc(100% - 90px - calc(var(--ancho) * 1.5));
			margin-left:calc(var(--ancho) * 1.5);
		}
		
		.numV {
			display: inline-flex;			
		}
		.numH div {  font-size:10px; }
		
		.gHead>div>div span { display:inline; }
		
		
		/*.OdPval > .price > p { font-size : calc(2rem + var(--ancho)); }
				.OdPval > .price > p::first-letter { font-size: calc(3rem + var(--ancho));}
						.OdPval > .price > p > span { font-size: 50%; }*/
}








@media screen and (min-width: 800px) {

	.cinto_nav { 
	justify-content:space-between;
	}
	.cinto_nav > p { order:1; text-indent:0; padding:0; font-size:calc(1.1em + calc(var(--ancho) * 0.3)); text-align: left; }
	.cinto_nav > p span { font-size: 70%; }
	.cinto_nav > fieldset { order : 2; }
	/*.cinto_nav > fieldset label:first-of-type{ display: inline-flex; } */
	
	
	#evol_OdP { 
	grid-template-columns: 30% 70%;
	}


}





@media screen and (min-width: 980px){ 
	:is([class*="origen"], .mayorista, .destino, .fao) [set-icono="22"], :is([class*="origen"], .mayorista, .destino, .fao)[set-icono="22"] {
		font-size: 1em;
	}
  :is([class*="origen"], .mayorista, .destino, .fao) [set-icono^="2"], :is([class*="origen"], .mayorista, .destino, .fao)[set-icono^="2"]{
	flex-flow: row nowrap; gap: calc(var(--ancho) * 2);  
  }
}







@keyframes OdP_color {

from {

   color: #FFCC33;
  }

  to {
   color: #FFFFFF;
  }
}