/*DISENO POR JUAN A. PASARET para CAMALEON CSS*/

html, body {
	background:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin:0px;
}

a{
	color:#203888;
	text-decoration:none;
	font-weight:bold;
}

a:hover{
	color:#FFF;
}

p acronym{
	border:1px dashed;
	background:#6699CC;
	cursor:help;
}

blockquote {
	border-left:5px solid #6699CC;
	border-right:5px solid #6699CC;
	margin-left:0px;
	margin-right:0px;
	padding:0px 10px 0px 0px;
}

blockquote div.quote {
	font-style:italic;
	text-align:justify;
	margin-left:10px;

}

blockquote div cite {
	display:block;
	text-align: right;
	font-weight: bold;
	font-size: 11px;
	color: #203888;
}

/*LAYERS*/
#contenido {
	width: 700px;
	background:#A7C1DC url("fondo.jpg") repeat-y left top;
	position:relative;
	float:right;
}
#encabezado {
	width:400px;
	margin:0px 0px 0px 30px;
	padding:15px 0px 15px 0px;
}
#encabezado h1 {
	background-image:url("logo.gif");
	background-repeat:no-repeat;
	background-position:top;
	height:229px;
	margin:0px;
}
#encabezado h1 span {
	display:none;
}
#explicacion {
	width:400px;;
	margin:0px 0px 0px 30px;
	padding:0px 0px 15px 0px;
}
#explicacion h2{
	background-image:url("separando.jpg");
	background-repeat:no-repeat;
	background-position:top left;
	height:30px;	
}
#explicacion h2 span {
	display:none;
}
#explicacion p {
	text-align:justify;
}

#proyecto {
	width:400px;
	margin:0px 0px 0px 30px;
	padding:15px 0px 15px 0px;
}
#proyecto h2{
	background:#A7C1DC url("proyecto.jpg") no-repeat left top;
	height:80px;
}
#proyecto h2 span {
	display:none;
}
#proyecto h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style:italic;
	border-bottom: 1px solid #222222;
	line-height: 8pt;
	padding:0px 0px 0px 10px;
}
#proyecto p{
	text-align:justify;
	padding:0px 0px 0px 10px;
}
#participa {
	width:650px;
	margin:0px 0px 0px 30px;
	padding:15px 0px 15px 0px;
	background-image:url("participa.jpg");
	background-repeat:no-repeat;
	background-position:top left;
}
#participa h2 span {
	display:none;
}
#participa h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style:italic;
	border-bottom: 1px solid #222222;
	line-height: 8pt;
	margin:10px 0px 0px 270px;
	padding:0px 0px 0px 10px;
}
#participa p{
	text-align:justify;
	padding:0px 0px 0px 10px;
	margin:10px 0px 0px 270px;
}
#disenos {
	position:absolute;
	background:#A7C1DC url("distop.jpg") no-repeat top;
	width:250px;
	right:0;
	top:0;
	margin:25px 10px 0px 0px;
	padding:15px 0px 0px 0px;
}
#disenos h2{
	background:#203888;
	height:20px;
	font-size:12pt;
	color:#FFF;
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 0px;
}
#disenos p {
	font-style:italic;
	padding:0px 10px 0px 10px;
	margin:0px 0px 0px 0px;
	background:#A7C1DC url("disfondo.jpg") repeat-y top;
}
#disenos a:visited {
	text-decoration: line-through;
}
#estilos{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background:#A7C1DC url("disfondo.jpg") repeat-y top;
}
#estilos li{
	line-height: 2.5ex; 
	list-style-type: none;  
	padding-top: 5px;
	padding-bottom:5px;
	padding-left:10px;
	border-bottom: 1px solid #203888;
}
#estilos li a:hover {
	background:#203888;
	color:#FFF;
}
#paginas{
	background:#A7C1DC url("disbot.jpg") no-repeat top;
	height:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FFF;
	text-align:center;
	
}
#paginas a {
	color:#FFF;
}
#paginas a.actual{
	color:#FF0000;
}
#paginas a:hover {
	background:#FFF;
	color:#203888;
}
#elautor {
	position:absolute;
	top:350px;
	right:0;
	width:250px;
	margin:0px 10px 0px 0px;
}
#elautor h2{
	background-image:url("avatar.jpg");
	background-repeat:no-repeat;
	height:80px;
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 0px;
}
#elautor h2 span{
	display:none;
}
#elautor p span.atributo{
	background:#203888;
	font-weight:bold;
	border:1px solid;
	color:#FFF;
	display:block;
	padding:0px 0px 0px 10px;
}
#elautor p span.valor{
	padding:0px 0px 0px 25px;
}
#elautor a:hover{
	color:#FF0000;
	text-decoration:underline;
}
#agradecimientos{
	width:650px;
	margin:0px 0px 0px 30px;
	padding:15px 0px 15px 0px;
	background-image:url("agradecimientos.jpg");
	background-repeat:no-repeat;
	background-position:center right;
}

#agradecimientos h2 span {
	display:none;
}
#agradecimientos p {
	margin:0px 290px 0px 0px;
	text-align:justify;
}
#legal {
	background:#A7C1DC;
	background-image:url("final.jpg");
	height:100px;
	width:680px;
	clear:right;
	float:right;
}
#legal p {
	margin:30px;
}
#extra1{
	position:absolute;
	top:0px;
	right:720px;
	background-image:url("marca.gif");
	width:43px;	
	height:310px;
	z-index:1;
}