@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Finlandica:ital,wght@0,400..700;1,400..700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

/*===============colores================*/
/* negro, blanco, rojo #D73440, gris #F2F2F2 */

/*===============Propiedades Globales================*/
ul, ol, dl {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
}
a img { 
	border: none;
}
hr {
  height: 1px;
  background-color: #9d9d9c;
}
/* ~~ La aplicación de estilo a los vínculos del sitio debe permanecer en este orden (incluido el grupo de selectores que crea el efecto hover -paso por encima-). ~~ */
a:link {
	color: #D73440;
	font-weight:bold;
	text-decoration: none;
}
a:visited {
	color: #D73440;
	font-weight:bold;
	text-decoration: none;
}
a:hover, a:active, a:focus { /* este grupo de selectores proporcionará a un usuario que navegue mediante el teclado la misma experiencia de hover (paso por encima) que experimenta un usuario que emplea un ratón. */
	color: #FFFFFF;
	font-weight:bold;
	text-decoration: none;
}
a.link_menu:link {
	color: #FFFFFF;
	font-weight:bold;
	text-decoration: none; /* a no ser que aplique estilos a los vínculos para que tengan un aspecto muy exclusivo, es recomendable proporcionar subrayados para facilitar una identificación visual rápida */
}
a.link_menu:visited {
	color: #FFFFFF;
	font-weight:bold;
	text-decoration: none;
}
a.link_menu:hover, a.link_menu:active, a.link_menu:focus { /* este grupo de selectores proporcionará a un usuario que navegue mediante el teclado la misma experiencia de hover (paso por encima) que experimenta un usuario que emplea un ratón. */
	color: #D73440;
	font-weight:bold;
	text-decoration: none;
}
a.link_menu1:link {
	color: #000000;
	font-weight:normal;
	text-decoration: none; /* a no ser que aplique estilos a los vínculos para que tengan un aspecto muy exclusivo, es recomendable proporcionar subrayados para facilitar una identificación visual rápida */
}
a.link_menu1:visited {
	color: #000000;
	font-weight:normal;
	text-decoration: none;
}
a.link_menu1:hover, a.link_menu1:active, a.link_menu1:focus { /* este grupo de selectores proporcionará a un usuario que navegue mediante el teclado la misma experiencia de hover (paso por encima) que experimenta un usuario que emplea un ratón. */
	color: #D73440;
	font-weight:normal;
	text-decoration: none;
}
a.link_menu2:link {
	color: #000000;
	font-weight:bold;
	text-decoration: none; /* a no ser que aplique estilos a los vínculos para que tengan un aspecto muy exclusivo, es recomendable proporcionar subrayados para facilitar una identificación visual rápida */
}
a.link_menu2:visited {
	color: #000000;
	font-weight:bold;
	text-decoration: none;
}
a.link_menu2:hover, a.link_menu2:active, a.link_menu2:focus { /* este grupo de selectores proporcionará a un usuario que navegue mediante el teclado la misma experiencia de hover (paso por encima) que experimenta un usuario que emplea un ratón. */
	color: #D73440;
	font-weight:bold;
	text-decoration: none;
}
a.link_rg:link {
	color: #D73440;
	font-weight:normal;
	text-decoration: none; /* a no ser que aplique estilos a los vínculos para que tengan un aspecto muy exclusivo, es recomendable proporcionar subrayados para facilitar una identificación visual rápida */
}
a.link_rg:visited {
	color: #D73440;
	font-weight:normal;
	text-decoration: none;
}
a.link_rg:hover, a.link_rg:active, a.link_rg:focus { /* este grupo de selectores proporcionará a un usuario que navegue mediante el teclado la misma experiencia de hover (paso por encima) que experimenta un usuario que emplea un ratón. */
	color: #9d9d9c;
	font-weight:normal;
	text-decoration: none;
}
a.link_rn:link {
	color: #D73440;
	font-weight:normal;
	text-decoration: none; /* a no ser que aplique estilos a los vínculos para que tengan un aspecto muy exclusivo, es recomendable proporcionar subrayados para facilitar una identificación visual rápida */
}
a.link_rn:visited {
	color: #D73440;
	font-weight:normal;
	text-decoration: none;
}
a.link_rn:hover, a.link_rn:active, a.link_rn:focus { /* este grupo de selectores proporcionará a un usuario que navegue mediante el teclado la misma experiencia de hover (paso por encima) que experimenta un usuario que emplea un ratón. */
	color: #000000;
	font-weight:normal;
	text-decoration: none;
}
a.link_bn:link {
	color: #FFFFFF;
	font-weight:normal;
	text-decoration: none; /* a no ser que aplique estilos a los vínculos para que tengan un aspecto muy exclusivo, es recomendable proporcionar subrayados para facilitar una identificación visual rápida */
}
a.link_bn:visited {
	color: #FFFFFF;
	font-weight:normal;
	text-decoration: none;
}
a.link_bn:hover, a.link_bn:active, a.link_bn:focus { /* este grupo de selectores proporcionará a un usuario que navegue mediante el teclado la misma experiencia de hover (paso por encima) que experimenta un usuario que emplea un ratón. */
	color: #000000;
	font-weight:normal;
	text-decoration: none;
}
/*=============== utilidades ================*/
.comoh1 {
    font-family: 'Lato', sans-serif;
	font-weight:bold;
	font-size:198%;
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom:2%;
}
.comoh1_finla {
	font-family: "Finlandica", sans-serif;
	font-weight:bold;
	font-size:198%;
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom:2%;
}
.nosale {
	display:none;
}
.pc {
	display:inline;
}
.resto {
	display:none;
}
.tablet {
	display:none;
}
.movil {
	display:none;
}
.espacio_flecha{
 	width: 100%;
  	margin-left: auto;
  	margin-right: auto;
	margin-top:2%;
}
.flecha {
 	width: 3%;
 	margin-right: auto;
  	margin-left: auto;
}
.flecha img {
 	width: 100%;
 	height: auto;
}
.banner_pagina {
	width: 100%;
	float:left;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1%;
}
.banner_pagina img {
 	width: 100%;
 	height: auto;
}
.migas {
	width: 60%;
	float:left;
	margin-left:38%;
	margin-right:auto;
	margin-bottom:1%;
	display:inline;
	font-size:90%;
	text-align:right;
	margin-top:1%;
}
.separador {
	width: 98%;
	float:left;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:1%;
	margin-top:1%;
}
.separador img {
	width: 100%;
	height:1px;
}
.lista {
	margin-left:8%;
	font-size:100%;
	text-align:left;
	margin-top:1%;
	margin-bottom:4%;
	line-height: 2em;
}
.lista1 {
	margin-left:5%;
	font-size:95%;
	text-align:left;
	margin-top:1%;
	line-height:3em;
	
}
/* ~~ cookies ~~ */
/* CSS para la animación y localización de los DIV de cookies */
@keyframes desaparecer
{
0%		{bottom: 0px;}
80%		{bottom: 0px;}
100%		{bottom: -50px;}
}
@-webkit-keyframes desaparecer /* Safari and Chrome */
{
0%		{bottom: 0px;}
80%		{bottom: 0px;}
100%		{bottom: -50px;}
}
@keyframes aparecer
{
0%		{bottom: -38px;}
10%		{bottom: 0px;}
90%		{bottom: 0px;}
100%		{bottom: -38px;}
}
@-webkit-keyframes aparecer /* Safari and Chrome */
{
0%		{bottom: -38px;}
10%		{bottom: 0px;}
90%		{bottom: 0px;}
100%		{bottom: -38px;}
}
#cookiesms1:target {
    display: none;
}
.cookiesms{	
	width:100%;
	height:auto;
	margin:0 auto;
	padding-left:1%;
	padding-top:5px;
	font-size: 110%;
	clear:both;
	color: #000000;
	font-weight:bolder;
	bottom:0px;
	position:fixed;
	left: 0px;
	background-color: #EFEFEF;
	opacity:0.9;
	transition: bottom 1s;
	-webkit-transition:bottom 1s; /* Safari */
	-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
	-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
	box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
	z-index:999999999;
	text-align:center;
}
.cookiesms:hover{
	bottom:0px;
}
.cookies2{
	background-color: #EFEFEF;
	display:inline;
	opacity:0.95;
	position:absolute; 
	left:1%; 
	top:-30px;
	font-size:90%;
    font-family: 'Lato', sans-serif;
	height:30px;
	padding-left:25px;
	padding-right:25px;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-top-left-radius: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-topleft: 15px;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
	-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
	-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
	box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
}
.boton_cookies {
	width:20%;
	padding:5px;
	float:left;
	background-color:#D73440;
	color:#ffffff;
	margin-top:1%;
	margin-bottom:2%;
	margin-right:40%;
	margin-left:40%;
	text-align:center;
	font-size:100%;
	box-sizing:border-box;
	cursor:pointer;
	border-radius:5px;
	border:#999 thin solid;
}
.boton_cookies:hover {
	background-color:#58585A;
	color:#ffffff;
}

