/********************************************************************************************************************************************
 												OBJETOS
*********************************************************************************************************************************************/

/**********************
	CABECERAS Y MAIN
**********************/
@media screen and (min-width:10px){
	
	#wrapper>header>h1 { 
		display:flex; 
		align-items: center; 
		justify-content:flex-start; 
		column-gap:calc(var(--ancho) * 2); 
		max-width:70%; 
		order: 2; 
		margin: 0; 
		padding:var(--alto) 0; 
		text-indent:0;
	}	
	#wrapper>header#Hx > h1 {
		z-index: 10001;
	}
	#wrapper>header#Hx.pretrans > h1 {	
		padding-top: calc(var(--alto) * 1.5);
	}	 
	#wrapper>header#Hc>h1{
		padding:0 var(--ancho);
	}
	#wrapper>header#Hf>*{
		grid-row:1;
		grid-column:1;
	}
	#wrapper>header#Hf>h1 {
		z-index: 1;
		align-self: center;
		justify-self:center;
		flex-flow:column nowrap;
		padding: 4vh 0;
	}
	#wrapper>header#Hf>picture {
		z-index: 0;
		/*max-width: 1600px;*/
		overflow: hidden;
		justify-self: center;
		/*width: 100%;
					height: 100%;*/
		display: flex;
	}
	 #wrapper>header#Hf>picture img {
	 	opacity:1; 
	 	object-fit: cover;
	}
	
	#wrapper>header#Hf>.menuBut {
		justify-self: start;
	}
	
	.menuBut {
		display: block;
		z-index:10003; 
		margin:var(--alto) calc(var(--ancho) * 2); 
		min-width:48px;
		min-height:48px;
	}
	#wrapper>header>.menuBut {
		order:1;
	}
	
	#wrapper>header>nav {
		order:2;
		overflow:hidden; 
		flex-grow:4; 
	}
	
	#menu { 
		position:absolute; 
		z-index:10000; 
		height:100vh; 
		top:0; 
		left:0px;
		text-align: left;
	}
	
	#wrapper>header>nav ul {
		 width:100%; 
		 margin:0; 
		 padding:0; 
		 overflow:hidden;
		 text-align:center; 
	}
	#wrapper>header>nav li {
		display:inline-block; 
		width:auto; 
		height:calc(100% - 1rem);
		margin:0 .5rem;
		padding:.5rem 0;
	}
	
	#menu>nav li a::before { 
		margin-right:var(--ancho); 
	} 
	#menu.menu_off { display:block; opacity:0; overflow: hidden; width: 0px; /*transition: fadein 2s;*/ }
	#menu.menu_on { 
		display: block;
		opacity:1; 
		width:100%; 
		max-width:800px !important; 
		-moz-animation: fadein 2s linear 0 1 normal;
	   -o-animation: fadein 2s linear 0 1 normal;
	   -webkit-animation: fadein 2s linear 0 1 normal;
	 	animation: fadein 2s linear 0 1 normal;
		overflow-x: hidden;
		overflow-y: auto; 
	}
	#menu ul li { 
		display:inline-block; 
		width:90%; 
		overflow:hidden; 
		padding: var(--alto) var(--ancho); 
	} 
	#menu  ul li ul { 
		margin: var(--alto) var(--ancho) calc(var(--alto) * 2) var(--ancho); 
		border-left:2px solid var(--bk_f);  
	}	
	#menu  ul li ul li { 
		border-bottom: 0; 
		margin-left:0; 
	}
	#menu .ti { 
		margin:0;
		width: calc(100% - 4vw);
		padding: 0 2vw; 
		line-height:6em;
		vertical-align:middle;
		text-align:right; 
	}
	
	#menu>#underHead { 
		margin: calc(var(--alto) * 2) var(--alto); 
		padding-top:calc(var(--alto) * 2); 
	}
	#wrapper>header > #underHead{ 
		position:absolute; 
		top:0; 
		right:5px; 
		width:calc(1.2rem + var(--ancho)); 
		height:calc(1.5rem + var(--ancho)); 
		overflow:hidden; 
		transition: width 1s, top 1s, border-radius 1s; 
	}
	#wrapper>header > #underHead:hover{ 
		width:auto; 
		height:auto; 
	} 
	#wrapper>header > #underHead::before{ 
		padding-top:5px; 
	} 
	#underHead > .redifusion { 
		font-size:0px; 
		display:flex; 
		flex-flow:row no-wrap; 
		gap:var(--ancho); 
		justify-content:space-around;
		align-items: center;
	} 
	#wrapper>header > #underHead > .redifusion { 
		float:right; 
		margin: 0; 
	}
	#underHead >  #buscar { 
		width : 98%; 
		margin : var(--alto) 1%;  
		padding : 0; 
		overflow:hidden; 
	}

}/*LIMPIA*/

/**********************
	TRANSVERSAL
**********************/
@media screen and (min-width:10px){
	#TRANS>nav { 
		order:3;
		flex-grow: 4;
		display: flex;
		flex-flow:row wrap;
		justify-content: center;
		align-content: center; 
		row-gap: var(--alto);
		column-gap: var(--ancho); 
		margin: var(--alto) calc(var(--ancho) * 2);
	}
	#TRANS nav a { 
		display:inline-flex;
		align-items:center; 
		text-align:center; 
		padding:calc(var(--alto) / 2) calc(var(--ancho) * 2); 
	}
	#TRANS>:is(form,fieldset) { 
		order: 4;
		width:auto; 
		min-width: calc(var(--min) - var(--ancho));
		margin:0 var(--ancho) 0 0; 
		justify-self: flex-end; 
		border:0; 
		padding:0; 
		display: grid;
		grid-template-rows: 100%;
		grid-template-columns: 100%;
		justify-items:flex-start;
		align-items: center;
		gap:0;
	}
	#TRANS fieldset {
		border:0; 
		padding:0;
	}
	#TRANS :is(input, button,select) { 
		margin : 0; 
		padding: 0; 
		height:3em;
		vertical-align:middle; 
		grid-row:1;
		grid-column:1;
	}
	#TRANS > select {
		order:2;	
	}
	#TRANS > #navAP_field {
		/*width: calc(100% - calc(var(--ancho) * 2)); */
		margin: var(--alto) var(--ancho);
		order: 3;
		display: flex;
		gap: var(--ancho);
		flex: 2 1 80%;	
		justify-content:center;
		align-items: center;
	}

	#TRANS input {
		z-index: 1;
		width: 100%;	
	}
	#TRANS button {
		z-index:2;
		justify-self:end; 
	}

	#TRANS select { 
		float:right; 
	}

