/* 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: #fff; font: 16px/1em arial, verdana; color: #373737;} /* url("../images/snow.jpg") repeat */
a, a:visited {text-decoration: underline; color: #373737;}
a:hover {text-decoration: none; color: #a50000;}
a img {border: 0;}
.clear {clear: both;}
strong {font-weight: bold;}
em {font-style: italic;}
p {margin: 0 10px 10px;}
h1 {font-size: 1.0em; font-weight: bold;}
h2 {font-size: 1.1em; font-weight: bold; margin: 10px;}
h3 {font-size: 1.0em; font-weight: bold;}
h4 {font-size: 1.0em; font-weight: bold;}
.red {color: #ff0000;}
.black {color: #000;}
.green {color: green;}
hr {border-width: 0; border-top: 1px solid #aaa; height: 1px; width: 90%; float: left;}
.kontakt2 .green {color: green;}



/* Forms
----------------------------------------------- */
fieldset {border: 1px solid #aaa; width: 400px; padding: 10px; margin: 0 0 25px 0;}
legend {padding: 0 3px; text-align: center; font-weight: bold; margin-bottom: 0.1em;} 
.input-cell {width: 420px; text-align: left;}
.input-textarea {width: 400px; text-align: left;}
.input-text {width: 100px; float: left; text-align: right; position: relative; top: 9px; font-size: 0.875em; font-weight: bold; padding: 0 7px 0 0;}
.input-input {width: 290px; float: left; text-align: left;}
.input-input-anti {width: 190px; float: left; text-align: left;}
.input-input-image {width: 290px; float: left; text-align: right;}
.input-input input {height: 20px; border: 1px solid #aaa; background: #efefef; padding: 3px 3px 0 3px; width: 270px; font-size: 0.875em;}
.input-input textarea {height: 150px; width: 370px; border: 1px solid #aaa; background: #efefef; padding: 3px 3px 0 3px}
.input-input input.obligatory {background: #fcffad; margin: 5px 0;}
.input-input input.normal {background: #fff; margin: 5px 0;}
.input-input input:focus {border: 1px solid #000;}
.input-input input.input-image {width: 140px; height: 31px;}
.select-objednavka {border: 1px solid #dedede; width: 175px;}
.select-konfigurator {border: 1px solid #dedede; width: 200px; margin: 0 10px 6px 0;}
.input-checkbox {position: relative; top: 3px; margin-right: 10px;}
.input-tridit {border: 1px solid #373737; background: #fff; color: #373737;}

.podpora-registrace {background: #f1ffea;}

.div-cell {width: 450px; text-align: left; height: 25px;}
.div-text {width: 100px; height: 22px; float: left; text-align: right; font-weight: bold; padding: 0 7px 0 0;}
.div-input {width: 290px; float: left; text-align: left;}

.yellow-box {background: url(../images/yellow-box.jpg) no-repeat #fffede; border: 1px solid #efeb80; min-height: 105px; width: 300px; padding: 4px; float: left; margin: 0 15px 0 15px;}
.red-box {background: url(../images/red-box.jpg) no-repeat #ffe3e3; border: 1px solid #eeafaf; width: 300px; padding: 4px; float: left; margin: 0 5px 15px 0;}
.blue-box {background: url(../images/blue-box.jpg) no-repeat; border: 1px solid #c2e0e6; width: 300px; padding: 4px; float: left; margin: 0 5px 15px 0;}
.orange-box {background: url(../images/orange-box.jpg) no-repeat #fff3c8; border: 1px solid #f5dd88; width: 300px; padding: 4px; float: left; margin: 0 5px 15px 0;}

input.required {border: 1px solid #00a8e6;}
input.validation-failed {border: 1px solid #ff3300;	color : #ff3300;}
input.validation-passed {border: 1px solid #00cc00;	color : #000;}
.validation-advice {margin: 5px 0; padding: 5px; background: #ff3300;	color : #fff;	font-weight: bold; display: block;}



/* Strankovani
----------------------------------------------- */
ul#pagination {margin: 0 0 15px; clear: both; padding: 20px 0 20px 30px; font-size: 0.75em;}
#pagination li {color: #373737; display: block; float: left; border: 0; padding: 4px 6px; margin-right: 2px;}
#pagination .previous, #pagination .next {font-weight: bold;}
#pagination .active {background: #373737; color: #fff; font-weight: bold;}
#pagination .active:hover {border: 0;}

#pagination a, #pagination a:visited {text-decoration: none; color: #373737;}
#pagination a:hover {color: red;}
#pagination li:hover {border: 0;}

#pagination .dotty {text-decoration: none; border: 0;}
#pagination .dotty:hover {text-decoration: none; border: 0;}



/* Alerts
----------------------------------------------- */
.alert-bad {border: 1px solid red; width: 500px; 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 25px;}
.alert-good {border: 1px solid green; width: 500px; 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 25px;}
.alert-info {border: 1px solid #f7df5a; width: 500px; font-size: 0.75em; padding: 5px 5px 5px 30px; font-weight: bold; background: url(../images/info.jpg) no-repeat 8px 4px #fffca2; margin: 10px 0 30px 25px; color: #000;}



/* Top menu
----------------------------------------------- */
#top-buttons {float: right; height: 192px; padding-right: 15px;}

#top-tonery {float: left;}
#top-tonery a {height: 192px; width: 245px; display: block; text-decoration: none;}
#top-tonery a:hover {background-position: left -192px; text-decoration: none;}
#top-tonery .active-top {background-position: left -192px;}

#top-tiskarny {float: left;}
#top-tiskarny a {height: 192px; width: 245px; display: block; text-decoration: none;}
#top-tiskarny a:hover {background-position: left -192px; text-decoration: none;}
#top-tiskarny .active-top {background-position: left -192px;}

#top-mysi {float: left;}
#top-mysi a {height: 192px; width: 245px; display: block; text-decoration: none;}
#top-mysi a:hover {background-position: left -192px; text-decoration: none;}
#top-mysi .active-top {background-position: left -192px;}



/* Row menu
----------------------------------------------- */
#row-menu {height: 42px; float: left; width: 100%; margin: 10px 0 0 0;}
#row-menu ul {float: left; clear: both;}
#row-menu li {display: block; float: left;}
#row-menu li a, #row-menu li a:visited {color: #fff; font-weight: bold; display: block; padding: 13px 15px 0 15px;}
#row-menu li.active-row-menu a, #row-menu li.active-row-menu a:visited {height: 29px; display: block; padding-top: 13px; float: left;}
#row-menu #row-menu-left {width: 26px; height: 42px; float: left;}
#row-menu #row-menu-content {width: 92%; height: 42px; float: left;}
#row-menu #row-menu-right {width: 26px; height: 42px; float: left;}

.search-box {position: relative; top: 20px; float: left; left: 35px; height: 37px;}
.search-box .search-input {border: 1px solid #dedede; position: relative; top: -1px;}
.search-box .search-image {position: relative; top: 3px; border: 0;}



/* Lista
----------------------------------------------- */
#lista {margin: 10px 0 8px 15px; width: 700px; border-bottom: 1px dashed #ddd; height: 20px; padding-bottom: 8px; padding-left: 25px;}
#lista .vypis-seznamu input {position: relative; top: 2px; color: #fff; cursor: pointer; border: 1px solid #b4b4b4; background: url(../images/tlacitko.jpg) repeat-x;}
#lista form {position: relative; top: -6px;}
#lista form select {font-size: 0.69em; width: 130px; padding: 1px; height: 20px; border: 1px solid #dedede; margin: 0 10px 6px 0;}
#lista .tlacitko {color: #fff; cursor: pointer; border: 1px solid #b4b4b4; background: url(../images/tlacitko.jpg) repeat-x;}



/* Trideni
----------------------------------------------- */
#trideni-vyrobcu {padding: 0 10px 8px 15px; margin: 0 0 0 15px; width: 700px; border-bottom: 1px dashed #ddd; font-size: 0.69em;}



/* Sidebar menu
----------------------------------------------- */
#zbozi  {padding: 7px 0 0 17px; width: 230px;}
#zbozi a {display: block; height: 17px;}
#zbozi a:hover {color: #a50000;}
#zbozi #trida {font-size: 1.0em; margin: 5px 0 5px 20px; float: left;}
#zbozi #trida li {height: 15px; margin: 0; padding: 0;}
#zbozi li a.oznaceno {font-weight: bold; color: #fffc22;}

#zbozi li li {margin-left: 15px;}

#sidebar-top-kategorie {height: 38px; width: 255px; display: block;}
#sidebar-content {font-size: 0.75em; padding: 0 20px 0 12px; width: 255px}
#sidebar-content a, #sidebar-content a:visited {color: #fff;}
#sidebar-footer {height: 33px; float: left; width: 255px;}



/* Kosik
----------------------------------------------- */
#kosik {width: 700px; margin-bottom: 20px; font-size: 0.69em;}
#kosik-top {background: url(../images/kosik-top.png) no-repeat; width: 700px; height: 15px;}
#kosik-content {background: url(../images/kosik-content.png) repeat-y; width: 700px;}
#kosik-bottom {background: url(../images/kosik-bottom.png) no-repeat; width: 700px; height: 15px;}
#kosik-header {float: left; width: 385px; text-align: left; padding: 15px 0 15px 15px;}
#kosik-header a, #kosik-header a:visited {text-decoration: none; margin: 0 15px 0 0;}
#kosik-log {float: right; width: 285px; text-align: right; padding: 15px 15px 15px 0;}
#kosik-log a, #kosik-log a:visited {text-decoration: none; margin: 0 15px 0 0;}
#kosik-header .cart-view {background: url(../images/cart-view.png) 0 -6px no-repeat; padding-left: 22px;}
#kosik-header .cart-delete {background: url(../images/cart-delete.png) 0 -6px no-repeat; padding-left: 28px;}
#kosik-log .key {background: url(../images/key.png) 0 -1px no-repeat; padding-left: 22px;}
#kosik-log .user {background: url(../images/user.png) 0 -2px no-repeat; padding-left: 17px; margin: 0 15px 0 0;}
#kosik-log .lock {background: url(../images/lock.png) 0 -4px no-repeat; padding-left: 17px;}

.adresabox {margin: 10px 10px 20px 10px; float: left;}
.adresabox .adresa-left {float: left; width: 50px; font-weight: bold; padding: 2px 5px 2px 0;}
.adresabox .adresa-right {float: left; width: 200px; padding: 2px 0;}

.kosik-zbozi {width: 330px; font-weight: bold; padding: 2px 10px 2px 20px;}
.kosik-ks {width: 40px; text-align: center; font-weight: bold;}
.kosik-cena {width: 75px; text-align: left; font-weight: bold; padding-left: 10px;}
.kosik-celkem {width: 100px; text-align: left; font-weight: bold; padding-left: 10px;}
.kosik-dph {width: 110px; text-align: left; font-weight: bold;}
.kosik-partnumber {padding-left: 20px;}
.kosik-partnumber span {font-weight: bold;}
.kosik-name {padding-left: 20px; width: 270px;}
.kosik-kusy {text-align: left; padding-left: 3px; width: 50px; text-align: center;}
.kosik-kusy input {width: 30px; border: 1px solid #000; margin-left: 8px; text-align: center;}
.kosik-vypis {text-align: right; padding-right: 20px;}
.kosik-linka {border-bottom: 1px dashed #7d7c7c; margin: 5px 20px; width: 655px;}
.kosik-linka-vyska {height: 1px;}
.kosik-cena-vypis {vertical-align: top; text-align: right; padding: 10px 20px 7px 0; font-weight: bold;}
.kosik-doruceni-nadpis {text-align: right; padding: 5px 10px 3px 10px;}
.kosik-doruceni-vypis {text-align: left; padding: 5px 10px 3px 10px;}
.kosik-celkem-vypis-left {text-align: right; padding: 10px 10px 7px 10px; font-weight: bold;}
.kosik-celkem-vypis-left textarea {border: 1px solid #cbcbcb; width: 350px; height: 70px; margin-right: 15px;}
.kosik-celkem-vypis-left div {font-weight: normal; margin: 0 15px 5px 0; font-style: italic;}
.kosik-celkem-vypis-right {text-align: left; padding: 10px 10px 7px 10px; font-weight: bold;}
.kosik-button {text-align: right; padding: 10px 30px 7px 10px;}
.kosik-doruceni-select {text-align: left; padding: 5px 10px 10px 10px;}
.kosik-button-objednat {text-align: left; padding: 10px 160px 7px 20px; font-weight: bold;}

#kos {position: relative; top: 0px; left: -51px; float: right; font-size: 0.69em; font-weight: bold; color: #fff;}
#kos .kos-center {float: left; padding: 1px 0 0 0; background: url(/images/kosik-center3.jpg) repeat-x; height: 19px;}
#kos .kos-left {float: left; background: url(/images/kosik-left3.jpg) no-repeat; height: 20px; width: 23px;}
#kos .kos-right {float: left; background: url(/images/kosik-right3.jpg) no-repeat; height: 20px; width: 23px;}
#kos .kos-center span {margin-right: 20px;}
#kos a, #kos a:visited {color: #fff; text-decoration: underline; position: relative; top: -1px;}
#kos a:hover {text-decoration: none;}
#kos .last {margin-right: 4px;}

#chain {position: absolute; left: 50%; top: 430px; margin: 0 0 0 -217px; z-index: 99;}
#chain select {border: 1px solid #dedede; width: 200px; margin: 0 10px 6px 0;}
#chain input {color: #fff; font-weight: bold; position: relative; top: -1px; cursor: pointer; border: 1px solid #b4b4b4; background: url(/images/tlacitko-objednat.jpg) repeat-x;}

.lista-kosik {margin: 0 0 20px 10px; width: 665px;}
.kosik-button-objednat .tlacitko-objednat {color: #fff; font-weight: bold; position: relative; top: -1px; cursor: pointer; border: 1px solid #b4b4b4; background: url(../images/tlacitko-objednat.jpg) repeat-x;}
.kosik-button-objednat .tlacitko-prepocitat {color: #fff; position: relative; top: -1px; cursor: pointer; border: 1px solid #b4b4b4; background: url(../images/tlacitko-prepocitat.jpg) repeat-x;}
.kosik-button-objednat .tlacitko {position: relative; top: -1px; color: #fff; cursor: pointer; border: 1px solid #b4b4b4; background: url(../images/tlacitko.jpg) repeat-x;}

#informace {margin: 90px 0 0 20px; font-size: 0.75em;}
#informace span {color: red; width: 20px; font-weight: bold; display: block; float: left;}

.zmenit-dopravu a, .zmenit-dopravu a:visited {margin-right: 5px; color: green;}



/* Popis vyrobku
----------------------------------------------- */
#popis-vyrobku {padding-left: 14px; font-size: 0.75em;}
#popis-vyrobku h1 {font-size: 1.2em; color: #a50000;}
#popis-vyrobku img {border: 1px solid #dedede; margin: 0 10px 10px 0;}
#popis-vyrobku td td {padding-left: 15px;}
#popis-vyrobku .popis-obrazek {float: left; width: 210px;}
#popis-vyrobku .popis-obrazek input {border: 1px solid #b4b4b4; background: url(../images/tlacitko.jpg) repeat-x; height: 29px; padding: 0 3px 2px 3px; font-weight: bold; color: #fff; float: left; cursor: pointer;}
#popis-vyrobku .popis-obrazek .pocet {background: none; width: 50px; margin-right: 5px; text-align: center; color: #000; height: 20px; padding-top: 5px; cursor: text;}
.pocet2 {background: none; width: 30px; margin-right: 5px; text-align: center; color: #000; cursor: text; float: left; border: 1px solid #ccc; position: relative; top: -1px;}
#popis-vyrobku .popis-text {float: left; width: 450px;}
.popis-text .info-text {font-size: 1.0em;}

.popis-text .info-text ul li {list-style: disc; margin-left: 20px; line-height: 1.5em;}

.popis-text h1 {padding: 0; margin: 0;}
.popis-text h2 {padding: 0; margin: 0; font-size: 0.875em; font-weight: bold;}
.popis-text h3 {color: green; font-size: 1.31em; font-weight: bold; padding: 5px 0;}
.popis-text h3.h3-bez-dph {color: #888;}
.popis-text h4 {color: red; font-size: 0.875em;}
.popis-text table {font-size: 0.75em;}
#vypis-seznamu {float: right; position: relative; top: -15px;}
.tab_title span {display: block; margin-top: 10px; font-weight: bold;}
.zaruka {font-size: 0.875em; font-weight: bold; margin-top: 4px; float: left;}



/* Nahledy
----------------------------------------------- */
.nahledy {width: 235px; height: 152px; border: 1px solid #cecece; float: left; margin: 15px 0 0 10px; text-align: center; padding: 0;}
.nahledy .nahledy-top {float: left; padding: 0 5px 9px 1px;}
.nahledy h3 {font-weight: bold; float: right; width: 120px; padding: 10px 0 0 0; text-align: left; height: 30px; line-height: 0.75em;}
.nahledy h3 a {color: #383838; font-size: 0.75em; text-decoration: none; font-weight: bold;}
.nahledy h3 a:hover {color: #e1051e;}
.nahledy .obrazek {height: 100px; width: 100px; float: left;}
.nahledy .obrazek img {width: 87px; margin: 10px 0 0 8px;}
.nahledy .bottom {padding-top: 7px;}
.nahledy .inner {float: left; width: 58px; text-align: left;}
.nahledy .tlacitko {position: relative; top: -1px; color: #fff; cursor: pointer; border: 1px solid #b4b4b4; background: url(../images/tlacitko.jpg) repeat-x;}

.nahledy .nahledy-cena {float: right; font-weight: bold; font-size: 0.875em; width: 115px; padding: 10px 8px 0 0;}
.nahledy .nahledy-cena span {font-size: 0.75em; width: 120px; display: block; float: left; text-align: left; margin-left: 5px;}
.nahledy .nahledy-cena span.cena-bez-dph {color: #888;}
.nahledy .nahledy-cena span.zboozi-skladem {color: #0045a2;}
.nahledy .nahledy-cena span.zboozi-skladem-no {color: red;}
.nahledy .nahledy-cena span.zboozi-skladem-last {color: #ff7200;}

.zboozi-skladem-last {color: #ff7200;}

.nahledy .nahledy-bottom {float: left; border-top: 1px dashed #d1d1d1; width: 200px; padding: 11px 0; margin: 0 17px;}
.nahledy .nahledy-bottom a {float: left; margin-left: 20px;}
.nahledy .nahledy-bottom form {float: left; margin-left: 3px;}



/* Nahledy akce
----------------------------------------------- */
.nahledy-akce {width: 358px; height: 197px; border: 1px solid #cecece; float: left; margin: 15px 0 0 10px; text-align: center; padding: 0;}
.nahledy-akce .nahledy-top {float: left; padding: 0 5px 9px 1px;}
.nahledy-akce h3 {font-weight: bold; float: right; width: 163px; padding: 10px 5px 0 0; text-align: left; height: 30px; line-height: 0.875em;}
.nahledy-akce h3 a {color: #383838; font-size: 0.62em; text-decoration: none; font-weight: bold;}
.nahledy-akce h3 a:hover {color: #e1051e;}
.nahledy-akce .obrazek {height: 175px; width: 175px; float: left;}
.nahledy-akce .obrazek img {width: 170px; margin: 10px 0 0 8px; border-right: 1px dashed #d1d1d1;}
.nahledy-akce .bottom {padding-top: 7px;}
.nahledy-akce .inner {float: left; width: 58px; text-align: left;}
.nahledy-akce .tlacitko {position: relative; top: -1px; color: #fff; cursor: pointer; border: 1px solid #b4b4b4; background: url(../images/tlacitko.jpg) repeat-x;}

.nahledy-akce .nahledy-cena {float: right; font-weight: bold; font-size: 0.875em; width: 165px; padding: 0 8px 0 0; background: url(../images/cena.jpg) no-repeat; height: 69px;}
.nahledy-akce .nahledy-cena span {font-size: 0.75em; width: 142px; display: block; float: left; text-align: left; margin-left: 5px;}
.nahledy-akce .nahledy-cena span.cena-bez-dph {color: #b81e00; font-size: 1.25em; padding: 20px 0 0 0px; text-align: center;}
.nahledy-akce .nahledy-cena span em {clear:both; font-size: 0.55em; color: #aaa;}
.nahledy-akce .nahledy-cena span.zboozi-skladem {color: #0045a2;}
.nahledy-akce .nahledy-cena span.zboozi-skladem-no {color: red;}
.nahledy-akce .nahledy-cena span.zboozi-skladem-last {color: #ff7200;}

.nahledy-akce .nahledy-bottom {float: right; width: 149px; padding: 0 0 11px 0; margin: 0 17px; font-size: 0.875em; text-align: center;}
.nahledy-akce .nahledy-bottom a {margin-bottom: 3px;}
.nahledy-akce .nahledy-bottom form {margin-bottom: 7px;}
.nahledy-akce .nahledy-bottom span {font-size: 0.75em; width: 120px; display: block; float: left; text-align: center; margin-left: 8px;}
.nahledy-akce .nahledy-bottom span.cena-bez-dph {color: #888;}
.nahledy-akce .nahledy-bottom span.zboozi-skladem {color: #0045a2;}
.nahledy-akce .nahledy-bottom span.zboozi-skladem-no {color: red;}
.nahledy-akce .nahledy-bottom span.zboozi-skladem-last {color: #ff7200;}






.nahledy-galerie {float: left; padding-bottom: 40px; background: #f5e1d0; padding: 10px; font-size: 0.75em; margin-left: 20px; width: 680px;}
.nahledy-galerie .obrazek-galerie {float: left; width: 115px;}
.nahledy-galerie .obrazek-galerie img {border: 1px solid #000; width: 100px;}
.nahledy-galerie .text-galerie {float: left; width: 450px;}
.nahledy-galerie .text-galerie a {color: #a50000; text-decoration: none;}
.nahledy-galerie .text-galerie a:hover {color: #a50000; text-decoration: none; font-weight: bold;}

.nahledy-galerie .text-galerie h2 {margin: 0; padding: 0 0 10px 0; font-size: 1.125em;}
.nahledy-galerie .text-galerie span {width: 400px; display: block; float: left; margin: 0 10px 3px 0;}
.nahledy-galerie .text-galerie span a {color: #000;}
.nahledy-galerie .text-galerie span a:hover {color: #000;}
.nahledy-galerie .text-galerie div {height: 10px;}

.nahledy-loga {float: left; margin: 0 0 17px 17px;}
.nahledy-loga img {border: 1px solid #000;}


.nahledy-full {width: 210px; height: 300px; border: 1px solid #ccc; float: left; margin: 15px 0 0 15px; text-align: center; background: #eee; padding: 0;}


/* Lightbox
----------------------------------------------- */
#lightbox {position: absolute; left: 0; width: 100%; z-index: 100;	text-align: center;	line-height: 0;}
#lightbox a img {border: none;}
#outerImageContainer {position: relative; background-color: #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%;	display: block;}
#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {background: url(../scripts/prev.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background: url(../scripts/next.gif) right 15% no-repeat;}

#imageDataContainer {font: 10px Verdana, Helvetica, sans-serif;	background-color: #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: 21px; height: 19px; float: right;  padding-bottom: 0.7em;}	
#overlay {position: absolute;	top: 0;	left: 0; z-index: 90; width: 100%; height: 500px;	background-color: #000;}



/* Table
----------------------------------------------- */
.table {border: 1px solid #ccc; border-collapse: collapse; width: 100%; clear: both; margin: 15px 0 0 15px;}
.table td, .table th {border-bottom: 1px solid #ccc; font-size: 0.875em; padding: 5px 6px;}
.table th {text-align: left; padding: 10px 6px 8px 6px; font-weight: bold;}
.table thead, .thead {background: #464646; color: #d7d7d7;}
.table .nadpis-zaznamu {width: 20%;}
.table .nadpis-center {text-align: center;}
.table th.nadpis-zaznamu a, .table .nadpis-zaznamu a:visited {color: #d7d7d7;}
.table th.nadpis-zaznamu a:hover {color: #fff;}
.table th.nadpis-center a, .table th.nadpis-center a:visited {color: #d7d7d7;}
.table th.nadpis-center a:hover {color: #fff;}



/* Informace
----------------------------------------------- */
.informace-div {width: 620px; float: left; padding-bottom: 17px; margin-left: 17px;}
.informace-img {width: 140px; float: left;}
.informace-img img {border: 5px solid #ddd;}
.informace-img img:hover {border: 5px solid #b2b2b2;}
.informace-text {width: 450px; float: left;}
.informace-text h2 {margin: 0; padding: 0;}

.article-text {width: 650px; margin-left: 17px;}
.article-text p {margin-left: 0;}
.article-text h1 {margin-left: 0; line-height: 1.4em; font-size: 1.25em; padding-bottom: 7px;}
.article-text h2 {margin-left: 0; line-height: 1.4em;}
.article-text h3 {margin-bottom: 6px; color: #a50000;}
.article-text h4 {margin-bottom: 10px; margin-top: 15px; line-height: 1.5em;}

.article-text h4 a {margin-left: 60px; line-height: 3.0em;}

.article-text h4.s4-adresar {background: url("../prilohy/ikonky-s4/s4_adresar.gif") 0 25px no-repeat;}
.article-text h4.s4-ceniky {background: url("../prilohy/ikonky-s4/s4_ceniky.gif") 0 25px no-repeat;}
.article-text h4.s4-datev {background: url("../prilohy/ikonky-s4/s4_datev.gif") 0 25px no-repeat;}
.article-text h4.s4-fakturace {background: url("../prilohy/ikonky-s4/s4_fakturace.gif") 0 25px no-repeat;}
.article-text h4.s4-jetweb {background: url("../prilohy/ikonky-s4/s4_jetweb.gif") 0 25px no-repeat;}
.article-text h4.s4-majetek {background: url("../prilohy/ikonky-s4/s4_majetek.gif") 0 25px no-repeat;}
.article-text h4.s4-objednavky {background: url("../prilohy/ikonky-s4/s4_objednavky.gif") 0 25px no-repeat;}
.article-text h4.s4-prodejna {background: url("../prilohy/ikonky-s4/s4_prodejna.gif") 0 25px no-repeat;}
.article-text h4.s4-sklady {background: url("../prilohy/ikonky-s4/s4_sklady.gif") 0 25px no-repeat;}
.article-text h4.s4-target {background: url("../prilohy/ikonky-s4/s4_target.gif") 0 25px no-repeat;}
.article-text h4.s4-taxedit {background: url("../prilohy/ikonky-s4/s4_taxedit.gif") 0 25px no-repeat;}
.article-text h4.s4-ucetnictvi {background: url("../prilohy/ikonky-s4/s4_ucetnictvi.gif") 0 25px no-repeat;}

.h4-tabulky {font-size: 0.875em; font-weight: bold; margin-bottom: 0; margin-left: 17px; padding-top: 15px;}

.article-text pre {border: 1px dotted #000; margin: 12px 25px 12px 10px; padding: 7px; background: #fff; font-size: 0.75em; font-family: courier new; line-height: 1.4em; display: block;}
.article-text blockquote {border-left: 1px dashed #000; margin: 12px 25px 12px 10px; background: #d7d7d7; display: block;}
.article-text blockquote p {font-size: 0.75em; line-height: 1.6em; padding: 10px 15px;}

.youtube {text-align: center; padding: 20px 0;}

.article-text ul {margin: 12px 0 20px 25px; font-size: 0.75em; list-style: disc;}
.article-text ul li {line-height: 1.38em;}
.article-text ul li ul {margin-top: 0; margin-bottom: 0; font-size: 1.0em; list-style: circle;}
.article-text ul li ul li ul {margin-top: 0; margin-bottom: 0; font-size: 1.0em; list-style: square;}

.article-text ol {margin: 12px 0 20px 25px; font-size: 0.75em; list-style: decimal;}
.article-text ol li {line-height: 1.38em;}
.article-text ol li ol {margin-top: 0; margin-bottom: 0; font-size: 1.0em;}
.article-text ol li ol li ol {margin-top: 0; margin-bottom: 0; font-size: 1.0em; list-style: lower-latin;}

.article-text .article-vlevo {float: left; margin: 7px;}
.article-text .article-vpravo {float: right; margin: 7px;}
.article-text .article-center {text-align: center; margin: 7px;}

.article-text table {margin: 15px 0; background: #fff; border-spacing: 2px; font-size: 0.75em;}
.article-text table th {background: #ddd; padding: 7px; font-weight: bold;}
.article-text table td {background: #ddd; padding: 7px;}

.article-titulka {margin-top: 20px; float: left; clear: both;}
.article-titulka h2 {font-size: 0.875em;}

.table-money {border-collapse: collapse; border: 1px solid #ccc; color: #363636; background: #fff; font-size: 0.75em; margin: 0 20px 0 23px;}
.table-money th {border: 1px solid #ccc; text-align: left; background: #efefef; padding: 0.4em 10px; font-weight: bold; color: #960000; white-space: nowrap;}
.table-money th.datum-money {width: 100px;}
.table-money th.file-money {width: 230px;}
.table-money td {border: 1px solid #ccc; padding: 0.4em 10px; color: #363636; vertical-align: top; text-align: left;}
.table-money td a img {margin-right: 3px;}
.table-money tr:hover td {background: #ffffcc; cursor: pointer;}
.table-money tr.money-green th {color: green;}
.table-money tr.money-red th {color: red;}
.article-text .datum {font-size: 0.75em; color: #f57915; font-style: italic; margin-bottom: 5px; display: block;}
.article-text .priloha-word {padding-left: 25px; background: url("../prilohy/ext_doc.png") no-repeat; list-style: none;}



.article-text ul.moduly-ul {font-size: 0.75em; margin-left: 5px; padding-left: 0;}
.moduly-ul li {list-style: none; padding: 8px 0 13px 40px;}

.moduly-ul .moduly-ul-ovladani {background: url("../money-s3/icon/ovladani.gif") no-repeat;}
.moduly-ul .moduly-ul-tisk {background: url("../money-s3/icon/tisk.gif") no-repeat;}
.moduly-ul .moduly-ul-dnes {background: url("../money-s3/icon/dnes.gif") no-repeat;}
.moduly-ul .moduly-ul-import {background: url("../money-s3/icon/import.gif") no-repeat;}
.moduly-ul .moduly-ul-bezpecnost {background: url("../money-s3/icon/bezpecnost.gif") no-repeat;}
.moduly-ul .moduly-ul-homebanking {background: url("../money-s3/icon/homebanking.gif") no-repeat;}
.moduly-ul .moduly-ul-sit {background: url("../money-s3/icon/sit.gif") no-repeat;}
.moduly-ul .moduly-ul-terminaly {background: url("../money-s3/icon/terminaly.gif") no-repeat;}
.moduly-ul .moduly-ul-dane {background: url("../money-s3/icon/dane.gif") no-repeat;}
.moduly-ul .moduly-ul-adresar {background: url("../money-s3/icon/adresar.gif") no-repeat;}
.moduly-ul .moduly-ul-podvojne {background: url("../money-s3/icon/podvojne.gif") no-repeat;}
.moduly-ul .moduly-ul-majetek {background: url("../money-s3/icon/majetek.gif") no-repeat;}
.moduly-ul .moduly-ul-fakturace {background: url("../money-s3/icon/fakturace.gif") no-repeat;}
.moduly-ul .moduly-ul-sklad {background: url("../money-s3/icon/sklad.gif") no-repeat;}
.moduly-ul .moduly-ul-mzdy {background: url("../money-s3/icon/mzdy.gif") no-repeat;}


.moduly-dl {font-size: 0.75em; padding-top: 30px;}
.moduly-dl dt {width: 350px; float: left; height: 40px; padding-left: 40px; padding-bottom: 15px;}
.moduly-dl dt a, .moduly-dl dt a:visited {font-weight: bold;}
.moduly-dl dt span {font-size: 0.875em;}
.moduly-dl dd {width: 250px; float: left; height: 40px; padding-bottom: 15px; font-size: 0.875em;}

.moduly-dl .moduly-dt-kniha {background: url("../money-s3/icon/kniha.gif") no-repeat;}
.moduly-dl .moduly-dt-servis {background: url("../money-s3/icon/servis.gif") no-repeat;}
.moduly-dl .moduly-dt-ucetni {background: url("../money-s3/icon/ucetni.gif") no-repeat;}
.moduly-dl .moduly-dt-sklad {background: url("../money-s3/icon/sklad.gif") no-repeat;}
.moduly-dl .moduly-dt-centrala {background: url("../money-s3/icon/centrala.gif") no-repeat;}
.moduly-dl .moduly-dt-xml {background: url("../money-s3/icon/xml.gif") no-repeat;}
.moduly-dl .moduly-dt-shop {background: url("../money-s3/icon/shop.gif") no-repeat;}
.moduly-dl .moduly-dt-kasa {background: url("../money-s3/icon/kasa.gif") no-repeat;}
.moduly-dl .moduly-dt-sql {background: url("../money-s3/icon/sql.gif") no-repeat;}




/* Kontakt
----------------------------------------------- */
.kontakt {float: left; width: 200px; padding: 20px; padding-left: 0; font-size: 0.75em;}
.kontakt span {font-weight: bold; color: #000;}

.kontakt2 {float: left; width: 300px; padding: 20px; padding-left: 0; font-size: 0.75em;}
.kontakt2 span {font-weight: bold; color: #000;}

.hl {clear: both; padding: 7px; border: 1px solid #92bb62; width: 470px; background: #c7dfaa; font-size: 0.75em;}

.mapa {width: 500px; clear: both; position: relative; top: 20px; height: 150px;}
.mapa div {float: left; margin: 0 10px 0 10px;}
.mapa h2 {font-size: 0.875em; margin-bottom: 13px; float: left; width: 500px;}
.mapa div a {border: 0px;}
.mapa div img {border: 1px solid #aaa;}
.mapa div.sipka {float: left; border: 0px; margin: 0; padding: 0; position: relative; top: 30px;}
.mapa div.sipka img {border: 0px;}
.mhd {width: 500px; clear: both; font-size: 0.75em;}
.mhd dl dt {font-weight: bold; margin: 5px 0 0 7px;}
.mhd dl dd {font-weight: normal; margin: 3px 0 0 25px;}



/* Reklamy
----------------------------------------------- */
#reklama-top {float: right; margin: 8px 109px 0 0; overflow: hidden; width: 423px; height: 110px;}



/* Login
----------------------------------------------- */
.formular {margin-left: 20px; font-size: 0.875em;}
.formular .tlacitko {margin: 5px 40px 0 0; float: right; font-weight: bold; position: relative; top: -1px; color: #fff; cursor: pointer; border: 1px solid #b4b4b4; background: url(../images/tlacitko.jpg) repeat-x;}
.formular em {padding: 5px 0 15px 0; color: red; display: block;}



/* Registrace
----------------------------------------------- */
#registrace fieldset {width: 660px;}
#registrace .registrace-left {float: left;}
#registrace .registrace-help {float: left; border: 1px solid #e2d64d; background: #fff9b1; width: 200px; padding: 4px; margin: 5px 0 15px 0;}
#registrace .input-input-doruceni a {width: 290px; float: left; text-align: left; color: red; padding: 10px 0;}
#registrace .tlacitko {margin: 5px 70px 0 0; float: right; font-weight: bold; position: relative; top: -1px; color: #fff; cursor: pointer; border: 1px solid #b4b4b4; background: url(../images/tlacitko.jpg) repeat-x;}
#registrace .souhlas {float: left; color: red;}
#registrace .souhlas a, #registrace .souhlas a:visited {color: red;}



/* 404 page
----------------------------------------------- */
#page-404 {width: 630px; height: 450px; margin: 50px auto; font-size: 3.0em; line-height: 1.3em; font-weight: bold;}
#page-404 #left {float: left; width: 200px; border-right: 10px solid #000; text-align: right; color: #000; padding-right: 30px;}
#page-404 #right {float: left; width: 350px; padding-left: 30px;}
#page-404 #right a {text-decoration: none;}
#page-404 #right img {margin: 15px 0 0 45px;}



/* Mapa stranek
----------------------------------------------- */
ul#mapa-stranek {margin: 12px 0 20px 40px; font-size: 0.75em; width: 90%;}
ul#mapa-stranek li {line-height: 1.38em; list-style: disc; margin-bottom: 5px;}
ul#mapa-stranek li ul {margin-top: 3px; margin-bottom: 3px; font-size: 1.0em; width: 95%; margin-left: 20px;}
ul#mapa-stranek li ul li {list-style: circle;}
ul#mapa-stranek li ul li ul {margin-top: 0; margin-bottom: 0; font-size: 1.0em; width: 95%;}
ul#mapa-stranek li ul li ul li {list-style: square;}

ul#mapa-stranek li.without {list-style: none;}



/* Nabidka
----------------------------------------------- */
.nabidka-h2 {float: left;}
.nabidka-select {float: left; position: relative; top: 8px;}

#red li span:hover {color: #000; font-weight: bold;}
#red li a:hover {color: #000; font-weight: bold;}

.promo {border: 1px solid #f2cd00; background: #fff0a0;}
.promo:hover {border: 1px solid #f3da50; background: #fff7c8;}
.promo .akce {position: relative; top: 2px; border: 1px solid #ea7900; background: #ea7900; padding: 0 4px; margin: 0 0 0 1px; font-size: 0.875em; font-weight: bold; color: #fff; display: cursor;}
.promo-popis {margin: 4px 0 6px 0;}
.promo-popis .akce {position: relative; top: 2px; border: 1px solid #ea7900; background: #ea7900; padding: 0 4px; margin: 0 0 0 1px; font-size: 0.875em; font-weight: bold; color: #fff; display: cursor;}

.promo-novinka {border: 1px solid #d20000; background: #ebc4c4;}
.promo-novinka:hover {border: 1px solid #df5d5d; background: #f5dada;}
.promo-novinka .akce {position: relative; top: 2px; border: 1px solid #ff0000; background: #ff0000; padding: 0 4px; margin: 0 0 0 1px; font-size: 0.875em; font-weight: bold; color: #fff; display: cursor;}
.promo-novinka-popis {margin: 4px 0 6px 0;}
.promo-novinka-popis .akce {position: relative; top: 2px; border: 1px solid #ff0000; background: #ff0000; padding: 0 4px; margin: 0 0 0 1px; font-size: 0.875em; font-weight: bold; color: #fff; display: cursor;}

.promo-doprodej {border: 1px solid #92c4d9; background: #bedae6;}
.promo-doprodej:hover {border: 1px solid #bedae6; background: #e3f1f7;}
.promo-doprodej .akce {position: relative; top: 2px; border: 1px solid #008ecb; background: #008ecb; padding: 0 4px; margin: 0 0 0 1px; font-size: 0.875em; font-weight: bold; color: #fff; display: cursor;}
.promo-doprodej-popis {margin: 4px 0 6px 0;}
.promo-doprodej-popis .akce {position: relative; top: 2px; border: 1px solid #008ecb; background: #008ecb; padding: 0 4px; margin: 0 0 0 1px; font-size: 0.875em; font-weight: bold; color: #fff; display: cursor;}

.promo-cesta {border: 1px solid #4b8743; background: #c4e1c0;}
.promo-cesta:hover {border: 1px solid #7aae73; background: #e2f1e0;}
.promo-cesta .akce {padding: 1px 55px 5px 2px; position: relative; top: 0; left: 4px; margin: 0 0 0 1px; font-size: 0.688em; font-weight: bold; color: #fff; display: cursor;} /*border: 1px solid #ab0000; background: #ab0000;*/
.promo-cesta-popis {margin: 4px 0 6px 0;}
.promo-cesta-popis .akce {padding: 1px 55px 5px 2px; position: relative; top: 0; left: 4px; margin: 0 0 0 1px; font-size: 0.688em; font-weight: bold; color: #fff; display: cursor;}

.vysvetlivky-hr {margin: 10px 0 20px 0;}
.vysvetlivky-strong {float: left; padding-top: 2px;}
.vysvetlivky-novinka {background: #ff0000; padding: 2px 4px; color: #fff; font-weight: bold; margin: 0 8px 0 10px; float: left;}
.vysvetlivky-doprodej {background: #008ecb; padding: 2px 4px; color: #fff; font-weight: bold; margin-right: 8px; float: left;}
.vysvetlivky-cesta {padding: 2px 4px; color: #fff; font-weight: bold; margin-right: 8px; width: 100px; float: left; display: block;}
.vysvetlivky-top {background: #ea7900; padding: 2px 4px; color: #fff; font-weight: bold; margin-right: 8px; float: left;}



#akce {clear: both; background: #f9f399; border: 1px solid #ebdf1f; padding: 10px; width: 165px; position: relative; top: 15px;}
#akce h2 {font-weight: bold; margin: 0; padding: 0 0 5px 0; color: red;}

.corner {position: relative; top: -3px;}
a.select-style, a.select-style:visited {color: #186102; font-weight: bold;}



/* Kontaktní formular
----------------------------------------------- */
#kontaktni-formular {width: 500px; float: left; margin-top: 17px; font-size: 0.75em;}
#kontaktni-formular .input-cell {width: 440px; text-align: left; font-size: 1.0em;}
#kontaktni-formular .input-text {width: 110px; float: left; text-align: right; position: relative; top: 2px; font-weight: bold; padding: 0 7px 0 0; font-size: 1.0em;}

#kontaktni-formular .input-input {width: 300px; float: left; text-align: left; padding: 0 0 5px 0; }
#kontaktni-formular .input-input-anti {width: 300px; float: left; text-align: left; padding: 0 0 5px 0; }
#kontaktni-formular .input-textarea {width: 480px; float: left; text-align: left; padding: 0 0 5px 0;}

#kontaktni-formular .input-input input {border: 1px solid #949494; background: #f2faff; padding: 2px 3px 1px 3px; width: 300px;}
#kontaktni-formular .input-input-anti input {border: 1px solid #949494; background: #f2faff; padding: 2px 3px 1px 3px; width: 150px; position: relative; top: -3px;}
#kontaktni-formular .input-textarea textarea {border: 1px solid #949494; background: #f2faff; padding: 2px 3px 1px 3px; width: 300px;}
#kontaktni-formular .input-input textarea {height: 200px;}

#kontaktni-formular .input-button .input-input input {padding: 0 0 3px 0; width: 110px; float: right; font-weight: bold; position: relative; top: -1px; color: #fff; cursor: pointer; border: 1px solid #b4b4b4; background: url(../images/tlacitko.jpg) repeat-x; font-size: 0.875em;}



/* Popiskove tabulky z edlinku
----------------------------------------------- */
.specTable {width: 550px;}
.headerRow {font-weight: bold; padding-bottom: 7px; font-size: 1.25em;}

.attribute_list {width: 400px; background: #fff; margin: 10px 0 20px 0;}
.attribute_list tr.odd {background: #c8c8c8;}
.attribute_list tr.even {background: #ececec;}
.attribute_list td {padding: 3px 6px 3px 6px; border-right: 1px solid #fff; border-bottom: 1px solid #fff;}
.attribute_list td.attribute {font-weight: bold;}



/* Pokrocile vyhledavani
----------------------------------------------- */
#pokrocile .fieldset-adv {border: 1px solid #aaa; width: 500px; padding: 10px; margin: 0 0 25px 0;}
#pokrocile .input-cell-adv {width: 500px; text-align: left;}
#pokrocile .input-text-adv {width: 140px; float: left; text-align: right; position: relative; top: 5px; font-size: 1.0em; padding: 0 7px 0 0;}
#pokrocile .text-top-adv {padding-top: 3px; font-weight: bold;}
#pokrocile .input-select {position: relative; top: 5px;}

#pokrocile .input-checkbox {width: 290px; float: left; text-align: left;}
#pokrocile .input-checkbox input {position: relative; top: 2px;}

#pokrocile .input-cell-adv .input-submit {margin-top: 10px; float: left;}

#row-menu #row-menu-content .advancesearch {float: right; width: 130px;}
#row-menu #row-menu-content .advancesearch a {color: #fff; font-size: 0.69em; padding-top: 14px; margin-left: 10px; float: right; font-weight: bold;}



/* Layout
----------------------------------------------- */
#container {text-align: left; width: 1005px; float: left; background: url("../images/content.jpg") repeat-y; position: relative; left: 50%; margin: 15px 0 15px -503px;}
#inner {background: url("../images/header.jpg") no-repeat; width: 1005px; float: left;}
#contentlay {float: right; width: 760px; padding-bottom: 20px;}

#slideshow {height: 200px; margin: 15px 0 0 0; width: 760px;}
#slideshow .left-banner {margin-right: 5px; float: left;}

#top {height: 86px; margin: 0 0 10px 0; width: 760px; background: url("../images/top.jpg") no-repeat;}
#top #top-top {width: 760px; height: 62px;}
#top #top-top h2 {display: block; float: left; color: #fff; font-size: 1.0em; padding: 16px 0 0 15px;}
#top #top-top #top-kosik {float: right; width: 300px; font-size: 0.75em; color: #fff; padding: 13px 35px 0 0; text-align: right;}
#top #top-top #top-kosik .basket {margin-right: 5px; position: relative; top: 2px;}
#top #top-top #top-kosik a {color: #fff; text-decoration: underline;}
#top #top-bottom {width: 760px; height: 30px;}
#top #top-bottom #top-lista {width: 420px; float: left; color: #000; font-size: 0.69em; font-weight: bold; padding: 2px 0 0 25px;}
#top #top-bottom #top-lista a {color: #000; text-decoration: none;}
#top #top-bottom #top-lista a:hover {color: #e1051e;}
#top #top-bottom ul {float: right; margin-right: 15px;}
#top #top-bottom ul li {display: block; float: left;}
#top #top-bottom ul li a {color: #1b1b1b; text-decoration: none; font-size: 0.69em; font-weight: bold; margin-right: 20px;}
#top #top-bottom ul li a:hover {color: #e1051e;}

#breadcrumbs {height: 39px; margin: 0 0 10px 0; width: 760px;}

#contentlay p {font-size: 0.75em; line-height: 1.5em;}

#left {float: left; width: 245px; margin-bottom: 30px;}
#left .logo {margin: 20px 0 0 42px;}
#left h3 {background: #ddd; padding: 6px 6px 6px 10px; font-weight: bold; font-size: 0.75em; color: #000; margin: 30px 0 0 37px; width: 186px;}
#left h3 a {text-decoration: none; color: #000;}
#left h3 a:hover {color: #a50000;}
#left p.odstavec-novinky {font-size: 0.69em; margin: 5px 0 5px 37px; color: #636363; width: 200px;}
#left strong.nadpis-novinky {font-size: 0.75em; font-weight: bold; margin: 5px 0 0 37px; width: 200px; display: block;}
#left span.datum-novinky {font-size: 0.69em; margin: 5px 0 0 37px; color: #393939; display: block; float: left;}

#left #menu {margin: 20px 0 0 37px; width: 190px;}
#left #menu li {border-bottom: 1px dotted #aaa; }
#left #menu li span {color: #1b1b1b; text-decoration: none; display: block; font-size: 0.875em; width: 200px; background: url("../images/dot.jpg") 1px 11px no-repeat; margin: 0; padding: 5px 0 5px 14px;}
#left #menu li span:hover {color: #e1051e;}
#left #menu li a {padding: 5px 0 5px 14px; color: #1b1b1b; text-decoration: none; display: block; font-size: 0.875em; width: 200px; background: url("../images/dot.jpg") 1px 11px no-repeat;}
#left #menu li a:hover {color: #e1051e;}
#left #menu li ul {width: 180px; margin-left: 25px; font-size: 0.875em; list-style: none;}
#left #menu li ul li {border: 0; list-style: none;}
#left #menu li ul li a {color: #636363; width: 155px;}
#left #menu li ul li a:hover {color: #e1051e;}
#left #menu li ul li a.menu_current {color: #e1051e;}
#left #menu li a.menu_current_top {font-weight: bold;}

#left #kategorie {margin: 1px 0 0 37px; width: 200px;}
#left #kategorie li {border-bottom: 1px dotted #aaa;}
#left #kategorie li.menu-15 {margin-left: 15px;}
#left #kategorie li.menu-30 {margin-left: 30px;}
#left #kategorie li.menu-30 a {width: 165px;}
#left #kategorie li.menu-45 {margin-left: 45px;}
#left #kategorie li.menu-60 {margin-left: 60px;}
#left #kategorie li.menu-75 {margin-left: 75px;}
#left #kategorie li.menu-90 {margin-left: 90px;}
#left #kategorie li a {padding: 5px 0 5px 14px; color: #000; text-decoration: none; display: block; font-size: 0.75em; width: 190px; background: url("../images/dot.jpg") 1px 11px no-repeat;}
#left #kategorie li a:hover {color: #e1051e;}

#left .rss {margin: 0 0 0 125px; position: relative; top: 2px;}

#left #sidebar-img {margin: 30px 0 0 32px;}
#left #sidebar-img img {margin-right: 6px;}

#footer {height: 95px; background: url("../images/footer.jpg") #fdffbc; clear: both; width: 100%; text-align: center; font-size: 0.75em;}
#footer p {padding-top: 15px;}
#footer a {color: #636363;}
#footer a:hover {color: #e1051e;}



#podlista {height: 36px; position: relative; top: 10px; margin: 0; width: 725px; background: url("../images/lista.jpg") no-repeat; padding: 13px 0 0 25px; color: #9e9e9e; font-size: 0.69em; font-weight: bold; clear: both;}
#podlista a {color: #9e9e9e; text-decoration: none;}
#podlista a:hover {color: #e1051e;}

.moneysupport-table {border-top: 1px dotted #000; margin-bottom: 20px;}
.moneysupport-table td {width: 225px; font-size: 1.25em; height: 25px;}

#contentlay .info-text p {font-size: 1.0em;}

.iframe {margin-left: 15px; width: 670px;}

.article-text .dokumentace {border-collapse: collapse; border: 1px solid #ccc; color: #363636; background: #fff; font-size: 0.75em; margin: 10px 20px 0 0;}
.article-text .dokumentace th {border: 1px solid #ccc; text-align: left; background: #efefef; padding: 0.4em 10px; font-weight: bold; color: #960000; white-space: nowrap;}
.article-text .dokumentace td {border: 1px solid #ccc; padding: 0.4em 10px; color: #363636; vertical-align: top; text-align: left; background: #fff;}
.article-text .dokumentace td a img {margin-right: 3px;}
.article-text .dokumentace tr:hover td {background: #ffffcc; cursor: pointer;}

.article-text .galerie img {border: 1px solid #aaa; margin-bottom: 7px;}
.article-text .galerie .gallery-float {float: left; width: 190px; height: 200px; text-align: center;}


.article-text .tabulka-reference {border-collapse: collapse; border: 0px solid #ccc; color: #aaa; background: #fff; font-size: 0.75em; margin: 25px 20px 25px 0;}
.article-text .tabulka-reference td {border-bottom: 1px solid #ccc; padding: 0.4em 10px; vertical-align: top; text-align: left; background: #fff;}
.article-text .tabulka-reference td a img {margin-right: 3px;}
.article-text .tabulka-reference tr:hover td {background: #ffffcc; cursor: pointer;}
.article-text .tabulka-reference tr td strong {font-weight: normal; color: #000;}
.article-text .tabulka-reference .tabulka-reference-left {font-weight: bold; color: #363636;}

#vypis-kategorii {padding: 10px 0 10px 20px;}
#vypis-kategorii strong span {color: #8a0000;}
#vypis-kategorii ul {font-size: 0.75em; margin: 10px;}



.partner {width: 600px; margin-bottom: 25px; float: left;}
.partner-img {width: 120px; float: left;}
.partner-text {width: 470px; float: left;}
.partner-text strong {font-weight: bold; font-size: 0.875em;}
.partner-text p {font-weight: bold; font-size: 0.75em; font-weight: normal;}

#search-kategorie {}
#search-kategorie li {margin-left: 20px; font-size: 0.75em;}

.h2-novinky {line-height: 1.5em;}
.typ-hledani {float: left;}
.typ-hledani label {margin-right: 6px; font-size: 0.75em;}
.typ-hledani input {position: relative; top: 2px; margin-right: 15px; font-size: 0.75em;}
.typ-hledani select {position: relative; top: 1px; }
.typ-hledani option {}
.razeni {float: right;}



/* Slideshow
----------------------------------------------- */
#slide {height: 190px; width: 221px; float: right; margin-right: 15px; margin-top: 3px;}



.upozorneni {background: url("../images/upozorneni.jpg") repeat-x #7bb159; border: 1px solid #517e34; padding: 10px; width: 723px; text-align: center;}
.upozorneni a, .upozorneni a:visited {text-decoration: none; color: #fff; font-weight: bold;}
.upozorneni a:hover {color: #fff88a;}
