@import url('icons.css?v=viii.1');

body {
	background-image: url('../img/pozadi.jpg');
	background-color: #000;
	color: #dca;
	text-align: center;
}

html, body {
	/*xoverflow: auto;*/
	margin: 0px;
	padding: 0px;
	border: 0;
}

body {
	margin: 10px 0px 20px 0px;
	/*_xmargin: 0px;
	_xwidth: 880px;
	_xmargin-left: auto;
	_xmargin-right: auto;
	_xborder: 1px solid red;
	overflow-x: hidden;
	_xposition: absolute;*/
	_width: 98%;
}

body#m_o_w {
	margin-left: 20px;
	margin-right: 20px;
}

img {
	border: 0px;
}

h1 {
	font-size: 1.3em;
	font-family: Arial, sans-serif;
	font-weight: bold;
	color: #da1;
	/*height: 100%;*/
	text-align: center;
	vertical-align: center;
	height: 24px;
}

h2 {
	font-size: 1.1em;
	font-family: Arial, sans-serif;
	font-weight: bold;
	color: #da1;
	/*height: 100%;*/
	text-align: center;
	margin: 0.1em auto 0.2em auto;
}

h3 {
	font-size: 0.85em;
	font-family: Arial, sans-serif;
	font-weight: bold;
	color: #da1;
	/*height: 100%;*/
	text-align: center;
	margin: 0.1em auto 0.2em auto;
}

h1.compact, h2.compact, h3.compact {
	display: inline;
	margin-right: 0.5em;
	margin-left: 0.5em;
}

h1.mini-br, h2.mini-br, h3.mini-br {
	margin-top: 0.7em;
}

/* LAYOUTS */
body.fat div.menu {
	font-weight: bold;
	text-align: center;
}

body.thin div#main {
	margin-top: 0px;
	margin-left: 0px;
}

body.thin div#bok {
	width: 100%;
}

body.thin div#bok div#rel, body.thin div#bok div#not {
	margin: 0px 5px;
	font-size: 75%;
	font-weight: bold;
	width: auto;
}

body.thin div#main_menu {
	text-align: center;
}

body.thin div#bok div div, body.thin div a#napoveda {
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	&display: inline;
	vertical-align: top;
}

body.thin div#logout a {
	display: block;
	height: 14px;
	width: 14px;
	margin-top: 1px;
	background-image: url('../look/exit-thin.png');
	_background-image: url('../look/exit-thin.gif');
}

body.thin div#controls {
	height: 18px;
	margin-top: 2px;
}

body.thin a#napoveda {
	height: 16px;
	margin: 0px;
	background-image: url('../look/logo-thin.png');
	_background-image: url('../look/logo-thin.gif');
	width: 130px;
	margin-right: 15px;
}

body.thin div#turns {
	font-size: 80%;
}

body.thin div#tah a {
	height: 16px;
	width: 70px;
	margin: 0px 10px;
	background-image: url('../look/tah-thin.png');
	_background-image: url('../look/tah-thin.gif');
}

body.thin div#layouts {
	margin: 0px;
}

body.thin div#bok div#inic {
	width: auto;
	margin: 1px 15px;
}

body.thin div#bok div#logout {
	margin-right: 12px;
}

/* MAIN FRAME */

div#main {
	position: absolute;
	z-index: 0;
	height: auto;
	bottom: 0px;
	top: 0px;
	left: 0px;
	right: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	&height: 100%;
}

div#main iframe, div#main div#page {
	width: 100%;
	height: 100%;
	border-width: 0px;
	overflow: auto;
}

div#bok, div#zbyt {
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family: Arial, sans-serif;
	position: absolute;
	top: 0px;
	z-index: 3;
	height: 100%;
}

div#bok {
	left: 0px;
}

div#zbyt {
	right: 0px;
}

div#bok div#tah {
	display: none;
	color: #fff;
}

div#bok div#rel {
	display: none;
	text-decoration: underline;
	width: 105px;
	margin: 10px auto 0px auto;
}

div#bok div#inic {
	font-size: 80%;
}

 div#bok div#newsy {
	height: 22px;
	font-weight: bold;
}

div#vrch, div#spod, div#min_menu {
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family: Arial, sans-serif;
	position: absolute;
	left: 0px;
	width: 100%;
	z-index: 1;
}

div#min_menu {
	width: auto;
}

div#vrch {
	top: 0px;
}

div#spod {
	bottom: 0px;
}

div#vrch table, div#spod table, div#min_menu table {
	margin: 0px;
	border: 0px;
	border-collapse: collapse;
	width: 100%;
}

