html {height: 100%;}
body { background: url(../img/background.jpg) top no-repeat;
       background-color: #000000;
       margin-left:0px; 
       margin-right:0px; 
       margin-top:0px; 
       margin-bottom:0px 
}
#main { padding:2px;	
	    border: 1px solid #282828;
        width: 802px;
	    margin-left: auto;
	    margin-right: auto;
}
.clr {clear: both;}
.outline {
        border: 1px solid #282828;
        background: #000000;
        padding: 2px;
        width: 802px;
        margin-left: auto;
        margin-right: auto;
}
#main_body {
	vertical-align: top;
	padding-left: 2px;
	width: 100%;
}

td {
	text-align: left;
	font-size: 11px;
}


#body_outer {
	float: left;
	padding: 2px;
	margin-top: 2px;	
        border: 1px solid #282828;
}

li { list-style:none;        
}


body,td,th {
        font-size: 11px;
	font-family: arial;
	color: #c0bbb8;

}
a:link {
	color: #ffffff;
	text-decoration: none;
        font-weight: bold;

}
a:visited {
	text-decoration: none;
	color: #ffffff;
        font-weight: bold;

}
a:hover {
	text-decoration: none;
	color: #ffffff;
        font-weight: bold;
        text-decoration : underline;


}
a:active {
	text-decoration: none;
	color: #ffffff;
        font-weight: bold;

}

.button {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	width: auto;
	line-height: 10px;
	margin: 1px;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 8px;
	BACKGROUND-COLOR: #000000;
	background-repeat: repeat-x;
	color: #CCCCCC;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #505050;
	border-right-color: #505050;
	border-bottom-color: #505050;
	border-left-color: #505050;

}

.login_field {border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #111111;
	border-right-color: #505050;
	border-bottom-color: #505050;
	border-left-color: #000000;
        background-color: #000000;
        background-repeat: repeat-x;

        font-family:tahoma; 
        font-size:8pt; 
        font-size:8pt; 
        color:#F6F4EE; 
        LINE-HEIGHT: 14px;
}

.input_login {
       border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #1f1f1f;
	border-right-color: #505050;
	border-bottom-color: #505050;
	border-left-color: #1f1f1f;
        background-color: #080706;
        background-repeat: repeat-x;
        font-family : "Arial", Helvetica, sans-serif;
        font-size:11pX;  
        color:#c0bbb8; 
}
     
.login_id .on { background:url('../img/login_input_id.png') 5px 4px no-repeat;
                background-color: #080706;                 
}

.login_pw .on { background:url('../img/login_input_pw.png') 5px 4px no-repeat;
                background-color: #080706;
}

.login_code .on { background:url('../img/login_input_code.png') 5px 4px no-repeat;
                background-color: #080706;
}
.margin23 img {margin-top:-9px; margin-left:3px;                
}
#inicio a {
		display:block;
		width:150px;
		height:33px;
		background: url("../img/inicio1.png") 0 0 no-repeat;		
}

#inicio a:hover {background: url("../img/inicio2.png") 0 0 no-repeat;
}

#contacto2 a {
		display:block;
		width:150px;
		height:33px;
		background: url("../img/contacto1.png") 0 0 no-repeat;		
}

#contacto2 a:hover {background: url("../img/contacto2.png") 0 0 no-repeat;
}

.remplace_inicio {
  display:block;
  height: 33px;
  width: 150px;
}

.remplace_inicio img {
  position: absolute;
  transition: opacity 0.3s ease-in-out;
}

.remplace_inicio img.top:hover {
  opacity: 0;
}

.remplace_registro {
  display:block;
  height: 33px;
  width: 150px;
}

.remplace_registro img {
  position: absolute;
  transition: opacity 0.3s ease-in-out;
}

.remplace_registro img.top:hover {
  opacity: 0;
}

.remplace_descargas {
  display:block;
  height: 33px;
  width: 150px;
}

.remplace_descargas img {
  position: absolute;
  transition: opacity 0.3s ease-in-out;
}

.remplace_descargas img.top:hover {
  opacity: 0;
}


.remplace_rankings {
  display:block;
  height: 33px;
  width: 150px;
}

.remplace_rankings img {
  position: absolute;
  transition: opacity 0.3s ease-in-out;
}

.remplace_rankings img.top:hover {
  opacity: 0;
}

.remplace_foro {
  display:block;
  height: 33px;
  width: 150px;
}

.remplace_foro img {
  position: absolute;
  transition: opacity 0.3s ease-in-out;
}

.remplace_foro img.top:hover {
  opacity: 0;
}

.remplace_donaciones {
  display:block;
  height: 33px;
  width: 150px;
}

.remplace_donaciones img {
  position: absolute;
  transition: opacity 0.3s ease-in-out;
}

.remplace_donaciones img.top:hover {
  opacity: 0;
}

.remplace_contacto {
  display:block;
  height: 33px;
  width: 150px;
}

.remplace_contacto img {
  position: absolute;
  transition: opacity 0.3s ease-in-out;
}

.remplace_contacto img.top:hover {
  opacity: 0;
}

#contacto a {
		display:block;
		width:150px;
		height:33px;
		background: url("../img/contacto_1.jpg") 0 0 no-repeat;		
}

#contacto a:hover {background: url("../img/contacto_2.jpg") 0 0 no-repeat;
}

#personajes a {
		display:block;
		width:150px;
		height:33px;
		background: url("../img/personajes.png") 0 0 no-repeat;		
}

#personajes a:hover {background: url("../img/personajes2.png") 0 0 no-repeat;
}

#Perfil a {
		display:block;
		width:150px;
		height:33px;
		background: url("../img/perfil.png") 0 0 no-repeat;		
}

#Perfil a:hover {background: url("../img/perfil2.png") 0 0 no-repeat;
}

#additems a {
		display:block;
		width:150px;
		height:33px;
		background: url("../img/obteneritems.png") 0 0 no-repeat;		
}

#additems a:hover {background: url("../img/obteneritems2.png") 0 0 no-repeat;
}

#addvip a {
		display:block;
		width:150px;
		height:33px;
		background: url("../img/obtenervip.png") 0 0 no-repeat;		
}

#addvip a:hover {background: url("../img/obtenervip2.png") 0 0 no-repeat;
}

#addhcoins a {
		display:block;
		width:150px;
		height:33px;
		background: url("../img/obtenerhcoins.png") 0 0 no-repeat;		
}

