body{font-family: Verdana, 'Geneva CE', lucida, sans-serif;margin:0;
background:#dadedd url("images/body-bg.gif") repeat-x;
color:#000;font-size:small;text-align:center;line-height:1.4}
.noscreen{width:250px;position:absolute;left:0;top:-1000px}
.end{clear:both;line-height:1px;font-size:1px;height:1px;display:block;visibility:hidden}

/* layout */
#main{margin:0 auto;width:844px;text-align:left;position:relative}

/* hlavicka */
#head-nav{width:844px;height:86px}
#head-nav ul{position:absolute;top:18px;left:0;margin:0;padding:0}
#head-nav li{text-align:center;list-style:none;display:inline;font-size:120%;font-variant:small-caps}
#head-nav li a, #head-nav li strong{width:auto;padding:15px 14px;height:46px;line-height:44px;
font-weight:bold;text-decoration:none; margin-right:10px;border-top:2px solid #333436}
#head-nav li a:link, #head-nav li a:visited{color:#fff;background:#333436}
#head-nav li a:hover, #head-nav li strong{cursor:pointer;color:#fff;background:#ff6803;border-top:2px solid #bf4f05;}
#head-nav li a:hover{background:#fc8231}

#head-bg{background:#2567b5 url("images/head-bg.gif") repeat-y}
#head-text{width:444px;color:#fff; margin-top:120px;text-align:justify;height:140px;padding:20px 10px 10px}

#head{margin:0 auto;width:844px;height:310px;position:relative;
background:url("images/head.jpg") no-repeat right top}
p.head-logo, p.head-logo span{width:464px;height:141px;margin:0;padding:0;
position:absolute;left:0;top:0;z-index:1;font-size:120%;overflow:hidden;display:block}
p.head-logo span{cursor:pointer;background:url("images/head-logo.gif") no-repeat;z-index:2}
p.head-logo a{color:#fff}
#head-bottom{margin:0 auto;width:844px;height:68px;position:relative;
background:#83ce2a url("images/head-bottom.gif") no-repeat} 
#head-bottom-text{ width:844px; height:242px;background:#83ce2a url("images/head-bottom-text.jpg") no-repeat; position:relative }

/* content*/
#content{text-align:left;margin:0}
#text{min-height:100px;height:100px}
#content>#text{height:auto}

/* 1 sloupec */
#obsah{width:844px;background:url("images/content-bg.gif") repeat-y;overflow:hidden;
position:relative;margin:0}

/* 2 sloupec */
.in-in{float:left;width:440px;margin:0;padding:0;overflow:hidden}
#in{}
/* 1 sloupec*/
.box-in{float:right;width:354px;margin:0;padding:0;overflow:hidden;position:relative;top:-40px}
#box{}

/* paticka */
#foot-full{width:100%;height:62px; background:url("images/foot-full-bg.gif") repeat-x;overflow:hidden}
#foot{width:844px;height:62px;padding:0; margin:0 auto; color:#fff; text-align:left; position:relative;
background:#2669b9 url("images/foot-bg.gif") repeat-x;overflow:hidden}

/* h1 */
#in h1{margin:10px 0 8px 0;padding:0 0 5px 0;font-size:130%;color:#2567b5;clear:both}

/* p */
#in p{}
#in p.justify{text-align:justify}
#in p.center{text-align:center}
#in p.right{text-align:right}
#in p.left{text-align:left}

