* {padding: 0; margin: 0;}
body { font-family: Arial, sans-serif; font-size: 0.8em;}

.clear { clear: both;}

#text h1 { color: #ED1C24; font-size: 2em; font-weight: normal; margin: 10px 0 20px 0; line-height: 1em;}
#text h2 { margin: 20px 0 10px 0; font-size: 1.22em;}
#text h3 { margin: 10px 0 10px 0; font-size: 1.1em;}
#text p { margin: 10px 0;}
#text ul, #text ol { margin: 0 10px 10px 30px; line-height: normal;}
#text li { padding: 2px 0;}

.img, .fr img, .fl img { border: 5px solid #DCEAFA; margin: 3px 15px; background: #fff;}
.img.active { border-color: #C8DEF7;}
.fr { float: right;}
.fr img { margin-right: 0;}
.fl { float: left;}
.fl img { margin-left: 0;}
.hid { display: none;}
.l { text-align: left;}
.c { text-align: center;}
table.c *, tr.c td, tr.c th, tr.c input { text-align: center !important;}
.r { text-align: right;}
.j { text-align: justify;}
.fl50 { width: 50%; float: left;}
.fr50 { width: 50%; float: right;}
.w100 { width: 100px;}
.w150 { width: 150px;}
.nomargin { margin: 0 !important;}

.tucne { font-weight: bold;}

table { width: 100%; font-size: 1em; margin: 10px 0; border: 2px solid #C8DEF7; border-collapse: collapse;}
th { text-align: left; background: #DCEAFA;}
td, th { border: 1px solid #C8DEF7; padding: 2px 6px;}

#uvod img { border: 5px solid #DCEAFA; margin: 4px;}

@media screen,projection,tv {
html,body { background: #1e4473 url(images/pozadi.png);}
#body { background: url(images/body-pozadi.png) 0 0 repeat-x; min-height: 460px; text-align: center;}
#page { width: 960px; margin: auto; text-align: left; position: relative;}
#hlavicka { padding-top: 50px; height: 68px; _height: 118px; _he\ight: 68px; background: url(images/hlavicka-kolaz.png) 100% 0 no-repeat;}
#hlavicka h1, #hlavicka h2 { margin-left: 20px; position: relative; width: 308px; height: 60px; overflow: hidden; background: #fff;}
#hlavicka, #hlavicka a { color: #ed1d24;}
#hlavicka span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(images/logo-css.png) 0 0 no-repeat;}
#hlavicka a span { cursor: hand;}
#hlavicka p { display: none;}

#pozadi-submenu { background: #081f3b url(images/submenu-pozadi.png) 550px -1px repeat-y; margin-right: 200px;}
#ohraniceni { background: url(images/ohraniceni.gif) 0 0 repeat-y; _height: 1px;}
#ohraniceni-vrsek { background: url(images/ohraniceni-vrsek-pozadi.png) 0 0 no-repeat; _height: 1px;}
#ohraniceni-spodek { background: url(images/ohraniceni-spodek-pozadi.png) 0 100% no-repeat; padding: 19px 15px;}
#text { padding: 30px 30px 30px 30px; width: 480px; _width: 540px; _wid\th: 480px; background: #EBF1FC; float: left; line-height: 1.5em; min-height: 500px; _height: 500px;}

#text p strong { color: #081f3b;}

a { color: #ED1C24; text-decoration: underline;}
a:hover { color: #B02D33; text-decoration: none;}
a:hover img { border: 3px solid #B02D33; padding: 2px;}
a:active img { border-color: #ED1C24;}

form label span { display: block; font-weight: bold;}
form p { margin: 3px 0 !important;}
form input, input.padding { padding: 2px 10px;}
form label input { padding: 0; width: 300px;}
textarea { width: 100%; height: 100px;}

#vypocty .readonly {border: 1px solid #EBF1FC;background:#EBF1FC;}
#vypocty .w { width: 60px !important;}
#vypocty .w90 { width: 90px !important;}
#vypocty ul, #vypocty li { list-style: none;}
#vypocty table input { width: 120px;}
#vypocty fieldset ul ul { display: none;}
#vypocty label { cursor: pointer; _cursor: hand;}
#vypocty fieldset { border: 2px solid #C8DEF7; padding: 5px 10px;}
#vypocty legend { padding: 4px 10px; background: #DCEAFA; border: 1px solid #C8DEF7; font-weight: bold;}

.vypocet-ilustrace { position:absolute;right:20px;width:190px;text-align: center;background: #EBF1FC; padding: 20px 0;}
.vypocet-ilustrace img { margin: auto;}
.vypocet-fl { width:49%;float:left;}
.vypocet-fr { width:49%;float:right;}

#paticka, #autor { font-size: 0.85em; color: #EBF1FC; line-height: 1.4em; padding: 0 30px 20px 30px;}
#paticka a { color: #EBF1FC;}
#paticka { float: left;}
#autor a { color: #C8DEF7;}
#autor { float: right; padding-top: 10px;}
#paticka a:hover, #autor a:hover { color: #fff;}

#menu { position: absolute; top: 0; left: 0; list-style: none; font-size: 1.1em; padding-right: 78px; background: url(images/menu-top-posledni-png32.png) 100% 0 no-repeat; _background-image: url(images/menu-top-posledni.png); font-weight: normal;}
#menu li { height: 45px; width: 106px; _width: auto; float: left; display: block; background: #0a284b url(images/menu-top-pozadi.png) 0 0 repeat-x;}
#menu a, #menu span { display: block; float: left; width: 105px; height: 43px; line-height: 43px; color: #fff; text-align: center; text-decoration: none; background: url(images/menu-top-mezera.png) 100% 0 no-repeat;}
#menu a:hover, #menu li.menuon a { color: #DEE0E4; text-decoration: underline;}
#menu span { background: #04101E url(images/menu-top-mezera.png) 100% 0 no-repeat; color: #fff;}
#menu ul { position: absolute; top: 43px; width: 150px; _width: 170px; _wid\th: 150px; visibility: hidden; background: #0b2a4f; padding: 10px 13px; _padding-left: 0; _padding-lef\t: 13px; border: 1px solid #fff; margin-left: -2px; font-size: 0.95em; z-index: 20; _margin-left: -106px; list-style: none;}
#menu ul li, #menu ul li a, #menu ul li span { height: auto; float: none; width: auto; text-align: left; line-height: normal; background: none; font-weight: bold; color: #DEE0E4;}
#menu ul li a { display: inline; text-decoration: underline;}
#menu ul li { margin: 5px 0; display: block;}
#menu ul li a:hover, #menu ul li span { color: #fff;}
#menu li.menuon ul { visibility: visible !important;}

#submenu { width: 180px; float: left; margin-left: 1px; _display: inline; padding-top: 10px;}
#submenu h3 { text-align: right; color: #DCEAFA; font-weight: bold; padding-right: 30px; background: url(images/submenu-h3.png) 100% 50% no-repeat; line-height: 1.8em; min-height: 30px; _height: 30px; font-size: 1.15em;}
#submenu ul { list-style: none; line-height: normal;}
#submenu strong, #submenu a { padding: 6px 10px 5px 30px; display: block;}
#submenu strong, #submenu a { margin-left: -3px; padding-left: 30px; background: url(images/submenu-strong.png) 0 50% no-repeat; color: #fff;}
#submenu a { color: #DEE0E4; text-decoration: none; background: none;}
#submenu a:hover { color: #fff; text-decoration: underline; background: url(images/submenu-strong.png) 0 50% no-repeat;}

#novinky {position: absolute; right: 5px; top: 120px; width: 190px; overflow: hidden;}
#novinky p {margin-bottom: 10px; clear: both;}
#novinky h3 {color: #fff; font-weight: bold; line-height: 1.8em; font-size: 1.15em; padding: 8px 4px;}
#novinky span {display: none;}
#novinky strong {display: block; font-size: 1.15em; padding-bottom: 5px;}
#novinky img {float: right; border: 2px solid #DCEAFA; padding: 0 !important; margin: 0 0 5px 5px;}
#novinky a {display: block; background: #EBF1FC url(images/novinky-sipka.gif) 0.5em 0 no-repeat; text-decoration: none; color: #000; font-size: 0.85em; padding: 14px 9px 9px 9px; border-bottom: 3px solid #C8DEF7;}
#novinky a:hover {background-color: #fff; border-color: #ED1C24;}
#novinky a:hover strong {color: #ED1C24; text-decoration: underline;}
#novinky a:hover img {padding: 0 !important; border-color: #B02D33;}

}
@media print {
body, html { background: #fff;}
#hlavicka p { float: right; visibility: hidden;}
#hlavicka p img { visibility: visible;}
#hlavicka p a { display: none;}
#hlavicka h1, #hlavicka h2 { color: #ED1C24; font-size: 1.7em; font-weight: bold; float: left; line-height: 42px;}
#hlavicka h2 a { color: #ED1C24; text-decoration: none;}
#text { clear: both; line-height: 1.5em;}
#text h1 { color: #000; font-size: 2em;}
#text h2 { font-size: 1.5em; font-weight: normal;}
#text h3 { font-size: 1.2em;}
#menu, #submenu, #paticka, #autor, #novinky { display: none;}
a { color: #000;}
#vypocty .readonly { border: none;}
#vypocty .w { width: 60px !important;}
#vypocty table { width: 99%; page-break-inside: avoid;}
#vypocty-paticka, #vypocty .padding { display: none;}
.vypocet-ilustrace { float: right;}
.vypocet-fl, .vypocet-fr { width: auto !important; float: left; margin-right: 10px;}
}