html { width:100%;background:#f0f9fe url(../img/body_bg_x.gif) left top repeat-x; }
body {font-family: Arial, Helvetica, sans-serif;	font-size: 83%; color:#333333;   background:url(../img/dole.gif) left bottom repeat-x;margin:0; padding:0; text-align: center;}
img {border:0}
* {margin:0; padding:0}
.left {text-align:left}
.right {text-align:right}
.center {text-align:center}
.leftf {float:left}
.rightf {float:right}
.both {clear:both;}
a {color:#333333; font-weight:normal; text-decoration:underline;}
a:hover {text-decoration:none}

.b250 { margin: -12px 0 -15px 15px; }
p { padding:10px 5px 10px 16px; font-size:0.87em; line-height:1.4em;}
.obal { width:621px; margin:0 auto 0 auto; background:#fff url(../img/footer_out.jpg) right bottom no-repeat;  position:relative; padding:0 0 70px 0; }

.hlavicka { margin:15px 0 0 0; position:relative; width:621px; height:195px; position:relative; background: url(../img/hlavicka.jpg) right top no-repeat;}
.hlavicka h1 { position:absolute; left:220px; top:132px; font-size:12px; letter-spacing:-1px; color:#fff; font-weight:normal; width:190px;text-align:left;}
.hlavicka .logo a { width:180px; height:90px; position:absolute; left:10px; top:70px; color:#00CCFF;  text-decoration:none; }


.obsah { text-align:left; min-height:300px; _height:300px; margin:0 0 0 0; position:relative; }
.levo { float:left; width:190px;  position:relative; padding:0 0 0 9px}
.levo h2 { font-size:1.5em; letter-spacing:-1px; color:#598dd1; font-variant:small-caps; padding:14px 0 2px 0px; margin:0 0 0 4px;font-weight:bold;}
.levo h3 { font-size:11px;font-variant:small-caps;  color:#0c8ac4; padding:0 0 3px 0px; margin:-4px 0 0 0px; }
.levo .klavesa { float:left; margin:0 8px 0 0;}
.levo  ul { margin:0 0 10px 0px; padding:0;}
.levo  li { list-style-type:none; background:url("../img/sipka2.gif") left top no-repeat; padding:0 0 0 15px;}
.levo  li a { font-size:0.8em; color:#598dd1;}
.levo .pobocky { font-size:0.8em; color:#5f6565;}

.pravo { float:left;  width:409px; position:relative; margin:0 0 0 4px; }
.pravo h2 { font-size:1.7em; letter-spacing:-1px; color:#f7941c; font-variant:small-caps; padding:14px 0 10px 0px; margin:0 0 0 4px;font-weight:bold;}
.pravo h3 { font-size:1.4em; letter-spacing:-1px; color:#9fc31d; font-variant:small-caps; padding:8px 0 2px 0px; margin:0 0 0 0px;font-weight:bold;}


.pravo .menu {  width:409px; height:81px;font-family: Myriad Pro, Arial, Helvetica, sans-serif;}
.pravo .menu ul { list-style-type:none; }
.pravo .menu ul li {  text-align:center; list-style-type: none;   padding:0; margin:0; line-height:0;}
.pravo .menu ul li a {font-family: Myriad Pro, Arial, Helvetica, sans-serif; font-variant:small-caps;width:97px;  height:81px; color:#000000; margin:0 6px 0 0;background:url(../img/m1.jpg) left top no-repeat; font-weight:normal;  float:left; text-align:center; }
.pravo .menu ul li a:hover {}
.pravo .menu ul li a span { margin:50px 0 0 0; line-height:19px; display:block; }
.pravo .menu ul li.m1 a {background:url(../img/m1.jpg) left top no-repeat;}
.pravo .menu ul li.m2 a {background:url(../img/m2.jpg) left top no-repeat;}
.pravo .menu ul li.m3 a {background:url(../img/m3.jpg) left top no-repeat;}
.pravo .menu ul li.m4 a {background:url(../img/m4.jpg) left top no-repeat; margin:0;}
.pravo .menu ul li.m1 a:hover {background:url(../img/m1_a.jpg) left top no-repeat;}
.pravo .menu ul li.m2 a:hover {background:url(../img/m2_a.jpg) left top no-repeat;}
.pravo .menu ul li.m3 a:hover {background:url(../img/m3_a.jpg) left top no-repeat;}
.pravo .menu ul li.m4 a:hover {background:url(../img/m4_a.jpg) left top no-repeat; }
.pravo .menu ul li.m1 a.akt {background:url(../img/m1_a.jpg) left top no-repeat;}
.pravo .menu ul li.m2 a.akt {background:url(../img/m2_a.jpg) left top no-repeat;}
.pravo .menu ul li.m3 a.akt {background:url(../img/m3_a.jpg) left top no-repeat;}
.pravo .menu ul li.m4 a.akt {background:url(../img/m4_a.jpg) left top no-repeat; }


.pravo .pimg { float:right; margin:0px 4px 5px 10px;}
.pravo .pimgl { float:left; margin:0px 10px 5px 4px;}
.pravo .text { margin:0 0 15px 5px; font-size:0.93em;}
.pravo .text ul { margin:0 0 0 15px; padding:0;}
.pravo .text  li { list-style-type:none; background:url("../img/sipka.gif") left center no-repeat; padding:0 0 0 15px; margin:0 0 3px 0;}

.tabkody { font-size:0.93em; text-align:left; width:400px; background:#FFFFFF;}
.tabkody .suda { background:#fff9b2; }
.tabkody th {padding:3px 0 1px 2px;}
.tabkody th {padding:3px 2px 1px 4px;}
.tabkody .popis { background:#f7941c;  padding:1px 0 1px 2px; color:#000000}

.main-content { width: 720px ; height:200px; padding: 5px 0px 0 0px;float: left; position:absolute; left:-15px; bottom:-230px; font-size:0.8em;  text-align:left;}
.main-content h5 { padding:0; margin:0; margin-left:25px;}
.main-content a {color: #008080;text-decoration: underline;}
.main-out {width: 135px;padding: 0 10px 0px 10px;float: left;}
.main-cisto {clear: both;}

.zpet { margin:8px 10px 0 0; float:right;}
.zpet a { color:#333333; font-size:0.9em}
.paticka { position:relative; font-size:0.77em;  clear:both;width:602px; height:57px;  background:url(../img/paticka.gif) left top no-repeat;  margin:-66px auto 0 auto;}
.paticka a { font-weight:normal; color:#598dd1;}
.paticka span { position:absolute; text-align:left; width:621px; display:block; left:10px; bottom:10px; color:#598dd1; } 
.paticka .rek { position:absolute; left:0; top:1px;}
.paticka .odkaz { position:absolute; left:15px; top:1px;}