/********************************************************************************************************************************************
 													ESTILOS (de OBJETOS Y CONTENEDORES) 
*********************************************************************************************************************************************/

/**********************
	CABECERAS Y MAIN
**********************/
@media screen and (min-width:10px){

	body { padding:0; margin:0;  }
	#wrapper { 
		font-family:var(--ffam); 
		background :#FFF; 
		color:#000;
	}
	#overHead { 
		background:none; 
	}
	#wrapper>header {
	 	background: linear-gradient(var(--bkB_f),var(--bk_bg), var(--bkB_f) ); 
		color: var(--bk_f);
		box-shadow: 0 0 5px rgba(0,0,0,0.3);
	}
	
	#wrapper>header :is(a:link,a:visited,[onclick]) { color:var(--bk_f); }
	#wrapper>header :is(a,[onclick]):hover { color:var(--high); }
	
	
	#wrapper>header>h1 { 
		font-family: var(--ffamH);
	}	
	
	
	
	
	
	
	#wrapper>header>h1 a::before { font-size: calc(2rem + calc(var(--ancho) * 4)); }
	
	#wrapper>header#Hc h1 a::before {
		font-size:calc(1rem + var(--ancho));
	}
	#wrapper>header#Hx {
		background: none;	
		color: var(--bkB_f);
		box-shadow: none;
	}
	/*#wrapper>header#Hx>.menuBut  {
		text-shadow: 0 0 10px #666;
		color:var(--bkB_bg);
	}*/
	/*#wrapper>header#Hx :is(a:link,a:visited,[onclick]) {
		color:var(--bkB_bg);
	}*/
	#wrapper>header#Hx.pretrans :is(a:link,a:visited,[onclick]) { 
		color:var(--bkB_f); 
	}
	/*#wrapper>header#Hx.pretrans :is(a,[onclick]):hover { color:var(--high); }*/
	#wrapper>header#Hx h1 a::before {
		text-shadow: 0 0 10px #666;
		font-size:calc(2rem + var(--ancho));
	}
	#wrapper>header#Hx.pretrans :is(.menuBut, h1 :is(a,[onclick]))::before {
		/*anulo esto si la trans flotante va con mismo esquema de colores q cabecera*/
		/*color: var(--bk_bg);
		text-shadow: 0 0 10px #FFF;*/
		/*y añado color como cabecera*/
		color: var(--bk_f);
	}
	#wrapper>header#H h1 a::before{
		font-size:calc(4rem + var(--ancho));
	}
	#wrapper>header#Hf h1 a::before{
		font-size:calc(6rem + 4vw);
		text-shadow: 5px 5px 10px #000;
	}
	.menuBut {
		cursor:pointer; 
		color:#FFF; 
		font-size: 0;	
		background: none;
		border:none;
	}
	.menuBut::before {
		font-size:calc(2rem + var(--ancho));
		/*content: "\02630";*/
		content: "menu";
	   font-weight: normal;
	   font-family: "materiales";
	}
	.menuBut:hover { 
		background: rgba(150,150,150,.5); 
		border-radius:50%; 
		color: var(--high); 
	}
	
	#wrapper>header>.menuBut[status="1"]::before {
	 content: "close";
	}
	#menu { 
		background: var(--bk_bg); 
	}
	#menu  :is(a:link,a:visited) { 
		color: var(--bk_f) !important; 
	}
	#wrapper>header>nav ul {
		 font-size:0; 
		 list-style:none; 
		 text-indent:0;  
	}
	#wrapper>header>nav li a::before { 
		font-size:calc(2rem + calc(var(--ancho) * 2)); 
	} 
	#wrapper>header>nav :is(li.ov, li:hover) a { 
		color: var(--high); 
	}
	#menu>nav li a::before { 
		font-size:calc(1rem + calc(var(--ancho) / 2)); 
	} 
	#menu.menu_on {
	box-shadow: 0 0 10px 10px rgba(100,100,100,0.3);
	}
	#menu ul li { 
		font-size:calc(0.8rem + calc(var(--ancho) * 0.3));
		border-bottom:1px solid var(--bk_f); 
	} 
	#menu  ul li ul li { 
		font-size:90%; 
	}
	#menu .ti { 
		font-size: calc(0.7rem + 0.3vw); 
		color: var(--bk_f);  
		border-bottom:2px solid var(--bk_f); 
		background:rgba(255,255,255,0.3);
	}
	#menu  ul li.ov ul { 
		border-left:2px solid var(--high);  
	}
	#menu  ul a.ov { 
		font-weight: var(--bold); 
		color: var(--high); 
	}
	#menu>#underHead { 
		border-top:1px dashed #FFF; 
	}
	#wrapper>header > #underHead::before{ 
		font-family:"Materiales"; 
		content:"share"; 
		color:#FFF; 
		font-size:calc(1.2rem + var(--ancho)); 
	}
	#underHead > .redifusion [data-icono]::before {
		color:#FFF;
		opacity: 0.7; 
		cursor:pointer;
		font-size:calc(1.2rem + var(--ancho));
	}
	#underHead > .redifusion [data-icono]::before:hover {
		opacity:1;
	}
	#underHead >  #buscar .gsc-control-cse { background:none; }
}/*LIMPIA*/
@media screen and (min-width: 768px){
	#wrapper>:is(header#H,header#Hf) h1 span  { font-size: calc(0.7rem + calc(var(--ancho) / 2)); }
	#wrapper>header#Hc h1 span  { font-size: calc(0.6rem + 0.3vw); }
}


