html, body{height:100%;} /* Paticka */
*{margin:0;padding:0;}
body{
font-family:Tahoma, 'Lucida Grande CE', lucida, sans-serif;
color:#3c3c3c;
font-size:small;
text-align:center;
line-height:1.4}
.noscreen{
width:250px;
position:absolute;
left:0;
top:-2000px}
.end{
clear:both;
line-height:1px;
font-size:1px;
height:1px}
/* layout */
#main{
background:#fff url("../css/images/body-bg.gif") repeat-y;
width:994px;
margin:0 auto;
text-align:left;
position:relative;}
#head-top{
background:#fff url("../css/images/head-top.gif") no-repeat;
width:970px;
height:30px;
margin:0 auto;
overflow:hidden;}
#head{
width:970px;
margin:0 auto;
height:86px;
overflow:hidden;
position:relative;
background:url("../css/images/head.jpg") no-repeat right top;}
h1.head, h1.head span{
display:block;
width:257px;
height:86px;
position:absolute;
left:0;
top:0;
z-index:5;
overflow:hidden;
font-size:70%;
cursor:hand;}
h1.head span{
background:url("../css/images/head-logo.gif") no-repeat;
z-index:2}
#head-bottom{
background:url("../css/images/head-bottom.jpg") no-repeat;
width:970px;
height:185px;
margin:0 auto;
overflow:hidden;}

#content{
width:970px;
margin:0 auto;
text-align:left;}
#text{
min-height:400px;
height:400px;}
#content>#text{height:auto}

/* blok dělený na dva */
#obsah{
overflow:hidden;
float:left;
width:758px;
padding:0;
margin:0;
position:relative}
#in{
background:url("../css/images/in-top.gif") repeat-x;
padding:0 10px 30px 10px;
float:right;
margin:0;
overflow:hidden;
width:527px; /* +1 px skrz mezeru*/
color:#3c3c3c;
position:relative;}

#box{
background:#fff;
overflow:hidden;
float:left;
width:211px;
position:relative;}
#box-in{
padding:0;
margin:0;}

#blok{
background:#fff;
overflow:hidden;
float:right;
width:211px;
position:relative;}
#blok-in{
padding:0;
margin:0;}

.flash{position:absolute; top:16px; left:12px; z-index:2000}
/* Panely*/
#box h5, #blok h5, #box h5.hlavni, #blok h5.hlavni{
width:211px;
height:26px;
background:url("../css/images/panel-top.gif") no-repeat;
padding:8px 0px 0px 13px;
font-size:90%;
color:#fff;
font-weight:bold;}
#panel1, #panel2, #panel3, #panel4, #panel5, #panel6, #panel7, #panel8, #panel9, #panel10{
font-size:90%;
width:211px;
color:#3c3c3c;
overflow:hidden;}
.obal, .hlavni{
background: url("../css/images/panel-bg.gif") repeat-y;
width:211px;
padding:5px 0 8px;}
.hlavni{
background:url("../css/images/nav-bg.gif") repeat-y;}
#panel1 span.bottom, #panel2 span.bottom, #panel3 span.bottom, #panel4 span.bottom, #panel5 span.bottom, #panel6 span.bottom, #panel7 span.bottom, #panel8 span.bottom, #panel9 span.bottom, #panel10 span.bottom, #blok span.bottom, #box span.hlavni{
background:url("../css/images/panel-bottom-l.gif") no-repeat top center;
overflow:hidden;
width:211px;
display:block;
height:24px;
position:relative;}
#blok span.bottom{
background:url("../css/images/panel-bottom-r.gif") no-repeat top center;}
#box span.hlavni{
background:url("../css/images/nav-bottom.gif") no-repeat top center;}

.obal p{padding:8px 10px; font-size:90%}
.obal ul{padding:8px 2px 8px 24px; font-size:90%}

.obal strong{color:#4b9ed5}
.obal strong em{color:#000; font-style:bold}

.obal img, .obal .imgd{border:none}
/* Menu */
#panel1 ul{
border-top:1px solid #e6fac3;
padding:0;
margin:0;
width:211px;}
#panel1 ul li{
font-size:100%;
list-style:none;}
#panel1 ul li a:link, #panel1 ul li a:visited{
color:#fff;
width:171px;
border-bottom:1px solid #e6fac3;
text-decoration:none;
font-weight:bold;
padding:3px 5px 3px 35px;
background:url("../css/images/menu-bila.gif") no-repeat 5% 50%;}
#panel1 ul li a, #panel1 ul li strong, #panel1 ul li a:hover{
display:block;
text-decoration:none;}
#panel1 ul li strong, #panel1 ul li a:hover{
width:171px;
padding:3px 5px 3px 35px;
border-bottom:1px solid #e6fac3;
background:url("../css/images/menu-modra.gif") no-repeat 5% 50%;
color:#000;}


