/* definicioon de colores de la página*/
--color-base:#EFE4DC;
--color-naranja-desierto:#EDAD77;
--color-naranja-brillante:#F0805D;
--color-marron-saharaui:#752017;
--color-negro-mina:#1C1C1C;
--color-amarillo-ayuda:#FCC355;
--color-azul-calma:#046776;
--color-azul-cielo:#228C9E;
--color-verde-miedo:#249C82;
--color-verde-liberacion:#75BC97;

@font-face{
	font-family: "caca";
	src: url('FilsonProRegular.otf') format('truetype');
}

@font-face{
	font-family: "F0-font-heavy";
	src: url('FilsonProHeavy.otf') format('truetype');
}
@font-face{
	font-family: "F0-font-bold";
	src: url('FilsonProBold.otf') format('truetype');
}
@font-face{
	font-family: "F0-font-regular";
	src: url('FilsonProRegular.otf') format('truetype');
}
@font-face{
	font-family: "f0-font-montserrat";
	src: url('Montserrat-VariableFont_wght.ttf') format('truetype');
}
@font-face {
		font-family: 'F0-montse';
		src: url('Montserrat-VariableFont_wght.ttf') format('truetype');
		font-weight: 100 1000;
		font-stretch: 10% 150%;
	}
/***************************************** generales *****************************************/
html{
	position: realtive;
}

body{
	font-family: 'F0-font-regular';
	line-height: 1.6em;
	color: rgb(80,80,80);
	background: #EFE4DC;
	margin: 0;
	padding: 0;
}
a{
	color: inherit;
	text-decoration: none;
}
a:hover{
	color: inherit;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	/*sirve para los input*/
			  color: rgb(200,200,200);
			  opacity: 1; /* Firefox */
			  padding-left: 5px;

}
#fondo-pagina{
		width: 100%;
		/*position: absolute;*/
		top: 0;
		left: 0;
		height: auto;
	}

/************************************** cabecera *********************************************/
#cabecera2{
		position: fixed;
		top: 0;
		left: 0;
		height: 70px;
		width: 100%;
		z-index: 100;
	}
	.logo{
		width: 15%;
		max-height: 100%;
		min-height: 60px;
	}
	.logo img{
		/*width: 100%;*/
		height: 100%;
	}
			/* en cabecea bot-redondo es elemento

/**************************************** footer **********************************************/
	
.footer{
	/*
	position: absolute;
	bottom: 0;
	*/
}

/************************************* elementos ***************************************************/


.bot-redondo {
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: f0-font-regular;
  color: #000000;
  font-size: 0.8em;
  background: #FCC355;
  padding: 7px 10px 7px 10px;
  text-decoration: none;
  border: none;
}
.bot-redondo:hover {
  background:#228C9E;
  color: white;
  text-decoration: none;
}

#cajacookies {
  display: none;
  box-shadow: 0px 0px 5px 5px #808080;
  background-color: white;
  color: black;
  padding: 10px;
  margin-bottom: 0px;
  position: fixed;
  top: 30px;
  width: 70%;
}

#cajacookies button {
  color: black;
}
.titulo-pagina{
	font-family: F0-font-bold;
	font-size: 1.6em;
	color: black;
}
.subtitulo-pagina{
	font-family: 'Roboto';
	font-size: 20px;
	color: rgb(211,160,81);
	padding-left: 30px;
}


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




/********************************************** index ********************************************/
#texto-portada{
	line-height: 1.3em;
	font-size: 1.7em;
	color: white;
	position: absolute;
	top: 30%;
	left: 40%;
	width: 50%;
	font-family: 'F0-font-heavy';
	animation-duration: 1.5s;
  animation-name: mueve;
	}
	@keyframes mueve {
	  	from {
	    	top: 90%;
	   	}
		to {
	    	top: 30%;
	  	}
	}

#texto-portada-alt{
	font-size: 1em;
	color: black;
	background: #FCC355;
	font-family: 'F0-font-bold';
}
.autor{
		color: rgb(200,200,200);
  		/*writing-mode: vertical-rl;*/
  		/*text-orientation: upright;*/
  		position:absolute;
  		bottom: 10px;
  		left: 10px;
  		font-size: 0.6em;
}
/** imagen completa**/
#fondo-pagina{
		width: 100%;
		top: 0;
		left: 0;
}
/**** letrero de noticias**/
.titulo{
		font-family: F0-montse;
		font-size: 2em;
		font-weight: 700;
		color: #228C9E;
}



/********************************* noticias **************************************/

.contenedor-noticias{
	margin: 1px;
}
.noticia{
	background: rgb(240,240,240);
	height: 100%;	
	border-radius: 15px 15px 0 0;
}

.titular{
		font-family: F0-montse;
		font-size: 1.3em;
		font-weight: 600;
			
}
.resumen{
		font-family: F0-montse;
		font-size: 0.9em;
		font-weight: 500;
		line-height: 1.4em;
}
.fecha-noticia{
	font-family: "F0-montse";
	font-weight: 500;
	font-size: 0.6em !important;

}
.cronica{

}


	




/****************************** gestion web ***********************************/
.noticia-mini{
	margin: 3px;
	border: 1px solid gray;
	background: rgb(240,240,240);
}
.noticia-mini:hover{
	background: rgb(250,200,200);
	
}
.boletin-mini{
	margin: 3px;
	border: 1px solid gray;
	background: rgb(240,240,240);
}
.boletin-mini:hover{
	background: rgb(250,200,200);
}
.resalte{
	font-family: 'F0-font-bold';
	font-size: 20px;
}


/***************************************encabezados ******************************/

	
	.contenido{
		/*margin-top: 100vh;*/
	}
	.pulsado{
		opacity: 1;
	}
	.movido{
		opacity: 0.7;
	}
	.f0-menu-item{
		border-top:  1px solid rgb(240,240,240);
		width: 100%;
		

	}
	.f0-menu-item:hover{
		background: #EDAD77;
	}

	#titulos a:hover{
		color: #046776;
	}