/**********************
	TRANSVERSAL
**********************/
@media screen and (min-width:10px){
		
	#TRANS { 
		font-size : 1em; 
		/*font-weight : var(--bold);*/
		background: var(--bkB_bg);
		color: var(--bkB_f);
		box-shadow: 0 2px 20px 10px rgba(100,100,100,0.2);
	}
	#TRANS [class^=indice]::before {
		content: "\01f521";
		font-size: 3em;
		cursor: pointer;
		color: red;
	}
	#TRANS .indice_less::before {
		content: "\023CF \0FE0F";
	}
	#TRANS nav#navAP { 
		font-family:var(--ffamH); 
	} 
	#TRANS>:is(h2,#breadcrumbs) :is(a:link,a:visited) {
		color: var(--bk_f);	
	}
	#TRANS>nav a { 
			/*font-size:calc(1em + 0.3vw);*/
			text-indent:0; 
			/*box-shadow: 0 0 2px rgba(150,150,150,0.5);*/
			color: var(--bkB_f);
			border: 1px solid var(--bkB_f); 
			border-radius: 1em;
			/*opacity:0.7;*/
		}
	#TRANS>nav :is(a:hover, a.selected) { 
		background: var(--bk_bg); 
		color: var(--bk_f); 
		/*opacity: 1; */
		border-color: var(--high); 
	}
	/*cambiamos esquema de color en caso de TRANS haciendo de cinto de cabecera*/
	header#Hx + main >  #TRANS { 
		background: linear-gradient(var(--bkB_f),var(--bk_bg),var(--bkB_f) );
		color: var(--bk_f);
	}
	header#Hx + main > #TRANS>nav a { 
		color: var(--bk_f);
		border: 1px solid var(--bk_f);
	}
	header#Hx + main > #TRANS>nav :is(a:hover, a.selected) { 
		background: var(--bk_f); 
		color: var(--bk_bg); 	
	}
	/*header:not(#Hx) + main >  #TRANS { background: rgb(39, 51, 26); border-top:1px solid #999; }*/
	#TRANS>nav a[data-icono] {
		line-height: 2em;
		vertical-align: middle;	
	}
	#TRANS>nav a[data-icono]::before {
		font-size: 2em;
	}
	/*.TRANSin p.Home { 
		font-size:1.6em; 
		text-indent:2%;
		margin:0; 
		padding:0;
	}*/
	#TRANS :is(input, button,select) { 
		color :var(--bkB_f); 
		border: 1px solid var(--bkB_f);
		border-radius:1em;  
		font-size: 1em; 
		text-indent:.3em; 
	}
	#TRANS button {
		background:transparent; 
		border : none; 
		cursor : pointer; 
		font-size:0px; 
	}
	#TRANS>form [data-icono]::before{
		font-size:calc(2rem + calc(var(--ancho) / 2));
	}
	:is(main,#TRANS,#breadcrumbs)>h2 { 
		font-size: calc(0.6rem + calc(var(--ancho) / 2));
		font-family: var(--ffamH); 
		word-wrap:break-word;	
		background: none; 
	}
	:is(main,#TRANS)>#breadcrumbs nav p {
			font-family: var(--ffamH); 
			word-wrap:break-word;
	}
	:is(main,#TRANS)>#breadcrumbs nav a {
			border:none;	
			box-shadow: none;	
	}
	:is(main,#TRANS)>#breadcrumbs nav a:hover {
		background: none;
		color: var(--high);	
	}
	main>:is(h2,#breadcrumbs) :is(a:link, a:visited) {
		color: var(--bk_f);	
	}
	main>:is(h2,#breadcrumbs) a:hover {
		color: var(--high);	
	}
	:is(main,#TRANS)>:is(h2,#breadcrumbs) [data-icono]::before { 
		font-size:calc(1rem + var(--ancho)); 
	}
	:is(main,#TRANS)>#breadcrumbs nav + h2 { 
		color: var(--bk_f); 
	}

}/*LIMPIA*/
@media screen and (max-width: 767px){
	:is(main,#TRANS)>#breadcrumbs nav a.sec { font-size: 70%; }
}
@media screen and (max-width: 1200px){
	:is(main,#TRANS)>#breadcrumbs.largo nav .sec { font-size: 0; }
}
/**********************
		CUERPOS
***********************/
@media screen and (min-width:10px){

	.tsize-A { font-size:calc(10.2px + calc(var(--ancho) * 0.3)) !important; } 	/*1*/
	.tsize-B { font-size:calc(12.2px + calc(var(--ancho) * 0.3)) !important; } 	/*2*/
	.tsize-C { font-size:calc(14.2px  + calc(var(--ancho) * 0.3)) !important; } 		/*3*/
	.tsize-D { font-size:calc(16.2px  + calc(var(--ancho) * 0.5)) !important; } 		/*4*/
	.tsize-E { font-size:calc(18.2px + calc(var(--ancho) * 0.5)) !important; } 		/*5*/
	.tsize-F { font-size:calc(20.2px + calc(var(--ancho) * 0.7)) !important; } 		/*6*/
	.tsize-G { font-size:calc(20.2px + calc(var(--ancho) * 0.9)) !important; } 		/*7*/
	.tsize-H { font-size:calc(22.2px + calc(var(--ancho) * 1.1)) !important; } 		/*8*/
	.tsize-I { font-size:calc(24.2px + calc(var(--ancho) * 1.3)) !important; } 		/*9*/
	.tsize-J { font-size:calc(26.2px + calc(var(--ancho) * 1.5)) !important; } 		/*10*/
	
	#wrapper>footer { 
		border-top:var(--alto) solid var(--bkB_bg); 
		background:linear-gradient(var(--bk_bg),var(--bkB_f));
		color: var(--bk_f);
	}
	footer#foot nav a {
		color: var(--bk_f);
		font-size: calc(0.9em + 0.3vw);
	}
	footer#foot nav a[data-icono] {
		font-size: 0;
	}
	footer#foot nav a:hover {
		opacity: 0.7;	
	}
	footer#foot nav a::before {
		font-size: calc(2rem + calc(var(--ancho) * 1.5));
	}
}/*LIMPIA*/