div#vrch td, div#spod td, div#min_menu td {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

div#vrch h1, div#spod h1, div#min_menu h1 {
	text-align: center;
	font-size: 100%;
	xpadding-top: 2px;
	font-weight: bold;
	font-family: Arial, sans-serif;
	margin: 0px;
	overflow: hidden;
}

div#vrch, div#spod, div#min_menu {
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family: Arial, sans-serif;
}

div#sub_menu {
	font-family: Arial, sans-serif;
	position: absolute;
	top: 150px;
	padding-top: 5px;
}

div#logout a {
	display: block;
	height: 18px;
	width: 18px;
	background-image: url('../img/exit.gif');
	margin: auto;
}

/* WINDOWS */

div#over {
	background-image: url('../look/overlay.png');
}

* html div#over {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
}

div#box div.padded {
	padding: 5px 10px 10px 10px;
}

/* SUGGEST */
div#a_listOfOptions{
	position: absolute;
	min-width: 156px;
	max-width: 500px;
	max-height: 250px;
	overflow: auto;
	border: 1px solid #999;
	background-color: #333;
	text-align: left;
	z-index: 100;
}

div#a_listOfOptions div {
	margin: 1px;		
	padding: 1px 3px;
	cursor: pointer;
	/*font-size: 0.9em;*/
}

div#a_listOfOptions div.optionDiv {
	
}

div#a_listOfOptions div.optionDivSelected {
	background-color: #777;
	color: #fff;
}

div#a_listOfOptions_iframe {
	background-color: #f00;
	position: absolute;
	z-index: 5;
}

span.a_left{
	font-weight: bold;
	float: right;
	margin-left: 4px;
}

/* PAGE */

a {
	color: #986;
	text-decoration: none;
}

a:hover, a:active {
	color: #fdb;
}



table#logy, table#log-big, table.lines {
	border: 1px solid #444;
	/*background-color: #333;*/
	margin: 0px auto;
	border-collapse: collapse;
	width: 100%;
}

table#logy td, table.lines td {
	border: 1px solid #444;
	padding: 1px;
	padding-left: 8px;
	padding-right: 8px;
	font-size: 80%;
	text-align: center;
}

table#log-big td {
	border: 1px solid #888;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
}

table#logy tr.short td, table.lines tr.short td {
	color: #777;
}

table#logy tr.medium td, table.lines tr.medium td {
	color: #aaa;
}

table#logy tr.long td, table.lines tr.long td {
	color: #ddd;
}

table#logy tr.short td a {
	color: #765;
}

table#logy tr.medium td a {
	color: #a98;
}

table#logy tr.long td a {
	color: #dcb;
}

table.ter td {
	padding: 2px;
	border: 1px solid #777;
	text-align: center;
	margin: 3px!important;
}

table.ter td.uro {
	background-color: #551;
	border-color: #771;
	width: 3em;
}

table.ter td.ner {
	background-color: #555;
	border-color: #777;
	width: 3em;
}

table.ter td.mag {
	background-color: #515;
	border-color: #717;
	width: 3em;
}

/* MAPA (OLD) */

table.map {
	/*background-image: url('img/tbg.gif');*/
	background-color: #555;
	border-collapse: collapse;
	margin: 0px auto;
	table-layout: fixed;
}

table.map * {
	&border: 0px;
	&padding: 0px;
}

table.map td {
	background-color: #000;
	border: 1px solid #444;
}

table.map td.vdes {
	font-size: 80%;
	text-align: right;
	width: 20px;
	white-space: nowrap;
}

table.map td.hdes {
	font-size: 80%;
	text-align: center;
	width: 20px;
	white-space: nowrap;
}

table.map tr {	
	height: 20px;
}

table.map a {	
	width: 33px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	display: block;
	border: 0px; solid;
}

table.map td.t0, table.map td.t1, table.map td.t2, table.map td.t3, table.map td.t4, table.map td.t5, table.map td.t6, table.map td.tx {
	width: 33px;
	height: 21px;
	&height: 20px;
	padding: 0px;
}

table.map img.erb {
	vertical-align: bottom;
	float: right;
}

table.map td.t0 {
	background-image: url('../img/z.gif');
}

table.map td.t1 {
	background-image: url('../img/k.gif');
}

table.map td.t2 {
	background-image: url('../img/h.gif');
}

table.map td.t3 {
	background-image: url('../img/b.gif');
}

table.map td.t4 {
	background-image: url('../img/l.gif');
}

table.map td.t5 {
	background-image: url('../img/p.gif');
}

table.map td.t6 {
	background-image: url('../img/m.gif');
}

