/* ------ GLOBAL ------ */



body {margin:0; padding:0; text-align:center; background-color: #020201}
p {margin:0;}
img {border:0;}
form, fieldset {margin:0; padding:0;}
input, textarea, select {padding:0px;}
html {}

#Main { 
	width: 100%;
	float: left;
	margin: 0 auto;
	background-color: #020201;
	background-image: url("./images/logo_bg.png");
	background-repeat: repeat-x;
}

hr {
	border: 0px none;
	height: 1px;
	background-image: -moz-linear-gradient(left center , rgba(117, 83, 23, 0), rgba(197, 183, 119, 0.75), rgba(117, 83, 23, 0));
}

a:link {
text-decoration: none;
color: #b39561;
}

a:hover {
text-decoration: none;
font-weight: bold;
}

a:active {
text-decoration: none;
color: #b39561;
}

a:visited {
text-decoration: none;
color: #b39561;
}

#pagination a{
	background-color:transparent
}

#pagination a:active,a:hover{
	outline:0
}

#MainTop {
 width: 1024px;
 height: 268px;
 margin: 0px auto;
 background-image: url("./images/header.png");
 background-repeat: no-repeat;
 background-position:center top;
}

#MainTop .FB{
 position: absolute;
 width: 53px;
 height: 26px;
 margin-top: 230px;
 margin-left: 40px;
 cursor: pointer;
}

#MainTop .TW{
 position: absolute;
 width: 53px;
 height: 26px;
 margin-top: 230px;
 margin-left: 96px;
 cursor: pointer;
}

#MainTop .YT{
 position: absolute;
 width: 53px;
 height: 26px;
 margin-top: 230px;
 margin-left: 152px;
 cursor: pointer;
}

#MainTop .PL{
 position: absolute;
 width: 53px;
 height: 26px;
 margin-top: 230px;
 margin-left: 906px;
 cursor: pointer;
}

#MainTop .GB{
 position: absolute;
 width: 53px;
 height: 26px;
 margin-top: 230px;
 margin-left: 959px;
 cursor: pointer;
}

#MainCenter {
 width: 1050px;
 margin: 0px auto;
}

#MainCenterLeft {
 width: 212px;
 margin-top: -22px;
 margin-left: 11px;
 float: left;
}

#MainCenterLeft .Box {
 width: 212px;
 float: left;
}

#MainCenterLeft .Latest {
 width: 212px;
 height: 95px;
 background-image: url("./images/new.png");
 background-repeat: no-repeat;
 float: left;
}

#MainCenterLeft .Account {
 width: 212px;
 height: 95px;
 margin-top: 12px;
 background-image: url("./images/account_top.png");
 background-repeat: no-repeat;
 float: left;
}

#MainCenterLeft .Community {
 width: 212px;
 height: 95px;
 margin-top: 12px;
 background-image: url("./images/community_top.png");
 background-repeat: no-repeat;
 float: left;
}

#MainCenterLeft .ItemShop {
 width: 212px;
 height: 95px;
 margin-top: 12px;
 background-image: url("./images/item_shop_top.png");
 background-repeat: no-repeat;
 float: left;
}

#MainCenterLeft .Communityy {
 width: 212px;
 height: 84px;
 margin-top: 12px;
 background-repeat: no-repeat;
 float: left;
}

#MainCenterLeft .Content {
 width: 196px;
 margin-left: 14px;
}

#MainCenterLeft .Item_First {
 width: 212px;
 height: 31px;
 margin-left: 2px;
 background-image: url("./images/menu_item_bg_first.png");
 background-repeat: no-repeat;
 float: left;
 display: inline-block;
 cursor: pointer;
}

#MainCenterLeft .Item {
 width: 212px;
 height: 31px;
 margin-left: 2px;
 background-image: url("./images/menu_item_bg.png");
 background-repeat: no-repeat;
 float: left;
 display: inline-block;
 cursor: pointer;
}

#MainCenterLeft .ItemLeft {
 width: 212px;
 height: 31px;
 margin-left: 2px;
 background-image: url("./images/menu_item_bg_first.png");
 background-repeat: no-repeat;
 float: left;
 display: inline-block;
 cursor: pointer;
}

#MainCenterLeft .ItemS {
 width: 212px;
 height: 31px;
 margin-left: 2px;
 background-image: url("./images/menu_item_bg_stat.png");
 background-repeat: no-repeat;
 float: left;
 display: inline-block;
 cursor: pointer;
}

#MainCenterLeft .ItemLast {
 width: 222px;
 height: 41px;
 background-image: url("./images/menu_item_bg_last.png");
 background-repeat: no-repeat;
 float: left;
 display: inline-block;
}

