.body
	{
		position: absolute;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		width: auto;
		height: auto;
		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(36% - 27px);
		left: calc(59% - 370px);
		z-index: 2;
	}

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

.login
	{
		position: absolute;
		top: calc(33% - 72px);
		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: 4px;
	}

.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;
	}

input#cmdPerfiles
  {
    background: transparent url('/imagenes/perfiles.png') no-repeat left;
    padding-left: 10px;
    height: 16px;
    cursor: pointer;
    border: none;
    vertical-align: middle;
    font: normal 11px arial,tahoma, helvetica, sans-serif;
  }

input#cmdPerfiles:hover 
  {
    box-shadow: inset 0 0 16px rgba(49, 138, 172, 0.5), 0 0 16px rgba(49, 138, 172, 0.4);
    outline-color: rgba(49, 138, 172, 0);
    outline-offset: 80px;
    text-shadow: 1px 1px 1px #fff;
  }