/* 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("/img/back.png") repeat; color: #666; font: small verdana, arial, sans-serif; text-align: center; padding: 0 0 10px;}
a {text-decoration: underline; color: #666;}
a:visited {text-decoration: underline; color: #666;}
a:hover {text-decoration: none; color: #000;}
a img {border: 0;}
.clear {clear: both;}
.clear-20 {clear: both; height: 20px;}
strong {font-weight: bold;}
p {margin-bottom: 15px;}
em {font-style: italic;}
h1, h2, h3, h4, h5, h6 {clear: both;}
h1, h2 {font-size: 140%; padding: 10px 0;}
h3 {font-size: 115%;}
.green {color: green;}
.red {color: red;}
.blue {color: blue;}



/* Layout
----------------------------------------------- */
#container {background: #fff url("/img/dot.gif") 239px repeat-y; clear: both; color: #666; text-align: left; width: 760px; margin: 0 auto;}

#logo {position: absolute; left: 50%; top: 8px; margin-left: -377px; width: 320px; height: 130px; z-index: 2;}
#logo a {display: block; width: 320px; height: 130px; text-decoration: none;}
#logo a span {visibility: hidden;}

#header {background: url("/img/header.png") #d6c7af; clear: both; float: left; width: 100%; height: 316px; margin-bottom: 10px;}
#content h1, #content h2 {color: #2c9fe1;}
#content h3 {font-size: 1.0em; font-weight: bold; padding: 3px 0;}



/* Top menu
----------------------------------------------- */
#toplinkscontainer {position: absolute; left: 0; top: 0; padding: 5px 0; width: 100%; z-index: 1;}
#toplinks {height: 70px; margin: 0 auto; width: 760px;}
#toplinks ul {float: right; margin-top: 15px;}
#toplinks ul li {float: left; padding: 12px 10px 2px 0;}
#toplinks ul li.icon {width: 21px; padding: 12px 0 0 0;}
#toplinks ul li a {color: #fff; display: block; padding: 2px 5px 2px 25px; text-decoration: none;}
#toplinks ul li.icon a {padding: 2px 0 0 0;}
#toplinks ul li a:hover {color: #000;}

#toplinks ul li a.home {background: url("/img/top-menu-home.gif") 7px 5px no-repeat;}
#toplinks ul li a.mapa {background: url("/img/top-menu-mapa.gif") 7px 6px no-repeat;}
#toplinks ul li a.kontakt {background: url("/img/top-menu-kontakt.gif") 7px 6px no-repeat;}



/* Left menu
----------------------------------------------- */
#nav {float: left; width: 230px;}
#nav ul {padding: 15px 0 25px 40px;}
#nav ul li {background: url("/img/dot.gif") bottom left repeat-x; padding: 3px 0;}
#nav ul li a {color: #2c9fe1; display: block; font-size: 95%; padding: 3px 0 7px 20px;}

#nav h3 {line-height: 32px; padding: 0 10px 0 45px; color: #812401;}

#nav h3#fotogalerie {background: url("/img/menu1.png") no-repeat #e7f6ff; color: #2585bc; font-weight: bold;}
#nav h3#objednavka {background: url("/img/menu2.png") no-repeat #fef1e8; color: #f60; font-weight: bold;}
#nav h3#reference {background: url("/img/menu3.png") no-repeat #eee; color: #666; font-weight: bold;}
#nav h3#popis {background: url("/img/menu5.gif") no-repeat #faf5e4; color: #75673d; font-weight: bold;}

#nav #fotogalerie-menu li a {color: #2c9fe1; background: url("/img/dart-blue.gif") 4px 8px no-repeat;}
#nav #objednavka-menu li a {color: #f60; background: url("/img/dart-orange.gif") 4px 8px no-repeat;}
#nav #reference-menu li a {color: #666; background: url("/img/dart-grey.gif") 4px 8px no-repeat;}
#nav #popis-menu a {color: #9e9060; background: url("/img/dart-grass.gif") 4px 8px no-repeat;}

#nav #objednavka-menu li a:hover,
#nav #fotogalerie-menu li a:hover,
#nav #reference-menu li a:hover,
#nav #popis-menu li a:hover {color: #000;}