#MainCenterLeft .ItemLasts {
 width: 212px;
 height: 48px;
 margin-top: -5px;
 background-image: url("./images/menu_item_bg_lasts.png");
 background-repeat: no-repeat;
 float: left;
 display: inline-block;
}

#MainCenterLeft .Img {
 width: 8px;
 height: 7px;
 margin-top: 13px;
 margin-left: 17px;
 float: left;
 display: inline-block;
}

#MainCenterLeft .ImgLast {
 width: 8px;
 height: 7px;
 margin-top: 12px;
 margin-left: 19px;
 float: left;
 display: inline-block;
}


#MainCenterLeft .Text {
 width: 160px;
 height: 13px;
 margin-top: 10px;
 margin-left: 9px;
 float: left;
 font: 12px/12px Arial;
 color: #b39561;
 display: inline-block;
text-align: left;
}

#MainCenterLeft .TextB {
 width: 160px;
 height: 13px;
 margin-top: 10px;
 margin-left: 9px;
 float: left;
 font: 12px/12px Arial;
 font-weight: bold;
 color: #b39561;
 display: inline-block;
text-align: left;
}

#MainCenterLeft .StatWindow {
 position: absolute;
 width: 130px;
 background-color: #000000;
 border: 1px solid #ab5f45;
 padding: 2px;
 text-align: left;
 margin-top: 160px;
 margin-left: 210px;
 z-index: 1;
 float: right;
 font: 11px/11px Arial;
 color: #ffffff;
 display: inline-block;
}

#MainCenterLeft .ItemStat {
 width: 206px;
 height: 29px;
 margin-left: 4px;
 float: left;
 display: inline-block;
 cursor: pointer;
}

#MainCenterLeft .Bottom {
 width: 225px;
 height: 4px;
 margin-left: 14px;
 margin-bottom: 18px;
 background-image: url("./images/item_bottom.png");
 background-repeat: no-repeat;
 float: left;
}

#MainCenterMiddle {
 position: relative;
 width: 595px;
 margin-left: 3px;
 margin-top: -22px;
 float: left;
}

#MainCenterMiddle .Top1 {
 position: relative;
 width: 24px;
 height: 118px;
 margin-left: 1px;
 background-image: url("./images/topbg_01.png");
 background-repeat: no-repeat;
 float: left;
}

#MainCenterMiddle .Top2 {
 position: relative;
 width: 546px;
 height: 14px;
 background-image: url("./images/topbg_02.png");
 background-repeat: no-repeat;
 float: left;
}

#MainCenterMiddle .Top3 {
 position: relative;
 width: 24px;
 height: 118px;
 background-image: url("./images/topbg_03.png");
 background-repeat: no-repeat;
 float: left;
}

#MainCenterMiddle .Bottom {
 position: relative;
 width: 590px;
 height: 76px;
 margin-left: 3px;
 background-image: url("./images/bottom.png");
 background-repeat: no-repeat;
 float: left;
 z-index: 100;
}
#MainCenterMiddle .Copy {
 position: relative;
 width: 200px;
 height: 40px;
 margin-top: -30px;
 margin-left: 189px;
 background-image: url("./images/copy.png");
 background-repeat: no-repeat;
 float: left;
 z-index: 101;
}

#MainCenterMiddle .Offline {
 position: absolute;
 width: 55px;
 height: 16px;
 margin-top: 51px;
 margin-left: 165px;
 float: left;
}

#MainCenterMiddle .Online {
 position: absolute;
 width: 60px;
 height: 14px;
 margin-top: 53px;
 margin-left: -145px;
 font: 12px/12px Arial;
 color: #d2ff00;
 display: inline-block;
 line-height: 14px;
 font-weight: bold;
 float: left;
}

#MainCenterMiddle .Status {
 position: absolute;
 width: 60px;
 height: 14px;
 margin-top: 15px;
 margin-left: 224px;
 display: inline-block;
 float: left;
}

#MainCenterMiddle .Players {
 position: absolute;
 width: 60px;
 height: 14px;
 margin-top: 54px;
 margin-left: 2px;
 font: 12px/12px Arial;
 color: #d2ff00;
 display: inline-block;
 line-height: 14px;
 font-weight: bold;
 float: left;
}

#MainCenterMiddle .Uptime {
 position: absolute;
 width: 60px;
 height: 14px;
 margin-top: 54px;
 margin-left: 127px;
 font: 12px/12px Arial;
 color: #d2ff00;
 display: inline-block;
 line-height: 14px;
 font-weight: bold;
 float: left;
}


#MainCenterMiddle .Content {
 width: 577px;
 float: left;
 margin-top: -100px;
 z-index: 100;
}

