body {margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; color: #0073b2; font-size: 11px; background: url(img/pozadi.gif) repeat-x #31b5e6;}

.underline {text-decoration: underline;}
.kurziva {font-style: italic;}
.red{color: #ec1e20; font-weight: bold}
table {border: 0; margin: 0; padding: 0;}
br {line-height: 17px;}
td {padding: 0; margin: 0; border: 0;}
img {border: 0;}
p {margin: 10px 0 10px 0;}
form{margin: 0; padding: 0}


/* tělo stránek */
#main {margin: 0 auto 0 auto; width: 992px; background: url(img/pozadi-main.gif) repeat-x 0 233px #41b0de; position: relative; display: table; border-left: 1px solid #2072ae; border-right: 1px solid #2072ae;}
#main2 {margin: 0 auto 0 auto; width: 913px; background: url(img/pozadi-main2.gif) repeat-y; position: relative; /*display: table;*/ overflow: hidden}
#top {width: 992px; height: 233px; background: url(img/top.jpg) no-repeat;}
a#logo {width: 362px; height: 78px; background: url(img/logo.jpg) no-repeat; position: absolute; margin: 39px 0 0 48px;}
#bottom {width: 992px; height: 69px; background: url(img/bottom.gif) no-repeat;}
#bottom a {text-decoration: none; color: #ffffff;}
#bottom a:hover {color: #c1e2f9;}
#akta {position: absolute; margin: 31px 0 0 510px;}
#akta2 {position: absolute; margin: 31px 0 0 636px;}
#bubliny-1 {width: 72px; height: 103px; background: url(img/bubliny-1.gif) no-repeat; position: absolute; z-index: 9; margin: -108px 0 0 94px;}
a#kosik {width: 188px; height: 48px; background: url(img/kosik.gif) no-repeat; position: absolute;}
a:hover#kosik {background-position: -188px;}
/* tělo stránek - konec */

/* topmenu */
#topmenu {width: 940px; height: 18px; position: absolute; margin: 6px 0 0 49px; text-align: right; overflow: hidden;}
#topmenu a {padding: 0 50px 0 0; font-size: 11px; color: #ffffff; text-decoration: none; font-weight: bold;}
#topmenu a:hover {color: #c1e2f9;}
/* topmenu - konec */

/* leftmenu */
#leftmenu {width: 140px; margin: 0px 0 22px 26px;}
#leftmenu a {font-family: Arial, Helvetica, sans-serif; width: 115px; background: url(img/leftmenu.gif) no-repeat left 4px; padding: 0 0 0 15px; font-size: 12px; color: #ffffff; font-weight: bold; display: block; margin: 0 0 5px 0; text-decoration: none;}
#leftmenu a:hover, #leftmenu a.current {color: #ffc45e; background-position: 0 -96px;}
.tecky {width: 127px; height: 1px; background: url(img/leftmenu2.gif) no-repeat; margin: 0 0 9px 10px; _margin-bottom: -4px;}
/*.leftmenu2 {width: 130px; margin: 0px 0 5px 15px;}*/.leftmenu2 {width: 135px; margin: 0px 0 5px 10px;}
.leftmenu2.hide {display: none}
.leftmenu2.show {display: inline}/*#leftmenu .leftmenu2 a {width: 108px; font-weight: normal;}*/
#leftmenu .leftmenu2 a {width: 113px; font-weight: normal;}
/*.leftmenu3 {width: 115px; margin: 0px 0 5px 15px;}#leftmenu .leftmenu3 a {width: 96px; font-weight: normal;}*/.leftmenu3 {width: 120px; margin: 0px 0 5px 10px;}
#leftmenu .leftmenu3 a {width: 101px; font-weight: normal;}.leftmenu4 {width: 105px; margin: 0px 0 5px 10px;}#leftmenu .leftmenu4 a {width: 86px; font-weight: normal;}.leftmenu5 {width: 90px; margin: 0px 0 5px 10px;}#leftmenu .leftmenu5 a {width: 71px; font-weight: normal;}.leftmenu6 {width: 75px; margin: 0px 0 5px 10px;}#leftmenu .leftmenu6 a {width: 56px; font-weight: normal;}


/* leftmenu - konec */

/* 2_leftmenu */
#leftmenu-2 {width: 167px; background: url(img/2_leftmenu-middle.gif) repeat-y; margin: 0 0 0 10px;}
#leftmenu-2 a {display: block; font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 129px; font-weight: bold; padding: 4px 0 4px 20px; margin: 0 0 0 9px; color: #ffffff; text-decoration: none; background: url(img/leftmenu.gif) no-repeat 6px 9px;}
#leftmenu-2 a:hover {background: url(img/leftmenu.gif) no-repeat 6px 9px #57aed5;}
#leftmenu-2-top {width: 167px; height: 5px; background: url(img/2_leftmenu-top.gif) no-repeat; margin-bottom: 3px; padding: 0;}
#leftmenu-2-bottom {width: 167px; height: 5px; background: url(img/2_leftmenu-bottom.gif) no-repeat bottom; margin-top: 3px; padding: 0;}
/* 2_leftmenu - konec */

/* left */
#left {width: 188px; float: left; position: relative; background: url(img/pozadi-left.gif) no-repeat; min-height: 800px; padding: 30px 0 120px 0;}
#hledani {width: 167px; height: 28px; background: url(img/hledani.gif) no-repeat; margin: 0 0 14px 10px;}
#hledani input {width: 113px; height: 16px; background: #5dafd4; border: none; position: absolute; margin: 6px 0 0 20px; color: #ffffff; padding: 0 3px;}
#hledani-text {color: #fff; font-weight: bold; margin: 0 0 5px 12px}
a#ok {width: 18px; height: 16px; background: url(img/ok.gif) no-repeat; position: absolute; margin: 6px 0 0 143px;}
a:hover#ok {background-position: -18px;}
/* left - konec */

/* left-kontakty */
#left-kontakty {width: 165px; margin: 36px 0 0 13px; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
#left-kontakty:first-line {font-weight: bold;}
#left-kontakty a {color: #9be4ff; text-decoration: none;}
#left-kontakty a:hover {text-decoration: underline;}
/* left-kontakty - konec */

/* kontakty */
#kontakty-left {width: 240px; float: left; margin: 0 0 0 15px;}
#kontakty-left a {color: #488fda; text-decoration: none;}
#kontakty-left a:hover {color: #488fda; text-decoration: underline;}
#kontakty-left td {margin: 0; padding: 0; color: #606060;}
#kontakty-left p {color: #606060; line-height: 16px; margin-top: 0;}
#kontakty-left p:first-line {color: #0085c9; font-weight: bold;}
#kontakty-right {width: 192px; float: right; margin: 0 15px 0 0;}
#kontakty-right a img {border: 1px solid #7b8b9b;}
a#ukaznamape {width: 118px; height: 21px; background: url(img/ukaznamape.gif) no-repeat; display: block;}
a:hover#ukaznamape {background-position: -118px;}
/* kontakty - konec */

/* middle */
#middle {width: 492px; float: left; position: relative; left: 7px; border-top: 1px solid #6d9bc8; min-height: 800px; padding: 0 15px;}
#middle p, #middle li {line-height: 15px;}
#middle a {color: #0073b2;}
#middle a:hover {text-decoration: none;}
/* middle - konec */

/* right */
#right {width: 188px; float: left; position: relative; left: 15px; background:url(img/pozadi-right.gif) no-repeat top; min-height: 800px;}
#prihlaseni {width: 188px; height: 190px; display: table; cursor: default}
#jmeno {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; width: 153px; margin: 72px 0 0 17px;}
#jmeno input {width: 101px; height: 16px; background: #53addd; border: 1px solid #cee8f5; color: #ffffff; padding: 0 2px; position: relative; z-index: 10;}
#heslo {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; width: 153px; margin: 6px 0 0 17px;}
#heslo input {width: 101px; height: 16px; background: #53addd; border: 1px solid #cee8f5; color: #ffffff; padding: 0 2px; margin-left: 5px; position: relative; z-index: 10;}
a#registrace {width: 89px; height: 21px; background: url(img/registrace.gif) no-repeat; position: absolute; margin: 13px 0 0 17px; z-index: 10}
a:hover#registrace {background-position: -89px;}
a#ok2 {width: 22px; height: 21px; background: url(img/ok2.gif) no-repeat; position: absolute; margin: 13px 0 0 148px; z-index: 10;}
a:hover#ok2 {background-position: -22px;}
#animace {width: 200px; height: 310px; position: absolute; margin: 0 0 0 75px; top: 50px; z-index: 1;}
#obsah-kosiku {width: 160px; position: relative; margin: 80px 0 60px 0px; left: 17px; line-height: 24px; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
#obsah-kosiku span {font-weight: bold;}
#uzivatel {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ffffff; width: 153px; margin: 60px 0 0 17px;}
#uzivatel:first-line {font-weight: normal;}
a#upravit {width: 101px; height: 21px; background: url(img/upravit-udaje.gif) no-repeat; position: absolute; margin: 25px 0 0 44px; z-index: 10;}
a:hover#upravit {background-position: -101px;}
a#odhlasit {width: 74px; height: 21px; background: url(img/odhlasit.gif) no-repeat; position: absolute; margin: 57px 0 0 55px; z-index: 10;}
a:hover#odhlasit {background-position: -74px;}
.akce {width: 153px; background: url(img/akce.gif) repeat-y; position: relative; left: 17px; margin: 0 0 14px 0;}
.akce-top {width: 153px; height: 5px; background: url(img/akce-top.gif) no-repeat;}
.akce-bottom {width: 153px; height: 21px; background: url(img/akce-bottom.jpg) no-repeat;}
.akce-text {color: #ffffff; font-family: Arial, Helvetica, sans-serif; width: 141px; height: 28px; margin: 0 0 0 20px; overflow: hidden;}
.akce-cena {color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-weight: bold; width: 65px; height: 16px; position: absolute; margin: 3px 0 0 13px;}
.akce .obr-cena{color: #fff; font-size: 10px; text-align: right; margin: 0 6px 7px 6px}
.akce .obr-akce-cena-puvodni {width: 139px; height: 15px; clear: both; margin: 0 6px 0 6px; font-size: 10px; color: #fff; }
.akce .obr-akce-cena-puvodni span{display: block; float: left; width: 67px}
.akce .obr-akce-cena-puvodni div{float: right; width: 72px; text-decoration: line-through; text-align: right}
.akce .obr-akce-sleva {width: 139px; height: 15px; clear: both; margin: 4px 6px 0 6px; font-size: 10px; color: #fff;}
.akce .obr-akce-sleva span{display: block; float: left; width: 67px}
.akce .obr-akce-sleva div{float: right; width: 72px; text-align: right}
.akce .obr-akce-cena {width: 139px; height: 15px; clear: both; margin: 9px 6px 7px 6px; font-size: 11px; xfont-weight: bold; color: #fff;}
.akce .obr-akce-cena span{display: block; float: left; width: 67px}
.akce .obr-akce-cena div{float: right; width: 72px; text-align: right}
.akce a img {margin: 1px 0 3px 6px; _margin-top: -6px;}
a.kosik-1 {width: 13px; height: 12px; background: url(img/kosik-1.gif) no-repeat; position: absolute; margin: 5px 0 0 129px;}
a:hover.kosik-1 {background-position: -13px 0;}
a.lupa-1 {width: 11px; height: 11px; background: url(img/lupa-1.gif) no-repeat; position: absolute; margin: 5px 0 0 9px;}
a:hover.lupa-1 {background-position: -11px 0;}
/* right */

/* hlavni-strana */
#vitame {width: 453px; height: 313px; background: url(img/vitame.jpg) no-repeat; margin: 15px 0 22px 0px; color: #ffffff; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 17px; padding: 26px 0 0 30px;}
#vitame-1 {margin: 8px 0 0 50px; font-weight: normal; font-size: 14;}
#vitame-2 {margin: 8px 0 0 110px; font-weight: normal; font-size: 14;}
#vitame-3 {margin: 8px 0 0 170px; font-weight: normal; font-size: 14;}
/* hlavni-strana - konec */

/* razeni */
#razeni {width: 492px; height: 40px; clear: both;}
a#razeni-dle-01, a#razeni-dle-01-s, a#razeni-dle-01-v {width: 92px; height: 16px; padding: 3px 24px 0 5px; margin: 0 0 0 5px; overflow: hidden; background: url(/img/razeni-dle-01.gif) no-repeat; float: left; font-family: Arial, Helvetica, sans-serif; color: #ffffff; text-decoration: none;}
a:hover#razeni-dle-01 {background-position: -121px 0}
a#razeni-dle-01-s{background-position: 0 -19px}
a:hover#razeni-dle-01-s {background-position: -121px -19px}
a#razeni-dle-01-v{background-position: 0 -38px}
a:hover#razeni-dle-01-v{background-position: -121px -38px}

a#razeni-dle-02, a#razeni-dle-02-s, a#razeni-dle-02-v {width: 92px; height: 16px; padding: 3px 24px 0 5px; margin: 0 10px 0 0; overflow: hidden; background: url(/img/razeni-dle-01.gif) no-repeat; float: right; font-family: Arial, Helvetica, sans-serif; color: #ffffff; text-decoration: none;}
a:hover#razeni-dle-02 {background-position: -121px 0}
a#razeni-dle-02-s{background-position: 0 -19px}
a:hover#razeni-dle-02-s {background-position: -121px -19px}
a#razeni-dle-02-v{background-position: 0 -38px}
a:hover#razeni-dle-02-v{background-position: -121px -38px}

/* vypis-obrazkovy */
.obr-zapis-a {width: 247px; height: 173px; background: url(img/pozadi-obr-a.gif) left top no-repeat; float: left; padding: 8px 0 0 0;}
.obr-zapis-b {width: 237px; height: 173px; background: url(img/pozadi-obr-b.gif) left top no-repeat; float: left; padding: 8px 0 0 6px;}
.obr-zapis-a a.obr-dokosiku, .obr-zapis-b a.obr-dokosiku{width: 88px; height: 25px; display: block; float: right; background: url(img/dokosiku.gif) no-repeat; margin: 12px 16px 0 0px;}
.obr-zapis-a a:hover.obr-dokosiku, .obr-zapis-b a:hover.obr-dokosiku {background-position: -88px;}
.obr-zapis-a .tools, .obr-zapis-b .tools{width: 237px; height: 40px; clear: both}
.obr-zapis-a .block, .obr-zapis-b .block{width: 237px; height: 85px; clear: both}
.obr-zapis-a a.obr-dodetailu, .obr-zapis-b a.obr-dodetailu  {width: 88px; height: 25px; display: block; float: left; background: url(img/dodetailu.gif) no-repeat; margin: 12px 0 0 7px;}
.obr-zapis-a a:hover.obr-dodetailu, .obr-zapis-b a:hover.obr-dodetailu {background-position: -88px;}
#middle .obr-zapis-a h2, #middle .obr-zapis-b h2 {font-size: 12px; font-weight: bold; line-height: 14px; color: #0085c9; margin: 1px 0 0 10px; width: 220px; height: 28px; overflow: hidden; padding: 0 0 0 0; background: none;}
/*.obr-nahled {width: 113px; height: 85px;  border: 1px solid #0073b2; position: absolute; margin: 33px 0 0 7px; overflow: hidden;}*/
.obr-zapis-a .obr-nahled, .obr-zapis-b .obr-nahled {width: 99px; height: 70px; float: left; border: 1px solid #0073b2; padding: 5px 8px 7px 8px; text-align: center; margin: 0px 0 0 7px; overflow: hidden; background: url(img/fotogalerie-blok.gif) repeat-x #c2e6f8;}
.obr-zapis-a .obr-cena, .obr-zapis-b .obr-cena {width: 99px; height: 15px; float: left; margin: 35px 0 0 0px; padding-left: 13px; font-size: 12px; font-weight: bold; color: #146595;}
.obr-zapis-a .obr-akce-cena-puvodni, .obr-zapis-b .obr-akce-cena-puvodni {width: 99px; height: 15px; float: left; margin: 12px 0 0 0px; padding-left: 13px; font-size: 12px; font-weight: bold; color: #146595; text-decoration: line-through}
.obr-zapis-a .obr-akce-sleva, .obr-zapis-b .obr-akce-sleva {width: 99px; height: 15px; float: left; margin: 5px 0 0 0px; padding-left: 13px; font-size: 10px; color: #146595;}
.obr-zapis-a .obr-akce-cena, .obr-zapis-b .obr-akce-cena {width: 99px; height: 15px; float: left; margin: 8px 0 0 0px; padding-left: 13px; font-size: 12px; font-weight: bold; color: #ec1e20;}
/*.obr-cena {width: 112px; height: 15px; position: relative; top: 37px; margin: 0 0 0 140px; font-size: 12px; font-weight: bold; color: #146595;}*/
.obr-text {color: #0073b2; width: 225px; height: 40px; position: absolute; margin: 126px 0 0 8px; overflow: hidden;}
.vypis-zaruka {width: 353px; height: 84px; background: url(img/zaruka-5let-vypis.gif) no-repeat right; padding: 26px 117px 0 10px; position: relative; margin-top: -21px; font-family: Arial, Helvetica, sans-serif; text-align: justify;}
/* vypis-obrazkovy - konec */

/* vypis-obrazkovy ryba*/
.obr-zapis-ryba-a {width: 247px; height: 233px; background: url(img/pozadi-obr-ryba-a.gif) left top no-repeat; float: left; padding: 2px 0 0 0;}
.obr-zapis-ryba-b {width: 237px; height: 233px; background: url(img/pozadi-obr-ryba-b.gif) left top no-repeat; float: left; padding: 2px 0 0 6px;}
.obr-zapis-ryba-a .tools, .obr-zapis-ryba-b .tools{width: 237px; height: 40px}
.obr-zapis-ryba-a a.obr-dodetailu, .obr-zapis-ryba-b a.obr-dodetailu {width: 88px; height: 25px; display: block; background: url(img/dodetailu.gif) no-repeat; margin: 6px 0 0 135px;}
.obr-zapis-ryba-a a:hover.obr-dodetailu, .obr-zapis-ryba-b a:hover.obr-dodetailu {background-position: -88px;}
#middle .obr-zapis-ryba-a h2, #middle .obr-zapis-ryba-b h2 {font-size: 12px; font-weight: bold; line-height: 14px; color: #0085c9; margin: 1px 0 0 10px; width: 220px; height: 28px; overflow: hidden; padding: 0 0 0 0; xposition: absolute; background: none;}
/*.obr-nahled {width: 113px; height: 85px;  border: 1px solid #0073b2; position: absolute; margin: 33px 0 0 7px; overflow: hidden;}*/
.obr-zapis-ryba-a .obr-nahled, .obr-zapis-ryba-b .obr-nahled {width: 218px; height: 160px; xborder: 1px solid #0073b2; text-align: center; margin: 0 0 0 7px}
.obr-zapis-ryba-a .obr-nahled img, .obr-zapis-ryba-b .obr-nahled img { border: 1px solid #0073b2}
/* vypis-obrazkovy - konec ryba*/


/* vypis-tabulkovy */
a.kosik-2 {width: 30px; height: 23px; background: url(img/kosik-2.gif) no-repeat; float: right;}
a:hover.kosik-2 {background-position: -30px;}
#vypis-tab {width: 490px; height: 50px; position: relative; top: 0; font-family: Arial, Helvetica, sans-serif; color: #107cc1;}
#vypis-tab tr {background: url(img/tecky.gif) repeat-x bottom;}
#vypis-tab td {padding-top: 4px; padding-bottom: 4px;}
#vypis-tab a {text-decoration: none; font-family: Arial, Helvetica, sans-serif; color: #107cc1;}
#vypis-tab a:hover {color: #ef9301;}
.sirka-01 {width: 350px; padding: 0 0 0 10px;}
.sirka-02 {width: 90px; text-align: right;}
.sirka-03 {width: 50px; padding: 0 10px 0 0;}
.sdph {width: 480px; height: 15px; color: #107cc1; font-family: Arial, Helvetica, sans-serif; text-align: right; margin: 5px 0;}
/* vypis-tabulkovy - konec */

/* detail vyrobku */
#detail-vyrobku {width: 490px; color: #0073b2;}
#detail-obrazek {float: left; left: 20px; position: relative; width: 194px; margin-bottom: 30px;}
#detail-obrazek img {border: 1px solid #4f90b7;}
a.lupa-2 {width: 23px; height: 18px; background: url(img/lupa-2.gif) no-repeat; position: absolute; bottom: -16px; margin: 0px 0 0 174px;}
a:hover.lupa-2 {background-position: -23px;}
#detail-right {width: 250px; float: right; margin: 0 0 10px 0;}
#detail-text {width: 320px; clear: both; margin: 0 0 20px 21px;}
.detail-fotogalerie {width: 317px; float: left; position: relative; left: 21px;}
.detail-fotogalerie a img {/*width: 72px;*/ float: left; margin: 0 5px 5px 0; border: 1px solid #4e8fb6;}
#detail-cena {width: 135px; height: 65px; float: right; color: #146595; text-align: right; line-height: 17px; margin: -41px 0 0 0;}
#detail-cena .obr-cena{font-weight: bold; font-size: 13px;}
#detail-cena .obr-akce-cena-puvodni {width: 134px; height: 15px; margin: 12px 0 0 0px; font-size: 12px; font-weight: bold; color: #146595; text-decoration: line-through}
#detail-cena .obr-akce-sleva {width: 134px; height: 15px; margin: 5px 0 0 0px; font-size: 10px; color: #146595;}
#detail-cena .obr-akce-cena {width: 134px; height: 15px; margin: 8px 0 0 0px; font-size: 12px; font-weight: bold; color: #ec1e20;}
.detail-sdph {width: 320px; height: 15px; color: #107cc1; font-family: Arial, Helvetica, sans-serif; text-align: right; margin: 5px 0 0 21px}
#detail-podlozka{width: 252px; margin: 0px 0 7px 21px; float: left;}
#detail-podlozka input{position: relative; top: 3px; _top: 0px}
a.detail-dokosiku {width: 88px; height: 25px; background: url(img/dokosiku.gif) no-repeat; float: right; margin: 5px 0 0 0;}
a:hover.detail-dokosiku {background-position: -88px;}
.detail-zaruka {width: 214px; height: 60px; background: url(img/zaruka-5let.gif) no-repeat; padding: 24px 10px 0 88px; position: relative; top: 14px; margin: 0 0 0 21px; font-family: Arial, Helvetica, sans-serif; text-align: justify;}

/* detail vyrobku - konec */

/* fotogalerie */
#main2 .fotogalerie {width: 462x; margin: 0px 0 0 14px; display: table;}
#main2 .fotogalerie img {border: 1px solid #99c5da;}
#main2 .fotogalerie-blok {background: url(img/fotogalerie-blok.gif) repeat-x #c2e6f8; border: 1px solid #bde4f4; margin: 0 10px 10px 0; float: left; text-align: center; padding: 6px 8px 8px 6px; height: 87px; width: 128px;}
/* fotogalerie - konec */
/* strankovani */.strankovani {height: 20px; xborder: 1px solid yellow; margin: 0 auto 0 auto; top: 20px; overflow: hidden; position: relative;}.strankovani div.content{width: 190px; height: 20px; margin: 0 auto 0 auto; text-align: center; clear: both;}.strankovani div.box{width: 140px; float: left}.strankovani a {color: #494949; font-size: 12px; text-decoration: none; margin: 0 2px; padding-top: 0px; border: 0;}.strankovani a:hover {color: #0db7e5;}a.strankovani-left {float: left; width: 24px; height: 20px; border: 0; background: url(img/sipka-left.gif) no-repeat; float: left; position: relative; margin: 0 0px 0 0;}a:hover.strankovani-left {background-position: -24px 0px;}a.strankovani-right {float: left; width: 24px; height: 20px; border: 0; background: url(img/sipka-right.gif) no-repeat; float: left; position: relative; margin: 0 0 0 0px;}a:hover.strankovani-right {background-position: -24px 0px;}.mezera-10 {width: 10px; height: 1px; position: relative; float: left;}.strankovani2 { margin-left: 120px;}/* strankovani - konec */

/* strankovani */
/*.strankovani {width: 252px; height: 18px; margin-left: 145px; top: 20px; display: table; clear: both; position: relative;}
.strankovani a {float: left; color: #107cc1; font-size: 12px; text-decoration: none; margin: 0 2px; padding-top: 4px;}
.strankovani a:hover {float: left; color: #f49f0b;}
a.strankovani-left {width: 24px; height: 20px; background: url(img/sipka-left.gif) no-repeat; float: left; position: relative;}
a:hover.strankovani-left {background-position: -24px 0px;}
a.strankovani-right {width: 24px; height: 20px; background: url(img/sipka-right.gif) no-repeat; float: left; position: relative;}
a:hover.strankovani-right {background-position: -24px 0px;}
.mezera-10 {width: 10px; height: 1px; position: relative; float: left;}*/
/* strankovani - konec */

/* navigace */
#navigace {width: 410px; height: 28px; float: left; overflow: hidden; margin: 15px 0 0 0;}
#navigace a {color: #0073b2; text-decoration: none; margin: 0 6px 0 0;}
#navigace a:hover {color: #f1723a;}
#ikonky {width: 60px; height: 25px; float: right; margin: 13px 0 0 0; right: 17px;}
a#ikona-obr {width: 28px; height: 25px; background: url(img/ikona-obrazkovy.gif) no-repeat; float: left;}
a:hover#ikona-obr {background-position: -28px;}
a#ikona-tab {width: 28px; height: 25px; background: url(img/ikona-tabulkovy.gif) no-repeat; float: left; margin: 0 0 0 4px;}
a:hover#ikona-tab {background-position: -28px;}
/* navigace - konec */

/* nakupni kosik */
#butony1234 {width: 481px; height: 91px; margin: 25px 0 15px 5px;}
.bublinky {width: 42px; height: 13px; background: url(img/bublinky.gif) no-repeat; float: left; position: relative; top: 20px;}
div#buton-1 {width: 55px; height: 86px; background: url(img/buton-1.gif) no-repeat; float: left; margin: 0 10px 0 28px;}
#buton-1a {width: 55px; height: 86px; background: url(img/buton-1.gif) -55px 0 no-repeat; float: left; margin: 0 10px 0 28px; _margin-left: 14px;}
div#buton-2 {width: 58px; height: 89px; background: url(img/buton-2.gif) no-repeat; float: left; margin: 0 9px 0 14px;}
#buton-2a {width: 58px; height: 89px; background: url(img/buton-2.gif) -58px 0 no-repeat; float: left; margin: 0 9px 0 14px; _margin-left: 7px;}
div#buton-3 {width: 69px; height: 90px; background: url(img/buton-3.gif) no-repeat; float: left; margin: 0 0 0 6px;}
#buton-3a {width: 69px; height: 90px; background: url(img/buton-3.gif) -69px 0 no-repeat; float: left; margin: 0 0 0 6px; _margin-left: 3px;}
div#buton-4 {width: 77px; height: 91px; background: url(img/buton-4.gif) no-repeat; float: left;}
#buton-4a {width: 77px; height: 91px; background: url(img/buton-4.gif) -77px 0 no-repeat; float: left;}
.tabulka {width: 481px; margin: 0 0 0 5px;}
.tabulka td {padding: 5px 6px 5px 6px; line-height: 12px; color: #545454;}
.tabulka a {color: #0073b2; text-decoration: none; margin: 0 6px 0 0;}
.tabulka a:hover {color: #f1723a;}
.tabulka-top {background: url(img/tabulka-top.gif) repeat-x; height: 26px; font-size: 10px;}
.tabulka-top td {color: #ffffff;}
.tabulka4 .tabulka-top2 {background: url(img/tabulka-top.gif) repeat-x; height: 34px; font-size: 10px;}
.tabulka4 .tabulka-top2 td {color: #ffffff;}
.tabulka4 {width: 481px; margin: 0 0 0 5px;}
.tabulka4 td {padding: 5px 6px 5px 6px; line-height: 12px; color: #545454;}
tr.tabulka-pozadi, tr.tabulka-pozadi-nohover {background: url(img/tabulka-pozadi.gif) repeat-x #e5f6fe;}
tr:hover.tabulka-pozadi {background: #bbedf9;}
tr.tabulka-pozadi td, tr.tabulka-pozadi-nohover td {border-bottom: 1px solid #7ca5ce;}
tr.tabulka-pozadi td input, tr.tabulka-pozadi td label {cursor: pointer}
tr.tabulka-pozadi td.disabled label{color: #9bcef4; cursor: default}
.tabulka-nazev {width: 390px;}
.tabulka-pocet {width: 45px;}
.tabulka-cena1 {width: 90px;}
.tabulka-cena2 {width: 90px; text-align: center;}
.tabulka-smazat {width: 16px;}
.tabulka2 {width: 481px; margin: 20px 0 20px 5px; color: #3a93e0; font-size: 12px;}
.tabulka2-top {background: #3a93e0; font-size: 12px; color: #ffffff; font-weight: bold; height: 22px; text-align: right;}
.tabulka2-top td {padding: 5px 30px; text-align: right;}
.tabulka2 td {padding: 2px 25px; text-align: right;}
.tabulka2-1 {width: 150px;}
.tabulka3 {width: 481px;}
.tabulka3-1 {float: left;}
.tabulka3-2 {float: right;}
a.smazat  {width: 14px; height: 13px; background: url(img/smazat.gif) no-repeat; float: right; clear: both;}
a:hover.smazat  {background-position: -14px;}
.tabulka input {width: 25px; height: 17px; background:url(img/input.gif) no-repeat; color: #3a93e0; border: 0; text-align: center;}
/*a#prepocitat, a#k-objednavce {width: 86px; height: 25px; background: url(img/prepocitat.gif) no-repeat; float: right; text-decoration: none; margin: 3px 0 0 0; font-weight: bold; color: #ffffff; padding: 6px 0 0 0; text-align: center;}
a:hover#prepocitat, a#k-objednavce:hover {background-position: -92px 0;}*/
a#prepocitat, a#k-objednavce {width: 99px; height: 17px; background: url(img/prepocitat.gif) no-repeat; float: right; text-decoration: none; margin: 3px 0 0 0; font-weight: bold; color: #ffffff; padding: 6px 0 0 0; text-align: center;}
a:hover#prepocitat, a#k-objednavce {background-position: -99px 0;}
a#prepocitat2 {width: 99px; height: 18px; background: url(img/prepocitat.gif) no-repeat; float: left; text-decoration: none; margin: 3px 0 0 5px; font-weight: bold; color: #ffffff; padding: 5px 0 0 0; text-align: center;}
a:hover#prepocitat2 {background-position: -99px 0;}
.center{text-align: center}

/*a#prepocitat2 {width: 99px; height: 25px; background: url(img/prepocitat.gif) no-repeat; float: left; text-decoration: none; margin: 3px 0 0 5px; font-weight: bold; color: #ffffff; padding: 6px 0 0 0; text-align: center;}
a:hover#prepocitat2 {background-position: -92px 0;}*/
.bila {background: #ffffff;}
.text-01 {color: #606060; font-size: 11px; margin-left: 5px; border-bottom: 1px solid #c5c5c5; padding-bottom: 10px; width: 474px;}
/* nakupni kosik - konec */

 /* login */
  #eshop_loginform {width: 491px; padding: 0 0 10px 0; margin: 13px 0 0 0; /*display: table;*/ color: #545454}
  #eshop_loginform-c {width: 490px; height: 100px;}
  a#eshop_loginform-buton-01 {width: 79px; height: 17px; background: url(img/prepocitat.gif) no-repeat; text-transform: uppercase; text-align: center; overflow: hidden; position: absolute; margin: 30px 0 0 40px; padding: 6px 10px 0 10px; color: #ffffff; font-size: 10px; font-weight: bold; text-decoration: none;}
  a:hover#eshop_loginformbuton-01 {background-position: -99px;}
  a#eshop_loginform-buton-02 {width: 79px; height: 17px; background: url(img/prepocitat.gif) no-repeat; text-transform: uppercase; text-align: center; overflow: hidden; position: absolute; margin: 30px 0 0 335px; padding: 6px 10px 0 10px; color: #ffffff; font-size: 10px; font-weight: bold; text-decoration: none;}
  a:hover#eshop_loginform-buton-02 {background-position: -99px;}
  a#eshop_loginform-buton-02.center {margin: 30px 0 0 200px}


  /* registrace */
  #eshop_novaregistrace {width: 491px; padding: 0 0 10px 0; margin: 13px 0 0 0; color: #545454;}
  .eshop_novaregistrace-a {width: 225px; margin: 0 0 11px 13px; _margin-left: 7px; float: left;}
  .eshop_novaregistrace-a span {float: left;}
  .eshop_novaregistrace-a input {width: 135px; float: right; margin: 0 10px 0 0px; border: 1px solid #3a93e0; background: #f1f8ff; color: #545454; padding: 0 3px;}
  .eshop_novaregistrace-a select {width: 143px; float: right; margin: 0 10px 0 0px;}
  .eshop_novaregistrace-b {margin: 0 0 20px 13px;}
  .eshop_novaregistrace-b input {margin: 0 5px 0 0; height: 14px;}
  .eshop_novaregistrace-b form {width: 370px; height: 70px; float: left; margin: 0 10px 0 11px; border: 1px solid #3a93e0; background: #f1f8ff; color: #545454;}
  .eshop_novaregistrace-b span {float: left;}
  .eshop_novaregistrace-r {margin: 0 0 30px 13px; text-align: center;}
  #eshop_novaregistrace-c {width: 490px; height: 100px;}
  a#eshop_novaregistrace-buton-01 {width: 79px; height: 17px; background: url(img/prepocitat.gif) no-repeat; text-transform: uppercase; text-align: center; overflow: hidden; position: absolute; margin: 30px 0 0 40px; padding: 6px 10px 0 10px; color: #ffffff; font-size: 10px; font-weight: bold; text-decoration: none;}
  a:hover#eshop_novaregistrace-buton-01 {background-position: -99px;}
  a#eshop_novaregistrace-buton-02 {width: 79px; height: 17px; background: url(img/prepocitat.gif) no-repeat; text-transform: uppercase; text-align: center; overflow: hidden; position: absolute; margin: 30px 0 0 335px; padding: 6px 10px 0 10px; color: #ffffff; font-size: 10px; font-weight: bold; text-decoration: none;}
  a:hover#eshop_novaregistrace-buton-02 {background-position: -99px;}
#middle #eshop_novaregistrace h2 {font-size: 11px; color: #ffffff; font-weight: bold; line-height: 20px; margin: 0 0 30px 0; width: 465px; padding: 0 13px 1px 13px; background: #3a93e0; text-transform: uppercase;}
.mezera-40 {width: 10px; height: 40px;}
.mezera-20 {width: 10px; height: 20px;}
  /* registrace - konec*/

/* user form */
  #eshop_userform {width: 491px; padding: 0 0 10px 0; margin: 13px 0 0 0; /*display: table;*/ color: #545454}
  #eshop_userform .requied{color: #a6221d}
  #eshop_userform .readonly{color: #8d8d8d}
  #eshop_userform .requied-input{border: 1px solid #a6221d; /*background-color: #fffae1*/}
  #eshop_userform .normal-input{border: 1px solid #3a93e0; background-color: #f1f8ff}
  /*#eshop_userform h1 {font-size: 18px; color: #d0d0d0; font-weight: normal; line-height: 20px; margin: 0 0 30px 0; font-family: arial;}*/
  #eshop_userform h2 {font-size: 11px; color: #ffffff; font-weight: bold; line-height: 20px;  width: 465px; margin: 0 0 30px 0; padding: 0 13px 1px 13px; background: #3a93e0; text-transform: uppercase; clear: both}
  #eshop_userform textarea{width: 460px; height: 150px; xmargin: 0 10px 0 0px; border: 1px solid #3a93e0; background: #f1f8ff; color: #545454; padding: 0 3px;}
  .eshop_userform-a {width: 225px; margin: 0 0 11px 13px; _margin-left: 7px; float: left;}
  .eshop_userform-a span {float: left;}
  .eshop_userform-a input {width: 135px; float: right; margin: 0 10px 0 0px; border: 1px solid #3a93e0; background: #f1f8ff; color: #545454; /*padding: 0 3px;*/}
  .eshop_userform-a select {width: 143px; float: right; margin: 0 10px 0 0px;}
  .eshop_userform-b {margin: 0 0 20px 13px;}
  .eshop_userform-b input {margin: 0 5px 0 0; height: 14px;}
  .eshop_userform-b form {width: 370px; height: 70px; float: left; margin: 0 10px 0 11px; background: #797979; border: 1px solid #cecece;}
  .eshop_userform-b span {float: left;}
  .eshop_userform-b label {position: relative; top: -3px}
  .eshop_userform-r {margin: 0 0 30px 13px; text-align: center;}
  #eshop_userform-c {width: 490px; height: 100px;}
  a#eshop_userform-buton-01 {width: 79px; height: 17px; background: url(img/prepocitat.gif) no-repeat; text-transform: uppercase; text-align: center; overflow: hidden; position: absolute; margin: 30px 0 0 40px; padding: 6px 10px 0 10px; color: #ffffff; font-size: 10px; font-weight: bold; text-decoration: none;}
  a:hover#eshop_userform-buton-01 {background-position: -99px;}
  a#eshop_userform-buton-02 {width: 79px; height: 17px; background: url(img/prepocitat.gif) no-repeat; text-transform: uppercase; text-align: center; overflow: hidden; position: absolute; margin: 30px 0 0 335px; padding: 6px 10px 0 10px; color: #ffffff; font-size: 10px; font-weight: bold; text-decoration: none;}
  a:hover#eshop_userform-buton-02 {background-position: -99px;}
  /*a#eshop_userform-buton-01 {width: 95px; height: 27px; background: url(/img/eshop_buton-1.jpg) no-repeat; text-transform: uppercase; text-align: center; overflow: hidden; position: absolute; margin: 30px 0 0 40px; padding: 12px 10px 0 10px; color: #eaeaea; font-size: 10px; font-weight: bold; text-decoration: none;}
  a:hover#eshop_userform-buton-01 {color: #f3733b; background-position: -115px;}
  a#eshop_userform-buton-02 {width: 95px; height: 27px; background: url(/img/eshop_buton-1.jpg) no-repeat; text-transform: uppercase; text-align: center; overflow: hidden; position: absolute; margin: 30px 0 0 335px; padding: 12px 10px 0 10px; color: #eaeaea; font-size: 10px; font-weight: bold; text-decoration: none;}
  a:hover#eshop_userform-buton-02 {color: #f3733b; background-position: -115px;}*/
  a#eshop_userform-buton-02.center {margin: 30px 0 0 200px}
  .mezera-40 {width: 10px; height: 40px;}
  .mezera-20 {width: 10px; height: 20px;}
  /* user form - konec*/
  
/* tabulky */
.mezera-03 {margin: 0 0 0 45px;}
.tabulka-z01 {width: 491px; margin: 25px 0 30px 0;}
.tabulka-z02 {width: 245px; margin: 5px 0 10px 0;}
.tabulka-z02-right {float: right;}
tr.tabulka-z01-normal td {text-align: center; padding: 5px 5px; border-bottom: 1px solid #c4e2f1;}
tr:hover.tabulka-z01-normal {background: #e8f6fd;}
tr.tabulka-z01-top {background: #0488ca; color: #ffffff;}
tr.tabulka-z01-top td {padding: 8px 5px; text-align: center;}
.tabulka-z01-1 {width: 140px; text-transform: lowercase}
.tabulka-z01-2 {width: 72px; text-transform: lowercase}
.tabulka-z01-3 {width: 84px; text-transform: lowercase}
.tabulka-z01-4 {width: 90px; text-transform: lowercase}
.tabulka-z02-1 {width: 130px; text-transform: lowercase}
.tabulka-z02-2 {width: 48px; text-transform: lowercase}
.tabulka-z02-3 {width: 60px; text-transform: lowercase}
.tabulka-z02-4 {width: 66px; text-transform: lowercase}
.tabulka-z01-normal .right{text-align: right}
.tabulka-z01-normal .tabulka-z02-5 {width: 80px; text-align: right;}
.tabulka-z01-normal .tabulka-z03-1 {width: 95px; text-align: right;}
.tabulka-z03-1 span {color: #7bb2cf;}
.tabulka-z01-normal .tabulka-z03-2 {width: 105px; text-align: right;}
.tabulka-z01-normal .tabulka-z03-3 {width: 70px;}
.tabulka-z01-normal .tabulka-z03-3 a { float: right}
.tabulka-z01-normal .tabulka-z03-3 .margin {margin-right: 5px}
.mezera-01 {margin: 10px 0 0 25px;}
.mezera-02 {margin: 10px 0 0 8px;}
.ram-01 {border: 1px solid #000000;}
.vyber-01 {width: 200px; float: right; text-align: right; color: #0488ca; font-weight: bold;}
.vyber-01 select {width: 120px; height: 19px; margin: 5px 0 0 0; font-size: 11px; color: #727272;}
a.ikona-kosik {width: 21px; height: 18px; background: url(img/ikona-kosik.gif) no-repeat; float: left;}
a:hover.ikona-kosik {background-position: -21px 0;}
a.ikona-info {width: 21px; height: 18px; background: url(img/ikona-info.gif) no-repeat; float: right;}
a:hover.ikona-info {background-position: -21px 0;}
.vlastnirozmer {width: 491px; border: 1px solid #a4d7e5; background: url(img/vlastnirozmer.gif) repeat-x #f7fcff; color: #545454; margin: 0 0 30px 0;}
.vlastnirozmer2 {width: 243px; border: 1px solid #a4d7e5; background: url(img/vlastnirozmer.gif) repeat-x #f7fcff; color: #545454;}
.vlastnirozmer2 input {width: 112px;}
.vlastnirozmer2 select {width: 165px}
.vlastnirozmer2 .vlastnirozmer2-input {width: 30px;}
.vlastnirozmer2 td {padding: 4px 5px;}
.vlastnirozmer2-mezera {margin: 0 24px 5px 0;}
.vlastnirozmer td {padding: 7px 5px;}
.vlastnirozmer input {border: 1px solid #138ecd; width: 50px;}
.vlastnirozmer-a {width: 34px;}
input.vlastnirozmer-input {width: 104px;}
a.butonprazdny-02 {width: 104px; height: 17px; background: url(img/buton-prazdny2.gif) no-repeat; text-align: center; overflow: hidden; float: right; padding: 6px 7px 0 7px; color: #fff !important; font-size: 10px; font-weight: bold; text-decoration: none;}
a:hover.butonprazdny-02 {background-position: -118px;}

.vlastnirozmer-link {width: 491px; height: 16px; text-align: right; padding: 0 0 4px 0;}
.vlastnirozmer-link a {color: #0085c9; background: url(img/sipky2.gif) no-repeat right top; text-decoration: none; font-weight: bold; padding: 0px 20px 4px 0;}
.vlastnirozmer-link a.in {color: #0085c9; background: url(img/sipky3.gif) no-repeat right top; text-decoration: none; font-weight: bold; padding: 0px 20px 4px 0;}
.vlastnirozmer-link a:hover, .vlastnirozmer-link a.in:hover {color: #f3733b; background-position: right -45px;}

/*.vlastnirozmer-out {width: 491px; height: 16px; text-align: right; padding: 0 0 4px 0;}
.vlastnirozmer-out a {color: #0085c9; background: url(img/sipky2.gif) no-repeat right top; text-decoration: none; font-weight: bold; padding: 0px 20px 4px 0;}
.vlastnirozmer-out a:hover {color: #f3733b; background-position: right -45px;}
.vlastnirozmer-in {width: 491px; height: 16px; text-align: right; padding: 0 0 4px 0;}
.vlastnirozmer-in a {color: #0085c9; background: url(img/sipky3.gif) no-repeat right top; text-decoration: none; font-weight: bold; padding: 0px 20px 4px 0;}
.vlastnirozmer-in a:hover {color: #f3733b; background-position: right -45px;}*/

.vlastnirozmer2-link {width: 200px; height: 16px; text-align: right; padding: 0 0 4px 0; margin: 0 0 0 45px; float: right}
.vlastnirozmer2-link a {color: #0085c9; background: url(img/sipky2.gif) no-repeat right top; text-decoration: none; font-weight: bold; padding: 0px 20px 4px 0;}
.vlastnirozmer2-link a.in {color: #0085c9; background: url(img/sipky3.gif) no-repeat right top; text-decoration: none; font-weight: bold; padding: 0px 20px 4px 0;}
.vlastnirozmer2-link a:hover, .vlastnirozmer2-link a.in:hover {color: #f3733b; background-position: right -45px;}

/*.vlastnirozmer2-out {width: 200px; height: 16px; text-align: right; padding: 0 0 4px 0; margin: 0 0 0 45px;}
.vlastnirozmer2-out a {color: #0085c9; background: url(img/sipky2.gif) no-repeat right top; text-decoration: none; font-weight: bold; padding: 0px 20px 4px 0;}
.vlastnirozmer2-out a:hover {color: #f3733b; background-position: right -45px;}
.vlastnirozmer2-in {width: 200px; height: 16px; text-align: right; padding: 0 0 4px 0; margin: 0 0 0 45px;}
.vlastnirozmer2-in a {color: #0085c9; background: url(img/sipky3.gif) no-repeat right top; text-decoration: none; font-weight: bold; padding: 0px 20px 4px 0;}
.vlastnirozmer2-in a:hover {color: #f3733b; background-position: right -45px;}*/
.zapnuto {display: compact;}
.vypnuto {display: none;}
/* tabulky - konec */

/* normalni stranka */
.normalni {margin: 0 0 0 5px;}
.msg {color: #0388c9; font-weight: bold}
.msg-error {color: #e7313d; font-weight: bold}
/* normalni stranka - konec */


/* doplňky */
.clear {clear: both;}
.bold {font-weight: bold;}
/* doplňky - konec */




#middle h1 {font-weight: bold; font-size: 16px; color: red; color: #0085c9;  width: 472px; background: url(img/h1.gif) bottom repeat-x; padding: 0 9px 2px 9px; margin: 20px 0;}
#middle h2 {font-weight: bold; font-size: 12px; color: red; color: #0085c9;  width: 465px; padding: 2px 9px 2px 16px; margin: 14px 0 10px 0; background: #e0f3fe;}
#middle a.link{color: #0085c9; text-decoration: none; font-weight: bold}
#middle a.link:hover{color: #f3733b}

#otviracka {width: 482px; margin: 20px 0; border-bottom: 1px solid #c4e2f1; xdisplay: none;}
#otviracka td {color: #2475b0; font-size: 13px; padding: 8px 0 8px 12px;}
#otviracka .nadpis {color: #2475b0; font-size: 13px; font-weight: bold; background: #e0f3fe; padding: 0; margin: 0}
#otviracka .nadpis td {padding: 4px 4px 4px 8px;}
#otviracka td.prvni {}
#otviracka td.druha {width: 340px;}