body{ background:#000 url(../img/fondo.jpg) repeat-x; margin: 0; padding: 0; }
#contenido_general { width: 990px; height: 700px; margin-right: auto; margin-left: auto; }
#header { width: 990px; height: 323px; margin-right: auto; margin-left: auto; }
#direccion_top { width: 990px; height: 32px; }
#direccion_top p { color: #fff; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-align: right; margin: 0 9px 9px; padding-top: 5px; padding-right: 50px; }
#logo_top { width: 248px; height: 290px; float: left; }
#conve_fecha { width: 742px; height: 100px; float: left; margin-top: 50px; }
#conve_fecha p { color: #fff; font-size: 22px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; margin-right: 40px; margin-left: 30px; }
#conve_fecha h1 { color: #fff; font-size: 35px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; margin-left: 30px; }
#conve_fecha h2 { color: #fff; font-size: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; margin-left: 30px; }
#botones_top { width: 990px; height: 41px; float: left; }
#botones_top h1 { color: #fff; font-size: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin: 0 0 0 120px; padding: 0; }
#contenido_index_central { background-image: url(../img/fondo_botones_index.png); width: 990px; height: 334px; float: left; }
/***inicio***/
#botones_index { width: 525px; margin-right: auto; margin-left: auto; }
.zitem {
	width:155px;
	height:155px;	
	border:solid 6px #fff;	
	margin:5px 5px 5px 0;
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
}
.zitem .caption {
	width:155px;
	height:30px;
	background:#000;
	color:#fff;
	font-weight:bold;
		
	/* fix it at the bottom */
	position:absolute;
	bottom:-1px; /* fix IE issue */
	left:0;

	/* hide it by default */
	display:none;

	/* opacity setting */
	filter:alpha(opacity=70);    /* ie  */
	-moz-opacity:0.7;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.7;    /* for really really old safari */  
	opacity: 0.7;    /* css standard, currently it works in most modern browsers like firefox,  */

}
.zitem .caption a {
	text-decoration:none;
	color:#fff;
	font-size:12px;	
	
	/* add spacing and make the whole row clickable*/
	padding:5px;
	display:block;
}
img {
	border:0;
	
	/* allow javascript moves the img position*/
	position:absolute;
}
.clear {
	clear:both;	
}
/***fin***/
/*******DIRECCIONES*******/
#direcciones { width: 990px; }
/**/
#footer { width: 990px; float: left; }
#footer p { color: #fff; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #222; text-decoration: none; margin-right: 250px; margin-left: 220px; padding: 10px; }
#footer p a { color: #e99b00; text-decoration: none; }
#footer p a:hover { border-bottom: 5px dashed #e99b00; }
/************formulario********/
#formulario { color: #fff; font-size: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-image: url(../img/fondo_contacto.png); width: 500px; margin-top: 10px; margin-left: 280px; padding: 0; }
#formulario h6 { font-size: 15px; margin: 0; padding: 0; border-width: 0; }
#quieres_contactar { }
#quieres_contactar a { color: #f80; text-decoration: none; }
#quieres_contactar a:hover { border-bottom: 5px dashed #f80; }
#quieres_contactar p { color: #fff; font-size: 22px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #000; text-decoration: none; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; }