table.map div.h1, table.map div.h2, table.map div.h3, table.map div.h4, table.map div.h5, table.map div.h6, table.map div.h7, table.map div.hx {
	width: 33px;
	height: 20px;
	padding: 0px;
	background-position: center 80%;
	background-repeat: no-repeat;
}

table.map div.h1 {
	background-image: url('../img/hb1.gif');
}

table.map div.h2 {
	background-image: url('../img/hb2.gif');
}

table.map div.h3 {
	background-image: url('../img/hb3.gif');
}

table.map div.h4 {
	background-image: url('../img/hb4.gif');
}

table.map div.h5 {
	background-image: url('../img/hb5.gif');
}

table.map div.h6 {
	background-image: url('../img/hb6.gif');
}

table.map div.h7 {
	background-image: url('../img/hb7.gif');
}

table.map div.hx {
	background-image: url('../img/pr5.gif');
}

table.map div {
	text-align: right;
}

div.f1, div.f2, div.f3, div.f4, div.f5, div.f6, div.f0  {
	float: left;
	background-position: left top;
	width: 10px;
	height: 20px;
	background-repeat: no-repeat;
}
div.f1 { background-image: url('../img/fi_1.gif'); }
div.f2 { background-image: url('../img/fi_2.gif'); }
div.f3 { background-image: url('../img/fi_3.gif'); }
div.f4 { background-image: url('../img/fi_4.gif'); }
div.f5 { background-image: url('../img/fi_5.gif'); }
div.f6 { background-image: url('../img/fi_6.gif'); }

div.r1 div, div.r2 div, div.r3 div, div.r4 div, div.r5 div, div.r6 div, div.r0 div  {
	background-position: left bottom;
	width: 10px;
	height: 20px;
	background-repeat: no-repeat;
}
div.r0 div { background-image: url('../img/4map0.gif'); }
div.r1 div { background-image: url('../img/4map1.gif'); }
div.r2 div { background-image: url('../img/4map2.gif'); }
div.r3 div { background-image: url('../img/4map3.gif'); }
div.r4 div { background-image: url('../img/4map4.gif'); }
div.r5 div { background-image: url('../img/4map5.gif'); }
div.r6 div { background-image: url('../img/4map6.gif'); }

/* MAPA (NEW) */

table.mapa {
	border-collapse: collapse;
	margin: 0px auto;
	table-layout: fixed;
}

table.mapa td {
	border: 0px;
	padding: 0px;
	width: 50px;
	height: 30px;
}

table.mapa td.vdes {
	width: 24px;
}

table.mapa td.hdes {
	height: 18px;
}

table.mapa td.hdes div, table.mapa td.vdes div {
	background-color: #333;
	border: 1px solid #777;
	border-right-color: #000;
	border-bottom-color: #000;
	height: 25px;
	padding-top: 3px;
	font-size: 80%;
	white-space: nowrap;
	text-align: center;
}

table.mapa td.hdes div {
	height: 15px;
	padding-top: 1px;
}

table.mapa td.hdes div.zv, table.mapa td.vdes div.zv {
	border-color: #aaa #333 #333 #aaa;
	background-color: #777;
}

table.mapa a {	
	width: 50px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	display: block;
	border-width: 0px;
}

table.mapa img.erb {
	vertical-align: top;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
}

table.mapa div.h1, table.mapa div.h2, table.mapa div.h3, table.mapa div.h4, table.mapa div.h5, table.mapa div.h6, table.mapa div.h7, table.mapa div.hx {
	width: 50px;
	height: 30px;
	padding: 0px;
	background-position: 5px 10px;
	background-repeat: no-repeat;
}

table.mapa div.h1 {
	background-image: url('../img/sidlo1.png');
}

table.mapa div.h2 {
	background-image: url('../img/sidlo2.png');
}

table.mapa div.h3 {
	background-image: url('../img/sidlo3.png');
}

table.mapa div.h4 {
	background-image: url('../img/sidlo4.png');
}

table.mapa div.h5 {
	background-image: url('../img/sidlo5.png');
}

table.mapa div.h6 {
	background-image: url('../img/sidlo6.png');
}

table.mapa div.h7 {
	background-image: url('../img/sidlo7.png');
}

table.mapa div.hx {
	background-image: url('../img/sidlop.png');
}

table.mapa div {
	text-align: right;
}