#foot{
position:relative;
margin:0 auto;
padding:20px 0 0;
height:120px;
background: url("../css/images/foot.gif") repeat-x;
width:970px;
overflow:hidden;}
/* text */
#in h1{
padding:4px 8px;
margin:2px 0 20px 0;
clear:both;
font-size:120%;
color:#fff}
/* p  */
#in p{
text-align:justify;
margin:8px 2px;
padding:0 5px;}
#in p.justify{text-align:justify}
#in p.center{text-align:center}
#in p.right{text-align:right}
#in p.left{text-align:left}
#in .imgdr p{text-align:center; font-size:85%}
#foot p{
font-size:70%;
color:#4f504d;
padding:5px 0 0 5px;}
/* links */
a:link{color:#4a9cd7;font-weight:bold}
a:visited{color:#a2ca2c;font-weight:bold}
a:hover{color:#000;font-weight:bold}
a:active{color:#4a9cd7;font-weight:bold}
#foot a:link, #foot a:visited{color:#4f504d}
#foot a:hover{color:#000}
#foot a.vstup:link, #foot a.vstup:visited, #foot a.vstup:hover{color:#4f504d;text-decoration:none}
.doc{background:url("../css/obrazy/ikony/doc.gif") center left no-repeat}
.html{background:url("../css/obrazy/ikony/page.gif") center left no-repeat} 
.pdf{background:url("../css/obrazy/ikony/pdf.gif") center left no-repeat}
.xls{background:url("../css/obrazy/ikony/xls.gif") center left no-repeat} 
.avi{background:url("../css/obrazy/ikony/avi.gif") center left no-repeat}
.mp3{background:url("../css/obrazy/ikony/mp3.gif") center left no-repeat} 
.png{background:url("../css/obrazy/ikony/png.gif") center left no-repeat}
.ppt{background:url("../css/obrazy/ikony/ppt.gif") center left no-repeat} 
.doc, .html, .pdf, .xls, .avi, .mp3, .png, .ppt{padding:2px 6px 2px 22px; margin-left:3px} 
/* Pridani mezery a marginu u ikonek v textu */ 
/* img */
a:link img {border:5px solid #eee}
a:visited img{border:5px solid #ccc}
a:hover img{border:5px solid #888}
a:active img{border:5px solid #888}
.noborder a:link img{border:none}
.noborder a:visited img{border:none}
.noborder a:hover img{border:none}
.noborder a:active img{border:none}
/* img */
.imgd, img{
border:5px solid #eee;
text-align:center;
margin:5px auto;
clear:both;
display:block}
.imgd{
_width:100% !important;} /* hack pro IE6*/
.img-right, .imgdr{
margin:5px 10px;
text-indent:0;
clear:none;
float:right;
text-align:center;}
.img-left, .imgdl{
margin:5px 10px;
text-indent:0;
float:left;
clear:none;
text-align:center;}
/* TEXY */
#in h2{
padding:4px 6px;
font-size:110%;
clear:both;
color:#0b6fb4}
#in h3{
text-align:center;
clear:both;
font-size:130%;
font-weight:bold;
margin:8px 0 4px 0;
padding:8px 0 12px 0;
color:#fff;
background:url("../css/images/h3.gif") no-repeat center center}
#in strong{color:#4b9ed5}
#in strong em{color:#000; font-style:normal}
#in blockquote strong{color:#000;}
#in blockquote{
clear:both;
font-size:120%;
padding:1px;}
#in blockquote p{
padding:5px;
margin:0;
overflow:hidden;
color:#4d9ed7;
font-weight:bold;
text-align:center;
font-size:120%;}
#in dt{
font-weight:bold;
font-size:120%;
color:#4d9ed7;
margin-top:10px;}
#in dd{
padding-bottom:2px}
#in dd strong{
font-weight:bold;
color:#000}
#in ul{
line-height:1.6;
margin:5px 0;
padding:0 0 0 5px}
#in ul li{
display:inline-block;
list-style-type:none; 
background:url("../css/images/menu-bila.gif") no-repeat 0em 0.35em; 
padding:0 1.5em}
#in ul>li{
display:block;
background-position: 0em 0.3em}
#in ul li ul{margin:0; padding:0}
#in ul li ul li{padding:0 20px; margin:0;}
#in ul.left{
float:left;
width:45%}
#in ul.right{
float:right;
width:45%}
#in ol{
margin:5px 0 5px 15px;
padding:0 0 0 5px}
#in table{
clear:both;
width:99%;
color:#000;
border-collapse:collapse;
font-size:100%;
margin:3px 6px;}
#in th{
color:#fff;
border:1px solid #4ea1d8;
background:#479bd7;
padding:3px 5px;
text-align:left}
#in th strong em{
color:#fff; font-size:120%}
#in table.nobordertable th{color:#000}
#in td{color:#000;padding:3px 5px; margin:0;border:1px solid #4ea1d8}
#in table.auto{
width:auto;}
#in table.normal{
border:1px solid #000;}
#in table.normal th{background:#fff;}
#in table.normal td{background:#fff;}
#in .nobordertable th, #in .nobordertable td{
border:0; background:#fff;margin:0;padding:0 3px;}
#in .nobordertable {border:0;}
#in table.polovina td{width:50%;}
#in table.tretina td{width:33%;}
#in table.ctvrtina td{width:25%;}
#in table.center td{text-align:center}
#in table.float{float:left; clear:none;}
#in table.float td{ font-weight:bold}
#in table.top th, #in table.top td{ vertical-align:top}
#in hr{
margin:5px 0;
color:#fff;
background-color:#fff;
border:0;
height:1px;
clear:both}
#in pre{
margin:10px 0; font-size:100%}

