.wave{
	position: fixed;
	bottom: 0;
	left: 0;
	height: 100%;
	z-index: 3;

	background-size: cover;
	height:100%; width:100%; 
	background-color: white;
	background-image: url('/images/mexcad/backgrounlogin.jpg');
}

.frm-login{
	margin-top: 80px; 
	margin-right: 45px; 
	background-color: white;
}

.hidden_element{
	display: none;
}

.wave_register{
	position: fixed;
	bottom: 0;
	left: 0;
	height: 100%;
	z-index: 3;
	
	background-position-y: 100%;
	background-size: cover;
	height:100%; width:100%;
	background-color: white;
	background-image: url('/images/mexcad/background_register.jpg');
}


@media only screen and (min-width: 50px) {
	
	.wave {
		background-color: gray;
		background-image: url('/images/mexcad/backgrounlogin.jpg');
	}
	
	.frm-login{
		margin-top: 80px; 
		margin-right: 0px; 
	}

	.icon_enteprise{
		width: 50%;
	}

	.wave{
		position: fixed;
		bottom: 0;
		left: 0;
		height: 100%;
		z-index: 3;
	
		background: none; 
		background-size: cover;
		height:100%; width:100%;
		background-image: url('/images/mexcad/backgrounlogin.jpg');
		background-color: white;
	}

	.wavegeneral{
		position: fixed;
		bottom: 0;
		left: 0;
		height: 100%;
		z-index: 3;
	
		background: none; 
		background-size: cover;
		height:100%; width:100%;
		background-image: none;
		background-color: white;
	}
}


@media only screen and (min-width: 600px) {
	
	.wave {
		background-color: gray;
		background-image: url('/images/mexcad/backgrounlogin.jpg');
	}
	
	.frm-login{
		margin-top: 80px; 
		margin-right: 0px; 
	}

	.icon_enteprise{
		width: 35%;
	}

	.wave{
		position: fixed;
		bottom: 0;
		left: 0;
		height: 100%;
		z-index: 3;
	
		background: none; 
		background-size: cover;
		height:100%; width:100%; 
		background-image: none;
		background-color: white;
		background-image: url('/images/mexcad/backgrounlogin.jpg');
	}

	.wavegeneral{
		position: fixed;
		bottom: 0;
		left: 0;
		height: 100%;
		z-index: 3;
	
		background: none; 
		background-size: cover;
		height:100%; width:100%; 
		background-image: none;
		background-color: white;
	}
}

@media only screen and (min-width: 768px) {
	.frm-login{
		margin-top: 80px;
		margin-right: 45px;
		width: 320px;
		margin-left: 59%;
		padding-right: 0px;
	}

	.icon_enteprise{
		width: 50%;
	}

	.wave{
		position: fixed;
		bottom: 0;
		left: 0;
		height: 100%;
		z-index: 3;
	
		background-size: cover;
		height:100%; width:100%; 
		background-color: white;
		
		background-image: url('/images/mexcad/backgrounlogin.jpg');
	}

	.wavegeneral{
		position: fixed;
		bottom: 0;
		left: 0;
		height: 100%;
		z-index: 3;
	
		background-size: cover;
		height:100%; width:100%; 
		background-color: white;
		background-image: url('/images/mexcad/backgrounlogin.jpg');
	}
}



@media only screen and (min-width: 868px) {
	.frm-login{
		margin-top: 80px;
		margin-right: 45px;
		width: 390px;
		margin-left: 59%;
		padding-right: 0px;
	}

	.icon_enteprise{
		width: 50%;
	}

	.wave{
		position: fixed;
		bottom: 0;
		left: 0;
		height: 100%;
		z-index: 3;
	
		background-size: cover;
		height:100%; width:100%; 
		background-color: white;
		background-image: url('/images/mexcad/backgrounlogin.jpg');
	}

	.wavegeneral{
		position: fixed;
		bottom: 0;
		left: 0;
		height: 100%;
		z-index: 3;
	
		background-size: cover;
		height:100%; width:100%; 
		background-color: white;
		background-image: url('/images/demo/fondo.png');
	}
}


@media only screen and (min-width: 1200px) {
	.frm-login{
		margin-top: -21px;
		margin-right: 45px;
		width: 387px;
		margin-left: 0%;
		padding-right: 0px;
	}

	.icon_enteprise{
		width: 90%;
	}

	.wave{
		position: fixed;
		bottom: 0;
		left: 0;
		height: 100%;
		z-index: 3;
		
		/*background-position-y: 100%;*/
		background-size: cover;
		height:100%; width:100%;
		background-color: white;
		background-image: url('/images/mexcad/backgrounlogin.jpg');
	}

	.wavegeneral{
		position: fixed;
		bottom: 0;
		left: 0;
		height: 100%;
		z-index: 3;
	
		background-size: cover;
		height:100%; width:100%;
		background-color: white;
		background-image: url('/images/demo/fondo.png');
	}

}