#addhcoins a:hover {background: url("../img/obtenerhcoins2.png") 0 0 no-repeat;
}

#news a {
	color:#a99582; 
	font-size:11px; 
	font-weight:normal
}

#news a:hover{
    color:#cfb8a2; 
	font-size:11px; 
	font-weight:normal;
	text-decoration : underline;
}

#news td {
	color:#5f5347;
	font-size: 11px;
}
#news span {
	color:#cfb8a2;
	font-size: 11px;
}

#login a {
	color:#a59f9a; 
	font-size:11px; 
	font-weight:normal;
	text-decoration : underline;
}

#login a:hover{
    color:#d5cfcd; 
	font-size:11px; 
	font-weight:normal;
	text-decoration : underline;
}

#login td {
	color:#a59f9a;
	font-size: 11px;
}

#login input {
        border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #343333;
	border-right-color: #464545;
	border-bottom-color: #464545;
	border-left-color: #343333;
        background-color: #0e0e0e;
        background-repeat:no-repeat;
        font-family : "Arial", Helvetica, sans-serif;
        font-size:12px;  
        color:#8d8987; 

}
ul {
       margin: 0;
       padding: 0;
       list-style:none;
}

#login_in a {
	color:#c35925; 
	font-size:11px; 
	font-weight:normal;
	text-decoration : underline;
}

#login_in a:hover{
    color:#ff7633; 
	font-size:11px; 
	font-weight:normal;
	text-decoration : underline;
}

#login_in td {
	color:#bdb7b1;
	font-size: 11px;
}
#login_in span {
	color:#f8b710;
	font-size: 11px;
}


.status {
	background-image: url('../img/background_3.jpg');
	background-repeat:no-repeat
}

#serverstatus { 
        width:192px; 
}

#serverstatus .serverdate { 
        position:relative;
        height:24px; 
        padding:0 0 0 3px;  
        border-left:1px solid #473b2d;
        border-bottom:1px solid #473b2d; 
        background-color:#352c23;
        overflow:hidden;
        font-size:11px; 
        line-height:24px; 
}

#serverstatus .serverdate span { 
        color:#ff910b;
}

#serverstatus #rollattackserver { 
        position:relative; 
        height:88px; 
        overflow:hidden; 
        background:url(../img/main_bg_serverbtm.gif) no-repeat; 
}

#serverstatus #rollattackserver .open { 
        position:absolute; 
        left:0; 
        top:0; 
        width:181px;  
        border-bottom:1px solid #473b2d; 
}

#serverstatus #rollattackserver .open ul { 
        background:url(../img/main_bg_serverbtm.gif) repeat-y; 
}

#serverstatus #rollattackserver #attacklist ul li { 
        height:22px; 
        padding:0 0 0 19px; 
        overflow:hidden; 
        font-size:11px; 
        color:#bea479; 
        line-height:22px; 
}

#serverstatus #rollattackserver #attacklist ul li span { 
        padding:0 8px 0 0;  
        color:#c42500; 
}

#sddm
{	
	margin: 0;
	padding: 0;
	z-index: 30
}

#sddm li
{	
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px verdana;
}

#sddm li a
{	
	display: block;
	font-size: 10px;
	color:#DEC8BB;
	text-decoration:none;
	font-weight:bold;
	padding: 0px 27px 0px 25px;
}

#sddm li a:hover
{	
	color:#FFC8A0;
	text-decoration:none;
}

#sddm div
{	
	position: absolute;
        padding: 0px;
	margin: 5px 0 0 0;
	background: #000000;
        border: 1px solid #880000;
	
}

#sddm div a
{	
	position: relative;
	display: block;
	margin: 0;
	padding: 7px 4px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #000000;
	color: #FFEEEE;
	font: 10px Verdana

}


#sddm div a:hover
{	
	background: #330000;
	color:#FFC8A0;
}

input {
        border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #1f1f1f;
	border-right-color: #505050;
	border-bottom-color: #505050;
	border-left-color: #1f1f1f;
        background-color: #07080b;
        background-repeat: repeat-x;
        font-family : "Arial", Helvetica, sans-serif;
        font-size:11pX;  
        color:#c0bbb8; 
}

select {
           color : #000000;
           font-size : 12px;
           font-family : Tahoma, Verdana, Arial;
           BORDER-RIGHT: #505050 1px solid; 
           BORDER-TOP: #505050 1px solid;
           BORDER-LEFT: #505050 1px solid;
           BORDER-BOTTOM: #505050 1px solid;
           
}

.help-tooltip {
	position:	absolute;
	color:		#ffffff;
	font:		Status-Bar;
	padding:	0px;
	z-index:	10000;
}

.fieldset { margin-bottom: 6px;
            border:1px solid #505050
}

legend {
	color: #c26102;
	font: 11px arial;
        font-weight: bold;
}

FORM {
      DISPLAY: inline
}



.formBox {
	BORDER-RIGHT: #999999 1px solid; 
        BORDER-TOP: #999999 1px solid; 
        FONT-SIZE: 10px; 
        BORDER-LEFT: #999999 1px solid; COLOR: #999999;
        BORDER-BOTTOM: #999999 1px solid; 
        FONT-FAMILY: verdana,arial,helvetica,sans-serif; 
        BACKGROUND-COLOR: #242424;
}

textarea {
	BORDER-RIGHT: #505050 1px solid; 
        BORDER-TOP: #505050 1px solid; 
        FONT-SIZE: 10px; 
        BORDER-LEFT: #505050 1px solid; 
        COLOR: #111111;
        BORDER-BOTTOM: #505050 1px solid; 
        FONT-FAMILY: verdana,arial,helvetica,sans-serif; 
        BACKGROUND-COLOR: #F2F2F2;
}


.mod_title{
color : #bababa;
font-family: "Times New Roman", Times, serif;
font-size : 26px;
font-style: oblique;
font-weight: bold;

}

.mod_title2{
color : #e5e700;
font-family: "Times New Roman", Times, serif;
font-size : 26px;
font-style: oblique;
font-weight: bold;

}

.mod_title3{
color : #b96307;
font-family: "Times New Roman", Times, serif;
font-size : 16px;
font-weight: bold;

}

.mod_title_cs{
color : #ffffff;
font-family: verdana,arial,helvetica,sans-serif;
font-size : 14px;
font-weight: bold;

}