table.mapa div.f1, table.mapa div.f2, table.mapa div.f3, table.mapa div.f4, table.mapa div.f5, table.mapa div.f6, table.mapa div.f0  {
	float: left;
	background-position: left top;
	width: 10px;
	height: 20px;
	background-repeat: no-repeat;
}
table.mapa div.f1 { background-image: url('../img/fi_1.gif'); }
table.mapa div.f2 { background-image: url('../img/fi_2.gif'); }
table.mapa div.f3 { background-image: url('../img/fi_3.gif'); }
table.mapa div.f4 { background-image: url('../img/fi_4.gif'); }
table.mapa div.f5 { background-image: url('../img/fi_5.gif'); }
table.mapa div.f6 { background-image: url('../img/fi_6.gif'); }

table.mapa div.r1 div, table.mapa div.r2 div, table.mapa div.r3 div, table.mapa div.r4 div, table.mapa div.r5 div, table.mapa div.r6 div, table.mapa div.r0 div  {
	background-position: left bottom;
	width: 10px;
	height: 29px;
	background-repeat: no-repeat;
	float: left;
	margin-left: 1px;
}
table.mapa div.r0 div { background-image: url('../img/4map0.gif'); }
table.mapa div.r1 div { background-image: url('../img/4map1.gif'); }
table.mapa div.r2 div { background-image: url('../img/4map2.gif'); }
table.mapa div.r3 div { background-image: url('../img/4map3.gif'); }
table.mapa div.r4 div { background-image: url('../img/4map4.gif'); }
table.mapa div.r5 div { background-image: url('../img/4map5.gif'); }
table.mapa div.r6 div { background-image: url('../img/4map6.gif'); }

/** mapa end **/





input.but, input.sm, input.wri, select, a.button, span.cudl, button {
	border: 1px solid #707070;
	background-color: #333;
	color: #eee;
	background-image: url('../img/inp.gif');
	/*font-size: 10pt;*/
}

/* chrome fix */
select {
	background-image: none;
}

/*chyba roztazenych tlacitek v IE*/
input.but {
	&padding: 0px 6px 0px 6px;
	&vertical-align: center;
	_width: 0;
	&overflow: visible;
}

/*a.button img {
	&margin-top: -5px;
	&margin-bottom: -5px;
}*/

a.button img /*.n*/ {
	vertical-align: -4px;
}

input.sm, select.sm, a.sm, span.cudl, button {
	font-size: 70%;
}

button {
	vertical-align: text-top;
	_margin-left: 3px;
}

button.std {
	height: 20px;
}

button.std span {
	line-height: 16px;
	vertical-align: top;
}

button.std span,  x:-moz-any-link { /* smallhack for FF */
	line-height: 12px;
}

button.std span img {
	vertical-align: bottom;
}

input.med, select.med, a.med {
	font-size: 80%;
}

a.button, span.cudl {
	padding: 1px 2px;
	font-family: Arial, sans-serif;
	line-height: 2em;
}

a.med {
	padding-left: 5px;
	padding-right: 5px;
}

textarea {
	border: 1px solid #707070;
	background-color: #101010;
	color: #eee;
}

textarea.clear {
	border-width: 0px;
	padding: 0px;
	width: 100%;
}

