/* CSS Document */

body{

	background-color:#dbe2ff;
	font:10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	
}


/* GENERICOS */
h1, .title{
	
	font-size:15px;
	color:#94a1e2;
	font-weight:bold;

}

h2{
	font-size:13px;
	font-weight:bold;

}

#cite, .parraf, #cite_index{

	text-align:justify;
	line-height:160%;
}

#cite{
	
	position:relative;
	width:600px;
	height:89px;
	left:30px;
	background: url(bgcite.png);

}

#cite .parraf{

	font-weight:bold;
	padding:16px;
}

#cite_index .parraf, #cite_contact .parraf{

	padding:16px;
}

#cite_index{
	position:absolute;
	width:300px;
	height:240px;
	right:-10px;
	top:50px;
	background: url(bgcite01.png);
	float:right;
	
}

#cite_contact{
	position:absolute;
	width:300px;
	height:170px;
	right:-10px;
	top:300px;
	background-color: #e1e7ff;
	float:right;
	
}

a{
	font-size:11px;
	text-decoration:none;
	letter-spacing:1px;
	color:#e3e8ff;
}

a:hover{ 	text-decoration:underline;	color:#00ff84; }

.pdflink a{

	color:#000000;
	font-size:11px;
	text-decoration:none;
	letter-spacing:1px;

}
.pdflink a:hover{ 	text-decoration:underline;	color:#000; }

div#general{

	position: relative;
	width:790px;
	height:auto;
	margin: 10px auto;
	
}
/* CABECERA */

div#capsal{

	position:relative;
	width: 790px;
	height:220px;
	top:0;
	background: url(capsal1.png);

}

div#logo{
	position:relative;
	top:65px;
	width:300px;
	left:560px;
}

div#menu{
	position:relative;
	top:106px;
	left:40px;
}

.item{
	margin-left:20px;

}

.selecteditem{

	font-weight:bold;
	color:#00ff84;
	
}

.selecteditem:hover{

	text-decoration:none;
	font-weight:bold;
	color:#00ff84;
	cursor:default;
}
/* CONTENT */

div#content{

	position:relative;
	width: 790px;
	height:auto;
	background: url(bgcontent.png) repeat-y;
	left:-8px;
}	

div#subcontent{
	
	position:relative;
	width:680px;
	left:60px;

}


/* FOOTER */

div#footer{

	position:relative;
	width: 790px;
	height:35px;
	background: url(footer.png);
	left:0px;
}