td.flagtd img { padding-top:2px; 
                cursor:pointer; 
}

td.flagtd div.posre { 
               position:relative; 
               width:16px; 
               text-align:left; 
}

td.flagtd div.posre div.flag_lay { 
               display:none; 
               position:absolute; 
               right:-11px; 
               z-index:99999; 
               width:auto; 
               height:31px; 
               background: url('../img/tab_bg_center.gif') right top no-repeat; 
               font-size:9px; 
               color:#dddddd; 
               padding:0; 
               margin:-30px 0 0 0; 
               top:2px;
}

td.flagtd div.posre div.flag_lay span { 
              display:block; 
              width:auto; 
              height:31px; 
              font-weight:bold; 
              text-align:center; 
              background: url('../img/tab_bg_left.gif') left top no-repeat;
              padding:0; 
}

td.flagtd div.posre div.flag_lay span span { 
              display:block; 
              width:auto; 
              height:26px; 
              background: url('../img/tab_bg_right.gif') right top no-repeat; 
              padding:5px 10px 0 10px; 
              white-space:nowrap
}

.title{
color : #cccccc;
font-family: "Times New Roman", Times, serif;
font-size : 18px;
font-weight: bold;
}

.panel_login{
font-family: "Arial", Times, serif;
font-size : 14px;
font-weight: bold;
color: #ff0000;

}

a.helpLink {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px dashed #FFFFFF;
	font-size: 12px;
}

a.helpLink:hover {
	color: #f98f12;
	text-decoration: none;
	border-bottom: 1px dashed #f95312;
}

.style1 {
        color: #bababa;
	font-weight: bold;
	line-height: 1.11em;
	font-size: 1.01em;
	text-transform: uppercase;
}

.style2 {
         color: #bababa; 
         font-weight: bold;
         font-size: 12px;
}

.style3 {
         color: #FF0000;
         border-width: 0;
         font-weight: bold;
}

.style4 {
         color: #bababa;
         font-weight: bold;
}

.style5 {
         color: #ffffff;
         border-width: 0px;
         font-size: 11px;
         font-family: Arial;
         font-weight: lighter;
         cursor: hand;
         text-decoration: none;
}

.style6 {
         color: #FF0000; 
         font-weight: bold; 
         font-size: 12px;
}

.style7 {
         font-size: 10px;
         font-weight: bold;
}

.style8 {
         color: #0099CC;
         font-weight: bold;
}

.style9 {
         font-size: 12px; 
         color: #ebebeb;
         font-weight: bold;
           
}
.style10 {
          color: #bababa;
          font-size: 12px;
           
}
.style11 {
          font-size: 12px; 
          color: #baa05c; 
          font-weight: bold; 
}

.style12 {
          color: #CCCCCC;
          font-weight: bold;
}

.style13 {
          color: #CCCCCC;
          font-weight: bold; 
          font-size: 12px; 
}

.style16 {
          color: #bababa;
}

.style17 {
          color: #f1f1f1;
         font-weight: bold;
}

.style18 {
          color: #FF0000; 
          font-weight: bold;
}

.style19 {
          color: #0bcb2f; 
}

.style20 {
	background-image: url('../img/background_2.jpg');
}
.style21 {
	background-image: url('../img/background_1.jpg');
}

.style22 {
          color: #FFFFFF;
}

.style23 {
	margin-left: 0px;
	background-image: url('../img/sidebar_bg.jpg');
}
.style24 {
	background-image: url('../img/center_xtreme.jpg');
}
.style25 {
	background-image: url('../img/background_ranking.jpg');
}

.style26 {background-image: url(../img/bg.gif);

          border: 1px solid #181818;
}

.style27 {
          text-align: center;
          color: #bababa; 
          font-weight: bold;
          font-size: 12px;
}

.style29 {color: #bababa; 
          font-size: 12px; 
}

.style30 {
          text-align: center;
}

.style31 {
          margin-bottom: 0px;
}
.style32 {
         border: 1px solid #000000;
	 background-color: #280000;
}
.style33 {color: #c8dcff;
          font-weight: bold;
}
.style34 {color: #da1acf;
          font-size: 11px;
          font-weight: bold;
          
}
.style35 {color: #e5e700;
          font-size: 11px;
          font-weight: bold;
}
.style36 {color: #7b94ca;
          font-size: 11px;
          font-weight: bold;
}
.style37 {color: #ff8b00;
          font-size: 11px;
          font-weight: bold;
}
.style38 {color: #da9ad7;
          font-size: 11px;
          font-weight: bold;
}
.style39 {color: #62bdea;
          font-size: 11px;
          font-weight: bold;
}
.style40 {color: #c8d3dd;
          font-size: 11px;
          font-weight: bold;
          
}
.style41 {color: #da1acf;
         font-weight: bold;
          
}

.style42 {background-color: #23221f;
          
}

.style43 {color: #c6c09e;
          
}

.style44 {color: #dab022;
          
}

.style45 {
	vertical-align: middle;
}

.style46 { color:black
}

.style49 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #131313;
	border-bottom-color: #131313;
	border-left-color: #000000;
    background-color: #050505;
    background-repeat: repeat-x;
    color: #ffffff;
    font-family : "Arial", Helvetica, sans-serif;
    font-size:11pX;  
}

.style50 {
	background-image: url('../img/back_7.jpg');
        background-repeat: no-repeat; 
        background-position:1px;

}

.style51 {
	color: #df5f18;
	font: 11px arial;
        font-weight: bold;

}

.style52 {
	border: 2px solid #505050;
}

.style53 {
	text-align: right;
}
.style54 {
	color: #6294c3;
	font: 11px arial;
        font-weight: bold;

}

.style55 {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #505050;  
	background-position: left top;
	color: #CCCCCC;
	font: 11px arial;
	background-image: url('../img/sechdr1bg.png');
	background-repeat: repeat-x;
	background-attachment: scroll;
}


.style56 {
	color: #c26102;
	font: 11px arial;
        font-weight: bold;

}

.style57 {
	color : #ffffff;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size : 14px;
	font-weight: bold;
	text-align: center;
}
.style58 {
	color : #000000;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size : 14px;
	font-weight: bold;
	text-align: center;
}

.style59 {
	vertical-align: text-top;
}

.style60 {
	background-image: url('../img/back_ban.jpg');
	background-repeat:no-repeat
}

