*{margin:0;padding:0;}
body{
font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
background:#fff url("../css/images/bg-body.gif") repeat-x;
color:#2d2d2d;
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{
width:980px;
margin:0 auto;
text-align:left;
position:relative;}
#head-top{
background:#ec1d24 url("../css/images/head-top.gif") no-repeat;
width:980px;
height:36px;
margin:0 auto;
overflow:hidden;}
#head{
width:980px;
margin:0 auto;
height:208px;
overflow:hidden;
position:relative;
background:url("../css/images/head.jpg") no-repeat right top;}
h1.head, h1.head span{
display:block;
width:218px;
height:208px;
position:absolute;
left:0;
top:0;
z-index:5;
overflow:hidden;
font-size:80%;
cursor:hand;}
h1 span{
background:url("../css/images/head-logo.gif") no-repeat;
z-index:2}

#content{
background:url("../css/images/content.jpg") no-repeat;
width:980px;
margin:0 auto;
text-align:left;}
#text{
min-height:620px;
height:620px;}
#content>#text{height:auto}

/* blok dělený na dva */
#obsah{
overflow:hidden;
float:left;
width:720px;
padding:0;
margin:0;
color:#2d2d2d;
position:relative}
#in{
padding:50px 15px 10px 15px;
float:right;
margin:0;
overflow:hidden;
width:470px;
position:relative;}

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

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

/* Panely*/
#panel1{
min-height:620px;
height:620px;}
#box-in>#panel1{height:auto}

#panel2{
position:absolute;
top:350px;
z-index:10;
}

#box h5, #blok h5{
padding:7px 0px 0px 15px;
font-size:120%;
color:#979053;
font-weight:bold;}
#blok h5{padding-left:0}

#panel1, #panel2, #panel3, #panel4, #panel5, #panel6, #panel7, #panel8, #panel9, #panel10{
margin-left:13px;
font-size:95%;
color:#696435;
overflow:hidden;}
.obal{
width:200px;
padding:5px 10px 10px;}
.obaltlusty{
width:220px;
padding:5px 10px 10px 0;}

.obal p, .obaltlusty p, .obal ul, .obaltlusty ul{padding:4px 5px;}
.obal table, .obaltlusty table{margin-left:5px}

#foot{
margin:0 0 0 600px;
height:37px;
width:380px;
overflow:hidden;}

/* Menu headnav */
#headnav{
position:absolute;
top:20px;
right:5px;
text-align:center}
#headnav ul{
overflow:hidden;}
#headnav li{display:inline;float:left;list-style:none;}
#headnav a,#headnav strong{display:inline;float:left;padding:6px 20px; margin-left:3px; font-weight:bold}
#headnav a:link,#headnav a:visited{
color:#000;
background:#fff;
text-decoration:none;}
#headnav a:hover, #headnav strong{
color:#fff;
background:#ec1d24}
/* Menu box */
#box ul.menu{
border-top:1px solid #e0d9a0;
padding:0;
margin:0;
width:190px;}
#box ul.menu li{
font-size:100%;
list-style:none;}
#box ul.menu li a:link, #box ul.menu li a:visited{
color:#605035;
width:175px;
border-bottom:1px solid #e0d9a0;
text-decoration:none;
font-weight:bold;
padding:3px 2px 3px 13px;
background:url("../css/obrazy/ikony/sipka-mala-cervena.gif") no-repeat 2% 50%;}
#box ul.menu li a, #box ul.menu li strong, #box ul.menu li a:hover{
display:block;
padding:3px 3px 3px 10px;
text-decoration:none;}
#box ul.menu li strong, #box ul.menu li a:hover{
width:175px;
padding:3px 2px 3px 13px;
border-bottom:1px solid #e0d9a0;
color:#dc231c;}

