/***************************************************  
						ESPECÍFICOS 
****************************************************/

/*etiqueta para envolver, quitar en producción*/
@media screen and (min-width: 100px){
.cinto_cfg{
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	column-gap:1vw;
	margin: 1vh 1vw;
}
.cinto_cfg.around {
	justify-content: space-around;
}
.cinto_cfg.end {
	justify-content: flex-end;
}
.cinto_cfg.start {
	justify-content: flex-start;
}
.cinto_cfg>:is(.SI,.NO) {
	text-align: center;
}

.cinto_cfg>:is(.SI,.NO)::before {
	font-size: 4em;
	width: 1em;
	height: 1em;
	display: block;
}

.cinto_cfg>:is(.SI,.NO) input[type="radio"] {
	width: 2em;
	height: 2em;
}

.cinto_cfg>:is(.SI,.NO) p  { display: none; }
.cinto_cfg>[class^="SI"] { color: rgb(50,150,50); }
.cinto_cfg>[class^="NO"] { color: rgb(150,50,50); }



.resultados h4 {
	font-size: calc(1rem + 0.5vw);
	margin: 1vh 2vw;
}
.resultados li {
	font-size: calc(0.7rem + 0.5vw);
	margin: 1vh 1vw;
	padding: 1vh 1vw;
	border: 1px solid #F1F1F1;
}

}
/*etiqueta para envolver, quitar en producción*/




/* ICONOS */
/*etiqueta para envolver, quitar en producción*/
@media screen and (min-width: 100px){
.vermas::before,
.iniciadescarga::before,
{
  font-family: "Materiales";

  font-size: calc(1rem + 1vw);
}



#Utop {
	position:fixed;
	bottom:	1vh;
	right:	2vw;
	z-index:110;
	display:none;
}

#Utop::before{
	content: "\023CF \0FE0F";
	font-size: calc(2rem + 1vw);
	cursor:pointer;
}


.Hcon #Utop { display:block; } 

#Utop.show { display: block; }

/*#TRANS button::before { font-size: calc(0.7rem + 0.7vw); }*/








/*Herramienta Redes Sociales */

.doscero, .shareMore { font-size:0; }
.doscero { 
	min-width: 90%;
	margin: 1vh auto;
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	align-items: center;
	gap:2vw;

}


.doscero :is([onfocus],[onclick]) { cursor: pointer; color:var(--link); opacity:0.6; margin:0; }
.doscero :is([onfocus],[onclick])::before { font-size:calc(1.2rem + 1.5vw); }
.doscero :is([onfocus],[onclick]):hover { opacity:1; color:var(--high); }


#Intro .doscero {
	grid-row: 5;
}
#Intro .navs + .doscero {
	grid-row: 6;
}

:is(#Intro,.overlay) .doscero :is([onfocus],[onclick]) { 
	color:var(--linkB); 
}
:is(#Intro,.overlay) .doscero :is([onfocus],[onclick]):hover { 
	color:var(--highB); 
}

/*Politica de cookies*/
#politica_cookies { width:100%; float:left; position:fixed; bottom:0; left:0; z-index:120; background:rgba(255,255,255,0.8);  color:#666; box-shadow:1px 1px 6px 6px #cdcdcd; }
#politica_cookies div { 
float:right; background-color:var(--link); color:#FFF; width:40px; 
height:40px; border-radius:20px;  text-align:center; line-height:40px; 
vertical-align:middle; margin:5px; font-size:36px; cursor:pointer; font-weight:var(--bold); }
#politica_cookies p { margin: 30px; padding:20px; font-size:16px; }


}
/*etiqueta para envolver, quitar en producción*/


/*etiqueta para envolver, quitar en producción*/
@media screen and (min-width: 100px){

/*VENTANA EMERGENTE*/
#POPup { 
	position : fixed; 
	top : 0; 
	left : 0; 
	right : 0; 
	bottom : 0; 
	overflow : hidden; 
	z-index : 121; 
	padding : 0; 
	text-align : center; 
	background : rgba(255,255,255,0.6); 
	display:none;
	align-items: center;
	justify-content:center; 
} 
#inPOPup { 
	width: 80%;
	border : 2px solid #999999; 
	background :#ffffff; 
	font-size: calc (1em + 0.5vw); 
	overflow:hidden;
	display: grid;
	grid-template-rows: 3vh 75vh;
	grid-template-columns:	100%;
}
#inPOPup .cierraPOP {
	grid-row: 1 / 2;
	align-self:stretch;
	justify-self: stretch; 
	background-color:var(--bkC_bg);
	color:var(--bkC_f);
	font-size: 120%;
	cursor:pointer; 
	border-bottom : 2px solid #999999;
	
	display: flex;
	justify-content: flex-end;
	align-items: center;
} 

