body{background:#e8e8e8;font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;}
body.s120{font-size:110%}
body.s140{font-size:130%}
body.s160{font-size:150%}
body.serif{font-family: 'Times New Roman',serif;}

body.s140 #crumb,
body.s160 #crumb{margin-top:90px; padding-bottom:0}

body.s140 fieldset div{margin-top:30px}
body.s160 fieldset div{margin-top:40px}
body.s120 select,body.s120 input,body.s120 textarea,
body.s140 select,body.s140 input,body.s140 textarea,
body.s160 select,body.s160 input{font-size:100%}
body.s160 textarea{font-size:120%}
body textarea{font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;}
body.serif textarea{font-family: 'Times New Roman',serif;}

a{color:#0000ee}
a:hover, a:active, a:focus{color:#d80101;}


#logo{font-size:200%;background: url(../img/kdd-c.gif) no-repeat 0 0;width:910px;height:50px}
#logo a{display:block;width:443px;height:30px}

#stin-right{background: url(../img/bg-stin-right.gif) repeat-y top right; margin:30px auto; width:975px;}
#stin-bottom{background: url(../img/bg-stin-bottom.gif) no-repeat bottom left }
#stin-right-bottom-roh{padding-bottom:15px;background: url(../img/bg-stin-right-bottom-roh.gif) no-repeat bottom right}
#stin-right-top{background: url(../img/bg-stin-right-top.gif) no-repeat top right}
#site{width:920px;border:1px solid #adadad;padding:20px;background:white;position:relative;}

#page{padding:0}
.r{text-align:right}
table,tr,td,th{border:3px solid #a3a3a3;border-collapse: collapse;padding: 2px 3px}
td{background:white}
table h2{font-size:.9em}
th{background:#ffffcc}
fieldset table,fieldset table tr, fieldset table tr td{border:none}
#prihlaseni table,#prihlaseni tr,#prihlaseni td,#prihlaseni th {margin:0;padding:0}
table.nobor,table.nobor tr, table.nobor tr td{border:none}
.cl {clear:both}

h1{margin-top:0; border-bottom:1px solid #cccccc; padding-bottom:.3em}

#right-clmn{margin:0 0 0 10px;float:right;width:580px;}
#left-clmn{margin:0;padding:0;float:left;text-align:left;width:325px; background: url(../img/bg-left-menu-right-shadow.gif) no-repeat top right;min-height:269px;}
#left-clmn .matrj{margin-right:40px}
#left-clmn .matrj ul {margin:0; padding:0}
#left-clmn .matrj ul li{list-style:none;margin:0;padding:0}
#left-clmn .matrj ul li strong,
#left-clmn .matrj ul li a{background:#e9f3ff url(../img/bg-left-item.gif) no-repeat -300px 0; padding-left:46px; display:block; padding:7px 5px 7px 45px; margin:0; color:#0000ee; border-bottom:1px solid #b8d1ee}
#left-clmn .matrj ul li a:hover,
#left-clmn .matrj ul li a:active, 
#left-clmn .matrj ul li a:focus{background:#ebebb8 url(../img/bg-left-item.gif) no-repeat -600px 0; border-bottom:1px solid #b9cab8; color:red}

#left-clmn .matrj ul li strong{background:#417dc0 url(../img/bg-left-item.gif) no-repeat 0 0; color:white ; border-bottom:1px solid #3978be}


#left-clmn #prihlaseni{overflow:auto;margin-right:40px; border:1px solid #ebeb8e}
#left-clmn #prihlaseni input,#left-clmn #prihlaseni legend{max-width:155px}
/*#left-clmn #prihlaseni fieldset{padding:0 5px;text-align:center;border:none}*/
#left-clmn #prihlaseni h2{margin-top:0}

legend h2{display:inline;margin:0;padding:0; }
table.nobor,.nobor tr,.nobor td,.nobor th{background:none;border:none;}


input{margin:.3em 1em .3em 0}
label{margin:.3em 1em .3em 0}
#left-clmn #prihlaseni p {text-align:right;width:95%;padding:0 2%}

#menu-top{height:3em;padding:.5em;}
#crumbs-top{height:2em;padding:.5em;}
#crumb h3{display:inline;}
#crumb h3 a{color:black;text-decoration: none;}
#crumb{width:905px;position:absolute;top:4em; margin-top:75px; padding:0 .5em .5em; border-bottom:1px solid #c4c4c4;background: url(../img/bg-crumb.gif) repeat-x left bottom}
#menu{width:905px;position:absolute;top:90px}
#menu{padding:.7em .5em; margin:0; background: #004ba0 url(../img/bg-menu.gif) repeat-x 0 0}
#menu h3{display:inline;z-index:-1;position:absolute}
#submenu {display:inline;z-index:-1;position:absolute}
#menu ul,#footer ul {display:inline;margin:0;padding:0}
#footer ul{float:left}
#menu ul li {display:inline;}

#menu ul li strong,
#menu ul li a{padding:.7em .5em; background: url(../img/bg-menu-item.gif) no-repeat center right; color:white; }

#menu ul li strong,
#menu ul li a:hover, 
#menu ul li a:active,
#menu ul li a.active, 
#menu ul li a:focus{background: #74a3d6 url(../img/bg-menu-item.gif) repeat-x -400px 0; }

#menu ul li strong{border-top:5px solid #004ba0; background: #2a68b0 url(../img/bg-menu-item.gif) repeat-x 0 0; padding-left:34px}


#menu ul li.first,#footer ul li.first{border:none}
#footer{border-top:1px solid #c6c6c6;margin:1em 0 0 0;padding:.5em; background: url(../img/bg-foot.gif) repeat-x 0 0; font-size:90%}

#footer h3{display:inline;position:absolute;top:-30000px;left:-2000px;}
#footer ul li {display:inline;border-left: 1px solid black;padding:0 .5em}

form{background:#f5f5d5; padding:1em}

fieldset .formh{position:absolute;top:-56px;left:0;background:white;font-size:1em;border:1px solid #7C7B7D;padding:3px}
fieldset{margin:1.3em 0 .5em;position:relative;padding-top:26px}
fieldset div div{margin:.5em 0}

.tblr{display: table-row;}
.tblc{display: table-cell;padding:3px 5px 0 0}
#zprava{width:99%}

.de{background: url(../img/de.gif) no-repeat left center; padding: 0 0 0 30px;}
.cs{background: url(../img/cs.gif) no-repeat left center; padding: 0 0 0 30px;}
.en{background: url(../img/en.gif) no-repeat left center; padding: 0 0 0 30px;}

hr{display:none}
hr.display{height: 1px; 
     color: gray;   
     background-color: gray; 
     border: 0px solid gray;
     display:block;
}


.c {text-align:center}
.r {text-align:right}
.l {text-align:left}
.fl{float:left;}
.flr{float:right;}

#klavesove-zkratky{position:absolute;top:-5000px;left:-5000px;z-index:-1}

body.s140 #footer .flr.r,
body.s160 #footer .flr.r{float:left;text-align: left;}

body label.selected{border:1px solid black}
body.bw label.selected{border:1px solid black}
body.wb label.selected{border:1px solid white}


.small{font-size:90%}




#loga a img{border:none;position:relative;top:-10px}
#kontextova-napoveda{border:1px solid #EBEB8E; background: #F5F5D5 url(../img/bg-napoveda.gif) no-repeat top right; padding:0px 10px; margin-top:.5em}

#typ-periodik {list-style-type: none;padding-left:0}
#typ-periodik li p{margin-top:0}
#typ-periodik li{margin-bottom:-5px;}






/*--------------------------- bbwf  --------------------------------------
body{background:black;color:white}
#site{background:black;position:relative;}
#logo{font-size:200%;background: url(../img/kdd-bw.gif) no-repeat 0 0;width:443px;height:30px}
table,tr,td,th{border:3px solid white;}

th{background:white;color:black}
td{background:black;color:white}
table th{border-color:black}
fieldset table,fieldset table tr, fieldset table tr td{border:none}
#prihlaseni table,#prihlaseni tr,#prihlaseni td,#prihlaseni th {margin:0;padding:0}
table.nobor,table.nobor tr, table.nobor tr td{border:none}


#left-clmn{background:black;border:white 1px solid;}
a{color:white;}
a:hover{color:black;background:white;}
a.de:hover{background:white url(../img/de.gif) no-repeat left center; padding: 0 0 0 30px;color:black}
a.cs:hover{background:white url(../img/cs.gif) no-repeat left center; padding: 0 0 0 30px;color:black}
a.en:hover{background:white url(../img/en.gif) no-repeat left center; padding: 0 0 0 30px;color:black}

#crumb h3 a{color:white;}
#menu {border:1px solid #8D8D8D;}


#menu ul li {border-left: 1px solid black;}
#menu ul li.first,#footer ul li.first{border:none}
#footer{border:1px solid #8D8D8D;}
#footer ul li {border-left: 1px solid black;}
fieldset .formh{background:white;border:1px solid white;color:black}


 
body{background:white;color:black}
#site{background:white;position:relative;}
#logo{font-size:200%;background: url(../img/kdd.gif) no-repeat 0 0;width:443px;height:30px}
table,tr,td,th{border:3px solid black;}

th{background:black;color:white}
td{background:white;color:black}
table th{border-color:white}
fieldset table,fieldset table tr, fieldset table tr td{border:none}
#prihlaseni table,#prihlaseni tr,#prihlaseni td,#prihlaseni th {margin:0;padding:0}
table.nobor,table.nobor tr, table.nobor tr td{border:none}


#left-clmn{background:white;border:black 1px solid;}
a{color:black;}
a:hover{color:white;background:black;}
a.de:hover{background:black url(../img/de.gif) no-repeat left center; padding: 0 0 0 30px;color:white}
a.cs:hover{background:black url(../img/cs.gif) no-repeat left center; padding: 0 0 0 30px;color:white}
a.en:hover{background:black url(../img/en.gif) no-repeat left center; padding: 0 0 0 30px;color:white}



#crumb h3 a{color:black;}
#menu {border:1px solid #8D8D8D;}

#menu ul li {border-left: 1px solid white;}
#menu ul li.first,#footer ul li.first{border:none}
#footer{border:1px solid #8D8D8D;}
#footer ul li {border-left: 1px solid white;}
fieldset .formh{background:black;border:1px solid black;color:white}


*/


/* oprava vykreslování nevalidního kódu v opeře */
legend {position:relative;top:10px;left:0;width:300px;display:block}
legend h2{display:block}

.zanoreno1{padding-left:2em}
.zanoreno2{padding-left:4em}



.white{border-left: 10px solid white}
.yellow{border-left: 10px solid yellow}
.fuchsia{border-left: 10px solid fuchsia}
.aqua{border-left: 10px solid aqua}
.red{border-left: 10px solid red}
.lime{border-left: 10px solid lime}
.blue{border-left: 10px solid blue}
.black{border-left: 10px solid black}
.green{border-left: 10px solid green}
.maroon{border-left: 10px solid maroon}
.olive{border-left: 10px solid olive}
.purple{border-left: 10px solid purple}
.gray{border-left: 10px solid gray}
.navy{border-left: 10px solid navy}
.teal{border-left: 10px solid teal}
.silver{border-left: 10px solid silver}
                         
                         
#nahled{padding:10px; background:black}
#ukazka{border:1px solid green; padding:10px}
#ukazka h1{color:green; border-bottom:1px solid green}
#ukazka p{color:green}        
#ukazka a{color:yellow}
#ukazka a:hover{color:red}
                                 
                         
.archiv-items li{margin-bottom:.5em}         
                         
.ovladani form{padding:0}
.ovladani span{padding-top:6px}
.ovladani form,
.ovladani span {float:left}  
                         

.input-ul input{margin:.3em .3em 0 0}
.input-ul .popisek{margin:.3em .5em 0 0}