@charset "utf-8";
/* CSS Document */

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx GENERALES xxxxxxxxxxxxxxxxxxxxxxx*/
/* GENERALES A TODA LA PAGINA *: revisado el 7 abril 2024 */
body,td,th {
	font-family: "Roboto", "Cambria", "Hoefler Text", "Liberation Serif", "Times New Roman";
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

hr {
border: 0 none #802a8e;
border-top: 1px solid #802a8e;
height: 1px;
margin: 5px 0;
display: block;
clear: both;
}

/* ESTO FUE DE LA LECTURA MINUCIOSA DE PLANTILLA: 7 Abril 2024 */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx PLANTILLA xxxxxxxxxxxxxxxxxxxxxxxx */
/* boton flotante whatsapp */

.whatsapp {
	width: 235px;
	height: 75px;
	background-image: url("imagenes/diseno2022/LogoWhatsApp.png");
	background-position: center; /* Ajustar el tamaño de la imagen para cubrir todo el contenedor */
	transition: background-image 0.5s; /* Agrega transición para un cambio suave */
	background-size: cover; /* Centrar la imagen */
	overfloW: hidden;
	position: fixed; /* hace que un elemento se coloque respecto al viewport, Le dices dónde posicionarse al elemento, y se queda ahí mientras el usuario hace scroll ... cuando lo puse solo no hizo nada, parte 2 va con los otros parte2 */
	/* deje el resto asi */
	top: 85%; /* parte 2 se fue a la parte de abajo */
	right: 20px; /* parte 3 se fue a la parte de abajo */
}

.whatsapp:hover{
	background-image: url("imagenes/diseno2022/LogoWhatsApposcurecido.png");
    position: fixed; /* Posición absoluta */
	top: 85%; /*parte 2 se fue a la parte de abajo */
	right: 20px; /*parte 3 se fue a la parte de abajo */
	width: 235px;
	height: 75px;
}

/* class terminos para ingresar,registrarse, cerrar sesion y terminos */
.terminos {
	text-decoration: none;
	align-content: center;
	color: #802a8e;
	}

.terminos a {
	align-content: center;
	color: #802a8e;
	text-decoration: none;
	}

.terminos a:link {
	color: #802a8e;
}

.terminos a:hover {
	color: #802a8e;
	font-weight: bold;
}

/* CONTENIDO esta en el menu que se abre al iniciar sesion *  */

.contenido {
	font-size: 20px;
	font-family: Roboto, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-style: normal;
	clear: left;
	text-align: center;
	font-weight: 300;
	padding-left: 15px; /*este lo añadi por quienes somos*/
	}

.contenido ul {
    list-style-image: url("imagenes/diseno2022/vineta.png");
}

li {
    color: #802A8E;
	text-align: left;
font-family: Roboto, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}

li span {
    color: #000000;
	font-family: Roboto, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
                    }


/* pequeno esta en el menu que se abre al iniciar sesion *  */

.pequeno {
	font-size: 12px;
	font-family: Roboto, Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	background-position: center;
	text-decoration: none;
	font-weight:300;
	color: #802a8e;
}

.pequeno a {
	text-decoration: none;
}

/* DIVBOTONES para ir a PERFIL * */

.divbotones {
	width: 100px;
	height: 30px;
	font-family: Roboto, Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-align: center;
	border-radius: 10px;
	background-color: #802a8e;
	color: #FFFFFF;
	text-decoration: none;
	font-weight:300;
	align-items: center;
	align-content:center;
	justify-content: center;
	vertical-align: middle;	
	line-height:30px;
	}

.divbotones:hover {
	background-color: #2ca1a5;
	}

.divbotones a {
	color: #FFFFFF;
	background-color: #802a8e;
}

.divbotones a:hover {
	background-color: #2ca1a5;
	color: #FFF;
}

.divcentro {
	align-content: center;
	vertical-align: top;
}

/* BOTONES LINK para facebook, instagram y youtube */

 .botoneslink {
	height: 40px;
	/* align-content: center; esto no estaba en la recomendacion de chatgpt */
	width: 40px;
	display: flex; /* esta es sugerncia de chatgpt */
	/* text-align: center; */
	/* vertical-align: middle; */
	align-items: center;
    justify-content: center;
	/*line-height:400px;*/
	float:left;
	border-radius: 10px;
	background-color: #802a8e;
	
	}

.botoneslink img {
	/* vertical-align:middle;
	margin:10px; deantes*/
	witdh: 100%; /* de ahora */
	height: auto; /* de ahora */
}

.botoneslink a {
	background-color: #802a8e;
	color: #FFF;
	display: flex; /* de ahora */
	align-items: center; /* de ahora */
	justify-content: center; /* de ahora */
	text-decoration: none; /* de ahora */
}

.botoneslink a:hover {
	background-color: #2ca1a5;
	color: #FFF;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx FIN PLANTILLA xxxxxxxxxxxxxxxxxxxxxxxx */

/* xxxxxxxxxxxxxxxxxxxxx INDEX XXXXXXXXXXXXXXXXXXXXXXXXX */

.letragrandemorada {
	color: #741f70;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;	

}

.letranormalmorada {
	color: #741f70;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;	

}

.titulo {
	font-size: 50px;
	font-style: normal;
	text-align: center;
	color: #802a8e;
	font-family: Roboto, Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	border-bottom-color: #000000;
	font-weight: 300;
	;
}	

/* de aqui para abajo no ha sido revisado 7 abril 2024 */
/* de aqui para abajo no ha sido revisado 7 abril 2024 */
/* de aqui para abajo no ha sido revisado 7 abril 2024 */


.contenido2 {
	font-size: 20px;
	font-family: Roboto, Verdana, Arial, Helvetica, sans-serif;
	color: #802a8e;
	font-style: italic;
	clear: left;
	text-align: center;
	font-weight: 400;
	text-decoration: none;
	}

.contenido2 a {
	text-decoration: none;
	}

.contenido2 a:hover {
	font-weight: 600;
	
}

.contenidoblanco {
	width: 600px;
	font-size: 20px;
	font-family: Roboto, Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-style: normal;
	clear: left;
	text-align: center;
	font-weight: 300;
	padding-left: 15px; /*este lo añadi por quienes somos*/
	padding-right: 15px;/*este lo añadi por principios*/
	}

/*login */
.login {
	font-size: 20px;
	font-family: Roboto, Verdana, Arial, Helvetica, sans-serif;
	color: #802a8e;
	font-style: normal;
	clear: left;
	text-align: justify;
	font-weight:300;
	}

.login2 {
	font-size: 20px;
	font-family: Roboto, Verdana, Arial, Helvetica, sans-serif;
	color: #802a8e;
	font-style: normal;
	text-align: center;
	font-weight:300;
	}


/* FORM */
form {
	background: #FFFFFF;
	font-family: Roboto, Verdana, Arial, Helvetica, sans-serif;
	}

form input[type="submit"]{
	width:50%;
	padding:1px 0px;
	margin-top:5px;
	border-radius:5px;
	color:#fff;
	background-color:#802a8e;
	text-align: center;
	border-color: #FFFFFF;
	border-width: 0;
	}

form a{
	color:#802a8e;
	text-align: center;
	}

form a:hover {
	color: #802a8e;
	font-weight: bold;
}

/* LOGINFALLO */

.loginfallo {
	font-size: 20px;
	width: 50%;
	height: auto;
	font-family: Roboto, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-style: normal;
	/* clear: left; */
	text-align: center;
	font-weight:300;
	border-radius: 10px;
	align-items: center;
	align-content: center;
	justify-content: center;
	vertical-align: middle;
/*	line-height:50px; */
	border-width: 5px; 
    border-style: solid; /* Establece el estilo del borde como sólido */
    border-color: #802a8e; 
	}

.loginfallo a:hover {
	color: #802a8e;
	font-weight: bold;
}

/* GENERALES */

.titulo2 {
	height: 170px;
	width: 100%;
	font-size: 50px;
	font-style: normal;
	text-align: center;
	color: #FFFFFF;
	font-family: Roboto, Verdana, Arial, Helvetica, sans-serif;
	background-color: #802a8e;
	font-weight: 300;
	align-items: center;
	top: 50%;
    left: 0%;
	vertical-align: middle;	
	line-height:150px;
	}

.titulo3 {
	height: 200px;
	width: 100%;
	font-size: 50px;
	font-style: normal;
	text-align: center;
	color: #FFFFFF;
	font-family: Roboto, Verdana, Arial, Helvetica, sans-serif;
	background-color: #802a8e;
	font-weight: 300;
	align-items: center;
	top: 50%;
    left: 0%;
	vertical-align: middle;	
	line-height:1;
	}

.subtitulo {
	font-size: 32px;
	font-family: Roboto, Verdana, Arial, Helvetica, sans-serif;
	color: #802a8e;
	font-style: normal;
	background-position: center;
	background-color: #ffffff;
	font-weight: 300;
	text-align: center;
}

.subtituloblanco {
	width: 600px;
	font-size: 32px;
	font-family: Roboto, Verdana, Arial, Helvetica, sans-serif;
	color: white;
	font-style: normal;
	background-position: center;
	font-weight: 400;
	text-align: center;
}

.contenidocentrado{
	font-size: 20px;
	font-family: Roboto, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-style: normal;
	clear: left;
	text-align: center;
	font-weight: 300;
	}

.contenidocentrado a:link {
	color: #000000;
	text-decoration: none;
}

.contendocentrado a:hover {
	color: #802a8e;
	font-weight: bold;
}

/* linksimagenes */
.linksimagenes {
	font-family: Roboto, Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-decoration: none;
	align-content: center;
	text-align: center;
	color: #802a8e;
	font-weight: 300;
	}

.linksimagenes a {
	align-content: center;
	color: #802a8e;
	text-decoration: none;
	}

.linksimagenes a:link {
	color: #802a8e;
}

.linksimagenes a:hover {
	color: #802a8e;
	font-weight: 400;
}

.linksimagenes2 {
	font-family: Roboto, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	align-content: center;
	text-align: center;
	color: #802a8e;
	font-weight: 300;
	}

/* agendatucita */
.agendatucita {
	font-family: Roboto, Verdana, Arial, Helvetica, sans-serif;
	font-size: 27px;
	width: 110%;
	height: 50px;
	background: #802a8e;
	text-decoration: none;
	align-content: center;
	text-align: center;
	color: #FFFFFF;
	font-weight: 400;
	border-radius: 30px;
	align-items: center;
	justify-content: center;
	vertical-align: middle;	
	line-height:45px;
	margin:auto;
	}

.agendatucita:hover {
	background-color: #d8763c;
	}

.agendatucita a {
    align-content: center;
	color: #FFFFFF;
	text-decoration: none;
	}

.agendatucita a:link {
	color: #802a8e;
	font-weight: 400;
}

.agendatucita a:hover {
	color: #ffffff;
	font-weight: 400;
	background: #d8763c;
}

/* llamanos */
.llamanos {
	font-family: Roboto, Verdana, Arial, Helvetica, sans-serif;
	font-size: 27px;
	width: 80%;
	height: 50px;
	background: #802a8e;
	text-decoration: none;
	align-content: center;
	text-align: center;
	color: #FFFFFF;
	font-weight: 400;
	border-radius: 30px;
	align-items: center;
	justify-content: center;
	vertical-align: middle;	
	line-height:45px;
	margin:auto;
	}

.llamanos:hover {
	background-color: #d8763c;
	}

.llamanos a {
    align-content: center;
	color: #FFFFFF;
	text-decoration: none;
	}

.llamanos a:link {
	color: #802a8e;
	font-weight: 400;
}

.llamanos a:hover {
	color: #ffffff;
	font-weight: 400;
	background: #d8763c;
}


.imagencentrada {
	vertical-align: middle;
	}
/* de aqui para abajo no he organizado */

.divcentro {
	align-content: center;
}

.titulopruebas {
	font-size: 24px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

.letrasmenuarriba {
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #842780;
	text-align:center;
	background-position: center;
		}
	
.frasesgrande {
	font-size: 32px;
	font-weight: bold;
	}

.piepagina {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-align:center
}

.letraspiepagina {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	text-align:center;
	background-position: center;
}

.contenedortabla {
	position: absolute;
	left: -4px;
	top: 195px;
	background-color: #FFFF99;
	visibility: visible;
}

.contenidovisualdelastablas {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000066;
	font-size: small;
	background-position: center;
}
.contenidovinculo {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	background-position: center;
	text-align:center;
	vertical-align: middle;
	}


.divpruebas {
	width: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	background-image: url(imagenes/diseno/contenidotablas.png);
	}


a.letraspiepagina:active {
	text-decoration: none;
	color: #FFFFFF;
}
.letrasmenuarriba a:hover, .letrasmenuarriba a:focus {
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #CCFF99;
	text-align:center;
	background-position: center;
	padding: 0.5em 0.75em;
	}

.letrasmenuarriba a {
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	text-align:center;
	background-position: center;	
}
	
.subtitulopruebas {
	font-size: 24px;
	}
	
.boton {
	width: 250px;
	height: 50px;
	cursor: pointer;
	transition: background-color 0s;
	background: #802a8e;
	border-radius: 5em;
	color: #ffFFff;
	align: center;
	font-weight: bold;
	font-size: 2em;
}
	
.boton:hover {
	background: #ffffff;
	border: 1px solid #802a8e;
	color: #802a8e;
	}
	
.boton:active {
	background: #000000;
	color: #802a8e;
}