:is(main,#TRANS)>:is(#breadcrumbs,h2) {
		display: flex;
		flex-flow:row wrap;
		justify-content: center;
		align-items: center;
		/*gap: calc(var(--ancho) / 2);*/	
	}
	/*:is(main,#TRANS)>#breadcrumbs > * {
		font-size: 1em;	
	}*/
	#TRANS>:is(h2,#breadcrumbs) {
		order:1;
		margin-left: var(--ancho);
		margin-right: calc(var(--ancho) * 2);
	}
	:is(main,#TRANS)>#breadcrumbs h2 {
		order:2;
	}
	:is(main,#TRANS,#breadcrumbs)>h2 { 
		line-height: 2em;
		vertical-align: middle;
	}
	#TRANS > h2 { margin-top: var(--alto); }

/*ocultamos el "portada principal"*/
	/*main.home > #TRANS > h2 { display:none !important; } */
	:is(main,#TRANS)>#breadcrumbs nav {
		width: auto;
		padding: 0;
		margin: 0;
		flex-grow:0;
		order: 1;
	}
	:is(main,#TRANS)>#breadcrumbs nav p {
		display: flex; 
		line-height: 2em;
		vertical-align: middle;
		margin: 0; /*calc(var(--alto) / 2) var(--ancho);*/
		align-items: center;
		gap:5px;
	}
	:is(main,#TRANS)>#breadcrumbs nav a {
		padding: 0;	
		text-align: center;
		vertical-align: middle;
	}
	
	:is(main,#TRANS)>:is(h2,#breadcrumbs)> * {
		display: inline-flex; 
	}
	:is(main,#TRANS)>#breadcrumbs nav a.sec { line-height: calc(1rem + var(--ancho)); vertical-align: middle; }
	:is(main,#TRANS)>:is(h2,#breadcrumbs) [data-icono]::before { vertical-align: middle; }
	/*:is(main,#TRANS)>#breadcrumbs.largo { top: 5vh; }*/
	/*#TRANS>h2 > span:first-of-type::before {	
		content: none;
		padding: 0;
	}*/
	:is(main,#TRANS)>#breadcrumbs a { /*:is(nav a, h2) {*/
		white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display:inline-flex;
	    max-width : 20vw; 
	    align-items: center;
	}
	/*:is(main,#TRANS)>nav#breadcrumbs a:first-child {
		font-size: 0;
	}*/
	:is(main,#TRANS)>#breadcrumbs :is(h2,p,nav) { margin:0; padding:0; }
	:is(main,#TRANS)>#breadcrumbs :is(nav,h2) a:not(.sec)::before {
				content: "/";/*"\02734";*/ 
				padding-right: 5px;
	}
	:is(main,#TRANS)>#breadcrumbs nav + h2 { margin-left: 5px; max-width: 200px; }
	/*los span internos de los enlaces de crumbs se ocultan (ver función textuales->titulo, nuevo modo 2) */
	:is(main,#TRANS)>:is(h2,#breadcrumbs) a > span { display: none; }

#Hx+main > #TRANS > * {
		margin: 0; 	
	}
	/*#Hx+main > h2 {
		position: absolute;
		margin: 0;
		top: 4vh;
		left: calc(4rem + 6vw);
	}*/

#Hx+main > #TRANS :is(h2,#breadcrumbs,nav, select) {
		z-index: 103;
	}
}/*LIMPIA*/
@media screen and (min-width: 800px){
	/*:is(main,#TRANS)>#breadcrumbs nav a.sec { font-size: 1em; }*/
	:is(main,#TRANS)>#breadcrumbs nav + h2 { max-width: 800px; }
	/*info textual de las secciones en crumbs*/	
	:is(main,#TRANS)>h2 > span:first-child a {
		font-size: inherit;
		padding-right: var(--ancho);
	}
		/*	#Hx+main>#TRANS>#breadcrumbs{ margin: var(--alto) 0 var(--alto) calc(4rem + calc(var(--ancho) * 4));  }
			#Hx+main>#TRANS>h2{ margin: var(--alto) 0 var(--alto) calc(4rem + calc(var(--ancho) * 4)); }*/
			
		/* #Hx+main>#TRANS>*:last-child { margin-right: calc(var(--ancho) * 4); }*/
	#TRANS>:is(#breadcrumbs,h2) { 
		justify-content: flex-start !important;
	}
	#Hx+main>#TRANS>*:first-child { 
		margin-left: calc(4rem + calc(var(--ancho) * 10))  !important; 
		max-width: calc(100% - calc(4rem + calc(var(--ancho) * 11)));   
	}	
}

/**********************
	CUERPOS
**********************/
@media screen and (min-width:10px){	
	
	[id^="cuerpo"] > aside#banner5 { grid-column: 1 / 4; grid-row: 2;  }
	/*vamos a mandar el placeholder del GDPR de google abajo del todo cuando se meta en cuerpo*/
	[id^="cuerpo"] > .google-revocation-link-placeholder {
		grid-row:7;
		grid-column: 1 / 4;
	}

	#banner11 { min-height: 100px; }
	
	/*ROW 3: pieCuerpo */
	#banner18 {
		display: block;
		margin: var(--alto) var(--ancho);
	}
	#banner20 {
		display: block;
		margin: var(--alto) var(--ancho);
		grid-column: 1;
		grid-row: 5;
	}
	footer aside {
		width: 96%;
		height: auto;
		margin: var(--alto) 0;
	}
	footer#foot nav {
		display:flex;
		flex-flow: row wrap;
		justify-content:center;
		align-items: center;
		margin: calc(var(--alto) * 2) 0;
		min-width: 90%;
		gap: calc(var(--ancho) * 2);
	}
	footer#foot nav a {
		display:block; 
		padding: .1rem;
		text-align: center;
		vertical-align: middle;
	}
	footer#foot nav a[data-icono] {
		width: calc(2.2rem + calc(var(--ancho) * 2));
		height: calc(2.2rem + calc(var(--ancho) * 2));
	}
	footer#foot nav a::before {
		display:block;
	}

}/*LIMPIA*/