#MainCenterMiddle .HeaderText1 {
 width: 400px;
 height: 20px;
 margin-top: 25px;
 margin-left: 66px;
 float: left;
 font: 12px/12px Arial;
 font-weight: bold;
 color: #b39561;
 display: inline-block;
text-align: left;
}

#MainCenterMiddle .HeaderText2 {
 width: 60px;
 height: 11px;
 margin-top: 25px;
 margin-left: 21px;
 float: left;
 font: 11px/11px Arial;
 color: #b39561;
 display: inline-block;
text-align: left;
}

#MainCenterMiddle .ContentTop {
 width:577px;
 margin-left: 9px;
 background-image: url("./images/middle_content_bg.png");
 background-repeat:repeat-y;
 background-size: 577px 79px;
 float: left;
 z-index: 100;
}

#MainCenterMiddle .FotoTxt1 {
 width: 155px;
 height: 149px;
 margin-left: 40px;
 margin-top: 13px;
 float: left;
}

#MainCenterMiddle .FotoTxt2 {
 width: 338px;
 height: 160px;
 margin-left: 19px;
 margin-top: 11px;
 float: left;
 font: 12px/12px Arial;
 color: #b39561;
 display: inline-block;
 line-height: 14px;
}

#MainCenterMiddle .TextFull {

 width: 540px;
 margin-left: 20px;
 margin-top: 8px;
 float: left;
 font: 12px/12px Verdana;
 color: #b39561;
 display: inline-block;
 line-height: 21px;
text-align: left;
}

#MainCenterMiddle .ContentNext {
 width: 577px;
 height: 86px;
 margin-left: 8px;
 margin-top: 0px;
 background-image: url("./images/middle_content_bar_next.png");
 background-repeat: no-repeat;
 float: left;
 z-index: 100;
}

#MainCenterMiddle .HeaderText1Next {
 width: 400px;
 height: 20px;
 margin-top: 42px;
 margin-left: 66px;
 float: left;
 font: 12px/12px Arial;
 font-weight: bold;
 color: #b39561;
 display: inline-block;
}

#MainCenterMiddle .HeaderText2Next {
 width: 60px;
 height: 11px;
 margin-top: 42px;
 margin-left: 21px;
 float: left;
 font: 11px/11px Arial;
 color: #b39561;
 display: inline-block;
}

#MainCenterMiddle .FotoFull {
 width: 290px;
 height: 73px;
 margin-left: 143px;
 margin-top: 10px;
 float: left;
}

#MainCenterMiddle .TextArea {
 width: 578px;
 margin-left: 1px;
 background-color: #1b0d06;
 float: left;
 display: inline-block;
}

#MainCenterMiddle .Text {
 width: 546px;
 margin-left: 18px;
 float: left;
 font: 12px/12px Arial;
 color: #c29843;
 display: inline-block;
 line-height: 10px;
}

#MainCenterMiddle .ContentBar {
 width: 578px;
 height: 36px;
 margin-left: 1px;
 background-color: #1b0d06;
 float: left;
}

#MainCenterMiddle .ContentBarImg {
 width: 524px;
 height: 26px;
 margin-left: 26px;
 margin-top: 5px;
 background-image: url("./images/middle_content_bar.png");
 background-repeat: no-repeat;
 float: left;
}

#MainCenterMiddle .ContentFooter {
 width: 578px;
 margin-left: 1px;
 background-color: #1b0d06;
 float: left;
}

#MainCenterMiddle .ContentFooterImg {
 width: 290px;
 height: 73px;
 margin-left: 144px;
 float: left;
}

#MainCenterMiddle .ContentFooterLast {
 width: 578px;
 height: 73px;
 margin-left: 1px;
 background-image: url("./images/middle_content_footer_last.png");
 background-repeat: no-repeat;
 float: left;
}

#MainCenterMiddle .ContentBrake{
 width: 578px;
 margin-left: 1px;
 background-color: #1b0d06;
 float: left;
}

#MainCenterMiddle .ContentHeader {
 width: 578px;
 height: 62px;
 margin-top: 20px;
 float: left;
}

#MainCenterRight {
 width: 223px;
 margin-top: -22px;
 margin-right: 3px;
 float: right;
}

#MainCenterRight .Item_First {
 width: 212px;
 height: 31px;
 margin-left: 2px;
 margin-top: 70px;
 background-image: url("./images/menu_item_bg_first.png");
 background-repeat: no-repeat;
 float: left;
 display: inline-block;
 cursor: pointer;
}


#MainCenterRight .Text {
 width: 160px;
 height: 13px;
 margin-top: 10px;
 margin-left: 9px;
 float: left;
 font: 12px/12px Arial;
 color: #b39561;
 display: inline-block;
text-align: left;
}

