/* ---------------------------------------------------------------- */
/* common */
body {
    padding: 0px; 
    margin: 0px; 
    font-family: Verdana; 
    font-size: 11px; 
    color: #d2d2d2;
	text-align:center;
	background:#000000 url('img/logo.png') center top no-repeat;
}
.bgDiv {background: url('img/bgg.png') no-repeat fixed bottom center; min-height:1112px;}
/* ---------------------------------------------------------------- */
/* buildings */
.buildingOneImg {width:280px; padding:10px 0; text-align: center;}
.buildingOneImgFull {width:600px; padding:10px 0;}
.buildingOneImg img {max-width:200px; border:none;}

/* ---------------------------------------------------------------- */
/* units */
.unitOneImg {width:500px; padding:10px 0; text-align: center;}
.unitOneImgFull {width:574px; padding:10px 0;}
.unitOneImg img {max-width:500px; border:none;}

/* ---------------------------------------------------------------- */
/* artifacts */
.artifactOneImg {background:#1E2829; width:208px; text-align: center; float:left; padding:10px 177px; margin:0 0 10px 0;}
.artifactOneImg span {text-align: center; float:left; line-height: 0px;
	background: transparent url('../img/images_backing.jpg') no-repeat center center;
	border:4px solid #000;}
.artifactOneImg img {max-width:200px; max-height:200px; border:none;}

/* ---------------------------------------------------------------- */
/* scrolls */
.scrollOneImg {background:#1E2829; width:208px; text-align: center; float:left; padding:10px 177px; margin:0 0 10px 0;}
.scrollOneImg span {text-align: center; float:left; line-height: 0px;
	background: transparent url('../img/images_backing.jpg') no-repeat center center;
	border:4px solid #000;}
.scrollOneImg img {max-width:200px; max-height:200px; border:none;}

/* ---------------------------------------------------------------- */
/* spells */
.spellOneImg {background:#1E2829; width:208px; text-align: center; float:left; padding:10px 177px; margin:0 0 10px 0;}
.spellOneImg span {text-align: center; float:left; line-height: 0px;
	background: transparent url('../img/images_backing.jpg') no-repeat center center;
	border:4px solid #000;}
.spellOneImg img {max-width:200px; max-height:200px; border:none;}

/* ---------------------------------------------------------------- */
/* camps */
.campOneImg {background:#1E2829; width:208px; text-align: center; float:left; padding:10px 177px; margin:0 0 10px 0;}
.campOneImg span {text-align: center; float:left; line-height: 0px;
	background: transparent url('../img/images_backing.jpg') no-repeat center center;
	border:4px solid #000;}
.spellOneImg img {max-width:200px; max-height:200px; border:none;}

/* ---------------------------------------------------------------- */
/* researches */
.researchOneImg {background:#1E2829; width:208px; text-align: center; float:left; padding:10px 177px; margin:0 0 10px 0;}
.researchOneImg span {text-align: center; float:left; line-height: 0px;
	background: transparent url('../img/images_backing.jpg') no-repeat center center;
	border:4px solid #000;}
.researchOneImg img {max-width:200px; max-height:200px; border:none;}

.researchSpellOneImg {background:#1E2829; width:108px; text-align: center; float:left; padding:10px 229px; margin:0 0 10px 0;}
.researchSpellOneImg span {text-align: center; float:left; line-height: 0px;
	background: transparent url('../img/images_backing.jpg') no-repeat center center;
	border:4px solid #000;}
.researchSpellOneImg img {max-width:100px; max-height:100px; border:none;}

.researchSpellEachSpell {float:left; width:70px; padding:7px; margin:3px; background: #355256; border: 1px solid #0D261E;}
.researchSpellEachSpell span.spellImg {float:left; width:70px; text-align: center;}
.researchSpellEachSpell img {width:70px;}
.researchSpellEachSpell span.spellName {float:left; width:70px; height: 37px; padding:0 0 3px 0; text-align: center; overflow:hidden;}

.researchUnitEachUpgrade {float:left; width:70px; padding:7px; margin:3px; background: #355256; border: 1px solid #0D261E;}
.researchUnitEachUpgrade span.upgradeImg {float:left; width:70px; text-align: center;}
.researchUnitEachUpgrade img {width:70px;}
.researchUnitEachUpgrade span.upgradeName {float:left; width:70px; height: 37px; padding:0 0 3px 0; text-align: center; overflow:hidden;}

/* ---------------------------------------------------------------- */
/* other */
.floatLeft div {float:left;}
.sto {width:100%;}


/* ---------------------------------------------------------------- */
/* old */
#page {	width:847px; margin:auto; text-align:left; padding:0 0 0 20px;}


#content {width:847px; }

 
/**********     HEADER     **********/
#header{height:140px; width:824px;}
#header a{display:block; margin:auto; height:100px;outline:none;}

/**********     MANUAL SUBMENU     **********/
.submenu {
	/*font-family:Georgia;*/
    float: left;
    width: 206px;
	margin:0px 0px 10px 0px;
	line-height:20px;
	}
div.submenu div.menu-items {
   
}
.submenu div.menu-items a{
    -moz-box-shadow:black 0px 0px 10px 2px;
    -webkit-box-shadow:black 0px 0px 10px 2px;
    box-shadow:black 0px 0px 6px 1px;
    clear:both;color:#FFFFFF; font-size:11px; text-decoration:none; display:block; margin: 0px 0px 2px 0px; padding:0px 3px 0px 3px;background:#333D3E;}
.submenu div.menu-items a:hover{color:#FFAE00; background: #615F4A; text-decoration:none;/* padding:2px 0px 2px 10px;*/}
.submenu div.menu-items a.active, .submenu div a.active:hover{ background:#615F4A;/*padding:2px 0px 2px 10px; *//*text-decoration:underline;*/}

.submenu .inner div div{
	color:#afa298;
	font-weight:bold;
}
.submenu div div a{font-weight:normal;text-shadow:black 1px 1px;}

.submenu p {  margin:0px; padding:0px 0px; }
/*.submenu li.active {border:1px solid #FFFFFF;border-width:1px 0px;}*/
.submenu .inner{padding:0px 3px 0px 0px;}

/**********     CONTENT     **********/

.cont { float: right; margin:0px 0px 10px 0px; /* background:transparent url(img/content_bg.png) top left repeat;*/ width: 630px; }

.cont .inner{
    padding: 18px 22px;
	float:left;
	width:586px;
    /*text-shadow: black 1px 1px;
    -moz-box-shadow:#0C1C1A 0px 0px 10px 2px;
    -webkit-box-shadow:#0C1C1A 0px 0px 10px 2px;
    box-shadow:#0C1C1A 0px 0px 10px 2px;*/
}

/*************************************/

.clear{clear:both;}
.right{float:right}
.right_text{text-align:right;}
.left{float:left;}
.center{text-align:center;}
.underline{text-decoration:underline;}

a{color:#fdbe25; text-decoration:underline;}
a:hover{color:#ff6009;}
h1 {text-shadow:black 1px 1px;	color:#FFF; font-family:Georgia; text-align: left; margin:0px 0px 20px 0px;font-size: 26px; line-height:28px; padding:10px; background:#1E2829; text-align:center; border:1px solid #394d50;}
h2 {color:#ffae00; font-family:Georgia; margin: 20px 0px 10px 0px; text-align: left; font-size: 15px; }
h3 {	color:#ffae00; font-family:Georgia; text-align: left; font-size: 13px; }

hr {border:0px; outline:none;background:transparent url(img/hr_bg.png) bottom center repeat-x; height:13px;width:630px; position:relative; left:-20px;}
ol{list-style-type:decimal;}

.tips{border:1px solid #0c1c1a; color:#ffebb4; padding:10px;background:transparent url(img/tips_bg.png) top left repeat; font-style:italic;}
.description{border:1px solid #0C1C1A; padding:10px;background:#1E2829;}
.quotation{
    font-style:italic;padding:10px;
    font-size: 12px;
    color: #FFAE00;
}
.attribute{padding-left:20px; font-size:13px; display:block;}
.image{margin:auto; max-width:590px;}
.imagehasmargin{margin:4px; max-width:590px; border:0px;}
.image_desc{text-align:center; padding:0px 0px 10px 0px;margin:0px; font-weight:bold;}
.icon_in_text{max-height:20px;}
.icon50link {
    width: 50px;
    height: 50px;
    border: 3px solid #BF9002;
    border-style:ridge;
    margin: 4px;
}

.nextlink{text-decoration:none; float:right; width:25px; height:25px; display:block; background:transparent url(img/nextlabel.png) top left no-repeat; }
.prevlink{text-decoration:none; float:left; width:25px; height:25px; display:block; background:transparent url(img/prevlabel.png) top left no-repeat; }
.nextlink:hover, .prevlink:hover{background-position:0px -25px;text-decoration:none; }
.bottom_links{clear:both; height:25px; padding-top:34px; background:transparent url(img/h1_bg_reverse.png) top left no-repeat;}

.links{text-align:center;}
.ol_number{font-weight:bold; font-size:14px; padding-right:6px;}




/************* MANUAL LOGIN FORM **************/
.submenu form{text-align:center; margin:0px; padding:0px;}
.submenu table{font-size:11px; font-family: Verdana;margin:0px; padding:0px; background:transparent;}
.submenu table td{text-align:right; border:0px;}
.submenu .field{color:#33211e; background:transparent url(img/tips_bg.png) top left repeat; vertical-align:middle;
				border-top:1px solid #112521;
				border-left:1px solid #112521;
				border-bottom:1px solid #29574e;
				border-right:1px solid #29574e;
				width:100px; font-size:11px; line-height:16px;
				color:#ffae00;
				padding:2px;
				vertical-align:middle;
	}
.submenu .submit { width:104px;vertical-align:middle; text-indent:0px; text-align:left; border:0px; color:#ffae00; background:transparent;font-family:Georgia; font-weight:bold; font-size:11px;cursor:pointer; margin:0px; padding:0px;}
/***************************/

table {
    /*-moz-box-shadow:#0C1C1A 0px 0px 10px 2px;
    -webkit-box-shadow:#0C1C1A 0px 0px 10px 2px;
    box-shadow:#0C1C1A 0px 0px 10px 2px;*/
    width: 100%;
    /*border: 1px #67514e solid;*/
   /* background: #f1e4c2; */
    /*background: #FFFFFF; */
    /*font-family: Verdana; */
    font-size: 9px; 
    /*color: #000000;*/
	border-collapse:collapse;
	margin:auto;
	background: #172526;
}

table.no_border {
    border: 0px;
}

table.no_border td, table.no_border th {
    border: 0px;
}

tr.ss1 td {
    height: 30px;
    font-size: 11px; 
    vertical-align:middle;
}

tr.ss2 td {
    height: 30px;
    font-size: 11px; 
    vertical-align:middle;
    background: url(img/content_bg.png) top left repeat;
}

td {
    padding: 3px;
	border:1px solid #0C1C1A;
	/*border:1px solid #d7c9a5;*/
}


td img{max-height:14px;}
.w30 {
    width: 30px;
}

td.headln, tr.headln td {
    background: #212C2D;
    font-size: 11px; 
    text-align: center;
}

.box {
    float: left;   
    min-width: 45px;
    text-align: right;
    padding: 3px;
    margin: 1px;
    border: 1px solid #2c4e46;     
	
	
	/*color:#000000;*/
}

.box_none{
    padding: 3px;
    margin: 1px;
    border: 1px solid #d7c9a5; 
	background:transparent url(img/tips_bg.png) top left repeat;
}

.thumbs img{
	height:70px;
	margin-bottom:4px;
}
.thumbs b{
	display:block;
	margin-top:8px
}

.holder:after {
    content:".";
    display:block;
    visibility:hidden;
    height:0;
    clear:both;
}

.large_font {
    font-size:14px;
}

div.line150 {
    line-height: 1.5em;
	background: #1E2829;
	padding:10px;
	margin:0 0 20px 0;
	float:left;
	width:563px;
	border: 1px solid #394D50;
}

/********* FOOTER ***********/

div.footer {
    margin:auto; width:847px;
	padding:18px 4px 20px 4px;
	font-size:9px;
	color:#655e4b;
	/*font-family:Georgia;*/
	text-align:center;
}
div.footer a{color:#FFF; text-decoration:underline;}
div.footer a:hover{text-decoration:underline;}
div.footer img{vertical-align:middle; border:0px;}
div.footer .right{padding-top:6px;}
a#pixellink{float:left; padding:10px 0px 0px 40px; background:transparent url(img/footer_vyzla.png) center left no-repeat;}


li { margin-left: 5px; padding: 0px; }
ul { margin: 2px; padding-left: 10px; }

li p{padding-top:0px; margin-top:0px;}

img.text_icon { /*margin-bottom: -5px; */ vertical-align:middle;}
img.dmg_icon { margin-bottom: -4px; height: 18px; width: 18px;}

input { width: 70px; font-size: 9px; }

.c_good { background: #00FF00;}
.c_neutral { background: #FFF988; }
.c_bad { background: #FFAA70; }
.c_warning { background: #FF3030;}

div.submenu div.menu-items a,
div.submenu div.menu-items a img.menu-icon {
    -webkit-transition: all, 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all, 0.5s;
    -ms-transition: all, 0.5s;
}

div.submenu div.menu-items a img.menu-icon,
div.submenu div.menu-items a div.shadow-inside {
    float: left;
    height: 20px;
    width: 20px;
    margin-right: 5px;
}
div.submenu div a:hover img.menu-icon,
div.submenu div a.active img.menu-icon
{
    margin-right: 10px;
    -moz-box-shadow:white 0px 0px 10px 2px;
    -webkit-box-shadow:white 0px 0px 10px 2px;
    box-shadow:white 0px 0px 10px 2px;
}
div.submenu div a:hover img.inset-shadow,
div.submenu div a.active img.inset-shadow
{
    -moz-box-shadow:inset 0px 0px 10px white, white 0px 0px 10px 2px;;
    -webkit-box-shadow:inset 0px 0px 10px #white, white 0px 0px 10px 2px;;
    box-shadow:inset 0px 0px 10px white, white 0px 0px 10px 2px;;
}

div.hidden div.hider {
    height: 0;
    overflow: hidden;
}

div.hider {
    padding: 0px 0px 0px 10px;
    
}
p.submenu-title {
    color: white;
    text-shadow: gray 1px 1px;
}
table tr {
    -webkit-transition: all, 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all, 0.5s;
    -ms-transition: all, 0.5s;
}
table tr:hover,
table tr.odd:hover {
    background: #1D3638;
}
table tr.headln {
    background: url(img/menu_bg_active.png);
}
table tr.headln,
.capital {
    text-transform: capitalize;
}
table tr td.time-info {
    text-align: right;
}
table tr td.level-info {
    text-align: center;
}
table tr.odd {
    background:  #1B2C2D;
}
div.inner center img {
    -moz-box-shadow:0px 0px 42px #0C1C1A, #0C1C1A 0px 0px 17px 5px;
    -webkit-box-shadow:0px 0px 42px #0C1C1A, #0C1C1A 0px 0px 17px 5px;
    box-shadow: inset 0px 0px 42px #0C1C1A, #0C1C1A 0px 0px 17px 5px;
    margin-bottom: 10px
}

a.play {
    display: block;
    width: 206px;
    height: 88px;
    background-image: url(img/play_bg.png);
    background-repeat: no-repeat;
}
a.play-en {
    background-position: 0 0;
}
a.play-sk {
    background-position: 0 -88px;
}
a.play-de {
    background-position: 0 -176px;
}