/***************************************************
 INTRO	(común a portadas y doculevel)	 
***************************************************/
@media screen and (min-width:10px){
	#Intro > * { 
			grid-column: 2 / 4;
			align-self: start;
			justify-self:stretch; 
			z-index: 2;
	}
	/*#Intro> #TRANS {
	position: static;
	grid-row: 1;
	min-height: auto;
	z-index:20;
	}
	#Intro> #TRANS h2 {
		justify-content:center;
	}*/
	#Intro> :is(.as,.bis) {
		grid-row: 2;
		display:flex;
		flex-direction: column;
		justify-content:flex-start;
		align-content:flex-start;
		height: auto;
		gap: var(--alto);
		padding: var(--alto) var(--ancho);
	}
	#Intro.img> :is(.as,.bis) {
		/*align-self: bottom;*/
		/*padding: calc(var(--alto) * 2) calc(var(--ancho) * 2);
		background: rgba(var(--bk_bg_rgb),0.5);*/
	}
	#Intro> .bis {
		grid-row: 3;
	}
	#Intro aside {
		z-index: 2;
	}
	#Intro aside#banner4 {
		grid-row: 3;
		max-width: 410px;
		justify-self: center;
	}
	#Intro aside#banner4 + .bis {
		grid-row: 4;
	}
	#Intro aside#banner5 {
		grid-row: 6;
	}
	#Intro> .navs {
		display:flex;
		flex-flow: row wrap;
		justify-content: center;
		align-items:stretch;
		padding: var(--alto) 0;
		gap: calc(var(--ancho) * 2);
		grid-row: 5;
	}
	#Intro> .navs label {
		display: inline-flex;
		align-self: center;	
	}
	#Intro aside#banner4 + .bis + .navs {
		grid-row: 5;
	}
	#Intro fieldset { border:none; display: flex; gap: var(--ancho); }
	#Intro fieldset label { display: flex; /*se activan a partir de 600*/ }
	#Intro nav {
		display:flex;
		flex-flow: row wrap;
		justify-content: center;
		align-items:center;
		height: auto;
		gap: calc(var(--ancho) / 2);
	}
	#Intro :is(select,input, form) {
		/*align-self: stretch;*/
		justify-self:center;
		/*grid-row: 5;*/	
		max-width: 90%;
	} 
	#Intro :is(select,input){ height: 2.2em; align-self: center; }
	/*#Intro> :is(select,input, form) + :is(select,input, form) { 
			grid-row: 6;		
	}*/
	#Intro >.foto {
		justify-self:center;
		align-self:stretch;
		/*aspect-ratio: 1 / 1;*/
		width: 100%;
		z-index: 0;
		/*aspect-ratio: auto;*/
		/*width: 100%;
		height: auto;
		max-height: 100vh;*/
		grid-column: 1 / 5;
		grid-row: 1 / 6;
		/*z-index: 3;*/
		display: flex;
		overflow: hidden;
		position:relative;
	  }
	#Intro >.foto picture :is(img,source) {
		object-fit: cover;
	}
	#Intro nav a { 
		display: block; 
		padding:10px 1em; 
	}
	#Intro .foto picture {
		grid-column: 1; 
		grid-row:1;
		width: 100%;
		height: 100%;
		display: flex;
	}
	 #Intro .foto :is(picture img, video) {
	 	object-fit: cover;
	}
	
	 #Intro .foto > span { 
	  		position:absolute; 
	  		display:block; 
	  		left:var(--ancho); 
	  		bottom: var(--alto); 
	}
	#Intro > .as > p { 
		height: auto;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	#Intro > :is(h2, h3), #Intro > .as > .ti { 
		flex-basis: 90%;
		text-align: center;
		margin: 0;
		align-self: center;
		z-index: 3;
	}
	#Intro>:is(h2,h3,.as) {
		grid-row:2;
		/*padding-top: calc(var(--alto) * 4);*/
	}

	#Intro > :is(.as, .bis) > .sti {
		order:2; 
	}
	#Intro  > :is(.as, .bis) >  .t {  
		order: 3;
		text-align:justify; 
		margin-top: 0;
		
	}
	#Intro  > :is(.as, .bis) >  p {
		margin: 0;
		padding: 0;
	}
	#Intro  > :is(.as,.bis) >  .int {  
		order: 3;
		text-align:center; 
	}


}/*LIMPIA*/
@media screen and (min-width: 600px){
	#Intro fieldset label { display: flex; }
}
@media screen and (min-width: 768px){
	#Intro>[class^="as"]{ padding-top: 0; background: none; align-self: end; }
}
@media screen and (min-width: 800px){	
	#Intro > .as > p { text-align: left; }
	#Intro aside#banner4 {  justify-self: start; }
	#Intro aside#banner4 + .bis { grid-row: 3; max-width: calc(100% - 420px - calc(var(--ancho) * 2) ); justify-self: end; }
}
@media screen and (min-width: 1280px){
	#Intro aside#banner4 { grid-row: 3 / 5; }
	#Intro aside#banner4 + .bis + .navs { max-width: calc(100% - 420px - calc(var(--ancho) * 2) ); justify-self: end; grid-row:4 }
}
@media screen and (min-width: 2600px){	
		#Intro aside#banner4 + .bis, #Intro aside#banner4 + .bis + .navs { max-width: 2000px; justify-self:start; padding-left: 440px; }
}