#MainCenterRight .TextB {
 width: 160px;
 height: 13px;
 margin-top: 10px;
 margin-left: 9px;
 float: left;
 font: 12px/12px Arial;
 font-weight: bold;
 color: #b39561;
 display: inline-block;
text-align: left;
}

#MainCenterRight .Box {
 width: 225px;
 float: left;
}

#MainCenterRight .Box2 {
 width: 203px;
 height: 87px;
 margin-top: 10px;
 margin-left: 11px;
 margin-bottom: 13px;
 float: left;
 cursor: pointer;
}

#MainCenterRight .Box3 {
 width: 203px;
 height: 87px;
 margin-left: 11px;
 margin-bottom: 16px;
 float: left;
 cursor: pointer;
}

#MainCenterRight .Login {
 width: 212px;
 height: 238px;
 background-image: url("./images/login_bg.png");
 background-repeat: no-repeat;
 float: left;
}

#MainCenterRight .Userpanel {
 width: 212px;
 height: 238px;
 background-image: url("./images/panel_user.png");
 background-repeat: no-repeat;
 float: left;
}
#MainCenterRight .Status {
 width: 212px;
 height: 248px;
 margin-top: 25px;
 background-image: url("./images/status.png");
 background-repeat: no-repeat;
 float: left;
}

#MainCenterRight .Events {
 width: 212px;
 height: 238px;
 margin-top: 25px;
 background-image: url("./images/event_soon.png");
 background-repeat: no-repeat;
 float: left;
}

#MainCenterRight #events1 {
	position: absolute;
	margin-top: 113px;
	margin-left: 30px;
	font: 12px/12px Arial;
	border: 0;
	background: none;
	color: #b39561;
}

#MainCenterRight #events2 {
	position: absolute;
	margin-top: 158px;
	margin-left: 30px;
	font: 12px/12px Arial;
	border: 0;
	background: none;
	color: #b39561;
}

.Statusy {
 position: absolute;
 width: 212px;
 height: 212px;
 margin-top: 41px;
 float: left;
}

#MainCenterRight #status1 {
	position: absolute;
	margin-top: 104px;
	margin-left: 30px;
	font: 12px/12px Arial;
	border: 0;
	background: none;
	color: #b39561;
}

#MainCenterRight .status1 {
	position: absolute;
	margin-top: 89px;
	margin-left: 77px;
	font: 12px/12px Arial;
	border: 0;
	background: none;
	color: #b39561;
}

#MainCenterRight #status2 {
	position: absolute;
	margin-top: 144px;
	margin-left: 30px;
	font: 12px/12px Arial;
	border: 0;
	background: none;
	color: #b39561;	
}

#MainCenterRight .status2 {
	position: absolute;
	margin-top: 128px;
	margin-left: 83px;
	font: 12px/12px Arial;
	border: 0;
	background: none;
	color: #b39561;
}

#MainCenterRight #status3 {
	position: absolute;
	margin-top: 179px;
	margin-left: 30px;
	font: 12px/12px Arial;
	border: 0;
	background: none;
	color: #b39561;
}

#MainCenterRight .status3 {
	position: absolute;
	margin-top: 163px;
	margin-left: 80px;
	font: 12px/12px Arial;
	border: 0;
	background: none;
	color: #b39561;
}

#MainCenterRight .LoginInput1 {
 width: 129px;
 height: 25px;
 float: left;
 margin-left: 52px;
 margin-top: 90px;
 font: 12px/12px Arial;
 border: 0;
 background: none;
 color: #b39561;
 text-align: left;
 padding-left: 9px;
 padding-top: -1px;
}

#MainCenterRight .LoginInput2 {
 width: 129px;
 height: 24px;
 float: left;
 margin-left: 52px;
 margin-top: 17px;
 font: 12px/12px Arial;
 border: 0;
 background: none;
 color: #b39561;
 text-align: left;
 padding-left: 9px;
 padding-top: -1px;
}

#MainCenterRight .LoginInput3 {
 width: 100px;
 height: 14px;
 float: left;
 margin-left: 22px;
 margin-top: 15px;
 font: 10px/10px Arial;
 color: #b39561;
 text-align: left;
 cursor: pointer;
}

#MainCenterRight .LoginInput4 {
 width: 100px;
 height: 27px;
 float: left;
 margin-left: 13px;
 margin-top: 15px;
 cursor: pointer;
}

input[type=text], input[type=password], select {
    height: 24px;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid #312e18;
    width: auto;
    color: #FFF;
}

#MainCenterRight .LoginInput5 {
 width: 72px;
 height: 27px;
 float: left;
 margin-left: 1px;
 margin-top: 15px;
 cursor: pointer;
}

