/*
    Document   : login
    Author     : Rainer Segura Peña
    Description:
*/
@media ( max-width : 2000px) {
}

.ui-commandlink:hover, #footer-log, #login_top {
	width: 550px;
	margin-left: auto;
	margin-right: auto;
}

@media ( max-width : 1366px) and (min-width: 1200px) {
}

@media ( max-width : 1199px) and (min-width: 1039px) {
}

@media ( max-width : 1038px) and (min-width: 991px) {
}

@media ( max-width : 990px) {
}

@media ( max-height : 768px) and ( min-height:400px) {
}

@media ( max-width : 740px) {
	.ui-tooltip {
		display: none !important;
	}
	#login_box {
		min-height: 30px;
	}
	#wrapper, #login_top, #footer-log {
		width: 450px;
	}
	#grafica_login {
		height: 120px;
		width: 460px;
		background-size: 460px 110px !important;
		margin-left: -5px;
	}
	#logo_login {
		height: 90px;
		width: 300px;
	}
	#logo_login img {
		height: 65px;
		/*width: 300px;*/
	}
	.ui-inputfield, .icon-input i, .form_position .ui-commandlink {
		font-size: 12px;
	}
	#form_position input, #form_position select {
		max-width: 160px;
		min-width: 160px;
	}
	.ui-button .ui-button-text, .ui-button .ui-icon {
		font-size: 12px !important;
	}
}

@media ( max-width : 668px) {
}

@media ( max-width : 601px) {
}

@media ( max-width : 470px) {
	#wrapper, #login_top, #footer-log {
		width: 350px !important;
	}
	#grafica_login {
		background-size: 360px 90px !important;
		height: 100px;
		width: 360px;
	}
	#logo_login {
		background-size: 200px 60px !important;
		height: 80px;
		width: 250px;
	}
	#logo_login img {
		/*width: 250px;*/
		height: 55px;
		width: 250px;
	}
	
}

@media ( max-width : 375px) {
	#wrapper, #login_top, #footer-log {
		width: 300px !important;
	}
	#grafica_login {
		background-size: 320px 70px !important;
		height: 80px;
		width: 320px;
	}
	#logo_login {
		background-size: 250px 60px !important;
		height: 80px;
		width: 250px;
	}
	.ui-inputfield, .icon-input i, .form_position .ui-commandlink {
		font-size: 10px !important;
	}
	#form_position input, #form_position select {
		max-width: 160px;
		min-width: 160px;
	}
	.ui-button .ui-button-text, .ui-button .ui-icon {
		font-size: 10px !important;
	}
	#login_box {
		/*min-height: 300px;*/
		
	}
	#logo_login img {
		height: 50px;
		width: 240px;
	}
}

@media ( max-width :368px) {
}

@media ( max-width :320px) {
}