body {margin:0; padding:0; color: black; font-family: sans-serif; background-color: #212121; font-size:90%;}
a {color:black;}
h1, h2, h3 {font-family:'Georgia', serif; color:#417B91; font-weight:normal;}
h2 {border-bottom:1px solid #E4E4E4; margin-top:0.5em;}
h3 {margin-bottom:0.5em; border-bottom:1px solid #417B91;}
hr {visibility:hidden; clear:both;}
img {border:0;}
p {margin-top:0; margin-bottom:0.5em;}

.important {background-color:#E4E4E4; padding:0 0.5em 0.5em 0.5em}

#lista {padding-bottom:0.6em !important;}
#lista, #paticka {background-color: black; color:#8E8E8E; padding:0.4em; text-align:center; font-size:80%;}
#lista a, #paticka a {color:#8E8E8E; margin:0em 0.2em 0em 0.2em}
#lista a:hover, #paticka a:hover {color:#FFFFFF;}
#paticka .odkazy {font-size:95%;}
#obal {width:960px; position:relative; margin:0em auto 3em auto; background:url('/content/images/logo.jpg') left 100px #e2e3e8 no-repeat;}
#contentObal {margin-right:0;margin-left: 150px;padding:0.5em; background-color:white; position:relative;}
#content {overflow:visible; position:relative; min-height:200px;}

#hlavicka {position:relative; height:145px; overflow:hidden; background:url('/content/images/hlavicka.jpg') left top no-repeat;}
#hlavicka h1 {float:left; width:200px; height:160px; overflow:hidden; position:relative; margin:0; visibility:hidden;}
#hlavicka h1 span {z-index:5;position:absolute;left:0;top:0; height:160px; width:200px;}

#menuProducts {float:left; margin:3em 0 3em 0; font-size:110%; width:150px;background-color:#212121;}
#menuProducts ul {list-style-type:none; margin:0; margin-left:0.2em; padding:0 !important;}
#menuProducts ul ul {margin-left:0.5em;}
#menuProducts li {position:relative; display:block;}
#menuProducts li {font-size:90%;}
#menuProducts a {display:block; margin:0; margin-top:0.1em; position:relative; cursor:pointer; text-decoration:none;}
#menuProducts a span {color:#FFF; position:relative; display:block; text-decoration:none; margin:0.2em 0.5em 0.2em 0em; padding:0;}
#menuProducts ul ul li a span {margin-top:0; margin-bottom:0;}
#menuProducts .activeLink>a span {color:#62ccf4; font-weight:bold;}
#menuProducts .activeLinkParent>a span {border-bottom:1px solid white; font-weight:bold;}
#menuProducts a:hover span {color:#62ccf4;}

#menuTop {display:block; position:absolute; margin:0; padding:0; left:0; width:100%; bottom:0; overflow:hidden; font-size:90%;background-color:#212121;}
#menuTop ul {padding:0;margin:0; position:relative;}
#menuTop li {display:block; position:relative; font-size:90%; float:left; padding:0;}
#menuTop a span {display:block; position:relative; font-weight:bold; padding:0.5em 0.3em 0.5em 0.3em;}
#menuTop a {display:block; position:relative; color:#F5F5F5; margin-left:3px;}
#menuTop a:hover {background-color:white !important; color:black;}
#menuTop li {text-align:center;}

.productBox a {float:left; display:block; position:relative; padding:0.5em; border:5px solid #E4E4E4; margin:0.5em; background-color:white; text-align:center; width:150px; height:240px;}
.productBox a:hover {border-color:white;}
.productBox a span {position:relative; bottom:0; display:block;left:0;}
.productBox img {display:block;}
.productBox h3 {border:0; margin:0;}

.activeList {z-index:2;}
.activeList > a span {color:#212121 !important; background-color:#E4E4E4 !important;}
.activeList > ul {visibility:visible !important; z-index:4;}

.listOption {background:url('/content/images/odrazka.gif') left 0.15em no-repeat; padding-left:16px;}
.listOption .listOption { margin-left:-16px;}

table td {padding:0.2em;}
table .odd {background-color:#E4E4E4;}

.block, .blockText {position:relative;}
.block div, .blockText div {float:left; position:relative; width:350px; margin:1em;}
.blockText .odd {clear:left;}

.download {display:block; position:relative;}
.download img {float:left; margin:0;}
.download span {margin-top:0.3em !important; position:relative; display:block;}
.download:hover {background-color:#E4E4E4;}

#uniqueList {list-style-type:none; margin:0; padding:0; font-weight:bold; position:relative;}
#uniqueList img, #uniqueActive img {float:left; margin:3px; cursor:pointer;}
#uniqueList li {display:inline;}
#uniqueList span {font-size:90%; font-weight:normal; display:none;}

#uniqueActive {margin:0.2em;}
#uniqueActive span {margin:0.2em;}
#uniqueActive img {margin-right:1em;}

dt {font-weight:bold; font-size:105%;}
dd {margin-bottom:1em; margin-left:1em;}

.main {font-weight:bold;}

#mapLabel {position:absolute; background-color:#000; padding:0.2em; font-size:90%; z-index:3;}
.mainLabel {font-size:110%; color:#FFF; font-weight:bold;}
.detailLabel {color:#FFF;}
.mainLabel:hover, .detailLabel:hover {color:#62ccf4;}

#imageMapBlock {background:url('/content/images/mapa.jpg') left top no-repeat; position:relative; width:552px; margin-left:auto; margin-right:auto;}
#imageMapObal {background:url('/content/images/mapa-hover2.gif') left 312px no-repeat; position:relative;}
#imageMap {background:url('/content/images/mapa-hover.gif') left 312px no-repeat; position:relative;}