* {margin: 0; padding: 0; border: 0; border-collapse: collapse}

h1 span, h2 span, h3 span {display: none}
a {text-decoration: underline}
a:hover {text-decoration: none !important}
span.info {color: #8d8d8d; font-size: 11px; padding: 0 31px; margin: 0 0 3px 0; display: block}
span.info a {color: #e4abac}
strong {font-weight: bold; color: #fff}
hr {margin: 15px 0 20px 20px; background: url(../images/design/faketable.png) no-repeat bottom left; clear: both}

body {background: #000000 url(../images/design/body-background-super.jpg) repeat-x bottom; height: 100%; min-height: 1000px}
#container {background: #860509 url(../images/design/body-background.jpg) no-repeat bottom; height: 100%; min-height: 1000px; width: 100%; max-width: 986px; margin: auto}
#innerContainer {width: 986px; height: 100%; min-height: 1209px; background: url(../images/design/innerContainer.png) no-repeat top; position: relative}

#header {width: 986px; height: 155px; position: relative}
#header #logo {display: block; width: 250px; height: 155px; background: url(../images/design/logo-mu.png) no-repeat top}
#header #logo:hover {background: url(../images/design/logo-mu.png) no-repeat bottom}
#header span {display: none}

#header #menuHolder {width: 750px; height: 45px; position: absolute; left: 250px; top: 45px}
#header #menuHolder a {display: block; height: 45px; float: left; height: 100%}
#header #menuHolder #menu-home {width: 94px; background: url(../images/design/menu-homepage.png) top}
#header #menuHolder #menu-home:hover, #header #menuHolder #menu-home.menuActive {background: url(../images/design/menu-homepage.png) bottom}
#header #menuHolder #menu-aktuality {width: 68px; background: url(../images/design/menu-aktuality.png) top}
#header #menuHolder #menu-aktuality:hover, #header #menuHolder #menu-aktuality.menuActive {background: url(../images/design/menu-aktuality.png) bottom}
#header #menuHolder #menu-knihy {width: 92px; background: url(../images/design/menu-vydano.png) top}
#header #menuHolder #menu-knihy:hover, #header #menuHolder #menu-knihy.menuActive {background: url(../images/design/menu-vydano.png) bottom}
#header #menuHolder #menu-ukazky {width: 99px; background: url(../images/design/menu-ukazky.png) top}
#header #menuHolder #menu-ukazky:hover, #header #menuHolder #menu-ukazky.menuActive {background: url(../images/design/menu-ukazky.png) bottom}
#header #menuHolder #menu-napsali {width: 90px; background: url(../images/design/menu-napsali.png) top}
#header #menuHolder #menu-napsali:hover, #header #menuHolder #menu-napsali.menuActive {background: url(../images/design/menu-napsali.png) bottom}
#header #menuHolder #menu-blog {width: 54px; background: url(../images/design/menu-blog.png) top}
#header #menuHolder #menu-blog:hover, #header #menuHolder #menu-blog.menuActive {background: url(../images/design/menu-blog.png) bottom}
#header #menuHolder #menu-odkazy {width: 110px; background: url(../images/design/menu-odkazy.png) top}
#header #menuHolder #menu-odkazy:hover, #header #menuHolder #menu-odkazy.menuActive {background: url(../images/design/menu-odkazy.png) bottom}
#header #menuHolder #menu-foto {width: 90px; background: url(../images/design/menu-fotogalerie.png) top}
#header #menuHolder #menu-foto:hover, #header #menuHolder #menu-foto.menuActive {background: url(../images/design/menu-fotogalerie.png) bottom}
#header #menuHolder #menu-webkontakt {width: 115px; background: url(../images/design/menu-webkontakt.png) top}
#header #menuHolder #menu-webkontakt:hover, #header #menuHolder #menu-webkontakt.menuActive {background: url(../images/design/menu-webkontakt.png) bottom}

#main {width: 986px; height: 100%; min-height: 900px; background: url(../images/design/content.png); font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #d7d6d6}
#main #content {width: 775px; margin-bottom: 15px; padding-bottom: 65px}
#main #content #centCol {float: right; width: 360px; height: 800px; margin: 0 0 15px 15px; position: relative}
#main #content #centCol img {position: relative; top: -20px; left: -28px; background: none}
#main #content p {padding: 5px 31px}

#main #rightCol {position: absolute; left: 775px; top: 193px; background:url(../images/design/separator.png) no-repeat left top; height: 666px}
#main #rightCol #vyslo {width: 245px; height: 56px; background: url(../images/design/header-vyslo.png)}
#main #rightCol #partneri {width: 244px; height: 56px; background: url(../images/design/header-partneri.png) right; margin-top: 25px; margin-left: 1px}
#main #rightCol div {padding: 5px 45px 5px 20px}
#main #rightCol img {float: left; margin: 0 10px 10px 0}
#main #rightCol h4 {margin: 0 0 5px 0}
#main #rightCol p {clear: both}
#main #rightCol a.koupit {display: block; width: 77px; height: 41px; background: url(../images/design/koupit.png) top; float: left; margin: 10px 0}
#main #rightCol a.koupit:hover {background: url(../images/design/koupit.png) bottom}
#main #rightCol a.koupit span {display: none}

#content h1 {background:transparent url(../images/design/header.png) repeat-y scroll left center;color:#E0E0E0;font-size:24px;font-weight:normal;height:100%;left:-28px;line-height:40px;margin:40px 0 8px;min-height:40px;padding-left:58px;position:relative;text-transform:uppercase;width:762px;}
#content h3, #content h2 {position: relative; color: #feb33f !important; font-size: 18px; font-weight: normal; margin: 15px 0 0 0; padding: 0 33px; background: url(../images/design/odrazka.png) no-repeat left; position: relative; left: -2px}
#content h3 a, #content h2 a {color: #feb33f !important; font-size: 18px; font-weight: normal; text-decoration: underline}
h4, h4 a {font-size: 12px; font-weight: bold; color: #e4abac}
h4 {padding: 0 0 0 31px; margin: 15px 0 0 0}
#content #urban {background: url(../images/design/header-urban.png) no-repeat left; height: 40px; width: 220px; position: relative; left: -28px; margin: 40px 0 8px 0}
#content #aktuality {background: url(../images/design/header-aktuality.png) no-repeat left; height: 40px; width: 220px; position: relative; left: -28px; margin: 20px 0 8px 0}

#content a {color: #ffb43f}
#content a:visited {color: #e4abac}
#content a:hover {color: #ffcc7d}
#content img {float: left; margin: 5px 15px 15px 31px; background: #000}
#content ul {list-style: none; margin: 20px 0 10px 31px}
#content ul ul {margin: 10px 0 15px 0px; font-size: 11px}
#content li {background: url(../images/design/odrazka.png) no-repeat left 4px; padding-left: 30px; margin-bottom: 10px}
#content li li {background: url(../images/design/fakeli.png) no-repeat left 3px; padding-left: 15px; margin-bottom: 3px}

a.vice {display: block; float: right; width: 34px; background: url(../images/design/vice.png) top; height: 28px}
a.vice:hover {background: url(../images/design/vice.png) bottom}
a.article {display: block; float: right; width: 91px; height: 29px; background: url(../images/design/celyprispevek.png) top; margin: 5px 0 15px 0}
a.article:hover {background: url(../images/design/celyprispevek.png) 0 28px}
a.vice span, a.article span {display: none}
#rightCol a.vice {float: none; background: url(../images/design/vice.png) bottom; margin: 8px 0 0 0}
#rightCol a.vice:hover {background: url(../images/design/vice.png) top}

#content a#discount {text-decoration: none !important; display: block; position: absolute; top: -5px; left: 250px; width: 155px; background: url(../images/design/koupitseslevou.png) top; height: 42px}
#content a#discount:hover {background: url(../images/design/koupitseslevou.png) bottom}

#detail {width: 710px; margin: 10px 0}
#detail caption {display: none}
#detail th {text-align: left}
#detail td.node {width: 100px; padding-left: 31px}
#detail td.value {width: 230px; padding-left: 10px}
#detail .li {width: 340px; padding-left: 18px; background: url(../images/design/fakeli.png) no-repeat left 11px}
#detail td td {height: 32px}
#detail tbody {background: url(../images/design/faketable.png) repeat-y 12px top}
#detail tbody * {background: none}
#detail td {vertical-align: top}
#detail td td {vertical-align: middle}
#detail .lihe h3 {left: -18px}

fieldset {padding: 31px; background: url(../images/design/form.png); position: relative; margin: -10px 45px 10px 0}
fieldset legend {display: none}
fieldset .formSearch {width: 300px; height: 29px; background: url(../images/design/searchInput.png) top; position: relative}
fieldset .formSearch:hover {background: url(../images/design/searchInput.png) bottom}
fieldset .formSearchInput {position: absolute; left: 30px; font-size: 14px; top: 6px; width: 260px; background: none}
fieldset .formSearchSubmit {position: relative; height: 29px; left: 310px; background: url(../images/design/searchSubmit.png) top; width: 163px}
fieldset .formSearchSubmit:hover {background: url(../images/design/searchSubmit.png) bottom}

fieldset label {display: block; padding-right: 25px; text-align: right; height: 28px; margin-top: 5px}
fieldset td {vertical-align: top}
fieldset .formInput {height: 29px; width: 300px; background: url(../images/design/formInput.png) no-repeat top; position: relative; margin-bottom: 10px}
fieldset .formInput:hover {background: url(../images/design/formInput.png) no-repeat bottom}
fieldset .formInput input {position: relative; font-size: 14px; width: 280px; left: 10px; background: none; top: 7px}
fieldset .formText {height: 125px; width: 560px; background: url(../images/design/formText.png) no-repeat top; position: relative; margin-bottom: 10px}
fieldset .formText:hover {background: url(../images/design/formText.png) no-repeat bottom}
fieldset .formText textarea {position: relative; font-size: 14px; width: 540px; height: 105px; left: 10px; background: none; top: 10px}
fieldset #formSubmit {width: 122px; height: 29px; position: relative; left: 560px; background: url(../images/design/formSubmit.png) top}
fieldset #formSubmit:hover {background: url(../images/design/formSubmit.png) bottom}

#content fieldset h3 {position: relative; left: -33px; top: -17px}

.listing {display: block; text-align: right; margin: 0px 45px 10px 0; float: right}
.listing a, .listing span {color: #D7D6D6 !important; height: 18px; width: auto; margin: 0 2px; display: block; float: left; padding: 0 1px}
.listing a span {display: none}
.listing .listF {width: 9px; background: url(../images/design/list-prvni.png) top}
.listing .listP {width: 12px; background: url(../images/design/list-predchozi.png) top}
.listing .listN {width: 12px; background: url(../images/design/list-dalsi.png) top}
.listing .listL {width: 9px; background: url(../images/design/list-posledni.png) top}
.listing .listF:hover {background: url(../images/design/list-prvni.png) bottom}
.listing .listP:hover {background: url(../images/design/list-predchozi.png) bottom}
.listing .listN:hover {background: url(../images/design/list-dalsi.png) bottom}
.listing .listL:hover {background: url(../images/design/list-posledni.png) bottom}

#footer {position: relative; height: 120px; width: 986px}
#footer span {position: absolute; font-family: Arial, Helvetica, sans-serif; color: #5d5d5d; font-size: 11px}
#footer a {color: #860509; text-decoration: none !important}
#footer a:hover {text-decoration: underline !important}
#footer #copy {left: 80px; top: 5px}
#footer #legal {left: 80px; top: 22px}
#footer #submenu {right: 80px; top: 22px; color: #420406}
#footer #submenu a {color: #5d5d5d}
#footer #design {right: 80px; top: 63px}
#footer #prostitutka {position: absolute; left: -100px; top: -76px}

#blogPanel {background:transparent url(../images/design/blog.png) no-repeat scroll 0 0;
height:430px;
left:-7px;
overflow:hidden;
padding:58px 32px 52px 34px;
position:absolute;
top:253px;
width:340px;}

#blogPanel h2 {font-size: 16px; font-weight: bold; color: #D7D6D6 !important; background: none}

#rightCol span.info {padding: 0 !important}

dt {float: left; margin: 0 10px 0 31px}

.jumper {position: absolute !important; left: -2000px !important}

#content .widgContainer .widgToolbar li {background: none; padding: 0}
#content #textWidgToolbar {margin: 20px 0}
.widgToolbar li {width: auto !important}

#main #content #centCol p img {margin: 10px 15px 10px 0; left: 0; top: 0}

#content .galerie {margin: 10px 31px 0 31px}
#content .galerie td {width: 200px; height: 100%; vertical-align: top; text-align: center; padding: 0 50px 20px 0}
#content .galerie td img {float: none; margin: 0 0 3px 0; display: block}
#content .galerie td a img {border: 2px solid transparent}
#content .galerie td a:hover img {border: 2px solid #FFB43F}