#contact-form {
	height: 322px;
	background: url(img/form_background.png) repeat-x;
	position: relative;
	display: none;
}

#contact-content {
	margin: 0px auto;
	width: 774px;
}

#contact-line {
	font-size: 11px;
	color: #3c71bd;
	padding-top: 2px;
	width:auto;
	text-align: center;
	}
	
	#contact-line  a {
		color: #a3c6e8;
		font-weight: bold;
		text-decoration: none;
	}	
	
	#contact-line  a:hover {
		color: #ffffff;
		text-decoration: underline;
	}
	
#message {
	padding-top: 90px;
	background: url(img/contact/drop_me_a_line.png) no-repeat 0px 0px;
	top: 30px;
	overflow: hidden;
	position: relative;
	display: block;
	height: 185px;
	}
	
	#message.sent {
		background: url(img/contact/thank_you.png) no-repeat 0px 30px;
	}	
	
	#contact-form  form.iesent {
		background: transparent;
		font-size: 18px;
		color: white;
	}	
	
	#close-form {
		position: absolute;
		top: 0px;
		right: 0px;
		background: url(img/contact/close.png) no-repeat 0px -18px;
		width: 77px;
		height: 0px;
		overflow: hidden;
		padding-top: 17px;
		cursor: pointer;
	}	
	
	#close-form:hover{
		background-position: 0px 0px;
		cursor: pointer;
	}
	
	#message div {
		position: absolute;
		top: 0px;
		left: 0px;
		height: 30px;
		white-space: nowrap;
		width: 400px;
	}

	#message div label {
		display: block;
		overflow: hidden;
		height: 0px;
		padding-top: 25px;
		width: 90px;
		margin-right: 10px;
		float: left;
	}
	
	#message input,#message textarea {
		display: block;
		width: 223px;
		float: left;
		height: 18px;
		background: white;
		border: 2px solid #CECFCA;
		color: #CECECC;
		padding: 3px 2px 2px 5px;
	}

	#message input.error,#message textarea.error {
		border: 2px solid #FE0000;
		color: #FE0000;
	}

	#message input.focus,#message textarea.focus {
		color: #1b1c1d;
	}
	
	#message div#form-name {top: 90px; margin-left:15px;}
	#message div#form-name label {background: url(img/contact/your_name.png) no-repeat right 6px; margin-left:15px;}

	#message div#form-hora {top: 125px; margin-left:15px;}
	#message div#form-hora label {background: url(img/contact/horario.png) no-repeat right 0px; margin-left:15px; }
	
	#message div#form-tipo {top: 155px;}
	#message div#form-tipo label {background: url(img/contact/tipo.png) no-repeat right 0px; width:120px; }
		
	#message div#form-email {top: 182px;  margin-left:15px;}
	#message div#form-email label {background: url(img/contact/e-mail.png) no-repeat right 6px; margin-left:15px; }		
		
	#message div#form-phone {top: 217px; margin-left:15px;}
	#message div#form-phone label {background: url(img/contact/phone.png) no-repeat right 6px; margin-left:15px; }
	
	#message input#form-send {
		position: absolute;
		top: 45px;
		left: 680px;
		width: 80px;
		height: 21px;
		white-space: nowrap;
		padding: 0px 0px 0px 84px;
		overflow: hidden;
		background: url(img/contact/send.png) no-repeat 0px -18px;
		border: none;
		cursor: pointer;
	}
	
	#message input#form-send.sending {
		background: url(img/contact/sending.png) no-repeat 0px 0px;
		left: 630px;
	}	

	#message input#form-send.sending:hover {
		background: url(img/contact/sending.png) no-repeat 0px 0px;
		left: 630px;
	}	
	
	#message div#form-message {top: 65px; left: 400px}
	#message div#form-message label {background: url(img/contact/message.png) no-repeat right 6px;
		top: -10px; }
	#message div#form-message textarea {width: 350px; height: 145px;}
	
	#message div.checkbox {
		position: static;
		top: auto;
		left: auto;
		display: block;
		width: 30px;
		height: 30px;
		background: url(img/contact/checkbox.png) no-repeat 0px 0px;
		float: left;
		cursor: pointer;
	}
	
	#message div.checkbox_on {
		background-position: 0px -31px;
	}
	
	
	