body { font-family: 'Verdana CE', Verdana, 'Tahoma CE', Tahoma, 'Arial CE', Arial, lucida, sans-serif;
font-size: 12px;  font-weight: normal;
color: #000;  background-color: #fff;
text-align: center;	margin: auto;  padding: 0px;  border: none;
background-image: url(img/background.gif); background-position: 50% 0%; 
background-repeat: no-repeat;
background-color: #ccc;
overflow-y: scroll; }

.toppage { width: 1004px; margin: auto; text-align: center; }
.page { width: 744px; margin-left: 130px; background-color: White; float: left; }
.top { width: 100%; height: 72px; text-align: left; background-image: url(img/back-top.gif); }
  .logo { position: relative; top: 14px; left: 17px; float: left; width: 420px; }
  .nadpis { float: right; }
  	h1 { font-family: sans-serif, 'Arial CE', Arial; font-weight: bold; font-size: 20px; color: #515151; display: block; position: relative; top: 27px; _top: 41px; right: 20px; }
.tlac { width: 100%; height: 29px; text-align: left; background-image: url(img/back-tl.gif); }
	.tlac a { font-weight: bold; text-decoration: none; }

/* tlacitka */
	.tl-left { width: 14px; height: 29px; background-image: url(img/tl-left.gif); float: left; }
	.tl { width: 1px; height: 29px; background-image: url(img/tl.gif); float: left; }

	.tl1 a:link, .tl2 a:link, .tl3 a:link, .tl4 a:link, .tl5 a:link, .tl6 a:link, 
	.tl1 a:visited, .tl2 a:visited, .tl3 a:visited, .tl4 a:visited, .tl5 a:visited, .tl6 a:visited { color: #0cf; height: 29px; padding-top: 7px; text-align: center; display: block; float: left; }
	.tl1 a:link, .tl1 a:visited { width: 68px; }
	.tl2 a:link, .tl2 a:visited { width: 104px; }
	.tl3 a:link, .tl3 a:visited { width: 63px; }
	.tl4 a:link, .tl4 a:visited { width: 125px; }
	.tl5 a:link, .tl5 a:visited { width: 98px; }
	.tl6 a:link, .tl6 a:visited { width: 75px; }

	.tl1 a:active, .tl2 a:active, .tl3 a:active, .tl4 a:active, .tl5 a:active, .tl6 a:active, 
	.tl1 a:hover, .tl2 a:hover, .tl3 a:hover, .tl4 a:hover, .tl5 a:hover, .tl6 a:hover, 
	.tl1a, .tl2a, .tl3a, .tl4a, .tl5a, .tl6a { color: #fff; height: 29px; text-align: center; display: block; background-repeat: repeat-x; float: left; }
	.tl1 a:active, .tl1 a:hover, .tl1a { width: 68px; background-image: url(img/tl1a.gif); }
	.tl2 a:active, .tl2 a:hover, .tl2a { width: 104px; background-image: url(img/tl2a.gif); }
	.tl3 a:active, .tl3 a:hover, .tl3a { width: 63px; background-image: url(img/tl3a.gif); }
	.tl4 a:active, .tl4 a:hover, .tl4a { width: 125px; background-image: url(img/tl4a.gif); }
	.tl5 a:active, .tl5 a:hover, .tl5a { width: 98px; background-image: url(img/tl5a.gif); }
	.tl6 a:active, .tl6 a:hover, .tl6a { width: 75px; background-image: url(img/tl6a.gif); }

	.tl1a, .tl2a, .tl3a, .tl4a, .tl5a, .tl6a { font-weight: bold; padding-top: 7px; }
	
#mid { width: 100%; height: 17px; text-align: right; background-image: url(img/back-mid.gif); }
  #site { position: relative; top: 1px; right: 38px; }
#main { width: 100%; height: auto; text-align: center; background-image: url(img/back-main.gif); }
	#main93 { width: 91%; text-align: left; margin: auto; }
	#main93 h2 { font-weight: bold; color: red; font-size: 12px; display: inline-table; margin-top: 20px; margin-left: 10px; margin-bottom: 0px; }
#bot { width: 100%; height: 21px; text-align: right; background-image: url(img/back-bot.gif); font-size: 10px; line-height: 18px; color: #666; }
	#bot a { font-weight: normal; text-decoration: none; }
	#bot a:link, #bot a:visited { color: #666; }
	#bot a:active, #bot a:hover { color: #333; }

table {  font-size: 12px; }

#tabyellow { width: 100%; height: 50px; line-height: 20px; text-align: center; margin: auto; padding-top: 4px; background-image: url(img/pozadi_zlute.gif); background-repeat: no-repeat; }
#tabinfo { width: 600px; height: 50px; line-height: 21px; color: White; font-size: 13px; font-weight: bold; text-align: center; border: 1px solid Black; margin: auto; padding-top: 4px; background-color: #084; }
#tabinfo a { text-decoration: none; }
#tabinfo a:link, #tabinfo a:visited { color: #fe0; }
#tabinfo a:active, #tabinfo a:hover { color: #f70; }

#tabmov { width: 100%; height: 320px; }
#tabmovie { width: 290px; height: 320px; float: left; }
#tabkroky { width: 350px; height: 320px; margin-left: 2px; float: left; text-align: center; }
	#tlkrok1, #tlkrok2, #tlkrok3, #tlkrok4 { width: 300px; height: 75px; display: block; text-align: center; }
	#tlkrok1 a:link, #tlkrok2 a:link, #tlkrok3 a:link, #tlkrok4 a:link { width: 300px; height: 75px; display: block; text-align: center; }
	#tlkrok1 a:visited, #tlkrok2 a:visited, #tlkrok3 a:visited, #tlkrok4 a:visited { width: 300px; height: 75px; display: block; text-align: center; }
	#tlkrok1 a:active, #tlkrok2 a:active, #tlkrok3 a:active, #tlkrok4 a:active { width: 300px; height: 75px; display: block; text-align: center; }
	#tlkrok1 a:hover, #tlkrok2 a:hover, #tlkrok3 a:hover, #tlkrok4 a:hover { width: 300px; height: 75px; display: block; text-align: center; }
	#tlkrok1 { background-image: url(img/krok1.gif); background-repeat: repeat-x; }
	#tlkrok2 { background-image: url(img/krok2.gif); background-repeat: repeat-x; }
	#tlkrok3 { background-image: url(img/krok3.gif); background-repeat: repeat-x; }
	#tlkrok4 { background-image: url(img/krok4.gif); background-repeat: repeat-x; }
	#tlkrok1 a:active, #tlkrok1 a:hover { width: 300px; height: 75px; background-image: url(img/krok1a.gif); background-repeat: repeat-x; }
	#tlkrok2 a:active, #tlkrok2 a:hover { width: 300px; height: 75px; background-image: url(img/krok2a.gif); background-repeat: repeat-x; }
	#tlkrok3 a:active, #tlkrok3 a:hover { width: 300px; height: 75px; background-image: url(img/krok3a.gif); background-repeat: repeat-x; }
	#tlkrok4 a:active, #tlkrok4 a:hover { width: 300px; height: 75px; background-image: url(img/krok4a.gif); background-repeat: repeat-x; }

#tabhromada { width: 100%; height: 290px; background-image: url(img/hromada.gif); background-position: 100% 0%; background-repeat: no-repeat; }
#tabpasky { margin-left: 70px; width: 540px; float: none; }
#tabcenik { width: 250px; float: left; line-height: 20px; }
#tabobj { width: 170px; height: 125px; display: block; position: relative; top: -10px; left: 40px; background-image: url(img/pozadi_modre.gif); background-repeat: no-repeat; text-align: center; border: 0px; }

#obr1 { position: relative; top: 20px; left: -20px; display: block; float: right; }
#obr2 {  position: relative; top:6px; left: 0px; display: block; width: 130px; float: left; }

#right { text-align: right; }
.small { font-size: 10px; }
.red { color: red; }
.od25 { margin-left: 25px; }
.lh22 { line-height: 22px; font-size: 11px; }
ul { line-height: 18px; }

a { text-decoration: none; }
a:link, a:visited { color: #06f; }
a:active, a:hover { color: Blue; }

/* cenik */
.tabceny { width: 520px; margin-top: 20px; border: 0px; padding: 0px; }
.cenik { width: 380px; border: 1px solid Gray; padding: 1px; font-size: 10px; line-height: 14px; text-align: center; }
.tab0 { background-color: #A7CDFF; }
.tab1 { background-color: #E2EDFF; }
.tab2 { background-color: #D0E5FF; }
.tab1a { background-color: #cfd; }
.tab2a { background-color: #bfc; }
.tab0y { background-color: #FFFF00; }
.tab1y { background-color: #FFFFCC; color: red; }
.tab2y { background-color: #FFFFAA; color: red; }
.tab0, .tab1, .tab2, .tab0y, .tab1y, .tab2y { margin: auto; width: 33%; }

/* REKLAMNI BANNERY */
#reklama1 { width: 115px; margin-left: 10px; font-family: Tahoma, Arial; font-size: 12px; color: White; text-align: center; background-color: #404f5b; border: 1px solid Gray; border-color: #fc0; padding: 1px; float: left; }
#reklama1 a { font-weight: normal; text-decoration: none; }
#reklama1 a:link, #reklama1 a:visited { color: #fc0; }
#reklama1 a:active, #reklama1 a:hover { color: #f00; }