/***************************************************
 	Bp		(específicos de portadas y BOXER)	 
***************************************************/
@media screen and (min-width:10px){
		
	:is(.Bbox, .Bbox .INbox)>*:not(.INbox,.foto,.fichas,.manta){
		z-index: 10;
	}
	.Bbox:is(.inlay,[class*="box-"]) .foto {
		z-index: 1;	
		align-self: stretch;
		width:100%;	
	}	
	.Bbox.inlay .manta{
			justify-self:stretch;
			align-self: stretch;
			margin: 0;
			z-index: 2;
	}	
	.Bbox.inlay.In-C .manta{
		margin: 0 calc(var(--ancho) / 2);
	}
	/*ESTILOS DE CABECERA*/
	.Hbox { 
		min-height:calc(var(--alto) * 2); 
		overflow : hidden; 
		display:flex; 
		column-gap: calc(var(--ancho) / 2); 
		align-items:center; 
		z-index: 10;
		justify-content:flex-start;
		margin: 0;
		padding: 0;
		text-indent: 0;
		width: 100%;
	}
	.Hbox.align-right {  justify-content:flex-end; }
	.Hbox.align-center { justify-self:center; justify-content:center; }
	.Hbox.align-justify { justify-content:stretch; }

	.Hbox [data-icono]{ order: 1; }
	.Hbox [data-icono]::before { padding: 0; }
	.Hbox .line{  
		order: 2; 
		margin:0; 
		padding:0; 
	}
	.Bbox:not(.painted) .Hbox:not(.overlay) {
		padding-bottom: calc(var(--ancho) / 2);	
		margin-bottom: var(--ancho);
	}
	.Bbox:not(.inlay,.carro,[class*="box-"] ) .Hbox {
			/*width: calc(100% - calc(var(--ancho) * 2));*/
			flex: 2 1 inherit;
			align-self: flex-start;
	}
	.Bbox:is(.inlay,.carro, [class*="box-"] ) .Hbox {
			justify-self:start;
			grid-row: 1;
			align-self: start;
	}
	.Bbox:is(.inlay,.carro, [class*="box-"] ) .align-left { justify-self:start; }
	.Bbox:is(.inlay,.carro, [class*="box-"] ) .align-right { justify-self:end; }
	.Bbox:is(.inlay,.carro, [class*="box-"] ) .align-center { justify-self:center; }
	.Bbox:is(.inlay,.carro, [class*="box-"] ) .align-justify { justify-self:stretch; }
			
	 :is(.Bbox, .Bbox .INbox)>:is(.ti, .int, .sti, .dat, .extra) {
		/*text-align: left;*/
		margin:var(--alto) 0;
		max-width: 1600px;
	}
	/*ENTRADILLA*/
	.Bbox p.int { 
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
 				-ms-hyphens: auto;
 				hyphens: auto;
	}
	.Bbox .clamp {
		overflow: hidden;
		text-overflow: ellipsis;
  					display: -webkit-box;
  					-webkit-box-orient: vertical;
		/*
		las órdenes  clamp vienen dadas en el html:
			-webkit-line-clamp: en el html inline; 
  			line-clamp: en el html inline; recuerda q attr(data-lineas) NO funciona. attr se puede usar SÓLO CON STRINGS; */
	 }
	 
	.Bbox .dat :is(time,span.f,span.u)::before {
		padding:0 calc(var(--ancho) * 0.2) 0 0;
	}
	/*.Bbox p.dat {
		margin-top: var(--alto);
		margin-bottom: 0;				
	}		*/		
	.Bbox .dat :is(time,span.f) + span.u { padding-left: var(--ancho);  }				
	
	
	.Bbox span.dat { 			
		margin-top:0; 
		overflow:hidden;
		padding: 0 calc(var(--ancho) * 2) 0 0;
		/*display: -webkit-box;
	  	-webkit-box-orient: vertical;
  	 	-webkit-line-clamp: 1; 
	  	max-lines: 1;  */
	}
	.Bbox span.dat[class^="lineas"] { padding-right: 0; display: block;  }
	/*FOTO*/
	.Bbox .foto { 
		margin:0 auto; 
		float:none; 
		overflow:hidden; 
		padding:0; 
		display:grid;
		grid-template-columns: 100%;
		grid-template-rows: 100%;
		grid-gap: var(--ancho); 
		align-items: center;
		overflow: hidden;
	}	
	:is(.Bbox, .Bbox[class^=box-]) .foto { 
		margin: 0; 
		width: 100%; 
	} 
	.Bbox .foto :is(picture,video) { 
		grid-column: 1; 
		grid-row:1;
		width: 100%;
		height: 100%;
		display: flex;
	}
	.Bbox .foto :is(picture img,video) {
		object-fit: cover;
		overflow: hidden;
	} 	

	/* OVERLAY */
	
	.Hbox.overlay { 
		margin: 0; 
		padding: calc(var(--ancho) / 2) var(--ancho); 
		width: calc(100% - calc(var(--ancho) * 2)); 
	}

	/*.Bbox.inlay:not(.In-A,.In-D,.carro) .Hbox.overlay {
		grid-row: 2;
	}*/
	.Bbox.inlay.In-C:not(.carro) .Hbox.overlay {
		grid-row: 2;
		margin: 0 calc(var(--ancho) / 2);
		width: calc(100% - calc(var(--ancho) * 3));
	}
	
	/*ELEMENTOS DEL INLINE -DEFECTO: */	

	/*.Bbox .extra.overlay { 
		width: 90%;
		padding: var(--alto) 4%;
	}*/
	:is(.Bbox:not(.In-C) , .Bbox:not(.In-C) .INbox)>:is(.ti, .int, .sti, .dat, .extra).last {	
		margin-bottom: calc(var(--alto) * 2);			
	}	
	[class^=bancho-]{ 
		width: 100%;
	}
	/*los elementos inferiores a media pantalla van en principio a un cuarto de pantalla de móvil, 
		se supone q a esos tamaños traen ya flotado, por lo q conviene :\ 
	*/
	.Bbox:not(.inlay) .foto:is(.bancho-A, .bancho-B, .bancho-C,.bancho-D) { width: 35%; }
	.Bbox.inlay .foto { justify-self: stretch; } 
	/*[class^=balto-]{ 
		height: auto;
	}*/
	
	/*SE ACTIVAN LOS ALTOS*/
				.balto-A { height: calc(var(--alto) * 10);  }
				.balto-B { height: calc(var(--alto) * 10.5); }
				.balto-C { height: calc(var(--alto) * 20); }
				.balto-D { height: calc(var(--alto) * 20.5); }
				.balto-E { height: calc(var(--alto) * 30); }
				.balto-F { height: calc(var(--alto) * 30.5); }
				.balto-G { height: calc(var(--alto) * 40); }
				.balto-H { height: calc(var(--alto) * 40.5); }
				.balto-I { height: calc(var(--alto) * 50); }
				.balto-J { height: calc(var(--alto) * 50.5); }
				.balto-K { height: calc(var(--alto) * 60); }
				.balto-L { height: calc(var(--alto) * 60.5); }
				.balto-M { height: calc(var(--alto) * 70); }
				.balto-N { height: calc(var(--alto) * 70.5); }
				.balto-O { height: calc(var(--alto) * 80); }
				.balto-P { height: calc(var(--alto) * 80.5); }
				.balto-Q { height: calc(var(--alto) * 90); }
				.balto-R { height: calc(var(--alto) * 90.5); }
				.balto-S { height: calc(var(--alto) * 100); }
	
	/*ORDEN DE ELEMENTOS DE CAJA */		
		.Bbox .row1 { grid-row: 1; }
		.Bbox .row2 { grid-row: 2; }
		.Bbox .row3 { grid-row: 3;	}
		.Bbox .row4 { grid-row: 4; }
		.Bbox .row5 { grid-row: 5;	}
		.Bbox .row6 { grid-row: 6;	}
		.Bbox .row7 { grid-row: 7;	}
		.Bbox .row8 { grid-row: 8;	}
		.Bbox .row9 { grid-row: 9;	}
		
		.Bbox .row_i1 { grid-row-start: 1; }
		.Bbox .row_i2 { grid-row-start: 2; }
		.Bbox .row_i3 { grid-row-start: 3; }
		.Bbox .row_i4 { grid-row-start: 4; }
		.Bbox .row_i5 { grid-row-start: 5; }
		
		.Bbox .row_f1 { grid-row-end: 1; }
		.Bbox .row_f2 { grid-row-end: 2; }
		.Bbox .row_f3 { grid-row-end: 3; }
		.Bbox .row_f4 { grid-row-end: 4; }
		.Bbox .row_f5 { grid-row-end: 5; }
		.Bbox .row_f6 { grid-row-end: 6; }
		.Bbox .row_f7 { grid-row-end: 7; }
		.Bbox .row_f8 { grid-row-end: 8; }
		.Bbox .row_f9 { grid-row-end: 9; }
		
		.Bbox .ord1 { order: 1; }
		.Bbox .ord2 { order: 2; }
		.Bbox .ord3 { order: 3; }
		.Bbox .ord4 { order: 4; }
		.Bbox .ord5 { order: 5; }
		.Bbox .ord6 { order: 6; }
		.Bbox .ord7 { order: 7; }
		.Bbox .ord8 { order: 8; }
		.Bbox .ord9 { order: 9; }
	
	
	/* menu de familias en cajas */
	.Hbox .menuFA::before { 
	    line-height: 1em;
	    vertical-align: middle;
	    padding: 0 calc(var(--ancho) / 2);
	 }
	.Bbox nav { 
			display: flex;
			flex-flow: row wrap;
			align-items: stretch;
			justify-content: center; 		
			margin: var(--alto) auto;
			column-gap: calc(var(--ancho) * 2);
	}
	.Bbox nav a { display: block; min-width:calc(50% - calc(var(--ancho) * 2)); text-align:center; padding: calc(var(--alto) / 2) 0; }
				
	/************************
 		Bp(extra) CAJA SLIDER: botonera 
 	************************/

	.carro.Bbox>.fichas {
		grid-row: 3 / 6;
		z-index: 1;
	}
	/*.carro.Bbox.painted>.fichas {
		grid-column: 2;	
	}*/
	.carro.Bbox>.overlay + .fichas {
		grid-row: 1 / 6;
		align-self: stretch;
	}
	.carro.Bbox>.botonera { 
		grid-row: 6;
		z-index: 11;
		align-self: end;
		justify-self:center;
		margin:0 var(--ancho);
		padding: var(--alto) 0;
		 
		text-align:center;*/ 
		overflow:hidden; 
		display: flex;
			flex-flow: row wrap;
			justify-content: center;
			align-items: center;
			gap: calc(var(--ancho) * 0.5);
	} 	
	/*.carro.Bbox.inlay.painted>* { grid-column: 2 / 5; }*/	
	
	/*variantes verticales:
		por defecto es abajo, fuera de overlay
	*/
	/*arriba, fuera de overlay (si no hay box Q, con .overlay)*/
	.carro.Bbox .botonera.vA { 
		grid-row: 2;
		align-self: start;
	}
	/*Las tres en superposición: Abajo, Centrada y Arriba*/ 
	.carro.Bbox .botonera.vB { 
		grid-row: 5;
		align-self: end;
	}
	.carro.Bbox .botonera.vC { 
		grid-row: 4;
		align-self: center;
	}
	.carro.Bbox .botonera.vD { 
		grid-row: 3;
		align-self: start;
	}
	.carro.Bbox>.overlay ~ .botonera.vD {
		grid-row: 2;
	}
	.carro.Bbox>.overlay ~ .botonera.vC {
		grid-row: 3;
	}
	
	/*variantes horizontales
		por defecto es botonera centrada
	*/
	/*izquierda*/
	.carro.Bbox .botonera.hA{ /*:is(.botonera.hA, .botonera[class^=v].hA){*/
		justify-self:start;
		justify-content: flex-start;
		
	}
	/*derecha*/
	.carro.Bbox .botonera.hB { /*:is(.botonera.hB, .botonera[class^=v].hB){*/
		justify-self:end;
		justify-content: flex-end;
		
	}
	/*justificado*/
	.carro.Bbox .botonera.hC { /*:is(.botonera.hC, .botonera[class^=v].hC){*/
		justify-self:center;
		width: 100%;
		justify-content: space-between;
		
	}
	
	/*.carro.Bbox .prenext.botonera {
		width: 100%;
		justify-content: space-between;
		align-self: center;
	}*/
	.botonera div[onclick] {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		padding: 0;
		overflow:hidden;
	} 
	
	/*.botonera.numeric div[onclick] {
		width:calc(1.2rem + calc(var(--alto) / 2)); 
		height:calc(1.2rem + calc(var(--alto) / 2));  
		line-height: calc(1.2rem + calc(var(--alto) / 2));
		 	
	}*/
	
	.botonera.titular div[onclick] {
		max-width: 340px;
	}
	
	.botonera div[set-icono]{
		width: auto;
		height: auto;
		margin:0;
		padding: 0;
		vertical-align: top;
	}
	.botonera div[onclick]::before {
	 	vertical-align: top;
	 }

	/*quitamos el botón central de control del modo prenext (flechas) cuando estamos en botonera 
	justificada en horizontal (hC => space-between).
	Este tipo de botonera es una de las más básicas y funcionales, y el botón de control en el centro queda muy feo.
	Una opción sería mandarlo a un lateral con aling-self. Por ahora se oculta
	*/
	.carro.Bbox .botonera.prenext.hC div[onclick].control {
		display:none;
	}
	/*quiamos control del tipo numérico. Queda horrible. */
	.carro.Bbox .botonera.numeric div[onclick].control {
		display:none;
	}
	
	.carro.Bbox .botonera.prenext.vC.hC div[onclick] {
		width: 1em;
	}
		
	.carro.Bbox .botonera.titular {
		padding: var(--alto) var(--ancho);
	} 
	.carro.Bbox .botonera.titular div {
		padding: calc(var(--alto) / 2) var(--ancho);
	}
}/*LIMPIA*/
@media screen and (min-width: 600px) {
	/*SE ACTIVAN LOS ANCHOS. Hasta aquí todos son bancho-J (100%)*/
				/*limpiamos valores previos establecidos en Bp para elementos inferiores a media pantalla, (float no).*/
				/*.Bbox .foto:is(.bancho-A, .bancho-B, .bancho-C,.bancho-D) { margin-right: inherit; }*/
				
				.bancho-A { width: 10% !important; }
				.bancho-B { width: 20% !important; }
				.bancho-C { width: 30% !important; }
				.bancho-D { width: 40% !important; }
				.bancho-E { width: 50% !important; }
				.bancho-F { width: 60% !important; }
				.bancho-G { width: 70% !important; }
				.bancho-H { width: 80% !important; }
				.bancho-I, .columna9 { width: 90% !important; }
				/*POR DEFECTO => .bancho-J { width: 100%; } */

	/*SE ACTIVA VARIANTE NO OVERLAY DE GRID: distribuye el grid en 2 columnas. Para Flotar las imágenes */
	.Bbox[class*="box-"]:not(.inlay) .Hbox {
		grid-column: 1;
	}
	.Bbox[class*="box-"]:not(.inlay) .Hbox.align-right {
		grid-column: 2;
	}
	.Bbox[class*="box-"]:not(.inlay) .Hbox:is(.align-center,.align-justify) {
		grid-column: 1 / 3;
	}							
	
	.Bbox[class*="box-"] .colF {
		grid-column: 1 / 3;
		
	}
	.Bbox[class*="box-"] .colF + .colT {
		margin-top: var(--alto);	
	}
	.Bbox[class*="box-"] .colF ~ .colM {
		margin-top: var(--alto);	
	}
	
	.Bbox[class*="box-"] .extra.colM {
		z-index: 9;	
		padding: var(--ancho);
		width: auto;
		min-width: 100px;
		align-self: center;
		justify-self: center;
	}
	
	/*.Bbox[class*="box-"]:not(.carro,.inlay) .Hbox {
		grid-column: 1 / 3;							
	}*/
	/*.Bbox[class*="box-"] .foto {
		width: auto;
		margin: 0; 
	}*/
	.Bbox.box-A:not(.inlay) .colM  {
		grid-column: 1;
	}
	
	.Bbox.box-A:not(.inlay) .colT {
		grid-column: 2;
		margin: var(--ancho) calc(var(--ancho) * 2) var(--ancho) 0;
	}
	
	.Bbox.box-B:not(.inlay) .colM {
		grid-column: 2;
	}
	.Bbox.box-B:not(.inlay) .colT  {
		grid-column: 1;
		margin: var(--ancho) 0 var(--ancho) calc(var(--ancho) * 2);
	}

	
		.Bbox[class*="box-"]:not(.inlay) .foto[class*="balto-"]  {
					align-self: stretch;
					/*height: auto;*/
				}
				
}
				

