/*! normaliza css v2.0.1 */
/*
body {	
	padding-top: 0;
	height: 100vh;
	margin: 0;
	padding: 0;
	overflow-x:hidden;
}


body, p, span, table {
	font-family: helvetica;
	font-size: 15px;
	color: #000000;
}
*/
/*TABLAS*/

table {
    width: 100%;
	border-collapse: collapse;
}

td.t1 {
    background-color: #f1f1f1;
}

th, td {
	border: 1px solid #003057;
	box-shadow: 1px 1px 1px 1px rgb(240, 240, 240);
	padding: 0px! important;
}



/*-----------------------------------------*/

/*Recuadro de usuario y contraseña*/

div#divContiene {
    padding-bottom: 40px;
    padding-top: 40px;
}

div#divContiene {
	width: 40%;
	height: 190px;
	background-color: #058288;
	color: #fff;
	margin-left: 30%;
	margin-right: 30%;
	padding-bottom: 20px;
	padding-top: 20px;
	margin-top: 0%;
	border-radius: 15px 15px 15px 15px;
}

/*imput usuario y contraseña*/

div#divFormCasillas0 {
	margin-left: 15%;
	height: 50px;
	padding-top: 10px;
	margin-bottom: -3%;
}

div#divFormCasillas2 {
	float: left;
	width: 38%;
}

div#divFormCasillas3 {
	padding-left: 30%;
	height: 35px;
}

div#divCasillas4 {
	padding: 5%;
	color: #000;
	width: 70%;
	margin-left: 10%;
	margin-right: 10%;
}

#ZtxtUsuario, #ZtxtPassword {
	border: none;
	height: 30px;
	width: 200px;
	font-family: Helvetica;
	font-size:15px;
	background-color: #E8F0FE;
}

/*Boton de continuar*/

#Zbtn1A{
	font-family: Helvetica;
	font-size: 15px;
	align-items: center;
	justify-content: center;
	display: flex;
	cursor: pointer;
	background-color: #5D5D5D;
	color: #ffffff;
	height: 34px;
	width: 178px;
	border: none;
	margin-top: 7%;
}

/*Texto Usuario y contraseña*/

#Texto1A {
	color: #fff;
    font-size: 15px;
    font-family: helvetica;
}

#divFormCasillas {
	padding: 1%;
	float: left;
	width: 30%;
}

#divFormCasillas{
	padding: 1%;
	padding-top: 1%;
}


/*Responsivo*/

@media (max-width: 1200px){
	div#divFormCasillas0 {
		margin-left: 5%;
	}

	div#divFormCasillas3 {
		padding-left: 22%! important;
	}

	div#divContiene {
		width: 30%! important;
		height: 155px! important;
	}
	
	div#divContiene {
		width: 40%;
		height: 210px;
		background-color: #003057;
		color: #fff;
		margin-left: 35%;
		margin-right: 30%;
		padding-bottom: 40px;
		padding-top: 30px;
		border-radius: 15px 15px 15px 15px;
	}
}


@media (max-width: 1050px){
	div#divFormCasillas2 {
		width: 92%! important;
	}

	div#divFormCasillas0 {
		float:none;
		margin-left: 5%;
		padding-top: 20px;
	}

	div#divFormCasillas3 {
		float:none;
		padding-left: 10%! important;
		padding-top: 10%! important;
	}

	div#divContiene {
		height: 200px! important;
		width: 221px! important;
	}

	#divFormCasillas {
		float:none;
	}
	
	div#divContiene {
		width: 40%;
		height: 210px;
		background-color: #003057;
		color: #fff;
		margin-left: 38%;
		margin-right: 30%;
		padding-top: 30px;
		padding-bottom: 40px;
		border-radius: 15px 15px 15px 15px;
	}
}

@media (max-width: 950px){
	div#divContiene {
		width: 35%;
		height: 210px;
		background-color: #003057;
		color: #fff;
		margin-left: 35%;
		margin-right: 30%;
		border-radius: 15px 15px 15px 15px;
	}
}



@media (max-width: 700px){
	div#divContiene {
		width: 220px!important;
		height: 224px! important;
	}
	
	div#divContiene {
		width: 40%;
		height: 210px;
		background-color: #003057;
		color: #fff;
		margin-left: 38%;
		border-radius: 15px 15px 15px 15px;
	}
}

@media (max-width: 450px){
	div#divContiene {
		width: 40%;
		height: 210px;
		background-color: #003057;
		color: #fff;
		margin-left: 100px;
		border-radius: 15px 15px 15px 15px;
}
}


@media (max-width: 320px){
	div#divContiene {
		width: 40%;
		height: 210px;
		background-color: #003057;
		color: #fff;
		margin-left: 40px;
		border-radius: 15px 15px 15px 15px;
}
}