body { 
background-color:#000
}

div#izquierda_menu { 
position:absolute;
margin-top:0%; 
margin-left:0%; 
width:15%;  
overflow:hidden;
background-color:#000;
}


#izquierda_menu ul{  
	list-style:none;
	text-aling:center;
	font-size:12px;
	font-family:arial;
	
}

#izquierda_menu li a {
	text-decoration:none;
	color:#aaa;
}

#izquierda_menu li a:hover {
	color:#99CC00;
}

div#derecha_index { 
position:absolute;
width:70%;
margin-top:1%;
margin-left:20%;
/*overflow:hidden;*/
background-color:#222; 
text-align:center;
text-decoration:none;
}


#derecha_index a img {
margin-top:3%;
margin-left:1%;
text-decoration:none;
border:1px solid #aaa;
}




#derecha_index p{ 
padding-bottom:1%;
padding-left:3%;
padding-right:3%;
text-decoration:none;
text-align:left;
color:#aaa;
font-size:11px;
font-family:arial;
}

#derecha_index h1{
padding-left:3%;
text-decoration:none;
text-align:left;
color:#889900;
font-size:12px;
font-family:arial;
}

#derecha_index h2 {
text-decoration:none;
text-align:center;
color:#889900;
font-size:12px;
font-family:arial;
}

#derecha_index h3 {
text-decoration:none;
text-align:center;
color:#aaa;
font-size:11px;
font-family:arial;
}

#derecha_index h3 a{
text-decoration:none;
color:#aaa;
}

#derecha_index h3 a:hover{
text-decoration:none;
color:#99CC00;
}

#nav {
padding-top:2%;
float:left;
clear:left;
padding-left:12%;
}

#nav1 {
padding-top:2%;
float:right;
clear:right;
padding-right:12%;
}
.texto {
padding-left:2%;
}

/* .............................. */
/* About */
/* .............................. */



#page {
   position:absolute;
   background:#222;
	padding:15px;
	text-align:left;
	width:70%;
	margin-top:1%; 
	margin-left:20%;
	margin-bottom:25px;
	line-height:16px;
	}

#page li{
   font-size:11px;
	font-family:arial;
	color:#aaa;
	}	
	
#page h1 {
   font-size:12px;
   text-align:center;
	font-family:arial;
	color:#889900;
	}	
	
#page h2 {
   font-size:11px;
	font-family:arial;
	color:#aaa;
	}	
			
#page h3 {
   font-size:12px;
	font-family:arial;
	color:#889900;
	}		

#page a {
   text-decoration:none;
    font-size:11px;
	font-family:arial;
	color:#aaa;
	}
	
#page a:hover {
  color:#889900;
	}
	
#page img {
	background:#aaa;
	border:1px solid #333;
	}

.column{
	width:50%;
	text-align:left;
	vertical-align:top;
	}
	
.cola {
   width:82%;
	text-align:left;
	vertical-align:top;
	}
	
.colb {
   width:18%;
	text-align:left;
	vertical-align:top;
	}
	
.thumbnails {
	border:1px solid #aaa;
	padding:1px;
	margin:3px;
	}


/* .............................. */
/* Comments */
/* .............................. */


#comments {
   margin:0px auto;
	width:95%;
	text-align:left;
	color:#889900;
	font-size:11px;
	font-family:arial;
	}
	
#comments ul {
	list-style-type:none;
	margin:0px;
	padding:4px;
	}
	
#comments li {
	display:block;
	margin:0px;
	margin-bottom:4px;
	color:#aaa;
	text-decoration:none;
	padding:5px;
	border:1px solid #777;
	}
	
#comments li a {
	color:#eee;
	text-decoration:none;
	}

#comments li a:hover {
	color:#99CC00;
	}
	
#comments li:hover {
	background:#111;
	}



#addcomment {
   text-align:center;
	padding:7px;
	margin:0px auto;
	color:#889900;
   font-size:11px;
	font-family:arial;
	}

.input {
    width:94%;
	font-size:11px;
	border:1px solid #777;
	background-color:#222;
	color:#aaa;
	padding:5px;
    }
	
#addcomment textarea {
	width:94%;
	height:50px;
	font-size:11px;
	border:1px solid #777;
	background-color:#222;
	color:#aaa;
	padding:5px;
	}

.comment-button {
   background:#bbb;
	border:1px solid #777;
	color:#666;
	border-bottom:2px solid #aaa;
	border-right:2px solid #aaa;
	}