/* fotogalerie */
.galerie-obal img{padding:0;margin:0;display:none;}
.galerie-obal .fotogal-nahled{float:left;margin:8px;
border:1px solid #49a9ee;
background:#d4e9f8 no-repeat center center;}
.fk-nahled{float:left;margin:10px;text-align:center;width:150px}
.galerie-obal{margin-bottom:10px;}

/* format nadpisu 1 novinky */
#novinky h2.leftfloat{float:left;width:100%; border:none;clear:none}
#novinky p.rightfloat{display:none}

#in p.novinka-datum, #novinky p.novinka-datum{text-align:right;font-size:90%;}
#novinky a{color:#000}
#novinky a:hover{color:#326fa4}
/* format nadpisu novinek */
#novinky h2 a{
color:#4cb2f8;
font-size:50%;
_font-size:40%;
padding:3px 0 3px 12px;}

/* Mapa stranek*/
#in ul.mapa-stranek-vedlejsi li, #in ul.mapa-stranek-hlavni li{padding:5px 5px 5px 20px; line-height:1.5}
#in ul.mapa-stranek-vedlejsi li, #in ul.mapa-stranek-hlavni li{background: url("../css/obrazy/ikony/mapa-ul.gif") no-repeat 0 8px;padding-top:3px}
#in ul.mapa-stranek-vedlejsi li ul ul, #in ul.mapa-stranek-hlavni ul ul{margin: 2px 5px 5px 15px}
#in ul.mapa-stranek-vedlejsi li ul li, #in ul.mapa-stranek-hlavni li ul li{padding:0px 0 1px 20px;background: url("../css/obrazy/ikony/mapa-li.gif") no-repeat 0 0}
#in ul.mapa-stranek-vedlejsi li.last, #in ul.mapa-stranek-hlavni li.last{background-image: url("../css/obrazy/ikony/mapa-li-last.gif")}
/* drobeckova navigace */
#drobnav{font-size:90%;position:absolute;left:20px;top:7px;color:#004e8c}
#drobmenu{font-size:90%;position:absolute;right:45px;top:12px}
/* horni ikony */
#drobmenu a{padding:2px 10px 2px 22px;color:#fff; font-weight:normal; font-size:90%}
#drobmenu a:hover{color:#000}
a.domu{background:url("../css/obrazy/ikony/domu.gif") no-repeat left center}
a.email{background:url("../css/obrazy/ikony/email.gif") no-repeat left center}
a.prihlaseni{background:url("../css/obrazy/ikony/prihlaseni.gif") no-repeat left center}

/* editova H1  */
h1 a:link, h1 a:visited{color:#fff}

#foot img{border:none}
ul#foot-menu{position:absolute; bottom:5px; right:10px; text-align:right}
ul#foot-menu li{list-style:none; font-size:80%}

/* toplist */
#toplist{background:url("../css/images/toplist.gif") no-repeat 0 40%;padding:5px 0 15px 25px;position:absolute;top:8px;right:0}
#toplist iframe{border:none}