#MainCenterRight .Rot {
 width: 216px;
 height: 133px;
 margin-top: 18px;
 margin-left: 3px;
 background-image: url("./images/rotbg.png");
 background-repeat: no-repeat;
 float: left;
}

#MainCenterRight .RotBox {
 width: 210px;
 height: 40px;
 margin-left: 0px;
 display: inline-block;
 cursor: pointer;
}

#MainCenterRight .RotText1 {
 width: 200px;
 height: 22px;
 margin-top: 41px;
 margin-left: 7px;
 float: left;
 text-align: center;
 font: 21px/21px Arial;
 font-weight: bold;
 color: #e8d0a2;
 display: inline-block;
}

#MainCenterRight .RotText2 {
 width: 200px;
 height: 20px;
 margin-top: 1px;
 margin-left: 9px;
 float: left;
 text-align: center;
 font: 11px/11px Arial;
 color: #e8d0a2;
 display: inline-block;
}

#MainCenterRight .R1 {
 width: 14px;
 height: 14px;
 margin-top: 48px;
 margin-left: 71px;
 float: left;
 display: inline-block;
 cursor: pointer;
}

#MainCenterRight .R2 {
 width: 14px;
 height: 14px;
 margin-top: 48px;
 margin-left: 6px;
 float: left;
 display: inline-block;
 cursor: pointer;
}

#MainCenterRight .R3 {
 width: 14px;
 height: 14px;
 margin-top: 48px;
 margin-left: 6px;
 float: left;
 display: inline-block;
 cursor: pointer;
}

#MainCenterRight .R4 {
 width: 14px;
 height: 14px;
 margin-top: 48px;
 margin-left: 6px;
 float: left;
 display: inline-block;
 cursor: pointer;
}

#MainCenterRight .TopExperience {
 width: 222px;
 height: 84px;
 margin-top: 12px;
 background-image: url("./images/top10_top.png");
 background-repeat: no-repeat;
 float: left;
}

#MainCenterRight .cwel {
 width: 222px;
 height: 84px;
 background-image: url("./images/cwel.png");
 background-repeat: no-repeat;
 float: left;
}

#MainCenterRight .Content {
 width: 196px;
 margin-left: 14px;
 float: left;
}

#MainCenterRight .Item {
 width: 212px;
 height: 31px;
 margin-left: 2px;
 background-image: url("./images/menu_item_bg.png");
 background-repeat: no-repeat;
 float: left;
 display: inline-block;
 cursor: pointer;
}

#MainCenterRight .Itemm {
 width: 246px;
 height: 431px;
 background-image: url("./images/bbbb.png");
 background-repeat: no-repeat;
 float: left;
 display: inline-block;
}

#MainCenterRight .topcontent {
 width: 228px;
 height: 335px;
 margin-left: -3px;
 float: left;
 display: inline-block;
}

#MainCenterRight .topcontent {
 width: 228px;
 height: 335px;
 margin-left: -3px;
 float: left;
 display: inline-block;
}

#MainCenterRight .top0  {
 width: 28px;
 height: 23px;
 margin-top: 10px;
 margin-left: 18px;
 color: #b39561;
 float: left;
 text-align: center;
 font: 12px/12px Arial;
 font-weight: bold;
}

#MainCenterRight .top1  {
 width: 28px;
 height: 23px;
 margin-top: 7px;
 margin-left: 18px;
 color: gold;
 float: left;
 text-align: center;
 font: 12px/12px Arial;
}

#MainCenterRight .top2 {
 width: 28px;
 height: 23px;
 margin-top: 5px;
 margin-left: 18px;
 color: silver;
 float: left;
 text-align: center;
 font: 12px/12px Arial;
}

#MainCenterRight .top3 {
 width: 28px;
 height: 23px;
 margin-top: 5px;
 margin-left: 18px;
 color: orange;
 float: left;
 text-align: center;
 font: 12px/12px Arial;
}

#MainCenterRight .top4,.top5,.top6,.top7,.top8,.top9,.top10{
 width: 28px;
 height: 23px;
 margin-top: 4px;
 margin-left: 19px;
 color: #b39561;
 float: left;
 text-align: center;
 font: 12px/12px Arial;
}

#MainCenterRight .top-nick0  {
 width: 125px;
 height: 23px;
 margin-top: 10px;
 margin-left: 5px;
 float: left;
 text-align: left;
 color: #b39561;
 font: 12px/12px Arial;
}

#MainCenterRight .top-nick1  {
 width: 125px;
 height: 23px;
 margin-top: 7px;
 margin-left: 5px;
 float: left;
 text-align: left;
 color: #b39561;
 font: 12px/12px Arial;
}

#MainCenterRight .top-nick2  {
 width: 125px;
 height: 23px;
 margin-top: 4px;
 margin-left: 5px;
 float: left;
 text-align: left;
 color: #b39561;
 font: 12px/12px Arial;
}

