/* Estilos de la cabecera___________________________________________________________________________*/
	/* Estilo general de la cabecera */
	h1
	{
		color: #10979B;
		font-size: 16px;
		font-weight: bold;
	}
	/* Estilos particulares de la cabecera - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
		/* Imagen */
		h1.imagen
		{
			margin: 0 auto;
			text-align: right;
		}
		/* Logotipo */
		h1.logo
		{
			margin: 0 auto;
			text-align: center;
		}
		/* Texto */
		h1.texto
		{
			text-align: left;
		}
		/* pantallas pequeñas */
		@media screen and (max-width: 610px){
			h1.texto
				{
					font-size: 8px;
				}
        }
		/* Barra de menús de acceso rápido */
		h1.menuVinculos 
		{
			background: #F2F2F2;
			font-size: 4px;
			margin: 0 auto;
			text-align: right;
		}
	/* Estilo general de la tabla de cabecera - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	table.tablaCabecera
	{
		background: black;
		border-bottom: solid #215868 4px;
		border-left: solid black 1px;
		border-right: solid black 1px;
		border-spacing: 0px;
		border-top: solid black 1px;
		line-height: 0.5;
		margin-top: 1px;
		width: 100%;
	}
	/* Estilos particulares de la tabla de cabecera - - - - - - - - - - - - - - - - - - - - - - - -*/
		/* Celdas */
		table.tablaCabecera td
		{
			padding: 0px 0px 1px 0px;
		}
/* Estilos de pie de página________________________________________________________________________*/
	address 
	{
		background: #F2F2F2;
		border-top: thin dotted gray;
		color: #21798E;
		font-size: 11px;
		font-weight: bold;
		margin-top: 1em;
		padding-right: 1em;
		padding-top: 0.2em;
		text-align: right;
	}	
/* Estilos del título______________________________________________________________________________*/
	/* Estilo general del título */
	h2
	{
		background: #F2F2F2;
		border-bottom: solid gray 4px;
		color: #21798E;
		font-size: 20px;
		font-weight: bold;
		line-height: 1;
		margin: 0 auto;
		padding-bottom: 0.2em;
	}
/* Estilos de tabla de menú principal______________________________________________________________*/
	/* Estilo general de la tabla de menú principal - - - - - - - - - - - - - - - - - - - - - - - -*/
	table.tablaMenuPrincipal
	{
		border-bottom: solid #21798E 0.4px;
		border-left: solid #21798E 0.2px;
		border-right: solid #21798E 0.2px;
		border-spacing: 0px;
		border-top: solid #21798E 0.4px;
		line-height: 1.15;
		width: 100%;
	}
	/* Estilos particulares de la tabla de menú principal - - - - - - - - - - - - - - - - - - - - -*/
		/* Cabecera */
		table.tablaMenuPrincipal th
		{
			background:#21798E;
			padding: 8px 10px 8px 10px;
			width: 33.33%;
		}
		table.tablaMenuPrincipal th:not(:first-child):not(:last-child)
		{
			border-left: solid white 0.1px;
			border-right: solid white 0.1px;
		}
		/* Celdas*/
		table.tablaMenuPrincipal td
		{
			padding: 8px 10px 8px 10px;
		}
		table.tablaMenuPrincipal td:not(:first-child):not(:last-child)
		{
			border-left: solid #21798E 0.1px;
			border-right: solid #21798E 0.1px;
		}
/* Estilos de tabla de acciones____________________________________________________________________*/
	/* Estilo general de la tabla de acciones - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	table.tablaAcciones
	{
		border: solid #21798E 0.2px;
		border-spacing: 0px;
		line-height: 1.15;
		margin-left: auto;
		margin-right: auto;
	}
	/* Estilos particulares de la tabla de menú principal - - - - - - - - - - - - - - - - - - - - -*/
		/* Cabecera */
		table.tablaAcciones th
		{
			background:#21798E;
			padding: 2px 5px 2px 5px;
			text-transform: uppercase;
		}
		table.tablaAcciones th:first-child 
		{
			border-right: solid white 0.1px;
		}
		/* Celdas*/
		table.tablaAcciones td
		{
			border-top: solid #21798E 0.1px;
			padding: 2px 5px 2px 5px;
		}
		table.tablaAcciones td:first-child 
		{
			border-right: solid #21798E 0.1px;
			font-weight: bold;
		}
