body{
	color:white;
	display: flex;
	flex-direction: column;
	overflow-x:auto;
	margin: 0px;
	padding: 0px;
}

#logo{
	width: 8vw;
	min-width: 70px;
	padding: 5px 0px 0px 15px;
}

#videofondo{
	display: flex;
	width: 100vw;
	height:79vh;	
	justify-content: center;
	object-fit: cover;
	overflow: clip;		
}

.videoslogin{	
	z-index: -5;
	display: flex;
	object-fit: cover;
	overflow: clip;
}

#cubiertaVideo{
	background-image: linear-gradient(310deg, #138082 43%, #02263c -70%);
    opacity: 0.5;
    left: 0;
    width: 100%;
    height:95.5%;
    position: absolute;
}

#containerVideo{

	position:relative;
	width:100%;
	height:83vh;
	display:flex;
	align-items:center;

}




#logonova{
	position: absolute;
	width: 50vw;
	left: 6vw;
	top: 25vh;
	filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.9)); 
	
	}

#login{
	display:flex;
	flex-direction:column;
	position:absolute;
	background-color:white;
	border: none;
	width: 250px;
	Height: 420px;	  
	align-items:center;
	border-radius:25px;
	font-size:25px;
	color: #033953;
	text-align:center;
	justify-content:center;
	align-items:center;
	padding:10px;
	right:11%;
	box-shadow: 1px 1px 15px  black;
}


#logoUser{
	width: 95px;

}

.inputsLogin{
    width:150px;
    padding:8px;
	border-radius:8px;
	border:1px solid grey;
	margin: 1px;
	height: 30px;
}

.inputsLogin:hover{
	border-color: green; 
	margin: 1px;
	border-width: 2px;
}



#acces{
	font-size: 30px;
	padding:13px 0px 15px 0px
}

#form1{
	display: flex;
	align-items: center;
}

#loginButton{
	width:150px;
	padding:8px;
	border-radius:8px;
	border:none;
	background-color:#09b5c1;
	height:30px;
	display: flex;
	align-items: center;
	justify-content: center;
}


#logopie{

	width:auto;
	height:33px;
	display:block;
	padding:0px 25px 0px 25px;
	filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.7)); 
}

.espacioLink{
 padding:5px
}



#infoFooter{
	width: 100vw;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 5;
	color: #033953;
	height: 8vh;
}

a{
	text-decoration: none;
	width: 10%;
}

.form-signin{
	display: flex;
	justify-content: center;
	flex-direction: column;
	font-size: 13px;
}

@media only screen and (max-width: 660px) {

	#logonova{
		position: absolute;
		top:35px;
		width: 80%;		
	}


	#login{
		height:320px ;
		top:25vh;
			}
	#infoFooter{
		font-size: 11px;
		}

}


@media only screen and (max-height: 400px) {

	#login{
		height: 180px;
		padding: auto;

	}

	#infoFooter{
		font-size: 10px;

	}
	
	#logoUser{
		display: none;
	}
}