@charset "utf-8";
/* 
	----	USE THIS CSS FILE TO CUSTOMIZE THE SITE	----
				You can change graphics, colors and sideber position.
				See to comments for more information
*/				 

/*	PAGE BACKGROUND 
		Posible Values: color, image url, repeat (y or x) and position */
		body {
	background-color: #FDE6C4;
}
/* body {background: #eee url(images/image.gif) repeat-y 10px 5px;} 
				-> example. The background image repetas vertically from position 10 (top) and 5 (left) */

/*	TOP TEXT
		This is the text for the very beginnig of the page */
		h1 {
	color: #666; /* text color */
	display: block; /* use 'none' to hide the text */
}
h1.sitename {
	margin: 0 40px;
	font-size: 3.8em;
	visibility:hidden;
}
/* 	CONTENT AREA LINKS
		You can change the colors for different states */
		a:active, a:link {
	color: #069
} /* default state */
a:visited {
	color: #069
}	/* a visited link */
a:hover {
	color: #069
} /* when mouse is over */
/*	CONTENT AREA TITLES 	*/
		
		#content h3, #content h4 {
	color: #333;
}
/*	HEADER IMAGE
		Similar to page, you can set an image background, repetitoin an position */
		#header {
	background: #84b59f url(imagen/header.png) no-repeat top left;
}
/* 	WIDEBAR (TOP HORIZONTAL MENU BAR) 
		Here you can set an image for background and colors for different link states */
		
		ul.topmenu {
	background: #d3e4dc url(imagen/barra.png) repeat-x top left;
}
/* The horizontal bar background. You can use a color, an image or both */
		
		ul.topmenu {
	border-color: #CCC;
}
/* The horizantal bar border color */		

		/* Set the color for the line between each option */
		ul.topmenu li {
	border-right-color: #dfebe6;
}
/* Color for link default state */
		ul.topmenu li a {
	color: #333;
}
/* Color & background for link when mouse is over */		
		ul.topmenu li a:hover {
	background: #333;
	color: #FFF;
	font-weight: bold;
}
/* 	LATERAL MENU POSTION */
		#sidebar {
	float: left;
}
#content {
	float: right;
}
/* Menus is on the left - To put on the right change values
					#sidebar {float: right;}		
					#content {float: left;}			*/
	
/*	LATERAL MENU OPTIONS */	
		/* Box border color */		
		#box, #menu, #content {
	border-color: #CCC;
}
/* Box title background & color */	
		#menu h2.boxtitle, #box h2.boxtitle {
	background: #c2dacf url(imagen/barra.png) repeat-x top left;
	color: #FFF;
}
/* Color for line between items */		
		ul.menu li {
	border-bottom-color: #c6dcd2;
}
/*	Links colors for different states */
		ul.menu li a { /* Background color and link color for default state */
	background-color: #ffffff;
	color: #95e4e;
}
ul.menu li a:hover {/* Background color and link color for over state */
	background-color: #CCC;
	color: #ffffff;
}
/*	FOOTER */		
		/*	Footer background color */
		#footer {
}
/* Color for line between items */
		ul.footerlinks li {
	border-right-color: #aaaaaa;
}
/* Footer links options */
		ul.footerlinks li a {
	color: #666;
} /* Color for default state */
ul.footerlinks li a:hover {
	color: #222;
} /* Color for over state */
		
		
/*	*** THE END - ENJOY YOUR CUSTOMIZATION *** */