/* CSS Document */

/* Formulario -----------------------------------------*/
#contact {
	padding: 10px;
	border: 1px solid #223E3F;
	background: #2d5f61 url(../images/bg_pattern.gif) repeat-x bottom;
}

.contact-info {
	padding-left: 8px;
}

#contact-light {
	background-image: url(../images/bg_contacto.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 208px;
	padding-top: 30px;
	padding-right: 10px;
	padding-left: 15px;
}

form {
	display: inline;
	font-size: 0.9em;
	line-height: 1.2em;
	font-family: "Trebuchet MS", "Microsoft Sans Serif", Helvetica, Verdana;
}

fieldset {
	border-style: none;
}

label {
	display: block;
	margin-left: 3px;
	padding-top: 2px;
}

.requerido {
	font-size: 8px;
	color: #1ce7ee;
}

input, textarea {
	color: #27494A;
	padding: 2px;
	width: 195px;
	margin-bottom: 3px;
	border: 1px solid #4c8e90;
	background-color: #40797b;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
}

#contact input, #contact textarea {
	width: 350px;
}

#contact textarea {
	height: 100px;
}

.submitbutton {
	color: #fff;
	width: 70px !important;
	height: 25px;
	margin-top: 2px;
	background-color: #27494A;
	float: right;
	margin-right: 6px;
}

	/* el foco de los campos */
input:focus, textarea:focus {
	border: 1px solid #16c3ee;
	color: #fff;
	background-image: none;
}

.focus {
	border: 1px solid #16c3ee;
	color: #fff;
	background-image: none;
}

	/* el foco para campos requeridos */
.focusrequerido {
	border: 1px solid #0e2e2f;
	color: #0e2e2f;
	background-image: none;
}