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: 64%;
	height:100vh;	
	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 0%, #02263c -100%);
    opacity: 0.5;
    left: 0;
    width: 64%;
    height:100%;
    position: absolute;
}

#containerVideo{

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

}


#container-logo-videos{
	position: absolute;
	height: 100%;
	display: flex;
	align-items: center;
}

#logonova{	
	filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.9)); 
	width: 50vw;
	}

#container-login{
	display: flex;
	width: 36%;
	height: 100%;
	justify-content: center;
	align-items: center;
	background-color: #ECF0EE;
	position: relative;
}
.backImage{
	position: absolute;
	opacity: 0.16;	
	height: 100%;
	width: 100%;
	background-image:url("../../images/farmacia.jpg");
	background-size: 45%;
}
#container-logo-login{
	position: absolute;
	top:10vh;
}

#logo-login{
	width: 10vw;
	filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.9));

}

#login{
	display:flex;
	flex-direction:column;
	background-color:white;
	border: none;
	width: 280px;
	Height: 350px;	  
	align-items:center;
	justify-content: center;
	border-radius:5px;
	font-size:25px;
	color: #033953;
	z-index: 1;
	
	
	
	padding:10px;
	right:11%;
	box-shadow: 1px 1px 15px gray;
}


#logoUser{
	width: 95px;

}

.inputsLogin{
    width:80%;
    padding:8px;
	border: none;
	border-bottom:1px solid grey;
	margin: 1px;
	height: 30px;
	width: 100%;
}

.inputsLogin:focus{
	border: none;
	outline:none;
	box-shadow: none;
	border-bottom:1px solid green;
}

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

}



#acces{
	font-size: 25px;
	width: 90%;
	text-align: left;
}

#detalleAccess{
	font-size: 10px;
	margin-bottom: 15px;
	width: 90%;
	text-align: left;
}

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

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

#contacto-soporte{
	width: 100%;
	text-align: right;
}


#logopie{
	margin: 10px;
	width:auto;
	height:43px;
	display:block;
	padding:0px 25px 0px 25px;
	filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.7)); 
}

.espacioLink{
 padding:5px
}



#infoFooter{
	
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: start;
	position: absolute;
	bottom: 7vh;
	z-index: 5;
	right: 3vw;
	color: #033953;
	height: 8vh;
	font-size: 10px;
}

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

.form-signin{
	display: flex;
	flex-direction: column;
	font-size: 13px;
	width: 90%;

}

@media only screen and (max-width: 800px) {
	#videofondo{	
		width: 60%;		
	}
	#container-login{
		width: 40%;	
	}
}

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

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

	#container-login{
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: transparent;

	}

	#backImage{
		opacity: 0.0;
	}


	#cubiertaVideo{
		width: 100%;
	}

	#logo-login{
		width: 40vw;
	}
	

}