@charset "utf-8";
/* CSS Document */


section{
	
	background-color: #efefef;	
	
}

.leftside, .rightside{
	height: 100vh;
	width: 100%;
	
}


.leftside{	
	
	background-color: #efefef;
	
}


.rightside{	
	/*background-image: url(../img/login.jpg);
	background-size: cover;
  	background-position: center center;*/
	background-color: #EFEFEF;
		
	
}


.card-header{
	
	text-align: center;
	text-transform: uppercase;
	
}

#botonera{
	
margin-top: 28px;	
	
}


#barranav{
	
	width: 100%;
	height: 60px;
	margin: 0px;
	position: fixed;
	z-index: 1030;
	
	
}

#cajalogin{
	
	width: 100%;
	height: 100%;
	background-color: #EFEFEF;
	justify-content: center;
	
	
}

#sliderpromo{
	
	width: 100%;
	height: 100%;
	background-color: #EFEFEF;
	margin: 0px;
	padding: 50px 0px 0px 0px;
	
	
}




/* Extra large devices (large desktops, 1200px and up)*/

@media (min-width: 1200px) {	
	
		#info{
		margin-right: 5px;
		margin-left: 5px;
		padding: 9px;
		
	}
	
	
}


/* Large devices (desktops, 992px and up)*/

@media (min-width: 992px) and (max-width: 1199.98px) { 
	
		#info{
		margin-right: 5px;
		margin-left: 5px;
		padding: 9px;
		
	}


}

/* Medium devices (tablets, 768px and up)*/

@media (min-width: 768px) and (max-width: 991.98px) {
	
		#info{
		margin-right: 5px;
		margin-left: 5px;
		padding: 9px;
		
	}

	#cajalogin{	
		
		height: 60%;
		
	}
	
	#sliderpromo{
		
		height: 60%;
	}

}


@media (min-width: 576px) and (max-width: 767.98px) {
	
		#info{
		margin-right: 5px;
		margin-left: 5px;
		padding: 9px;

	}
	#barranav{
	display: none;	
		
	}	

		#sliderpromo{
		
		height: 40%;
		padding-top: 0px;	
	}
	
}


/* Extra small devices (portrait phones, less than 576px)*/

@media (max-width: 575.98px) {
	
		#info{
		margin-right: 5px;
		margin-left: 5px;
		padding: 9px;
		
	}
	
	#barranav{
		margin-top: 20px;
	}
	
	
	
		#sliderpromo{
		
		height: 40%;
		padding-top: 0px;	
	}
}