body {background: #555; margin: 0; padding: 0; color: #fff; font-size: 0.8em; font-family: "Times New Roman", Times, serif; text-align: center;}
a {color: #fff;}
a:hover {text-decoration: none;}
p {text-align: justify;}

#container {width: 932px; position: relative; margin-left: auto; margin-right: auto; text-align: left;}
#hlavicka {background: url(img/bg-hlavicka.jpg) no-repeat right top; height: 195px; position: relative;}
a#jkjlogo {width: 98px; height: 91px; background-image: url(img/jkj-logo.png); position: absolute; left: 820px; top: 95px; text-decoration: none;}
#logo {position: absolute; top: 0px; left: 0px;}
/*#motiv {position: absolute; top: 0px; left: 260px;}*/
#nadpis {position: absolute; top: 35px; left: 450px; color: #000;}

h1 {margin: 0; color: #f00; letter-spacing: 3px; text-transform: uppercase; font-size: 1.6em;}
h1 span {text-transform: none; font-size: 0.8em;}
#podnadpis {color: #4c4c4c; font-size: 1em; margin-top: 5px; padding-left: 95px; letter-spacing: 2px; font-weight: bold;}
#cinnost {border-left: 2px solid #f00; padding-left: 10px; margin: 10px 0 0 95px;}
#cinnost strong {color: #f00;}

#hlavni {/*height: 280px;*/background: #656565 url(img/bg-hlavni-hp.jpg) repeat-x top; position: relative;}
#obsah {/*height: 280px;*/ background: url(img/bg-stroj.jpg) no-repeat left top; padding: 33px 26px 0 483px; position: relative;}

#menu {width: 570px; position: absolute; right: 0px; top: 0px; background: url(img/bg-menu.gif) repeat-x top; height: 32px; line-height: 32px; padding-right: 10px;}
#menu a {color: #fff; text-decoration: none; display: block; float: left; padding: 0px 9px; text-transform: uppercase; font-size: 0.9em; border-right: 1px solid #000;}
#menu a:hover {background: url(img/bg-menu-over.gif) repeat-x top;}

#menu2 {width: 555px; position: absolute; right: 0px; top: 33px; background: url(img/bg-menu.gif) repeat-x top; height: 32px; line-height: 32px; padding-right: 10px;}
#menu2 a {color: #fff; text-decoration: none; display: block; float: left; padding: 0px 9px; text-transform: uppercase; font-size: 0.9em; border-right: 1px solid #000;}
#menu2 a:hover {background: url(img/bg-menu-over.gif) repeat-x top;}

#menu3 {width: 249px; position: absolute; right: 0px; top: 64px;  height: 32px; line-height: 32px;}
#menu3 a {color: #fff; text-decoration: none; display: block; float: right; padding: 0px 9px 0px 9px; text-transform: uppercase; font-size: 0.9em; border: 1px solid #000; background-color: #0060bf; line-height:28px; position: relative; top: 2px;}
#menu3 a:hover {background-color: #3090ef;}
#menu3 a.spec {background: url(img/bg-menu.gif) repeat-x top; line-height: 30px; top: 0;}
#menu3 a.spec:hover {background: url(img/bg-menu-over.gif) repeat-x top;}


h2 {display: inline; margin: 0; background: url(img/bg-h2.gif) repeat-x bottom; padding-bottom: 10px; text-transform: uppercase; color: #eee; font-size: 1.1em;}
h3 {background: url(img/odr.gif) no-repeat left 50%; padding-left: 20px; font-size: 1.1em; margin: 0 0 10px 0;}


#paticka1 {clear: both; background: #fff; color: #7F7F7F; text-align: center; padding: 5px; border-bottom: 3px solid #ccc;}
#paticka2 {background: #BC0202 url(img/bg-paticka.gif) repeat-y left; text-align: center; padding: 5px;}

.cleaner {clear: both; visibility: hidden; margin: 0px; padding: 0px; border: none;}
.novinka {margin: 0 0 0 0; line-height: 0.95em;}
.novinka img {float: left; border: 2px solid #fff; margin: 0 10px 0 0;}
.novinka .datum {color: #7f7f7f;}
#archiv {text-align: right; background: url(img/sipka.gif) no-repeat right 50%; padding: 0px 20px;}