@charset "UTF-8";
/* CSS Document */

.contact-form
{
	background-color:#FFF;
	width:345px;
	padding:10px;
	margin:50px auto;	
	border:1px solid #5c5c5c;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:5px;
	position:absolute;
	top:625px;
	left:315px;
}

.contact-form input, /*--- Texto de formulario ---*/
.contact-form select, 
.contact-form textarea, 
.contact-form label
{
	font-style:oblique;
	color:#666;
	font-size:12px;
	margin-bottom:1px;
	position:relative;
	left:20px;
}

.contact-form h1
{
	position:absolute;
	left:30px;
}

.contact-form input, /*--- Area de formulario ---*/
.contact-form select, 
.contact-form textarea
{
	width:300px;
	border:1.5px solid #CEE1E8;
	margin-bottom:10px;
	padding:3px;
	position:relative;
	left:18px;
	border-radius:5px;
}

.contact-form input:focus, 
.contact-form select:focus, 
.contact-form textarea:focus
{
	border:1.5px solid #AFCDD8;
	background-color:#EBF2F4;
}

.contact-form textarea
{
	height:50px;
	resize:none;
}

.contact-form label
{
	display:block;
}

.contact-form .required
{
	font-weight:bold;
	color:#F00;	
}
/*----- Inicia Boton de enviar -----*/
.contact-form #submit-button
{
	width:60px;
	background-color:#333;
	color:#FFF;
	border:none;
	display:block;
	float:right;
	margin-bottom:1px;
	margin-right:38px;
	top:1px;
	background-color:#2D597F;
	-moz-border-radius:8px;
	border-radius:5px;
}

.contact-form #submit-button:hover
{
	background-color:#A6CFDD;
}

.contact-form #submit-button:active
{
	position:relative;
	top:1px;
}
/*----- Termina Boton de enviar -----*/
.contact-form #loading
{
	width:32px;
	height:32px;
	background-image:url(../img/loading.gif);
	display:block;
	position:absolute;
	right:100px;
	bottom:10px;
	display:none;
}

#errors
{
	border:solid 1px #E58E8E;
	padding:5px;
	margin:5px 0px;
	display:block;
	width:333px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	background:#FFE6E6;
	font-weight:bold;
	font-size:12px;
	color:#FF0000;
	text-align:center;
	display:none;
}

#errors li
{
	padding:2px;
	list-style:none;	
}

#errors li:before
{
	content: ' - ';	
}

#errors #info
{
	font-weight:bold;
}

#errors #info:before
{
	content: '';	
}

#success
{
	border:solid 1px #83D186;
	padding:5px;
	margin:5px 0px;
	display:block;
	width:333px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	background:#D3EDD3;
	font-weight:bold;
	font-size:12px;
	color:#00CC00;
	text-align:center;
	display:none;
}

#errors.visible, #success.visible
{
	display:block;	
}

#req-field-desc
{
	font-size:12px;
	font-style:italic;
}

/* Remove box shadow firefox, chrome and opera put around required fields. It looks rubbish. */
input:required, textarea:required
{
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
}

/* Normalize placeholder styles */

/* chrome, safari */
::-webkit-input-placeholder
{
	color:#CCC;
	font-style:italic;
}

/* mozilla */
input:-moz-placeholder, textarea:-moz-placeholder
{
	color:#CCC;
	font-style:italic;
}

/* ie (faux placeholder) */
input.placeholder-text, textarea.placeholder-text
{ 
	color:#CCC;
	font-style:italic;
}