/* CSS Document */
/*div del men?? principal*/
#mp {
	position:relative;
	top:20px;
	width:960px;
	height:20px;
	margin-bottom: 0px;
}
#pes {
	position:relative;
	top:0px;
	width:150px;
	height:20px;
	z-index:3;
	float:left;
	background-image: url(/assets/pesta.png);
	text-align: center;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	color: #06C;
	font-weight: bold;
	vertical-align: text-bottom;
}
#pesa {
	position:relative;
	top:0px;
	width:160px;
	height:20px;
	z-index:3;
	float:left;
	background-image: url(/assets/pesta_a.png);
	text-align: center;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	color: #1561D2;
	font-weight: bold;
	vertical-align: text-bottom;
}
#pesal {
	position:relative;
	top:0px;
	width:155px;
	height:20px;
	z-index:3;
	float:left;
	background-image: url(/assets/pesta_a_l.png);
	text-align: center;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	color: #1561D2;
	font-weight: bold;
	vertical-align: text-bottom;
}
#so {
	position:relative;
	top:0px;
	width:155px;
	height:40px;
	z-index:100;
	float:left;

}



/* this is the CSS for the menu that you will need. */
#menu_holder {
	height: 58px;
	width: 100%;
	display: block;
	position: absolute;
	top: -58px;
	z-index:20
}
#nav {
	height: 58px;
	width: 542px;
	margin: 0px auto;
	padding: 0px;
	background-image: url(right.png);
	background-repeat: no-repeat;
	background-position: right;
}
#hit_area {
	height: 10px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	display: block;

}
#hit_area2 {
	width: 100%;
	background-image: url(activate_text.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0px;
	display: block;
	position: absolute;
	margin: 0px;
	left: 0px;
	top: 120px;
}
#nav ul {
	margin: 0px;
	padding: 0px 0px 0px 21px;
	height: 58px;
	list-style-type: none;
	background-image: url(left.png);
	background-repeat: no-repeat;
}
#nav li{
	margin: 0px;
	padding: 0px;
	float: left;
}
#nav li a:link, #nav li a:active, #nav li a:visited {
	background-image: url(middle.png);
	background-repeat: repeat-x;
	height: 58px;
	width: 100px;
	display: block;
	line-height: 58px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 120%;
}
#nav li a:focus, #nav li a:hover{
	text-decoration : none;
	-moz-outline:0;
	color: #FFFFFF;
	background-image: url(rollOver.png);
	background-repeat: repeat-x;
}

/* dock2 - bottom */

#dock2 {
	width: 100%;
	bottom: 60px;
	position: absolute;
	left: 0px;
	z-index:50;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 9px;
}
.dock-container2 {
	position: absolute;
	height: 50px;
	background: url(images/dock-bg.gif);
	padding-left: 20px;
}
a.dock-item2 {
	display: block; 
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 40px; 
	color: #000; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
}
.dock-item2 span {
	display: none;
	padding-left: 20px;
}
.dock-item2 img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}


/*SideBar*/


	
	#sideBar{
		position: absolute;
		width: auto;
		height: auto;
		top: 200px;
		right:-7px;
		background-image:url(images/background.gif);
		background-position:top left;
		background-repeat:repeat-y;
	}
	
	#sideBarTab{
		float:left;
		height:137px;
		width:28px;
	}
	
	#sideBarTab img{
		border:0px solid #FFFFFF;
	}
	
	#sideBarContents{
		overflow:hidden !important;
	}
	
	#sideBarContentsInner{
		width:200px;
	}