/* ------------------------------------------------------------------------------------------------------------------ */
/* corpo */

div#contacts { display: block; position: relative; width: 100%; margin: 0 auto; padding: 0 0 50px 0; }
	div#contacts div.content { display: block; position: relative; padding: 0; width: 1000px; margin: 35px auto 0 auto; }
		div#contacts div.content div.left { display: block; position: relative; width: 200px; padding: 55px 0 0 0; float: left; }
		div#contacts div.content div.right { display: block; position: relative; width: 775px; float: right; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* links */

div#contacts div.left a { display: block; position: relative; height: 25px; padding: 0; margin: 0; width: 100%; text-decoration: none; color: #272263; font-size: 15px; line-height: 25px; }
div#contacts div.left a:hover { font-weight: bold; color: #231f20; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* titulo */

div#contacts h2 { position: relative; height: 20px; padding: 0; margin: 0; width: 475px; color: #a7a6a6; font-size: 13px; line-height: 20px; }
div#contacts h1 { position: relative; height: 35px; width: 100%; padding: 0; margin: 0; font-size: 20px; line-height: 35px; }
div#contacts h1.margin { margin: 35px 0 10px 0; }
div#contacts h3 { position: relative; height: 35px; width: 100%; padding: 0; margin: 25px 0 0 0; font-size: 20px; line-height: 35px; background-color: #e3e3e3; text-indent: 10px; }
div#contacts p.text { position: relative; padding: 0; margin: 15px 0 15px 0; font-size: 12px; line-height: 20px; width: auto; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* mapa */

div#contacts div#map { display: block; position: relative; width: 100%; height: 300px; margin: 15px 0 0 0; padding: 0; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* formulario */

div#contacts form { display: block; position: relative; width: 750px; margin: 0 auto; padding: 0; }
	div#contacts form div.col_left { display: block; position: relative; width: 350px; float: left; }
	div#contacts form div.col_right { display: block; position: relative; width: 350px; float: right; }
	div#contacts form label { display: block; position: relative; width: 100%; text-align: left; margin: 0 0 2px 0; }
		div#contacts form p { display: inline-block; position: relative; width: 100px; vertical-align: top; line-height: 20px; text-align: right; margin: 0 15px 0 0; font-size: 13px; }
		div#contacts form input[type="text"] { display: inline-block; position: relative; width: 200px; vertical-align: top; height: 18px; line-height: 18px; font-size: 12px; border: 1px solid #a7a6a6; margin: 0; padding: 0; }
		div#contacts form input[type="text"].captcha { width: 133px; margin: 0; }
		div#contacts form img.captcha { display: inline-block; position: relative; width: 65px; height: 20px; padding: 0; margin: 0 0 0 -3px; }
		div#contacts form textarea { display: inline-block; position: relative; width: 200px; vertical-align: top; height: 62px; line-height: 18px; font-size: 12px; border: 1px solid #a7a6a6; margin: 0; padding: 0; resize: none; }
		div#contacts form input[type="submit"] { display: block; position: relative; width: auto; height: 24px; line-height: 24px; margin: 10px 0 0 119px; padding: 0 26px 0 10px; border: none; background: #e3e3e3 url(../src/img/contacts_send.png) no-repeat right center; cursor: pointer; font-size: 13px; }
		div#contacts form input[type="submit"]:hover { background-color: #a7a6a6; }


/* ------------------------------------------------------------------------------------------------------------------ */