/* Estilos de tabla general________________________________________________________________________*/
	/* Estilo general de la tabla general - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	table.tablaGeneral
	{
		border: solid #21798E 0.2px;
		border-spacing: 0px;
		line-height: 1.15;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}
	/* Estilos particulares de la tabla general - - - - - - - - - - - - - - - - - - - - - - - - - -*/
		/* Cabecera */
		table.tablaGeneral th
		{
			background:#21798E;
			border-right: solid white 0.1px;
			padding: 2px 5px 2px 5px;
			text-transform: uppercase;
		}
		table.tablaGeneral th:first-child 
		{
			border-right: solid white 0.1px;
		}
		/* Celdas*/
		table.tablaGeneral td
		{
			border-right: solid #21798E 0.1px;
			border-top: solid #21798E 0.1px;
			padding: 2px 5px 2px 5px;
		}
		table.tablaGeneral td:first-child 
		{
			border-right: solid #21798E 0.1px;
			font-weight: bold;
		}
		table.tablaGeneral tr:nth-child(even) {
		  background-color: #EAF2F8;
		}
/* Estilos de tabla simple________________________________________________________________________*/
	/* Estilo general de la tabla simple - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	table.tablaSimple
	{
		border: solid #21798E 0.2px;
		border-spacing: 0px;
		line-height: 1.15;
		margin-left: auto;
		margin-right: auto;
	}
	/* Estilos particulares de la tabla simple - - - - - - - - - - - - - - - - - - - - - - - - - -*/
		/* Cabecera */
		table.tablaSimple th
		{
			background:#21798E;
			border-right: solid white 0.1px;
			padding: 2px 5px 2px 5px;
			text-transform: uppercase;
		}
		table.tablaSimple th:first-child 
		{
			border-right: solid white 0.1px;
		}
		/* Celdas*/
		table.tablaSimple td
		{
			border-right: solid #21798E 0.1px;
			border-top: solid #21798E 0.1px;
			padding: 2px 5px 2px 5px;
			text-align: center;
		}
/* Estilos del grupo de diálogo____________________________________________________________________*/
	/* Estilo general del grupo de diálogo */
	h3
	{
		border-bottom: solid #A6A6A6 1.5px;
		color: #21798E;
		font-size: 15px;
		font-weight: normal;
		margin: 0 auto;
		padding-bottom: 0.5em;
		padding-top: 0.5em;
	}
/* Estilos de definiciones de diálogos_____________________________________________________________*/
	/* Nombre de dato de diálogo */
	dt
	{
		font-weight: bold;
		margin-left: 35px;
		padding-top: 1em;
	}
	/* Descripción de dato de diálogo */
	dd
	{
		margin-left: 60px;
		padding-bottom: 0.3em;
	}
	/* Imagen */
	dd.imagen 
	{
		text-align: center;
	}