#MainCenterRight .top-nick3  {
 width: 125px;
 height: 23px;
 margin-top: 4px;
 margin-left: 5px;
 float: left;
 text-align: left;
 color: #b39561;
 font: 12px/12px Arial;
}

#MainCenterRight .top-nick4,.top-nick5,.top-nick6,.top-nick7,.top-nick8,.top-nick9,.top-nick10{
 width: 125px;
 height: 23px;
 margin-top: 4px;
 margin-left: 5px;
 float: left;
 text-align: left;
 color: #b39561;
 font: 12px/12px Arial;
}

#MainCenterRight .top-level0 {
 width: 28px;
 height: 23px;
 margin-top: 10px;
 margin-left: -3px;
 color: #b39561;
 text-align: center;
 font: 12px/12px Arial;
 float: left;
 }

#MainCenterRight .top-level1 {
 width: 28px;
 height: 23px;
 margin-top: 7px;
 margin-left: -3px;
 color: #b39561;
 text-align: center;
 font: 12px/12px Arial;
 float: left;
 }
 
 #MainCenterRight .top-level2 {
 width: 28px;
 height: 23px;
 margin-top: 5px;
 margin-left: -3px;
 color: #b39561;
 text-align: center;
 font: 12px/12px Arial;
 float: left;
 }
 
  #MainCenterRight .top-level3 {
 width: 28px;
 height: 23px;
 margin-top: 5px;
 margin-left: -3px;
 color: #b39561;
 text-align: center;
 font: 12px/12px Arial;
 float: left;
 }
 
  #MainCenterRight .top-level4,.top-level5,.top-level6,.top-level7,.top-level8,.top-level9,.top-level10 {
 width: 28px;
 height: 23px;
 margin-top: 5px;
 margin-left: -4px;
 color: #b39561;
 text-align: center;
 font: 12px/12px Arial;
 float: left;
 }

#MainCenterRight .ItemLast {
 width: 222px;
 height: 41px;
 background-image: url("./images/menu_item_bg_last.png");
 background-repeat: no-repeat;
 float: left;
 display: inline-block;
}

#MainCenterRight .Img {
 width: 8px;
 height: 7px;
 margin-top: 12px;
 margin-left: 11px;
 float: left;
 display: inline-block;
}

#MainCenterRight .TextL {
 width: 125px;
 height: 13px;
 margin-top: 10px;
 margin-left: 9px;
 float: left;
 font: 12px/12px Arial;
 color: #b39561;
 display: inline-block;
}

#MainCenterRight .TextLL {
 width: 215px;
 height: 13px;
 margin-top: 1px;
 margin-left: 11px;
 float: left;
 font: 11px/11px Arial;
 color: #b39561;
 display: inline-block;
 line-height: 31px;
text-align: left;
}

#MainCenterRight .TextLB {
 width: 125px;
 height: 13px;
 margin-top: 10px;
 margin-left: 9px;
 float: left;
 font: 12px/12px Arial;
 font-weight: bold;
 color: #b39561;
 display: inline-block;
}

#MainCenterRight .TextR {
 width: 40px;
 height: 13px;
 margin-top: 10px;
 margin-right: 9px;
 float: right;
 text-align: right;
 font: 12px/12px Arial;
 color: #b39561;
 display: inline-block;
}

#MainCenterRight .TextRB {
 width: 40px;
 height: 13px;
 margin-top: 10px;
 margin-right: 9px;
 float: right;
 text-align: right;
 font: 12px/12px Arial;
 font-weight: bold;
 color: #b39561;
 display: inline-block;
}

#MainCenterRight .Bottom {
 width: 225px;
 height: 4px;
 margin-left: 14px;
 margin-bottom: 18px;
 background-image: url("./images/item_bottom.png");
 background-repeat: no-repeat;
 float: left;
}


#MainBottom { 
 width: 100%;
 height: 265px;
 float: left;
 margin-top: -80px;
 background-image: url("./images/bottom_bg2.png");
 background-repeat: repeat-x;
 z-index: -1;

}

#MainBottomB {
 width: 1058px;
 height: 265px;
 margin: 0px auto;
 background-image: url("./images/bottom_bg_full.png");
 background-repeat: no-repeat;
 z-index: 2;
}

#MainBottomContent {
    position: relative;
 width: 1058px;
 height: 158px;
 margin: 0px auto;
 margin-top: -158px;
 z-index: 5;

}



#MainBottomContent .BotBut {
 position: absolute;
 width: 39px;
 height: 33px;
 margin-top: 11px;
 margin-left: 509px;
 cursor: pointer;
 float: left;
}

