/* Utiliza esta hoja de estilos para realizar tu propuesta */
/*GENERALES*/
* {
	margin:0; 
	padding:0; 
	font-family:verdana,arial;
	}

body {
	background-image:url('bgbody.gif'); 
	
	background-repeat:repeat-x;
	
	background-color:#b1b1b1;

}

h3 {
	margin:10px;
	font-size:14px;
	color:#ddd;}
	
p {color:#eee;}
a:link , a:visited {color:#cef;}

a:hover {background-color:#09f; 
	color:white}

/*CONTENIDO*/
div#contenido {
	width:775px; 
	background-image:url('header.jpg'); 
	background-position: top left;
	background-repeat:no-repeat;
	background-color:rgb(242,245,252);
	padding-bottom:25px;
		}

/*ENCABEZADO*/
	
div#encabezado {
	
	top: 10px;
	left: 0px;
	width: 340px;
	height: 76px;
	overflow: hidden;
	z-index: 100;
}
/*ENCABEZADO*/
div#encabezado h1 {
	margin-left:30px;
	margin-top:20px;
	background:url(logo.gif);
	width: 159px;
	height: 56px;
	
}

div#encabezado h1 span {
	display: block;
	
	display:none
}

/*EXPLICACION*/
div#explicacion {
	margin-top: 30px;
	margin-left: 256px;
	width: 456px;
	background-color:rgb(75,99,137);
	background-image:url('bgexp.jpg');
	overflow: hidden;
	z-index: 100;
	border-right:3px solid #09f;
	border-left:3px solid #09f;

	
}

blockquote {
	background:#efefef;
	width:182px;
	float:right;
	margin:10px;
	padding:10px;
	font-size:10px;
	line-height:18px;
	border-top:3px double #09f;
	border-bottom:3px double #09f;
	color:#666 }
	
cite {
	text-align:right;
	display:block;
	color:#09f;
	}
	
div#explicacion  p {
	font-size:11px;
	line-height:19px;
	margin-left:10px;
	margin-right:10px;
	color:#fff !important;
	}
	
div#explicacion h2 {
	background: url(explicacionh1.gif) 0px 0px;
	width: 456px;
	height: 32px;
	z-index: 100;
	margin-bottom:15px;
}

div#explicacion h2 span {
	display: block;
	padding-top: 185px;
	display:none
}

/*Proyecto*/

div#proyecto {
	padding-top:20px;
	margin-left: 256px;
	width: 456px;
	background-color:#4f678d;
	overflow: hidden;
	z-index: 110;
	border-right:3px solid #09f;
	border-left:3px solid #09f;
	
}

div#proyecto p {
	font-size:11px;
	line-height:19px;
	margin-left:10px;
	margin-right:10px;
	}
	
div#proyecto h2 {
	background: url(proyectoh1.gif) 0px 0px;
	width: 456px;
	height: 32px;
	z-index: 120;
	margin-bottom:15px;
}

div#proyecto h2 span {
	display: block;
	padding-top: 185px;
	display:none
}

/*PARTICIPA*/

div#participa {
	padding-top:20px;
	margin-left: 256px;
	width: 456px;
	background:#4f678d;
	overflow: hidden;
	z-index: 30;
	border-right:3px solid #09f;
	border-left:3px solid #09f;

}
div#participa p {
	font-size:11px;
	line-height:19px;
	margin-left:10px;
	margin-right:10px;
	}

div#participa h2 {
	background: url(participah1.gif) 0px 0px;
	width: 456px;
	height: 32px;
	z-index: 120;
	margin-bottom:15px;
}

div#participa h2 span {
	display: block;
	padding-top: 185px;
	display:none
}
/*agradecimiento*/

div#agradecimientos {
	padding-top:20px;
	margin-left: 256px;
	width: 456px;
	background:#4f678d;
	overflow: hidden;
	z-index: 30;
	border-right:3px solid #09f;
	border-left:3px solid #09f;
	border-bottom:10px solid #09f;
	padding-bottom:10px;

	
}
div#agradecimientos p {font-size:11px; 
	line-height:19px;
	margin-left:10px;
	margin-right:10px;
	}
	
div#agradecimientos h2 {
	background: url(agradeh1.gif) 0px 0px;
	width: 456px;
	height: 32px;
	z-index: 120;
	margin-bottom:0px
	
}

div#agradecimientos h2 span {
	display: block;
	padding-top: 185px;
	display:none
}

/*DISEŅOS*/
div#disenos {
	width:230px;
	position:absolute;
	left:20px;
	top:630px;
}
div#disenos p {
	font-size:10px;
	line-height:19px;
	margin-left:10px;
	margin-right:10px;
	color:#555;}
	
div#disenos h2 {
	background: url(disenosh2.gif) 0px 0px;
	width: 200px;
	height: 25px;
	z-index: 120;
	margin-bottom:5px
	
}

div#disenos h2 span {
	display: block;
	padding-top: 185px;
	display:none;
	
}

ul#estilos {
	list-style-type:none;
	width:185px;
	margin-top:10px;
		}
		
ul#estilos li {
	margin-left:10px;
	font-size:10px;
	margin-bottom:5px;
	padding-bottom:5px;
	line-height:14px;
	border-bottom:1px solid #ccc;
	}
	
ul#estilos li a:link, ul#estilos li a:visited {display:block;
	font-size:10px;
	color:#f90 !important;
	background-color:rgb(242,245,252);
	margin:0;}
	
ul#estilos li a:hover {
	font-size:10px;
	color:#f30 !important;
	background-color:rgb(242,245,252);
	}

div#paginas {
	width:185px;
	margin-left:10px;
	font-size:10px; 
	margin-top:5px;}

div#paginas a:link, div#paginas a:visited {
	font-size:9px !important;
	color:rgb(242,245,252) !important;
	text-decoration:none; 
	background-color:#f90;
	margin:0;padding:1px;}
	
div#paginas a:hover {background:#f30;}

div#paginas a.actual {background:#f30 !important;}

li.actual  {background-color:#eee !important; }

.actual  * {background-color:#eee !important;
	color:#333; }


/*AUTOR*/
div#elautor{
	width:230px;
	position:absolute;
	left:20px;
	top:1030px;
}
div#elautor p {
	font-size:10px;
	line-height:19px;
	margin-left:10px;
	margin-right:10px; 
	color:#555;width:185px;
	margin-top:10px;
	}
div#elautor h2 {
	background: url(autorh2.gif) 0px 0px;
	width: 200px;
	height: 25px;
	z-index: 120;
	margin-bottom:15px
	
}

div#elautor h2 span {
	display: block;
	padding-top: 185px;
	display:none;
	}
	
div#elautor a:link, div#elautor a:visited {
	font-size:10px;
	color:#f90 !important; 
	background-color:rgb(242,245,252);
	margin:0;}
	
div#elautor a:hover {color:#f30 !important;}

.atributo {
	font-weight:bold;
	 display:block;
	 background:#efefef; 
	 padding-left:2px;
	 border:1px solid #ddd;}

.valor {padding-top:10px;}

/*LEGALES*/
div#legal {
	width:775px;
	height:140px;
	background-image:url(bglegal.gif);
	background-position:top right;
	background-repeat:no-repeat;
	background-color:#b1b1b1;}

div#legal p {
	padding:10px;
	padding-right:30px;
	padding-top:60px;
	font-size:10px;
	color:#eee;
	font-size:9px;}


/*EXTRAS*/

div#extra1 {width:187px;
	height:257px; 
	background:url(esqui.gif);
	background-repeat:no-repeat;
	position:absolute;
	z-index:1000;
	top:320px;
	left:40px;
	
	}