@charset "utf-8";
/* CSS Document */
/*Azul: 0A6F8B
Verde: 22D273
Turquesa: 00A99D*/
/*myImagen*/
	/* Tamaño normal de la imagen */
	#myImagen {
		width: 550px;
		height: auto;
		transition: transform 0.3s; /* Suaviza el cambio */
	}

	/* Cambia el tamaño al pasar el mouse */
	#myImagen:hover {
		transform: scale(2); /* Aumenta el tamaño 1.5 veces */
		position: relative; /* Necesario para ajustar el desplazamiento */
	}
/*myImagen*/
	/* Tamaño normal de la imagen */
	#myImagen1 {
		width: 600px;
		height: auto;
		transition: transform 0.3s; /* Suaviza el cambio */
	}

	/* Cambia el tamaño al pasar el mouse */
	/*#myImagen1:hover {
		transform: scale(1.5); 
		position: relative; 
	}*/
/*myImagen*/
	/* Tamaño normal de la imagen */
	#myImagen2 {
		width: 300px;
		height: auto;
		transition: transform 0.3s; /* Suaviza el cambio */
		
		/*width: 300px;
		height: auto;
		transition: transform 0.3s; /* Suaviza el cambio */
	}

	/* Cambia el tamaño al pasar el mouse */
	#myImagen2:hover {
		/*transform: scale(1.5); /* Aumenta el tamaño 1.5 veces */
		/*position: relative; /* Necesario para ajustar el desplazamiento */
		transform: scale(2); /* Aumenta el tamaño 1.5 veces */
		position: relative; /* Necesario para ajustar el desplazamiento */
	}
a:link {

	color: #00A99D;

}
a:visited {
	color: #00A99D;
}
a:hover {
	color: #00A99D;
}
a:active {
	color: #00A99D;
}
table {
  border: none;
  border-collapse: collapse;
}

table td, table th {
/*  border: none;*/

}

.tabla_base{
	width:100%;
	margin-left:10%;
	margin-right:10%;
	background:#999;
}

.myImagen{
	width:80%;
	text-align:center;
	margin-left 2%;
	margin-right:2%;
	margin-top:2%;
	margin-bottom:2%;
}
.myImagen2{
	width:80%;
	text-align:center;
	margin-left 2%;
	margin-right:2%;
	margin-top:2%;
	margin-bottom:2%;
}
.myImagenLeft{
	width:80%;
	text-align:left;
	margin-left 2%;
	margin-right:2%;
	margin-top:2%;
	margin-bottom:2%;
}
p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#999;
	margin-left:3%;
	margin-right:25%;
	text-align:justify;
}
.p2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#999;
	margin-top:5%;
	margin-left:3%;
	margin-right:5%;
	text-align:right;
}

.pPeq{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#999;
	margin-left:3%;
	margin-right:25%;
}
.liPeq{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#999;
	margin-left:3%;
	margin-right:25%;
}
ul, ol, li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#666;
	margin-left:1%;
	margin-right:1%;
	text-align:justify;
}
.li_importante{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#999;
	margin-left:1%;
	margin-right:10%;
	text-align:justify;
}
.li_parrafo{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#999;
	margin-left:3%;
	margin-right:10%;
	text-align:justify;
}

.pSubTitulo{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	margin-left:3%;
	margin-right:5%;
	background-color:#099;
	color:#FFF;
}
hr{
	border-color:#0A6F8B;
}
.div_img{
	margin-top:40px;
	margin-left:10%;
	margin-right:10%;
	margin-bottom:30px;
}
.nota_importante{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#999;
	margin-left:3%;
	margin-right:10%;
	text-align:justify;
}
.xImg{
	margin-top:20px;
	margin-bottom:15px;
}
.titulo{
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	color:#0A6F8B;
	margin-top:5px;
}
.titulo1{
	font-family:Verdana, Geneva, sans-serif;
	font-size:26px;
	color:#0A6F8B;
	margin-top:5px;
}
.pie_de_pagina{
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	color:#0A6F8B;
	margin-top:5px;
}
h1{
	color:#F60;/* #98FF98; #FFA500;*/
}
h2{
	font-family:Verdana, Geneva, sans-serif;
	font-size:26px;
	color:#0A6F8B;
	margin-top:5px;
}
h3{
	font-family:Verdana, Geneva, sans-serif;
	font-size:22px;
	color:#0A6F8B;
	margin-top:20px;
}
h4{
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	color:#0A6F8B;
	margin-top:2%;
	margin-left:3%;
	margin-bottom:2%;
}
.myH4{
	font-family:Verdana, Geneva, sans-serif;
	font-size:22px;
	color:#0A6F8B;
	margin-top:2%;
	margin-left:3%;
	margin-bottom:2%;
}
.boton-moderno {
  background-color: white; /* Color de fondo blanco */
  border: 1px solid #C0C0C0; /* Borde gris suave */
  color: #0A6F8B; /* Color del texto azul */
  padding: 10px 20px; /* Relleno */
  text-align: center; /* Alineación del texto */
  text-decoration: none; /* Sin subrayado */
  display: inline-block; /* Mostrar en línea */
  font-size: 16px; /* Tamaño del texto */
  margin: 4px 2px; /* Márgenes */
  cursor: pointer; /* Cambia el cursor al pasar sobre el botón */
  border-radius: 4px; /* Bordes ligeramente redondeados */
  transition: background-color 0.3s, color 0.3s, border-color 0.3s; /* Transiciones suaves */
}

.boton-moderno:hover {
  background-color: #0A6F8B; /* Cambio de color de fondo al pasar el ratón */
  color: white; /* Cambio de color del texto al pasar el ratón */
  border-color: #0A6F8B; /* Cambio de color del borde al pasar el ratón */
}

.boton-igual {
  background-color: #0A6F8B; /* Color de fondo azul */
  border: none; /* Sin borde */
  color: white; /* Color del texto */
  padding: 15px 32px; /* Relleno */
  text-align: center; /* Alineación del texto */
  text-decoration: none; /* Sin subrayado */
  display: inline-block; /* Mostrar en línea */
  font-size: 16px; /* Tamaño del texto */
  margin: 1px 1px; /* Márgenes */
  cursor: pointer; /* Cambia el cursor al pasar sobre el botón */
  border-radius: 12px; /* Bordes redondeados */
  transition-duration: 0.4s; /* Duración de la transición para efectos */
  width: 220px; /* Ancho fijo */
}

.boton-igual:hover {
  background-color: #005f73; /* Cambio de color azul más oscuro al pasar el ratón */