@import url('../fuentes.css');

*{
    padding: 0px;
    box-sizing: border-box;
}
body{
    /* background: url('../../img/dolares_portada.jpg') no-repeat center center fixed; */
    background-size: 100% 100%;
    background-color: #F5F5F5;
}
.div_ppal{
    background-color: #FFFFFF;
	flex-direction: column;
	width: 20%;
	height: 510px;
    margin: 5% auto 0%;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.div_imgn{
	width: 55%;
	margin: 20px auto 7px;
}
.div_imgn img{
	height: 70px;
	width: 88%;
}
.div_nombsist{
	margin-top: 5px;
	width: 95%;
	margin-bottom: 20px;
}
.div_nombsist h5{
	font-family: IBMPlexMono-BoldItalic, SourceSansPro, Arial, Helvetica;
	font-size: 1.1em;
	color: #3D44CA;
	margin-left: auto;
}
.div_datsingrs{
	flex-direction: column;
}
.div_holding, .div_user,
.div_passw, .div_btn{
	width: 76%;
	margin-left: 10%;
	margin-bottom: 17px;
}
.div_passw{
	justify-content: flex-start;
}
.div_recaptcha{
	width: 77%;
	height: 83px;
	margin-left: 10%;
	margin-bottom: 35px;
}
.g-recaptcha{
	margin: auto;
}
.div_btn button{
	font-family: Arial, SourceSansPro, Helvetica;
	font-size: 20px;
	width: 100%;
	border: 1px solid #939393;
	border-radius: 5px;
	cursor: pointer;
}



/****** MEDIA QUERYS ********/

/* SCREEN 1920 */
@media (min-width:1920px) and (max-height:1080px) {
	.div_ppal{
	    margin: 5% auto 30px;
	    width: 20%;
	}

}

/* SCREEN 1600 */
@media screen and (max-width:1600px) {
	.div_ppal{
		width: 25%;
	}


}

/* SCREEN 1366 */
@media screen and (max-width:1366px) {
	.div_ppal{
		width: 29%;
	}


}




/* SCREEN 1024 */
@media screen and (max-width:1024px) {
	.div_ppal{
		width: 39%;
	}

}





/* SCREEN 896 */
@media screen and (max-width:896px) {
	.div_ppal{
		width: 44%;
	}

}






/* SCREEN 768 */
@media screen and (max-width:768px) {
	.div_ppal{
		width: 52%;
	}
	

}



/* SCREEN 740 */
@media screen and (max-width:740px) {
	.div_holding, .div_user,
	.div_passw, .div_btn{
		width: 79%;
	}

}





/* SCREEN 414 */
@media screen and (max-width:414px) {
	.div_ppal{
		width: 95%;
	}

}






/* SCREEN 360 */
@media screen and (max-width:360px) {
	.div_ppal{
		width: 91%;
	}
	.div_imgn img{
		height: 70px;
		width: 97%;
	}
	.div_holding, .div_user,
	.div_passw, .div_btn{
		width: 87%;
		margin-left: 5%;
	}
	.div_recaptcha{
		margin-left: 5%;
	}
	

}