/***************************************************
 INTRO	(común a portadas y doculevel)	 
***************************************************/
@media screen and (min-width:10px){
	
	#Intro { 
		background: linear-gradient(var(--bkB_f),var(--bk_bg),var(--bkB_f) );
		font-weight:normal;
	}
	#Intro.img { background: #000; }
	#Intro> #TRANS {
	/*font-size: calc(0.6em + 0.3vw);*/
	background: none;
	box-shadow: none;
	color: #FFF;
	}
	#Intro> #TRANS h2 {
		background: none;
		box-shadow: none;
	}
	#Intro> :is(.as,.bis) {
		color: #FFF;
		/*text-shadow: 0 0 6px #000;*/ 
		font-size: calc(0.5rem + calc(var(--ancho) / 2));
	}
	#Intro> .navs {
		font-family: var(--ffamH);
	}
	#Intro> .navs label {
		color: var(--bk_f);
	}
	#Intro nav {
	font-weight: var(--bold);
	}
	#Intro :is(select,input, form) {
		color: var(--bkB_f);
		font-size: calc(0.8em + calc(var(--ancho) * 0.3));
	} 
	#Intro >.foto {
		background: #000;
		/*border-radius:50%;*/
		opacity:0.5;
		/*border: 2px solid rgb(178, 201, 156);*/ 
	}
	#Intro nav a { 
		border: 1px solid rgb(240,240,240); 
		border-radius: 1em; 
		font-size: 1em; 
		opacity:0.7; 
		color: var(--bk_f); 
		display: inline-flex;
		justify-content:center;
		align-items:center;
	}
	#Intro nav a:hover { 
		opacity: 1; 
		border-color: var(--high); 
		background: var(--bk_f); 
		color: var(--bk_bg);  
	}
	#Intro nav a.selected { 
		opacity: 1; 
		font-weight: var(--bold); 
		background-color: rgba(255,255,250,0.7); 
		color: var(--high); 
	}
	 #Intro .foto :is(picture img, video) {
	  	/* Add the blur effect */
	  filter: blur(12px);
	  -webkit-filter: blur(12px)
	}
	#Intro .foto > span { 
	  		font-size:calc(0.6rem + calc(var(--ancho) * 0.3)); 
	  		color:#FFF; 
	  		font-weight:var(--bold); 
			text-shadow:0 0 5px #000;  		
	  		}
	#Intro .foto > span::before { 
		font-family:"Materiales"; 
		content: "copyright"; 
		vertical-align:middle; 
		font-size:120%; 
	}
	
	#Intro > .as > p {
		text-shadow: 0 0 5px 5px #CCC;
	}
	#Intro > :is(h2, h3), #Intro > .as > .ti { 
		font-size: calc(1.2rem + var(--ancho)); 
		font-family: var(--ffamH);
		font-weight: var(--bold); 
		word-wrap:break-word; 
		color: #FFF;
	}
	#Intro > :is(.as, .bis) > .sti {
		font-size:calc(.8rem + calc(var(--ancho) / 2)); 
		font-style:italic; 
		font-weight:var(--bold);
		font-family:var(--ffamH);
	}
	#Intro  > :is(.as, .bis) >  .t {  
		font-size:calc(0.8rem + calc(var(--ancho) / 2)); 
	}
	#Intro  > :is(.as, .bis) >  p {
		text-indent: 0;	
	}
	#Intro  > :is(.as,.bis) >  .int {  
		font-size:1em; 
	}
	#Intro> :is(h2,h3,.as,.bis) :is(a:link, a:visited) {
		color: var(--bk_f);	
	} 
	#Intro> :is(h2,h3,.as,.bis) a:hover {
		color: var(--high);	
	}
	
}/*LIMPIA*/


