body {
	margin: 5px;
	padding: 0px;
	font-family: arial, sans-serif;
	font-size: 13px;
	color: #000000;
}

.cleaner {
	clear: both;
	font-size: 0;
	line-height: 0;
	height: 0;
}

img {
	border: 0px;
}

a {
	text-decoration: none;
	color: #00f;
}
a.black {
	color: #000;
}

#telo {
	margin: 0px auto;
	height: 523px;
	width: 790px;
	background-color: #396da6;
}

#leva {
	width: 100px;
	height: 500px;
	background-color: #396da6;
	float: left;
}

#prava {
	width: 687px;
	height: 500px;
	background-color: #396da6;
	float: left;
}

#uvod {
	width: 40px;
	height: 80px;
	position: relative;
	top: 30px;
	left: 30px;
}

#uvod span a {
	color: #FFFFFF;
	position: relative;
	left: 5px;
}

#uvod_panel {
	background-image: url(images/lista_uvod.gif);
	background-repeat: no-repeat;
	width: 160px;
	height: 22px;
	position: relative;
	top: 3px;
	left: 180px;
}

#sluzby {
	width: 40px;
	height: 80px;
	position: relative;
	top: 40px;
	left: 30px;
}

#sluzby span a {
	color: #FFFFFF;
	position: relative;
	left: -4px;
}

#sluzby_panel {
	background-image: url(images/lista_sluzby.gif);
	background-repeat: no-repeat;
	width: 160px;
	height: 22px;
	position: relative;
	top: 3px;
	left: 180px;
}

#reference {
	width: 40px;
	height: 80px;
	position: relative;
	top: 40px;
	left: 30px;
}

#reference span a {
	color: #FFFFFF;
	position: relative;
	left: -13px;
}

#reference_panel {
	background-image: url(images/lista_reference.gif);
	background-repeat: no-repeat;
	width: 160px;
	height: 22px;
	position: relative;
	top: 3px;
	left: 180px;
}

#kontakt {
	width: 40px;
	height: 80px;
	position: relative;
	top: 40px;
	left: 30px;
}

#kontakt span a {
	color: #FFFFFF;
	position: relative;
	left: -3px;
}

#kontakt_panel {
	background-image: url(images/lista_kontakt.gif);
	background-repeat: no-repeat;
	width: 160px;
	height: 22px;
	position: relative;
	top: 3px;
	left: 180px;
}

#nastroje {
	width: 40px;
	height: 80px;
	position: relative;
	top: 40px;
	left: 30px;
}

#nastroje span a {
	color: #FFFFFF;
	position: relative;
	left: -5px;
}

#nastroje_panel {
	background-image: url(images/lista_nastroje.gif);
	background-repeat: no-repeat;
	width: 160px;
	height: 22px;
	position: relative;
	top: 3px;
	left: 180px;
}

#date {
	width: 790px;
	height: 28px;
	position: absolute;
	top: 505px;
}

#datum {
	font-size: 11px;
	position: relative;
	left: 730px;
	top: 5px;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
	background-color: #ffffcc;
	padding: 0px 2px 0px 2px;
}

#lista {
	background-image: url(images/lista.gif);
	background-repeat: no-repeat;
	width: 790px;
	height: 28px;
	margin: 0px auto;
}

#time {
	font-size: 11px;
	position: relative;
	top: -16px;
	left: 754px;
}

#valid {
	margin: 0px auto;
	margin-top: 5px;
	width: 790px;
}

table.prava_tabulka {
	margin: 0px auto;
	margin-top: 35px;
	width: 625px;
	border-style: none;
}

table tr.uvod_top {
	background-image: url(images/okno_uvod_top_en.gif);
	background-repeat: no-repeat;
	width: 622px;
	height: 107px;
}
table tr.sluzby_top {
	background-image: url(images/okno_sluzby_top.gif);
	background-repeat: no-repeat;
	width: 622px;
	height: 107px;
}
table tr.reference_top {
	background-image: url(images/okno_reference_top_en.gif);
	background-repeat: no-repeat;
	width: 622px;
	height: 107px;
}

table tr.kontakt_top {
	background-image: url(images/okno_kontakt_top_en.gif);
	background-repeat: no-repeat;
	width: 622px;
	height: 107px;
}

table tr.nastroje_top {
	background-image: url(images/okno_nastroje_top.gif);
	background-repeat: no-repeat;
	width: 622px;
	height: 107px;
}

table tr.middle {
	background-image: url(images/okno_middle.gif);
	background-repeat: repeat-y;
	width: 622px;
	height: 5px;
	margin: 0px;
}

table tr.middle td {
	padding: 4px 10px 12px 12px;
}

table tr.middle td.middleReference{
	padding: 0px 9px 0px 12px;
}

table tr.bottom {
	background-image: url(images/okno_bottom.gif);
	background-repeat: no-repeat;
	width: 622px;
	height: 8px;
}

.copyright {
	font-size: 12px;
	position: relative;
	top: -7px;
	left: 1px;
}

.copyright a {
	color: #0000FF;
	text-decoration: underline;
}

.nadpis1 {
	font-size: 20px;
	font-weight: bold;
	line-height: 50px;
}

.nadpis2 {
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
}

.nadpis3 {
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
}

ul {
	margin-top: 0px;
	margin-bottom: 0px;
}

.referenceBody {
	height: 330px;
	overflow: auto;
	padding-bottom: 5px;
	padding-right: 5px;
}

.relative {
	position: relative;
}


.referenceTvorba {
	padding-top: 10px;
	padding-bottom: 5px;
	width: 580px;
}

.referenceBody hr {
	width: 580px;
	color: #396da6;
	margin-right: 5px;
	margin-top: 13px;
}

