/*
 * SimpleModal Contact Form
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2010 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: contact.css 254 2010-07-23 05:14:44Z emartin24 $
 */

/* Overlay */
#contact-overlay {background-color:#000; cursor:wait;}

/* Container */
#contact-container {font: 14px/16px 'Trebuchet MS', Verdana, Arial; text-align:left; width:480px;}
#contact-container .contact-content {background-color:#333; opacity:0.9; filter: alpha(opacity=90); color:#ddd; height:40px;}
#contact-container h1 {
	color:#CCC;
	font-size:16px;
	line-height:22px;
	text-align:left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20;
	margin-left: 0;
	padding-top: 10;
	padding-right: 0;
	padding-bottom: 6px;
	padding-left: 12px;
	font-weight: normal;
}
#contact-container .contact-loading {background:url(../img/contact/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:1px solid #666;
	font-size:13px;
	font-weight:normal;
	line-height:16px;
	margin:0 auto;
	padding:2px;
	width:92%;
}
#contact-container br {clear:both;}
#contact-container form {margin:0; padding:15;}
#contact-container label {clear:left; display:block; float:left; font-weight:normal; padding-right:4px; text-align:right; width:100px;}
#contact-container .contact-input {background:#eee; border:1px solid #fff; font-family:'Trebuchet MS', Verdana, Arial; float:left; padding:2px; margin:2px; width:320px;}
#contact-container textarea {height:114px;}
#contact-container .contact-cc {cursor:default; font-size:14px; vertical-align:top;}
#contact-container .contact-top {background-color:#333; opacity:0.9; filter: alpha(opacity=90); height:1px; margin:0; padding:0;}
#contact-container .contact-bottom {background-color:#333; opacity:0.9; filter: alpha(opacity=90); font-size:12px; height:13px; line-height:12px; text-align:center; }
#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 .contact-bottom a:hover {color:#888;}
#contact-container .contact-button {
	border:0;
	color:#333;
	cursor:pointer;
	font-size:14px;
	font-weight:bold;
	height:20px;
	text-align:center;
	vertical-align:middle;
	background-color: #CCC;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 4px;
}
#contact-container .contact-button:hover {
	background-color: #FFF;
}
#contact-container a.modal-close,
#contact-container a.modal-close:link,
#contact-container a.modal-close:active,
#contact-container a.modal-close:visited {
	color:#CCC;
	font-size:18px;
	font-weight:normal;
	position:absolute;
	text-decoration:none;
	right:8px;
	top:0px;
	z-index:90000;
}
#contact-container a.modal-close:hover {
	color:#FFF;
}
.comentario {
	font-size:11px;
	margin-left: 100px;
	margin-top: 20px;
	}