/* Reset
----------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
body {line-height: 1; color: black; background: #fff;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}



/* Basic
----------------------------------------------- */
body {background: url(/images/back.jpg) repeat-y center 0 #c8e2fd; font: 16px/1em arial, verdana; color: #000;}
a {text-decoration: underline;}
a:visited {text-decoration: underline;}
a:hover {text-decoration: none;}
a img {border: 0;}
.clear {clear: both;}
strong {font-weight: bold;}
em {font-style: italic;}
acronym {cursor: help; border-bottom: 1px dashed #000;}
.left {float: left;}
.right {float: right;}



/* Alerts
----------------------------------------------- */
.alert-bad {border: 1px solid red; width: 425px; font-size: 0.875em; padding: 5px 5px 5px 30px; font-weight: bold; background: url(/images/cancel.jpg) no-repeat 8px 4px #ffe3e3; margin: 10px 0 30px 8px;}
.alert-good {border: 1px solid green; width: 425px; font-size: 0.875em; padding: 5px 5px 5px 30px; font-weight: bold; background: url(/images/accept.jpg) no-repeat 8px 4px #d4ead4; margin: 10px 0 30px 8px;}



/* Layout
----------------------------------------------- */
#wrapper {float: left; width: 100%;}
#container {width: 890px; margin: 0 auto;}



/* Content
----------------------------------------------- */
#content {margin: 0 208px;}
#content .slideshow {margin-left: 8px; position: relative; top: 5px;}
#content h2.hlavni-nadpis {margin: 4px 0 8px 4px; background: url(/images/content-header.jpg) no-repeat #9a9a9a; width: 454px; height: 23px; color: #fff; font-size: 0.75em; font-weight: bold; padding: 7px 0 0 15px;}
#content a, #content a:visited {color: #3074bb; text-decoration: underline;}
#content a:hover {color: orange;}
#content p {font-size: 0.69em; margin: 0 20px 10px 10px;}
#content ul {margin: 5px 0 10px 20px; width: 430px;}
#content ul li {font-size: 0.75em; font-weight: bold;}
#content ul li ul {margin-left: 30px;}
#content ul li ul li {font-size: 0.875em; font-weight: normal; list-style: circle; width: 380px;}
#content ul li ul li ul li {font-size: 1.0em; font-weight: normal; list-style: circle;}

#content ol {margin: 5px 0 10px 20px; width: 430px;}
#content ol li {font-size: 0.69em; font-weight: normal; list-style: decimal; margin-left: 20px;}

#content table {border-spacing: 1px; background: #fff; border-top: 0px solid #99ccff; border-left: 0px solid #99ccff; margin: 10px 0 20px 21px;}
#content table tr th {font-size: 0.69em; background: #a7d3ff; margin: 0 1px 1px 0; width: 108px; text-align: center; padding: 3px 4px 3px 4px;}
#content table tr th.corner {color: #a7d3ff;}
#content table tr td {font-size: 0.69em; background: #d4e9ff; margin: 0 1px 1px 0; width: 108px; text-align: center; padding: 3px 4px 3px 4px;}
#content table.ceny tr td {width: 16px;}



/* Content - volitelne styly editoru
----------------------------------------------- */
#content .content-right {text-align: right;}
#content .content-bottom {margin-bottom: 30px}
#content .content-h3 {margin: 15px 0 5px 20px; color: #25517c; font-weight: bold; clear: both; font-size: 0.75em;}
#content .content-ul li {font-size: 0.69em; font-weight: normal; list-style: disc; margin-left: 20px;}
#content .content-ul-order li {list-style: none;}
#content .content-poznamka {background: #fffb84; padding: 7px; border: 1px solid #f6da3c; font-size: 0.69em; margin: 0 20px 10px 10px;}


/* Content - stranka kontaktu
----------------------------------------------- */
#content .kontakt {float: left; width: 150px; padding: 0 20px; font-size: 0.75em;}
#content .kontakt span {font-weight: bold; color: #25517c;}
#content .kontakt a, #content div a:visited {color: #000; font-weight: normal;}
#content .kontakt a:hover {color: #25517c; font-weight: normal;}

.qr {float: left; padding-top: 20px; width: 460px;}
.qr .qr-left {float: left; width: 105px; padding: 12px 0 0 10px;}
.qr .qr-right {float: left; width: 340px;}

#content .kontakt-qr {float: left; width: 150px; padding: 0 20px; font-size: 0.75em;}
#content .kontakt-qr span {font-weight: bold; color: #25517c;}
#content .kontakt-qr a {color: #000; font-weight: normal;}
#content .kontakt-qr a:hover {color: #25517c; font-weight: normal;}

#content .kontakt2 {float: left; width: 230px; padding: 0 20px; padding-left: 0; font-size: 0.75em; } 
#content .kontakt2 span {font-weight: bold; color: #000;}
#content .kontakt2 a {color: #000; font-weight: normal;}
#content .kontakt2 a:hover {color: #25517c; font-weight: normal;}

#content .kontakt2-qr {float: left; width: 100px; padding: 0 20px; padding-left: 0; font-size: 0.75em;} 
#content .kontakt2-qr span {font-weight: bold; color: #000;}
#content .kontakt2-qr a {color: #000; font-weight: normal;}
#content .kontakt2-qr a:hover {color: #25517c; font-weight: normal;}

#content .hl {clear: both; padding: 7px; border: 1px solid #92bb62; width: 300px; background: #c7dfaa; margin: 20px 20px 5px 20px; font-size: 0.75em; float: left;}


#content .mapa {width: 455px; clear: both; position: relative; top: 5px; height: 100px; margin-left: 17px;}
#content h2 {color: #25517c; font-weight: bold; clear: both; font-size: 1.0em; margin-left: 20px;}
#content h3 {color: #25517c; font-weight: bold; clear: both; font-size: 0.75em; margin-left: 20px;}
#content p {margin-left: 20px;}
#content .mapa div {float: left; margin: 0 4px;}
#content .mapa div a {border: 0;}
#content .mapa div img {border: 1px solid #aaa;}
#content .mapa .sipka {float: left; position: relative; top: 30px;}
#content .mapa .sipka img {border: 0;}
#content .mhd {width: 455px; clear: both; font-size: 0.69em; margin: 7px 0 0 20px;}
#content .mhd dl dt {font-weight: bold; margin: 5px 0 0 7px;}
#content .mhd dl dd {font-weight: normal; margin: 3px 0 0 25px;}
#content .krizovatka ul li {font-size: 0.9em; width: 380px;}
#content .krizovatka ul li ul {width: 330px;}
#content .krizovatka ul li ul li {font-size: 1.0em; width: 330px;}
#content hr {width: 95%;}



/* Header
----------------------------------------------- */
#header {height: 80px;}
#header h1 {background: url(/images/logo.png) no-repeat; width: 152px; height: 57px; position: relative; top: 12px; left: 28px; float: left;}
#header h1 a, #header h1 a:visited {display: block; width: 152px; height: 57px; text-decoration: none;}
#header h1 span {visibility: hidden;}
#header #centerbox {background: url(/images/header-centerbox.png) no-repeat; width: 468px; height: 40px; float: left; position: relative; top: 40px; left: 61px;}
#header #centerbox ul {float: left; margin: 12px 0 0 17px;}
#header #centerbox li {display: block; float: left; font-size: 0.69em;}
#header #centerbox li a, #header #centerbox li a:visited {text-decoration: none; color: #000;}
#header #centerbox li span {color: #000; padding: 0 7px;}
#header #centerbox li span.pozice {color: #3f8c00; font-weight: bold; padding: 0;}
#header #centerbox li a:hover {color: orange;}
#header #centerbox #flags {float: right; margin: 12px 17px 0 0;}
#header #centerbox #flags img {float: left;}
#header #searchbox {background: url(/images/header-searchbox.png) no-repeat; width: 202px; height: 40px; float: left; position: relative; top: 40px; left: 61px;}
#header #searchbox form input.search-input {background: url(/images/search-input.png) no-repeat; width: 131px; height: 16px; border: 0; font-size: 0.62em; float: left; margin: 12px 3px 0 13px; padding: 0 0 0 3px;}
#header #searchbox form input.search-button {width: 37px; height: 16px; float: left; margin: 12px 0 0 0;}
#header #searchbox form input.search-button:focus {position: relative; top: 1px; left: 1px;}




/* Right
----------------------------------------------- */
#right {float: left; width: 208px; margin-left: -208px;}
#right .reklama {background: url(/images/left-reklamabox.png) no-repeat; width: 202px; height: 156px; float: left;}
#right .reklama img {margin: 5px 0 0 3px;}

.reklama-left {background: url(/images/left-reklamabox.png) no-repeat; width: 202px; height: 156px; float: left; margin-left: 3px;}
.reklama-left img {margin: 5px 0 0 3px;}

#right h2 {background: url("/images/right-top-header.png") no-repeat; width: 198px; height: 25px; color: #fff; font-size: 0.75em; font-weight: bold; padding: 7px 0 0 15px; clear: both; position: relative; left: -4px;}
#right span {display: block; background: url("/images/right-bottom.png") no-repeat; width: 208px; height: 74px; position: relative; left: -4px;}
#right ul {background: url("/images/right-back.png") repeat-y; font-size: 0.69em; position: relative; left: -4px;}
#right ul li {width: 175px; padding-left: 12px; line-height: 1.2em; padding-bottom: 13px;}
#right ul li a, #right ul li a:visited {color: #3074bb; font-weight: bold;}
#right ul li a:hover {color: orange;}



/* Left
----------------------------------------------- */
#left {float: left; width: 208px; margin-left: -890px;}
#left .reklama {background: url(/images/left-reklamabox.png) -6px -6px no-repeat; width: 202px; height: 156px; float: left;}
#left h2 {background: url("/images/left-top-header.png") no-repeat; width: 198px; height: 25px; color: #fff; font-size: 0.75em; font-weight: bold; padding: 7px 0 0 15px;}
#left h3 {background: url("/images/left-h3.png") no-repeat; width: 198px; height: 25px; color: #fff; font-size: 0.75em; font-weight: bold; padding: 7px 0 0 15px; position: relative; left: 7px;}
#left li {background: url("/images/left-back.png") repeat-y; width: 198px;}

#left p {font-size: 0.69em; padding-top: 20px; text-align: center;}

#left li ul li {background: none; width: 198px;}

#left li a, #left li a:visited {color: #000; display: block; width: 170px; margin-left: 8px; text-decoration: none; padding: 2px 0 3px 24px; background: url("/images/left-link.png") no-repeat; font-size: 0.69em;}
#left li a:hover {color: orange; background: url("/images/left-hover.png") no-repeat #fff; text-decoration: none;}

#left li a.last, #left li a.last:visited {background: url("/images/left-link-last.png") no-repeat; font-size: 0.69em;}
#left li a.last:hover {background: url("/images/left-hover-last.png") no-repeat #fff;}

#left li span {height: 16px; color: #000; display: block; width: 170px; margin-left: 8px; text-decoration: none; padding: 2px 0 3px 24px; background: url("/images/left-link.png") no-repeat; font-size: 0.69em; cursor: pointer;}
#left li span:hover {color: orange; background: url("/images/left-hover.png") no-repeat #fff; text-decoration: none;}

#left li ul li a, #left li ul li a:visited {color: #000; display: block; width: 170px; margin-left: 8px; text-decoration: none; padding: 2px 0 3px 36px; background: url("/images/left-link2.png") no-repeat; font-size: 0.69em;}
#left li ul li a:hover {color: #649bff; background: url("/images/left-hover2.png") no-repeat #fff; text-decoration: none;}

#left li a.current-top, #left li a.current-top:visited {background: url("/images/left-hover.png") no-repeat; color: orange;}
#left li a.current, #left li a.current:visited {background: url("/images/left-hover2.png") no-repeat #fff; color: #649bff;}

#left span.menu-bottom {display: block; background: url("/images/left-bottom.png") no-repeat; width: 208px; height: 74px; margin: 0; padding: 0;}



/* Footer
----------------------------------------------- */
#footer {clear: left; width: 100%;}
#footer a, #footer a:visited {color: #000; text-decoration: underline;}
#footer a:hover {color: orange;}
#footer p {text-align: center; font-size: 0.69em; padding: 40px 0 20px 0;}



/* Mapa stranek
----------------------------------------------- */
#sitemap ul, #sitemap ul li {width: 415px;}
#sitemap ul ul, #sitemap ul ul li {width: 380px;}
#sitemap ul ul ul, #sitemap ul ul ul li {width: 340px;}
#sitemap ul ul ul ul, #sitemap ul ul ul ul li {width: 300px;}
#sitemap ul ul ul ul ul, #sitemap ul ul ul ul ul li {width: 260px;}
#sitemap li ul li ul li a, #sitemap li ul li ul li a:visited {font-size: 1.00em;}



/* Novinky
----------------------------------------------- */
#novinky li a.novinky-odkaz, #novinky li a.novinky-odkaz:visited {font-size: 0.875em; margin-top: 15px; display: block;}
#novinky li p {font-size: 0.875em; font-weight: normal; margin: 0; padding: 0;}

#novinky-right li p {line-height: 1.3em;}
#novinky-right li p a, #novinky-right p a:visited {font-size: 0.875em; position: relative; top: -1px;}



/* HP top config
----------------------------------------------- */
#topconfig {width: 610px; margin: 0 auto;}
#topconfig hr {clear: both;}
.config-menu {margin: 20px 0 10px 0; width: 600px; float: left;}
.config-menu li {display: block; float: left;}
.config-menu li a, .config-menu li a:visited {margin-right: 15px; font-weight: bold; color: #000; text-decoration: none; font-size: 0.75em;}
.config-menu li a:hover {color: #626262;}
.config-menu li.domu a, .config-menu li.domu a:visited {color: green;}
.config-menu li.domu a:hover {color: red;}


.pf {position: absolute; top: 0; left: 50%; margin: 45px 0 0 -490px; z-index: 100;}
.pf-img {margin-left: 10px; position: relative; top: 8px;}

.skylabshop a.textove {display: block; position: relative; top: -55px; left: 220px; width: 180px; text-align: right;}