/***************************************************
 	Bp		(específicos de portadas y BOXER)	 
***************************************************/
@media screen and (min-width:10px){
	
	.Bbox, .Bbox .INbox {  
		color:#444; 
	}
	/*#contenidos .Bbox { box-shadow:0 0 10px rgba(200,200,200,0.8); }*/
	.Bbox.painted {
		background: var(--bkB_bg);
		color: var(--bkB_f);	
		padding: var(--ancho);	
	}
	
	.Bbox[class*="box-"]:not(.inlay) .foto {
		opacity: 0.1;		
	}
	.Bbox.inlay .manta{
		background: linear-gradient(rgba(var(--bk_bg_rgb),0.6), rgba(var(--bk_bg_rgb),0.8));
	}	
	/*ESTILOS DE CABECERA*/
	.Hbox [data-icono]{ font-size: 0; }
	.Hbox [data-icono]::before { font-size:calc(1rem + calc(var(--ancho) * 0.6)); }
	.Hbox .line{  
			font-size:calc(0.7rem + calc(var(--ancho) * 0.2)); 
			text-indent:0; 
			font-weight:normal; 
			font-family:var(--ffamH); 
	}
	.Bbox:not(.painted) .Hbox:not(.overlay) {
		border-bottom: 1px dashed var(--bkB_f);
	}
	:is(.Bbox, .Bbox .INbox)>:is(.ti, .int, .sti, .dat, .extra) {
				text-indent:0;
				font-weight: normal;
				/*word-wrap:break-word;*/ 
				word-wrap: inherit;
	}
	:is(.Bbox, .Bbox .INbox)>.ti { 
		font-family: var(--ffamH); 
		font-weight: normal;
	} 
	.Bbox .sti:is(.bold,.cursiva) {
		font-family: var(--ffamH);
	}			
	.Bbox .dat {
		color: var(--bkB_f);
		font-weight:var(--bold);				
	}
	/* FECHA-AUTOR*/
	/*.Bbox .dat span { 
		font-weight:bold; 
	}*/
	.Bbox .dat :is(time,span.f,span.u)::before {
		font-family:"Materiales"; 
		content: "edit";
		/*font-size:80%;*/ 
		opacity:0.8;
		vertical-align:middle;
	}
	.Bbox .dat :is(time,span.f):before { 
		content: "date_range"; 
	}
	.Bbox span.dat { 
		font-size:80%;
	}
	.Bbox .foto { 
		background: linear-gradient(var(--bkB_f),var(--bk_bg), var(--bkB_f) );
		color: #FFF; 
	}
	/*.Bbox.inlay .foto :is(picture img,video) {	
					opacity: 0.3; 	
	} 	*/
	
	/* OVERLAY */
	.Hbox.overlay { 
		background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.7) ); 
	}
	/*ELEMENTOS DEL INLINE -DEFECTO: */	
	.Bbox .overlay {
		color: var(--bk_f) !important;
		text-shadow: 0 0 0.2em var(--bk_bg);
	}
	.Bbox .overlay a:is(:link,:visited) {
		color: var(--linkB) !important;
		text-shadow: 0 0 0.2em var(--bk_bg);
	}
	.Bbox .overlay a:hover {
		color: var(--high) !important;	
	}	
	.Bbox :is(.dat.overlay, .overlay span.dat) { 
			color:var(--highB);/*#F5F89E;*/ 
	}
	/*.Bbox .extra.overlay { 
		background: rgba(255,255,255,0.3);	
	}*/
	
	.Bbox .lista>div { box-shadow:0 0 var(--ancho) #f1f1f1; } 
	.br100, .br75, .br50, .br25 { border:0; } 
	
	
	/* menu de familias en cajas */
	.Hbox .menuFA::before { 	 
	    font-family: 'Materiales';
	    content: "menu";
	    font-size: 150%;
	 }
	.Bbox nav { 
			font-size:calc(1rem + calc(var(--ancho) / 2));
			background:var(--bkB_bg);
	}
	.Bbox nav a { border-bottom:1px solid var(--bkB_f)  } 
	
	/* CAJA SLIDER: botonera */
	.botonera div[onclick] {
		text-indent: 0;
		text-decoration:none; 
		cursor:pointer; 
		color:var(--bk_f);
		background : var(--bk_bg);
	} 
	.botonera.numeric div[onclick] {
		border: 1px solid var(--bkB_f);
		border-radius:50%; 
		font-size:calc(.6rem + calc(var(--alto) / 2));	
	}
	/*.botonera.prenext div[onclick] { 
	 	background: none;
	 	color: var(--linkB);
	 	border-radius:0;
	 }*/	
	.botonera :is(div[onclick].on, div[onclick]:hover){ 
		color: var(--bk_bg);
		background : var(--bk_f);
	} 
	.botonera :is(div[onclick].n.on, div[onclick].n:hover){
		background:var(--bkC_bg);
	} 
	.botonera div[set-icono]{
		font-size: 300%;
	}
	/*.botonera div[onclick].control{
		background: none;
		color: rgba(200,210,200,0.5);
	}*/
	.botonera div[onclick].control::before {
		content: "carro_pause";
	}
	.botonera div[onclick].control.stop::before {
		content: "carro_loop";
	}
	
	.botonera.prenext div[onclick].prev::before {
		content: "carro_prev";
	}
	.botonera.prenext div[onclick].next::before {
		content: "carro_next";
	}
	.botonera.prenext div[onclick], .botonera div[onclick].control {
		color: var(--bk_f);
		background: none;
	}
	
	.carro.Bbox .botonera.prenext.vC.hC div[onclick] {
		font-size: calc(4rem + calc(var(--ancho) / 2));
		opacity: 0.3;
	}
	.carro.Bbox .botonera.prenext.vC.hC div[onclick]:hover {
		opacity:1;	
	}
	.carro.Bbox .botonera.prenext.vC.hC div[onclick]::before{
		font-size: 1em;
		line-height: 2em;
		
	}
	.carro.Bbox .botonera.prenext.vC.hC div[onclick].prev::before {
		content: "carro_prev_long";
		
	}
	.carro.Bbox .botonera.prenext.vC.hC div[onclick].next::before {
		content: "carro_next_long";
	}
	
	.carro.Bbox .botonera.titular {
		background: rgba(255,255,255,0.3);
	}
	
	.carro.Bbox .botonera.titular div:is(.n,.on){
		border:1px solid #000;
	}
	
	
	
	.inlay .botonera.numeric:is(.vB,.vC,.vD) div[onclick] {
		background : var(--bkB_f);
		color:var(--bkB_bg);	
		opacity: 0.8;
	}
	.inlay .botonera.prenext:is(.vB,.vC,.vD) div[onclick] {
		background : none;
		color:var(--bk_f);	
		opacity: 0.8;
	}
	.inlay .botonera:is(.vB,.vC,.vD) :is(div[onclick].on, div[onclick]:hover){ 
		opacity: 1;
	}
	
	.inlay .botonera div[onclick].control {
		color: color:var(--bk_f);
	}
}/*LIMPIA*/
@media screen and (min-width: 600px) {
	.Bbox[class*="box-"] .extra.colM {
		background: rgba(var(--bkB_bg_rgb), 0.5);
	}	
	.Bbox[class*="box-"]:not(.inlay) .foto {
		opacity: 1;		
	}
}