#inPOPup .cierraPOP>div::before {
	font-family: "Materiales";
	content: "close";
} 
 
 
#inPOPup .inT { 
	grid-row: 2 / 3;
	width: 100%;
	max-height: 80vh;
	overflow-x:hidden;
	overflow-y:scroll; 


 } 




/*CAJAS DE STATUS/CONFIRMACIÓN*/
.cajaOK, .cajaERROR { width:90%; margin:10px 5%; float:left; } 
.cajaOKimg, .cajaERRORimg { float: left; margin: 0; padding:0; width:20%; height:100px; background : url(../patrones/cajaOK.png) no-repeat center; } 
.cajaERRORimg { background : url(../patrones/cajaERROR.png) no-repeat center; } 
.cajaOKt, .cajaERRORt { float:left; width: 79%; font-size:12px; color:#006600; } 
.cajaERRORt { color:#993300; } 
.cajaOKt h6, .cajaERRORt h6 { font-size:14px; font-weight:bold; color:#666666; margin-top:0px; margin-bottom:5px; } 
.cajaERROR { width:98%; margin:10px 1%; padding:0; background:#ffe680;border:0; } 
.cajaERROR h6 { font-size:1.4em; font-weight:bold; text-indent:0; margin:0; text-align:center; color:#FFFFFF; background:#b38f00; padding:1em 0; border-bottom:2px solid #332900; } 
.cajaERROR div { background:#fffae6; width:92%; margin:0.5em 2%; padding:1em 2%; } 
.cajaERROR ul { margin:1em; } 
.cajaERROR li { list-style-type: disc; } 

 .confirmacion { width:96%; background:#E1F7B9; padding:5px 2%; float:right; }
.confirmacion div { width:76px; float:left; margin:0; }
.confirmacion input { width:74px; margin:0; }
.confirmacion button { font-size:16px; font-weight:bold; color: #7d2811; margin:10px 0 0 0; float:right; width:110px; }




}
/*etiqueta para envolver, quitar en producción*/






/*******************************************************************
________________________HERRAMIENTAS_______________________________

*******************************************************************/



	/***********PUBLICIDAD************
	
		desde 29 junio 22 integrada en core	
	*/
/*etiqueta para envolver, quitar en producción*/
@media screen and (min-width: 100px){
	.medioVACIO{
	background:#FF9933;
	border:1px solid #666666;
	float:left;
	margin:10px;
	width: 100%;
	height: 100%;
}

.publiBOX, .publiBOXfail{

	width: 100%;
	height: 100%;
	background: #d1e0e0; 
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	/*las dos de arriba se pueden cambiar por:*/
	/*flex-flow: column wrap;*/
	justify-content: space-around;
}
.publiBOXfail{ background: ##ffeecc; }

.publiBOX>h6, .publiBOXfail>h6 { 
	font-size: 1.3em;
	margin: 0;
	
	order: 2; /* default 0 */
	
	flex-grow: 0; /* default 0 */
	flex-shrink: 1; /* default 1 */
	flex-basis: auto; /* default auto */
	/*las tres de arriba se pueden cambiar por:*/
	/*flex: none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]*/
	
	/*align-self: auto | flex-start | flex-end | center | baseline | stretch;*/
	align-self: center; 
}

.publiBOX>p, .publiBOXfail>p {
	
	margin: .5em 1em;
	align-self: center; 
	
}

.publiBOX>p.dim, .publiBOXfail>p.dim {
	order:1;
}

.publiBOX>p.res, .publiBOXfail>p.res {
	order:3;
}

.publiBOX>code, .publiBOXfail>code {
	order:4;
	margin: .5em 3em;
	align-self: flex-end;
	display: none;
}
.publiBOX:hover>code, .publiBOXfail:hover>code {
	order:1;
	align-self: center;
	font-size: 1.1em;
	display: block;
}

/*ins.adsbygoogle[data-ad-status="unfilled"] {
    display: none !important;
}*/


}
/*etiqueta para envolver, quitar en producción*/





















/*etiqueta para envolver, quitar en producción*/
@media screen and (min-width: 100px){

/*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%;
	background-color: rgb(242, 255, 229);
	display: flex;
	flex-flow: column wrap;
	justify-content: flex-start;
	align-items: center;
	row-gap: 1vh;
}
form.apC > fieldset.rows {
	flex-flow: row wrap;	
	justify-content:center;
	align-content: stretch;
}

form.apC >fieldset > legend {
	color: rgb(242, 255, 229);
	background-color: var(--bk_bg);	
	padding: 10px;
}

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) {
	/*font-size: 1em; calc(1em + 0.3vw);*/
	line-height: 2em;
	min-height: 2em;
	padding: 0 1em;
	color: #999;
	vertical-align: baseline;
	align-self: stretch;
}


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 {
	font-size: 160%;
	padding-right: .5em;
}



/*CAPTCHA*/
.captchaBOX { width:96%;  margin:1em auto; display:flex; flex-flow:row wrap; align-items:flex-end; justify-content:center; }
.captchaBOX img { width: 100%; height: auto; max-width:640px; }




/*USUARIOS REGISTRADOS*/
#controlUser { 
position:absolute; 
top:3vh;
right: 5vw;
height : auto; 
color:#FFFFFF; 
display: flex;
flex-flow: row no-wrap;
justify-content: flex-start;
align-content: center;
gap: 1vw;
}
#controlUser p { 
	color:#FFFFFF; 
	font-size:calc(0.5rem + .7vw); 
	line-height:auto; 
	padding:.2vh 0 0 0; 
	text-indent:0; 
	margin:0; 
	font-weight: var(--bold); 
	text-shadow:1px 1px 1px #444; 
	vertical-align: middle;
	order: 2;
}
#controlUser .l_profile {
	order: 1;	
}
#controlUser .l_logout {
	font-size: 0;
	background: none;
	border: 0;
	margin:0;
	padding:0;
	order: 3; 
}
#controlUser *::before {
	font-family: "Materiales";
	color: #494903;
	font-size: calc(0.7rem + 1vw);
}
.l_profile::before {
	content: "manage_accounts";
}
.l_logout::before {
	content: "person_off";
	color: red;
}
.u_privatemsg::before {
	content: "notifications_off";
}
.u_privatemsgON::before {
	content: "notifications_on";
}
.u_acp::before {
	content: "vpn_key";
}
.l_restore {
	content: "refresh";
}



/*IDIOMAS*/
main > #cintoLang {
	position: absolute;
	z-index: 200;
	top: 1vh;
	right: 1vw;
	

}
#cintoLang a { font-size: 0px; }
#cintoLang a::before {
	font-size: calc(1rem + .5vw);
}
#cintoLang a[hreflang="en"]::before {
	content: "\01F1EC \01F1E7";
}
#cintoLang a[hreflang="es"]::before {
	content: "\01F1EA \01F1F8";
}




