/*
 * 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-overlay {background-color:#000;}

/* Container */
#contact-container {
	font: 13px 'Open Sans', sans-serif; 
	text-align:left;
}

#contact-container .contact-content {background-color:#ce5300; color:#fff;}

#contact-container h1 {color:#fff; font-size:20px; line-height:20px; margin:0px 0px 15px 15px; padding:6px 6px 6px 12px; text-align:left;}

#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 .contact-error {background:#000; border:2px solid #ccc; font-size:14px; font-weight:bold; line-height:18px; margin:0 auto; padding:2px; width:92%;}

#contact-container br {
	clear:both;
}

#contact-container form {
	margin:0;
}

#contact-container label {
	clear:left; 
	display:block; 
	float:left; 
	font-weight:none; 
	/*padding-left:15px; */
	text-align:left; 
	width:100%;
}

#contact-container .contact-input {
	background:#eee; 
	border:0px solid #fff; 
	font-family:'Open Sans', sans-serif; 
	float:left; 
	padding:5px; 
	margin-left:15px; 
	width:80%;
}

#contact-container textarea {
	height:10%;
}

#contact-container .contact-cc {cursor:default; font-size:14px; vertical-align:top;}

#contact-container .contact-top {background-color:#ce5300; 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:#ce5300; 
	font-size:12px; 
	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:#005377; 
	position:relative; 
	top:-4px; 
	text-decoration:none;
}
#contact-container .contact-bottom a:hover {color:#888;}

#contact-container .contact-button {background:#636568; border:0; color:#fff; cursor:pointer; font-size:14px; font-weight:normal; height:26px; margin:4px 0 0 4px; text-align:center; vertical-align:middle; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;}

#contact-container .contact-button:hover {background:#fed14e;}
#contact-container a.modal-close,
#contact-container a.modal-close:link,
#contact-container a.modal-close:active,
#contact-container a.modal-close:visited {color:#fff; font-size:20px; font-weight:bold; position:absolute; text-decoration:none; right:5px; top:0px;}
#contact-container a.modal-close:hover {color:#ccc;}


@media screen and (max-width: 1440px) { /* Mi pantalla de MAC */
	#contact-container  {
		width: 37%;
	}	
	#contact-container form {
		padding:10px;
	}
	#contact-container label {
		padding-left:15px; 
		padding-top:15px; 
		width:90%;
	}

	#contact-container .contact-bottom {
		height:73px;
	}



}


@media screen and (max-width: 1366px) {
	#contact-container  {
		width: 50%;
	}
	#contact-container form {
		padding:5px;
	}
	#contact-container label {
		padding-left:15px; 
		padding-top:15px; 
		width:100%;
	}	
	#contact-container .contact-bottom {
		height:73px;
	}
}


@media screen and (max-width: 1080px) {
	#contact-container  {
		width: 60%;
	}
	#contact-container form {
		padding:5px;
	}
	#contact-container label {
		padding-left:15px; 
		padding-top:15px; 
		width:100%;
	}
	#contact-container .contact-bottom {
		height:73px;
	}	
}

@media screen and (max-width: 991px) {
	#contact-container  {
		width: 60%;
	}
	#contact-container form {
		padding:5px;
	}
	#contact-container label {
		padding-left:15px; 
		padding-top:15px; 
		width:100%;
	}
	#contact-container .contact-bottom {
		height:73px;
	}
}

@media screen and (max-width: 800px) {
	#contact-container  {
		width: 63%;
	}
	#contact-container form {
		padding:5px;
	}
}


@media screen and (max-width: 667px) {
	#contact-container  {
		width: 66%;
	}
	#contact-container form {
		padding:5px;
	}
	#contact-container .contact-bottom {
		height:23px;
	}

}

@media screen and (max-width: 600px) {
	#contact-container  {
		width: 70%;
	}
	#contact-container form {
		padding:5px;
	}
	#contact-container .contact-bottom {
		height:23px;
	}
}
@media screen and (max-width: 568px) {
	#contact-container  {
		width: 74%;
	}
	#contact-container form {
		padding:5px;
	}
	#contact-container label {
		padding-left:15px; 
		padding-top:0px; 
		width:100%;
	}
	#contact-container .contact-bottom {
		height:23px;
	}
}

@media screen and (max-width: 480px) {
	#contact-container  {
		width: 80%;
	}
	#contact-container form {
		padding:5px;
	}
	#contact-container label {
		padding-left:15px; 
		padding-top:0px; 
		width:100%;
	}
	#contact-container .contact-bottom {
		height:23px;
	}
}


@media screen and (max-width: 414px) {
	#contact-container  {
		width: 80%;
	}
	#contact-container form {
		padding:5px;
	}
	#contact-container label {
		padding-left:15px; 
		padding-top:0px; 
		width:100%;
	}
	#contact-container .contact-bottom {
		height:23px;
	}
}