fieldset.x {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

div.x5 {
	text-align: left;
}

div.body-text {
	clear: both;
	padding-top: 0.3em;
}

div.head-label {
	float: left;
}

div.head-info {
	float: right;
	color: #fff;
}

div.centered {
	text-align: center;
}

div.f-ri {
	float: right;
	text-align: right;
}

div.f-le {
	float: left;
	text-align: left;
}

div.around-textarea {
	width: 767px/*90%*/;
	margin: auto auto;
}

/* konec floatu */
div.cl {
	clear: both;
}

/* konec floatu */
hr.cl {
	clear: both;
	visibility: hidden;
}

/* pro msie */
* html div.cl {
	height: 1px;
	margin: -1px 0px 0px 0px;
	font-size: 1px;
	overflow: hidden;
	padding: 0px;
	border-width: 0px;
	visibility: hidden;
}

div.block {
	text-align: left;
}

ul.spaced li {
	margin-top: 0.6em;
	margin-bottom: 0.6em;
}

ul.i li {
	font-style: italic;
}

ul.forum-list li {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	xmargin: 0px;
	border-top: 1px solid #444;
	margin-right: 2em;
	list-style-position: inside;
	xmargin-left: 35px;
	xborder-left: 1em;
	xtext-indent: 0px;
	padding-left: 20px;
}

ul.forum-list li.first {
	border-top: 0px;
}

img.erb {
	vertical-align: middle;
	width: 15px;
	height: 20px;
	border: 0px;
}

img.flag, img.flag-s, img.flag-l {
	vertical-align: middle;
	border: 0px;
}

img.flag {
	width: 30px;
	height: 20px;
}

img.flag-s {
	width: 15px;
	height: 10px;
}

img.flag-l {
	width: 60px;
	height: 40px;
}


table.top td {
	vertical-align: top;
}

table.centered, div.centered {
	margin-left: auto;
	margin-right: auto;
}

table.margined tr td {
	padding-left: 0.7em;
	padding-right: 0.7em;
}

table.min-margin tr td {
	padding-left: 0.4em;
	padding-right: 0.4em;
}

div.cn {
	text-align: center;
}

div.lef {
	text-align: left;
}

div.rig {
	text-align: right;
}

div.just {
	text-align: justify;
}

form, script {
	margin: 0px;
	padding: 0px;
	border: 0px;
}


ul, ol {
	margin-top: 2px;
	margin-bottom: 2px;
}

div.m-t, table.m-t {
	margin-top: 0.4em !important;
}

div.m-b, table.m-b {
	margin-bottom: 0.3em;
}

table.collapse {
	border-collapse: collapse;
	border-width: 0px;
}

table.borders td {
	border: 1px solid #666;
}

/*html body input.disabled {
	background-image: none;
	border-color: #444;
}*/

html body input.disabled, html body button.disabled {
	color: #888;
	border-color: #444;
}

html body input.actual, html body button.actual {
	color: #da1 !important;
	border-color: #89690b;
	background-image: url('../img/inpa.gif');
}

div.build table, div.choose table {
	border-collapse: collapse;
}

div.build table td, div.choose table td {
	border: 0px solid #555;
	border-top-width: 1px;
	padding: 0em 0.1em;
	white-space: nowrap;
}

div.build table table.no-bg td {
	background-image: none;
}

div.build table table.no-bg {
	border-width: 0px;
}

div.choose table td {
	border-color: #444;
	padding: 0.1em 0.1em;
}

div.build table tr.first td, div.choose table tr.first td {
	border-top-width: 0px;
}

div.build table table td, div.choose table table td {
	border-top-width: 0px;
}

div.build-square table a {
	border: 1px solid;
	padding: 0em 0.1em;
	white-space: nowrap;
	width: 4em;
	text-align: center;
	font-size: 85%;
	font-weight: bold;
	display: block;
}

div.build td {
	background-image: url('../img/cza.gif');
	background-position: top center;
}

div.build tr.hi td {
	background-image: url('../img/cza.gif');
	background-position: bottom center;
}

div.build table.tall-bg td {
	background-image: url('../img/czaa.gif');
	background-position: center center;
}

input.fixed {
	width: 7em;
}

table.fat {
	width: 100%;
}

span.small {
	font-size: 85%;
}

div.fat-line {
	line-height: 1.5em;
}

div.fat-line input, div.fat-line select {
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}

span.big-cost, div.big-cost, td.big-cost {
	font-size: 150%;
}

img.b-s {
	width: 32px;
	height: 32px;
	margin: 0px 2px -5px 2px;
}

div#t, div#bubble {
	display: none;
	position: absolute;
	border: 1px solid #999;
	background-color: #333;
	padding: 2px 6px 5px 6px;
	z-index: 50;
}

div#t {
	white-space: nowrap;
}

div#bubble {
	text-align: justify;
	max-width: 400px;
	_width: 400px;
	overflow: hidden;
}

div#bubble a {
	border-bottom: 1px solid;
}

div#bubble a:hover {
	border-bottom: 1px dashed;
}

span.help {
	border-bottom: 1px dashed #555;
	cursor: help;
}

div#t h3 {
	display: inline;
}

ul {
	padding-left: 0px;
}

ul li {
	xborder: 1px solid red;
	list-style-position: outside;
	margin-left: 35px;
	xborder-left: 1em;
	text-indent: 0px;
}

ul {
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}

ul.no {
	margin-top: 0em;
	margin-bottom: 0em;
}

div#rasa, div#teren {
	width: 675px; /*3px rezerva*/
}

div#rasa label, div#teren label {
	text-align: center;
	display: block;
	float: left;
	border: 1px solid #aaa;
	background-color: #333;
	width: 100px;
	padding: 5px 3px;
	margin: 2px;
	cursor: Pointer;
	/* total width: 112px; */
}

div#rasa label.dis, div#teren label.dis {
	cursor: Auto;
	border: 1px solid #444;
	background-color: #111;
}

div.book table {
	width: 100%;
	border: 1px solid #888;
}

.right {
	text-align: right;
}

table tr td.cn, table tr.cn td, table tr td.acenter {
	text-align: center;
}

table tr td.aleft {
	text-align: left;
}

