@charset "utf-8";
/* CSS Document */

body{
	background-image:url(../img/bg.jpg);
	background-repeat:repeat-x;
	background-color:#282828;	
}

html {
	height: 100%;
}


#areatop{
	left:-18px;
	background-image:url(../img/bg_menu.png);
	background-repeat:no-repeat;
	background-position:center;
	top:48px;
	width:966px;
	height:80px;
	text-align:center;
	padding-left:30px;
}

#down{
	position:relative;
	padding-top:10px;
	color:#33;	
	font-size:10px;
}

#logopq{
	position:relative;
	color:#333;
	left:30px;
	padding-top:10px;
	font-size:10px;
	line-height:20px;
	text-align:right;
	vertical-align:text-top;
}



#logo
{
	background-image:url(../img/logo.jpg);
	background-repeat:no-repeat;
	position:relative;
	z-index:80;
	width:245px;
	height:198px;
	top:-130px;
}

#zonaprincipal{
	position:relative;
	top:-70px;
	left:0px;
	color:#CCCCCC;
}

#zesq{
	position:relative;
	background-color:#202020;
	height:100%;
	padding-left:5px;
	padding-top:10px;
}
#zcent{
	position:relative;
	padding-top:10px;
}

#zdir{
	position:relative;
	background-color:#202020;
	width:160px;
	height:100%;
	margin-left:5px;
	padding-top:10px;
}

#footer{
	background-image:url(../img/footer.png);	
	background-repeat:no-repeat;
	width:960px;
	height:51px;
	padding-left:5px;
}

h2 {
	color:#FFCC33;
	font-size:14px;
	font-weight:800;
}


#scrollbar1 { width: 540px; clear: both; margin: 20px 0 10px; }
#scrollbar1 .viewport { width: 520px; height: 370px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbar1 .thumb .end,
#scrollbar1 .thumb { background-color: #FFCC33; }
#scrollbar1 .scrollbar { position: relative; float: right; width: 15px; }
#scrollbar1 .track { background-color: #333; height: 100%; width:8px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { height: 20px; width: 8px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#scrollbar1 .disable{ display: none; }