/*****************************
	PAGINADORES / LISTADOS
*****************************/
@media screen and (min-width:10px){
		
	.vermas { 
		border:1px solid #DDE7D3; 
		background:rgba(232,235,216,.7); 
		border-radius:20px; 
		cursor:pointer; 
		font-size:30px; 
		color:#B1CDC5; 
	}
	.vermas:hover { background:rgba(159,184,84,1);  }
	
	.vermas::before { content:"\f10a"; font-size:50px; color:#CCC; font-weight:bold; background:inherit; border-radius:25px; }	
		
	.LSh, .LStouch { 
		font-size : calc(0.5em + 0.3vw); 
		font-weight : var(--bold); 
		color : var(--bkB_f); 
		background:var(--bkB_bg); 
	}
	.LSh p:first-of-type>span {
		font-size: 200%;
		font-weight: var(--bold);	
	}
	.LSh p.m span {
		font-size: 140%;
		font-weight: var(--bold);
	}
	.LSh div a {
		font-size: 1.5em;
		border:1px solid var(--bkB_f);
		font-weight: var(--bold);
		color: var(--bkB_f);
		opacity: 0.8;
		background: #FFF;	
	}	
	.LSh div a:hover {
		background: var(--bk_bg);
		color: var(--bk_f);	
	}
	.LSh div :is(a.von,a.von:hover) {
		background: var(--bk_bg);
		color: var(--bk_f);
		opacity: 1;
	}
	.LSh .prev,.LSh .prevon { 
		background:rgba(80,80,80,.5); 
		border:1px solid #333; 
		border-radius:10px; 
		font-size:2.5em; 
		font-weight: var(--bold); 
		color:#DDE0DA; 
		box-shadow: #666 1px 1px 4px 4px;  
	}
	.LSh .prevon { 
		background:var(--bkC_bg); 
		color:var(--bkC_f); 
	} 
	.LSh .prev:hover { 
		color:#E4E7CF; 
		background:#888; 
	}
	.LSh :is(.last,.one)::before{ 
		content:" ..."; 
	}
	#Intro .LSh {
		color: var(--bk_f);
		background: none;
	}
	.lister li { 
		font-size:1.4em; 
		list-style:circle; 
	}
	.lister li span { 
		font-size:.8em; 
		font-style:oblique; 
	}

}/*LIMPIA*/
@media screen and (max-width: 1110px) { 
	.LSh .prev,.LSh .prevon { font-size:3em; }
}
@media screen and (max-width: 980px) { 
	.LSh .LshLat { font-size:.8em;  }
	.LSh .prev,.LSh .prevon { font-size:2em; }
}
@media screen and (max-width: 800px) { 
	.LSh .prev,.LSh .prevon { font-size:2em; }
}