/* ~~ Este selector agrupado da espacio a las listas del área de .content ~~ */
body {
    font-family: 'Lato', sans-serif;
	font-size:100%;
	background-color:#FFF; 
	margin: 0;
	padding: 0;
	color:#000000;
}
/*=============== header ================*/
.header {
 	width: 100%;
	float:left;
 	margin-right: auto;
  	margin-left: auto;
	background: #000000;
	padding:5px;
	box-sizing:border-box;
	color:#FFFFFF;
	height:90px;
	opacity:0.9;
}
/*===============Particiones de pantalla ================*/
.container {
 	width: 100%;
	float:left;
 	margin-right: auto;
  	margin-left: auto;
  	background: #FFF;
}
.content {
 	width: 100%;
	float:left;
 	margin-right: auto;
  	margin-left: auto;
  	background: #FFF;
}
.content_texto {
 	width: 80%;
	float:left;
 	margin-right: 10%;
  	margin-left: 10%;
	text-align:justify;
	font-size:100%;
	margin-top:1%;
}
.content_texto_index {
 	width: 80%;
	float:left;
 	margin-right: 10%;
  	margin-left: 10%;
	text-align:justify;
	font-size:100%;
	margin-top:4%;
	margin-bottom:3%;
}
.izquierda {
 	width: 20%;
	float:left;
 	margin-right: 0;
  	margin-left: 2%;
	margin-bottom:3%;
}
.izquierda img {
	width: 100%;
	height:auto;
}
.derecha {
 	width: 67%;
	float:left;
 	margin-right: 2%;
  	margin-left: 6%;
}
.izquierda_grande {
 	width: 53%;
	float:left;
 	margin-right: 0;
  	margin-left: 2%;
	margin-bottom:3%;
}
.izquierda_grande img {
	width: 100%;
	height:auto;
}
.derecha_corta {
 	width: 42%;
	float:left;
 	margin-right: 0;
  	margin-left: 0;
}
.derecha_corta img {
	width: 100%;
	height:auto;
}
.centro_color {
 	width: 100%;
	float:left;
 	margin-right: auto;
  	margin-left: auto;
	padding:5px;
	box-sizing:border-box;
	background-color:#F9F9F9;
	margin-top:3%;
	margin-bottom:2%;
}
.centro {
 	width: 100%;
	float:left;
 	margin-right: auto;
  	margin-left: auto;
	padding:5px;
	box-sizing:border-box;
	margin-top:3%;
	margin-bottom:2%;
}
.centro_color_corto {
 	width: 80%;
	float:left;
 	margin-right: 10%;
  	margin-left: 10%;
	padding:5px;
	box-sizing:border-box;
	background-color:#F9F9F9;
	margin-top:3%;
	margin-bottom:2%;
}
.centro_docu {
 	width: 70%;
	float:left;
 	margin-right: 15%;
  	margin-left: 15%;
	padding-top:20px;
	padding-bottom:20px;
	padding-right:10px;
	padding-left:10px;
	box-sizing:border-box;
	background-color:#F9F9F9;
	margin-top:8%;
	margin-bottom:3%;
	text-align:center;
	box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}
