* { padding: 0; margin: 0; font-size: 11px; font-family: verdana,arial,helvetica,sans-serif;}
.cleaner { clear: both;}
body { background: #FaF8F2;}
h1 { font-size: 18px; color: #fff;}
h2 { font-size: 16px; margin: 30px 0 10px;}
h3 { font-size: 14px; margin: 30px 0 10px;}
h4 { font-size: 12px; margin: 0 0 10px;}
.center { text-align: center;}
.bold { font-weight: bold;}
.it { font-style: italic;}
.border { border: 1px solid #540;}
.red { color: #f00;}
.green { color: #250;}
.blue { color: #049}

/********** T I T U L K A **********/
#lang { position: absolute; left: 50%; top: 50%; margin: -295px 0 0 100px; border: 0px solid #f00;}
#stin { position: absolute; left: 50%; top: 50%; width: 750px; height: 512px; margin: -275px 0 0 -373px; border: 0px solid #f00;}
#stin #top { background: url(img/stin_top.jpg) no-repeat; height: 20px;}
#stin #middle { background: url(img/stin_middle.jpg) repeat-y; height: 479px;}
#stin #bottom { background: url(img/stin_bottom.jpg) no-repeat; height: 20px;}
#titulka { position: absolute; background: #fff; left: 50%; top: 50%; width: 720px; height: 484px; margin: -262px 0 0 -360px; border: 4px solid #fff;}
#titulka a:hover { text-decoration: none;}

#t1 { width: 358px; height: 240px; background: #250; float: left; margin: 0 0 4px; color: #fff;}
#t1in { padding: 20px;}
#t1 a { color: #fc5; text-decoration: underline;}
#t1 p { font-weight: bold; margin: 20px 0 0; width: 145px; line-height: 1.25em}
#t2 { width: 358px; height: 240px; background: #fcf0d1; float: right; margin: 0 0 4px; color: #333;}
#t2in { padding: 20px;}
#t2 .bloknazev { float: left; font-size: 18px; font-weight: bold; color: #250;}
#t2 .aktuality { float: right; width: 160px; height: 200px;}
#t2 .datum { font-size: 9px; color: #444;}
#t2 .nadpis { font-weight: bold; border-bottom: 2px dotted #aaa; margin: 0 0 2px; height: 45px;}
#t2 .skup1 { color: #250;}
#t2 .skup2,#t2 .skup3 { color: #572;}
#t2 .skup4 { color: #630;}
#t2 .skup6 { color: #049}
#t2 .skup5 { color: #f00}
#t2 .skup7 { color: #108}
#t2 .nadpis a:hover { text-decoration: none;}
#t2 .starsi a { color: #250;}
#t2 .starsi a:hover { text-decoration: none;}
#t3 { width: 358px; height: 240px; background: #fc5; float: left; clear: both; color: #333;}
#t3in { padding: 20px;}
#t3 .t3right { float: right; width: 150px; height: 150px;}
#t3 a { color: #050; padding: 1px;}
#t3 a:hover { background: #250; color: #fff; text-decoration: none;}
#t4 { width: 358px; height: 240px; background: #250; float: right; color: #fcf0d1;}
#t4in { padding: 10px 10px 10px 20px;}
#t4 .t4left { float: left; width: 130px; height: 145px;}
#t4 h2 { text-align: right; font-size: 12px; margin: 0 10px 0 0;}
#t4 a { color: #fcf0d1;}
#t4 .loga { width: 175px; height: 130px; margin: 10px 0 7px 0; float: right;}
#t4 table { width: 100%; margin: 0 0 5px}
#t4 td { padding: 5px 2px;}
#t4 .popis { height: 50px;}
#t4 img { margin: 0; border: 0;}
#t4 img.img10h { height: 10px;}
#t4 .popis p { font-size: 10px; text-align: right; margin-bottom: 15px;}
.tkontakt p { text-align: right }


/********** L O G O ************/
#logo { position: absolute; left: 50%; top: 50%; width: 330px; height: 330px; margin: -181px 0 0 -161px; border: 0px solid #fff; overflow: hidden;}
#logo a { border: 0px solid; width: 100px; height: 100px; display: block; margin: 115px 0 0 115px;}

/********** F O O T E R ************/
#footer { position: absolute; left: 50%; top: 50%; width: 720px; margin: 242px 0 0 -356px; border: 0px solid #fff;}
#footer #copy { float: left; color: #444; font-size: 10px;}
#loga span { font-size: 10px; color: #444;}
#loga a { color: #250; text-decoration: none; font-size: 10px;}
#loga a:hover { color: #250; text-decoration: underline;}
#footer #loga { float: right;}