.body
	{
		position: absolute;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		width: auto;
		height: auto;
		/*PARA DESARROLLO */
		/* background-image: url(../imagenes/fondo_login_bn.jpg); */
		background-image: url(../imagenes/fondo_login.jpg);
		background-size: cover;
	}

.grad
	{
		position: absolute;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		width: auto;
		height: auto;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
		z-index: 1;
		opacity: 0.1;
	}

.header
	{
		position: absolute;
		top: calc(35% - 27px);
		/* Para HUMBOLDT */
		/* left: calc(63% - 370px); */
		/* Para SAI */
		/* left: calc(60% - 370px); */
		/* Para DDS */
		/* left: calc(61% - 370px); */
		/* Para BRASKEM */
		/* left: calc(56% - 370px); */
		/* Para GDOC */
		/* left: calc(55% - 370px); */
		/* Para SYNERTIX */
		/* left: calc(58% - 370px); */
		/* Para UASLP */
		/* left: calc(60% - 370px); */
		/* Para BMLT */
		/* left: calc(55% - 370px); */
		/* Para CH!P D!G!T@L */
		/* left: calc(61% - 370px); */
		/* Para RASSINI */
		/* left: calc(60% - 370px); */
		/* Para ESG */
		/* left: calc(60% - 370px); */
		/* Para GRUPO MEXICO */
		/* left: calc(57% - 370px); */
		/* Para SOPORTE */
		/* left: calc(57% - 370px); */
		/* Para DEMO */
		/* left: calc(57% - 370px); */
		/* Para SERVICE MASTER */
		/* left: calc(57% - 370px); */
		/* Para QUALITAS */
		/* left: calc(60% - 370px); */		
		left: calc(60% - 370px);
		z-index: 2;
	}

.header div
	{
		float: center;
		color: #fff;
		font-family: 'Exo', sans-serif;
		font-size: 50px;
		font-weight: 200;
	}

.login
	{
		position: absolute;
		/* Para SOPORTE */		
		/*top: calc(25% - 72px);*/
		/* Para SERVICE MASTER */		
		/*top: calc(33% - 72px);*/
		/* Para QUALITAS */		
		/*top: calc(34% - 72px);*/
		top: calc(34% - 72px);
		/* Para HUMBOLDT */
		/* left: calc(140% - 40px); */
		/* Para SAI */
		/* left: calc(125% - 40px); */
		/* Para DDS */
		/* left: calc(120% - 40px); */
		/* Para BRASKEM */
		/* left: calc(115% - 40px); */		
		/* Para GDOC */
		/* left: calc(120% - 40px); */
		/* Para SYNERTIX */
		/* left: calc(120% - 40px); */		
		/* Para UASLP */
		/* left: calc(120% - 40px); */	
		/* Para BMLT */
		/* left: calc(120% - 40px); */
		/* Para CH!P D!G!T@L */
		/* left: calc(120% - 40px); */	
		/* Para RASSINI */
		/* left: calc(120% - 40px); */	
		/* Para ESG */
		/* left: calc(120% - 40px); */	
		/* Para GRUPO MEXICO */
		/* left: calc(115% - 40px); */
		/* Para SOPORTE */
		/* left: calc(120% - 40px); */
		/* Para DEMO */
		/* left: calc(115% - 40px); */
		/* Para SERVICE MASTER */
		/* left: calc(115% - 40px); */
		/* Para QUALITAS */
		/* left: calc(120% - 40px); */
		left: calc(120% - 40px);
		height: 150px;
		width: 300px;
		padding: 10px;
		z-index: 2;
	}

.login a
	{
		color:#777;
		text-align: center;
		font-family: 'Exo', sans-serif;
		font-size: 0.7rem;
		font-weight: bold;
		padding: 2px;
	}

.login label
	{
		color:red;
		font-family: 'Exo', sans-serif;
		font-size: 0.8rem;
		padding: 4px;
	}

.login input[type=button]
	{
		width: 260px;
		height: 35px;
		background: #cfcdcd;
		border: 1px solid #fff;
		cursor: pointer;
		border-radius: 2px;
		color: #777;
		font-family: 'Exo', sans-serif;
		font-size: 16px;
		font-weight: 400;
		padding: 0px;
		margin-top: 0px;
	}

.login input[type=button]:active
	{
		opacity: 0.5;
		color: #000;
	}

.login input[type=button]:focus
	{
		outline: none;
		color: #000;
	}

.login input[type=button]:hover
	{
		opacity: 0.5;
		color: #000;
	}

.login input[type=password]
	{
		width: 200px;
		height: 30px;
		background: transparent;
		border: 1px solid #cfcdcd;
		border-radius: 2px;
		color: #777;
		font-family: 'Exo', sans-serif;
		font-size: 16px;
		font-weight: 400;
		padding: 4px;
		margin-top: 10px;
	}

.login input[type=password]:focus
	{
		outline: none;
		border: 1px solid #777;
		color: #000;
	}

.login input[type=submit]
	{
		width: 210px;
		height: 35px;
		background: #cfcdcd;
		border: 1px solid #fff;
		cursor: pointer;
		border-radius: 2px;
		color: #777;
		font-family: 'Exo', sans-serif;
		font-size: 16px;
		font-weight: 400;
		padding: 6px;
		margin-top: 10px;
	}

.login input[type=submit]:active
	{
		opacity: 0.5;
		color: #000;
	}

.login input[type=submit]:focus
	{
		outline: none;
		color: #000;
	}

.login input[type=submit]:hover
	{
		opacity: 0.5;
		color: #000;
	}

.login input[type=text]
	{
		width: 200px;
		height: 30px;
		background: transparent;
		border: 1px solid #cfcdcd;
		border-radius: 2px;
		color: #777;
		font-family: 'Exo', sans-serif;
		font-size: 16px;
		font-weight: 400;
		padding: 4px;
	}

.login input[type=text]:focus
	{
		outline: none;
		border: 1px solid #777;
		color: #000;
	}

body
	{
		margin: 0;
		padding: 0;
		background: #fff;
		font-family: Arial;
		font-size: 12px;
	}