table tr td.aright {
	text-align: right;
}

table tr td.ajustify {
	text-align: ajustofy;
}

table.cn tr td {
	text-align: center;
}

table.normal td, table.cn table.normal td, ul.normal li {
	text-align: left;
}

table.prices div {
	border: 1px solid #707070;
	background-color: #101010;
	background-image: url('../img/inp.gif');
	font-size: 1px;
	height: 10px;
	margin: 3px auto 3px 0px;
}



table.spec {
	border: 1px solid /*#666*/ /*#ca2*/ #a95;
	background-color: #000 /*#303030*/;
	margin: 0px 0px 7px 0px;
	width: 100%;
}

table.spec td.t1 img {
	background-color: #303030;
	background-image: url('../img/blk.jpg');
	background-position: right bottom;
	background-repeat: no-repeat;
}

table.spec td.t1 {
	width: 70px;
	height: 64px;
	line-height: 0%;
	padding: 3px;
}

table.spec td.t2 {
	font-size: 100%;
	font-family: Arial, sans-serif;
	font-weight: bold;
	color: #da1;
	vertical-align: top;
	text-align: left;
}

table.spec td.t3 {
	font-style: italic;
	vertical-align: top;
	text-align: left;
}


table.unit {
	/*width: 800px;*/
	width: 98%;
	margin: auto;
}

table.unit td.lvl {
	width: 15%;
	color: #191;
	font-size: 120%;
	font-family: Arial, sans-serif;
	font-weight: bold;
	color: #da1;
}

table.unit div.illumination {
	margin-left: 0px;
	margin-right: 0px;
}

table.unima {
	width: 100%;
}

table.unima td.image, div.image {
	width: 300px;
	vertical-align: top;
	padding: 0px;
	padding-right: 20px;
}

table.unima td.image img, div.image img {
	border: 1px solid #a95;
}

div.image {
	margin: 2px 2px 2px 0px;
	padding-right: 0px;
}

div.image {
	float: right;
	padding-bottom: 5px;
}

table.unima td.stat {
	vertical-align: top;
	padding: 0px;
}

table.str {
	width: 100%;
	border-collapse: collapse;
	border: 0px;
}

table.str td {
	width: 50%;
	font-family: Arial, sans-serif;
	line-height: 0%;
	border: 0px;
	padding-bottom: 8px;
}

table.str td div {
	border: 2px solid;
	padding: 3px;
	padding-right: 50px;
	text-align: right;
}

table.str td.r div {
	color: #4F6674;
	xborder-color: #64818B;
	background: #96C1DD;
	margin-top: 5px;
	margin-left: 5px;
}

table.str td.z div {
	color: #417145;
	xborder: 4px ridge #6EC076;
	background: #6EC076;
	margin-top: 5px;
	margin-right: 5px;
}

table.str td.o div {
	color: #1D3360;
	xborder: 4px ridge #4A83F9;
	background: #4A83F9;
	margin-left: 5px;
}

table.str td.u div {
	color: #501B1B;
	xborder: 4px ridge #D94848;
	background: #D94848;
	margin-right: 5px;
}

table.str img {
	vertical-align: top;
}

table.str span {
	line-height: 48px;
}

table.unifo {
	border: 1px solid #a95;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
}

table.unifo td {
	padding: 2px;
	padding-left: 6px;
	text-align: left;
}

table.stavba td.first {
	padding-left: 170px !important;
	width: 150px !important;
	white-space: nowrap;
}

table.stavba {
	&table-layout: fixed;
}

table.lstats, table.lstats td {
	white-space: nowrap;
}

div.army-popisek {
	font-style: italic;
	font-size: 80%;
	text-align: justify;
	margin: 4px 0px 6px 0px;
}

div.build-popisek {
	font-style: italic;
	font-size: 80%;
	text-align: justify;
	margin: 14px 12% 14px 12%;
}

div.build-info {
	text-align: justify;
}

div.smileys img {
	margin: 0px 1px;
	&margin: 1px;
}

html body div.fir-mes {
	margin: 10px auto;
	line-height: 120%;
}
	
div.las-mes div.body-text a {
	border-bottom: 1px solid;
}

html body div.force-link a {
	border-bottom: 1px solid !important;
}

div.las-mes div.body-text a:hover {
	border-bottom: 1px dashed;
}

html body div.force-link a:hover {
	border-bottom: 1px dashed !important;
}

div.s-popis {
	font-style: italic;
	text-align: center;
}

div.s-popis a {
	font-style: normal;
}

/* lines in production */
table.prod {
	border-collapse: collapse;
}

table.prod td {
	padding: 3px 13px;
}

