/* obecna nastaveni */
body {background: #A9B3C0 url('bg-body-01.png') repeat top left; font-family: Verdana,"Geneva CE",lucida,sans-serif; margin: 0px 0px 0px 0px; padding: 0px; text-align: center; border: 0px outset #ffffff;}
form {margin: 0px;}
p {margin: 0px;}
img {border: 0px solid #ffffff;}
img.odeslat {border: 0px solid #ffffff; cursor: pointer; }
form input.odeslat {border: 0px solid #ffffff; cursor: pointer; }
input {font-family: Verdana,"Geneva CE",lucida,sans-serif;}
strong {font-weight: bold;}
.cistic {clear:both; border:none; visibility:hidden; line-height:0px;}

a.green {color: #69A253; text-decoration: none; font-family: Verdana,"Geneva CE",lucida,sans-serif; font-size: 10px; font-weight: bold; line-height: 20px;}
a.green:hover {text-decoration: underline;}
a.red {color: #A53639; text-decoration: none; font-family: Verdana,"Geneva CE",lucida,sans-serif; font-size: 10px; font-weight: bold; line-height: 20px;}
a.red:hover {text-decoration: underline;}
a.gray {color: #a0a0a0; text-decoration: none; font-family: Verdana,"Geneva CE",lucida,sans-serif; font-size: 10px; font-weight: bold; line-height: 20px;}
a.gray:hover {text-decoration: underline;}
a.user {color: #ffffff; text-decoration: none; font-family: Verdana,"Geneva CE",lucida,sans-serif; font-size: 10px; font-weight: normal;}
a.user:hover {text-decoration: underline;}

h1 {margin: 5px 0px 10px 0px; color: #000000; font-size: small;} /* nazev polozky v detailu */
.h1-katalog {font-weight: bold; margin: 5px 0px 10px 0px; color: #000000; font-size: small;}
.h1-katalog h1 {font-size: small; display: inline;}

h3.blue {margin: 5px 0px 10px 0px; color: #557BA4; font-size: x-small;}
h4 {margin: 0px 0px 10px 0px; color: #000000; font-size: x-small;}

.message {width: 100%; height: 100%; font-family: Verdana,"Geneva CE",lucida,sans-serif; font-size: 12px; text-align: center; color: #000000; font-weight: bold; background: url('bg-tm-01big.jpg') repeat-x top left;}
.message .text {background-color: #ffffff; width: 60%; margin: 200px auto 0px auto; font-size: 12px; padding:50px 0px;}
.message .text .nadpis {font-size: 12px; color: #98A4B0;}
.message .text .but {text-align: center;}
.message .text .but button {border: 1px ridge #98A4B0; background-color: #98A4B0; color: #ffffff; cursor: pointer; }
/* ------------------------------------------------------------------------------------------------------------------------ */
/* TOP MENU */

.topmain { /*height: 132px;*/ background: url('bg-tm-01big.jpg') repeat-x top left; text-align: center; margin: 0px auto 0px auto; padding:0px; border:0px solid black;}


.etuzex {height: 117px; margin: 0px auto 0px auto; text-align: left; width: 990px; }
.etuzex .s1 {}
.etuzex .s2 {}
.etuzex .s2 img {margin:0px; padding:0px;}
.etuzex .s3 {}
.etuzex .s4 {width: 159px; text-align: right; font-size: 10px;}
.etuzex .s4 .i {width: 109px; height: 19px; font-weight: bold; color: #ffffff; border: 1px solid #CBD3DC; background: #A9B3C0 url('bg-tm-01.jpg') repeat top left;  vertical-align: middle;}
.etuzex .s4 span {font-size: 14px; font-weight: bold;}
.etuzex .s4 .i2 {margin-left: 13px; vertical-align: middle;}
.etuzex .s4 img {margin-left: 10px; vertical-align: middle;}


.topmain .topmenu2 {width: 990px; height: 21px; margin: 0px auto 0px auto; text-align: left; padding: 0px; font-size: 10px!important;}
.topmenu2 td {vertical-align: middle;}
.topmenu2 .s1 {width: 169px;}
.topmenu2 .r1 {width: 6px; text-align: left;  vertical-align: bottom; background-color: #ffffff;}
.topmenu2 .r3 {width: 2px; text-align: right; vertical-align: bottom; background-color: #ffffff;}
.topmenu2 .r7 {width: 6px; text-align: left;  vertical-align: top;    background-color: #ffffff;}
.topmenu2 .r9 {width: 2px; text-align: right; vertical-align: top;    background-color: #ffffff;}
.topmenu2 .s3 {background: #ffffff; text-align: left; vertical-align: top; font-size: 10px; color: #A0A0A0; padding: 0px 0px 0px 5px;}
.topmenu2 .s3 .topkosik {float: right; text-align: right; font-size: 10px; color: #A0A0A0; margin: 0px 8px 0px 0px; line-height: 20px;}
.topmenu2 .s3 .topkosik img {margin-left: 10px;}




/* ------------------------------------------------------------------------------------------------------------------------ */
/* sloupce */
.sloupce {width: 100%; background: url('bg-body-02.jpg') repeat-x top left; text-align: center; min-width: 929px; }
/* .sloupce .main {width: 88%; margin: 0px; margin-left: auto; margin-right: auto; text-align: left; min-width: 928px; min-height: 650px; padding: 0px;} */
.topmain {_height: 650px;}
.topmain .main {margin: 0px; margin-left: auto; margin-right: auto; text-align: left; width: 990px; min-height: 650px; padding: 0px; }

/* left */
.main .left {vertical-align: top; width: 160px; text-align: left; background: url('right-01.png') no-repeat top left;}
.main .left .h {width: 79px; height: 34px; text-align: left;}
.main .left .sortby2 {width: 79px; height: 34px; text-align: center;}
.main .left .data .format {text-align: right; margin: 1px 0px 0px 0px;}
.main .left .data .format button {float: left; border: 1px solid #A4AEBC; background-color: #B7C0CA; color: #677482;}
.main .left .data .format {text-align: right; margin: 1px 0px 0px 0px; padding: 0px 10px 0px 0px;}
.main .left .data .format a {color: #A53639; text-decoration: none; }
.main .left .data .format a:hover {text-decoration: underline;}

/* LEFT - kategorie */
.main .left .kategorie {width: 159px; background: #B6BFC9 url('left-03.png') repeat-x top left; font-size: 10px;}
.main .left .kategorie .margin {width: 10px;}
.main .left .kategorie .data {vertical-align: top; text-align: left; color: #677482;}
.main .left .kategorie .data h5 {margin: 0px; font-size: 10px; color: #475462;}
.main .left .kategorie .data input {border: 1px solid #A4AEBC; background-color: #B7C0CA; width: 139px; color: #677482;}
.main .left .kategorie .data button {border: 1px solid #A4AEBC; background-color: #B7C0CA; color: #677482;}
.main .left .kategorie .k {font-family: Verdana,"Geneva CE",lucida,sans-serif; font-size: 11px; color: #2E363F; text-decoration: none;}
.main .left .kategorie .k:hover {text-decoration: underline;}
.main .mezera2 {vertical-align: top; width: 9px;}
.main .mezera2 img {position: relative; top: 0px; left: 10px;}

.main .rootKategorie {width: 100%;}
.main .rootKategorie td.leftA {background: url('nk01.gif') repeat-x top left; width: 50%; text-align: center;}
.main .rootKategorie td.leftA img {float: left; position: relative; left: -13px; width: 10px; height: 1px;}
.main .rootKategorie td.leftB {background: url('nk01.gif') repeat-x bottom left; width: 50%; text-align: center;}
.main .rootKategorie td.leftB img {float: left; position: relative; left: -13px; width: 10px; height: 1px;}
.main .rootKategorie td.center {width: 5px; padding: 0px;}
.main .rootKategorie td.rightA {background: url('nk03a.gif'); width: 50%; text-align: center;}
.main .rootKategorie td.rightB {background: url('nk03b.gif'); width: 50%; text-align: center;}
.main .rootKategorie td a {font-size: 10px; text-decoration: none; color: #000000;}
.main .rootKategorie td a:hover {text-decoration: underline;}

/* right */
.main .right {vertical-align: top; width: 160px; text-align: left; background: url('right-01.png') no-repeat top left;}
.main .right .h {width: 149px; height: 34px; text-align: right; color: #69A253; font-weight: bold; font-size: 10px; line-height: 34px;}
.main .right .topprod {width: 159px; background: #B6BFC9 url('left-03.png') repeat-x top left; font-size: 10px;}
.main .right .topprod .margin {width: 10px;}
.main .right .topprod .data {vertical-align: top; text-align: left;}
.main .right .topprod .data h5 {margin: 0px; font-size: 10px; color: #475462;}
.main .right .data input {border: 1px solid #A4AEBC; background-color: #B7C0CA; width: 139px;}
.main .right .topprod .data .sleft {float: left; color: #000000; margin-top: 10px;}
.main .right .topprod .data .sleft .top {font-family: Verdana,"Geneva CE",lucida,sans-serif; font-size: xx-small; color: #000000; text-decoration: none;}
.main .right .topprod .data .sleft .top:hover {text-decoration: none; color: #498233;}
.main .right .topprod .data .sright {float: right; font-size: xx-small; color: #475462; font-style: italic; white-space: nowrap;}
.main .mezera4 {vertical-align: top; width: 10px; text-align: left;}
.main .mezera4 img {position: relative; left: -10px;}
.main .right .data button {border: 1px solid #A4AEBC; background-color: #B7C0CA;; color: #677482;}
/* RIGHT - anketa */
.main .right .anketa a {text-decoration: none; color: #A53639; font-weight: bold;}
.main .right .anketa a:hover {text-decoration: underline;}
/* RIGHT - kontakty */
.main .right .kontakty a {text-decoration: none; color: #A53639; font-weight: bold;}
.main .right .kontakty a:hover {text-decoration: underline;}



/* center */
.main .center {vertical-align: top; padding: 24px 24px 24px 24px; background: #ffffff url('center-r1.gif') no-repeat bottom left; font-size: xx-small; border: 0px solid #000000;}
.main .center-bottom {vertical-align: top; text-align: right;}
.main .center-bottom img {position: relative; top: -7px;}
.main .center hr {height: 1px; color: #ffffff; border: 0px solid #ffffff; border-top: 1px solid #e0e0e0;}

.popisKategorie {padding: 0px 0px 10px 0px; font-size: 11px;}

.topuvodni {margin:0px 0px 15px 0px;}
.kategoryBanners {padding: 0px; margin: 15px 0px 15px 0px; width: 600px; overflow:hidden; text-align:center; border:0px solid black;}
.kategoryBanners .kategoryBanner {margin:0px; padding: 0px; display: block; float: left;}

/* KATALOG */
/* KATALOG - top produkty v zahlavi*/
.main .center a.katalogtop {font-size: xx-small; color: #000000; text-decoration: none;}
.main .center a.katalogtop:hover {text-decoration: underline;}

/* KATALOG - navigace v zahlavi */
.navigace {}
.navigace .nleft {float: left; text-align: left; width: 130px;  font-size: x-small; color: #545254;}
.navigace .nleft a {text-decoration: none; font-size: x-small; color: #545254; font-weight: bold;}
.navigace .nleft a:hover {text-decoration: underline;}
.navigace .ncenter {text-align: center; font-size: x-small; font-weight: bold; color: #545254; padding: 4px 0px 0px 0px;}
.navigace .ncenter .barva { color: #4785D0;}
.navigace .ncenter .barva a {text-decoration: none; color: #4785D0;}
.navigace .ncenter .barva a:hover {text-decoration: underline;}
.navigace .nright {float: right; text-align: right; width: 140px;  font-size: x-small; color: #545254;}
.navigace .nright a {text-decoration: none; font-size: x-small; color: #545254; font-weight: bold;}
.navigace .nright a:hover {text-decoration: underline;}

/* KATALOG - zahlavi s razenim, druhem vypisu atd.. */
.zahlavi {width: 100%; font-size: xx-small; color: #545254;}
.zahlavi td.mezera {width: 20px;}
.zahlavi td1 {width: 18%; vertical-align: top;}
.zahlavi td2 {width: 14%; vertical-align: top;}
.zahlavi a {color: #545254; text-decoration: none;}
.zahlavi a:hover {text-decoration: underline;}

/* listovani */
.listcontrol {margin:10px 0px 20px 0px; text-align:center; font-weight:bold; font-size:12px;}
.listcontrol img {vertical-align:middle;}
.listcontrol .list-left {float: left; text-align: left; width: 175px;  font-size: 12px; color: #545254;}
.listcontrol .list-left a {text-decoration: none; font-size: 13px; color: #545254; font-weight: bold;}
.listcontrol .list-left a:hover {text-decoration: underline;}
.listcontrol .list-center {text-align: center; font-size: 13px; font-weight: bold; color: #545254; padding: 4px 0px 0px 0px;}
.listcontrol .list-center a {text-decoration: none; color: #4785D0; font-size: 13px;}
.listcontrol .list-center a:hover {text-decoration: underline;}
.listcontrol .list-right {float: right; text-align: right; width: 175px; font-size: 12px; color: #545254;}
.listcontrol .list-right a {text-decoration: none; font-size: 13px; color: #545254; font-weight: bold;}
.listcontrol .list-right a:hover {text-decoration: underline;}


/* KATALOG - jednotlive nahledy .. sou spatne vysky jednotlivych objektu*/
/* katalog 0 ... s obrazky */
.katalog0 {float: left; font-size: xx-small; margin: 0px; border: 5px solid #ffffff;}
.katalog0 .zbozi {float: none; width: 170px; height: 291px; margin: 0px; overflow: hidden; text-align: center;}
.katalog0 .zbozi .imgdiv {width: 170px; height: 127px; border: 1px solid #ffffff; overflow: hidden;}
.katalog0 .zbozi .name-blue  {width: 170px; height: 50px; background: #42BFF9 url('center-b0.jpg') no-repeat top left; overflow: hidden; font-size: 4px;}
.katalog0 .zbozi .name-yelow {width: 170px; height: 50px; background: #E9C553 url('center-b1.jpg') no-repeat top left; overflow: hidden; font-size: 4px;}
.katalog0 .zbozi .name-red   {width: 170px; height: 50px; background: #FC732B url('center-b2.jpg') no-repeat top left; overflow: hidden; font-size: 4px;}
.katalog0 .zbozi a.name {color: #ffffff; font-size: 12px; text-decoration: none; font-weight: bold; line-height: 13px;}
.katalog0 .zbozi a.name:hover {text-decoration: underline;}
.katalog0 .zbozi .popis {border: 0px solid #ffffff; width: 170px; height: 60px; overflow: hidden; color: #5A5A5A;}
.katalog0 .zbozi .cena {float: left; text-align: left;}
.katalog0 .zbozi .kosik {float: right; text-align: right;}
.katalog-mezera {float:left; width:26px; height:10px; overflow:hidden;}
/* katalog 1 ... table */
.katalog1 {font-size: xx-small; margin: 1px 0px 1px 0px; text-align: left;}
.katalog1 table {width: 100%;}
.katalog1 ul {margin: 0px 0px 0px 0px; list-style-type: none; padding: 0px;}
.katalog1 li {float: left; border: 1px solid #ffffff; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 12px; width: 100%;}
.katalog1 li a {font-size: xx-small; text-decoration: none; color: #000000; background-color: #ffffff;}
.katalog1 li a:hover {text-decoration: underline;}
.katalog1 li .s3 {float: right; text-align: right; white-space: nowrap; width: 70px; font-size: xx-small;}
.katalog1 li .s3 a {font-size: xx-small; text-decoration: underline; color: #4785D0;}
.katalog1 li .s3 a:hover {text-decoration: none;}
.katalog1 li .s2 {float: right; text-align: right; white-space: nowrap; width: 80px; font-size: xx-small;}
.katalog1 li .s1 {float: right; text-align: right; white-space: nowrap; width: 80px; font-size: xx-small;}
/* katalog 2 ... table s popisem*/
.katalog2 {font-size: xx-small; margin: 1px 0px 1px 0px; text-align: left;}
.katalog1 table {width: 100%;}
.katalog2 ul {margin: 0px 0px 0px 0px; list-style-type: none; padding: 0px;}
.katalog2 .li {float: left; border: 0px solid #ff00ff; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 12px; width: 100%;}
.katalog2 .li a {font-size: xx-small; text-decoration: none; color: #000000; background-color: #ffffff; font-weight: bold;}
.katalog2 .li a:hover {text-decoration: underline;}
.katalog2 .li .s3 {float: right; text-align: right; white-space: nowrap; width: 70px; font-size: xx-small;}
.katalog2 .li .s3 a {font-size: xx-small; text-decoration: underline; color: #4785D0;}
.katalog2 .li .s3 a:hover {text-decoration: none;}
.katalog2 .li .s2 {float: right; text-align: right; white-space: nowrap; width: 80px; font-size: xx-small;}
.katalog2 .li .s1 {float: right; text-align: right; white-space: nowrap; width: 80px; font-size: xx-small;}
.katalog2 .katalog2popis {border-bottom: 0px solid #b0b0b0; margin: 5px 0px 20px 0px; font-size: xx-small; color: #505050; text-align: justify;}

/* pruvodce */
.nadpisKatalog {margin: 15px 10px 10px 10px; padding:0px; color: #000000; font-size: 12px; font-weight: bold; text-align:left;}
.guideblock {padding: 6px 10px 6px 20px; font-size: 10px; text-align: left; border: 0px solid black;}
.guideblock .otazka {font-weight: bold; margin: 0px 0px 5px 0px; font-size: 11px;}
.guideblock .odpovedi {font-weight: normal;}
.guideblock .odpovedi ul {margin-top: 0px; margin-bottom: 0px; }
.guideblock .odpovedi a {color: #A53639; font-weight: normal; font-size: 11px; text-decoration: none;}
.guideblock .odpovedi a:hover {text-decoration: underline; color: #A53639;}
.guideEnd {padding: 10px 10px 10px 10px;}

/* KATALOG - seznam podkategorii*/
.omezit {text-align: left; color: #545254;}
.omezit a {white-space: nowrap; color: #545254; text-decoration: none;}
.omezit a:hover {text-decoration: underline;}

/* KATALOG - pocet zobrazenych polozek*/
.pocet {text-align: right; background-color: #CBD3DC; color: #545254; line-height: 16px;}
.pocet a {white-space: nowrap; color: #545254; text-decoration: none;}



/* DETAIL */
/* DETAIL - vrchni oblast s obrazkem */
.topdetail {font-size: xx-small;}
.topdetail .a1 {font-size: xx-small; color: #000000; text-decoration: none;}
.topdetail .a1:hover {text-decoration: underline;}
.topdetail2 .topleft {float: left; width: 250px; overflow: hidden; margin: 0px 10px 0px 0px;}
.topdetail2 .topright {height: 190px; clear: none;}
.topdetail2 .topright .cena2 {font-size: x-small; font-weight: bold;}
.topdetail2 .topright .kosik {font-size: 10px; font-weight: bold; height: 40px;}
.topdetail2 .topright .kosik .k1 {width: 60px; color: #557BA4;}
.topdetail2 .topright .kosik .k2 {background: url('center-k0.jpg') no-repeat top right; width: 95px; color: #ffffff;}
.topdetail2 .topright .kosik .k2 input {width: 40px; border: 1px solid #557BA4; color: #557BA4; font-weight: bold; width: 68px;}
.topdetail2 .topright .kosik .k3 {width: 69px; text-align: right;}
.topdetail2 .topright .nasplatky {margin-top:15px; padding:0px;}
/* DETAIL - popisy */
.popis {border-left: 14px solid #ffffff;}
/* DETAIL -  hodnoceni */
.hodnoceni {}
.hodnoceni .hodnoceni-left {float: left; height: 40px; margin: 0px 0px 0px 1px;}
.hodnoceni .hodnoceni-right {height: 40px; text-align: right;}
.hodnoceni .hodnoceni-right a {font-size: 11px; font-weight: bold; text-decoration: none; color: #000000;}
.hodnoceni .hodnoceni-right a:hover {text-decoration: underline;}
/* DETAIL -  akce s polozkou (pdf... atd)*/
.akce {}
.akce span {margin: 0px 5px 0px 15px;}
.akce a {color: #000000; text-decoration: none;}
.akce a:hover {color: #000000;  text-decoration: none;}
/* DETAIL -  hlidaci pes*/
.hlidacipes {border-left: 14px solid #ffffff;}
.hlidacipes .show {text-align: right; display: block; font-weight: bold; text-decoration: underline; cursor: pointer; }
.hlidacipes td {font-size: 10px;}
.hlidacipes .sl3 {font-size: 10px; height: 19px; border: 1px solid black; width: 212px;}
/* DETAIL - vice informaci */
.viceinformaci {border-left: 14px solid #ffffff;}
.viceinformaci .show {text-align: right; display: block; font-weight: bold; text-decoration: underline; cursor: pointer; }
.viceinformaci input {border: 1px solid black; width: 400px;}
.viceinformaci .cap {border: 1px solid black; width: 150px;}
.viceinformaci textarea {border: 1px solid black; width: 400px; height: 100px;}

/* F6_DETAIL - diskuse */
.diskuse {}
.diskuse .akce {margin: 3px 0px 3px 0px;}
.diskuse .akce img {margin: 0px 0px 0px 3px;}
.diskuse .prispevky {}
.diskuse .prispevky .margin {margin: 0px 0px 0px 15px;}
.diskuse .prispevky .first {background-color: #C7D0D9;}
.diskuse .prispevky .row {}
.diskuse .prispevky .row .checkbox {}
.diskuse .prispevky .row a.name {text-decoration: none; color: #000000;}
.diskuse .prispevky .row a.name:hover {text-decoration: underline;}
.diskuse .prispevky .row .autor {float: right; margin: 3px 5px 0px 0px; font-weight: bold;}
.diskuse .prispevky .row a.odpoved {float: right; display: block; margin: 3px 5px 0px 0px; text-decoration: underline; text-align:center; width: 60px; overflow: hidden; color: #000000;}
.diskuse .prispevky .row a.odpoved:hover {text-decoration: none; color:#000000;}
.diskuse .prispevky .text {margin: 0px 0px 5px 20px; font-style: italic;}
.diskuse .vypsanaOdpoved {margin: 0px 0px 0px 15px;}
.diskuse .vypsanaOdpoved .titulek {font-weight: bold;}
.diskuse .vypsanaOdpoved .text {margin: 5px 0px 5px 0px;}
.diskuse .vypsanaOdpoved .autor {text-align: right; font-style: italic;}
.diskuse .formularDiskuse {}
.diskuse .formularDiskuse .popis {float: left; width: 200px; text-align: right; padding: 4px 5px 0px 0px;}
.diskuse .formularDiskuse input.text {border: 1px solid #808080;}
.diskuse .formularDiskuse textarea.text {border: 1px solid #808080; width: 320px; height: 100px;}
.diskuse .formularDiskuse .odeslat {cursor: pointer;}


/* KOSIK */
.kosik {}
.kosik .grid {font-size: xx-small; width: 100%;}
.kosik ul {margin: 0px 0px 0px 0px; list-style-type: none; padding: 0px;}
.kosik li {float: left; border: 1px solid #ffffff; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 22px; width: 100%;}
.kosik li a {font-size: xx-small; text-decoration: none; color: #000000; background-color: #ffffff;}
.kosik li a:hover {text-decoration: underline;}
.kosik li .s4 {float: right; text-align: right; white-space: nowrap; width: 60px; font-size: xx-small; font-weight: bold;}
.kosik li .s3 {float: right; text-align: center; white-space: nowrap; width: 70px; font-size: xx-small; margin: 0px 5px 0px 5px; background-color: #f0f0f0;}
.kosik li .s2 {float: right; text-align: right; white-space: nowrap; width: 70px; font-size: xx-small;}
.kosik li .s2 input {border: 1px solid #a0a0a0; width: 60px;}
.kosik li .s1 {float: right; text-align: right; white-space: nowrap; width: 80px; font-size: xx-small;}


/* POKLADNA */

.pokladna {}
.pokladna .grid {font-size: xx-small; width: 100%;}
.pokladna ul {margin: 0px 0px 0px 0px; list-style-type: none; padding: 0px;}
.pokladna li {float: left; border: 1px solid #ffffff; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 22px; width: 100%;}
.pokladna li a {font-size: xx-small; text-decoration: none; color: #000000; background-color: #ffffff;}
.pokladna li a:hover {text-decoration: underline;}
.pokladna li .s4 {float: right; text-align: right; white-space: nowrap; width: 60px; font-size: xx-small; font-weight: bold;}
.pokladna li .s3 {float: right; text-align: center; white-space: nowrap; width: 70px; font-size: xx-small; margin: 0px 5px 0px 5px; background-color: #f0f0f0;}
.pokladna li .s2 {float: right; text-align: right; white-space: nowrap; width: 30px; font-size: xx-small;}
.pokladna li .s2 input {border: 1px solid #a0a0a0; width: 60px;}
.pokladna li .s1 {float: right; text-align: right; white-space: nowrap; width: 80px; font-size: xx-small;}
.pokladna .inputSleva {width: 30px; margin:0px 5px 0px 0px;}
.pokladna .odeslat {position:relative; top:4px;}
.pokladna .kontakt .udaje {font-weight: bold; float: left; width: 100px;}
.pokladna .selectDopravaAPlatba {margin: 0px 0px 0px 0px; font-size: 10px; color: #000000;}
.pokladna .selectDopravaAPlatba .doprava {vertical-align: top; width:250px;}
.pokladna .selectDopravaAPlatba .doprava .typ {padding: 4px 10px 4px 2px;}
.pokladna .selectDopravaAPlatba .platba {vertical-align: top; padding: 0px; width:250px;}
.pokladna .selectDopravaAPlatba .platba .typ {padding: 2px 10px 2px 2px;}
.pokladna textarea {width: 400px;}

.specialniDoprava {margin: 0px 0px 15px 0px;}
.specialniDoprava .text {margin: 0px; font-weight: bold;}
.specialniDoprava .text a.produkt {color:#a53639; text-decoration:underline;}
.specialniDoprava .text a.produkt:hover {text-decoration:none;}
.specialniDoprava .vyberPlatby {}
.specialniDoprava .vyberPlatby .platba {padding: 5px;}

.volbaDopravy {}
.volbaDopravy .dopravaBlock {}
.volbaDopravy .dopravaBlock .block2 {padding:5px 10px;}
.volbaDopravy .dopravaBlock-selected {background-color: #F1F1F1;}
.volbaDopravy .dopravaBlock-selected .block2 {padding:5px 10px;}
.volbaDopravy .cena {}
.volbaDopravy input.radio {width:20px;}
.volbaDopravy .nazev {}
.volbaDopravy .popis {}

.volbaPlatby {}
.volbaPlatby .platbaBlock {background-color: #F1F1F1;}
.volbaPlatby .platbaBlock .block2 {padding:5px 10px;}
.volbaPlatby .platbaBlock-selected {background-color: #F1F1F1;}
.volbaPlatby .platbaBlock-selected .block2 {padding:5px 10px;}
.volbaPlatby .cena {float:right; font-weight:bold;}
.volbaPlatby input.radio {width:20px;}
.volbaPlatby .nazev {}
.volbaPlatby .popis {}

.pokladnaLib {font-size: xx-small;}
.pokladnaLib .pokladnaLibNadpis {margin:0px; padding:0px;}
.pokladnaLib .pokladnaLibPopis {margin:0px; padding:0px;}
.pokladnaLib .pokladnaLibFormLayout {font-size: xx-small; margin:0px; padding:0px;}
.pokladnaLib .pokladnaLibFormLayout td {}
.pokladnaLib .pokladnaLibFormLayout td.popis {}
.pokladnaLib .pokladnaLibFormLayout td.input {}


/* LOGIN PAGE zapomenute heslo, login page */
.login {}
.login .popis {float: left; width: 200px;}
.login input {width: 200px; border: 1px inset #1C3A54;}
.login input.odeslat {border: 0px solid #ffffff; cursor: pointer;  width: 69px; height: 20px;}
.login a {text-decoration: underline; color: #69A253;}
.login a:hover {text-decoration: none;}

/* USER - registrace a nastaveni*/
.user .block {border: 0px solid black; text-align: left; margin: 10px 0px 10px 0px;}
.user .block .nadpis {font-weight: bold;}
.user .block .popis {float: left; width: 200px; border: 0px solid #ffffff; text-align: left;}
.user .block .popis2 {float: left; width: 230px; border: 0px solid #ffffff; text-align: left;}
/* .user .block input.i {border: 1px solid #505050; width: 150px;} */
.user .block select {border: 1px solid #000000; width: 150px;}


/* OBJEDNAVKY */
.objednavky {}
.objednavky a {text-decoration: none; color: #27B2F3; font-weight: bold;}
.objednavky a:hover {text-decoration: underline;}

/* BOTTOM */
.zapati {color: #ffffff; text-align: center; font-size: 10px;}
.zapati a {color: #ffffff; text-decoration: none; font-size: 10px;}
.zapati a:hover {text-decoration: none; color: #000000; background-color: #ffffff;}

/* VYHLEDAVANI - rozsirene */
.advsearch {}
.advsearch .popis {float: left; width: 200px; line-height: 20px;}
.advsearch input {border: 1px solid black; width: 200px;}
.advsearch .image {width: 59px; height: 20px; border: 0px solid black;}

/* KNIHA PRANI */
.knihaprani {}
.knihaprani .popis {float: left; width: 200px;}
.knihaprani input {border: 1px solid black; width: 200px;}
.knihaprani textarea {border: 1px solid black; width: 300px; height: 200px;}
.knihaprani .text {width:150px; border: 1px solid black;}
.knihaprani img {margin:1px 0px;}
.knihaprani .odeslat {width: 59px; height: 20px; border: 0px solid black;}

/* HLIDACI PES */
.watchdog {}
.watchdog a {text-decoration: none; color: #27B2F3; font-weight: bold;}
.watchdog a:hover {text-decoration: underline;}
.watchdog a.kill {text-decoration: underline; color: #69A253; font-weight: normal;}
.watchdog a.kill:hover {text-decoration: underline;}

/* SESTAVY */
.sestava {float: left;}
.sestava .image {}
.sestava .image .foto {width: 236px; height: 176px; border: 1px solid #f0f0f0; text-align: center; overflow: hidden;}
.sestava .nazev {text-align: center; background-color: #E6EBEF; height: 30px;}
.sestava .nazev .cut {width: 100%; height: 40px; overflow: hidden; line-height: 20px;}
.sestava .nazev .cut a {font-size: small; font-weight: bold; text-decoration: none; color: #000000;}
.sestava .nazev .cut a:hover {text-decoration: underline;}
.sestava .popis {font-size:xx-small; text-align: center; height: 106px;}
.sestava .cena {font-size:xx-small; text-align: left; height: 30px;}
.sestava .zobrazit {font-size:xx-small; text-align: right; height: 30px;}

.sestavaDetail .kategorie {width: 98%; font-size: 12px; background: #ffffff;  cursor: pointer;  border: 0px solid #ffffff; padding: 0px; margin: 3px 0px 3px 0px;}
.sestavaDetail .kategorie .td1 {cursor: pointer; width: 42px; vertical-align: top;}
.sestavaDetail .kategorie .td2 {border: 1px solid #C9C9C9; vertical-align: middle;}
.sestavaDetail .kategorie .td2 .nazev {float: left; line-height: 22px; font-weight: bold; color: #666666; font-size: 11px;  font-family: Verdana,"Geneva CE",lucida,sans-serif; margin: 0px 5px 0px 7px; border: 0px solid black;}
.sestavaDetail .kategorie .td2 .cena {float: right; border: 0px solid #ffffff; cursor: default; height: 13px; margin: 5px 10px 0px 0px; font-size: 9px; padding: 0px; color: #666666; font-family: Verdana,"Geneva CE",lucida,sans-serif; text-align: right; font-weight: bold;}
.sestavaDetail .kategorie .td2 input {border: 1px solid #ff00ff; cursor: default; height: 13px; margin-top: 5px; font-size: 9px; padding: 0px; color: #666666; font-family: Verdana,"Geneva CE",lucida,sans-serif;}
.sestavaDetail .kategorie .td2 .vybranepopis {line-height: 22px; border: 0px solid black; height: 22px; overflow: hidden; color: #666666; font-size: 11px;  font-family: Verdana,"Geneva CE",lucida,sans-serif;}

.sestavaDetail .hide {padding: 0px 37px 0px 52px; margin: 5px 0px 15px 0px;}
.sestavaDetail .hide .row {text-align: left; font-size: 10px; background: #ffffff; width: 100%; height: 20px; border: 1px solid #ffffff; color: #666666;}
.sestavaDetail .hide .row .s1 {float: left;}
.sestavaDetail .hide .row .dop {float: left; line-height: 19px; color: #0095FF;}
.sestavaDetail .hide .row .s2 {line-height: 19px;}
.sestavaDetail .hide .row .s2 a {line-height: 19px; text-decoration: none;  color: #666666;}
.sestavaDetail .hide .row .s2 a:hover {text-decoration: underline;}
.sestavaDetail .hide .row .s3 {float: right; line-height: 20px; height: 20px; border: 0px solid #ffffff; text-align: right;  cursor: default; font-size: 9px;}

.sitemap {}
.sitemap a {text-decoration: none; color: #000000;}
.sitemap a:hover {text-decoration: underline;}
.sitemap a strong {font-weight: normal;}

.limit {color: red; font-size: 12px;}