/* Estilos del párrafo_____________________________________________________________________________*/
	/* Estilo general del párrafo */
	html, body {
		font-family: Arial, sans-serif;
		font-size: 13px;
		height: 100%;
		margin-bottom: 0;
		margin-left: 10;
		margin-right: 10;
		margin-top: 0;
	}
	.cursiva
	{
		font-style: italic;
	}
	.negrita
	{
		font-weight: bold;
	}
	.enfasis
	{
		color: #215868;
		font-style: italic;
	}
	.notaPie
	{
		font-size: 10px;
		text-transform: none;
	}
	/* Estilos para colocar el pie de página - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	.wrapper 
	{
	  min-height: 95%;

	  /* Debe ser igual a height de footer */
	  margin-bottom: -0px;
	}
	.footer,
	.push 
	{
	  height: 0px;
	}
	/* Estilos particulares de tabla de Menú Principal- - - - - - - - - - - - - - - - - - - - - - -*/
		/* Cabecera */
	.cabeceraTablaPrincipal
	{
		color: white;
		font-size: 14px;
	}
		/* Cuerpo */
	.cuerpoTablaPrincipal
	{
		font-size: 14px;
	}
	/* Estilos particulares de tabla de acciones - - - - - - - - - - - - - - - - - - - - - - - - - */
		/* Cabecera */
	.cabeceraTablaAcciones
	{
		color: white;
	}
		/* Cuerpo */
	.cuerpoTablaAcciones
	{
	}
	/* Estilos particulares de tabla general - - - - - - - - - - - - - - - - - - - - - - - - - */
		/* Cabecera */
	.cabeceraTablaGeneral
	{
		color: white;
	}
		/* Cuerpo */
	.cuerpoTablaGeneral
	{
	}
	/* Estilos particulares de tabla simple - - - - - - - - - - - - - - - - - - - - - - - - - */
		/* Cabecera */
	.cabeceraTablaSimple
	{
		color: white;
	}
		/* Cuerpo */
	.cuerpoTablaSimple
	{
	}
	/* Estilos particulares de párrafo - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		/* Párrafo alineado a la derecha */
		.izquierda 
		{
			text-align: left;
		}
		p.derecha 
		{
			text-align: right;
		}
		/* Párrafo alineado en el centro */
		p.centro 
		{
			text-align: center;
		}
		/* Imagen */
		p.imagen 
		{
			text-align: center;
		}
		/* Vea también (título)*/
		p.veaTambien
		{
			background: #F2F2F2;
			border-bottom: solid #A6A6A6 1px;
			color: #2DA2BF;
			font-size: 16px;
			font-weight: bold;
			line-height: 1.5;
			margin: 0 auto;
		}
		/* Recuadrado */
		p.recuadrado
		{
			background: #BEE6F0;
			border-bottom: solid #2DA2BF 1px;
			border-left: 6px solid #2DA2BF;
			font-size: 15px;
			font-weight: bold;
			line-height: 1.5;
			margin: 10px;
			padding: 6px;
		}
/* Estilos de lista________________________________________________________________________________*/
	/* Enumeraciones (listas ordenadas) */
	ol
	{
		background: #F6F6F6;
	}
	ol li
	{
		margin-bottom: 20px;
	}
	/* Estilo general de la lista */
	#listaCuadrados li
	{
		line-height: 1.15;
		list-style-type: none;
		padding-bottom: 1.5em;
		text-indent: -16px;
	}
	/* Estilo viñeta de la lista */
	#listaCuadrados li:before {
		content: "▪";
		padding-right: 10px;
	}
	/* Estilo general de la lista sin interlineado */
	#listaCuadradosSinInterlineado li
	{
		line-height: 1.15;
		list-style-type: none;
		padding-bottom: 0.5em;
		text-indent: -16px;
	}
	/* Estilo viñeta de la lista */
	#listaCuadradosSinInterlineado li:before {
		content: "▪";
		padding-right: 10px;
	}
	/* Estilo general de la lista sin interlineado */
	#listaGuionesSinInterlineado li
	{
		line-height: 1.15;
		list-style-type: none;
		padding-bottom: 0.5em;
	}
	/* Estilo viñeta de la lista */
	#listaGuionesSinInterlineado li:before {
		content: "-";
		padding-right: 10px;
	}
	/* Lista de novedades */
	#listaNovedades
	{
		background: white;
	}
	/* Lista de histórico de novedades */
	#listaHistoricoNovedades
	{
		background: white;
		list-style-type: none;
	}
	#datoHistoricoNovedades
	{
		padding-bottom: 10px;
	}