.style62 {
	background-image: url('../img/background_4.png'); 
        background-repeat:no-repeat
}
.style65 {
	background-image: url('../img/background_5.png'); background-repeat:no-repeat
}
.style66 {
	background-image: url('../img/background_6.png'); background-repeat:no-repeat
}
.style67 {
	background-image: url('../img/background_7.png');
}
.style68 {
	background-image: url('../img/background_8.png'); background-repeat:no-repeat
}
.style69 {
	background-image: url('../img/castle_siege.jpg'); background-repeat:no-repeat;
}
.style70 {
	background-image: url('../img/ranking_resets.jpg');
	background-repeat:no-repeat; background-position:left
}
.style71 {
	background-image: url('../img/ranking_guild.jpg');
	background-repeat:no-repeat; background-position:left
}
.style72 {
	background-image: url('../img/ranking_gens.jpg');
	background-repeat:no-repeat; background-position:left
}
.style73 {
	background-image: url('../img/castle_siege.jpg');
	background-repeat:no-repeat; background-position:left
}

.style74 {
	text-align: center;
	border-right:1px #43371f solid;
}
.style75 {
    text-align: center;
	border-bottom:1px #43371f solid;
	border-right:1px #43371f solid;
}
.style76 {
    text-align: center;
	border-right:1px #43371f solid;
}
.style77 {
    text-align: center;
	border-bottom:1px #43371f solid;
}

.style78 {
	padding-left:6px;
        padding-top:6px;
        padding-right:6px;
        padding-bottom:6px;
	border-bottom:1px #43371f solid;
}

.style79 {
	border-bottom:1px #43371f solid;
	text-align: center;
}
.style80 {
	padding-left:4px;
	border-bottom:1px #43371f solid;
}
.style81 {
	padding-left:4px;
}

.style82 {
	color:#8295a9; 
	font-size:11px; 
	font-weight:normal;
        text-align: center;
}

.style83 {
	border-width: 0px;
}

.style85 {
	background-image: url('../img/arka_war.jpg');
	background-repeat:no-repeat; background-position:left
}

.style86 {
	color: #4452fd;
	font: 26px arial;
        font-weight: normal;

}

.style87 {
	color: #fd2e2e;
	font: 26px arial;
        font-weight: normal;

}

span.stime {   
             font-size:11px; 
             color:#df5f18;  
              
}

.style88 {
	background-color: #1A1611; 
	border-top-color: #493e31; 
	border-top-width: 1px; 
	border-top-style: solid;  
	border-bottom-color: #493e31; 
	border-bottom-width:1px; 
	border-bottom-style: solid;
}
.style89 {
	background-color: #352C23;
}

.style90 {
	color: #ff910b;
}

.style91 {  
        color:#c42500; 
}

.style92 {  
        font-size:12px;
        text-align: center;
}

span.stime span { color:#f8b710;
 
}

.table1 {
	background-image: url('../img/downloads.png');
}
.table2 {
	background-image: url('../img/submenu.png');
}
.table3 {
	background-image: url('../img/ranking.jpg');
}
.table4 {
	background-image: url('../img/tabla4.png');
}
.table5 {
	background-image: url('../img/repartir.jpg');
}
.table9 {
	background-image: url('../img/informacion.jpg');
}
.table10 {
	background-image: url('../img/cambiarcontra.jpg');
}
.table11 {
	background-image: url('../img/moverse.jpg');
}
.table12 {
	background-image: url('../img/publicidad.jpg');
}
.table13 {
	background-image: url('../img/infocuenta.jpg');
}
.table14 {
	background-image: url('../img/main.png');
}
.table15 {
	background-image: url('../img/main_left.jpg');
}
.table16 {
	background-image: url('../img/main_rigth.jpg');
}
.table17 {
	background-image: url('../img/main_rigth.jpg');
}
.table18 {
	background-image: url('../img/back_2.jpg');
        background-repeat:no-repeat;
        height: 236px;
}
.table19 {
	background-image: url('../img/background_14.jpg');

}
.table20 {
	background-image: url('../img/menu_down_rigth.jpg');
        background-repeat:no-repeat;
        height: 365px;
}
.table21 {
        background-image: url('../img/menu_down_left.jpg'); 
        background-repeat:no-repeat; 
}
.table23 {
	background-image: url('../img/usuario.png');
}

.table24 {
        background-image: url('../img/back_1.jpg'); 
        background-repeat:no-repeat; 
}

.table25 {
	background-image: url('../img/info_table.jpg');
}

.table26 {
	background-image: url('../img/recuperarpass.jpg');
}
.table27 {
	background-image: url('../img/preview_i08.jpg');
}

.table28 {
	background-image: url('../img/foro.png');
        background-repeat:no-repeat;
}
.table29 {
	background-image: url('../img/main_cs2.png');
}

.table30 {
	background: url('../img/background2.jpg') top no-repeat;
	background-color: #000000;
        margin-left:0px; 
        margin-right:0px; 
        margin-top:0px; 
        margin-bottom:0px 
}

.table31 {
	background-image: url('../img/contacto.jpg');
}

.table32 {
	background-image: url('../img/error.jpg');
}

.table33 {

	background-image: url('../img/exito.jpg');

}

.table38 {

	background-image: url('../img/downloads_l.png');

}

.table39 {

	background-image: url('../img/downloads_s.png');

}
.table40 {
	background-image: url('../img/back_14.png');
}

.table41 {
	background-image: url('../img/informacion2.jpg');
}

.table42 {
	background-image: url('../img/heroesmu_season_15.jpg');
}

.table43 {
	background-image: url('../img/menu_fondo.png');
}

.table44 {
	background-image: url('../img/gens.info.jpg');
}

.table45 {
	background-image: url('../img/table47.png');

}
.table46 {
	background-image: url('../img/table48.png');

}
.table47 {
	background-image: url('../img/table_bitcoins.png');

}


video#vid {
 position: absolute; 
 right: 0; 	
 bottom: 0;
 top: 0px; 
 left: 0px; 
 min-width: 1004px; 		
 min-height: 414px;
 width: auto;
 height: 414px; 
 z-index: -100;
 background: url(../img/HeroesMu_Season_19.jpg) no-repeat;
 background-size: cover;
 margin: 0 auto;
}