/*****************************
	PAGINADORES / LISTADOS
*****************************/
@media screen and (min-width:10px){

	.vermas { 
		width : 98%; 
		height : 40px; 
		float : right; 
		margin:20px 1%; 
		line-height:40px; 
		text-align:center; 
	}
	.LSh p {
		order: 1;
		margin-left: var(--ancho);
		text-align: center; 
	}
	.LSh p.m {
		order: 4;
	}
	.LSh form {
		order: 3;
		margin-right: var(--ancho);
	}
	.LSh div {
		order:2;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 0.2rem;
	}
	.LSh div a {
		display: inline-flex;
		text-align: center;
		padding: 0;
		justify-content:center;
		align-items: center;
		font-size: 200%;
	}	
	.LSh div a span { 
		display: none; 
	}
	.LSh .prev,.LSh .prevon { 
		display:inline-block; 
		width:40px; 
		height:40px; 
		margin:0 5px 0 0;
		line-height:40px; 
		text-align:center; 
	}
	.LSh .prev span,.LSh .prevon span { 
		display:none; 
	}
	.LSh .last { 
		margin-left:40px; 
	}
	.LSh .one { 
		margin-right:40px; 
	}
	#Intro .LSh>p {
		margin: 0;
		padding: 0;	
	}
	#Intro .LSh>p:not(.m) {
		text-align: right;		
	}
	#Intro .LSh>p.m {
		text-align: left;
	}
	
	/*Modo listado */
	.lister li { margin:10px; text-indent:0; text-align:left; }

}/*LIMPIA*/
@media screen and (max-width: 1110px) { 
	/*.LSh .LshLat { width:140px; float:left; font-size:.8em;  } */
	.LSh .prev,.LSh .prevon { width:50px; height:50px; line-height:50px; }
}
@media screen and (max-width: 980px) { 
	.LSh .LshLat { width:140px; float:left; font-size:.8em;  }
	.LSh .prev,.LSh .prevon { width:40px; height:40px; line-height:40px; }
}
@media screen and (max-width: 800px) { 
	.LSh .prev,.LSh .prevon { width:30px; height:30px; line-height:30px; }
	.LSh .LshLat p { display: none; }
}
@media screen and (max-width: 680px) { 
	.LSh .LshLat { display:none; }
}


