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

form {
	margin:22px 0;
	padding:0;
}

input {
	width:95.8%;
	margin:0 0 10px 0;
	padding:5px 2%;
	border:1px dotted #666;
	border-radius:3px;
	
	font-family: 'Muli', sans-serif;
	font-size:100%;
	font-weight:300;
	color:#666;
	background:none;
}

.FC2 { width:44%; }
.FC3 { width:30%; }
.FC3M { margin:0 0 0 2.8%; }

textarea {
	margin:0 0 10px 0;
	padding:5px 2%;
	width:95.8%;
	height:80px;
	border:1px dotted #666;
	border-radius:3px;
	
	font-family: 'Muli', sans-serif;
	font-size:100%;
	font-weight:300;
	color:#666;
	background:none;
}

.boton {
	width:100%;
	margin:0;
	padding:30px 0;
	border:0;
	border-radius:3px;
	
	font-family: 'Muli', sans-serif;
	font-size:100%;
	font-weight:300;
	color:#fff;
	background:#55ba5a;
	
	cursor:pointer;
}

.boton:hover {
	color:#fff;
	background:#666;
}

select {
	width:100%;
	margin:0 0 8px 0;
	padding:4px 1%;
	border:1px dotted #666;
	border-radius:3px;
	
	font-family: 'Muli', sans-serif;
	font-size:100%;
	font-weight:600;
	color:#666;
	cursor:pointer;

}

::-webkit-input-placeholder { /* Chrome */
  color: #666;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #666;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #666;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #666;
  opacity: 1;
}

/* CHECKBOX */

.container {
	display: block;

	margin: 20px auto;
	padding: 20px;

	border: 1px solid #ccc;
	border-radius: 6px;
	cursor: pointer;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
	font-size: 13px;
	line-height: 16px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #999;
}

.container > div {
	position: relative;

	margin: auto;
	padding: 0 0 0 40px;
	
	width: 190px;
}

.container input {
	position: absolute;
	
	opacity: 0;
	
	cursor: pointer;
}

@-moz-document url-prefix() {
	.container input {
		width: 0;
		height: 0;
	}
}

.checkmark {
	position: absolute; top: 4px; left: 0;
	
	width: 25px;
	height: 25px;
	
	background-color: #ccc;
}

.container:hover input ~ .checkmark {
	background-color: #999;
}

.container input:checked ~ .checkmark {
	background-color: #55ba5a;
}

.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.container input:checked ~ .checkmark:after {
	display: block;
}

.container .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

label.error {
  color: red;
}

form #url { display: none; }