#SexyAlertBox-Box {

  padding-bottom: 24px;

  background: url(../img/bgboxbottom.png) bottom left no-repeat !important;

  background: url(../img/bgboxbottom.gif) bottom left no-repeat;

}



#SexyAlertBox-InBox {

  padding-top: 15px;

  background: url(../img/bgboxtop.png) top left no-repeat !important;	

  background: url(../img/bgboxtop.gif) top left no-repeat;	

}



#SexyAlertBox-BoxContent {

  background: url(../img/bgboxbody.png) top left repeat-y !important;

  background: url(../img/bgboxbody.gif) top left repeat-y;

  padding: 0px 20px;

}



#SexyAlertBox-BoxContenedor {

  padding: 0px 0px 5px 55px;

  text-align: left;

  font-family:Verdana;

  font-size:12px;

  color:#000;

}



#SexyAlertBox-BoxContenedor h1,#SexyAlertBox-BoxContenedor h2,#SexyAlertBox-BoxContenedor h3,#SexyAlertBox-BoxContenedor b,#SexyAlertBox-BoxContenedor strong{

  text-align: left;

  font-family:Verdana;

  font-size:12px;

  color:#000;

  font-weight:bold;

  margin:0px;

  padding:0px;

}



#SexyAlertBox-Buttons{

  text-align:right;

}



#SexyAlertBox-Buttons input {

  margin: 10px 10px;

}



#SexyAlertBox-BoxContenedor #BoxPromptInput{

  margin-top:5px;

}



#SexyAlertBox-Box .BoxAlert {

  background: url(../img/dialogwarning.png) top left no-repeat;

}



#SexyAlertBox-Box .BoxConfirm {

  background: url(../img/dialoghelp.png) top left no-repeat;

}



#SexyAlertBox-Box .BoxPrompt {

  background: url(../img/dialoghelp.png) top left no-repeat;

}



#SexyAlertBox-Box .BoxInfo {

  background: url(../img/dialoginformation.png) top left no-repeat;

}



#SexyAlertBox-Box .BoxError {

  background: url(../img/dialogerror.png) top left no-repeat;

}
.admincp-button {
	position: absolute;
	top: 0px;
	right: 10px;
	font-size: 10px;
	background: var(--ColorTemplate) !important;
	border: 2px solid #000000 !important;
	color: var(--bs-light) !important;
	font-weight: bold !important;
}

.page-title {
	color: var(--ColorTemplate);
	font-family: 'Roboto', sans-serif;
	font-size: 32px;
	margin-bottom: 10px;
	font-weight: 500;
}

/* NEWS MODULE */
.panel-news {
	margin-bottom: 30px;
	color: #333;
	border: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-moz-box-shadow: 0 0 0px #e3e3e3;
	-webkit-box-shadow: 0 0 0px #e3e3e3;
	box-shadow: 0 0 0px #e3e3e3;
}
.panel-news .panel-heading {
	padding: 0.5rem 1rem;
	background-color: var(--ColorTemplate);
	border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
	border-bottom-left-radius: unset;
	border-bottom-right-radius: unset;
}

.panel-news .panel-heading a{
	color: #f1f1f1;
}
.panel-news .panel-heading a:hover{
	color: #f1f1f1cc;
}

.panel-news .panel-title {
	color: #000000;
    font-size: 17px;
    font-weight: bold;
    padding-top: 5px;
}
.panel-news .panel-body {
	padding: 1rem 1rem;
	background: #fff;
	border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
	border-top-left-radius: unset;
	border-top-right-radius: unset;
}
.panel-news .panel-footer {
    background: #f7f7f7;
	padding: 1rem 1rem;
    font-style: italic;
    font-size: 16px;
    color: #212529;
	border: 1px solid rgba(0,0,0,.125);
	border-top: 3px solid var(--ColorTemplate);
    border-radius: 0.25rem;
	border-top-left-radius: unset;
	border-top-right-radius: unset;
}

/* RANKINGS MODULE */
.rankings-table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	padding: 1rem 1rem;
    background: #fff;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
}

.rankings-class-image-sidebar {
	width: 25px;
	height: auto;
	-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
	box-shadow: 0 0 5px #666;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.rankings-class-image {
	width: 40px;
	height: auto;
	-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
	box-shadow: 0 0 5px #666;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.rankings-table tr td {
	border-bottom: 1px solid #e3e3e3;
	padding: 10px;
	font-size: 18px;
	vertical-align: middle !important;
	text-align: center;
}
.rankings-table-place {
	color: var(--ColorTemplate);
	font-weight: bold;
	/*font-size: 24px;*/
	text-align: center;
}

.default-char-offline {
    border: 3px solid #D0D0D0;
    vertical-align: middle;
}

.default-char-online {
    border: 3px solid #a5d72c;
    vertical-align: middle;
}

.page-item.active .page-link {
    z-index: 3;
    color: var(--bs-light) !important;
    background-color: var(--ColorTemplate);
    border-color: var(--ColorTemplate);
}

.rankings-table tr:first-child td {
	color: var(--bs-light);
	border-bottom: 3px solid var(--ColorTemplate);
	background: var(--ColorTemplate);
}
.rankings-update-time {
	text-align: right;
	font-size: 11px;
	color: #ccc;
	padding: 10px 0px;
}
.rankings_menu {
	width: 100%;
	overflow: auto;
	text-align: center;
	margin-bottom: 10px;
}
.rankings_menu span {
	width: 100%;
	display: inline-block;
	padding: 10px 0px;
	color: #ccc;
	font-size: 24px;
}
.rankings_menu a {
	display: inline-block;
	width: 160px;
	border: 1px solid var(--ColorTemplate);
	border-left: 7px solid var(--ColorTemplate);
	text-align: center;
	padding: 2px 0px;
	margin: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: var(--ColorTemplate);
	background: linear-gradient(to left, transparent 50%, var(--ColorTemplate) 50%);
	background-size: 200%;
	background-position: right;
	transition: background-position 0.5s;
}
.rankings_menu a.active {
	color: #f1f1f1;
	border: 1px solid var(--ColorTemplate);
	border-left: 7px solid var(--ColorTemplate);
	background: var(--ColorTemplate);
}

.rankings_menu a:hover {
	color: var(--bs-light) !important;
    text-decoration: none !important;
	background-position: left;
}

