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

/*
 * sending form.
 */

#envio {
	/*background: url('img/70.png');*/
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 100;
	top: 0;
	display: none;
}
.sending {
	width: 100%;
	height: 100%;
	background: url('img/ico_loading.gif') no-repeat center center;
}
.sent main {
	opacity: 1;
	-webkit-transition: opacity 300ms ease-out;
	-moz-transition: opacity 300ms ease-out;
	transition: opacity 300ms ease-out;
}

/*
 * Formulario
 */
 
.realperson-challenge {
	color:#FFF;
	float:left;
	width:33%;
	margin: 11px 20px 0 0;
}

.camptxt {
	display: inline-block;
	margin-bottom: 16px;
	margin-right:3%;
	color:white;
	width:46%;
	/*float:left;*/
}
label {
	display: block;
	font-weight: 300;
}
input[type="text"], input[type="file"], input[type="submit"], textarea, select {
	background-color: transparent;
    border: solid 1px #333;
    padding: 6px 12px;
    border-radius: 6px;
    margin-top: 8px;
    width: 100%;
    line-height: 24px;
    color: #333;
    box-sizing: border-box;
    font-size: .8em;
    font-family: 'Raleway', sans-serif;
}
input[name="defaultReal"] {
	width:33%;			
}
textarea {
	height: inherit;
	width: 100%;
	box-sizing: border-box;
}

select, input[type="submit"] {
	-webkit-appearance: none;
	-moz-appearance: none;
}

input[type="submit"] {
	width: auto;
    border-radius: 24px;
    font-size: 18px;
    font-weight: 300;
    text-transform: uppercase;
    padding: 6px 20px;
}
input[type="submit"]:hover {
	border-color: #999;
    color: #999;
    cursor: pointer;
}

.corto {
	width: 96%;
}


/*.form_container {
	 position: relative;
	display:inline-block; 
}
	.form_container > div {
		/*width:100%;
		color: #fff;
	}
	.form_container > div h2  {
		color: #ffffff;
		font-weight: 100;
		padding: 0px;
		font-size: 36px;
		line-height: 42px;
	}
	.form_container > div h3  {
		clear: both;
		color: white;
		font-weight: 100;
		font-size: 24px;
		margin: 16px 0px;
		padding-top: 16px;
		border-top: solid 2px;
	}
	.form_container > div h4  {
		clear: both;
		color: white;
		font-weight: 300;
		font-size: 18px;
		margin: 16px 0px;
		padding-top: 16px;
	} */
	.form_container > div p.boton {
			padding: 8px 20px;
			border: solid 1px #333;
			display: table-cell;
			-webkit-border-radius: 24px;
			-moz-border-radius: 24px;
			border-radius: 24px;
			text-transform: uppercase;
		}
		.form_container > div p.boton:hover {
			border-color: #999;
		}
		.form_container > div p.pieImage {
			font-weight: 600;
			font-size: 11px;
			line-height: 18px;
		}
	.form_container > div a {
		/* color: #fff; */
		text-decoration: none;
	}
	.form_container > div a:hover {
		color: #999;
	} 

/*
 * Otros
 */

#pro, #obra {
	display: none;
}

/*
 * Upload
 */
.progress_outer { 
	background-color: transparent;
	border: solid 2px;
	height: 16px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	margin: 34px 0;
	width: 100%;
	overflow: hidden;
}

.progress {
	width:1px;
	background:#fff;
	height:16px;
	visibility:hidden;
}



/*
 * HTML5 Boilerplate accessible hidden styles
 */

input[type="radio"], input[type="checkbox"] {
	border: 0; 
	clip: rect(0 0 0 0); 
	height: 1px;
	margin: -1px; 
	overflow: hidden; 
	padding: 0; 
	position: absolute; 
	width: 1px;
}			
	/* One radio button per line */
	label.campRadio {
		display: block;
		cursor: pointer;
		line-height: 3;
		color: white;
	}

input[type="radio"] + span, 
input[type="checkbox"] + span {
	display: block;
	padding-left: 36px;
    position: relative;
    line-height: 24px;
}
	/* the basic, unchecked style */
	input[type="radio"] + span:before, 
	input[type="checkbox"] + span:before {
		content: '';
    	width: 24px;
    	height: 24px;
    	border-radius: 16px;
    	border: 1px solid #333;
    	transition: 0.5s ease all;
    	cursor: pointer;
    	position: absolute;
    	left: 0;
	}

/* the checked style using the :checked pseudo class */
input[type="radio"]:checked + span:before, 
input[type="checkbox"]:checked + span:before {
	background: rgb(153, 153, 153);
}

.verif {
	visibility: hidden;
}