@charset "utf-8";
/* CSS Document */
/* General selectors */
html {
	min-height: 100%;
	height: auto;
}
body{
	font-family:Arial, Helvetica, sans-serif;
	height: 100%;
	background: #ccffff url(img/grad01.jpg) repeat-x bottom ;
	margin:0;
	font-size: 12px;

}
p{
	margin:10px 0 10px 0px;
	padding: 0;
	text-align:justify;
}

li{
	margin: 0 0 8px 0;
}
strong, acronym, a {
	color:#333399;
	font-weight:bold;
}
a{text-decoration:none;}
a:hover {
	color:#85a0cc;
	text-decoration:underline;
}
h1{
	font-size: 16px;
	margin: 20px 0 0 0;
	padding: 0 0 0 10px;
	color: #FFFFFF;
	background: #4f79b5;
	line-height: 30px;
}
h2{
	font-size: 14px;
	color:#CC0000;
	margin: 5px 0 5px 0;
}
/* Structure */
#mainDiv{
	width: 962px;
	margin:0 auto;
	background: #FFF url(img/back01.jpg) left bottom no-repeat;
	border: 1px #4f79b5 solid;
	border-top: none;
}
#top, #top div {
	height:96px;
	text-align:center;
	background:#FFFFFF url(img/grad.gif) top repeat-x;
}
#top ul{
	list-style:none;
	margin:0;
	padding:0;
	float:right;
	border-left:#FFFFFF solid 1px;
	height:96px;
}
#top li{
	display:block;
	float:left;
	text-align:center;
}
#top li a{
	display:block;
	width:95px;
	height:96px;
	color:#FFFFFF;
	font-weight:bold;
	background:url(img/top_back.gif) repeat-x;
	text-decoration:none;
	border-right:#c5d5f2 solid 1px;
	text-transform:uppercase;line-height: 96px;
}
#top li a:hover{
	background:#85a0cc;
}
#content{
	clear:both;
}
#top img{
	border:none;
	position:relative;
	top:25%;
}
#top div {
	background: url(img/top_back.gif) no-repeat;
}
/*Footer*/
#footer{
	clear:both;
	line-height: 48px;
	color:#b6c5e2;
	background:#4f7ab5 url(img/back01.gif);
	text-align:center;
}
#footer div, #footer ul{
	width:350px;
}
#footer div{
	color:#FFFFFF;
	float:right;
	text-align:right;
	line-height:normal;
	padding:0 4px 0 0; 
}
#footer ul{
	float:left;
	text-align:left;
	padding:0 0 0 4px;
	margin:0;
}
#footer ul li{
	display:inline;
	border-right:#b6c5e2 1px solid;
}
#footer a{
	color:#b6c5e2;
	text-decoration:none;
	margin: 0 4px
}
#footer a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
/* Left Content */
#leftContent{
	width:382px;
	height: 450px;
	margin:0;
	padding:0;
}
#leftContent ul{
	list-style:none;
	margin: 20px 0 0 30px;
	padding: 0;
	width: 180px;

}
#leftContent li{
	margin: 0;
	padding:0;
}
#leftContent li a{
	width: 180px;
	color: #FFF;
	display:block;
	line-height: 30px;
	border-bottom: #00CCFF 1px solid;
	background: transparent url(img/arrowblue.gif) 100% 0;
	text-decoration: none;
	padding: 0 0 0 10px;
}
#leftContent li a:hover{
	background-position: 100% -32px;
}
#leftContent li a.selected{
	background-position: 100% -64px;
}
#leftContent img {
	margin-top: 40px;
}
.detalle{
	font-size: 18px;

}
/* Right Content */
#rightContent{
	width:576px;
	float:right;
}
#rightContent ul{
	color: #333399;
	list-style:url(img/bullet2.gif);
	margin: 10px 0 0 0;
	padding:0 0 0 20px;
}
#rightContent ul ul{
	list-style:square;
	color:#333333;
}
#rightContent li span{
	display: block;
	width: 80px;
	color:#990000;
}
#rightContent li strong{
	color:#990000;
}
#rightContent .leftColumn, #rightContent .rightColumn{
	width:258px;
	float:left;
}
#rightContent div{ padding:20px;}
#rightContent .leftColumn{
	padding: 20px 10px 20px 20px;
}
#rightContent .rightColumn{
	padding: 20px 20px 20px 10px;
}
/* General propurse */
.textRight{
	text-align:right;
}
.textCenter{
	text-align:center;
}
.right{
	float:right;
}