#MainBottomContent .BotTxt1 {
 position: absolute;
 width: 530px;
 height: 40px;
 margin-top: 70px;
 margin-left: -498px;
 float: left;
 font: 12px/12px Arial;
 color: #b29461;
 display: inline-block;
 line-height: 14px;
 float: left;
}

#MainBottomContent .BotTxt2 {
 position: relative;
 width: 150px;
 height: 20px;
 margin-top: 70px;
 margin-left: 852px;
 padding-right: 55px;
 float: right;
 text-align: center;
 font: 9px/9px Arial;
 color: #b29461;
 display: inline-block;
 line-height: 14px;
 float: left;
}

#MainBottomContent .BotMenu{
 width: 560px;
 height: 20px;
 margin-left: 32px;
 margin-top: 34px;
 float: left;
 display: inline-block;
}

#MainBottomContent .BotText{
 font: 10px/10px Arial;
 cursor: pointer;
 color: #ffffff;
 float: left;
 display: inline-block;
}

#MainBottomContent .Sep{
 float: left;
 display: inline-block;
 margin-left: 15px;
 margin-right: 15px;
 margin-top: -2px;
 
}

#MainBottomContent .B1{
 float: left;
 display: inline-block;
 margin-left: 264px;
 margin-top: 0px;
 cursor: pointer;
}

#MainBottomContent .B2{
 float: left;
 display: inline-block;
 margin-left: 12px;
 cursor: pointer;
}

#MainBottomContent .B3{
 float: left;
 display: inline-block;
 margin-left: 12px;
 cursor: pointer;
}

