/* * { margin: 0; padding: 0;} */
img { border: none; }
body { margin: 0; padding: 0; font-family: 'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:75%; line-height: 120%;  background: url(img/sys/col.gif) repeat-y;}
body.tisk {background: none;} 
/*ul { list-style: none; }*/
ol { margin-left: 25px;  }
table, form, select, input {font-family: 'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif;}
/*h1, h2, h3, h4 { font-size: 100% }*/
/*input, fieldset { border: 0;}*/
button { border: 0; background: none; }
a { color: #0C1C8C; }
a:hover { color: #687277; }
/* ul li { padding-left: 12px; background: url(../img/sys/li.gif) no-repeat 0 0.3em; } */

#header { height: 100px; background: #030E94 url(img/sys/header.jpg) no-repeat right; }
#header a { position: relative; left: 20px; top: 25px; }

#menu { background: #020202 url(img/sys/menu.gif) repeat-x; width: 100%;}
#menu table { border-collapse: collapse; }
#menu td { text-align: center; background: url(img/sys/menu-sep.gif) no-repeat right;}
#menu a { display: block; width: 100%; color: #fff; font-weight: bold; text-decoration: none; line-height: 30px;}
#menu a:hover { color: #687277; }

#ribbon { background: #F1F0E4 url(img/sys/ribbon.jpg) repeat-x bottom; position: relative; margin: 0; padding: 10px 0 30px 0; zoom: 1}
#ribbon .intro {  color: #687277; font-weight: bold; font-size: 110%; padding: 0 10px; margin-left: 250px; line-height: 150%; border-left: 1px solid #B0AFAE; }
#ribbon * { margin: 0; padding: 0;}

#search { width: 250px; background: url(img/sys/search.jpg) no-repeat bottom; position: absolute; bottom: 0; left: 0; min-height: 90px; margin: 0; padding: 0;}
#search form { padding: 0 0 24px 10px; }
#keyword { width: 120px; border: 1px solid #B0AFAE; float: left;  }
#odeslat { margin-left: 5px; }
#search input { margin: 0; padding: 0; margin-top: 3px; }

#col, #content { vertical-align: top; margin: 0; padding: 0;}
#col { width: 250px; }
#content { padding: 0 20px; font-size: 100%;}
#col li { margin: 0 5px 0 10px; border-bottom: 1px solid #ccc; padding: 7px 0 3px 0;}
#col a { font-weight: bold; text-decoration: none; font-size: 112%; display: block; width: 225px; }
#col ul { padding: 0; padding-bottom: 20px; margin: 0; list-style: none;}
#col .links a { color: #687277; }
#col .links a:hover { color: #000; }
#col .nadpis2 { padding: 0 10px 10px 10px; color: #687277; font-size: 150%; }


/* puvodni cssko */
.bg {background: #F0F0F0}
.normal {font-weight:normal}
.bold {font-weight:bold}
.boldr {font-weight:bold; text-align:right; vertical-align:text-top}
.boldc {font-weight:bold; text-align:center}
.center {text-align:center}
.small {font-size:8pt}
.vypis {line-height:6px;}
.red {color:#FF0000;}

.titul {font-size:18px; color:#FFFFFF;}
.nadpis {font-size:16pt; color:#000000;}
.nadpis2 {font-size:11pt; color:color:#0C1C8C; font-weight:bold;}
.nadpis3 {font-size:18px; color:#0C1C8C;}
.text {background-color: #F0F0F0;}
.oznac {background: #FFFF00;}
.predmet, .obor, .stav, .jmeno {font-weight:bold}
.datum {font-size:8pt}
.hvezdicka {color: #FF0000}
.umenu {background: #ECECEC}
.umenu a {background: #0C1C8C; color: #FFFFFF; font-weight:bold; text-decoration:none; padding:1px;}
.umenu a:hover {background: #0C1C8C; color: #fff}
.tip {color: #0C1C8C; font-weight: bold}
.pozor {font-size:8pt; color:FF0000;}

#tlist {list-style-image:url(img/sys/tecka.gif); margin-left: 20px;  vertical-align: middle}

.n1, h1  {color: Black; font-weight: bold; font-size: 16pt}
.n2 {color: Black; font-weight: bold; font-size: 13pt}
.n3, h2 {color: Black; font-weight: bold; font-size: 11pt}
.n4, h3 {color: Black; font-size: 10pt}

span.do, span.po, span.ko, span.od {color: #000099; font-weight: bold;}
span.pr {color: #339900; font-weight: bold;}
span.ur {color: #FF0000; font-weight: bold;}

h1	{ margin: 0.5em 0 0 0; padding: 0; text-transform: uppercase; }
h2, h3 { margin: 1em 0 0 0; padding: 0; }
p { margin: 0; padding: 0.2em 0 0.5em 0; }
.tabulka { border-collapse: collapse; margin: 0.5em 0 0 0; }
.tabulka td	{ border: 1px solid #000; padding: 0.2em 0.5em; }
.zahlavi td	{ text-align: center; }
.literatura td	{ vertical-align: top; }
.vzorec { float: none; text-align: center; }
.obtek { float: left; margin-bottom: 0.5em; }