/*DESCARGAS*/



#almacProps { 
	display: flex;
	flex-flow: column wrap;
	row-gap: 1vh; 
	column-gap: 1vw;
	justify-content: center;
	align-items: center;
	
	background:#465380;
	color:#fff; 
	padding:1vh 1vw;
	margin:1vh 0; border-radius:20px; 

}

#almacProps .tit { font-size: calc(0.7rem + 0.5vw); font-family:var(--ffamH); font-weight: var(--bold); order: 1; }
#almacProps p { order:2; font-size: calc(0.5rem + 0.3vw); margin:0; }
#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 { 
	font-size:0px; 
	color: #E3E2A4; 
	cursor:pointer; 
	order:4; 
}
.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 {
	content: "attachment";
	font-size: 150%;
	display: block;
	align-self: center;
}*/







 /*************************************************** 
 	 			OBSERVATORIO DE PRECIOS 
						(APPLET)
 ****************************************************/ 
.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";				
}






/* NUBE DE TAGS -- DESARROLLAR JAVASCRIPT*/ 
.nube { 	width:96%; 
			margin:10px 2%; 
			color:#999999; 
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;
			row-gap: 1em;
			column-gap: 1em;
			font-size: 1rem;
			/*text-align:center; 
			font-family:Georgia, "Times New Roman", Times, serif; 

			display: grid;
			grid-template-rows: 100%;
			grid-template-columns: 100%;
			justify-contents: center;
			align-items:center;		*/
	} 