/***************************************************
 	B		(específicos de doculevel)	 
***************************************************/
@media screen and (min-width:10px){
 
	#plantillero { 
		font-family: 'Open Sans', sans-serif; 
	} 
	#plantillero :is(p,ol,ul,table,label,legend,input,select,button) {
		font-family: 'Open Sans', sans-serif; font-size:calc(1rem + 0.3vw);
	}
	#plantillero li{ 
		list-style-type: inherit; 
		font-weight: inherit; 
	} 
	#plantillero h4 { 
		font-size:calc(1.2rem + calc(var(--ancho) / 2)); 
		color:#777; 
		font-family: var(--ffamH); 
		text-indent:0;	 
	} 
	#plantillero a:link, #plantillero a:visited { 
		font-weight:var(--bold); 
		border-bottom:1px dashed #86930D; 
		/*color:#86930D;*/ 
	} 
	#plantillero a:hover { 
		border-bottom:1px dashed #FFCC00; 
		/*color:#FFCC00;*/ 
	}
	#plantillero blockquote { 
		font-size:1.1em; 
		background-color:#666666; 
		color:#FFFFFF; 
	} 
	#plantillero .piefoto { 
		background:var(--bkB_bg); 
		color :#666; 
		border-radius:0; 
	} 
	#plantillero .piefoto p { 
		text-indent:0; 
		font-size:1em; 
	} 
	#plantillero .piefoto .fotoTi { 
		font-size : 1.1em; 
		text-indent : 0; 
		font-family: 'Open Sans', sans-serif; 
	} 
	#plantillero .piefoto font { 
		font-size : 0.9em; 
		border-top : 0.1em solid #cc9933; 
		font-weight : var(--bold); 
	} 
	#plantillero table { 
		border-collapse: collapse; 
	}
	#plantillero table :is(th,td){ 
		border:1px solid #999; 
	}
	#plantillero figure {
		background: rgba(0,0,0,0.5);
	}
	#plantillero figure>figcaption {
	background: var(--bkB_bg);
	}
	#plantillero figure.figB>figcaption{
		background: rgba(240,240,230,0.5);
	}
	#plantillero figure>figcaption h6 {
		font-size: calc(0.9rem + 0.3vw);
		color: #666;
	}
	#plantillero figure>figcaption div {
		font-size: calc(0.6rem + 0.3vw);
		color: #777;
	}
	#plantillero figure>figcaption>div>span::before {
		font-size: 110%;
	}
	#plantillero figure>figcaption p {
		font-size: calc(0.7rem + 0.3vw);
		text-indent: 0;
		color: #555;
	}
	#plantillero fieldset  {
		border:0;
		background: var(--bkB_bg);  
	}
	#plantillero fieldset > legend  {
		border:0;
		background: var(--bk_bg); /*rgb(128, 128, 0);*/ 
		color: #FFF;
		font-weight: var(--bold);
	}
	#plantillero fieldset>label>span{
		background: rgb(225, 225, 208);
	}
	#plantillero fieldset>label> :is(input,select){
		text-indent: 0.5em;
	}
	#plantillero fieldset>label> :is(input[type="radio"], input[type="checkbox"]){
		text-indent: 0;
	}
	#plantillero fieldset>label> :is(input,select):required{
		border-color: var(--bk_bg);	
	}
	#plantillero fieldset>button{
		color: var(--link);
		background: none;
	}
	.date { 
		font-size : calc(0.7rem + .3vw);
	}
	.date span { 
		font-weight:var(--bold);
	}
	.date span::before {
		font-family:"Materiales"; 
		content: "edit";
		opacity:0.8;
		font-size : calc(1rem + .3vw); 
	}
	.date span.fecha::before { 
		content: "date_range"; 
	}
	#Intro .date { 
		background: rgba(40,77,0,0.5); 
		color:#FFF;  
	} 
	#Intro .right, #Intro .left { 
		background-color:#FFFFFF; 
	} 
	ul#menu2 li { 
		text-indent:0; 
		list-style:none; 
		color:var(--bkC_f); 
		background-color: var(--bkC_bg); 
		font-weight: var(--bold); 
		font-size:11px; 
		border-radius:15px; 	
	}
	ul#menu2 li:hover, ul#menu2 li.activelink  {  
		background-color: #DDDDDD; 
	}
	
	ul#menu2 li a:link { 
		color:#FFFFFF; 
	} 
	ul#menu2 li a:visited { 
		color:#F5F5F5; 
	}
	ul#menu2 li a:hover { 
		color:var(--bkC_bg); 
	}
	ul#menu2 li.activelink { 
		color:#999999; 
	}
	h3.pantalla { 
		font-size:2em; 
		color:#666666; 
		text-indent:20px; 
		border-bottom:1px dashed #666666;  
	}
	#plantillero .botonera a { 
		border-bottom:0; 
	} 
	.boldI { 
		font-weight: var(--bold); 
		font-style:oblique; 
	} 
	.italic {
		font-style:oblique; 
	}
	#plantillero .refTi { 
		font-weight: var(--bold); 
		border-radius:10px 10px 0 0; 
		background-color:#CFCFCF; 
		text-indent:0; 
		color:#666666; 
	} 
	#plantillero :is(.ref,.refEnd) { 
		background-color:#DFDFDF; 
		font-size:12px; 
		text-indent:0; 
	} 
	#plantillero .refEnd { 
		border-radius: 0 0 10px 10px; 
	} 
	#plantillero :is(.ref,.refEnd) .refTi { 
		font-style:oblique; 
		text-decoration:underline; 
		font-weight: var(--bold);  
		border-radius:0; 
		background:none; 
		font-size:1.1em; 
		color:#990033; 
	} 
	#plantillero .spell, #plantillero .spellD { 
		font-size:1.5em; 
		text-indent:0; 
		color:#999999; 
	} 
	#plantillero .urlExternas a, #plantillero .readMore a { 
		color:#003300; 
		border:1px solid #003300; 
	}
	#plantillero .urlExternas a:hover, #plantillero .readMore a:hover { 
		color:#FFCC00; 
		border:1px solid #FFCC00; 
	} 
	#plantillero .banfull :is(a:link, a:hover, a:visited) { border-bottom:none; }
}/*LIMPIA*/


