/* BODY AND CONTAINER */

		body {
			background-color: #1b2985;
			}

		#container {
	width: 780px;
	margin: 0 auto;
	font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
	font-size: 11px;
	color: #666666;
	background-color: #FFFFCC;
	position: relative;
		}
		
/* GENERAL STYLES */
		
		h1 {
			font-family: Arial, Helvetica, sans-serif;
			font-weight: normal;
			font-size: 32px;
			color: #FFFFFF;
			margin-bottom: 30px;
			padding-left: 10px;
		}
		
		h2 {
			color: #6999c9;
			font-size: 16px;
			font-family: Arial, Helvetica, sans-serif;
			background-color: #1b2985;
		}
		
		a {
			color: #FFFFFF;
			text-decoration: none;
		}

		a:hover {
			color: #CCCCCC;
		}

		
		form {
			float:right;
			margin-top: -45px;
			font-size: 9px;
			padding-right: 10px;
		}
		
		input {
			background-color: #D1C9BE;
			color: #000000;
			border: 1px solid #000000;
			font-size: 11px;
			padding: 3px;
		}
		
		.button {
			padding: 2px;
		}
		
/* IMAGES */		
		
		a img{
	  		border: none;
	  	}

		img.left,img.center,img.right {
	  		padding: 4px;
	  		border: 1px dashed #1b2985;
	  		margin: 0px;
	  	}

		img.left {
	  		float: left;
	  		margin: 0 12px 5px 0;
	  	}

		img.center {
			display: block;
	  		margin: 0 auto 5px auto;
	  	}
	
		img.right {
	  		float: right;
	  		margin: 0 0 5px 12px;
	  	}
		
/* HEADER */

		#header {
	clear: both;
	background-image:            url(images/historietas-head.gif);
	height: 127px;
	width: 780px;
}
		
		#header p { 
                       text-align: right;
			margin-top: -20px;
			margin-right: 20px;
			color: #EFEFEF;
		}
                #header h1 {
                        text-align: right;
                        padding-right: 20px;
                }

/* NAVIGATION */
	
		#nav {
	width: 140px;
	clear: both;
	float: left;
	height: 437px;
	padding-top: 10px;
	margin-top: 10px;
	background-repeat: no-repeat;
	border: 0;
		}
	
		#nav li a {
			height: 32px;
  			height: 24px;
			text-decoration: none;
		}	
	
		#nav li a:link, #nav li a:visited {
			color: #E4D6CD;
			display: block;
			background:  url(images/menu1.jpg);
			padding: 8px 0 0 10px;
		}
	
		#nav li a:hover {
			color: #FFF;
			background:  url(images/menu1.jpg) 0 -32px;
			padding: 8px 0 0 10px;
		}	

		ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}

		img {
   			border: none;
		} 


/* CONTENT */

		#content {
	width: 400px;
	clear: none;
	margin-left: 140px;
	display: inline-table;
		}
		
		#content p {
			padding-bottom: 10px;
		}
		
		#content a {
			color: #66749A;
			text-decoration: none;
			font-weight: 500;	
		}
		
		#content a:hover{
			color: #566590;
			text-decoration: none;
			border-bottom: none;	
			font-weight: 500;	
		}

/* RIGHTBAR */

		#rightbar {
			float: right;
			width: 165px;
		}
		
		#rightbar p {
			padding-bottom: 10px;
			margin-right: 10px;
			border-bottom: 1px dashed #1b2985;
		}
		
		#rightbar a {
			color: #66749A;
			text-decoration: none;
			border-bottom: 1px dashed #66749A;	
			font-weight: 500;	
		}
		
		#rightbar a:hover{
			color: #566590;
			text-decoration: underline;
			border-bottom: none;	
			font-weight: 500;	
		}

/* FOOTER */

		#footer {
			clear: both;
			background-color: #FFFFFF;
			padding: 0px 5px 0px 5px;
			text-align: center;
		}
		
		#footer p {
			color:#89817f;
			padding: 5px;
		}
		
		#footer p a {
			color: #89817f;
			border-bottom: 1px dotted #89817f;
		}
		
		#footer p a:hover {
			color: #FFFFFF;
		}
#container #personaje {
	height: 149px;
	width: 132px;
	position: absolute;
	left: 167px;
	top: 63px;
	background-image: url(images/kukui.gif);
}
#container #content .personaje {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding-left: 200px;
	width: 350px;
}
#container #inicio {
	position: absolute;
	left: 16px;
	top: 73px;
	width: 104px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
#container #nav #nombre {
	position: absolute;
	left: 340px;
	top: 102px;
	width: 87px;
}
#container #nav #panoleta {
	position: absolute;
	left: 21px;
	top: 162px;
	height: 47px;
}