html, body { height: 100%; }
body { background: url(../img/design/pozadi.jpg) repeat top center white; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: Georgia, Verdana; font-size: 14px; text-align: center; color: #000000; }

#slideshow { width: 181px; height: 183px; position: absolute; left: 746px; top: 51px; overflow: hidden; float: right; }
#urgentnizprava { margin: 30px 15px; padding: 20px 20px; border: 6px solid rgb(255,64,0); background: rgb(255,224,224); color: red; line-height: 25px; font-size: 20px;-webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; -webkit-box-shadow: 0 3px 0px rgba(0,0,0,.1); -moz-box-shadow: 0 3px 0px rgba(0,0,0,.1); box-shadow: 0 3px 0px rgba(0,0,0,.1); }

.cleaner { clear: both; margin: 0; padding: 0; visibility: hidden; }
.obr { border: 2px solid darkred; margin: 5px; }
.obr2{ border: 0px; }

#hl { width: 979px; background: url(../img/design/stred.jpg) repeat center center; margin: 0px 0px 30px 0px; padding: 0; text-align: left; position: relative; }
body > #hl { height: auto; }

#menu { width: 184px; float: left; position: relative; margin: 0px 0px 0px 16px; text-align: center; min-height: 460px; }
#menu ul { padding: 0; margin: 0; list-style: none; }
.moj { text-align: center; }
#menu li { width: 184px; float: left; padding: 0; margin: 0; line-height: 20px; }
#menu li a { display: block; text-decoration: none; color: #e6f8e7; border-top: 0; padding: 5px; text-align: center; font-weight: bold; border-bottom: 1px solid black; }
#menu li a.fi { display: block; text-decoration: none; color: #e6f8e7; border-top: 0; padding: 5px; text-align: center; font-weight: bold; border-bottom: 1px solid black; }
#menu ul li a:hover { color: #ffffff; font-weight: bold; background: black; }
#menu ul li a:active { font-weight: bold; background-color: darkred; }
.dforum { height: 25px; line-height: 25px; background: #cd1b1b; }
#menu p a img { margin: 35px 0px 0px 17px; float: center; }

#text { overflow: hidden; text-align: left; width: 719px; margin: 10px 5px 70px 225px; list-style-position: inside; }
#text p { line-height: 20px; vertical-align: center;  }
#text a { color: darkred; font-weight: bold; text-decoration: underline; }
#text a:hover { text-decoration: none; }
#text ul { list-style-type: disc; list-style-position: outside; }

#pata { background: url(../img/design/paticka.jpg) no-repeat top center; display: block; width: 979px; height: 45px; position: absolute; bottom: 0; margin: 0px 0px 0px 0px; padding: 0; text-align: center; clear: both; }
#pata P { line-height: 20px; text-align: center; vertical-align: middle; font-size: 13px; color: #ffffff; padding: 0; margin: 5px; }
#pata P A { line-height: 20px; text-align: center; vertical-align: middle; font-size: 13px; color: #ffffff; }

P { color: #0d2a0e; text-align: justify; font-size: 14px; line-height: 1.2; margin-top: 0; margin-bottom: 1em; padding: 0; }
.akce{ color: #0d2a0e; text-align: justify; font-size: 18px; line-height: 1.5; margin-top: 0; margin-bottom: 1em; padding: 0; }
P a { color: darkred; text-decoration: underline; }
P a:hover { color: darkred; text-decoration: none; }
H1 { margin: 10px 0; padding: 8px; text-align: left; font-family: Georgia, Verdana; font-size: 16px; font-weight: bold;color: darkred; background: #f7dede; border: 1px solid #ff2222; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; -webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 0px rgba(0,0,0,.1); box-shadow: 0 1px 0px rgba(0,0,0,.1); }
H2 { margin: 10px 0; padding: 8px; text-align: left; font-family: Georgia, Verdana; font-size: 18px; font-weight: bold; color: darkred; }
.podpis { text-align: right; width: 100%; font-weight: bold;}

@media print 
{
body { color: black; background: white; font-size: 12pt; width: 100%; }
#text { float: left; padding: 0; margin: 0; border-color: black; width: 95%; }
[href]:after { content: " [" attr(href) "] "; }
#menu, #pata { display: none; }
}