.rankings_guild_logo tr td {
	border: 0px !important;
	padding: 0px !important;
	margin: 0px !important;
}
.rankings-gens-img {
	width: auto !important;
	height: 30px !important;
	border: 0 !important;
	-moz-box-shadow: 0 0 0px #000 !important;
	-webkit-box-shadow: 0 0 0px #000 !important;
	box-shadow: 0 0 0px #000 !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
}

/* MY ACCOUNT MODULE */
.myaccount-table {
	width: 100%;
	background: #f1f1f1;
	border: 1px solid #e3e3e3;
}
.myaccount-table tr td:first-child {
	color: #666;
	font-weight: bold;
}
.myaccount-table tr td {
	border-bottom: 1px solid #e3e3e3;
	padding: 15px !important;
}
.myaccount-table tr:last-child td {
	border: 0px;
}

/* GENERAL TABLE UI */
.general-table-ui {
	width: 100%;
	table-layout: fixed;
	background: #f1f1f1;
	border: 1px solid #e3e3e3;
	padding: 10px;
	margin: 10px 0px;
}
.general-table-ui tr td {
	padding: 5px;
	vertical-align: middle !important;
}
.general-table-ui tr:first-child td {
	color: var(--ColorTemplate);;
}
.general-table-ui tr:nth-child(2n+2) td {
	background: #fafafa;
}
.general-table-ui tr td {
	text-align: center;
}
.general-table-ui img {
	width: 50px;
	height: auto;
	-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
	box-shadow: 0 0 5px #666;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

/* TERMS OF SERVICE PAGE */
.tos_list li {
	color: var(--ColorTemplate);;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 40px;
}
.tos_list li p {
	color: #444;
	text-align: justify;
	text-justify: inter-word;
	text-transform: none;
	padding-right: 35px;
	font-size: 14px;
	font-weight: normal;
}

/* PAYPAL */
.paypal-gateway-container {
	width: 100%;
}

.paypal-gateway-content {
	background: #fef2da;
	border: 3px solid #f79433;
	padding: 15px;
	overflow: auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-weight: bold;
}

.paypal-gateway-logo {
	width: 100%;
	height: 100px;
	background: #fff9ec url('../img/paypal-logo-200-68.png') no-repeat center;
	background-size: contain;
	margin-bottom: 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.paypal-gateway-conversion-rate {
	margin: 0px auto;
	text-align: center;
	color: #000;
	font-size: 18px;
	padding: 10px 0px;
}

.paypal-gateway-form {
	width: 100%;
	margin: 20px auto;
	text-align: center;
}

.paypal-gateway-form div {
	display: inline-block;
	padding: 0px 10px;
	color: #000;
	font-size: 24px;
}

.paypal-gateway-form input[type=text] {
	width: 60px;
	font-size: 24px;
	border: 3px solid #f79433;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #f79433;
}

.paypal-gateway-continue {
	margin: 0px auto;
	text-align: center;
}

.paypal-gateway-continue input[type=submit] {
	background: url('../img/paypal-submit.jpg') no-repeat;
	width: 200px;
	height: 40px;
	border: 0px;
}

.module-requirements {
	font-size: 12px;
	margin-top: 20px;
}

/* SIDEBAR */
.panel-sidebar {
	background: #f1f1f1;
    border: 1px solid;
    border-color: rgba(0,0,0,0.125);
    -moz-border-radius: 0.375rem;
    border-radius: 0.375rem;
    -moz-box-shadow: 0 7px 14px 0 rgb(65 69 88 / 10%), 0 3px 6px 0 rgb(0 0 0 / 7%);
    -webkit-box-shadow: 0 7px 14px 0 rgb(65 69 88 / 10%), 0 3px 6px 0 rgb(0 0 0 / 7%);
    box-shadow: 0 7px 14px 0 rgb(65 69 88 / 10%), 0 3px 6px 0 rgb(0 0 0 / 7%);
}

.panel-sidebar > .panel-heading {
	background: #fff;
	color: var(--ColorTemplate);;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	border: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border-bottom: 3px solid var(--ColorTemplate);;
	padding: 15px;
    font-size: 22px;
    text-align: center;
}
.panel-usercp ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.panel-usercp ul li {
	display: table;
	width: 100%;
	vertical-align: middle;
	line-height: 30px;
}

.panel-usercp ul li a {
	color: #444 !important;
	font-weight: bold;
}
.panel-usercp ul li a:active, .panel-usercp ul li a:hover {
	color: var(--ColorTemplate) !important;
}

.panel-usercp ul li img {
	position: relative;
	top: -2px;
	padding-right: 10px;
}

.sidebar-banner {
	margin: 20px 0px;
	border: 0px;
}

.sidebar-banner img {
	-moz-box-shadow: 0 0 10px #e3e3e3;
	-webkit-box-shadow: 0 0 10px #e3e3e3;
	box-shadow: 0 0 10px #e3e3e3;
	border: 0px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -khtml-border-radius: 5px;
	border: 2px solid var(--ColorTemplate);
	border-left: 7px solid var(--ColorTemplate);
}

/* GENERAL PANEL STYLING */
.panel-general {
	margin-bottom: 30px;
	background: #f1f1f1;
	border: 1px solid #e3e3e3;
	-moz-border-radius: 0px;
	border-radius: 0px;
	color: #333;
}

.panel-body{
	padding: 10px;
}

.panel-body .panel-title {
	color: #666;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	border-bottom: 1px solid #e3e3e3;
	margin-bottom: 20px !important;
	font-weight: 500;
}

/* ADD STATS MODULE */
.panel-addstats {
	margin-bottom: 30px;
	background: #f1f1f1;
	border: 1px solid #e3e3e3;
	-moz-border-radius: 0px;
	border-radius: 0px;
	color: #333;
}
.panel-addstats .character-avatar img {
	width: 100px;
	height: auto;
	-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
	box-shadow: 0 0 5px #666;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.panel-addstats .character-name {
	color: #666;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	border-bottom: 1px solid #e3e3e3;
	padding: 20px 0px;
	margin-bottom: 20px !important;
	font-weight: 500;
}

/* DOWNLOADS */
.panel-downloads {
	margin-bottom: 30px;
	background: #f1f1f1;
	border: 1px solid #e3e3e3;
	-moz-border-radius: 0px;
	border-radius: 0px;
	color: #333;
}
	.download-description {
		font-size: 11px;
		position: relative;
		top: -7px;
		color: #777;
	}

.online-status-indicator {
	margin-left: 5px;
}

/* WEBENGINE CMS */
.webengine-powered { color: var(--ColorTemplate) !important; text-transform: uppercase;}
.webengine-powered:active, .webengine-powered:hover { color: var(--ColorTemplate) !important; }

/* GLOBAL TOP BAR */
.global-top-bar {
	width: 100%;
	background: #101010;
	color: #777777;
	padding: 7px 0px 2px 0px;
	text-transform: uppercase;
	font-size: 12px;
}
	.global-top-bar .global-top-bar-content {
		width: 1040px;
		margin: 0px auto;
	}
		.global-top-bar .global-top-bar-content .row {
			margin: 0px;
			padding: 0px;
		}
	.global-top-bar a.logout {
		color: var(--ColorTemplate) !important;
	}
	.global-top-bar a {
		color: #999999 !important;
	}
	.global-top-bar a:hover {
		color: #ffffff !important;
	}
.global-top-bar-nopadding {
	padding: 0px !important;
}
.global-top-bar-separator {
	padding: 0px 5px;
}

/* LANGUAGE PICKER */
.webengine-language-switcher {
	display: inline-block;
	list-style: none;
	padding: 0px !important;
	margin: 0px !important;
	width: 46px;
	height: 19px;
	overflow: hidden;
	transition: all .3s ease;
}
.webengine-language-switcher:hover {
	width: 400px;
}
	.webengine-language-switcher li {
		display: inline-block;
		list-style-type: none;
		background: #333333;
		padding: 0px 5px 2px 5px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-khtml-border-radius: 3px;
		transition: all .3s ease;
	}
	.webengine-language-switcher li:hover {
		-webkit-filter: brightness(120%);
		filter: brightness(120%);
	}
	.webengine-language-switcher li a {
		color: #999999;
	}
	.webengine-language-switcher li a:hover {
		color: #ffffff !important;
	}

/* WEBSITE LOGO */
.webengine-mu-logo {
	transition: all .3s ease;
}
	.webengine-mu-logo:hover {
		-webkit-filter: brightness(120%);
		filter: brightness(120%);
	}

/* HEADER INFO */
.header-info-container {
	width: 1040px;
	margin: 0px auto;
	text-align: right;
}
	.header-info-container .header-info {
		display: inline-block;
		width: 100%;
		background: rgba(0, 0, 0, 0.3);
		backdrop-filter: blur(5px);
		margin: 0px;
		padding: 20px;
		overflow: auto;
		-moz-box-shadow: 0 0 15px rgba(0,0,0,0.7);
		-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.7);
		box-shadow: 0 0 15px rgba(0,0,0,0.7);
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-khtml-border-radius: 5px;
		text-shadow: 1px 1px 3px #000000;
		color: #ffffff;
		border: 1px solid rgba(255,255,255,0.1);
		font-size: 12px;
	}
		.header-info-container .header-info .header-info-block {
			padding: 0px;
			color: #aaaaaa;
		}
		.header-info-container .header-info .header-info-block #tServerTime, .header-info-container .header-info .header-info-block #tLocalTime {
			color: #ffffff;
		}
		.header-info-container .header-info .header-info-block #tServerDate, .header-info-container .header-info .header-info-block #tLocalDate {
			color: #cccccc;
		}
		.header-info-container .header-info .header-info-block .online-count {
			color: #00ff00;
		}
	.header-info ul {
		text-align: center;
		margin: 0px;
		-webkit-padding-start: 0px;
	}
	.header-info ul li {
		list-style-type: none;
		display: inline-block;
		font-size: 16px;
	}
	.header-info ul li a {
		display: inline-block;
		color: #cccccc !important;
		text-decoration: none;
		padding: 1px 30px;
		transition: all .3s ease;
		text-transform: uppercase;
	}