#nav #objednavka-menu li a.current, #nav #reference-menu #objednavka-menu li a.current:visited,
#nav #fotogalerie-menu li a.current, #nav #reference-menu #fotogalerie-menu li a.current:visited,
#nav #reference-menu li a.current, #nav #reference-menu #reference-menu li a.current:visited,
#nav #popis-menu li a.current, #nav #reference-menu #popis-menu li a.current:visited
{color: #000; font-weight: bold; text-decoration: none;}



/* Content
----------------------------------------------- */
#content {display: inline; float: right; width: 485px; margin: 0 18px 0 0;}

#content a, #content a:visited {color: #323232;}
#content a:hover {color: #005a8e;}

#content p {line-height: 1.5em;}
#content ul {line-height: 1.5em; margin-left: 20px; width: 460px;}
#content ul li {list-style: disc;}
#content div.thumb {display: inline; float: left; position: relative; width: 150px; margin: 15px 10px 15px 0; padding-bottom: 10px; background: #e7f6ff;}
#content div.thumb img {background: #fff; border: 1px solid #d5efed; display: block; width: 110px; margin: 15px auto 2px; padding: 5px;}
#content div.thumb:hover {background: #c8e3f0;}

#content table {background: #fff; border-spacing: 1px;}
#content table thead th {background: #dedede; margin: 1px; padding: 4px 15px 4px 4px; font-weight: bold;}
#content table tbody td {background: #f5f5f5; margin: 1px; padding: 4px 15px 4px 4px;}
#content table tbody td.right-col {text-align: center;}
#content table tbody td a, #content table tbody td a:visited {padding-left: 22px; text-decoration: none;}
#content table tbody td a.arrow-red, #content table tbody td a.arrow-red:visited {background: url("/img/arrow-red.gif") 0 4px no-repeat;}
#content table tbody td a.arrow-green, #content table tbody td a.arrow-green:visited {background: url("/img/arrow-green.gif") 0 4px no-repeat;}
#content table tbody td a.arrow-blue, #content table tbody td a.arrow-blue:visited {background: url("/img/arrow-blue.gif") 0 4px no-repeat;}

#content #legend-cenik {margin: 20px 0 0 5px; border-top: 1px solid #dedede; width: 450px; padding-top: 15px;}
#content #legend-cenik span {padding-left: 22px; display: block; margin-bottom: 6px;}
#content #legend-cenik span.legend-red {background: url("/img/arrow-red.gif") 0 4px no-repeat;}
#content #legend-cenik span.legend-green {background: url("/img/arrow-green.gif") 0 4px no-repeat;}
#content #legend-cenik span.legend-blue {background: url("/img/arrow-blue.gif") 0 4px no-repeat;}

#content .tree-galerie {border: 1px solid #f7eca3; background: #feffec; padding: 10px 10px 10px 30px; width: 400px; margin-bottom: 20px;}
#content ul.tree-galerie li {font-weight: bold;}
#content ul.tree-galerie li ul {margin-left: 50px;}
#content ul.tree-galerie li ul li {font-weight: normal; list-style-image: url(../img/tree.png);}
#content ul.tree-galerie li.spravne {color: green; padding-bottom: 15px; list-style: none; margin-left: -15px;}
#content ul.tree-galerie li.spatne {color: red; padding-bottom: 15px; list-style: none; margin-left: -15px;}

#content dl {margin: 10px 0; line-height: 1.5em;}
#content dl dt {float: left; clear: both; padding-right: 10px;}
#content dl dd {float: left; color: green;}
#content dl dd a, #content dl dd a:visited {color: green;}

#content .priklad {border: 1px solid #f9d31f; background: #ffee9e; font-size: 0.875em; padding: 7px; color: #000;}
#content .upozorneni {border: 1px solid #f9d31f; background: #ffee9e; font-size: 0.875em; padding: 7px; color: #000; font-weight: bold;}
#content .verze {font-size: 0.875em; padding: 7px; color: #000; font-style: italic;}

#content .develop h3 {font-weight: bold;}
#content .develop span {font-size: 0.75em; font-style: italic; color: #8f8f8f;}
#content .develop p {font-size: 0.875em; padding-top: 5px}
#content .develop ul {font-size: 0.875em; margin-bottom: 15px;}

#content .odkaz-other {margin: 25px 0 10px 0;}
#content .odkaz-other a, #content .odkaz-other a:visited {text-decoration: none; border-bottom: 1px dotted #005a8e;}

#content h3 span {padding: 3px 5px; font-size: 0.69em; color: #fff; background: green; margin-left: 5px;}

#content .napoveda-img {margin-bottom: 10px;}
#content .napoveda-img-odsazeni {margin-right: 20px;}
#content .napoveda-ikonky {position: relative; top: 3px;}

#content pre {border: 1px dotted #000; margin: 0.75em 0 0.75em 0; padding: 0.63em 0.94em; background: #fff; font-size: 1.0em; font-family: "courier new"; line-height: 1.4em; display: block; overflow-x: auto; white-space: pre-wrap; white-space: -moz-pre-wrap !important; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;}


/* Breadcrump
----------------------------------------------- */
#breadcrumb {font-size: 80%; color: #4f412c; margin: 10px 0 0; padding: 0 0 10px; font-weight: bold;}
#breadcrumb a {color:#4f412c !important; font-weight: 100;}
#breadcrumb a:hover {color: #000; text-decoration: none;}



/* Bottom
----------------------------------------------- */
#bottom {background: url("/img/dot_white.gif") 240px 0 repeat-y #2d8cc4; width: 100%; height: 270px; clear: both; text-align: left; margin: 0 auto;}



/* left bottom menu
----------------------------------------------- */
#leftbottom {float: left; display: inline; width: 200px; margin: 20px 20px 10px 20px;}
#leftbottom h4 {background: url("/img/link.gif") 100% no-repeat #4399ca; color: #fff; line-height: 32px; font-size: 130%; padding-left: 5px;}
#leftbottom ul {padding: 15px 0 25px 40px;}
#leftbottom ul li {background: url("/img/dot_white.gif") bottom left repeat-x; margin: 0 0 0 -40px; padding: 4px 0;}
#leftbottom ul li a {background-position: -6px -3415px; color: #d9ebf4; display: block; font-size: 90%; text-decoration: none; padding: 3px 0 3px 15px;}
#leftbottom ul li a:hover {color: #fff;}



/* Right bottom menu
----------------------------------------------- */
#rightbottom {float: right; display: inline; width: 480px; margin: 20px;}
#rightbottom h4 {background: url("/img/screen.gif") 100% no-repeat #4399ca; color: #fff; line-height: 32px; font-size: 130%; padding-left: 5px; margin-bottom: 25px;}
#rightbottom div {float: left; width: 110px; padding: 0 10px 7px 0;}
#rightbottom div img {display: block; background: #d9ebf4; padding: 4px;}
#rightbottom div img:hover {background: #a9d2e6;}



/* Footer
----------------------------------------------- */
#footer {color: #999; background: #fff; width: 760px; clear: both; margin: 0 auto; padding: 0 0 10px 0;}
#footer a {color: #444; display: inline; font-size: 95%;}
#footer ul {padding: 6px 0 15px 0; clear: both;}
#footer ul li {float: left; margin: 2px 10px;}



/* Lightbox
----------------------------------------------- */
#lightbox {position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img {width: auto; height: auto;}
#lightbox a img {border: none;}
#outerImageContainer {position: relative; background: #fff; width: 250px; height: 250px; margin: 0 auto;}
#imageContainer {padding: 10px;}
#loading {position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#hoverNav {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#imageContainer>#hoverNav {left: 0;}
#hoverNav a {outline: none;}
#prevLink, #nextLink {width: 49%; height: 100%; background: url(data:image/gif;base64,AAAA); display: block;}
#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {background: url(/scripts/images/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background: url(/scripts/images/nextlabel.gif) right 15% no-repeat;}
#imageDataContainer{font-size: 0.75em; background: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%;}
#imageData {padding: 0 10px; color: #666;}
#imageData #imageDetails {width: 70%; float: left; text-align: left;}
#imageData #caption {font-weight: bold;}
#imageData #numberDisplay {display: block; clear: left; padding-bottom: 1.0em;}			
#imageData #bottomNavClose {width: 66px; float: right; padding-bottom: 0.7em; outline: none;}	 	
#overlay {position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background: #000;}



/* Formular
----------------------------------------------- */
#content .input-cell {width: 450px; text-align: left; height: 20px; margin: 0; padding-bottom: 17px;}

#content .input-text {width: 150px; height: 22px; float: left; text-align: right; font-weight: bold; padding: 4px 7px 0 0;}

#content .input-input {width: 260px; height: 15px; float: left; text-align: left;}
#content .input-input input.field {width: 250px; height: 20px; border: 1px solid #aaa; background: #fff; padding: 3px 3px 0 3px;}
#content .input-input input.field:focus {border: 1px solid #2d8cc4;}

#content .input-textarea {width: 450px; height: 255px; text-align: left; margin: 0;}
#content .input-input textarea {width: 250px; height: 240px; border: 1px solid #aaa; background: #fff; padding: 3px 3px 0 3px; margin: 0 0 10px 0;}
#content .input-input textarea:focus {border: 1px solid #2d8cc4;}

#content .input-button {width: 450px; text-align: left; height: 20px; margin: 0; padding-bottom: 17px;}
#content .input-button .input-input input.button {font-weight: bold; border: 1px solid #aaa; padding: 5px 10px;}
#content .input-button .input-input input.button:hover {background: #c8e3f0; cursor: pointer;}



/* Vysvetlivky
----------------------------------------------- */
#content #vysvetlivky {margin: 0; padding: 0; list-style: none;}
#content #vysvetlivky li {list-style: none;}
#content #vysvetlivky li img {position: relative; top: 6px;}



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