/*___________________________________________________________________________________________________________________________________________
 														CLASES DE EDICIÓN	 
--------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:10px){
/* (...continuación de OBJ.css) */
	.cursiva { font-style: italic !important; } /* ¿no creamos oblícua por si no hay variante itálica de fuente? NO. Esto se define a nivel proyecto. AQUÍ. */
	.bold { font-weight: var(--bold) !important; } /*nada de bolder, thin, */
	
	.underline { text-decoration: underline !important; }
	.overline { text-decoration: overline !important; }
	.tachado { text-decoration: line-through !important; }
	.entrelineas { text-decoration: underline overline !important; }
	
	.font-serif { font-family: 'Libre Baskerville', serif !important; }
	.font-sans { font-family: 'Open Sans', sans-serif !important; }
	.font-cursiva { font-family: cursive !important; }
	.font-display { font-family: 'Courier New', Courier, monospace !important; }

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



/***************************************************  
						ESPECÍFICOS 
****************************************************/
@media screen and (min-width:10px){

	.cinto_cfg>:is(.SI,.NO)::before {
		font-size: 4em;
	}
	.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);
	}
	.resultados li {
		font-size: calc(0.7rem + 0.5vw);
		border: 1px solid #F1F1F1;
	}
	/* ICONOS */
	.vermas::before, .iniciadescarga::before {
	  font-family: "Materiales";
	  font-size: calc(1rem + 1vw);
	}
	#Utop::before{
		content: "\023CF \0FE0F";
		font-size: calc(2rem + 1vw);
		cursor:pointer;
	}

	/*Herramienta Redes Sociales */
	.doscero, .shareMore { font-size:0; }
	.doscero :is([onfocus],[onclick]) { 
		cursor: pointer; 
		color:var(--link); 
		opacity:0.8; 
	}
	.doscero :is([onfocus],[onclick])::before { 
		font-size:calc(1.2rem + 1.5vw); 
	}
	.doscero :is([onfocus],[onclick]):hover { 
		opacity:1; 
		color:var(--high); 
	}
	: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 { 
		background:rgba(255,255,255,0.8);  
		color:#666; 
		box-shadow:1px 1px 6px 6px #cdcdcd; 
	}
	#politica_cookies div { 
		background-color:var(--link); 
		color:#FFF; 
		border-radius:20px;
		font-size:36px; 
		cursor:pointer; 
		font-weight:var(--bold); 
	}
	#politica_cookies p { 
		font-size:16px; 
	}
	
	/*VENTANA EMERGENTE*/
	#POPup { 
		background : rgba(255,255,255,0.6); 
	} 
	#inPOPup { 
		border : 2px solid #999999; 
		background :#ffffff; 
		font-size: calc (1em + 0.5vw); 
	}
	#inPOPup .cierraPOP {
		background-color:var(--bkC_bg);
		color:var(--bkC_f);
		font-size: 120%;
		cursor:pointer; 
		border-bottom : 2px solid #999999;
	} 
	#inPOPup .cierraPOP>div::before {
		font-family: "Materiales";
		content: "close";
	} 
	
	/*CAJAS DE STATUS/CONFIRMACIÓN ¡REVISAR!*/
	.cajaOKimg, .cajaERRORimg { 
		background : url(../patrones/cajaOK.png) no-repeat center; 
	} 
	.cajaERRORimg { 
		background : url(../patrones/cajaERROR.png) no-repeat center; 
	} 
	.cajaOKt, .cajaERRORt { 
		font-size:12px; 
		color:#006600; 
	} 
	.cajaERRORt { 
		color:#993300; 
	} 
	.cajaOKt h6, .cajaERRORt h6 { 
		font-size:14px; 
		font-weight:bold; 
		color:#666666; 
	} 
	.cajaERROR { 
		background:#ffe680;
		border:0; 
	} 
	.cajaERROR h6 { 
		font-size:1.4em; 
		font-weight:bold; 
		text-indent:0; 
		color:#FFFFFF; 
		background:#b38f00; 
		border-bottom:2px solid #332900; 
	} 
	.cajaERROR div { 
		background:#fffae6; 
	} 
	.cajaERROR li { 
		list-style-type: disc; 
	} 

 	.confirmacion { 
 		background:#E1F7B9; 
 	}
	.confirmacion button { 
		font-size:16px; 
		font-weight:bold; 
		color: #7d2811; 
	}
	
	/*USUARIOS REGISTRADOS. CINTO SUPERIOR DE CONTROL*/
	#controlUser { 
		color:#FFFFFF; 
	}
	#controlUser p { 
		color:#FFFFFF; 
		font-size:calc(0.5rem + .7vw); 
		text-indent:0; 
		font-weight: var(--bold); 
		text-shadow:1px 1px 1px #444; 
	}
	#controlUser .l_logout {
		font-size: 0;
		background: none;
		border: 0; 
	}
	#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*/
	#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";
	}
	
	/*SEPARADORES*/
	.separaAUX {
		border-top : 0.1em dashed #83914d; 
	}

	img,video,canvas { 
		border:0;	
	}
	button, a, [onclick], [onfocus] { cursor:pointer;  }
	button:hover { color:#FFCC00; }
	
}/*LIMPIA*/


/*******************************************************************
________________________HERRAMIENTAS_______________________________
		sólo herramientas básicas de core (publi y nube)
*******************************************************************/
@media screen and (min-width:10px){
	
	/***********************
		PUBLICIDAD
	*********************************/
	.medioVACIO{
		background:#FF9933;
		border:1px solid #666666;
	}
	.publiBOX, .publiBOXfail{
		background: #d1e0e0; 
	}	
	.publiBOXfail{ 
		background: ##ffeecc; 
	}
	.publiBOX>h6, .publiBOXfail>h6 { 
		font-size: 1.3em;
	}
	.publiBOX:hover>code, .publiBOXfail:hover>code {
		font-size: 1.1em;
	}
	
	

	/******************************************** 
		NUBE DE TAGS 
			(TODO: desarrollar javascript)
	*********************************************/ 
	.nube { 
			color:#999999;
			font-size: 1rem; 
	} 
	/*.nube a:nth-child(odd){ 
		writing-mode:vertical-lr;
		text-orientation: upright;
	}*/
	
}/*LIMPIA*/