.todo_docu {
 	width: 100%;
	float:left;
 	margin-right: auto;
  	margin-left: auto;
	padding-top:20px;
	padding-bottom:20px;
	padding-right:5px;
	padding-left:5px;
	box-sizing:border-box;
	background-color:#F9F9F9;
	margin-top:1%;
	margin-bottom:1%;
	text-align:left;
	box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
	font-size:88%;
}
.mitad_tres {
 	width: 33%;
	float:left;
	margin-left:auto;
	margin-right:auto;
}
.mitad_tres img {
	width: 100%;
	height:auto;
}
.mitad_total_cuadro {
 	width: 48%;
	float:left;
	margin-left:1%;
	margin-right:1%;
	margin-top:2%;
	margin-bottom:2%;
	box-sizing:border-box;
	padding:10px;
	border:thin #666 solid;
	font-size:105%;
}
.mitad_total {
 	width: 50%;
	float:left;
	margin-left:auto;
	margin-right:auto;
}
.mitad_total img {
	width: 100%;
	height:auto;
}
.texto_mitad_total {
 	width: 100%;
	float:left;
	margin-left:auto;
	margin-right:auto;
	padding:30px;
	box-sizing:border-box;
}
.foto_centrado {
 	width: 90%;
	float:left;
 	margin-right: 3%;
  	margin-left: 7%;
	border:thin #DBDBDB solid;
	margin-bottom:1%;
	margin-top:3%;
}
.foto_centrado img {
	width: 100%;
	height:auto;
}
/*=============== contenedores texto ================*/
.contenedor_textos {
 	width: 80%;
	float:left;
 	margin-right: 10%;
  	margin-left: 10%;
	margin-top:1%;
	margin-bottom:3%;
	border:thin #DBDBDB solid;
	box-sizing:border-box;
	padding:5px;
}
.links_textos {
 	width: 80%;
	float:left;
 	margin-right: 5%;
  	margin-left: 15%;
	margin-top:1%;
	margin-bottom:2%;
	font-size:80%;
    font-family: 'Lato', sans-serif;
	text-align:center;
}
.detalle_textos {
 	width: 94%;
	float:left;
 	margin-right: 3%;
  	margin-left: 3%;
	margin-top:1%;
	margin-bottom:2%;
	text-align:justify;
	font-size:100%;
	color:#000000;
}
/*===============logo y navegador ================*/
.logo {
 	width: 12%;
	float:left;
	margin-left:1%;
}
.logo img {
	width: 100%;
	height:auto;
}
.navegador {
 	width: 43%;
	float:left;
  	margin-left: 40%;
	font-size:100%;
	position:relative;
	z-index:1;
	text-align:right;
}
.logo_idiomas {
 	width: 30%;
	float:left;
}
.logo_idiomas img {
	width: 100%;
	height:auto;
}
/* ~~ confecciono menu DESPLEGABLE Y RESIZEABLE ~~ */ 
.menu_largo {
	display:none;
}
.menu_bar {
	display:none;
}
menu {
	width:100%;
	margin-left:0;
	float:left;
	font-size:100%;
    font-family: 'Lato', sans-serif;
	position: relative;
	z-index:1;
}
menu nav {
	z-index:1000;
	width:100%;
}
menu nav ul {
	list-style:none;
}
menu nav ul li {
	display:inline-block;
	position: relative;
	background:#000000;
	font-size:100%;
}
menu nav ul li:hover {
	color:#D73440;
}
menu nav ul li a {
	color:#D73440;
	display:block;
	text-decoration:none;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:10px;
	padding-right:10px;
}
menu nav ul li a span {
}
menu nav ul li:hover .children {
	margin-right:1px;
	display:block;
}
menu nav ul li .children {
	display: none;
	position: absolute;
	width: 150%;
	height:70px;
	z-index:1000;
	font-size:90%;
	margin-left:2px;
	border:thin #ffffff solid;
	padding:15px;
	box-sizing:border-box;
	background-color:#000000;
	text-align:left;
}
menu nav ul li .children li {
	float:left;
	display:block;
	overflow: hidden;
	line-height: 0.3em; 
}
menu nav ul li .children li a {
	display: block;
}
menu nav ul li .children li a span {
	float: right;
	position: relative;
	top:5px;
	margin-right:0;
	margin-left:5px;
}
menu nav ul li .caret {
	position: relative;
	top:3px;
	margin-left:10px;
	margin-right:0px;
}
.menu_largo ul {
	background-color:#000000;
	overflow:hidden;
	list-style:none;
	margin-top:-0.4%;
	font-size:100%;
	margin-left:0;
	padding:0;
}
.menu_largo ul li {
	float:left;
	text-align:center;
	width:19%;
}
.menu_largo ul li a {
	color:#FFFFFF;
	display:block;
	margin-top:2%;
	padding-top:1%;
	padding-bottom:1.5%;
	text-decoration:none;
}
.menu_largo ul li span {
	margin-right:8%;
}
.menu_largo ul li a:hover {
	color:#D73440;
}
.menu_largo ul li .children {
	display: none;
	position: absolute;
	width: 150%;
	z-index:1000;
}
.menu_largo ul li .children li {
	display:block;
	overflow: hidden;
}
.menu_largo ul li .children li a {
	display: block;
}
.menu_largo ul li .children li a span {
	float: right;
	position: relative;
	top:3px;
	margin-right:0;
	margin-left:10px;
}
.menu_largo ul li .caret {
	position: relative;
	top:3px;
	margin-left:10px;
	margin-right:0px;
}
/*=============== banner principal ================*/
.banner {
 	width: 100%;
	float:left;
	margin-right:auto;
	margin-left:auto;
}
.banner img {
 	width: 100%;
 	height: auto;
}
/*=============== programa index ================*/
.programa_index {
 	width: 90%;
	float:left;
 	margin-right: 3%;
  	margin-left: 7%;
	margin-bottom:2%;
	margin-top:1%;
}
.programa_index img {
	width: 100%;
	height:auto;
}
.programa_index1 {
 	width: 90%;
	float:left;
 	margin-right: 3%;
  	margin-left: 7%;
	margin-bottom:2%;
	margin-top:1%;
	box-sizing:border-box;
	border:thin #DBDBDB solid;
}
.programa_index1 img {
	width: 100%;
	height:auto;
}
/*=============== galeria ================*/
.parte_rel_galeria {
	width: 31%;
	float:left;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:4%;
}
.parte_rel_galeria_imagen {
	width: 96%;
	float:left;
	border:thin #DBDBDB solid;
	margin-bottom:2%;
	margin-left:2%;
	margin-right:2%;
	padding:1px;
	box-sizing:border-box;
}
.parte_rel_galeria_imagen img {
	width: 100%;
	height:auto;
}
.parte_rel_galeria_titulo {
	width: 90%;
	float:left;
	margin-left:3%;
	color:#D73440;
	text-align:center;
	font-size:120%;
	font-weight:bold;
	margin-top:1%;
}
.parte_rel_galeria_fecha {
	width: 90%;
	float:left;
	margin-left:3%;
	color:#000000;
	text-align:center;
	font-size:100%;
	font-weight:bold;
	margin-top:2%;
}
.mapa_centrado {
 	width: 90%;
	float:left;
 	margin-right: 5%;
  	margin-left: 5%;
	border:thin #DBDBDB solid;
	margin-bottom:1%;
	margin-top:1%;
}
.mapa_centrado img {
	width: 100%;
	height:auto;
}
.iz_index{
 	width: 70%;
	float:left;
    margin-top:-30%;
	color:#ffffff;
	text-align:center;
}
/* ~~ El pie de página ~~ */
/*=============== pie de la pagina ================*/
.footer {
	width: 100%;
	float:left;
	color:#000000;
}
.pie_superior {
	width: 100%;
	float:left;
	background: #F9F9F9;
	margin-top:2%;
}
.pie_centrado {
	width: 80%;
	float:left;
	margin-left:15%;
	margin-right:5%;
	text-align:center;
}
.pie_logos {
	width: 70%;
	float:left;
	padding:10px;
	box-sizing:border-box;
	margin-right:0;
	margin-left:25%;
	margin-top:2%;
	margin-bottom:1%;
}
.logo4 {
	width: 14%;
	float:left;
	margin-left:4%;
}
.logo4 img {
 	width: 100%;
 	height: auto;
}
.parte_footer {
	width:29%;
	float:left;
	padding:0;
	margin-left:2%;
	margin-top:1%;
	margin-bottom:1%;
	text-align:left;
}
.pie_inferior {
	width: 100%;
	float:left;
	background: #000000;
	color:#FFFFFF;
	font-size:85%;
	box-sizing:border-box;
	padding-top: 10px;
	box-sizing:border-box;
	text-align:center;
}
/* ~~ clases float/clear varias ~~ */
.fltrt {  /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* esta clase puede situarse en una <br /> o div vacía como elemento final tras la última div flotante (dentro de #container) si #footer se elimina o se saca fuera de #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/* ~~ letras ~~ */
.finlandica {
  font-family: "Finlandica", sans-serif;
}
.finlandica-<uniquifier> {
  font-family: "Finlandica", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
.lato-regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.lato-regular-italic {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: italic;
}
.letra_pie {
	font-size:120%;
    font-family: "Finlandica", sans-serif;
	font-weight:bold;
}
.letra_grande_salto {
	font-size:250%;
    font-family: "Finlandica", sans-serif;
	font-weight:bold;
}

/*======= botones ========*/
.boton_centrado {
	width: 38%;
	float:left;
	margin-left:31%;
	margin-right:31%;
	font-size:110%;
	text-align:center;
	padding:8px;
	box-sizing:border-box;
	border-radius:5px;
	background-color:#D73440;
	border:#D1D1D1 solid thin;
    font-family: "Lato", sans-serif;
	margin-top:5%;
}
.boton_centrado:hover {
	background-color:#9d9d9c;
}
.boton_sencillo {
	width: 20%;
	float:left;
	margin-left:1%;
	font-size:95%;
	text-align:center;
	padding:6px;
	box-sizing:border-box;
	border-radius:5px;
	background-color:#D73440;
	border:#D1D1D1 solid thin;
    font-family: "Lato", sans-serif;
}
.boton_sencillo:hover {
	background-color:#9d9d9c;
}
.botones_programas {
	width: 99%;
	float:left;
	margin-left:1%;
	margin-right:1%;
	margin-top:1%;
	margin-bottom:1%;
}
.boton_programas {
	width: 28%;
	float:left;
	margin-left:0;
	font-size:125%;
	text-align:center;
	padding:10px;
	box-sizing:border-box;
	border-radius:5px;
	background-color:#D73440;
	border:#D1D1D1 solid thin;
    font-family: "Lato", sans-serif;
}
.boton_programas:hover {
	background-color:#9d9d9c;
}
.boton_programas1 {
	width: 28%;
	float:left;
	margin-left:0;
	font-size:125%;
	text-align:center;
	padding:10px;
	box-sizing:border-box;
	border-radius:5px;
	background-color:#D73440;
	border:#D1D1D1 solid thin;
    font-family: "Lato", sans-serif;
}
.boton_programas1:hover {
	background-color:#9d9d9c;
}
.texto_programas {
	width: 65%;
	float:left;
	margin-left:1%;
	font-size:125%;
	text-align:left;
    font-family: "Lato", sans-serif;
	margin-top:2%;
}
.boton_presen {
	width:20%;
	float:left;
	cursor:pointer;
	box-sizing:border-box;
	background-color:#D73440;
	padding:10px;
	text-align:center;
	font-size:100%;
	margin-left:42%;
	margin-top:2%;
	border:#FFFFFF solid thin;
	border-radius:5px;
}
.boton_presen:hover {
	background-color:#8B8B8E;
}
.boton_programas_grande {
	width: 52%;
	float:left;
	margin-left:0;
	font-size:125%;
	text-align:center;
	padding:10px;
	box-sizing:border-box;
	border-radius:5px;
	background-color:#D73440;
	border:#D1D1D1 solid thin;
    font-family: "Lato", sans-serif;
}
.boton_programas_grande:hover {
	background-color:#9d9d9c;
}
.botones_programas_junto {
	width: 40%;
	float:left;
	margin-left:5%;
	margin-right:5%;
	margin-top:2%;
	margin-bottom:5%;
}
.boton_programas_junto {
	width: 96%;
	float:left;
	margin-left:2%;
	font-size:110%;
	text-align:center;
	padding:6px;
	box-sizing:border-box;
	border-radius:5px;
	background-color:#D73440;
	border:#D1D1D1 solid thin;
    font-family: "Lato", sans-serif;
}
.boton_programas_junto:hover {
	background-color:#9d9d9c;
}
}
/*=========================MEDIA QUERIES PANTALLA XLL ================================*/
@media screen and (max-width: 1650px){
/*=============== header ================*/
.logo {
 	width: 13%;
}
.navegador {
 	width: 43%;
  	margin-left: 39%;
}
.texto_programas {
	font-size:119%;
}
}
/*=========================MEDIA QUERIES PANTALLA XLL ================================*/
@media screen and (max-width: 1550px){
.texto_programas {
	font-size:107%;
}
.logo {
 	width: 14%;
}
.navegador {
 	width: 50%;
  	margin-left: 31%;
}
.todo_docu {
	font-size:75%;
}
/*======= botones ========*/
.boton_programas_grande {
	width: 62%;
}
}
/*=========================MEDIA QUERIES PANTALLA XLL ================================*/
@media screen and (max-width: 1400px){
/*=============== pie de la pagina ================*/
.logo {
 	width: 15%;
}
.navegador {
 	width: 57%;
  	margin-left: 25%;
}
.texto_programas {
	font-size:96%;
}
.content_texto {
 	width: 90%;
 	margin-right: 5%;
  	margin-left: 5%;
	font-size:95%;
}
.content_texto_index {
 	width: 90%;
 	margin-right: 5%;
  	margin-left: 5%;
	font-size:95%;
}
.centro_color_corto {
 	width: 90%;
 	margin-right: 5%;
  	margin-left: 5%;
	font-size:95%;
}
/*======= botones ========*/
.boton_centrado {
	font-size:105%;
	padding:6px;
}
.boton_programas {
	font-size:105%;
	padding:8px;
}
.boton_programas1 {
	width: 20%;
	font-size:100%;
	padding:6px;
}
.boton_programas:hover {
	background-color:#9d9d9c;
}
.parte_footer {
	font-size:88%;
}
/*======= letras ========*/
.letra_grande_salto {
	font-size:230%;
    font-family: "Finlandica", sans-serif;
	font-weight:bold;
}
}
/*=========================MEDIA QUERIES PANTALLA L ( SAMSUNG GALAXY TAB 3'10) tablets grandes y pantalla a 1200 ================================*/
@media screen and (max-width: 1200px){
/*=============== utilidades ================*/
.comoh1 {
    font-family: 'Lato', sans-serif;
	font-weight:bold;
	font-size:160%;
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom:2%;
}
.comoh1_finla {
	font-family: "Finlandica", sans-serif;
	font-weight:bold;
	font-size:160%;
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom:2%;
}
h1 {
	font-size:160%;
}
h2 {
	font-size:120%;
}
.pc {
	display:none;
}
.resto {
	display:inline;
}
.tablet {
	display:inline;
}
.movil {
	display:none;
}
.flecha {
 	width: 5%;
 	margin-right: auto;
  	margin-left: auto;
}
.control_letra {
	font-size:90%;
}
.control_letra1 {
	font-size:130%;
}
.migas {
	font-size:85%;
}

/* ~~ cookies ~~ */
.cookiesms{	
	font-size: 0.9em;
}
.boton_cookies {
	width:30%;
	margin-right:35%;
	margin-left:35%;
}
/*=============== header ================*/
.header {
	height:75px;
}
/*=============== contenedores texto ================*/
.contenedor_textos {
 	width: 90%;
 	margin-right: 5%;
  	margin-left: 5%;
}
.detalle_textos {
	font-size:90%;
}
/*===============logo y navegador ================*/
.logo {
 	width: 19%;
	margin-left:1%;
}
.navegador {
 	width: 70%;
  	margin-left: 6%;
	font-size:85%;
}
.logo_idiomas {
 	width: 20%;
	float:left;
}
/* ~~ confecciono menu DESPLEGABLE Y RESIZEABLE ~~ */ 
menu {
	font-size:90%;
}
menu nav ul li a {
	padding-top:8px;
	padding-bottom:8px;
	padding-left:8px;
	padding-right:8px;
}
/*===============Particiones de pantalla ================*/
.texto_programas {
	font-size:108%;
	margin-top:1%;
}
.content_texto_index {
	margin-bottom:5%;
}
.izquierda {
 	width: 20%;
	float:left;
 	margin-right: 3%;
  	margin-left: 2%;
	margin-bottom:2%;
}
.derecha {
 	width: 100%;
	float:none;
 	margin-right: 0;
  	margin-left: 0;
}
.izquierda_grande {
 	width: 100%;
	float:none;
 	margin-right: 0;
  	margin-left: 0;
	margin-bottom:3%;
}
.derecha_corta {
 	width: 42%;
	float:left;
 	margin-right: 1%;
  	margin-left: 0;
	margin-bottom:1%;
}
.derecha_corta_r {
 	width: 42%;
	float:left;
 	margin-right: 4%;
  	margin-left: 0;
	margin-bottom:1%;
}
.foto_centrado {
 	width: 90%;
	float:left;
 	margin-right: 3%;
  	margin-left: 7%;
	border:thin #DBDBDB solid;
	margin-bottom:1%;
	margin-top:15%;
}
.centro_docu {
 	width: 90%;
 	margin-right: 5%;
  	margin-left: 5%;
	padding-top:15px;
	padding-bottom:15px;
	padding-right:5px;
	padding-left:5px;
	font-size:90%;
}
.mitad_total_cuadro {
 	width: 98%;
	margin-left:1%;
	margin-right:1%;
	margin-top:2%;
	margin-bottom:2%;
	padding:5px;
	font-size:100%;
}
/*=============== pie de la pagina ================*/
.pie_logos {
	width: 80%;
	margin-right:2%;
	margin-left:18%;
}
.logo4 {
	width: 16%;
	margin-left:4%;
}
.pie_centrado {
	width: 90%;
	float:left;
	margin-left:10%;
	margin-right:0%;
	text-align:center;
}
.parte_footer {
	width:31%;
	margin-left:0;
	font-size:80%;
}
/*======= botones ========*/
.boton_centrado {
	font-size:105%;
	padding:6px;
}
.boton_programas {
	width: 20%;
	font-size:115%;
	padding:6px;
}
.boton_programas_grande {
	width: 40%;
	font-size:105%;
	padding:6px;
}
.boton_presen {
	width:25%;
	padding:6px;
	font-size:95%;
	margin-left:38%;
}
/*======= letras ========*/
.letra_grande_salto {
	font-size:160%;
    font-family: "Finlandica", sans-serif;
	font-weight:bold;
}
}
/*=========================MEDIA QUERIES PANTALLA M (APPLE AIPAD 1234 AIR) ================================*/ 
@media screen and (max-width: 800px){
/*=============== utilidades ================*/
.flecha {
 	width: 6%;
 	margin-right: auto;
  	margin-left: auto;
}
.container {
	font-size:90%;
}
/*=============== header ================*/
.header {
	height:65px;
}
/*===============logo y navegador ================*/
.logo {
 	width: 19%;
	margin-left:1%;
}
.navegador {
 	width: 71%;
  	margin-left: 3%;
	font-size:85%;
}
.logo_idiomas {
 	width: 15%;
	float:left;
}
/* ~~ confecciono menu DESPLEGABLE Y RESIZEABLE ~~ */ 
menu {
	font-size:85%;
}
menu nav ul li a {
	padding-top:8px;
	padding-bottom:8px;
	padding-left:5px;
	padding-right:5px;
}
/*===============Particiones de pantalla ================*/
.mitad_total {
 	width: 98%;
	float:left;
	margin-left:2%;
	margin-right:2%;
}
.foto_centrado {
 	width: 90%;
 	margin-right: 6%;
  	margin-left: 4%;
	margin-bottom:1%;
	margin-top:3%;
}
.texto_mitad_total {
	padding:10px;
	box-sizing:border-box;
}
.izquierda {
 	width: 23%;
	float:left;
 	margin-right: 4%;
  	margin-left: 3%;
	margin-bottom:2%;
}
.derecha {
 	width: 100%;
	float:none;
 	margin-right: 0;
  	margin-left: 0;
}
.todo_docu {
	margin-top:3%;
	margin-bottom:2%;
}
/*=============== pie de la pagina ================*/
.pie_logos {
	width: 82%;
	margin-right:2%;
	margin-left:15%;
}
.logo4 {
	width: 18%;
	margin-left:4%;
}
.pie_centrado {
	width: 94%;
	margin-left:6%;
	margin-right:0%;
	text-align:center;
}
.parte_footer {
	font-size:90%;
}
/*======= botones ========*/
.boton_centrado {
	width: 30%;
	margin-left:33%;
	margin-right:33%;
	font-size:105%;
	padding:6px;
}
.boton_programas_grande {
	width: 50%;
	font-size:105%;
	padding:6px;
}
/*======= letras ========*/
.letra_grande_salto {
	font-size:130%;
    font-family: "Finlandica", sans-serif;
	font-weight:bold;
}
}
/*=========================MEDIA QUERIES PANTALLA S  MOVIL LG ================================*/
@media screen and (max-width: 428px){
/*=============== utilidades ================*/
.comoh1 {
    font-family: 'Lato', sans-serif;
	font-weight:bold;
	font-size:130%;
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom:2%;
}
.comoh1_finla {
	font-family: "Finlandica", sans-serif;
	font-weight:bold;
	font-size:130%;
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom:2%;
}
h1 {
	font-size:130%;
}
h2 {
	font-size:110%;
}
.pc {
	display:none;
}
.resto {
	display:inline;
}
.tablet {
	display:none;
}
.movil {
	display:inline;
}
.flecha {
 	width: 8%;
 	margin-right: auto;
  	margin-left: auto;
}
.migas {
	width: 97%;
	float:left;
	margin-left:1%;
	margin-right:2%;
	margin-top:2%;
	margin-bottom:3%;
	font-size:75%;
}
/* ~~ cookies ~~ */
.cookiesms{	
	font-size: 0.8em;
}
.boton_cookies {
	width:60%;
	margin-right:20%;
	margin-left:20%;
}
/*=============== header ================*/
.header {
	height:75px;
}
/*===============logo y navegador ================*/
.logo {
 	width: 48%;
	float:left;
	margin-right:49%;
	margin-left:3%;
}
.navegador {
 	width: 20%;
	float:left;
  	margin-left:80%;
	margin-top:-8%;
	position: relative;
	z-index:1;
}
.logo_idiomas {
 	width: 30%;
	float:left;
}
/*=============== menu DESPLEGABLE Y RESIZEABLE ================*/
.menu_bar {
	margin-top:0;
	display:block;
	float:left;
	width: 25%;
	margin-left:55%;
	margin-top:-11%;
}
.menu_bar .bt-menu {
	display: block;
	padding: 8px;
	color:#ffffff;
	overflow: hidden;
	font-size: 125%;
	text-decoration: none;
	font-weight:bold;
}
.menu_bar span {
	float: right;
	font-size: 130%;
}
.menu_largo {
	z-index:1000;
	display:inline;
	width:60%;
	height:100%;
	left:-100%;
	margin:0;
	position: fixed;
	background-color:#000000;
	margin-top:16%;
	font-size:100%;
	padding-top:20px;
	padding-bottom:20px;
	padding-right:5px;
	padding-left:5px;
	box-sizing:border-box;
	border:thin #000 solid;
}
.menu_largo ul li {
	display:block;
	float:none;
	width:95%;
	margin-left:5%;
	margin-right:0%;
	text-align:left;
	background-color:#000000;
	font-size:90%;
}
.menu_largo ul li:hover .children {
	display: none;
}
.menu_largo ul li .children {
	width: 100%;
	position: relative;
}
.menu_largo ul li .children li a {
	margin-left:0px;
}
.menu_largo ul li .caret {
	float: right;
}
/*===============Particiones de pantalla ================*/
.izquierda_grande {
 	width: 100%;
	float:none;
 	margin-right: 0;
  	margin-left: 0;
	margin-bottom:3%;
}
.derecha_corta {
	display:none;
}
.derecha_corta_m {
 	width: 99%;
	float:left;
 	margin-right: 1%;
  	margin-left: -1%;
	margin-top:3%;
	margin-bottom:3%;
}
.derecha_corta_r img {
	width: 100%;
	height:auto;
}
.izquierda {
 	width: 30%;
	float:left;
 	margin-right: 4%;
  	margin-left: 4%;
	margin-bottom:2%;
}
.centro_color_corto {
	margin-top:6%;
	margin-bottom:6%;
}
.texto_mitad_total {
	padding:0px;
	box-sizing:border-box;
}
.mitad_tres {
 	width: 96%;
	float:left;
	margin-left:2%;
	margin-right:2%;
	margin-top:10%;
}

/*=============== galeria ================*/
.parte_rel_galeria {
	width: 98%;
	float:left;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:10%;
}
/*=============== pie de la pagina ================*/
.parte_footer {
	width:96%;
	margin-left:2%;
	margin-top:3%;
	margin-bottom:3%;
	font-size:95%;
}
.pie_logos {
	width: 98%;
	margin-right:0;
	margin-left:2%;
}
.logo4 {
	width: 20%;
	margin-left:4%;
}
/*======= botones ========*/
.boton_sencillo {
	width: 37%;
	margin-left:4%;
	font-size:95%;
	padding:6px;
}
.boton_programas {
	width: 37%;
	margin-left:4%;
	margin-right:59%;
	font-size:105%;
	padding:6px;
}
.boton_programas1 {
	width: 37%;
	margin-left:4%;
	font-size:105%;
	padding:6px;
}
.texto_programas {
	width: 98%;
	margin-left:1%;
	font-size:101%;
	text-align:left;
	margin-top:2%;
}
.boton_centrado {
	width: 40%;
	margin-left:30%;
	margin-right:30%;
	font-size:105%;
	padding:6px;
}
.boton_programas_grande {
	width: 80%;
	font-size:105%;
	padding:6px;
	margin-left:2%;
}
.boton_presen {
	width:45%;
	padding:3px;
	font-size:85%;
	margin-left:25%;
}
/*======= letras ========*/
.letra_grande_salto {
	font-size:70%;
    font-family: "Finlandica", sans-serif;
	font-weight:bold;
}
}