.nube a {  display: block; }	
	
/*.nube a { display: block; grid-column: 1; grid-row: 1; }
.nube a:nth-child(odd){ 
	writing-mode:vertical-lr;
	text-orientation: upright;
}*/

/* 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; } 





/* CANALES RSS */
#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; }













/* Herramienta Mailing */
.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; }*/





/*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; }



/*_________________Politica de cookies____________________*/

.nocookie {
    width:96%;
    min-height: 240px;
    margin:10px 2%;
    padding: 0;
    box-shadow: 0 1px 3px rgba(33,41,52,.75);
}
.nocookie p {
 font-size: 16px;
    color: #FF0000;
    margin: 20px 5%;
}
.nocookie p:before  { content:"Has bloqueado este contenido por tu política de Cookies"; font-size: 24px; width: 100%; display: block; padding:30px 0;  text-align:left; }
.nocookie p  span { font-weight: var(--bold); cursor:pointer; }
#gdpr { 
	width:100%; 
	height:auto; 
	max-height:95%; 
	display: flex; 
	flex-direction:column; 
	position:fixed; 
	bottom:0; 
	left:0; 
	z-index:120; 
	background:none; 
}
#gdpr-in { 
	box-sizing: content-box; 
	margin: auto;
	padding:1em 0; 
	width: 100%;
	max-width: 1600px;
	background: #fff;
	border-radius: 2px;
	box-shadow: 0 1px 3px rgba(33,41,52,.75);
	flex-direction: column;
	overflow: hidden;
	position: relative;
	bottom:0;
	display: flex;
	will-change: visibility,opacity;
}
#gdpr-in div { 
display:inline-flex;
margin:2em 4% 0 4%;
}
#gdpr-in div.scroll, #gdpr-in div.lista {
border:1px solid #CCC; 
max-height: 240px;
overflow-y:scroll;
margin:2em 4%;
}
#gdpr-in div.scroll table { margin: 2em 2%; display:inline-flex; color:#666; text-align:justify; border-collapse:collapse; }
#gdpr-in div.scroll table tr.h { font-size:1.8em; color:#999; height:40px; vertical-align:middle; background:#f1f1f1; border:1px solid #999; border-bottom:0; }
#gdpr-in div.scroll table tr.h td { padding-left: 1em; margin:0; border:0;   }
#gdpr-in div.scroll table tr.h td.sw { width:50px; padding-left:0; text-align: center; }
#gdpr-in div.scroll table td.legend { font-size:1.4em; padding-bottom:2em;  }
#gdpr-in div.scroll table td.l { font-size:1.2em; padding:1em 2%; border:1px solid #999; border:0 1px 5px 1px; margin-bottom:10px; }
#gdpr-in div.scroll table td.l a { color: var(--link); font-weight: var(--bold); }
#gdpr-in p, #gdpr-in li { font-size:1.4em; color:#666; text-align:justify; margin:0; margin-right:1em; }
#gdpr-in li { margin-bottom:10px; font-size:1.1em; }
#gdpr-in button, #gdpr-in span.all { 
margin: 0;
padding: 5px 10px;
text-align: center;
justify-content: center;
box-sizing: border-box;
color:var(--linkB);
background: var(--link);
cursor:pointer;
border:0;
box-shadow:0 0 4px var(--linkB);
border-radius:3px;
}
#gdpr-in button { 
display: inline-flex;
margin: 0 auto;
/*line-height: 1.4em;*/
font-size:2em;
justify-content: right;
}
#gdpr-in span.all {
font-size:0.6em; 
float:right;
}
#gdpr-in button.first { margin-left:4%; margin-top:-1em; font-size:1.8em; }
#gdpr-in button:hover, #gdpr-in span.all:hover { 
color: var(--link);
background: var(--linkB);
 box-shadow:0 0 4px var(--link);
}
#gdpr-in p.ti { font-size:2em; margin:0; width:100%; }
#gdpr-in p.sti { font-size:1.6em; margin:0; }
#gdpr-in span { color: var(--link); cursor:pointer; }
#gdpr-in p.info { text-align:left; margin:1em 4% 1em 4%; width:100%; display:inline-table; font-size:1em;  }
#gdpr-in p.info span { display: inline-block; width:20%; margin:0 30px 0 0; padding:0; text-align:center; justify-content: center; }
.blocked:before, /*#gdpr-in p.info span:after,*/ #gdpr-in span.back:before { 
font-family: "Materiales"; 
	color:var(--link);
}
.blocked:before{ font-size:30px; content:"lock"; }
/*#gdpr-in p.info span:after { content:"\e89a"; margin-left:10px; }*/
#gdpr-in span.back:before { content:"backspace"; margin-left:10px; text-shadow:0 0 4px var(--linkB); }
#gdpr-in span.back:hover:before { color:var(--linkB); text-shadow:0 0 4px var(--link); }
 /* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 26px;
}
/* Hide default HTML checkbox */
.switch input {display:none;}
/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
input:checked + .slider { background-color: var(--link); }
input:focus + .slider { box-shadow: 0 0 1px var(--link); }
input:checked + .slider:before {
  -webkit-transform: translateX(18px);
  -ms-transform: translateX(18px);
  transform: translateX(18px);
}
/* Rounded sliders */
.slider.round { border-radius: 34px; }
.slider.round:before { border-radius: 50%; } 
@media screen and (max-width: 500px) { 
	#gdpr-in { padding:1em 0; }
	#gdpr-in div { display: table-row; margin-top:0; } 
	#gdpr-in p, #gdpr-in li { font-size: 1em; }	
	#gdpr-in button.first, #gdpr-in div:first-of-type button { width:80%; margin: 5px 10%; justify-content: center; text-indent:0; padding: 5px 0px;  } 
	#gdpr-in p.info span { width: 30%; margin:0 1%; } 
	
	#gdpr-in p.ti { margin-top: 2px;}
	#gdpr-in div.scroll table tr.h { font-size: 1.3em; }
	
}
@media screen and (max-height: 600px) {
#gdpr-in { padding:1em 0; }
#gdpr-in div { margin:1em 4% 0 4%; }
#gdpr-in div.lista { max-height:180px; }

}
/* fin de Gdpr */






}
/*etiqueta para envolver, quitar en producción*/