#MainBottomContent .B4{
 float: left;
 display: inline-block;
 margin-left: 12px;
 cursor: pointer;
}

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu {
  width: 200px;
  font-family: Helvetica, Arial, sans-serif;
  color: #ffffff;
}
#cssmenu ul ul {
  display: none;
}
.align-right {
  float: right;
}
#cssmenu > ul > li > a {
  padding: 15px 20px;
  border-left: 1px solid #1682ba;
  border-right: 1px solid #1682ba;
  border-top: 1px solid #1682ba;
  cursor: pointer;
  z-index: 2;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  color: #ffffff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
  background: #36aae7;
  background: -webkit-linear-gradient(#36aae7, #1fa0e4);
  background: -moz-linear-gradient(#36aae7, #1fa0e4);
  background: -o-linear-gradient(#36aae7, #1fa0e4);
  background: -ms-linear-gradient(#36aae7, #1fa0e4);
  background: linear-gradient(#36aae7, #1fa0e4);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
}
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.active > a,
#cssmenu > ul > li.open > a {
  color: #eeeeee;
  background: #1fa0e4;
  background: -webkit-linear-gradient(#1fa0e4, #1992d1);
  background: -moz-linear-gradient(#1fa0e4, #1992d1);
  background: -o-linear-gradient(#1fa0e4, #1992d1);
  background: -ms-linear-gradient(#1fa0e4, #1992d1);
  background: linear-gradient(#1fa0e4, #1992d1);
}
#cssmenu > ul > li.open > a {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid #1682ba;
}
#cssmenu > ul > li:last-child > a,
#cssmenu > ul > li.last > a {
  border-bottom: 1px solid #1682ba;
}
.holder {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right: 0;
}
.holder::after,
.holder::before {
  display: block;
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  right: 20px;
  z-index: 10;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.holder::after {
  top: 17px;
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
}
#cssmenu > ul > li > a:hover > span::after,
#cssmenu > ul > li.active > a > span::after,
#cssmenu > ul > li.open > a > span::after {
  border-color: #eeeeee;
}
.holder::before {
  top: 18px;
  border-top: 2px solid;
  border-left: 2px solid;
  border-top-color: inherit;
  border-left-color: inherit;
}
#cssmenu ul ul li a {
  cursor: pointer;
  border-bottom: 1px solid #32373e;
  border-left: 1px solid #32373e;
  border-right: 1px solid #32373e;
  padding: 10px 20px;
  z-index: 1;
  text-decoration: none;
  font-size: 13px;
  color: #eeeeee;
  background: #49505a;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

#lights {
 position:absolute;
 border-top:1px solid #006600;
 left:0px;
 top:0px;
 width:100%;
 height:275px;
 overflow:hidden;
 z-index:1;
 display:none;
}

.xlsf-light {
 position:absolute;
 margin-top:-1px;
}

.xlsf-fragment {
 position:absolute;
 background:transparent url(../lights/image/bulbs-50x50-fragments.png) no-repeat 0px 0px;
 width:50px;
 height:50px;
}

.xlsf-fragment-box {
 position:absolute;
 left:0px;
 top:0px;
 width:50px;
 height:50px;
 *width:100%;
 *height:100%;
 display:none;
}

.xlsf-cover {
 position:fixed;
 left:0px;
 top:0px;
 width:100%;
 height:100%;
 background:#fff;
 opacity:1;
 z-index:999;
 display:none;
}

#p1 {
    width: 520px;
    height: 105px;
    position: relative;
    z-index: 9999997;
}

#p2 {
    width: 520px;
    height: 105px;
    position: relative;
    z-index: 9999996;
}

.jCProgress { position: relative; z-index: 9999999; /* margin-top:-15px; /* offset from the center */	margin: 0 auto; display: inline-block;}
.jCProgress > div.percent { font: 18px/27px 'BebasRegular', Arial, sans-serif; color:#B39561; text-shadow: 1px 1px 1px #1f1f1f; position:absolute; margin-top:40px; margin-left:22px; text-align: center; width:60px; }

.tab-content{
	display: none;
	/*background: #ededed;
	padding: 15px;*/
}

.tab-content.current{
	display: inline;
}


#kblue {
	width: 100%;
	border-spacing: 1px;
	border: 1px solid #3d160c;
	background-color: #1e0c07;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	width:94.5%;
}

#kblue td, tr {
	padding-left: 4px;
	padding-top: 3px;
	padding-bottom:3px;
	padding-right:4px;
}

progress[value] {
  /* Reset the default appearance */
  -webkit-appearance: none;
   appearance: none;

  width: 140px;
  margin-left:10px;
  height: 20px;
  margin-bottom:5px;
}


progress[value]::-webkit-progress-value {
  background-image:
	   -webkit-linear-gradient(-45deg, 
	                           transparent 33%, rgba(0, 0, 0, .1) 33%, 
	                           rgba(0,0, 0, .1) 66%, transparent 66%),
	   -webkit-linear-gradient(top, 
	                           rgba(255, 255, 255, .25), 
	                           rgba(0, 0, 0, .25)),
	   -webkit-linear-gradient(left, #f44, #094);

    border-radius: 2px; 
    background-size: 35px 20px, 100% 100%, 100% 100%;
}

ul.tabs{
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
		ul.tabs li{
			background: none;
			color: #60432e;
			display: inline-block;
			padding-top: 5px;
			padding-left: 10px;
			padding-right: 10px;
			padding-bottom: 5px;
			cursor: pointer;
		}

		ul.tabs li.current{
			margin-top: 8px;
			margin-bottom: 8px;
			background: #19120e;
			border: 1px solid #32231b;
			padding: 0px;
			color: #80614d;
			font-size: 13px;
			padding-top: 5px;
			padding-left: 10px;
			padding-right: 10px;
			padding-bottom: 5px;
		}

		.tab-content{
			display: none;
			/*background: #ededed;
			padding: 15px;*/
		}

		.tab-content.current{
			display: inline;
		}
		#kblue {
    border: 1px solid #32231b;
}

.dot {
  height: 8px;
  width: 8px;
  text-shadow: 0px 1px 9px #b39561;
  background-color: green;
  border-radius: 50%;
  display: inline-block;
}

.image-frame2{
margin-left: 5px;
width: 510px;
height: 120px;
background-image: url("/web/20150618223017im_/http://valantia.pl/layouts/valantia/images/ramka.png");
position: absolute;
z-index: 3;

}
.news-image2{
margin-left: 5px;
width: 510px;
height: 120px;
float: left;



/* ==== USERPANEL FIX V4 ==== */
/* Userpanel ma używać takich samych szerokości menu jak lewy panel. */
#MainCenterRight .Userpanel {
    width: 212px !important;
    height: 238px !important;
    margin-left: 0 !important;
    overflow: visible !important;
}

#MainCenterRight .Userpanel .Item_First {
    width: 212px !important;
    height: 31px !important;
    margin-left: 2px !important;
    margin-top: 70px !important;
    background-image: url("./images/menu_item_bg_first.png") !important;
    background-repeat: no-repeat !important;
    background-size: auto !important;
    float: left !important;
}

#MainCenterRight .Userpanel .Item {
    width: 212px !important;
    height: 31px !important;
    margin-left: 2px !important;
    background-image: url("./images/menu_item_bg.png") !important;
    background-repeat: no-repeat !important;
    background-size: auto !important;
    float: left !important;
}

#MainCenterRight .Userpanel .Img {
    width: 8px !important;
    height: 7px !important;
    margin-top: 12px !important;
    margin-left: 17px !important;
    float: left !important;
}

#MainCenterRight .Userpanel .Text {
    width: 160px !important;
    height: 13px !important;
    margin-top: 10px !important;
    margin-left: 9px !important;
    float: left !important;
    text-align: left !important;
}