/* text */
#in h1{
padding:3px 0px;
margin:3px 0;
clear:both;
font-weight:bold;
font-size:130%;
color:#ec1d24}
#head-top strong{color:#fff}
/* p  */
#in p{
margin:5px 0;}
#in p.justify{text-align:justify}
#in p.center{text-align:center}
#in p.right{text-align:right}
#in p.left{text-align:left}
#foot p{
background:#f1f1f1;
font-size:90%;
_font-size:85%;
color:#605035;
display:block;
text-align:center;
width:380px;
padding:10px}
/* links */
a:link{color:#7e6946}
a:visited{color:#dc231c}
a:hover{color:#000}
a:active{color:#1b538d}
#head-top a:link, #head-top a:visited{color:#fff}
#head-top a:hover{color:#000}
#box .hlavni a:link, #blok .hlavni a:link{color:#fff}
#box .hlavni a:visited, #blok .hlavni a:visited{color:#fff}
#box .hlavni a:hover, #blok .hlavni a:hover{color:#ccc}
#foot a:link, #foot a:visited{color:#605035}
#foot a:hover{color:#f00}
#foot a.vstup:link, #foot a.vstup:visited{color:#605035;text-decoration:none}
#foot a.vstup:hover{color:#605035}
.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:0 6px 0 22px; margin-left:3px} 
/* Pridani mezery a marginu u ikonek v textu */ 
/* img */
a:link img {border:1px solid #7e6946}
a:visited img{border:1px solid #dc231c}
a:hover img{border:1px solid #ccc}
a:active img{border:1px solid #1b538d}
.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{
text-align:center;
margin:10px auto;
clear:both;
display:block}
.imgd{
_width:100% !important;} /* hack pro IE6*/
.img-right, .imgdr{
margin:8px 7px;
text-indent:0;
clear:none;
float:right;
text-align:center;}
.img-left, .imgdl{
margin:8px 7px;
text-indent:0;
float:left;
clear:none;
text-align:center;}
.nookraj{margin:0 5px 0 0;float:left;} /* uredni desky, rozpocet...*/
.obal img{padding:0; margin: 8px auto!important} /* centrovani  */


/* TEXY */
#in h2{
padding:2px 0;
border-bottom:none;
margin:8px 0 0;
clear:both;
font-size:110%;
color:#ec1d24}
#in h3{
text-align:center;
clear:both;
font-size:120%;
font-weight:bold;
margin:8px 0 4px 0;
padding:8px 0 10px 0;
color:#fff;
background:url("../css/images/h3.gif") no-repeat center center}
#in strong{color:#000}
#in strong em{color:#f00}
#in blockquote{
margin:15px 0;}
#in blockquote p{
padding:15px 5px;
clear:both;
overflow:hidden;
font-weight:bold;
color:#000;
text-align:center;
font-size:120%}
#in ul{
margin:5px 0;
padding:0 0 0 5px}
#in ul li{
display:inline-block;
list-style-type:none; 
background:url("../css/obrazy/ikony/sipka-mala-cervena.gif") no-repeat 0em 0.55em; 
padding:0 1em}
#in ul>li{
display:block;
background-position: 0em 0.5em}
#in ul li ul{margin:0; padding:0}
#in ul li ul li{padding:0 10px; margin:0;}
#in ol{
margin:5px 0 5px 15px;
padding:0 0 0 5px}
#in dt{color:#000; font-weight:bold}
#in dd{background:url("../css/obrazy/ikony/sipka-mala-cervena.gif") no-repeat 0em 0.55em; 
padding:0 1em; font-style:italic}
#in table{
clear:both;
width:100%;
border-collapse:separate;
font-size:100%;
margin:15px 0px;}
#in th, #in td{
border:1px solid;
color:#000;
padding:3px 10px;
text-align:left}
#in td{background-color:#F8E6AD;}
#in th{background:#f6e9b4;}
#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:3px 0px;}
#in .nobordertable img{margin:0; padding:0}
#in .nobordertable {border:0;}
#in table.polovina td{width:50%;}
#in table.tretina td{width:33%;}
#in table.ctvrtina td{width:25%;}
#in hr{
margin:5px 0;
color:#000;
background-color:#000;
border:0;
height:1px;
clear:both}
#in pre{margin:10px 0; font-size:100%}
/* Speciality */ 

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

/* format nadpisu novinek */
#novinky h2{
font-size:100%;
padding:3px 0 3px 0px;
margin:2px 0;}
#novinky h2 a{text-decoration:none}

/* format nadpisu 1 novinky */
#novinky h2.leftfloat{float:left;width:100%; border:none;clear:none}
#novinky p.rightfloat{display:none}
/* Novinky +  nahodny text*/
p.novinka-datum, p.viceinformaci{text-align:right; font-size:90%}

/* Mapa stranek*/
#in ul.mapa-stranek-vedlejsi li, #in ul.mapa-stranek-hlavni li{padding:5px 5px 5px 20px; }
#in ul.mapa-stranek-vedlejsi li, #in ul.mapa-stranek-hlavni li {background: url("../css/obrazy/ikony/sipka-mala-cervena.gif") no-repeat 0 8px;padding-top: 3px;}
/* drobeckova navigace */
#drobnav{font-size:90%;position:absolute; left:10px; top:9px; _top:9px;}
#drobmenu{font-size:90%;position:absolute; right:10px; top:7px;}
/* horni ikony */
a.tiskarna{background:url("../css/obrazy/ikony/tiskarna.gif") no-repeat left center;padding-left:20px;}
a.mapa{background:url("../css/obrazy/ikony/mapa-webu.gif") no-repeat left center;padding-left:18px;}
a.prihlaseni{background:url("../css/obrazy/ikony/prihlaseni.gif") no-repeat left center;padding-left:18px;}

#drobnav a, #drobnav .posledni{background:url("../css/obrazy/ikony/sipka-mala-bila.gif") no-repeat left center;padding-left:10px;}

#drobnav span{color:#fff} 
span.sipka{display:none}