html,body {height: 100%;}

body {margin: auto; text-align: center;}

h1 {position: relative; font-size: 16pt; font-family: Verdana; font-weight: bold; color: #7f4998; padding: 0; margin: 0; left: 15px; padding-top: 15px;}
h2 {position: relative; padding: 0; margin: 0; left: 15px; font-size: 12pt; font-family: Arial; font-weight: bold; padding-top: 15px; color: #2245A7;}
h3 {position: relative; padding: 0; margin: 0; left: 15px; font-size: 11pt; font-family: Arial; font-weight: bold; padding-top: 5px; color: #7f4998;}

img {border: 0px;}

table {font-size: 10pt;}

.kdejsme {font-size: 10pt; color: #340c70; font-weight: bold; text-align: left; position:relative; top: 10px; left: 16px; width: 100%;}

.foto { padding: 5px; }

.formtable {font-size: 10pt; font-family: Verdana; width: 950px; _width: 900px; text-align: left;}
#.formtable td {vertical-align: middle; background: #E0D050; width: 50%; height: 25px; padding: 5 5 5 5; padding-left: 10px; color: black;}
.formtable td {vertical-align: middle; background: #E0D050; height: 25px; padding: 5 5 5 5; padding-left: 10px; color: black;}
.sortable {font-size: 10pt; font-family: Verdana; width: 950px; _width: 900px; text-align: left;}
.sortable td {vertical-align: middle; background: #E0D050; height: 25px; padding: 5 5 5 5; padding-left: 10px; color: black;}
.dokladtable {font-size: 11pt; font-family: Verdana; text-align: left; }
.dokladtable td {vertical-align: middle; height: 20px; padding: 5 5 5 5; padding-left: 10px; color: black;}


.tlacitko {position: absolute; left: 710px; top: 270px; width: 300px; height:55px; text-align: center; font-size: 12pt; font-weight: bold; color: white; background-image: url('images/tlacitko.png'); background-repeat: no-repeat; padding-top: 14px; z-index: 3;}
.tlacitko a { color: white; text-decoration: none;}
.tlacitko a:hover {text-decoration: underline;}
.rucka { cursor: pointer; }

.submenu {position: absolute; display: block; top: 200px; width: 200px; background: url('images/submenu.jpg') #65b156; background-repeat: repeat-x; z-index: 4; padding: 0; border: 2px solid white; border-top: 0px; list-style-type: none;}
.submenu li {padding-top: 2px;}
.submenu li a {text-decoration: none; color: white; font-weight: bold; font-family: Arial; font-size: 9pt; padding-left: 10px;}
.submenu li a:hover {text-decoration: underline;}

.text {position: relative; left: 15px; display: block;margin: 0;width: 961px;padding-left: 10px;padding-right: 10px;padding-top: 5px;padding-bottom: 10px;margin-top: 10px;margin-right: 15px;margin-bottom: 20px;border: 5px solid #4265A7;border-bottom: 1px solid #4265A7;border-right: 1px solid #4265A7;border-top: 0px;text-align: left; background: #FFEF60;}
.text li {padding-top: 6px; color: #2245A7;}

.textLogon {position: absolute; left: 600px; top: 235px; font-size: 8pt; font-family: Verdana; display: block; width: 400px; height: 30px; color: #4265A7; padding-top: 7px; padding-left: 7px; z-index: 2;}
.textLogon a {color: #7f4998; font-weight: bold;}
.textChyba {color: red; font-weight:bold;}

.textMenu	{width: 70px; position:relative; left:6px; _left:0px; cursor: pointer;}

#bottom {clear: both; position: relative; width: 1000px; display: block; height: 116px; top: 10px; padding-top: 5px; padding-bottom: 20px; background: url('images/spodek.jpg'); color: white; text-align: center; font-weight: normal; background-repeat: no-repeat;} 
#bottom a {font-weight: bold; text-decoration: underline; padding-left: 10px; padding-right: 10px; color: white;}
#bottom a:hover {text-decoration: none;}

#cara { position: relative; background: url('images/cara_gradient.jpg'); display: block; width: 1000px; height: 11px; clear: both; background-repeat: repeat-x;}

#header {width: 1000px; height: 215px; background: white; position: relative; #FFFFFF; background-repeat: no-repeat; z-index: 2; color: white;}

#horni_menu {position: absolute; display: block; height: 65px; top: 0; left: 365px; background-repeat: no-repeat; padding: 0; margin: 0; text-align: center; z-index: 1; _margin-bottom: 0; _margin-right: 0; list-style-type: none;}
#horni_menu li {float: left;}
#horni_menu li a {text-decoration: none; font-family: Arial; font-size: 9pt; font-weight: bold;	color: white;	background: url('images/horni_menu.jpg');	background-repeat: no-repeat;	display: block;	width: 88px;	height: 65px;	padding-top: 10px;	overflow: auto;}
#horni_menu li a:hover {color: white; text-decoration: none; background: url('images/horni_menu_on.jpg'); background-repeat: no-repeat;}
#horni_menu li a.aktivni {color: white; text-decoration: none; background: url('images/horni_menu_on.jpg'); background-repeat: no-repeat;}

#levy {position: relative; float: left; width: 211px; margin-left: 20px; margin-top: 10px; padding: 0px; padding-bottom: 10px; background: #7f4998; text-align: left;}
#levy .t {border: 0; position: relative; left: 10px; _left: 0px; padding-top: 0px; color: white; width: 190px;}
#levy hr {clear: both; background: white; color: white; padding: 0; margin: 0; z-index: 3; width: 211px; display: block; height: 2px; _margin-bottom: -6px; _height: 2px; border: 0px;}
#levy a {clear: both; display: block; width: 206px; _width: 210px; height: 25px; _height: 30px; padding-top: 5px; padding-left: 5px; background: url('images/levy.jpg'); text-decoration: none; color: white; font-size: 10pt; font-family: Verdana;}
#levy a:hover {background: url('images/levy_on.jpg');}

#nadpis {position: absolute; top: 95px; left: 380px; z-index: 2; color: white; text-align: center; font-size: 20pt;font-family: Verdana;}

#nadpis2 {position: absolute; top: 95px; left: 640px; z-index: 2; color: white; text-align: center; font-size: 20pt; font-family: Verdana;}


#shell {position: relative; display: block; width: 1000px; text-align: left; font-family: Arial; font-size: 10pt;background-repeat: repeat-y; margin: auto; border: 0px solid navy;  border-top: 0px; margin-top: 20px; color: black; }
#obsah {position: relative; width: 1000px; text-align: left;}

#spodni_menu {position: absolute; display: block; height: 65px; float: right; background-repeat: no-repeat; top: 150px; left: 365px; padding: 0; margin: 0; text-align: right; _margin-bottom: 0px; z-index: 2;}
#spodni_menu li {display: block; float: left; text-align: center;}
#spodni_menu li a {text-decoration: none;	font-family: Arial;	font-size: 9pt;	font-weight: bold; color: white; background: url('images/spodni_menu.jpg');	background-repeat: no-repeat;	overflow: auto;	width: 88px;	height: 45px; /*65*/	display: block;	padding-top: 20px;}	
#spodni_menu li a:hover { color: white; background: url('images/spodni_menu_on.jpg'); background-repeat: no-repeat;}
#spodni_menu li a.aktivni {color: white; text-decoration: none; background: url('images/spodni_menu_on.jpg'); background-repeat: no-repeat;}

#submenu0 {position: absolute; left: 367px; _left: 327px;}
#submenu1 {position: absolute; left: 455px; _left: 415px;}
#submenu2 {position: absolute; left: 543px; _left: 503px;}
#submenu3 {position: absolute; left: 631px; _left: 591px;}
#submenu4 {position: absolute; left: 807px; _left: 679px;}
#submenu5 {position: absolute; left: 895px; _left: 767px;}
#submenu6 {position: absolute; left: 983px; _left: 855px;}
       
// .on {display: block;}
// .off {display: none;}

p {position: relative; margin-left: 15px; width: 95%;}

.dulezite {color: #7F4998;}
a.dulezite {color: #7F4998; text-decoration: none;}
a.dulezite:hover {text-decoration: underline;}
a.dulezite:visited {color: #7F4998;}