/* ONLINE BAR */
.webengine-online-bar {
	width: 100%;
	background: #000000;
	border: 1px solid #555555;
	height: 8px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px;
	overflow: hidden;
	transition: all .3s ease;
}
	.webengine-online-bar .webengine-online-bar-progress {
		height: 8px;
		background: #00ff00 url('../img/online_progress_bar.jpg') no-repeat left center;
		-webkit-border-radius: 0px 1px 1px 0px;
		-moz-border-radius: 0px 1px 1px 0px;
		-khtml-border-radius: 0px 1px 1px 0px;
		border-radius: 0px 1px 1px 0px;
	}
	.webengine-online-bar:hover {
		-webkit-filter: brightness(120%);
		filter: brightness(120%);
	}

/* MY ACCOUNT CHARACTER LIST */
.myaccount-character-block {
	background: #333;
	border: 1px solid #666;
	padding: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	margin: 0px auto;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
	.myaccount-character-block img {
		width: 100px;
		height: auto;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-moz-box-shadow: 0 0 5px #000;
		-webkit-box-shadow: 0 0 5px #000;
		box-shadow: 0 0 5px #000;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
		.myaccount-character-block img:hover {
			-webkit-filter: brightness(120%);
			filter: brightness(120%);
		}
.myaccount-character-block-location {
	font-size: 12px;
	color: #000;
	margin-bottom: 20px;
	margin-top: 2px;
	line-height: 1.2;
}
.myaccount-character-block-level {
	position: relative;
	top: -77px;
	display: inline-block;
	background: rgba(0,0,0,0.5);
	padding: 0px 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	font-size: 10px;
}
.myaccount-character-name a {
	font-weight: bold;
	color: #000;
	font-size: 16px;
}

/* RANKINGS FILTER BY CLASS */

.rankings-class-filter {
	display: inline-block;
	list-style-type: none;
	margin: 20px auto;
	padding: 10px 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-khtml-border-radius: 10px;
}

	.rankings-class-filter li {
		display: inline-block;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
		margin-bottom: 10px;
	}

.rankings-class-filter-selection {
	display: inline-block;
	text-align: center;
	color: #000000;
	font-size: 11px;
	cursor: pointer;
}

	.rankings-class-filter-selection:hover {
		color: #000000 !important;
	}

	.rankings-class-filter-selection:hover img {
		-webkit-filter: brightness(120%);
		filter: brightness(120%);
	}

.rankings-class-filter-selection img {
	width: 80px;
	height: auto;
	-moz-border-radius: 5%;
	-webkit-border-radius: 5%;
	border-radius: 5%;
	-khtml-border-radius: 5%;
	margin-bottom: 5px;
	-moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
}

/* Colores Market Char */
.RazaSM{
	background-color: rgba(47, 125, 204, 0.1);
	border: 1px solid #2f7dcc;
}
.RazaDK{
	background-color: rgba(204, 47, 47, 0.1);
	border: 1px solid #cc2f2f;
}
.RazaELF{
	background-color: rgba(51, 204, 47, 0.1);
	border: 1px solid #33cc2f;
}
.RazaMG{
	background-color: rgba(113, 47, 204, 0.1);
	border: 1px solid #712fcc;
}
.RazaDL{
	background-color: rgba(204, 158, 47, 0.1);
	border: 1px solid #cc9e2f;
}
.RazaSUM{
	background-color: rgba(191, 47, 204, 0.1);
	border: 1px solid #bf2fcc;
}
.RazaRF{
	background-color: rgba(204, 84, 47, 0.1);
	border: 1px solid #cc542f;
}

.BtnSM{
	background-color: #2f7dcc;
	color: #f1f1f1;
	border: 1px solid #2f7dcc;
}
.BtnSM:hover{
	background-color: rgba(47, 125, 204, 0.1);
	color: #2f7dcc;
	border: 1px solid #2f7dcc;
}

.BtnDK{
	background-color: #cc2f2f;
	color: #f1f1f1;
	border: 1px solid #cc2f2f;
}
.BtnDK:hover{
	background-color: rgba(204, 47, 47, 0.1);
	color: #cc2f2f;
	border: 1px solid #cc2f2f;
}

.BtnELF{
	background-color: #33cc2f;
	color: #f1f1f1;
	border: 1px solid #33cc2f;
}
.BtnELF:hover{
	background-color: rgba(51, 204, 47, 0.1);
	color: #33cc2f;
	border: 1px solid #33cc2f;
}

.BtnMG{
	background-color: #712fcc;
	color: #f1f1f1;
	border: 1px solid #712fcc;
}
.BtnMG:hover{
	background-color: rgba(113, 47, 204, 0.1);
	color: #712fcc;
	border: 1px solid #712fcc;
}

.BtnDL{
	background-color: #cc9e2f;
	color: #f1f1f1;
	border: 1px solid #cc9e2f;
}
.BtnDL:hover{
	background-color: rgba(204, 158, 47, 0.1);
	color: #cc9e2f;
	border: 1px solid #cc9e2f;
}

.BtnSUM{
	background-color: #bf2fcc;
	color: #f1f1f1;
	border: 1px solid #bf2fcc;
}
.BtnSUM:hover{
	background-color: rgba(191, 47, 204, 0.1);
	color: #bf2fcc;
	border: 1px solid #bf2fcc;
}

.BtnRF{
	background-color: #cc542f;
	color: #f1f1f1;
	border: 1px solid #cc542f;
}
.BtnRF:hover{
	background-color: rgba(204, 84, 47, 0.1);
	color: #cc542f;
	border: 1px solid #cc542f;
}

div.dataTables_wrapper div.dataTables_filter label {
	display: block;
  }
   
  div.dataTables_wrapper div.dataTables_filter input {
	width: 100%;
	margin: 0;
  }

  div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-link {
	color: var(--ColorTemplate) !important;
  }
  div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-item.active .page-link {
	color: var(--bs-light) !important;
  }

#FBSlideLikeBox_left {background: url(../img/iconds.png) 365px 0 no-repeat; float: left; height: 42px; position: fixed; left: -365px; padding-right: 63px; top: 15%; width: 428px; z-index: 2000;}
#FBSlideLikeBox_left #FBSlideLikeBox3_left {height: 690px; right: 0; position: absolute; border: 3px solid #597bca; width: 400px; background: #f8f8f8;}
#FBSlideLikeBox_right {background: url(../img/iconds.png) 0 0 no-repeat; float: right; height: 42px; position: fixed; right: -400px; padding-left: 42px; top: 15%; width: 400px; z-index: 2000;}
#FBSlideLikeBox_right #FBSlideLikeBox3_right {height: 690px; left: 0; position: absolute; border: 3px solid #3B5998; width: 400px; background: #f8f8f8;}
#FBSlideLikeBox_left #FBSlideLikeBox2_left {position: relative; clear: both; width: auto;}

.castle-siege-buttons a{
	color: unset !important;
}

.banners-sidebar img{
	border: 1px solid var(--ColorTemplate);
}

.btn-primary {
	color: #fff;
	background-color: var(--ColorTemplate);
	border-color: var(--ColorTemplate);
  }
  .btn-primary:hover {
	color: #fff;
	background-color: var(--ColorTemplate);
	border-color: var(--ColorTemplate);
  }
  .btn-check:focus + .btn-primary, .btn-primary:focus {
	color: #fff;
	background-color: var(--ColorTemplate);
	border-color: var(--ColorTemplate);
	box-shadow: 0 0 0 0.25rem var(--ColorTemplateAlpha);
  }
  .btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
	color: #fff;
	background-color: var(--ColorTemplate);
	border-color: var(--ColorTemplate);
  }
  .btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.25rem var(--ColorTemplateAlpha);
  }
  .btn-primary:disabled, .btn-primary.disabled {
	color: #fff;
	background-color: var(--ColorTemplate);
	border-color: var(--ColorTemplate);
  }

  .btn-outline-primary {
	color: var(--ColorTemplate);
	border-color: var(--ColorTemplate);
  }
  .btn-outline-primary:hover {
	color: #fff;
	background-color: var(--ColorTemplate);
	border-color: var(--ColorTemplate);
  }
  .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
	box-shadow: 0 0 0 0.25rem var(--ColorTemplateAlpha);
  }
  .btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
	color: #fff;
	background-color: var(--ColorTemplate);
	border-color: var(--ColorTemplate);
  }
  .btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
	box-shadow: 0 0 0 0.25rem var(--ColorTemplateAlpha);
  }
  .btn-outline-primary:disabled, .btn-outline-primary.disabled {
	color: var(--ColorTemplate);
	background-color: transparent;
  }

  .text-primary {
	color: var(--ColorTemplate) !important;
  }

  .bg-primary {
	background-color: var(--ColorTemplate) !important;
  }

  .border-primary {
	border-color: var(--ColorTemplate) !important;
  }

  .table-guild{
	color: #f1f1f1;
  }