.none { display: none;}
.q, .q1 { clear: both;}
.q1 { height: 1px;}
.sloupec60p { width: 60%;}
.sloupec55p { width: 55%;}
.sloupec50p { width: 50%;}
.sloupec45p { width: 45%;}
.sloupec40p { width: 40%;}
.sloupec33p { width: 32%;}
.fl { float: left;}
.fr { float: right;}
.modra { background: #EFF2F5}

.fl50 { width: 50%; float: left;}
.fr50 { width: 50%; float: right;}

.l, .left { text-align: left;}
.c, .center { text-align: center;}
.r, .right { text-align: right;}
.j, .justify { text-align: justify;}

.odsazeny-radek, .indent { text-indent: 2em;}
.odsazeny-odstavec { padding-left: 2em;}

.pismena { list-style-type: lower-latin;}

.info-seznam { clear: both; color: #3D526E; font-size: 0.9em; text-align: right; margin: 0 !important; padding-bottom: 5px;}
.seznam { border-bottom: 1px solid #BFC7D2;}

h1,#text h2,h3,h4 { font-weight: normal; margin: 10px 0; line-height: 1.05em;}
h1 { color: #CC0033; font-size: 2.1em;}
#text h2 { font-size: 1.5em;}
h3 { font-size: 1.3em; font-weight: bold;}
h4 { font-size: 1.1em; font-weight: bold;}

hr { clear: both; margin: 10px 0; _margin: 0; background: none; border: 0; height: 1px; color: #d3ccc0; border-top: 1px solid #BFC7D2;}
#text p, table { margin: 8px 0;}
#text ul, #text ol { margin: 5px 10px 15px 2em;}

form p label { display: block; font-weight: bold; color: #003366;}
form p input { width: 300px;}
fieldset { padding: 2px 10px; border: 2px solid #e3dbcf;}
legend { padding: 2px 5px; color: #CC0033; font-weight: bold;}
.w { width: auto !important;}
.butt { width: auto !important; padding: 2px 5px;}

table { width: 100%; font-size: 1em; margin: 10px 0; border-collapse: collapse;}
td, th { border: 1px solid #fff; border-bottom: 1px solid #C4CEDC; border-top: 1px solid #C4CEDC; padding: 4px 6px;}
th { text-align: left; background: #001c4c; color: #fff; font-weight: normal;}
tr:hover td { background-color: #EFF2F5;}
table.c *, tr.c td, tr.c th, tr.c input { text-align: center !important;}

@media screen, projection, tv {
* { padding: 0; margin: 0;}
html { height: 100%;}
body { min-height: 100%; background: #001A3E url(images/pozadi.png) 0 100% repeat-x fixed; font-family: sans-serif; font-size: 0.8em; line-height: 1.45em; text-align: center; color: #231500;}
#body { background: url(images/hlavicka.png) 50% 0 no-repeat; padding-bottom: 20px;}
#page { width: 960px; margin: auto; text-align: left; position: relative;}

h1,h2,h3, #menu, #paticka { font-family: Georgia, "New York CE", utopia, serif;}

#hlavicka { background: url(images/nadpis.png) 196px 35px no-repeat; height: 168px;}
#hlavicka h2, #hlavicka a {color: #fff;}
#hlavicka h2 { width: 132px; height: 135px; display: block; position: absolute; top: 28px; left: 33px; font-size: 1.4em; overflow: hidden;}
#hlavicka h2 span { width: 132px; height: 135px; display: block; position: absolute; top: 0; left: 0; background: url(images/logo.png) 0 0 no-repeat;}

#link2home { position: absolute; top: 0; left: 0; width: 780px; height: 160px; display: block; z-index: 10;}

#obsah { background: #fff url(images/obsah-pozadi.gif) 10px 0 repeat-y;}
#text { width: 730px; padding: 0px 20px 20px 20px; float: right; overflow: hidden;}

h1.uvod { padding-top: 15px;}

#uvod { margin-top: 15px; background: #fff5cc url(images/uvod-pozadi.png) 0 0 repeat-y;}
#uvod p { font-weight: bold; color: #000; background: url(images/uvod-linka.png) 0 100% no-repeat; #FFF6D1;#e3dbcf; padding: 15px 55px;}
#uvod div { background: url(images/uvod-linka.png) 0 0 no-repeat;}
#uvod em { color: #CC0033;}

.fl { float: left;}

.red { color: #CC0033;}

#drobecky { color: #3A4E6B; font-size: 0.85em; text-align: right;} 

.seznam { padding: 8px 10px 0 10px;}
.seznam h3 { font-family: sans-serif;}
.seznam h2, .seznam h3 { margin: 0 !important; padding: 0 !important;}
.seznam h2 a { color: #000;}
a { color: #001b49; text-decoration: underline;}
a:visited, .seznam h2 a:visited { color: #3A4E6B;}
a:hover, .seznam h2 a:hover { color: #CC0033;}

#paticka { color: #CEC7BD; padding: 10px 20px 10px 210px; font-size: 0.9em;}
#paticka a { color: #CEC7BD; text-decoration: none; border-bottom: 1px solid #3D526E;}
#paticka a:hover { color: #fff; border-color: #ffcc00;}
#paticka p { float: left;}
#paticka p#autor { float: right;}
#paticka p#autor a { color: #3D526E; border: none;}
#paticka p#autor a:hover { color: #ffcc00;}

#menu { width: 180px; padding: 0 0 0 10px; float: left; border-bottom: 1px solid #fff; font-size: 1em; line-height: normal; font-weight: bold;}
#menu, #menu li { list-style: none;}
#menu li { background-color: #dee4eb; background-position: right bottom; background-repeat: no-repeat;}
#menu a, #menu strong { padding: 12px 20px; display: block; _width: 140px; color: #000; text-decoration: none; border-top: 1px solid #fff;}
#menu a:hover { background-color: #C4CEDC; text-decoration: underline;}
#menu strong, #menu .active a { background-color: #F3D255; /*font-weight: normal;*/ color: #001A3E;}

#menu ul { padding: 5px 0 5px 20px; background: #fff0b6; border-top: 1px solid #fff;}
#menu ul li { padding-bottom: 5px;}
#menu .active ul a, #menu .active ul strong { padding: 0 0 0 8px; _width: auto; border: 0; background: url(images/menu-sipka.gif) 0 0.35em no-repeat; font-weight: normal; text-decoration: underline; line-height: 1.1em;}
#menu .active ul a:hover { color: #CC0033; background-image: url(images/menu-sipka-hover.gif);}
#menu ul li { background: none; line-height: 1.5em;}
#menu .active ul strong { text-decoration: none; color: #000;}

.ma { background-image: url(images/menu/a.gif);}
.mb { background-image: url(images/menu/b.gif);}
.mc { background-image: url(images/menu/c.gif);}
.md { background-image: url(images/menu/d.gif);}
.me { background-image: url(images/menu/e.gif);}
.mf { background-image: url(images/menu/f.gif);}
.mg { background-image: url(images/menu/g.gif);}
.mh { background-image: url(images/menu/h.gif);}
.mch { background-image: url(images/menu/ch.gif);}
.mi { background-image: url(images/menu/i.gif);}
.mj { background-image: url(images/menu/j.gif);}
.mk { background-image: url(images/menu/k.gif);}
.ml { background-image: url(images/menu/l.gif);}
.mm { background-image: url(images/menu/m.gif);}
.mn { background-image: url(images/menu/n.gif);}
}

@media print {
body { line-height: 1.45em;}
#drobecky, #menu, #paticka { display: none;}
table, td, th { border: 1px solid #000;}
th { background: #E5E5E5; color: #000;}
#hlavicka a { color: #000; text-decoration: none;}
}