/***************************************************
 	B		(específicos de doculevel)	 
***************************************************/
@media screen and (min-width:10px){
	
	#plantillero p { 
		text-align:justify; 
		text-indent: 1em; 
		margin:0 0 1em 0; 
		min-width:200px; 
		padding:0;  
	} 
	#plantillero :is(p,ol,ul,table,label,legend,input,select,button) {
		line-height:1.5em; 
	}
	#plantillero ul, #plantillero ol{ 
		margin: 0 1em 1em 1em; 
		padding:0; 
	} 
	#plantillero li{ 
		margin:0 4% 1em 4%; 
		padding:0; 
	} 
	#plantillero h4 { 
		margin:2em 0 .3em 0; 
	} 
	/*#plantillero div { overflow:hidden; }*/ 
	#plantillero a:link, #plantillero a:visited { 
		padding-bottom:2px; 
	} 
	 
	#plantillero blockquote { 
		width:240px; 
		float:left; 
		margin: 0 10px 10px 0; 
		padding:5px; 
	} 
	#plantillero .piefoto { 
		width: auto; 
		min-width:60px;
		margin: 0; 
		padding: 0 0 5px 0; 
	} 
	#plantillero .piefoto p { 
		margin: 5px 3%; 
		padding:0; 
	} 
	#plantillero .piefoto .fotoTi { 
		width : 96%; 
		float : right; 
		margin:5px 2%; 
		padding:0; 
	} 
	#plantillero .piefoto font { 
		width : 96%; 
		float : left; 
		margin : 5px 2%; 
		padding-top : 0.2em; 
		text-align : right; 
	} 
	
	#plantillero table { 
		width: 100%; 
		margin-top:calc(var(--alto) * 2) 0; 
	}
	#plantillero figure {
		width: 100%;
		height: auto !important;
		overflow:hidden;
		margin: 0 auto 1em auto;
		display: grid;
		place-items: center;
		grid-template-rows: auto auto;
	}
	
	/*filtro para evitar que fotos con anchos asignados rompan el layout*/
	#plantillero figure[class^="css"] {
		max-width: 100% !important;
		min-width: 100% !important; /*activar anchos de foto a partir de 768px*/	
	}
	
	#plantillero figure>picture {
		z-index:1;
		grid-column: 1 / 2;
		grid-row: 1 / 2;
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content:center;
		align-content:center;
					
	}
	#plantillero figure.figB>picture {
		grid-row: 1 / 3;
	}
	
	/*#plantillero figure>div picture { 
		height: auto;
		width: 100%;
		align-self: center;
		flex-shrink: 3;
		flex-grow:5;
	
	}*/
	#plantillero figure>picture>img {
		width: 100%;
		height: auto;
		object-fit: cover;
	}
	
	#plantillero figure>figcaption {
		z-index:2;
		grid-column: 1 / 2;
		grid-row: 2 / 3;
		justify-self:stretch;
		align-self:end;
		display:flex;
		flex-flow: row wrap;
		justify-content:flex-start;
		align-items: flex-end;
		row-gap: var(--alto);
		padding-bottom: var(--alto);
	}
	
	#plantillero figure>figcaption > * {
		margin: 0 4%;
	}
	#plantillero figure>figcaption h6 {
		order:2;
	}
	#plantillero figure>figcaption div {
		line-height: 2em;
		order:1;
	}
	#plantillero figure>figcaption>div>span::before {
		vertical-align: middle;
		padding-right: 0.3vw;
		padding-left: var(--ancho); 
	}
	#plantillero figure>figcaption p {
		text-align: justify;
		line-height: 1.5em;
		order:3;
	}
	/*#plantillero form  {
		display: block;
		width: 100%;
		height: auto;
		margin:0;
		padding:0;
		overflow:hidden; 	
	}*/
	#plantillero fieldset  {
		width: calc(96% - calc(var(--ancho) * 2));
		margin: var(--alto) 2%;
		overflow: hidden;
		padding: 0 var(--ancho);
	}
	
	#plantillero fieldset > * {
		display: block;
		width: 100%;
		margin: var(--alto) 0;
	}
	
	#plantillero fieldset > legend  {
		width: auto;
		padding: calc(var(--alto) / 2) var(--ancho);
		margin: 0 0 calc(var(--alto) * 2) var(--ancho); 
	}
	
	
	#plantillero fieldset > label {
	
		display: flex;
		flex-flow: row nowrap;
		column-gap: calc(var(--ancho) * 0.2);
		align-items:stretch;
		justify-items:flex-start;
	}
	
	#plantillero fieldset>label>span{
		padding: calc(var(--alto) / 2) calc(var(--ancho) / 2); 
		flex: none 3;
		min-width: 25%;
	}
	#plantillero fieldset>label> :is(input,select){
		flex: 2 2;
	}
	#plantillero fieldset>label> :is(input[type="radio"], input[type="checkbox"]){
		flex: 0 0;
		margin-left: 5%;
	}
	
	#plantillero fieldset>button{
		width: auto;
		padding: calc(var(--alto) / 2) var(--ancho);
		text-align:center;
		align-self: center;
		justify-self: flex-end; 
	}
	
	.date { 
		text-align:left; 
		margin-top:20px; 
	} 
	
					/* FECHA-AUTOR*/
					.date span { 
						padding:var(--alto) 0; 
					}
					.date span:first-of-type {
						padding-right: var(--ancho);	
					} 
					.date span.fecha + span.firma { padding-left: 0; }
					.date span::before {
						vertical-align:top;
						padding:0 0.3vw;
					}
	
	#Intro .date { 
		align-self: flex-start;  
	} 
	#Intro .right { 
		padding-left:10px; 
	} 
	#Intro .left { 
		padding-right:10px; 
	} 
	
	
	ul#menu2 { 
		width:96%; 
		float:left; 
		margin:0 2%; 
	}
	ul#menu2 li { 
		width:100px; 
		float:left; 
		height:50px; 
		margin:10px 20px 10px 0; 
		text-align: center; 
	}
	ul#menu2 li a, ul#menu2 li span { 
		width:96px; 
		height:50px; 
		display:table-cell;  
		vertical-align:middle; 
		text-align:center; 
		margin-left:2px; 
	}
	h3.pantalla { 
		margin:20px 2% 10px 2%; 
		padding-bottom:3px; 
	}
	#plantillero .botonera a { 
		padding-bottom:0;
	} 
	 
	#plantillero .refTi { 
		margin:20px 20px 0 20px;
		padding:5px 10px 0 10px;
	} 
	#plantillero :is(.ref, .refEnd) { 
		margin:0 20px; 
		padding:5px 10px; 
	} 
	#plantillero .refEnd { 
		margin-bottom:20px; 
	} 
	#plantillero :is(.ref,.refEnd) .refTi { 
		margin:0; 
		padding:0;
	} 
	
	
	#plantillero .spell, #plantillero .spellD { 
		text-align:center; 
		padding:10px; 
		width:200px; 
		line-height:1.5em; 
	} 
	#plantillero .spell { 
		float:left; 
		margin:0 10px 10px 0; 
	} 
	#plantillero .spellD { 
		float:right; 
		margin:0 0 10px 10px; 
	}
	#plantillero .urlExternas a, #plantillero .readMore a { 
		line-height:40px; 
		vertical-align:middle; 
		padding:0 5px; 
	}
	
	#plantillero .banfull { 
		margin:10px 2%; 
		padding:0; 
		width:96%; 
	}

}/*LIMPIA*/
@media screen and (min-width: 768px) {
			/* Se activan los anchos de foto en cuerpo de texto*/
			#plantillero figure[class^="css"] {
				min-width: auto !important; 	
			}
}

