@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: #CCC url(images/orange/bg-page.png) repeat-x top left;}
		/* 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: #6B4341; /* 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: #6A4240} /* default state */
		a:visited {color: #825552}	/* a visited link */	
		a:hover {color: #6A3C38} /* when mouse is over */
		
/*	CONTENT AREA TITLES 	*/
		
		#content h3, #content h4 {color: #6B4341;}				
	
/*	HEADER IMAGE*/
		#header {width: 950px; height: 147px; 
		background: #FFF url(images/orange/header.png) no-repeat top center;}

/* 	WIDEBAR (TOP HORIZONTAL MENU BAR) 
		Here you can set an image for background and colors for different link states */
		
		ul.topmenu {
		background: #d3e4dc url(images/orange/bg-widebar.png) repeat-x top left;
		height: 44px;
		font-weight: bold;
		}
		/* The horizontal bar background. You can use a color, an image or both */
		
		/*ul.topmenu {border-color: #B57123;}*/
		/* The horizantal bar border color */		

		/* Set the color for the line between each option */
		ul.topmenu li{border-right-color: #E2AA68;}
		
		/* Color for link default state */
		ul.topmenu li,
		ul.topmenu li a{
		color: #BF0000;
		background: tranparent;
		}
		
		/* Color & background for link when mouse is over */		
		ul.topmenu li a:hover{
		background: #BF0000 url(images/orange/bg-widebarH.png) repeat-x top left;
			color: #ffffff;
			}
	
/* 	LATERAL MENU POSTION */
		#sidebar {float: right;}		
		#content {float: left;}	
		/* 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: #B57123;}	
		
		/* Box title background & color */	
		#menu h2.boxtitle, #box h2.boxtitle {
			background: #c2dacf url(images/orange/bg-titlebar.png) repeat-x top left; color: #6B4341;} 

		/* Color for line between items */		
		ul.menu li {border-bottom-color: #EDCAA1;}
		
		/*	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: #DE9B4E; color: #ffffff;}			           
	
/*	FOOTER */		
		/*	Footer background color */

#footer
{
	height: 80px;
	padding: 10px 0;
	clear:both;
	background: #FFF url(images/orange/bg-foot.gif) repeat-x top left;
}
		
		/* 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 */
		
		

#content .destaca
{
		color: #820000;
		font-weight: bold;
		font-size: 1.1em;
		text-align: center;
}