table.prod tr.line td {
	border-top: 1px solid #777;
}

tr.b td {
	font-weight: bold;
}

table.thirds td {
	width: 33%;
}

tr.recr td {
	border-top: 1px solid #777;
}

/** CEPOCET **/
div.attack, td.attack {
	color: #b33;
}
div.defend, td.defend {
	color: #55d;
}
div.support, td.support {
	color: #4b4;
}
td.big {
	font-size: 110%;
	font-family: Arial, sans-serif;
	font-weight: bold;
}
table.war {
	border-collapse: collapse;
}
table.war td.first, table.war td.second {
	width: 50%;
	vertical-align: top;
	padding: 8px 22px;
}
table.war td.only {
	vertical-align: top;
	padding: 8px 22px;
	margin: 10px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
}
table.war td.first {
	border-right: 1px solid #666;
}
table.war td.second {
	border-left: 1px solid #666;
}
table.war td.heading {
	padding: 0px;
}
table.war td.heading div {
	width: 160px;
	border: 1px solid #666;
	margin: 0px auto;
	text-align: center;
	height: 22px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	color: #da1;
	line-height: 22px;
}
table.war td.heading div.no-top {
	border-top: 0px;
}
table.war td.heading div span {
}
table.war td.heading div img {
	margin: 3px 5px;
}
table.war img.bico {
	background-color: #303030;
	background-image: url('../img/blk.jpg');
	background-position: right bottom;
	background-repeat: no-repeat;
	width: 64px;
	height: 64px;
}

div.news-r, div.news-l {
	 padding: 10px 15px;
	 border: 0px solid #666;
	 margin-top: -1px;
	 _margin-top: 0px;
}

div.news-r {
	 float: right;
	 border-width: 0px 0px 1px 1px;
}

div.news-l {
	 float: left;
	 border-width: 0px 1px 1px 0px;
}

p, div.p {
	text-indent: 35px;
	text-align: justify;
	margin: 0px;
}

div.help-fragment p {
	text-indent: 35px;
	text-align: justify;
	margin: 1em 0px 0px 0px;
}

div.help-fragment p.no {
	margin: 0px;
}

table.resources td {
	z-index: 2;
}

table.resources div.r-name {
	position: absolute;
	color: #666;
	font-size: 10px;
	z-index: 1;
}

table.resources div.r-value {
	padding-left: 15px;
	text-align: right;
}

div.test {
	font-family: "Courier New", Courier, monospace;
	color: #bbb;
	border: 1px solid #777;
	background-color: 1px solid #000;
	padding: 5px;
	margin-top: 3px;
	margin-bottom: 3px;
}

div.test:before {
	content: "Testovací výpis:";
	color: #555;
	display: block;
}

div.big-button {
	height: 60px;
	width: 210px;
	text-align: center;
	margin: auto;
	position: relative;
}

div.big-button:hover, div.big-button:active {
	top: 2px;
	left: 2px;
}

div.big-button input {
	position: absolute;
	height: 60px;
	width: 210px;
	z-index: 10;
	top: 0px;
	left: 0px;
}

div.big-button h2 {
	 position: relative;
	 z-index: 8;
	 height: 15px;
}

div.big-button div.img-r, div.big-button div.img-l {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 4;
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	background-position: center center; 
}

div.big-button div.img-r {
	right: 0px;
	z-index: 4;
}

div.big-button div.img-l {
	left: 0px;
	z-index: 6;
}

div.uvod-news {
	font-size: 110%;
	text-align: center;
}

span.nw, td.nw {
	white-space: nowrap;
}

table.build-info-list {
	font-size: 80%;
}

table.build-info-list div {
	display: none;
	padding-left: 12px;
}

table.build-info-list td {
	cursor: Pointer;
}

span.help-sup {
	font-size: 80%;
	vertical-align: text-top;
}

/* conquer or not in news */
span.defended {
	color: #55d;
}

span.conquered {
	color: #b33;
}

/* hide killed clans */
tr.fog_hide {
	color: #666;
}

tr.fog_hide a {
	color: #764;
}

tr.fog_hide span.defended {
	color: #338;
}

tr.fog_hide span.conquered {
	color: #722;
}

/* all smileys window */
div.smile-all img.icon, div.smile-all img.xcon {
	margin: 2px;
}

div#bubble div.smile-all a {
	border-bottom-width: 0px;
}

/* vs. types text */
span.vs {
	color: #d03030;
	font-size: 9px; /*70%;*/
	vertical-align: top;
}

.hide {
	display: none;
}

div.completed {
	color: #666;
}

