#frmDatPers, #frmIndex {
    margin: auto auto auto 50%;
    background-color: bisque;
}
#frmDatPers {
    overflow-y: scroll;
}
#frmDatEduc {
    margin: auto auto auto 50%;
	display: none;
    background-color: bisque;
    overflow-y: scroll;
}
#frmDatLabs {
    margin: auto auto auto 50%;
    display: none;
    background-color: bisque;
    overflow-y: scroll;
}
#frmDatOtro {
    margin: auto auto auto 50%;
    display: none;
    background-color: bisque;
    overflow-y: scroll;
}
#frmDatResu {
    margin: auto;
    display: none;
    background-color: bisque;
    width: 100%;
    height: 1000px;
    overflow-y: scroll;
}
#idResCurr {
	margin: 0 7% auto 7%;
	width: 85%;
	background-color: bisque;
}

@media screen and (min-width:1367px) {
	#frmIndex, #frmDatPers, #frmDatEduc, #frmDatLabs, #frmDatOtro {
		margin-left: 50%;
		height: 470px;
		padding: 4%;
		width: 40%;
	}
}

@media screen and (min-width:1024px) and (max-width:1366px) {
	#frmDatPers, #frmDatEduc, #frmDatLabs, #frmDatOtro {
		margin-left: 50%;
		height: 290px;
		padding: 4%;
		width: 42%;
	}
	#frmIndex {
		margin-left: 48%;
		width: 44%;
		height: 290px;
		padding: 4%;	}
}

@media screen and (min-width:801px) and (max-width:1023px) {
	#frmIndex, #frmDatPers, #frmDatEduc, #frmDatLabs, #frmDatOtro {
		margin-left: 35%;
		height: 300px;
		padding: 4%;
		width: 56%;
	}
	#frmIndex {
		margin-left: 36%;
		width: 56%;
	}
}

@media screen and (min-width:601px) and (max-width:800px) {
	#frmIndex, #frmDatPers, #frmDatEduc, #frmDatLabs, #frmDatOtro {
		margin-left: auto;
		height: 330px;
		padding: 4%;
		width: 93%;
	}
	#frmDatPers {
		height: 470px;
	}
	#frmDatEduc {
		height: 500px;
	}
}

@media screen and (max-width:600px) {
	#frmDatPers, #frmDatEduc, #frmDatLabs, #frmDatOtro {
		height: 470px;
		padding: 4%;
		margin: 0px;
	}
	#frmIndex {
		height: 350px;
		padding: 4%;
		margin: 0px;
	}
}