html,body { 
	height:100%; 
	font-family: 'Montserrat', sans-serif!important;
}
@media (min-width: 868px){
	.formLogin{
		margin-left: 20%;
	}
}

.parteIzquierda{
	width: 660px;
}

.iconsCenter{
	text-align: center;
	font-size: 80px;
}
.boton-register{
	background: #005a97;
	color: #fff;
	padding: 3px 20px !important;
	width:auto;
	border:0px;
	border-radius:5px;

}


/*-------------ESTILOS PERSONALIZADOS PARA EL NUEVO LOGIN IGNIWEB 2023--------------------------------------- */

/* Los siguientes estilos son utilizados en las nuevas vistas de login de Escuelas, Servicio militar, Infante de Marina e Ingreso funcionarios */

/* ------------------------------------------------------------------------------------------------------------ */
.overly-login{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgb(225,233,222);
	background: linear-gradient(175deg, rgba(225,233,222,0.87718837535014) 13%, rgba(32,131,158,0.48783263305322133) 42%);
}
.img-fluid{
	width: 100%;
}
img.potencia{
	max-width: 170px;
}
.bg-img-escuelas,
.bg-img-s-militar,
.bg-img-infante,
.bg-img-funcionarios{
	min-height: 100vh;
	/* display: flex;
	flex-direction: column; */

}
@media screen and (max-width:1300px){
	.title-principal-mobil,
	.img-potencia-movil{
		display: block!important;
	}
	.title-principal-web,
	.img-potencia-web{
		display: none!important;
	}
	.wraper-header{
		justify-content: space-between;
	}
	.wraper-header .col-sm-1{
		padding: 0;
	}
	img.potencia{
		max-width: 120px;
	}
	
}
img.haztemarino{
	max-width: 500px;
}
img.mindefe{
	max-width: 400px;
}
.row{
	margin:0 !important;
}
.col-auto{
	width: auto;
}
.wraper-header{
	display: flex;
	align-items:center;
}
.wraper-img{
	text-align: center;
}

.wraper-header{
	padding: 2rem 5rem 0 5rem;
}
.wraper-header > div{
	padding: 0 10px;
}
.title-principal h2{
	font-weight: 700;
	border: solid #00426e;
	border-width: 0 0 2px 0;
	margin: auto;
	width: fit-content;
	padding-bottom: 10px;
}
.title-principal-mobil{
	display: none;
	margin-bottom: 50px;
	margin-top: 50px;
	padding: 0 15px;
}
.bg-img-escuelas{
	background-image: url('../img/login/escuelas.JPG');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}
.bg-img-s-militar{
	background-image: url('../img/login/SERVICIO_MILITAR.jpg');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}
.bg-img-infante{
	background-image: url('../img/login/INFANTE-PROFESIONAL.jpg');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}
.bg-img-funcionarios{
	background-image: url('../img/login/FUNCIONARIOS.jpg');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}
.wrapre-row-form{
	min-height: 57.2vh;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.wraper-form{
	
	max-width: 400px;
	background-color: #ffffff8f;
	border-radius: 20px;
	padding: 0  40px 20px 40px;
}
.wraper-form h3{
	font-family: Helvetica, sans-serif;
}
.p-relative{
	position: relative;
	z-index: 99;
}
.wraper-logo-form{
	margin-top: -17%;
}
.form-title{
	color: #545454;
	margin: -20px 0 30px 0;
}
.wraper-input{
	display: flex;
	background-color: #fff;
	padding: 15px;
	border-radius: 5px;
	margin: 10px 0;
}
.wraper-input input{
	border: none;
	width: 100%;
}
.wraper-input input:focus{
	border: none;
	outline: none;
}
.wraper-input input:focus-visible{
	outline: none;
}
.wraper-input i{
	margin-right: 15px;
}
.wraper-input i::before{
	color:#929292;
	font-size: 25px;
}
.wraper-btn-login{
	padding: 0 30px;
}
.btn-login{
	background-color: #005a97;
	padding: 10px;
	border: none;
	color: #fff;
	font-weight: 700;
	border-radius: 5px;
	width: 100%;
}
.wraper-btn-register{
	padding: 20px 0 70px 0;
}

.btn-register{
	background-color: #005a97;
	padding: 10px;
	border: 2px solid #fff;
	color: #fff;
	font-weight: 700;
	border-radius: 5px;
	min-width: 300px
}
div.footerl {
	background-color: #004677a8;
	padding: 30px  0 40px 0;

}


div.footerl .row{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
div.footerl .row .col{
	width: 33%;
	
}
div.footerl .cont-f{
	max-width: 1400px;
	margin: auto;
}

@media screen and (max-width:767px){
	/* div.footerl{
		position: static;
	} */
	div.footerl .row{
		flex-direction: column;
	}
	.wraper-redes-footer{
		flex-direction: column;
		gap: 10px;
	}
	div.footerl .row .col{
		width: 100%;
		margin-bottom: 20px;
	}
	.wraper-form {
		margin-top: 50px;
		margin-right: 10px;
		margin-left: 10px;
		padding: 15px;
	}
	.wraper-form form{
		width: 100%;
	}
	.wraper-logo-form{
		margin-top: -23%;
	}
	.wraper-btn-register{
		padding-top: 50px;
	}
	.wraper-header{
		flex-direction: column;
		padding: 0;
	}
	.wraper-header .col-sm-1{
		width: 100%;
		background-color: #025ec3;
	}
	.wraper-img-gov img{
		max-width: 130px;
	}
	.wraper-header > div{
		margin-bottom: 10px;
	}
	img.potencia{
		max-width: 160px;
	}
	.wrapre-row-form{
		min-height: auto;
	}
}
div.footerl p {
	text-align: center;
	color: #fff;
	margin-bottom: 0;
}
.wraper-redes-footer{
	display: flex;
	justify-content:center;
	align-items: center;
	margin-top: 15px;
}
div.footerl a {
	color: #fff;
	margin: 0 5px;
}
div.footerl a:hover {
	color: #fff;
	text-decoration: underline;
}
.wraper-redes-footer svg{
	background: #00426e;
    height: 20px;
    width: 20px;
    border-radius: 50px;
    padding: 3px;
	margin-bottom: -5px;
}
.wraper-redes-footer path{
	fill: #fff;
}

/* Estilos para la página principal */

.wraper-menu-principal img{
	transition: all .2s linear;
}
.wraper-menu-principal a:hover{
	text-decoration: none!important;
	
}
.wraper-menu-principal a:hover h2{
	color: #fff;
}
.wraper-menu-principal a:hover img{
	transform: translateY(-10px);
}

.wraper-menu-principal {
	min-height: 57vh;
	display: flex;
	align-items: center;
}

@media screen and (max-width:1300px){
	.wraper-menu-principal {
		min-height: auto;
	}
}