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


#contact {
	display: block;
	width:400px;
	height:350px;	
	padding: 35px 35px 35px 0px;	
}

/* 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:#222;
}

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

#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: 230px;
	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: 230px;
	margin: 8px 0;
}
#contact input#verify {
	width: 55px;
	margin-top:2px;
}
#contact textarea {
	width: 230px;
}
#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:40px;
	margin-top:15px;
	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; }

*/

#formulario 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:#222;
}

#formulario label small {
	font-size: 10px;
	color: #444;
}

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

#formulario input, #contact textarea, #contact select, #comments {
	width: 230px;
	padding: 5px;
	color: #ddd;
	background: #565656;	
	margin: 5px 0;
	font:12px Tahoma, Geneva, sans-serif;
	vertical-align: top;
	border: none;
	cursor:pointer;
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
}
#formulario select {
	width: 230px;
	margin: 8px 0;
}
#formulario input#verify {
	width: 55px;
	margin-top:2px;
}
#formulario textarea {
	width: 230px;
}
#formulario 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;
}
#formulario 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;
}


#formulario input.enviar {
	width:auto;
	border: none;
	margin-right:40px;
	margin-top:15px;
	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;
}
#formulario input.enviar:hover {
	background: #282828 !important;
	transition: none;
	-webkit-transition: none;
	-moz-transition: none;
}
#formulario input.enviar:active, #contact input.enviar:focus {
	top: 1px;
}

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

#formulario 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; }

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








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




.human {
	float:left;
	margin-top:10px;
	margin-left:0px;
	width:200px;
	color:#333;
	font:12px Tahoma, Geneva, sans-serif;

}

.verificar {
	float:left;
	height:30px;
	width:80px;
	margin-top:30px;
	margin-left:-80px;
}

.veri {
	float:left;
	height:30px;
	width:90px;
	margin-top:35px;
	margin-left:59px;
}


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

}