div.not-completed {
	height: 130px;
	background-image: url('../img/achiev_none.png');
	background-position: center center;
	background-repeat: no-repeat;
}

div.achiev-icon {
	height: 130px;
	background-position: center center;
	background-repeat: no-repeat;
}

div.achiev1, div.achiev2, div.achiev3, div.achiev4, div.achiev5 {
	height: 130px;
	background-position: center center;
	background-repeat: no-repeat;
}

div.achiev-done1, div.achiev-done2, div.achiev-done3, div.achiev-done4, div.achiev-done5 {
	height: 120px;
	width: 120px;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0px auto;
}

div.achiev1, div.achiev-done1 {
	background-image: url('../img/achiev_1.png');
}

div.achiev2, div.achiev-done2 {
	background-image: url('../img/achiev_2.png');
}

div.achiev3, div.achiev-done3 {
	background-image: url('../img/achiev_3.png');
}

div.achiev4, div.achiev-done4 {
	background-image: url('../img/achiev_4.png');
}

div.achiev5, div.achiev-done5 {
	background-image: url('../img/achiev_5.png');
}

div.achiev-bar {
	height: 16px;
	width: 120px;
	margin: auto;
	border: 1px solid #bbb;
	position: relative;
	color: #000;/*#dd4422;*/
	font-weight: bold;
	font-size: small;
	background-color: #777;
}

div.achiev-text {
	position: absolute;
	height: 16px;
	width: 120px;
}

div.achiev-progress {
	height: 16px;
	margin-left: 0px;
	margin-right: auto;
	background-image: url('../img/achiev_line.png');
	position: absolute;
}

div.achiev-frame {
	position: relative;
	z-index: -3;
}

table#calendar td {
	padding: 3px;
}

table#calendar td.cislo {
	vertical-align: top;
	font-size: 130%;
}
table#calendar td.rok {
	vertical-align: top;
	white-space: nowrap;
	padding-right: 0.5em;
}

table#calendar span.rok {
	font-size: 130%;
}

table#calendar tr td {
	border-top: 1px solid #555;
}

table#calendar tr.hlavicka td {
	border-top-width: 0px;
}

span.mn { /* minimal */
	font-size: 79%;
}

span.mq { /* minimal for quaters */
	font-size: 79%;
}

span.mq sup {
	vertical-align: top;
}

span.mq sub {
	vertical-align: bottom;
}

div#t sup {
	vertical-align: top;
}

div#t sub {
	vertical-align: bottom;
}

table.ext {
	border: 1px solid /*#666*/ /*#ca2*/ #a95;
	background-color: #000 /*#303030*/;
	margin: 0px auto 15px auto;
	width: 600px; /*100%;*/
}

table.ext td.t1 {
	background-image: url('../img/extra_frame.gif');
	background-position: center center;
	background-repeat: no-repeat;
	width: 42px;
	height: 76px;
	line-height: 0%;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
}

table.ext td.t1 img {
	width: 32px;
	height: 32px;
	margin: 1px;
}

table.ali-bonus {
	margin: auto;
	border: 1px solid #000;
	border-spacing: 0px;
}

table.ali-bonus td.done {
	background-image: url('../img/achiev_line.png');
	height: 16px;
	border: 1px solid #353;
	border-right: 1px solid #474;
	background-color: green;
}

table.ali-bonus td.not {
	height: 16px;
	border: 1px solid #333;
	border-right: 1px solid #555;
	background-color: #777;
}

table.text-bonus {
	border-collapse: collapse;
	text-align: right;
	margin: auto;
}

table.vysledek {
	width: 100%;
	border-collapse: collapse;
}

table.vysledek td.v1 {
	width: 45%;
	text-align: right;
}

table.vysledek td.v2 {
	width: 90px;
	padding: 3px 3px; 
	text-align: center;
	background-position: center center;
	background-repeat: no-repeat;
}

table.vysledek td.v2 div {
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('../img/ubn.png');
	width: 86px;
	padding-left: 4px;
	height: 20px;
	font-size: 75%;
	line-height: 20px;
	color: #999;
}

table.vysledek td.v2 div.bn {
	color: #a44;
}

table.vysledek td.v2 div.ps {
	color: #66c;
}

table.vysledek td.u1 {
	background-image: url('../img/u1.png');
}

table.vysledek td.u2 {
	background-image: url('../img/u2.png');
}

table.vysledek td.u3 {
	background-image: url('../img/u3.png');
}

table.vysledek td.u4 {
	background-image: url('../img/u4.png');
}

table.vysledek td.v3 {
	width: 45%;
	text-align: left;
}