input, select {
	color : #000000;
	font-size : 12px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
div {
	margin-top : 0px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
}
.px {
	padding-top : 0px;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	margin-top : 2px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
}
.px5 {
	padding-top : 5px;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	margin-top : 5px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
}
.menu01 {
	color : #707070;
	margin-top : 0px;
	padding-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
	text-align: center;
}
.menu01 a {
	color : #707070;
	text-decoration: none;
}
.menu01 a:hover {
	color : #333333;
}
.menu02 {
	color : #FFFFFF;
	margin-top : 0px;
	padding-bottom : 0px;
	margin-left : 10px;
	margin-right : 10px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
	text-align: center;
}
.menu02 a {
	color : #FFFFFF;
	text-decoration: none;
}
.menu02 a:hover {
	color : #F2F2F2;
}
.menu03 {
	color : #000000;
	margin-top : 0px;
	padding-bottom : 0px;
	margin-left : 10px;
	margin-right : 10px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
	text-align: center;
}
.menu03 a {
	color : #000000;
	text-decoration: none;
}
.menu03 a:hover {
	color : #555555;
}
.listaSocios {
	color : #000000;
	margin-top : 0px;
	padding-bottom : 0px;
	margin-left : 10px;
	margin-right : 10px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	text-align: center;
}
.title {
	color : #D44409;
	margin-top : 5px;
	padding-bottom : 5px;
	margin-left : 10px;
	margin-right : 10px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.right {
	color : #000000;
	margin-top : 5px;
	padding-bottom : 10px;
	margin-bottom : 5px;
	margin-left : 10px;
	margin-right : 10px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.right a {
	color : #EF6D00;
}
.right a:hover {
	color : #000000;
}
li {
	color : #000000;
	margin-top : -1px;
	padding-bottom : -1px;
	margin-bottom : -1px;
	margin-right : 1px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
}
ul, ol {
	color : #000000;
	margin-top : 0px;
	padding-bottom : 0px;
	margin-bottom : 0px;
	margin-right : 0px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
}
p {
	color : #000000;
	margin-top : 5px;
	padding-bottom : 5px;
	margin-bottom : 0px;
	margin-left : 10px;
	margin-right : 10px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
}
blockquote {
	color : #000000;
	margin-top : 5px;
	padding-bottom : 5px;
	margin-bottom : 0px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
}
p a {
	color : #294A7B;
}
p a:hover {
	color : #000000;
}
.bot {
	color : #000000;
	margin-top : 20px;
	padding-bottom : 10px;
	margin-bottom : 0px;
	margin-left : 200px;
	margin-right : 10px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.bot a {
	color : #000000;
	text-decoration: none;
}
.bot a:hover {
	color : #294A7B;
}
.botton {
            display: inline-block;
            padding: 10px 20px;
            font-size: 16px;
            color: white;
            background-color: #007bff;
            border: none;
            border-radius: 5px;
            text-align: center;
            cursor: pointer;
            text-decoration: none;
            margin: 5px;
        }
        .botton:hover {
            background-color: #0056b3;
        }
        .botton:active {
            background-color: #004080;
        }
.botonNormal {
	  display: inline-block;
	  padding: 1px 2px;
	  margin: 1px;
	  background-color: #007bff; /* Color de fondo similar al de los botones por defecto */
	  color: white; /* Color del texto */
	  border: 1px solid #007bff; /* Borde del mismo color que el fondo */
	  border-radius: 4px; /* Bordes redondeados */
	  text-align: center;
	  cursor: pointer; /* Cambia el cursor para que se vea como un botón */
	  font-size: 80%; /* Tamaño de la fuente */
	}
	
	.botonNormal:hover {
	  background-color: #0056b3; /* Color de fondo más oscuro cuando se hace hover */
	  border-color: #0056b3; /* Cambia el borde en hover */
	}
	
	.botonNormal:active {
	  background-color: #004085; /* Color de fondo más oscuro cuando se hace clic */
	  border-color: #004085; /* Cambia el borde cuando se hace clic */
	}
.buttonsBar{
    text-align: right;
    margin-top: 3px;
	}

/* VENTANA PARA CARGAR */
	.ventanaCarga {
				position: fixed; /*fixed; absolute Al colocar fixed aunque haga sroll no se mueve*/
				left: 0px;
				top: 0px;
				width: 100%;
				height: 100%;
				z-index: 999;
				background: 50% 50% no-repeat rgb(249,249,249);
				background: rgba(249, 249, 249, 0.8);
				display: none; /* Cambiar a block para mostrarlo document.getElementById("newCanal").style.display = 'block'; */
				
				/*modal.style.display = "flex";	//block grid*/
				justify-content: center;
				align-items: center;
			}
	.ventanaCargaIn {
			opacity: 1;
			background-color: #ccc;
			/*position: fixed;	/*absolute;*/
			padding:10px;
			box-shadow: 0px 10px 10px black;
			/*left: 50%;
			top: 50%;*/
			border-radius: 10px;
			/*transform: translate(-50%,-50%);*/
			width: auto;
			max-width: 95%; box-sizing: border-box;overflow-x: auto;
			max-height: 100%; overflow-y: auto;
			/*contenido.style.textAlign = "center"; // Centra el contenido horizontalmente*/
		}
/* FIN VENTANA PARA CARGAR */
.cartel-naranja {
            background-color: orange; /* Fondo naranja */
            color: white; /* Color del texto (puedes cambiarlo) */
            text-align: center; /* Texto centrado horizontalmente */
            padding: 5px; /* Espaciado interno */
            border-radius: 10px; /* Bordes redondeados opcionales */
            /*font-size: 1.1em; /* Tamaño de fuente */
            font-weight: bold; /* Texto en negrita */
            width: 90%; /* Ancho del div */
            margin: 10px auto; /* Centrando el div en la página */
        }
.cartel-rojo {
            background-color: red; /* Fondo naranja */
            color: white; /* Color del texto (puedes cambiarlo) */
            text-align: center; /* Texto centrado horizontalmente */
            padding: 5px; /* Espaciado interno */
            border-radius: 10px; /* Bordes redondeados opcionales */
            /*font-size: 1.1em; /* Tamaño de fuente */
            font-weight: bold; /* Texto en negrita */
            width: 90%; /* Ancho del div */
            margin: 10px auto; /* Centrando el div en la página */
        }