/*_____________________fin: HERRAMIENTAS__________________*/














/* AL FINAL :ETIQUETAS GLOBALES PERSISTENTES (se imponen sobre los demás estilos) */
/*etiqueta para envolver, quitar en producción*/
@media screen and (min-width: 100px){




/*SEPARADORES*/

[class^="break"], .separaAUX { clear : both; width : 100%; margin : 0; padding : 0; height : 1px; min-width:100%; }
.break5 { height : 0.5em; } 
.break10 { height : 1em; } 
.break15 { height : 1.5em; } 
.break20 { height : 2em; } 
.break30 { height : 3em; } 
.break40 { height : 4em; } 
.break50 { height : 5em; } 
.break60 { height : 6em; } 
.separaAUX { 
	height : 0.5em;
	margin-top : 0.5em; 
	border-top : 0.1em dashed #83914d; 
} 







img { border:0; }
button { cursor:pointer;  }
button:hover { color:#FFCC00; }

/* Elementos comunes */ 
.i, .ii, .left { float:left; text-align:left; margin-left:2%; }
.d, .dd, .right { float:right; text-align:right; margin-right:2%; }
.ii, .dd { margin:0; }
.left { margin-left:0; margin-right:10px; margin-bottom:10px; }
.right { margin-right:0; margin-left:10px; margin-bottom:10px; }
.box96 { width : 96%; height : auto; margin : 0 2%;} 
.swfLINK { position:absolute; background:url(../patrones/pixel.png) repeat; width:100%;  } 
#languageSel { display:none; }



#banner { display: flex; justify-content: center; align-items: center; }



/*google mete un kilo de morralla, pero no contempla la posibilidad de grid. En fin */
#cuerpo > .google-auto-placed { grid: 1; }
#cuerpo3 > .google-auto-placed { grid-column: 1 / 4; }
:is(#cuerpo1, #cuerpo2) > .google-auto-placed { grid-column: 1 / 3; }
.banfull, .banF60, .banF100 { width : 100%; height: auto; overflow: hidden; margin : 0; text-align : center; margin-bottom:10px; float:left; }
.banF60 { max-height: 60px !important;} .banF100 { max-height: 100px !important;}
.banfull div, .banfull img { margin:0 auto; }
#banner4 { margin-top: 1em; } 
.banR { width: 336px; height: 280px; float: right; margin: 0 0 1em 1em; }


#banner3 { max-width: 680px; }


.gensmall, :is(p,span).gensmall{ float : right; font-size : 10px; margin-top : 3px; text-align : right; margin-right : 5px; } 







 
#comments { width:96%; margin:20px 2%; float:left; } 
.Cbanner { width : 98%; height : auto; overflow : hidden; margin-top : 1em; margin-right: 1%; margin-bottom: 0; margin-left: 1%; text-align : center; }
h6.TIbox { font-size : 20px; color : #999999; margin-left : 2%; margin-top:0; margin-bottom:10px; }








#touchCHANGER { position:fixed; left:-40px; bottom:-40px; width:80px; height:80px; border-radius:0 40px 0 0; background-color:rgba(160,225,145,0.7); overflow:hidden; /*maximum-scale:1; user-scalable:no;*/ }
#touchCHANGER:hover { left:-200px; bottom:-200px; width:600px; height:600px; border-radius: 300px; overflow:hidden; }
#touchCHANGER div { width:400px; height:400px; padding:0; background-color: rgba(255,255,255,0.5); overflow:hidden; font-size:12px; float:left; margin:140px 0 0 40%; border-radius:200px; border:1px solid #660000; }

#touchCHANGER div div { width:40px; height:40px; margin:10px 0 10px 130px; border:0; padding:0; background-image:url(../patrones/PATRONES.png); background-repeat:no-repeat; background-color:#999999; border-radius:20px; float:left;  }
#touchCHANGER div.a div { background-position: 0 -640px;} 
#touchCHANGER div.b div { background-position: -40px -640px; } 
#touchCHANGER div p { float:right; width:80%; margin:10px 15% 0 5%; text-align:center; }
#touchCHANGER div p.t { font-size:20px; }

}
/*etiqueta para envolver, quitar en producción*/





/*DEBUG*/
/*etiqueta para envolver, quitar en producción*/
@media screen and (min-width: 100px){
/*etiqueta para envolver, quitar en producción*/

#debugBut {
	position: fixed;
	right: 1vw;
	bottom: 1vw;
	color:#FFF;
	text-shadow: 0 0 10px #000;
	z-index: 11001;
	font-size: 2rem;
	cursor:pointer;
}
#debug {
	font-size: calc(1rem + 0.5vw);
	
	 background: #f4f4f4;
    border: 1px solid #ddd;
    border-left: 3px solid #f36d33;
    color: #666;
    page-break-inside: avoid;
    font-family: monospace;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1em 2em;
    display: block;
    word-wrap: break-word;
    grid-row: 1;
    grid-column:1;
    z-index:11000;
    min-height: 100vh;
}
#debug ul {
	list-style: square outside;	
}
#debug ul.cinto_cfg{
	flex-wrap: wrap;
	column-gap: 2vw;
	row-gap:2vh;
}
#debug li ul {
	list-style: disc outside;
	margin-left: 4vw;	
}
#debug li ol {
	margin-left: 4vw;	
}
#debug li span { color: red; }
#debug li span:first-of-type { color: #888; font-weight: var(--bold); display:inline-block; min-width: 20em; font-size: 90%; }

#debug ol li span { display:inline-block; min-width: 20em; }
#debug ol li span:last-of-type { font-size: 70%; }

}
#debug details>:is(ol, ul) {
	margin-left: 10vw;

}




/*MODO 4K CON CABECERA EN COLUMNA LATERAL */
/*
@media screen and (min-width: 3000px) {
	
	body {
		grid-template-columns: 18% 80%;
	}	
	#wrapper> header {	
		grid-column: 1;
		justify-content:flex-start;
 		align-items: flex-start;
 		flex-flow: column nowrap;
 		align-self:start;
 		min-height: 100vh;
 		
	}	
	main {
		grid-column: 2;
		grid-row:2;
	}
	
	#wrapper>header > .menu_off { display: block; width: 100%; }
	#wrapper>header>.menuBut { display: none; }
	body > header > hgroup {
		flex-flow:column wrap;
		justify-content:center;
		align-items:center;
		order:1;
	}
	body > header > #menu {
		position: static;
		margin-top: 5vh;
		z-index:0;
		order:2;
	}
	body > header h1 a::before {
  	 font-size: calc(6rem + 1vw);
	}
}*/





/*
   Animation example, for spinners
*/

@-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;
}*/