body {height:100%; margin:0;}

.caja { 
	float: left;    
	width: 730px;
	border: 5px solid #818181;
	margin-top: 5px;
}

.articulo {
	background-image: url("../imagenes/proceso/inferior.jpg");
	background-position: bottom left;
	background-repeat: no-repeat;
	padding: 1em 4em 10em;
	text-align: left;
}

a {
	text-decoration: none;
	font-size: 20px;
	display: inline;
	vertical-align: super;
	color: #004080;
}

a:hover {
	color: #0080C0;
}

.descripcion {
	color: #6C6C6C;
	font-family: Tahoma, verdana, "Arial Unicode MS", Arial;
	font-size: 14px;
}

.fecha {
	color: #800000;
	font-size: 11px;
	font-family: "trebuchet MS", sans-serif;
}

.imagen {
	text-align: center;
	margin: 0.5em auto;
	background: #EAEAEA;
	padding: 0.5em;
	border: 1px solid #ABABAB;
	width: 450px;
	height: 300px;
}

h1 {
	font-size: 22px;
	color: #004080;
	text-align: center;
}

h2 {
	font-size: 16px;
	color: #800000;
	text-align: center;
}

.contact {
	background-color: #FFFFFF;
	text-decoration: none;
	padding: 7px 25px;
}

.btn_imprimir {
	background-color: #FFFFFF;
	text-decoration: none;
	padding: 10px 25px;
}

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

/* Container */
#contact-container {width:450px; font-family: Georgia, "Times New Roman", Times, serif; font-size:12px; text-align:left;}
#contact-container .contact-content {background-color:#333; color:#ddd; height:40px;}
#contact-container h1 {color: #FFFFFF; margin:0; padding:0 0 6px 12px; font-size:1.2em; text-align:left; font-weight: bolder;}
#contact-container .contact-loading {position:absolute; background:url(../imagenes/comunicacion/loading.gif) no-repeat; z-index:8000; height:55px; width:54px; margin:-14px 0 0 200px; padding:0;}
#contact-container .contact-message {text-align:center;}
#contact-container .contact-error {width:92%; font-size:.8em; background:#000; border:2px solid #ccc; font-size:0.8em; font-weight:bold; margin:0 auto; padding:2px;}
#contact-container br {clear:both;}
#contact-container form {padding:0; margin:0;}
#contact-container label {clear:left; display:block; width:100px; float:left; text-align:right; padding-right:4px; font-weight:bold;}
#contact-container .contact-input {float:left; padding:2px; margin:2px; background:#eee; border:1px solid #fff; width:300px;}
#contact-container textarea {height:114px; font-size:.9em;}
#contact-container .contact-cc {font-size:.9em; cursor:default;}
#contact-container .contact-top {height:13px; background:url(../imagenes/comunicacion/form_top.gif) no-repeat; padding:0; margin:0;}
#contact-container .contact-bottom {height:13px; background:url(../imagenes/comunicacion/form_bottom.gif) no-repeat; font-size:.7em; 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 {position:relative; top:-4px; text-decoration:none; color:#666;}
#contact-container .contact-bottom a:hover {color:#888;}
#contact-container .contact-button {margin:4px 0 0 4px; cursor:pointer; height:24px; border:0; font-size:1em; font-weight:bold; color:#fff; text-align:center; vertical-align:middle;}
#contact-container .contact-send {width:50px; background:url(../imagenes/comunicacion/send.png) no-repeat;}
#contact-container .contact-cancel {width:65px; background:url(../imagenes/comunicacion/cancel.png) no-repeat;}
#contact-container a.modal-close {width:25px; height:24px; background:url(../imagenes/comunicacion/cerrar.png) no-repeat;}
#contact-container a.modal-close,
#contact-container a.modal-close:link,
#contact-container a.modal-close:active,
#contact-container a.modal-close:visited {text-decoration:none; font-weight:bold; font-size:1.2em; position:absolute; top:-4px; right:-4px; color:#999;}
#contact-container a.modal-close:hover {color:#9bb3b3;}