/*___________________________________________________________________________________________________________________________________________
 														CLASES DE EDICIÓN	 
--------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:10px){
/* las tsize-X están en CUERPO. EL RESTO, EN STY.css */
	.valign-sub { vertical-align: sub !important; }
	.valign-super { vertical-align: super; !important; }
	.valign-middle { vertical-align: middle !important; }
	.valign-bottom { vertical-align: bottom !important; }
	.valign-top { vertical-align: top !important; }
	
	
	.align-left { text-align: left !important; }
	.align-right { text-align: right !important; }
	.align-center { text-align: center !important; }
	.align-justify { text-align: justify !important; }
	
	.float-left { float: left; !important;  margin-right:var(--ancho) !important; }
	.float-right { float: right; !important; margin-left:var(--ancho) !important; }
	.float-center { margin-right: auto !important; margin-left: auto !important; }
	
	
	.margintop-on { margin-top:calc(var(--alto) * 2) !important; }
	.margintop-extra { margin-top:4vh !important; }
	.margintop-off { margin-top:0 !important; }
	
	.marginbottom-on { margin-bottom:calc(var(--alto) * 2) !important; }
	.marginbottom-extra { margin-bottom:4vh !important; }
	.marginbottom-off { margin-bottom:0 !important; }

}/*LIMPIA*/
@media screen and (min-width: 640px) {
	.width-70 { width:calc(70% - var(--ancho)) !important; }
	.width-50 { width:calc(50% - var(--ancho)) !important; }
	.width-30 { width:calc(33% - var(--ancho)) !important; }

	.columnas-dos {
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
    	-moz-column-count: 2; /* Firefox */
    	column-count: 2;
	}
	.columnas-tres {
		-webkit-column-count: 3; 
    	-moz-column-count: 3; 
    	column-count: 3;
	}

}
/*_________________________________________(fin) CLASES DE EDICIÓN_____________________________________________________________*/




