.bg-verde-aleatica{
	background-color: rgb(114,191,68);
}
.text-verde-aleatica{
	color: rgb(114,191,68);
}
.bg-musgo-aleatica{
	background-color: rgb(13,177,75);
}
.text-musgo-aleatica{
	color: rgb(13,177,75);
}
.bg-lima-aleatica{
	background-color: rgb(211,223,78);
}
.text-lima-aleatica{
	color: rgb(211,223,78);
}
.bg-naranja-aleatica{
	background-color: rgb(249,155,28);
}
.text-naranja-aleatica{
	color: rgb(249,155,28);
}
.bg-naranjasec-aleatica{
	background-color: rgb(245,126,32);
}
.text-naranjasec-aleatica{
	color: rgb(245,126,32);
}
.bg-gris-aleatica{
	background-color: rgb(111,96,90);
}
.text-gris-aleatica{
	color: rgb(111,96,90);
}
.bg-grissec-aleatica{
	background-color: rgb(242,241,239);
}
.text-grissec-aleatica{
	color: rgb(242,241,239);
}
.bg-verdecrema-aleatica{
	background-color: rgb(217,232,174);
}
.text-verdecrema-aleatica{
	color: rgb(217,232,174);
}
.bg-azul-aleatica{
	background-color: rgb(0,187,231);
}
.text-azul-aleatica{
	color: rgb(0,187,231);
}
.bg-amarillo-aleatica{
	background-color: rgb(255,221,0);
}
.text-amarillo-aleatica{
	color: rgb(255,221,0);
}
.card-login{
	padding: 20px 15px 2px;
	margin: 0 auto 10px;
}
#link_olvidaste_contrasena p{
	margin-top: 10px;
	margin-bottom: 10px;
}
#btn_entrar{
	border-color: rgb(114,191,68);
}
#btn_entrar:hover{
	background-color: rgb(13,177,75);
}
#link_olvidaste_contrasena:hover{
	color: rgb(249,155,28);
}
#contenido{
	width: 100% !important;
	max-width: 100% !important;
}
.logo_aleatica{
	max-width: 100%;
	max-height: 120px;
}
.p-center{
	text-align: center;
}
@font-face {
    font-family: 'Titillium_Web';
    src: url('leeRecurso?clave=acceso&archivo=TitilliumWeb-Regular.ttf');
}
*{
	font-family: "Titillium_Web" !important;
}
a.text-verde-aleatica:hover{
	color: rgb(255,221,0);
	background: rgb(114,191,68);
	border-radius: 25px;
}
a.text-verde-aleatica:disabled{
	color: rgb(111,96,90);
}
.image_login{
	height: 380px;
	max-width: 100%;
}
.icono_app{
	max-width: 100%;
	max-height: 35px;
}
.img_contacto{
	max-width: 80px;
	max-height: 80px;
}
body{
	line-height: 1;
}
.icono_red_social{
	max-width: 18px;
	max-height: 18px;
}
.mt-07p{
	margin-top: 7px;
}
.fondo_borde_inferior{
	background-image: url("leeRecurso?clave=acceso&archivo=borde_inferior.png") !important;
}
.img_aleatica{
	max-width: 200px;
	max-height: 100px;
}
.foot_aleatica{
	background-color: rgb(13,177,75);
}
.lineh-12{
	line-height: 1.2;
}
.lineh-15{
	line-height: 1.5;
}
#usuario, #password{
	background: #E9F0FF;
}

a.linkverde{
	color: rgb(114,191,68);
}
a.linkverde:hover{
	color: rgb(255,221,0);
}
a.text-azul-aleatica:hover{
	color: rgb(255,221,0);
}
a.text-azul-aleatica{
	color: rgb(0,187,231);
}
#popup_ok.btn-success, #popup_ok.btn-success:hover{
	background-color: rgb(114,191,68) !important;
	border: 1px solid rgb(114,191,68) !important;
}
#popup_ok.btn-primary, #popup_ok.btn-primary:hover{
	background-color: rgb(0,187,231) !important;
	border: 1px solid rgb(0,187,231) !important;
	color: rgb(255,255,255)!important;
}
.foot_aleatica a, .foot_aleatica span a{
	line-height: 1.5;
	word-break: break-word !important;
}
.foot_aleatica a span:hover{
	color: rgb(242,241,239) !important;
}
.fondo_borde_inferior span.f16{
	line-height: 1.1;
	word-break: break-word !important;
}
a.text-azul-aleatica{
	word-break: break-word !important;
}

@media(min-width: 480px){
	#popup_inicio.modal{
		width: 360px !important;
		min-width: 360px !important;
		left: calc(50% - 180px) !important;
		--bs-modal-width: 360px !important;
	}
	.img_popup{
		max-width: 330px !important;
	}
}
@media(min-width: 660px){
	#popup_inicio.modal{
		width: 500px !important;
		min-width: 500px !important;
		left: calc(50% - 250px) !important;
		--bs-modal-width: 500px !important;
	}
	.img_popup{
		max-width: 470px !important;
	}
}
@media(min-width: 800px){
	#popup_inicio.modal{
		width: 667px !important;
		min-width: 667px !important;
		left: calc(50% - 313px) !important;
		--bs-modal-width: 667px !important;
	}
	.img_popup{
		max-width: 637px !important;
	}
}

#popup_inicio, .modal{
	width: 667px !important;
	min-width: 667px !important;
	left: calc(50% - 313px) !important;
}
#btn_cerrar_popup{
	float: right;
    margin-top: -10px;
    font-size: 12px;
    margin-bottom: 5px;
    margin-right: -12px;
}
#popup_inicio.modal{
	--bs-modal-width: 667px !important;
}