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

html, body {
	margin:0;
	padding:0;
}

body {
	font-family: 'Assistant', sans-serif;
	line-height:105%;
	color:#666;
	
	background:url(../../img/layout/fondo.jpg) 50% 50% fixed;
}

.clear { clear: both; }

.login {
	position:absolute; top:0; right:0; bottom:0; left:0;
	
	margin:auto;
	padding:0;
	
	width:90%; max-width:550px;
	height:300px;
	
	text-align:center;
	color:#666;
	
	border-radius:20px;
	box-shadow:0 0 20px #CCC;
	
	overflow:hidden;
}

.login > ul {
	margin:0;
	padding:0;
}

.login > ul > li {
	margin:auto;
	padding:10px 0;
	
	width:100%;
	
	list-style:none;
}

.login > ul > li:first-child {
	margin: 0 0 10px 0;
	padding:30px 0;
	
	font-size:130%;
	letter-spacing:4px;
	text-transform:uppercase;
	color:#fff;
	
	background:#333;
}

.login > ul > li:last-child {
	width:90%;
}

input {
	margin:auto;
	padding:10px 0 10px 2%;
	
	width:90%;
	
	font-size:18px;
	line-height:18px;
	
	border:none;
	border-radius:10px;
	box-shadow:0 0 10px #CCC;
}

.enviar {
	margin:0;
	padding:20px 0;
	
	width:85%;
	
	color:#FFF;
	
	border:0;
	cursor:pointer;
	
	float: right;
	
	border-radius:0 10px 10px 0;
	
	background:#F60;
}

.enviar:hover { background:#2196F3; }

.container {
	position: relative;
	
	width: 15%;
	height: 58px;
	
	float: left;

	cursor: pointer;
	
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
	position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999;
	
	height: 100%;
	width: 100%;
	
	opacity: 0;
	filter: alpha(opacity=0); /* For IE8 and earlier */

	cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #eee;
  border-radius:10px 0 0 10px;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #F60;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 0; right: 0; top: 0; bottom: 4px;
	
  margin: auto;
	
  width: 10px;
  height: 24px;
	
  border: solid white;
  border-width: 0 4px 4px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}