/***************************************************  
						ESPECÍFICOS 
****************************************************/
@media screen and (min-width:10px){
	.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 {
		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 a{
		display: inline-flex;
		justify-content:center;
		align-items: center;	
	}	
	
	.resultados h4 {
		margin: 1vh 2vw;
	}
	.resultados li {
		margin: 1vh 1vw;
		padding: 1vh 1vw;
	}

	/* ICONOS */
	#Utop {
		position:fixed;
		bottom:	1vh;
		right:	2vw;
		z-index:110;
		display:none;
	}
	.Hcon #Utop { 
		display:block; 
	} 
	#Utop.show { 
		display: block; 
	}

	/*Herramienta Redes Sociales */
	.doscero :is([onfocus],[onclick]) { 
		margin:0; 
	}
	#Intro .doscero {
		grid-row: 5;
	}
	#Intro .navs + .doscero {
		grid-row: 6;
	}

	/*Politica de cookies*/
	#politica_cookies div { 
		float:right; 
		width:40px;
		height:40px; 
		text-align:center; 
		line-height:40px;
		vertical-align:middle; 
		margin:5px; 
	}
	#politica_cookies p { 
		margin: 30px; 
		padding:20px; 
	}

	/*VENTANA EMERGENTE*/
	#inPOPup .cierraPOP {
		grid-row: 1 / 2;
		align-self:stretch;
		justify-self: stretch; 
		display: flex;
		justify-content: flex-end;
		align-items: center;
	} 
	#inPOPup .inT { 
		grid-row: 2 / 3;
		width: 100%;
		max-height: 80vh;
		overflow-x:hidden;
		overflow-y:scroll; 
	 } 

	/*CAJAS DE STATUS/CONFIRMACIÓN ¡REVISAR!*/
	.cajaOK, .cajaERROR { 
		width:90%; 
		margin:10px 5%; 
		float:left; 
	}
	.cajaOKimg, .cajaERRORimg { 
		float: left; 
		margin: 0; 
		padding:0; 
		width:20%; 
		height:100px; 
	} 
	.cajaOKt, .cajaERRORt { 
		float:left; 
		width: 79%; 
	} 
	.cajaOKt h6, .cajaERRORt h6 { 
		margin-top:0px; 
		margin-bottom:5px; 
	} 
	.cajaERROR { 
		width:98%; 
		margin:10px 1%; 
		padding:0; 
	} 
	.cajaERROR h6 { 
		margin:0; 
		text-align:center; 
		padding:1em 0; 
	} 
	.cajaERROR div { 
		width:92%; 
		margin:0.5em 2%; 
		padding:1em 2%; 
	} 
	.cajaERROR ul { 
		margin:1em; 
	} 

 	.confirmacion { 
 		width:96%; 
 		padding:5px 2%; 
 		float:right; 
 	}
	.confirmacion div { 
		width:76px; 
		float:left; 
		margin:0; 
	}
	.confirmacion input { 
		width:74px; 
		margin:0; 
	}
	.confirmacion button { 
		margin:10px 0 0 0; 
		float:right; 
		width:110px; 
	}
	
	
	/*USUARIOS REGISTRADOS. CINTO SUPERIOR DE CONTROL*/
	#controlUser p { 
		line-height:auto; 
		padding:.2vh 0 0 0; 
		margin:0; 
		vertical-align: middle;
		order: 2;
	}
	#controlUser .l_profile {
		order: 1;	
	}
	#controlUser .l_logout {
		margin:0;
		padding:0;
		order: 3; 
	}
	
	/*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; 
	}	
	
	/*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; 
	}
	
	img,video,canvas { 
		overflow: hidden !important; 
	}

	/* Elementos comunes --revisarrrr!!!! */ 
	.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; }
#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; }*/

}/*LIMPIA*/


/*******************************************************************
________________________HERRAMIENTAS_______________________________
		sólo herramientas básicas de core (publi y nube)
*******************************************************************/
@media screen and (min-width:10px){
	
	/***********************
		PUBLICIDAD
	*********************************/
	.medioVACIO{
		float:left;
		margin:10px;
		width: 100%;
		height: 100%;
	}
	.publiBOX, .publiBOXfail{
		width: 100%;
		height: 100%;
		display: flex;
		flex-flow: column wrap;
		justify-content: space-around;
	}	
	.publiBOX>h6, .publiBOXfail>h6 { 
		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;
		display: block;
	}
	/*ins.adsbygoogle[data-ad-status="unfilled"] {
   	 display: none !important;
	}*/
	
	
	/******************************************** 
		NUBE DE TAGS 
			(TODO: desarrollar javascript)
	*********************************************/ 
	.nube { 	
			width:96%; 
			margin:10px 2%; 
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;
			row-gap: 1em;
			column-gap: 1em;
	} 
	.nube a {  
		display: block; 
	}	


}/*LIMPIA*/