.referenceTvorba img {
	float: right;
	margin-right: 20px;
}

.referenceTvorba a {
	color: #0000ff;
	text-decoration: underline;
	background: url(images/sipka.gif) no-repeat;
  padding-left: 20px;
}

.referenceTvorba h3 a {
	color: #000;
	text-decoration: none;
	background: none;
    padding-left: 0;
}
.referenceTvorba h3 a:hover {
    text-decoration: underline;
}

a.odkaz {
	color: #0000ff;
	text-decoration: underline;
	background-image: none;
	padding-left: 0px;
}

#cs_hover {
	background: url(images/EN_hover.gif) no-repeat;
	width: 16px;
	height: 23px;
	position: relative;
	top: -2px;
	left: 387px;
	background-position: 0px 0px;
}

#aktJazyk {
	font-size: 11px;
	position: relative;
	left: 574px;
	top: 5px;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
	background-color: #ffffdd;
	padding: 1px 2px 0px 2px;
}

#JazykVyber {
	position: relative;
	left: 574px;
	top: -14px;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
	background-color: #eeeeee;
	padding: 0px;
	margin: 0px;
	width: 80px;
	height: 34px;
}

#JazykVyber ul {
	padding: 0px;
	margin: 0px;
	background-color: transparent;
}

#JazykVyber ul li {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	overflow: hidden;
}

#JazykVyber ul li a {
	font-size: 11px;
	line-height: 15px;
	padding: 1px 0px 1px 42px;
 	color: #000000;
	text-decoration: none;
}

#JazykVyber ul li a.cs {
	background-image: url("images/CS.gif");
	background-repeat: no-repeat;
	background-position: 0px -1px;
}

#JazykVyber ul li a.cs_ticked {
	background-image: url("images/CS_ticked.gif");
	background-repeat: no-repeat;
	background-position: 0px -1px;
}

#JazykVyber ul li a.en {
	background-image: url("images/EN.gif");
	background-repeat: no-repeat;
	background-position: 0px -1px;
}

#JazykVyber ul li a.en_ticked {
	background-image: url("images/EN_ticked.gif");
	background-repeat: no-repeat;
	background-position: 0px -1px;
}

#JazykVyber ul li a:hover {
	background-color: #b6bdd2;
}

#JazykVyber ul li a.cs_ticked:hover {
	background-image: url("images/CS_ticked2.gif");
}

#JazykVyber ul li a.cs:hover {
	background-image: url("images/CS_hover2.gif");
}

#JazykVyber ul li a.en_ticked:hover {
	background-image: url("images/EN_ticked2.gif");
}

#JazykVyber ul li a.en:hover {
	background-image: url("images/EN_hover2.gif");
}

#infoLanguage {
	background-image: url("images/info_lang_en.gif");
	background-repeat: no-repeat;
	width: 200px;
	height: 69px;
	position: relative;
	top: -43px;
	left: 560px;
}

#listaHorni {
	display: none;
}

.okno_top_text {
	display: none;
}
p {
	margin-top: 0px;
}
h1 {
	font-size: 18px;
	font-weight: bold;
	line-height: 50px;
	margin: 0px;
}
h2 {
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	margin: 0px;
}
h2.modra {
	color: #396da6;
}
h3 {
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
	margin: 0px;
}
p img {
	margin-left: 5px;
}
a.pageRank {
	position: relative;
	top: -4px;
	margin-right: 5px;
}
#kontrastBarev {
	margin-top: 20px;
}
#kontrastBarev table.ramKolem {
	border: 1px solid black;
}
#kontrastBarev table.ramKolem td {
	padding: 1px 10px;
}
#kontrastBarev th {
	text-align:  right;
}
#kontrastBarev fieldset {
	margin: 10px 0px;
	padding: 10px;
	width: 330px;
}
#kontrastBarev fieldset table {
	margin: 0px;
	width: 330px;
}
#kontrastBarev fieldset table td {
	vertical-align: top;
}
#kontrastBarev fieldset table td div.posuvnikPozadi {
	position: relative;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
}
#kontrastBarev fieldset table td div.posuvnikPozadi div.lista {
	position: absolute;
	top: 5px;
	width: 259px;
	height: 2px;
	border: 1px solid #8a8882;
	font-size: 1px;
	margin: 0px;
	padding: 0px;
}
#kontrastBarev fieldset table td div.posuvnikPozadi div.jezdec {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 6px;
	height: 14px;
	font-size: 1px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}
#kontrastBarev fieldset table td div.posuvnikPozadi div.red {
	background-color: red;
}
#kontrastBarev fieldset table td div.posuvnikPozadi div.green {
	background-color: green;
}
#kontrastBarev fieldset table td div.posuvnikPozadi div.blue {
	background-color: blue;
}
#kontrastBarev fieldset table td input.hexa {
	border: 1px solid black;
	padding: 0px 2px;
	width: 55px;
	margin-left: 4px;
}
#kontrastBarev fieldset table td input.rgb {
	border: 1px solid black;
	padding: 0px 2px;
	width: 21px;
}
#testbarva {
	width: 164px;
	padding: 5px;
	margin-top: 2px;
}
.right {
	text-align: right;
	padding-right: 5px;
	margin-top: 8px;
}
#mojeMapa {
	width: 620px;
	height: 446px;
	border: 1px solid silver;
	margin: 35px 0px 0px 31px;
}
table.pagerank {
	border-collapse: collapse;
}
table.pagerank th {
	padding: 0px 5px 4px 5px;
}
table.pagerank td input {
	border: 1px solid black;
	margin-top: 1px;
}
table.pagerank td img {
	position: relative;
	top: -2px;
}

