/*
 * SimpleModal Contact Form
 * http://simplemodal.com
 *
 * Copyright (c) 2013 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 */

/* Overlay */
#contact-container .ancho{
	height: 200px;
}
#contact-container #war,#contact-container #span
{
	display: inline-block;
	vertical-align: middle;
}
#contact-container #span
{
	text-align: justify;
	width: 70%;
	margin-left: 10px;
}
#contact-container #war
{
	width: 20%;
}
#contact-overlay {background-color:#000;}

/* Container */
#contact-container {font: 16px/22px 'Trebuchet MS', Verdana, Arial; text-align:left; width:450px}

#contact-container .contact-content 
{
	background: rgb(184, 227, 245) url(../img/bg_noise.png);
	border-radius: 0.8em;

	font-family:"Libre Baskerville",arial;
	font-size: 16px;
	padding: 1em;	
	text-align: justify;
	text-shadow: 0 -1px 0 rgba(0,0,0,.3);
}
#contact-container h1 {color:#d76300; font-size:20px; line-height:1.4px; margin:0; padding:6px 6px 6px 12px; text-align:center;}
#contact-container .contact-loading {background:url(../img/loading.gif) no-repeat; height:55px; margin:-14px 0 0 190px; padding:0; position:absolute; width:54px; z-index:8000;}
#contact-container .contact-message {text-align:center;}
#contact-container br{clear: both;}
#contact-container form {margin:0; padding:0;}
#contact-container label {clear:left; display:block; float:left; font-weight:bold; padding-right:8px; text-align:right; width:100px; cursor: pointer;}
#contact-container .contact-input {background:#eee; border:1px solid #fff; font-family:'Trebuchet MS', Verdana, Arial; float:left; padding:2px; margin:2px; width:300px; border-radius:8px; 
-ms-transition: all 0.4s ease-in ;
	/* mozilla*/
	-moz-transition: all 0.4s ease-in ;
	/* opera*/
	-o-transition: all 0.4s ease-in ;
	/* safari-chrome*/
	-webkit-transition: all 0.4s ease-in ;
	transition: all 0.4s ease-i ;  
}
#Enviar-submit
{
	border-radius: 0.3em 0.3em;
	box-shadow: inset 0 0 4px #CDCDCD;
	-0-box-shadow: inset 0 0 4px #CDCDCD;
	-moz-box-shadow: inset  0 4px #CDCDCD;
	-webkit-box-shadow: inset 0 0 4px #CDCDCD;
	color: #FFF;
	cursor: pointer;
	font-size: 1.35em;
	
	text-shadow: -1px 1px 0 #5b5b5b;
}
#contact-container .contact-input:focus
{
	background: rgba(198,198,198,0.5);
	border:1px solid #848383;
	-ms-transition: all 0.4s ease-out ;
	/* mozilla*/
	-moz-transition: all 0.4s ease-out ;
	/* opera*/
	-o-transition: all 0.4s ease-out ;
	/* safari-chrome*/
	-webkit-transition: all 0.4s ease-out ;
	transition: all 0.4s ease-out ;  
}

#contact-container textarea {height:114px; resize:none;}
#contact-container .contact-cc {cursor:default; font-size:14px; vertical-align:top;}
#contact-container .contact-top {background-color:#333; height:13px; margin:0; padding:0; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; border-radius:8px 8px 0 0;}
#contact-container .contact-bottom {background-color:#333; font-size:12px; height:13px; line-height:12px; text-align:center; -webkit-border-bottom-right-radius:8px; -webkit-border-bottom-left-radius:8px; -moz-border-radius-bottomright:8px; -moz-border-radius-bottomleft:8px; border-radius:0 0 8px 8px;}
#contact-container .contact-bottom a,
#contact-container .contact-bottom a:link,
#contact-container .contact-bottom a:active,
#contact-container .contact-bottom a:visited {color:#666; position:relative; top:-4px; text-decoration:none;}
#contact-container a
{
	font-size: 14px;
	color: #3656b3;
	text-decoration: none;

}
#contact-container a:hover
{
	text-decoration: underline;
}
#contact-container .contact-bottom a:hover {color:#888;}
#contact-container .contact-button {background:#d76300; border:0; color:#fff; cursor:pointer; font-size:16px; font-weight:bold; height:26px; margin:4px 0 0 4px; text-align:center; vertical-align:middle; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
#contact-container .contact-button:hover {background:#f49000;}
#contact-container a.modal-close,
#contact-container a.modal-close:link,
#contact-container a.modal-close:active,
#contact-container a.modal-close:visited {color:#999; font-size:18px; font-weight:bold; position:absolute; text-decoration:none; right:8px; top:0px;}
#contact-container a.modal-close:hover {color:#ccc;}