#contact p, label, legend { font: 1.5em tahoma, sans serif; }


#contact {
	display: block;
	width:680px;
	height:220px;	
	padding: 35px;
	z-index:1000;	
}

/* Form style */

mark.validate {
	display: inline-block;
	margin: 12px 0 0 10px;
	width: 16px;
	height: 16px;
	background: transparent none;
}
mark.valid {
	background: url(../assets/success.gif) no-repeat top left;
}
mark.error {
	background: url(../assets/error.gif) no-repeat top left;
}

#contact label {
	display: inline-block;
	float: left;
	height: 1em;
	line-height: 1em;
	padding: 6px 0 0;
	width: 120px;
	font-size: 12px;
	margin: 5px 0;
	clear: both;
	color:#FFF;
}

#contact label small {
	font-size: 10px;
	color: #ccc;
}

#contact label.verify {
	padding: 0;
	margin: 2px 10px 2px 0;
	width: 145px;
	text-align: left;
}
#contact label.verify img {
	padding:1px;	
}

#contact input, #contact textarea, #contact select, #comments {
	width: 220px;
	padding: 5px;
	color: #ddd;
	background: #565656;	
	margin: 5px 0;
	font:12px Tahoma, Geneva, sans-serif;
	vertical-align: top;
	border: none;
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
}
#contact select {
	width: 232px;
	margin: 8px 0;
}
#contact input#verify {
	width: 55px;
	margin-top:2px;
}
#contact textarea {
	width: 220px;
}
#contact input:focus, #contact textarea:focus, #contact select:focus {
	background-color: #888;
	color:#333;
	outline: none;
	position: relative;
	z-index: 5;

	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);

	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
}
#contact input.error, #contact textarea.error, #contact select.error {
	box-shadow: 0 0 5px rgba(204, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 5px rgba(204, 0, 0, 0.5);
	-moz-box-shadow: 0 0 5px rgba(204, 0, 0, 0.5);
	border: 1px solid #faabab;
	background: #aaa;
	color:#000;
}
#contact input.submit {
	width:auto;
	border: none;
	margin-right: 72px;
	margin-top:-5px;
	text-decoration: none;
	font-family: 'Rokkitt', tahoma, "sans serif";
	font-size: 16px;
	color: #FFF;	
	background-color: #999999;
	padding: 3px 4px 2px 4px;
	float:right;
	cursor:pointer;
}
#contact input.submit:hover {
	background: #282828 !important;
	transition: none;
	-webkit-transition: none;
	-moz-transition: none;
}
#contact input.submit:active, #contact input.submit:focus {
	top: 1px;
}


#contact input[type="submit"][disabled] { background:#888; }

#contact legend { padding:7px 10px; font-weight:bold; color:#000; margin-bottom:0 !important; margin-bottom:20px; }

#contact span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

#message { margin: 1em 0; padding: 0; display: block; background: transparent none; }

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('../assets/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -webkit-border-radius:5px; }

.loader { padding: 0 10px; }

#contact #success_page h1 { background: url('success.gif') left no-repeat; padding-left:22px; }

acronym { border-bottom:1px dotted #ccc; }



#todos {
	
	width:380px;
	float:left;
	height:200px;
}

#campos {
	
	width:300px;
	float:left;
	height:200px;
	margin-left: 380px;
	margin-top:-210px;
}

.human {
	float:left;
	margin-top:10px;
	margin-left:0px;
	width:200px;
	color:#FFF;

}

.veri {
	margin-left: 130px;
	margin-top:-9px;
	float:left;

}

fieldset {
	color:#FFF;
	font-size:16px;

}