/* Estilos de vínculos_____________________________________________________________________________*/
	a:link   
	{   
		text-decoration:none;   
	}   
	a:hover
	{
		cursor: pointer;
		text-decoration:underline;
		color: #275666;
	}
/* Estilos de referencias___________________________________________________________________________*/
	.referencia:hover
	{
		cursor: auto;
		text-decoration:none;
		color: black;
	}
/* Estilos de "Más información"_____________________________________________________________________*/
	.masInfo
	{
		color: #21798E;
	}
	.masInfo:hover
	{
		cursor: pointer;
	}
	.oculto 
	{
		display:none;
		/*background-color: #F8F8F8;*/
		border-spacing: 100px;
		border: dotted 1px #A6A6A6;
		padding: 2px;
		padding-bottom: 0.3em;
	}

/* Texto de cabecera______________________________________________________________________________*/
		/* pantallas grandes */
        #txtCabecera
		{
            width: 30%;
        }
		/* pantallas pequeñas */
		@media screen and (max-width: 610px){
			#txtCabecera
				{
					width: 50%;
				}
        }

/* Imagen de cabecera______________________________________________________________________________*/
		/* pantallas grandes */
        #bgCabecera
		{
            background-image: url("Images/Banda.gif");
            background-size: cover;
            background-repeat: no-repeat;
        }
		/* pantallas pequeñas */
		@media screen and (max-width: 610px){
			#bgCabecera
				{
					background-image: url("Images/BandaBajaResolucion.gif");
				}
        }

/* Imagen de página en construcción________________________________________________________________*/
		/* pantallas grandes */
		#bgEnConstruccion
		{
            background-image: url("Images/GEN_EnConstruccion_001.jpg");
            background-size: cover;
            background-repeat: no-repeat;
        }
		/* pantallas pequeñas */
		@media screen and (max-width: 610px){
			#bgEnConstruccion
				{
					background-image: url("Images/GEN_EnConstruccion_002.jpg");
				}
        }

/* Aviso */
	#aviso
	{
		background-color: GhostWhite;
		font-size: 15px;
		margin-top: 0px;
		text-align: center;
	}
	#avisoJustificado
	{
		background-color: GhostWhite;
		font-size: 15px;
		margin-top: 0px;
	}

/* Iconos */
#iconoDescargaPequeño
{
	font-size: 16px;
}

/* Botones */
.Boton_01 {
    background-color: #215868;
    border: none;
    color: white;
    padding: 5px 25px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
}

.Boton_01:hover {
    background-color: #10979B;
}

/* Deslizador de imágenes */
/* .container { */
	/* position: relative; */
/* } */
/* .deslizador_izq { */
	/* position:absolute; */
	/* top:50%; */
	/* left:0%; */
	/* transform:translate(0%,-50%); */
	/* -ms-transform:translate(-0%,-50%); */
	/* font-size: 25px; */
	/* color:#fff!important; */
	/* background-color:#000!important; */
	/* border:none; */
	/* display:inline-block; */
/* } */
/* .deslizador_der { */
	/* position:absolute; */
	/* top:50%; */
	/* left:100%; */
	/* transform:translate(-100%,-50%); */
	/* -ms-transform:translate(-100%,-50%); */
	/* font-size: 25px; */
	/* color:#fff!important; */
	/* background-color:#000!important; */
	/* border:none; */
	/* display:inline-block; */
/* } */
.mySlides {display: none}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  background-color: rgba(0,0,0,0.8);
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: black;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  bottom: -20px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: black;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
  left: 90%;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 10px;
  width: 10px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}

.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 320px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

/* .tooltip .tooltiptext::after { */
  /* content: ""; */
  /* position: absolute; */
  /* top: 100%; */
  /* left: 50%; */
  /* margin-left: -5px; */
  /* border-width: 5px; */
  /* border-style: solid; */
  /* border-color: #555 transparent transparent transparent; */
/* } */

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}