/* odkazy */
a:link{color:#2567b5; font-weight:bold}
a:visited{color:#000}
a:hover{color:#4a4a4a}
a:active{color:#ffdd2a}
#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:#fff;font-weight:normal;text-decoration:none}
#foot a:hover{color:#000;text-decoration:underline}
#foot a.vstup:link, #foot a.vstup:visited{color:#fff;text-decoration:none}
#foot a.vstup:hover{color:#fff}

/* ikony u souboru */
.doc{background:url("obrazy/ikony/doc.gif")}
.php{background:url("obrazy/ikony/page.gif")} 
.pdf{background:url("obrazy/ikony/pdf.gif")}
.xls{background:url("obrazy/ikony/xls.gif")} 
.avi{background:url("obrazy/ikony/avi.gif")}
.mp3{background:url("obrazy/ikony/mp3.gif")} 
.png{background:url("obrazy/ikony/png.gif")}
.ppt{background:url("obrazy/ikony/ppt.gif")} 
.page{background:url("obrazy/ikony/page.gif")} 
.doc, .php, .pdf, .xls, .avi, .mp3, .png, .ppt, .page{
padding:0 6px 0 22px;margin-left:3px;background-repeat:no-repeat;background-position:center left}/* Pridani mezery, marginu u ikon v textu */ 


/* link - img */
a:link img{border:2px solid #29890b}
a:visited img{border:2px solid #ffdd2a}
a:hover img{border:2px solid #000}
a:active img{border:2px solid #ffdd2a}
.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} /* IE6 */
.img-right, .imgdr{float:right;margin:20px 0px;clear:none;text-align:center}
.img-left, .imgdl{float:left;margin:8px 7px;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 0;
border-bottom:none;
margin:8px 0 2px 0;
clear:both;
font-size:120%;
color:#406e08}
#in h3{
clear:both;
font-size:110%;
margin:8px 0 2px 0;
color:#000}

#in blockquote{
margin:15px 0 0}
#in blockquote p{
padding:5px 5px;
clear:both;
overflow:hidden;
font-weight:bold;
color:#29890b;
text-align:left;
font-size:130%}
#in strong em{color:#FF0000; font-style:normal}
#in ul{
margin:10px 0 20px;
padding:0 0 0 5px}
#in ul li{
line-height:1.7;
display:inline-block;
list-style-type:none; 
background:url("images/bullet.gif") no-repeat 0em 0.55em; 
padding:0 2em}
#in ul>li{
display:block;
background-position: 0em 0.6em}
#in ul li ul{margin:0; padding:0}
#in ul li ul li{padding:0 10px; margin:0;}
#in ol{
margin:5px 0 5px 25px;
padding:0 0 0 5px}
#in dl{margin:0}
#in dt{color:#29890b;font-weight:bold}
#in dd{background:url("images/bullet.gif") no-repeat 0em 0.55em; 
padding:0 0.5em;font-style:italic}
#in table{
clear:both;
width:99%;
border-collapse:separate;
font-size:100%;
margin:15px 0px}
#in th, #in td{
color:#000;
padding:3px 5px;
text-align:left}
#in th{background:#59a2f8; font-size:120%}
#in td{background:#aacefa; vertical-align:top}
#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 5px}
#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 table.tleft{float:left;width:45%!important; clear:none}
#in table.tright{float:right;width:45%!important;clear:none}
#in table strong{font-size:100%}
#in hr{margin:5px 0;color:#000;background-color:#000;border:0;height:1px;clear:both}
#in pre{width:530px;padding:5px !important;font-size:100%; 
background:#fff;overflow:auto !important;display:block}
/* speciality system */

/* formular */
form{margin:0!important;padding:0}
fieldset{
border:3px double #ccc;
padding:5px;
margin:0}
label{margin:0; padding:0}
form input, form textarea{
width:230px;
background:#fff;
border:1px solid #2278ca;}
.cervene{color:#e0252b;font-weight:bold}
form td.button input{
text-align:center;
margin-left:105px;
width:120px;
cursor:pointer;
background:#fff; color:#000;
border:3px double #2278ca;
font-weight:bold;
padding:4px 0}
form td.button input:hover{border:3px double #fff;color:#fff;background:#2278ca}

#in form table{margin:0!important;padding:0}
#in form table td{border:0;padding:3px 1px;background:#dadedd;margin:0}
#in form table label{font-weight:bold;font-size:90%}
#in form table td.td-suda input{padding:1px;}



/* speciality webu */
span.nadpis1, span.nadpis2{position:absolute;top:25px;left:100px;font-size:120%;color:#f8ff2c;font-weight:bold}
span.nadpis2{left:560px}

#head-bottom-text ul{margin:0; padding:0}
#head-bottom-text ul li{margin-left:40px;color:#fff;font-size:110%;display:inline-block;list-style-type:none; 
background:url("images/bullet-zluta.gif") no-repeat 0em 0.55em;padding:0.3em 2em}
#head-bottom-text ul>li{display:block;background-position:0em 0.5em}

#kontakt{position:absolute;top:0;left:500px;width:260px;height:200px;color:#fff;line-height:1.7}

#foot p{padding:20px;margin:0}
#foot-copy{position:absolute;top:0;right:18px}

#in .box-in ul{margin:0;padding:0}
#in .box-in ul.cisla li{position:relative;margin:0 0 15px 0;line-height:1.4;display:inline-block;
list-style-type:none;background:url("images/li-cisla.gif") no-repeat 0em 0.45em;padding:5px 0 5px 3.5em}
#in .box-in ul.cisla>li{display:block;background-position:0em 0.4em}
#in .box-in ul.cisla em, #in .box-in ul.cisla i{font-weight:bold;font-style:normal}

#in .box-in ul li strong, #in .box-in ul b{color:#fff;position:absolute;top:12px;left:14px;font-size:120%}
#in .box-in h3, #in .box-in table, #in .box-in form{margin:55px 0 0 0}

#pocitadlo{position:absolute; bottom:18px; right:15px}