@charset "UTF-8";

/* CONTENT GLOBAL */
.contentglobal { position: relative; margin: 0 auto; padding: 10px 0; width: 980px; overflow: hidden; display: block; }

/* CONTENT GENERIC */
.contentgeneric { position: relative; margin: 42px 20px 0 0; padding: 0 auto; width: 342px; overflow: hidden; display: block; float: right; }

/* CONTENT FRON */
.contentfrom { position: relative; margin: 0 auto; padding: 0 auto; width: 342px; overflow: hidden; display: block; float: right; }


/* CONTACT FRONT */
#contactfront { position: relative; margin: 0 auto; padding: 0 auto; width: 980px; height: 432px; display: block; float: left; background-image: url(../images/contactfront.jpg); background-repeat: no-repeat; }

/* BUTTON CONTACT */
a#buttoncontact { position: relative; margin: 0 auto; padding: 0 auto; width: 164px; height: 39px; display: block; text-decoration: none; background-image: url(../images/buttoncontact.png); background-repeat: no-repeat; background-position: 0 0; }
a:visited#buttoncontact { position: relative; margin: 0 auto; padding: 0 auto; width: 164px; height: 39px; display: block; text-decoration: none; background-image: url(../images/buttoncontact.png); background-repeat: no-repeat; background-position: 0 0; }
a:hover#buttoncontact { position: relative; margin: 0 auto; padding: 0 auto; width: 164px; height: 39px; display: block; text-decoration: none; background-image: url(../images/buttoncontact.png); background-repeat: no-repeat; background-position: 0 -39px; }
a:active#buttoncontact { position: relative; margin: 0 auto; padding: 0 auto; width: 164px; height: 39px; display: block; text-decoration: none; background-image: url(../images/buttoncontact.png); background-repeat: no-repeat; background-position: 0 -39px; }

/* INPUT */
.input { position: relative; margin: 0 0 10px 0; padding: 2px 0 2px 5px; width: 100%; height: 20px; display: block; font: 13px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; color: #000000; }
.textarea { position: relative; margin: 0 0 10px 0; padding: 5px 0 0 5px; width: 100%; height: 150px; display: block; font: 13px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; color: #000000; }

em.error {
	background: url("../images/invalid.png") no-repeat 0 0;
	left: 5px;
	margin: 0;
	padding: 0 0 0 10px;
	position: relative;
	top: -2px;
}
em.success {
	background: url("../images/valid.png") no-repeat 0 0;
	left: 4px;
	margin: 0;
	padding: 0 0 0 12px;
	position: relative;
	top: -2px;
}
#contacto-enviado {
	color: #777777;
	font-family: Arial, Helvetica;
	font-size: 12px;
	height: 200px;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 320px;
}
#contacto-enviado p {
	color: #777777;
	font-family: Arial, Helvetica;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	margin: auto;
	padding: 0;
	width: 300px;
}