/************************************************************ Reset */ html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; vertical-align: baseline; background: transparent; } body { font-size: small; font-family: sans-serif; line-height: 1.6em; background: #fff url(../images/bg.jpg) top center no-repeat; color: #535c55; font-size: 13px; } a:link { color: #269641; } a:visited { color: #269641; } a:focus {outline: 0} a:hover { color: #cb6906; } p { padding: 0.7em 0; } .right { text-align: right; } h1 { overflow: hidden; font-size: 1.9em; } h1, h1 span { float: left; position: relative; width: 181px; height: 103px; } h1 a:hover span { cursor: pointer; } h2 { overflow: hidden; font-size: 1.9em; } h2, h2 span { float: left; position: relative; width: 218px; height: 103px; } h2 span { position: absolute; top: 0; left: 0; background: url(../images/slogan.jpg) top left no-repeat; } /************************************************************ PAGE */ #page { width: 960px; margin: 0 auto; } #header { height: 103px; background: url(../images/header.jpg) top left no-repeat; } #header a { color: #269641; } #header a:hover { text-decoration: none; } #header-nav { float: left; width: 190px; height: 103px; line-height: 103px; margin-left: 100px; padding-right: 20px; background: url(../images/header-nav.gif) top right no-repeat; } #header-nav a.sitemap { background: url(../images/icon-sitemap.gif) 0 2px no-repeat; padding-left: 15px; } #header-nav a.contact { padding-left: 15px; margin-left: 20px; background: url(../images/icon-contact.gif) 0 2px no-repeat; } #language { float: right; width: 182px; height: 30px; padding: 40px 0 0 50px; color: #535c55; position: relative; z-index: 1500; } /* ------- vyber jazyka -------------------*/ #langSelector a { text-decoration: none; } #langSelector a:hover span { text-decoration: underline; } #langSelector { position: relative; height: 21px; line-height: 21px; left: -30px; z-index: 100; } #langSelector img { margin: 0 3px -2px 0; border: none; position: relative; top: -1px; } #langSelector .active { font-size: 11px; margin: 0; padding: 0; border: 1px solid #bec9cf; cursor: pointer; width: 100px; padding: 0 3px ; height: 21px; line-height: 21px; background: none; text-transform: uppercase; background: #fff url('../images/select2.gif') no-repeat 86px 50%; color: #535c55; position: absolute; top: 0; right: -25px; } #langSelector .active span { padding: 0 1px; display: block; position: relative; top: 0; } #langSelector .active.closed div.langSlide { position: absolute; top: 21px; left: -1px; z-index: 100; display: none; } #langSelector .active.opened div.langSlide { position: absolute; top: 21px; left: -1px; z-index: 100; display: block; } #langSelector ul { list-style: none; margin: 0; background: #ffffff; border: 1px solid #bec9cf; padding: 3px 0; width: 106px; display: block; } #langSelector ul li { padding: 0 0; margin: 0; } #langSelector .active .langSlide ul li a img {float: left;top: 4px;margin: 0 5px 0 0;} #langSelector .active .langSlide ul li a span {float: left;display: block;position: relative; top: 0} #langSelector ul li a { padding: 0 4px; height: 20px; line-height: 20px; color: #535c55; font-size: 11px; display: block; text-transform: uppercase; } #language select { text-transform: uppercase; font-size: 0.8em; color: #535c55; padding: 3px 3px 3px 1px; border: 1px solid #c7cbd3; } /************************************************************ navigace + hledani */ #nav-search { margin: 0 auto; width: 950px; height: 54px; background: #2f3b83; } /************************************************************ navigace */ #nav { float: left; width: 681px; height: 54px; background: #2f3b83; overflow: hidden; } #nav ul { list-style: none; } #nav ul li { float: left; width: auto; } #nav ul li a { float: left; width: auto; font-size: 1.1em; display: block; height: 54px; line-height: 54px; padding: 0 23px 0 40px; color: #fff; background: #2f3b83 url(../images/nav-li.gif) 22px 23px no-repeat; text-decoration: underline; font-weight: bold; border-right: 1px solid #545c8e; } #nav ul li a.active { background: #289a44 url(../images/nav-li.gif) 22px 23px no-repeat; } #nav ul li a:hover { background: #289b44 url(../images/nav-li.gif) 22px 23px no-repeat; } #nav ul li a#first { background: #2f3b83 url(../images/nav-first-blue.gif) 0 0 no-repeat; } #nav ul li a#first.active, #nav ul li a#first:hover { color: #fff; background: #289a44 url(../images/nav-first-green.gif) 0 0 no-repeat; } /************************************************************ hledani */ #search { float: right; width: 249px; height: 54px; background: #2f3b83 url(../images/search-bg.gif) 5px 10px no-repeat; } #search-in { background: url(../images/nav-bg-right.gif) top right no-repeat; } #search input.text { width: 180px; margin-left: 10px; padding-left: 4px; color: #4e5060; border: 1px solid #fff; border-width: 0; } #search .search-submit { width: 32px; height: 32px; position: relative; top: 10px; left: 7px; } /************************************************************ hlavni cast */ #main {width: 960px; float: left; background: url(../images/main-middle.jpg) top left repeat-y; } #main.subpage {background: url(../images/main-middle2.jpg) top left repeat-y;} #main.subpage.wide {background: url(../images/main-middle.jpg) top left repeat-y;} #main.whitebtm {width: 960px; float: left; background: url(../images/main-middle3.jpg) top left repeat-y; } #main-top {width: 960px; background: url(../images/main-top.jpg) top left no-repeat; } #main.subpage #main-top {background: url(../images/main-top2.jpg) top left no-repeat;} #main.subpage.wide #main-top {background: url(../images/main-top3.jpg) top left no-repeat} #main-bottom {width: 960px; padding: 0 0 0 0px; position: relative; background: url(../images/main-bottom.jpg) bottom left no-repeat; } #main.subpage #main-bottom {background: url(../images/main-bottom2.jpg) bottom left no-repeat;} #main.subpage.wide #main-bottom {padding-bottom: 20px;background: url(../images/main-bottom.jpg) bottom left no-repeat;} #main.whitebtm #main-bottom {width: 960px; padding: 0 0 0 0px; position: relative; background: url(../images/main-bottom3.jpg) bottom left no-repeat; } /* Page bottom */ #main a.up {display: inline-block;position: relative; left:-18px;border: 1px solid #dbdddc;border-left: 0; margin-top: 20px;padding: 5px 10px 7px 30px;background: #fff7dc url('../images/up.gif') no-repeat 17px 50%;} #main .bottom {padding: 15px 20px 0;background: #fffbef;} #main .bottom h3 {font-size: 1.4em;color: #1d2b7d;margin-bottom: 10px;} #main .bottom h3.small {font-size: 1.1em;} #main .bottom ul {float: left; width: 30%;border-right: 1px solid #dbdbd1;list-style: none} #main .bottom ul.full {width: 100%; border: 0;} #main .bottom ul.col2 {padding-left: 60px; width: 40%;border: 0;} #main .bottom ul li a {display: block; padding: 3px 0 3px 20px; width: 90%;background: url('../images/page-ico.gif') no-repeat 0 55%;} /* Page title */ #main .title-box {clear: both; background: url('../images/title-box-bg.jpg') repeat-x bottom;border-top: 5px solid #fdc600; border-bottom: 1px solid #dbdddc;padding: 10px 18px 10px;margin-bottom: 20px} #main .title-box.tabs {padding-bottom: 0;} #main .title-box p {border-bottom: 1px solid #dbdddc;width: 100%;padding:3px 0 10px; margin: 0 0 20px;} #main .title-box p a {font-size: 0.85em;padding: 0 11px 0 1px;background: url('../images/title-box-arrow.gif') no-repeat 100% 55%;} #main .title-box p .active {color: #1d2b7d;background: none; padding: 0 3px;font-size: 0.85em;} #main .title-box h2 { width: 500px;height: auto;display: inline-block;color: #1d2b7d; text-transform: uppercase;font-size: 1.6em;line-height: 1.2em;margin-top: 5px;} #main.wide .title-box h2 {width: 620px;} #main .title-box.tabs h2 {margin-bottom: 15px} #main .title-box h2.priznaky {float: left;margin-right: 10px;} #main .title-box h2.priznaky span {} #main .title-box h2.priznaky img {} #main .title-box h2.leaf {padding-right: 40px;background: url('../images/product-leaf-mini.gif') no-repeat 100% 55%;line-height: 1.6em;margin-top: 0;} #main .title-box h2.new {padding-right: 40px;background: url('../images/product-new-mini.gif') no-repeat 100% 55%;line-height: 1.6em;margin-top: 0;} #main .title-box h2.plus {padding-right: 40px;background: url('../images/product-plus-mini.gif') no-repeat 100% 55%;line-height: 1.6em;margin-top: 0;} #main .title-box h2 small {display: block;text-transform: none;font-weight: normal;} #main .title-box a.print {float: right;background: url('../images/print.gif') no-repeat 0 50%; padding-left: 20px;position: relative; top: 7px;} #main .title-box a.print.tworows {top: 30px} #main .subcontent {padding: 0 18px 20px;background: #fff;border-bottom: 1px solid #dbdddc} #main .subcontent .oldselect.selectbox {float: left;margin-right: 10px;} #main .subcontent .oldselect.selectbox strong {float: left; line-height: 28px; padding-bottom: 3px; margin-right: 10px;font-weight: bold;display: block;font-size: 0.9em;} #main .subcontent .top .oldselect.selectbox strong, #main .subcontent .fullsearch .oldselect.selectbox strong {line-height: normal; clear: both; float: none; margin: 0;} #main .subcontent .oldselect.selectbox .select {float: left;position: relative;z-index: 1100;background: #fff url('../images/select.gif') no-repeat 98% 50%;font-size: 1.1em;padding-left: 10px;border: 1px solid #c7cbd3;width: 190px; height: 26px; line-height: 26px;} #main .subcontent .top .oldselect.selectbox .select {clear: both; float: none;background-position: 96% 50%;} #main .subcontent .fullsearch .oldselect.selectbox .select {clear: both; float: none;background-position: 98% 50%;} #main .subcontent .oldselect.selectbox.year .select {width: 100px;} #main .subcontent .oldselect.selectbox.where .select {width: 180px;} #main .subcontent .oldselect.selectbox.count .select {width: 100px;background-position: 96% 50%;} #main .subcontent .oldselect.selectbox.month .select {width: 110px;} #main .subcontent .oldselect.selectbox .text {border: 1px solid #c7cbd3;color: #777;width: 220px;height: 17px;float: left;padding: 5px 5px 4px;font-size: 1.1em; } #main .subcontent .oldselect.selectbox .select ul {position: absolute; left: -3000px; top: 26px;height: auto;padding: 0 0; background: #fff;border: 1px solid #c7cbd3;width: 200px;} #main .subcontent .oldselect.selectbox.year .select ul {width: 110px;} #main .subcontent .oldselect.selectbox.where .select ul {width: 190px;} #main .subcontent .oldselect.selectbox.count .select ul {width: 110px;} #main .subcontent .oldselect.selectbox.month .select ul {width: 120px;} #main .subcontent .oldselect.selectbox .select:hover ul, #main .subcontent .oldselect.selectbox .select.hover ul {left: -1px;} #main .subcontent .oldselect.selectbox .select ul li {clear: both;background: #fff;width: 100%;padding: 0;height: auto;line-height: 1.0em;} #main .subcontent .oldselect.selectbox .select ul li a {clear: both; color: #777;text-decoration: none;display: block;padding: 3px 10px; height: auto;width: 180px; font-size: 0.9em; } #main .subcontent .oldselect.selectbox.year .select ul li a {width: 90px;} #main .subcontent .oldselect.selectbox.where .select ul li a {width: 170px;} #main .subcontent .oldselect.selectbox.count .select ul li a {width: 90px;} #main .subcontent .oldselect.selectbox.month .select ul li a {width: 100px;} #main .subcontent .oldselect.selectbox .select ul li a:hover, #main .subcontent .oldselect.selectbox .select ul li a.selected {background: #3ab057;color: #fff;} #main .subcontent h2 {height: auto; float: none; clear: both;} #main.whitebtm .subcontent {border: 0;position: relative;} #main.wide .subcontent {border-bottom: 0;} #main .subcontent h3 {color: #1d2b7d;margin-bottom: 15px;font-size: 1.4em} #main .subcontent h4 {color: #1d2b7d;margin-bottom: 15px;font-size: 1.1em} #main .subcontent p {text-align: justify;margin: 0 0 20px; padding: 0; line-height: 1.5em;} #main .subcontent p.extra {display: block;width: 87%;padding: 10px 60px 10px 15px;background: #fffbef; position: relative;margin-bottom: 25px;border: 1px solid #dfe0df;font-size: 1.1em;} #main.wide .subcontent p.extra {width: 837px} #main .subcontent p.extra span.image {display: block; position: absolute; top: -19px; right: 1px;width: 44px; height: 65px; background: url('../images/p-extra.jpg') no-repeat} #main .subcontent .large {font-size: 1.2em} /* imagebox */ #main .imagebox {float: left;background: url('../images/imagebox-right-top.jpg') no-repeat top right;padding-top: 8px;} #main .imagebox.flt-r {float: right;} #main .imagebox div.rightbtm {float: left;background: url('../images/imagebox-right-btm.jpg') no-repeat bottom right;padding-right: 9px;} #main .imagebox div.rightbtm div.leftbtm {float: left;background: url('../images/imagebox-left-btm.jpg') no-repeat bottom left;padding-bottom: 2px;} #main .imagebox div.rightbtm div.leftbtm div.lefttop {float: left;background: url('../images/imagebox-left-top.jpg') no-repeat top left;padding-left: 6px} #main .imagebox div div div img {margin: 0;border: 1px solid #dbdddc; padding: 10px; background: #fff url('../images/imagebox-bg.jpg') repeat-x} /* ul */ #main .subcontent ul.flt-l {width: 40%;} #main .subcontent ul {list-style: none;padding-top: 10px;} #main .subcontent ul li {padding: 5px 0 5px 20px; background: url('../images/content-li.gif') no-repeat 1px 10px;line-height: 1.5em;} #main.wide ul.related {margin: 0; padding: 0 0 20px;} #main.wide ul.related li {background: url('../images/arrow-yellow.gif') no-repeat 0 55%;padding: 1px 0 1px 15px;font-size: 1.15em;} #main .subcontent .photo {width: 258px; height: 195px; background: url('../images/photo-bg.jpg') no-repeat;text-align: center;} #main .subcontent .photo img {position: relative; top: 18px;} #main.wide .filtr {background: #fffbef;border: 1px solid #dfe0df;height: 47px;width: 912px;margin-bottom: 20px;} #main.wide .filtr.tabs {height: 47px;} #main.wide .filtr .selectbox {position: relative; z-index: 1000; left: 10px; top: 9px;float: left;} #main.wide .filtr .selectbox strong {font-weight: bold;margin-right: 10px;float: left;display: block; line-height: 26px;} #main.wide .filtr .selectbox select {float: left} #main.wide .filtr .selectbox .newListSelected {float: left} #main.wide .filtr ul.r-tabs { line-height: 43px;float: right;position: relative;right: 5px;padding: 0; margin: 0; top: 5px} /* Filtr + Tabs */ #main.wide .filtr ul.r-tabs {padding-left: 1px;background: url('../images/tab-left.gif') no-repeat 0 0;} #main.wide .filtr ul.r-tabs li {height: 43px;line-height: 43px;background: url('../images/tab-right.gif') no-repeat 100% 0;float: left;display: block; margin: 0; padding: 0;} #main.wide .filtr ul.r-tabs li.table-list {background-position: 100% 0;padding: 0 1px 0 0} #main.wide .filtr ul.r-tabs li span {height: 43px;float: left; display: block; padding: 0;} #main.wide .filtr ul.r-tabs li span a {display: block;padding: 0 10px;font-weight: normal; padding-left: 33px;font-size: 1.15em;} #main.wide .filtr ul.r-tabs li.active {background: #fff url('../images/tab-active.gif') no-repeat left top;} #main.wide .filtr ul.r-tabs li.active span {background: url('../images/tab-active-right.gif') no-repeat right top;} #main.wide .filtr ul.r-tabs li.active span a {color: #535c55;text-decoration: none;} #main.wide .filtr ul.r-tabs li.image-list span a {background: url('../images/list-image.gif') no-repeat 10px 50%;} #main.wide .filtr ul.r-tabs li.table-list span a {background: url('../images/list-table.gif') no-repeat 10px 50%;} /* Products */ #main.wide ul.products {height: auto;clear: both;padding: 0; margin: 0; list-style: none;width: 914px; border-left: 0; border-right: 0;} #main.wide ul.products li {background: url('../images/products-bottom.gif') repeat-x bottom;padding: 0;width: 227px;border: 1px solid #dddfde;border-left: 0;margin-bottom: 15px; float: left;height: 365px;} #main.wide ul.products li.leftside {border-left: 1px solid #dddfde;border-right: 1px solid #dddfde;width: 227px;} #main.wide ul.products li .title h2 { float: left;width: 226px;margin: 0; font-size: 1.1em;height: 70px;} #main.wide ul.products li .title.extra-bonus h2 {width: 166px;} #main.wide ul.products li .title h2 a {display: block; padding: 5px 20px 0 20px;} #main.wide ul.products li .title.extra-bonus h2 a {padding-right: 0;} #main.wide ul.products li .title {height: 78px;width: 227px;background: #eff7f1 url('../images/products-image-top.gif') no-repeat bottom;} #main.wide ul.products li .title .bonus {float: right; position: relative; top:-6px; z-index: 100; width: 61px; height: 61px;background: url('../images/extra-bonus.gif') no-repeat;} #main.wide ul.products li .title .bonus .box {background: url('../images/bonus-btm.gif') no-repeat bottom;width: 229px;position: absolute; z-index: 100;top: 3px; left: -3000px; } #main.wide ul.products li .title .bonus .box strong {color: #1d2b7d; text-transform: uppercase;display: block;margin-bottom: 5px;} #main.wide ul.products li .title .bonus .box img {float: left;margin-right: 10px;} #main.wide ul.products li .title .bonus .box .clear {margin-bottom: 10px;} #main.wide ul.products li .title .bonus .box a {position: relative; top: 5px;} #main.wide ul.products li .title .bonus .box .top {background: url('../images/bonus-top.gif') no-repeat;padding: 10px 15px 10px 25px;width: 189px;position: relative; top:-3px; z-index: 1000;} #main.wide ul.products li.rightside .title .bonus .box {background: url('../images/bonus-btm-rightside.gif') no-repeat bottom;width: 229px;position: absolute; z-index: 100;top: 3px; left: -3000px; } #main.wide ul.products li.rightside .title .bonus .box .top {background: url('../images/bonus-top-rightside.gif') no-repeat;padding: 10px 25px 10px 15px;width: 189px;position: relative; top:-3px; z-index: 1000;} #main.wide ul.products li .title .bonus:hover, #main.wide ul.products li .title .bonus.hover {background-position: 0 -61px;} #main.wide ul.products li .title .bonus:hover .box, #main.wide ul.products li .title .bonus.hover .box { left: 54px;} #main.wide ul.products li.rightside .title .bonus:hover .box, #main.wide ul.products li.rightside .title .bonus.hover .box { left: -210px;} #main.wide ul.products li a.image {display: block;clear: both;text-align: center; padding:10px 0 5px;} #main.wide ul.products li a.image img {border: 0;} #main.wide ul.products li p {margin: 0 20px; text-align: left; padding: 0;} #main.wide ul.products li p.perex {height: 60px;} #main.wide ul.products li p.baleni {margin: 0 20px; text-align: left; padding: 0 0 5px;border-bottom: 1px solid #dfe1e0} #main.wide ul.products li p.price {border: 0;height: auto;padding: 10px 0 0px;font-size: 0.9em;line-height: 1.4em;} #main.wide ul.products li p.price strong {color: #1d2b7d;display: block; font-size: 1.2em} #main.wide ul.products li a.more {display: inline-block;float: left; margin: 0 20px; padding: 4px 0 4px 15px; background: url('../images/arrow-yellow.gif') no-repeat 0 55%;} #main.wide ul.products li .tag {display: block;} /* Detail product */ #main.wide .sideleft {width: 610px; float: left;} #main.wide .sideleft.widescreen {width: 100%;float: none;} #main.wide .sideright {width: 280px; float: right; } #main.wide a.detail-photo {width: 190px; text-align: center; float: left;} #main.wide a.detail-photo img {border: 0;} #main.wide .detail-info {width: 420px; float: left;position: relative;} #main.wide .detail-info .info {font-size: 1.1em;display: block; margin-bottom: 15px;} #main.wide .detail-info ul {padding: 0; margin: 0;width: 202px;float: left;} #main.wide .detail-info ul.fullsize {width: 100%;} #main.wide .detail-info li {padding: 15px 0 15px 0; font-size: 1.2em; margin: 0; border-top: 1px solid #dfe1e0;} #main.wide .detail-info li.link {padding-left: 35px;background: url('../images/informations-more.gif') no-repeat 5px 60%;} #main.wide .detail-info li.priznaky {padding:3px 0 3px;background: none;line-height: 35px;} #main.wide .detail-info li.priznaky img {margin-right: 5px} #main.wide .detail-info li.prirodni-rada {background: url('../images/product-leaf-mini.gif') no-repeat -5px 55%;} #main.wide .detail-info li.nove {background: url('../images/product-new-mini.gif') no-repeat -5px 55%;} #main.wide .detail-info li.vyhodne {background: url('../images/product-plus-mini.gif') no-repeat -5px 55%;} #main.wide .detail-info .box {width: 180px; float: right;border: 1px solid #dfe1e0;padding: 5px 10px;} #main.wide .detail-info .box strong {display: block;font-size: 0.9em;color: #1d2b7d;margin-bottom: 5px;} #main.wide .detail-info .box img {float: left;border: 0;} #main.wide .detail-info .box p {padding: 0; margin: 0;text-align: left;line-height: 1.3em} #main.wide .detail-info .box p strong {display: inline} #main.wide .detail-info .box p .gratis {color: #fdc600;display: block;} #main.wide ul.tabs {margin: 0; position: relative;z-index: 10; top:1px;clear: both;padding: 0 0 0 1px;background: url('../images/tab-left.gif') no-repeat 0 0;height: 43px; line-height: 43px;} #main.wide ul.tabs li {height:43px; position: relative; z-index: 1;background: url('../images/tab-right.gif') no-repeat 100% 0;float: left;display: block; margin: 0; padding: 0 0 0 0px;} #main.wide ul.tabs li span {height:43px;position: relative;float: left; display: block; padding: 0;} #main.wide ul.tabs li span a {cursor: pointer;display: block;padding: 1px 16px 0;font-weight: bold;font-size: 1.25em;} #main.wide ul.tabs li span a.hover {text-decoration: none} #main.wide ul.tabs li.active { z-index: 1000;} #main.wide ul.tabs li.active span {height:43px;position: relative;background: #fff url('../images/tab-active-right.gif') no-repeat right top;} #main.wide ul.tabs li.active span a {color: #1d2b7d;text-decoration: none;} #main.wide .wraptab {clear: both;margin-bottom: 20px;background: url('../images/tab-btm.jpg') repeat-x bottom;display: none;border: 1px solid #dcded9;width: 568px;position: relative; z-index: 1;padding: 20px 20px 10px;} #main.wide .wraptab .large {font-size: 1.1em} #main.wide .wraptab .italic {font-style: italic} #main.wide .wraptab p strong {color: #1d2b7d} #main.wide .wraptab.showtab1 {display: block;} #main.wide .sideleft.widescreen .wraptab {width: 870px;} #main.wide .sideright .product {padding: 10px;} #main.wide .sideright .product.highlight {background: #fff7dd;} #main.wide .sideright .product fieldset {border: 1px solid #dddfde; border-top: 0;background: #fff url('../images/product-top.gif') no-repeat 0 0;} #main.wide .sideright .product fieldset .wrap {padding: 20px;background: url('../images/products-bottom.gif') repeat-x bottom;} #main.wide .sideright .product fieldset a.image {float: left;margin-right: 20px;} #main.wide .sideright .product fieldset a.image img {border: 0;} #main.wide .sideright .product p.present { clear: both;padding:5px 0 6px; font-size: 0.9em; margin: 0;border-top: 1px solid #dfe1e0;} #main.wide .sideright .product .btm {border-top: 1px solid #dfe1e0;} #main.wide .sideright .product .btm .tag {float: left;margin-top: 13px;} #main.wide .sideright .product .btm p {padding: 10px 0 5px;margin: 0;font-size: 0.9em;line-height: 1.4em;float: left;width: 110px;} #main.wide .sideright .product .btm p strong {color: #1d2b7d;display: block; font-size: 1.2em} #main.wide .sideright .product .btm .buy-submit {width: 55px; height: 29px;float: right; margin-top: 15px; background-image: url('../images/koupit.jpg');border:none; cursor: hand; } /* Detail product */ #main.wide .halfcol {width: 448px;overflow: hidden} #main.wide .halfcol.flt-r {padding-top:1px;} #main.wide .halfcol strong.sort {display: block; float: left;line-height: 43px; font-size: 1.15em;color: #1d2b7d;} #main.wide .halfcol ul.tabs {float: right;clear: none;position: relative;z-index: 10;left:0px;} #main.wide .halfcol .wraptab {width: 420px;padding: 20px 13px 0px;margin: 0 0 30px;} #main.wide .halfcol .wrabtab.box {clear: both;width: 420px;padding: 20px 13px 0px;margin-bottom: 30px;} #main.wide .halfcol .scrollarea {overflow: hidden;width: 420px;} #main.wide .paging {text-align: center; position: relative; top: 17px;height: 33px; line-height: 33px;z-index: 100;margin: 0; padding: 0;} #main.wide .paging span.bg {position: relative;display: inline-block;padding: 0 40px;height: 33px; line-height: 33px;background: url('../images/paging-bg.jpg') repeat-x;} #main.wide .paging a {width: 13px;margin: 0;float: left; position: relative; height: 33px;display: inline-block;} #main.wide .paging a span{width: 13px; position: absolute; height: 33px;display: block; position: absolute; top: 0; left: 0;cursor: pointer; background: url('../images/paging-circle.jpg') no-repeat} #main.wide .paging a:hover span, #main.wide .paging a.active span {background-position: 0 -33px;} #main.wide .paging a.toleft {position: absolute;top: 0;left:0;display: block;width: 33px; } #main.wide .paging a.toleft span { width: 33px; background: url('../images/paging-left.jpg') no-repeat} #main.wide .paging a.toleft.hidden span {background-position: 0 -33px;} #main.wide .paging a.toright {position: absolute;top: 0;right:0;display: block;width: 33px; height: 33px;} #main.wide .paging a.toright span { width: 33px; background: url('../images/paging-right.jpg') no-repeat} #main.wide .paging a.toright.hidden span {background-position: 0 -33px;} #main.wide .halfcol .wraptab ul {padding: 0; margin: 0 0 0 20px;width: 200px;float: left;} #main.wide .halfcol .wraptab ul.col {background: url('../images/dot.gif') repeat-y 100%;width: 200px; margin-left: 0} #main.wide .halfcol .wraptab ul.col li {padding: 0;} #main.wide .halfcol .wraptab ul li {padding: 0 0 0 0; margin: 0; background: none;font-weight: bold;} #main.wide .halfcol .wraptab ul li a {font-size: 1.1em;padding: 5px 0;display: block;width: 100%;font-weight: normal;} #main.wide .halfcol .wraptab ul li ul {margin-left: 0;} #main.wide .halfcol .wraptab ul li ul li {padding: 0; margin: 0; background: none;} #main.wide .halfcol .wraptab ul li ul li a {font-size: 0.9em;padding: 1px 0;display: block;width: 100%;} #main.wide .halfcol .box {background: url('../images/tab-btm.jpg') repeat-x bottom;border: 1px solid #dcded9;width: 420px;padding: 20px 13px 0px;margin-bottom: 30px;} #main.wide .halfcol .box h3 { margin-bottom: 0; } #main.wide .halfcol .box h4 {margin-bottom: 18px;font-size: 1.1em;} #main.wide .halfcol .box .borderbtm {padding: 3px 0 10px; border-bottom: 1px solid #dbdddc;margin-bottom: 5px;} #main.wide .halfcol .box .large {font-size: 14px;} #main.wide .halfcol .box .scrollarea { overflow: hidden;position: relative; z-index: 1;width: 420px;} #main.wide .halfcol ul.products {width: auto; height: auto;border: 0;margin: 0 0 10px; padding: 0; background: url('../images/col-center.gif')} #main.wide .halfcol ul.products li {width: 140px;float: left;text-align: center;background: none;border: 0;padding: 0;margin: 0; height: auto;} #main.wide .halfcol ul.products li h5 {font-size: 0.9em;margin: 0;padding: 0 10px;height: 65px;} #main.wide .halfcol ul.products li a.img {position: relative; top: 3px;} #main.wide .halfcol ul.products li a img {border: 0;} #main.wide .halfcol ul.products li p {position: relative; top: 3px;height: auto;margin-bottom: 0; padding-bottom: 0; height: 80px;text-align: center; font-size: 0.85em; border: 0;} #main.wide .halfcol ul.products li a.more {text-align: left;margin: 0 0 0 18px;position: relative; top: 10px; padding: 0 0 0 12px;} #main.wide .halfcol ul.two-products {width: auto; height: auto;border: 0;margin: 0 0 15px; padding: 0;} #main.wide .halfcol ul.two-products li {width: 190px;padding: 0 10px;float: left;text-align: center;background: none;border: 0;margin: 0; height: auto;} #main.wide .halfcol ul.two-products li.col-left {} #main.wide .halfcol ul.two-products li.col-right {background: url('../images/dot.gif') repeat-y 0 0} #main.wide .halfcol ul.two-products li h5, #main.wide .halfcol h5{font-size: 1.1em;padding: 0;height: 45px;line-height: 20px;} #main.wide .halfcol ul.two-products li a.img {height: 80px; display: block;} #main.wide .halfcol ul.two-products li a img {border: 0;} #main.wide .halfcol ul.two-products li p {height: auto; text-align: center; font-size: 0.9em; border: 0;} #main.wide .halfcol ul.two-products li p strong {display: block;color: #1d2b7d} #main.wide .halfcol ul.two-products li p strong span {font-weight: normal;color: #535c55} #main.wide .halfcol ul.two-products li a.more {position: relative; left: 8px;} #main.wide .halfcol ul.two-products li a.more, #main.wide .halfcol a.more{text-align: left;width: 90px;background: url('../images/arrow-yellow.gif') no-repeat 0 55%; padding-left: 12px;font-size: 0.95em} #main.wide .halfcol .box.two-columns {padding: 0 13px 5px;margin-bottom: 20px;} #main.wide .halfcol .box.two-columns.leaf ul.two-products h5 {height: 45px;} #main.wide .halfcol .box.two-columns.leaf ul.two-products p {height: 60px;} #main.wide .halfcol .box.two-columns.new ul.two-products h5 {height: 45px;} #main.wide .halfcol .box.two-columns.new ul.two-products p {height: 60px;} #main.wide .halfcol .box.souvisejici {padding: 0 13px 0;height: 350px;} #main.wide .halfcol .box.souvisejici.wpaging {height: 350px;} #main.wide .halfcol .box.souvisejici.two-columns {position: relative; top:-1px;} #main.wide .halfcol .box.wpaging .paging { top: -10px;} #main.wide .halfcol .box.souvisejici ul.temata {padding: 0; margin: 0;} #main.wide .halfcol .box.souvisejici ul.temata li {font-size: 1.1em;background: url('../images/arrow-yellow.gif') no-repeat 0 55%; padding: 2px 0 2px 13px;} #main.wide .halfcol .box.souvisejici ul.temata li a {font-weight: bold;} #main.wide .halfcol .box.keywords {padding: 0 13px 5px;} #main.wide .halfcol .box.keywords h3{margin: 0 0 10px;padding: 0; height: 45px; line-height: 45px;border-bottom: 1px solid #dbdddc;} #main.wide .halfcol .box.keywords p {text-align: left;line-height: 2.3em;padding-right: 35px;margin: 0 0 3px;} #main.wide .halfcol .box.keywords p a {padding: 0 3% 0 0;} #main.wide .halfcol .box.keywords a.size1 {font-size: 0.9em} #main.wide .halfcol .box.keywords a.size2 {font-size: 1.1em} #main.wide .halfcol .box.keywords a.size3 {font-size: 1.4em} #main.wide .halfcol .box.keywords a.size4 {font-size: 1.5em} #main.wide .halfcol .box.keywords a.size5 {font-size: 1.6em} #main.wide .halfcol .box.two-columns.leaf {background: url('../images/green-gradient.jpg') repeat-x bottom;padding: 0 13px 0} #main.wide .halfcol .box.two-columns.new {padding: 0 13px 0} #main.wide .halfcol .box.two-columns.plus {padding-bottom: 14px;} #main.wide .halfcol .box.two-columns.plus img {border: 0;} #main.wide .halfcol .box.souvisejici h3 {margin: 0 0 20px;padding: 0; height: 42px; line-height: 42px;border-bottom: 1px solid #dbdddc;} #main.wide .halfcol .box.two-columns.leaf h3 {margin: 0 0 20px;padding: 0; height: 42px; line-height: 42px;border-bottom: 1px solid #dbdddc;background: url('../images/product-leaf.gif') no-repeat 103% 2px;} #main.wide .halfcol .box.two-columns.new h3 {margin: 0 0 20px;padding: 0; height: 42px; line-height: 42px;border-bottom: 1px solid #dbdddc;background: url('../images/product-new.gif') no-repeat 100% -1px;} #main.wide .halfcol .box.two-columns.plus h3 {margin: 0 0 20px;padding: 0; height: 42px; line-height: 42px;border-bottom: 1px solid #dbdddc;background: url('../images/product-plus.gif') no-repeat 100% -1px;} #main.wide .halfcol .box.two-columns a.buy {display: block; float: left; width: 55px; height: 29px; line-height: 29px;top:-5px; position: relative;left:10px;} #main.wide .halfcol .box.two-columns.plus a.buy {left: 0;margin: 0; } #main.wide .halfcol .box.two-columns a.buy span {position: absolute; top: 0; left: 0;width: 55px; height: 29px; cursor: pointer;background: url('../images/koupit.jpg') no-repeat} #main.wide .halfcol .box.two-columns a.more {float: left; position: relative; left: 25px;} #main.wide .halfcol .box.two-columns div.flt-l {width:190px} #main.wide .halfcol .box.two-columns strong.price2 {margin-top: 17px;width: 116px;display: block; color: #fff; height: 30px; line-height: 30px; font-size: 1.15em;padding-left: 10px;background: url('../images/price-bg.gif') no-repeat;} #main.wide .halfcol .box.two-columns strong.price2 span {font-weight: normal;} #main.wide .halfcol .box.two-columns div.flt-r {width:210px;} #main.wide .halfcol .box.two-columns div.flt-r a.more {background-position: 0 60%;float: left;} .bar {width: 414px; height: 46px; position: relative; left: 4px;margin-bottom: 10px;background: url('../images/bar-empty.jpg') no-repeat} .bar .selected { width: 414px;height: 46px;position: absolute; top: 0; left: 0;background: url('../images/bar.jpg') no-repeat 0 46px;} a.ui-slider-handle {position: absolute;width: 19px;z-index: 100; top: 21px; text-indent:-1000px; text-align: left;height: 18px;display: block;} a.ui-slider-handle span {display: block;position: absolute; top: 0; left: -9px;width: 19px; height: 18px;cursor: pointer;background: url('../images/scrollbar.gif') no-repeat} a.scrollbar {position: absolute;width: 19px;z-index: 100; top: 21px; text-indent:-1000px; text-align: left;height: 18px;display: block;} a.scrollbar span {display: block;position: absolute; top: 0; left: -9px;width: 19px; height: 18px;cursor: pointer;background: url('../images/scrollbar.gif') no-repeat} #main.wide .halfcol .box .selectbox {padding: 0; border: 0;margin-bottom: 20px;} /* mapa stranek */ #main .subcontent ul.sitemap li {padding: 0;background: none;margin-bottom: 15px; } #main .subcontent ul.sitemap li a {background: url('../images/sitemap-li.gif') no-repeat 0 50%; width: 90%; display: block; padding: 3px 0 3px 25px;font-weight: bold;font-size: 1.3em;} #main .subcontent ul.sitemap li ul {padding-left: 25px;padding-top: 5px;} #main .subcontent ul.sitemap li ul.flt-l {width: 45%;} #main .subcontent ul.sitemap li ul.flt-r {width: 45%;} #main .subcontent ul.sitemap li ul li {margin-bottom: 0; } #main .subcontent ul.sitemap li ul li a {font-size: 1.1em; background: url('../images/arrow-yellow.gif') no-repeat 0 50%;padding: 3px 0 3px 15px;} #main .subcontent ul.sitemap li ul li ul {padding-top: 0;} #main .subcontent ul.sitemap li ul li ul li {margin-bottom: 0; position: relative;} #main .subcontent ul.sitemap li ul li ul li a { font-weight: normal; font-size: 1.1em; background: url('../images/sitemap-circle.gif') no-repeat 0 -13px; } #main .subcontent ul.sitemap li ul li ul li a:hover {background-position: 0 10px;color: #2c673a;} /* box s produktem */ #main .subcontent ul.sitemap .product {background: url('../images/bonus-btm.gif') no-repeat bottom;width: 229px;text-align: center;position: absolute; z-index: 1000;top: 3px; left: -3000px; } #main .subcontent ul.sitemap .product strong {color: #1d2b7d; text-transform: uppercase;display: block;margin-bottom: 5px;text-align: left;} #main .subcontent ul.sitemap .product img {margin: 10px 0;} #main .subcontent ul.sitemap .product .top {background: url('../images/bonus-top.gif') no-repeat;padding: 10px 15px 10px 25px;width: 189px;position: relative; top:-3px; z-index: 1200;} #main .subcontent .table-products .halfbox {width: 450px;} #main .subcontent .table-products .halfbox .table-box {margin-bottom: 14px} #main .subcontent .table-products .halfbox .table-box td.name {width: 50%} #main .subcontent .table-products .halfbox .table-box td.price {width: 15%} #main .subcontent .table-products .halfbox .table-box td.buy {width: 35%;} #main .subcontent .table-products .title {background: #eff7f1 url('../images/table-product-title.jpg') no-repeat bottom; border: 1px solid #dddfde; border-bottom: 0; padding: 8px 20px 13px} #main .subcontent .table-products .title h3 {font-size: 1.1em;margin-bottom: 0;} #main .subcontent .table-products .title p {float: left;margin: 0;font-size: 1.1em;} #main .subcontent .table-products .title a.more {float: right;background: url('../images/arrow-yellow.gif') no-repeat 0 55%; padding-left: 13px;} #main .subcontent .table-products .table-box {margin-bottom: 7px;border: 1px solid #dddfde; background: url('../images/table-product-bg.jpg') repeat-x bottom;border-top: 0; padding: 13px 20px 20px} #main .subcontent .table-products .table-box table {border-collapse: collapse;width: 100%;} #main .subcontent .table-products .table-box table td {padding: 3px 5px 1px; vertical-align: middle; line-height: 24px;font-weight: bold; font-size: 0.9em;} #main .subcontent .table-products .table-box table td.name {width: 75%} #main .subcontent .table-products .table-box table td.price {width:10%;color: #1d2b7d;} #main .subcontent .table-products .table-box table td.buy {width: 15%;padding: 0;} #main .subcontent .table-products .table-box table td.buy form {float: right;position: relative; top: 1px;right: 1px;} #main .subcontent .table-products .table-box table .dark td {background: #f1f1f1} #main .subcontent .table-products .table-box table .text {width: 22px;font-size: 0.9em;margin-right: 5px;border: 1px solid #c7cbd3;padding: 3px 1px;float: left;font-weight: normal;} #main .subcontent .table-products .table-box table label {display: block; font-weight: normal;float: left;} #main .subcontent .table-products .table-box table .submit {margin-left: 10px;float: left;} /* detail aktuality + archiv */ #main .newie.archive {border-bottom: 1px solid #dbdddc;padding-bottom: 20px;margin-bottom: 20px;} #main .newie .img {display: block; float: left; width: 100px;} #main .newie .img img {padding: 4px; border: 1px solid #dbdddc;} #main .newie .text {float: right;width: 505px;} #main .newie .text h4 {margin-bottom: 5px;} #main .newie .text .large {font-size: 1.1em} #main .newie.archive .text .large {margin-bottom: 10px;} #main .newie .text a.more {padding:0 0 0 13px;display: block; background: url('../images/arrow-yellow.gif') no-repeat 0 60%;} #main .subcontent .paging2 {border: 1px solid #dbdddc; position: relative; text-align: center; height: 40px; line-height: 40px;font-size: 1.1em } #main .subcontent .paging2 .toleft {position: absolute; left: 10px; top: 7px; padding-left: 13px; height: 25px; line-height: 25px; background: url('../images/paging-arrows.jpg') no-repeat 0 -53px;} #main .subcontent .paging2 .toright {position: absolute; right: 10px; top: 7px; padding-right: 13px; height: 25px; line-height: 25px; background: url('../images/paging-arrows.jpg') no-repeat 100% 7px;} #main .subcontent .paging2 .toleft.disabled {background-position: 0 -83px;color: #a7a7a7;text-decoration: underline} #main .subcontent .paging2 .toright.disabled {background-position: 100% -23px;color: #a7a7a7;text-decoration: underline} #main .subcontent .paging2 a.page {border: 1px solid #e5e5e5; margin: 0 2px; display: inline-block; text-decoration: none;width: 25px; text-align: center;color: #008f4c;line-height: 25px;} #main .subcontent .paging2 span {border: 1px solid #fff; display: inline-block; text-decoration: none;width: 10px; text-align: center;color: #555555;line-height: 25px;} #main .subcontent .paging2 a.page:hover, #main .subcontent .paging2 a.active {border-color: #289a44;background: #289a44;color: #fff} #main .subcontent .form-filtr {border: 1px solid #dbdddc;margin-bottom: 30px;} #main .subcontent .form-filtr fieldset {padding: 10px 20px 8px} #main .subcontent .form-filtr fieldset.top {padding: 15px 20px 20px;border-bottom: 1px solid #dbdddc;background: #fffbef} #main .subcontent .form-filtr.fullsearch fieldset {padding: 15px 20px 10px;background: #fffbef} #main .subcontent .form-filtr.fullsearch p {margin: 0; padding: 15px 0 5px;} #main .subcontent .form-filtr.fullsearch p strong {font-size: 1.1em} #main .subcontent .form-filtr .submit {position: relative; top: 17px;} #main .subcontent .selectbox {float: left;margin-right: 10px;} #main .subcontent .selectbox strong {float: left; line-height: 28px; padding-bottom: 3px; margin-right: 10px;font-weight: bold;display: block;font-size: 0.9em;} #main .subcontent .top .selectbox strong, #main .subcontent .fullsearch .selectbox strong {line-height: normal; clear: both; float: none; margin: 0;} #main .subcontent .selectbox .text {border: 1px solid #c7cbd3;color: #777;width: 220px;height: 17px;float: left;padding: 5px 5px 4px;font-size: 1.1em; } #main .subcontent .search-results li {background: none; padding: 0 0 20px;border-bottom: 1px solid #dbdddc;margin-bottom: 20px;} #main .subcontent .search-results li h3 {color: #555555;margin: 0;} #main .subcontent .search-results li p.info {padding: 5px 0;font-size: 1.0em;margin: 0 0 10px;} #main .subcontent .search-results li p.info span {color: #dbdddc; padding: 0 3px;} #main .subcontent .search-results li p {font-size: 1.1em;margin: 0;} #main .subcontent .form-messages {border: 1px solid #dbdddc;margin-bottom: 30px;height: auto;} #main .subcontent .form-messages.notopborder {border-top:0;} #main .subcontent .form-messages fieldset {padding: 0;} #main .subcontent .form-messages fieldset.form-selects {} #main .subcontent .form-messages fieldset .flt-l {padding: 7px 0 6px 20px;} #main .subcontent .form-messages fieldset .paging2 {float: right; border-top: 0;border-right: 0;border-bottom: 0;width: 49%;height: 44px; line-height: 44px;;margin: 0;} #main .subcontent .form-messages fieldset .paging2 .toleft {top: 10px;} #main .subcontent .form-messages fieldset .paging2 .toright {top: 10px;} #main .subcontent .form-messages fieldset.top {padding: 10px 20px 6px;border-bottom: 1px solid #dbdddc;background: #fffbef} #main .subcontent .form-messages fieldset .selectbox strong {float: left;line-height: 28px;margin-right: 10px;} #main .subcontent .form-messages fieldset.top .selectbox .text {float: left;width: 380px;} #main .subcontent .form-messages fieldset .selectbox.autor {margin: 0;} #main .subcontent h4 {font-size: 1.3em;} /* prispevky */ dl.messages {margin-bottom: 10px;} dl.messages dt {padding: 5px 35px;display: block;background: #f1f1f1 url('../images/content-li.gif') no-repeat 12px 10px} dl.messages dt .title {font-size: 1.1em; display: block;} dl.messages dt span {color: #bcbdbd; padding: 0 3px} dl.messages dd {padding: 10px 15px 10px 30px;border: 1px solid #f1f1f1; border-top: 0;font-size: 1.1em;} dl.messages dd span.answer {display: block; font-size: 0.85em} /* vypis temat */ #main .subcontent .qsearch {background: #fffdf8;border: 1px solid #dbdddc;width: 631px;float: left;height: 120px;margin-bottom: 15px;} #main .subcontent .qsearch fieldset {padding: 20px 20px;} #main .subcontent .qsearch .selectbox {padding-top: 5px;} #main .subcontent .qsearch .selectbox strong {float: left;line-height: 28px;margin-right: 10px;} #main .subcontent .qsearch .submit {position: relative; top: 4px;} #main .subcontent .qsearch .selectbox .text {border: 1px solid #c7cbd3;color: #777;float: left;width: 405px;height: 17px;float: left;padding: 5px 5px 4px;font-size: 1.1em; } #main .subcontent .add-link {background: #fffdf8;border: 1px solid #dbdddc;width: 280px;border-left: 0;float: right;height: 120px;margin-bottom: 0;} #main .subcontent .add-link div {padding: 20px 20px} #main .subcontent .qsearch h3, #main .subcontent .add-link h3, #main .subcontent .qsearch-full h3, #main .subcontent .add-link-full h3{border-bottom: 1px solid #dbdddc;padding-bottom: 8px;clear: both; float: none;} #main .subcontent .add-link a {display: block;text-align: right; font-weight: bold; text-decoration: none; color: #fff;padding-right: 10px;line-height: 34px;width: 175px;margin: 0 auto; height: 35px;background: url('../images/add-link-bg.jpg') no-repeat;font-size: 0.9em;} #main .subcontent .qsearch-full {background: #fffdf8;border: 1px solid #dbdddc;height: 120px;margin-bottom: 20px;position: relative;z-index: 1;} #main .subcontent .qsearch-full fieldset {padding: 20px 20px;} #main .subcontent .qsearch-full fieldset .text {width: 405px} #main .subcontent .add-link-full {background: #fffbef;border: 1px solid #dbdddc;border-bottom: 0;position: relative;z-index: 100;} #main .subcontent .add-link-full fieldset {padding: 20px 20px 10px;} #main .subcontent .qsearch-full a.minimize, #main .subcontent .add-link-full a.minimize {position: absolute; right: 20px; top: 23px;text-decoration: none;width: 13px; height: 13px;} #main .subcontent .qsearch-full a.minimize span, #main .subcontent .add-link-full a.minimize span {display: block; position: absolute; top: 0; left: 0;width: 13px; height: 13px; cursor: pointer; background: url('../images/minimize.jpg') no-repeat} #main .subcontent .inputbox {float: left;} #main .subcontent .inputbox label {display: block; font-weight: bold;padding-bottom: 3px;} #main .subcontent .inputbox .text {border: 1px solid #c7cbd3;color: #777;margin-right: 10px;padding: 5px 5px 4px;font-size: 1.1em;height: 17px;} #main .subcontent .inputbox .text.mini {width: 20px} #main .subcontent .inputbox .text.small {width: 120px} #main .subcontent .inputbox .text.medium {width: 202px;margin: 0;} #main .subcontent .inputbox .text.big {width: 310px} #main .subcontent .textareabox {margin-bottom: 10px;} #main .subcontent .textareabox label {display: block; font-weight: bold;padding-bottom: 3px;} #main .subcontent .textareabox textarea {width: 100%;border: 1px solid #c7cbd3;color: #777;padding: 5px 0 4px;font-size: 1.1em;} #main.wide .subcontent .add-link-full .selectbox {margin-bottom: 10px} #main.wide .subcontent .add-link-full .selectbox strong {display: block; float: none;padding-bottom: 3px;clear: both;} #main.wide .wraptab.fulltab {padding: 7px 0 20px;width: 912px;z-index: 1;} #main.wide .sort-temata {display: block; float: left; line-height: 40px; font-size: 1.4em; color: #1d2b7d;margin-right: 20px} #main.wide ul.tabs.temata {float: left; clear: none;position: relative;z-index: 10;} #main.wide p.abc {padding-left: 7px;height: 35px;margin-bottom: 20px;} #main.wide p.abc a {display: inline-block; width: 34px; margin: 0 1px 0 2px; float: left;height: 32px; line-height: 32px; text-align: center;border: 1px solid #dcded9;background: #fff;} #main.wide p.abc a:hover {background: #289a44;border-color: #289a44;color: #fff;text-decoration: none;} #main.wide p.abc a.active {background: #289a44;border-color: #289a44;position: relative;color: #fff;text-decoration: none;font-weight: bold;font-size: 1.1em} #main.wide p.abc a.active span {width:34px;height: 17px; background: url('../images/arrow.jpg') no-repeat center;position: absolute; top: 33px;left: 0;} #main.wide .wraptab.fulltab ul.temata {padding: 5px 20px 30px; margin: 0;} #main.wide .wraptab.fulltab ul.temata li {font-size: 1.1em;background: url('../images/arrow-yellow.gif') no-repeat 0 55%; padding: 2px 0 2px 13px;} #main.wide .wraptab.fulltab ul.temata li a {font-weight: bold;} #main.wide .wraptab.fulltab h4 {padding-left: 20px;margin-bottom: 0} #main.wide .wraptab.fulltab ul.last-messages {padding: 0 20px;} #main.wide ul.last-messages {padding: 0;margin-bottom: 20px;} #main.wide ul.last-messages li {background-position: 0 9px; border-bottom: 1px solid #E0E0E0; margin-bottom: 8px; margin-top: 8px; } #main.wide ul.last-messages li a {font-size: 1.4em; font-weight:bold;} #main.wide ul.last-messages li p {padding: 5px 0 0; margin: 0;} #main .kontakt a.out {padding-right: 12px; background: url('../images/out.gif') no-repeat 100% 2px} #main .kontakt .flash {height: 200px;} #main .kontakt h3 {border-bottom: 1px solid #dbdddc;padding: 0 0 8px;; margin: 0 0 10px; font-size: 1.2em} #main .kontakt .flt-l {width: 325px;font-size: 0.9em} #main .kontakt .flt-l p {margin: 20px 0 0; padding: 0;line-height: 1.7em} #main .kontakt .flt-l address.flt-l {width: 50%;font-size: 1.2em} #main .kontakt .flt-l p.flt-r {width: 44%;margin: 0;line-height: 1.7em} #main .kontakt div.flt-r {width: 250px;font-size: 0.9em} #main .kontakt .flt-r p {margin: 20px 0 0; padding: 0;line-height: 1.7em} #main .kontakt address {font-style: normal;} #main .kontakt address strong {display: block;} #main .kontakt strong.fb {display: block;height: 36px; line-height: 36px; padding-left: 40px;background: url('../images/facebook.jpg') no-repeat 0 50%;margin-top: 10px;} #main .kontakt strong.fb a {color: #4d71b1} #main .kontakt strong.fb a:hover {color: #000;} #main .contactform h3 {border-bottom: 1px solid #dbdbd1;padding-bottom: 10px;margin-bottom: 5px;} #main .contactform p {margin: 0; padding: 0;} #main .contactform form {margin-top: 20px;} #main .contactform form label {font-weight: bold; display: block;} #main .contactform form label span {color: #289a44} #main .contactform form .text {border: 1px solid #c7cbd3;padding: 5px 5px;font-family: "Courier New", Arial;width: 230px;margin-right: 15px;margin-bottom: 15px;} #main .contactform form label span.required {color: #ff0000} #main .contactform form .text.required {border: 2px solid #ff0000} #main .contactform form .textarea {height: 100px;width: 600px;margin-bottom: 10px;border: 1px solid #c7cbd3;padding: 5px 5px;font-family: "Courier New", Arial;font-size: 1.0em;} #main .contactform form .textarea.required {border: 2px solid #ff0000} #main .contactform p.alert {background: #f5f2ea url('../images/form-error.jpg') no-repeat 7px 50%;;padding: 13px 0 13px 48px;font-size: 0.9em;margin-bottom: 10px;} #main .contactform p.alert strong {font-style: italic} #main .contactform .submit {float: left;} #main .contactform p.flt-r {line-height: 30px;} #main .contactform p.flt-r strong {color: #289a44;padding-right: 5px;font-size: 1.4em;position: relative; top: 5px;line-height: 10px;} #main ul.managment {padding: 0;} #main ul.managment li {padding: 5px;border: 1px solid #dbdddc;width: 285px;background: none;margin-bottom: 40px; height: 129px;} #main ul.managment li img {float: left; margin-right: 15px;} #main ul.managment li h3 {margin: 0; padding: 10px 0 5px;font-size: 1.1em} #main .title-box ul.tabs {margin: 0; position: relative; top:1px;clear: both;padding: 0 0 0 1px;background: url('../images/tab-left.gif') no-repeat 0 0;height: 55px;} #main .title-box ul.tabs li {height:55px; position: relative; z-index: 1;background: url('../images/title-tab-right.jpg') no-repeat 100% 0;float: left;display: block; margin: 0; padding: 0 0 0 0px;} #main .title-box ul.tabs li span {height:55px;position: relative;float: left; display: block; padding: 0;} #main .title-box ul.tabs li span a {cursor: pointer;display: block;line-height: 1.4em;padding: 5px 14px 0;font-weight: normal;font-size: 1.1em;} #main .title-box ul.tabs li span a.hover {text-decoration: none} #main .title-box ul.tabs li.active { z-index: 1000;} #main .title-box ul.tabs li.active span {height:55px;position: relative;background: #fff url('../images/tab-active-right.gif') no-repeat right top;} #main .title-box ul.tabs li.active span a {color: #535c55;text-decoration: none;} #main .wraptab {display: none;position: relative; z-index: 100;width: 100%;} #main .wraptab.showtab1 {display: block;} #main .wraptab h3 {font-size: 1.2em;font-weight: bold;margin-top: 10px;margin-bottom: 0px} #main .wraptab .info-right {float: right; width: 440px} #main .wraptab .info-right h3 {margin-bottom: 5px;font-weight: bold;font-size: 1.4em;margin-top: 0;} #main .wraptab .info-right p {font-size: 1.1em;margin-bottom: 15px;text-align: left;} #main .wraptab h4 {color: #555;margin: 0; padding: 0;font-size: 1.1em;} #main .wraptab p {margin: 0; padding: 0;font-size: 1.1em;} #main .wraptab .col-left {float: left;width: 298px;} #main .wraptab .col-right {float: right;width: 298px;} #main .wraptab .col-left h3, #main .wraptab .col-right h3 {font-size: 1.1em; font-weight: bold;margin-bottom: 5px;} #main .wraptab .col-left ul, #main .wraptab .col-right ul {padding: 0; margin: 0 0 20px;} #main .wraptab .col-left ul li, #main .wraptab .col-right ul li {border: 1px solid #f1f1f1;background: #f1f1f1;padding: 10px 15px} #main .wraptab .col-left ul li.light, #main .wraptab .col-right ul li.light {border: 1px solid #f1f1f1;background: #fff;} #main .wraptab .col-left ul li h4, #main .wraptab .col-right ul li h4 {color: #555;margin: 0; padding: 0;font-size: 1.1em;text-transform: uppercase;} #main .wraptab .col-left ul li p, #main .wraptab .col-right ul li p {margin: 0; padding: 0;font-size: 1.1em} #main .wraptab table {border: 1px solid #f1f1f1; margin: 10px 0 20px; border-collapse: collapse;width: 100%;} #main .wraptab table thead th {padding: 5px 15px;background: #f1f1f1; text-align: left;color: #555;font-size: 1.1em} #main .wraptab table tbody td {padding: 10px 15px 15px;} #main .wraptab table tbody td.td1 {width: 28%;color: #1d2b7d} #main .wraptab table tbody td.td1 strong {display: block;font-size: 1.1em} #main .wraptab table tbody td.td2 {width: 32%;} #main .wraptab table tbody td.td3 {width: 36%;} #main .wraptab table tbody td.td2, #main .wraptab table tbody td.td3 {font-size: 1.1em} #main .wraptab table tbody td.td2 strong, #main .wraptab table tbody td.td3 strong {font-size: 0.9em} #main .subcontent .large {font-size: 1.1em} #main .wraptab.slozeni table {background: #fff;border: 0;} #main .wraptab.slozeni table td strong {font-size: 1.0em;border: 1px solid #289a44;display: block;padding: 3px 10px;border-bottom: 0;background: #289a44;color: #fff;padding: 5px 10px;} #main .wraptab.slozeni table td {border: 1px solid #ccc;padding: 3px 10px;} #main .wraptab.slozeni table .thead td {padding: 0} #main .wraptab.slozeni table td p { margin: 0;} #main .wraptab.slozeni table .even td {background: #f7f7f7} #main .tags {padding: 5px 10px 0 0} /************************************************************ CONTENT */ #content { width: 640px; float: left;} #main.subpage #content {padding: 10px 0 0 5px;width: 650px;} #main.wide #content {padding: 10px 0 0 5px;width: 950px;clear: both;} #tip { float: left; width: 600px; padding: 15px 0 0 25px; } #tip p {color: #269641} #tip p span { color: #1d2b7d; font-weight: bold; } #flash { float: left; width: 650px; height: 226px; position: relative; top: 11px; left: 5px; padding-bottom: 11px; } /************************************************************ aktuality textove + aktuality obrazkove */ #main-box { float: left; width: 645px; background: url(../images/content-bg.jpg) top left no-repeat; padding-left: 20px; padding-top: 15px; } #information { float: left; width: 374px; background: url(../images/information-line.gif) 0 40px no-repeat; } #information h3 { padding: 0.8em 0 0.6em 0; font-size: 1.4em; text-transform: uppercase; color: #1d2b7d; } #information .news { float: left; width: 374px; padding-top: 22px; clear: both; } #information .news .picture { float: left; width: 93px; } #information .news .picture img { border: 1px solid #dbdddc; padding: 5px; } #information .news .text { float: right; width: 266px; padding: 0 0 0 15px; } #information .news .text h4 { font-size: 1.1em; line-height: 1.3em; color: #269641; padding-bottom: 8px; } #information .news .text p { padding: 0.4em 0 0.2em 0; } #information .news .text span { color: #dbdddc; } #information .news .text a.more { background: url(../images/information-more.gif) 0 2px no-repeat; padding-left: 10px; } #informations-more { float: left; width: 384px; padding: 70px 0 25px 0; background: url(../images/information-line.gif) 0 50px no-repeat; } #informations-more a { background: url(../images/informations-more.gif) 0 1px no-repeat; padding: 2px 0 2px 20px; font-weight: bold; } #pictures { position: relative; float: right; width: 234px; padding: 10px 20px 20px 0; line-height: 1.3em; } #pictures .box { padding-bottom: 5px; } #pictures .box-in { float: left; width: 222px; padding: 5px 5px 0 5px; border: 1px solid #dbdddc; margin-bottom: 6px; } #pictures .box-in img { border: none; } #pictures .box-in#newsletter { background: #eceef6; padding: 5px; } #pictures h4 { padding: 0.8em 0 0.3em 0; font-size: 1.2em; color: #1d2b7d; } #pictures h5 { padding: 0; font-size: 1.1em; color: #269641; } #pictures a.more { background: url(../images/information-more.gif) 0 2px no-repeat; padding-left: 10px; } /******************** newsletter */ #pictures .newsletter { padding: 10px 10px 10px 10px; margin-bottom: 5px; background: #eceef6; } #pictures .newsletter #submit { background: url(../images/newsletter-input.gif) bottom left no-repeat; margin-top: -10px; } #pictures .newsletter .newsletter-submit { position: relative; top: 4px; left: 5px; width: 32px; height: 29px; } #pictures .newsletter input.text { border: 1px solid #fff; border-width: 0; margin-left: 5px; position: relative; top: -5px; } /******************** newsletter */ #pictures .competition { float: left; width: 234px; position: relative; left: -4px; padding-bottom: 20px; background: url(../images/competition.jpg) 0 22px no-repeat; } #pictures .competition-absolute { width: 15px; height: 129px; position: absolute; top: 37px; right: -14px; background: url(../images/competition-absolute.jpg) 1px 0px no-repeat; } #pictures .competition h4 { padding-left: 4px; } #pictures .competition-in { float: left; width: 211px; height: 112px; position: relative; top: 0px; left: 0px; padding: 20px 5px 0 20px; margin-bottom: 6px; } #pictures .competition p { font-size: 1.1em; line-height: 1.4em; } /*********************************************************** COLUMN */ #column { width: 267px; float: right; padding: 30px 20px 0 0; } #column.nopadding {padding: 10px 0 0;width: 300px;position: relative; left:-5px} #column h3.title {color: #fff;font-size: 1.4em;line-height: 18px;text-transform: uppercase;height: 67px;background: url('../images/column-title.jpg') no-repeat; margin: 0; padding: 0 20px;} #column h3.title small {displaY: block; padding-top: 15px;font-size: 0.7em } #column .newsletter { padding: 5px; background: #fff; border: 1px solid #dbdddc;margin: 5px 20px 20px; } #column .newsletter fieldset {background: #eceef6;border: 0;padding: 10px;font-size: 0.9em;} #column .newsletter h4 {margin: 0; font-size: 1.2em;padding: 0;} #column .newsletter p {margin: 0; padding: 0 0 10px;line-height: 1.7em;} #column .newsletter .newsletter-submit { float: left; width: 32px; height: 29px; } #column .newsletter input.text {border: 1px solid #c7cbd3; border-right: 0;padding: 6px 6px 5px; background: #fff; float: left; width: 180px; } #column ul.categories {padding: 10px 20px;background: #289a44 url('../images/column-ul-bg.jpg') repeat-y; list-style: none;margin-bottom: 20px;} #column ul.categories li {border-top: 1px solid #69b87c; width: 100%;} #column ul.categories li.first {border: 0;} #column ul.categories li a {text-decoration: underline;cursor: pointer;display: block; width: 90%; text-decoration: none;padding: 6px 0 6px 22px; font-size: 1.1em; line-height: 1.4em; color: #b8d9c0; background: url('../images/column-nav.gif') no-repeat -528px 10px;} #column ul.categories li a span {font-weight: bold; text-decoration: underline;color: #fff} #column ul.categories li a:hover span, #column ul.categories li a.active span {color: #fdc600} #column ul.categories li a.active:hover {background-position: -264px 10px;} #column ul.categories li a.arrow.active, #column ul.categories li a.arrow:hover {background-position: -264px 10px;color: #ffe37c} #column ul.categories li a.arrow {background-position: 0 10px} #column ul.categories li a:hover, #column ul.categories li a.hover {background-position: -792px 10px;} #column ul.categories li.open a {background-position: -1056px 10px;} #column ul.categories li.open a:hover, #column ul.categories li.open a.hover {background-position: -1320px 10px} #column ul.categories li.open-arrow a {background-position: -264px 10px;} #column ul.categories li ul {list-style: none;padding: 0 22px 10px;display: none} #column ul.categories li ul li {border: 0;margin-bottom: 8px;color: #fff} #column ul.categories li ul li a {text-decoration: underline;background: none; padding: 0;color: #fff;font-weight: normal;line-height: 1.2em;} #column ul.categories li ul li a:hover {text-decoration: none;} #column ul.categories li ul li a.subactive, #column ul.categories li ul li a.subactive:hover {color: #fdc600;} #column a.last-months {display: block;background: #289a44 url('../images/column-ul-bg.jpg') repeat-y;color: #fff;display: block; width: 300px; font-size: 1.1em; font-weight: bold;line-height: 1.4em;} #column a.last-months:hover {color: #fdc600} #column a.last-months span {display: block;padding: 10px 0 15px 42px;background: url('../images/last-months.jpg') no-repeat 20px 45%;} #column h3 {padding: 0 0 0 20px;color: #1d2b7d;font-size: 1.1em} #column #products h3 { padding: 0.8em 0 0.6em 0; font-size: 1.3em; text-transform: uppercase; color: #1d2b7d; margin-left: 15px; } #column img { clear: both; border: none; } #column .box { padding-bottom: 16px; } #column.nopadding .box {padding-left: 20px} #column .box p { padding: 2px 0 5px 0; } #column a.icon-more { background: url(../images/informations-more.gif) 0 1px no-repeat; padding: 2px 0 2px 20px; font-size: 1.0em; font-weight: bold; } #products { width: 267px; height: 390px; background: url(../images/column-bg.jpg) top left no-repeat; margin-bottom: 20px; } /************************************************************ FOOTER */ #footer { height: 100px; width: 960px; float: left; background: url(../images/footer.gif) bottom left no-repeat; color: #9da39e; margin-top: 4px; } #footer img { margin: 28px 0 0 20px; float: left; width: 107px; height: 49px; } #footer #middle { width: 500px; float: left; padding: 30px 0 0 20px; } #footer #middle a { color: #9da39e; margin-right: 2px; } #footer #middle a.rss { padding-left: 15px; background: url(../images/footer-icon-rss.gif) 0 1px no-repeat; } #footer #middle a.sitemap { padding-left: 18px; background: url(../images/footer-icon-sitemap.gif) 0 1px no-repeat; } #footer #middle a.conditions { padding-left: 15px; background: url(../images/footer-icon-conditions.gif) 0 1px no-repeat; } #footer #middle a.contact { padding-left: 15px; background: url(../images/footer-icon-contact.gif) 0 1px no-repeat; } #footer #middle a:hover { color: #000; } #footer #middle p { font-size: 1.1em; padding: 0; } #footer p.autor { display: block; width: 110px; float: right; padding-left: 30px; line-height: 84px; } br.cleaner { clear: both; } /************************** js framework **********/ /************************************************************ JAVASCRIPT BOX */ #tabbed_box_1 { margin: 0px auto; width: 267px; } .tabbed_area { padding: 0 15px; } ul.tabs { } ul.tabs li { list-style: none; display: inline; } ul.tabs li a { display: block; float: left; width: auto; background: transparent; color: #289a44; text-decoration: underline; font-weight: bold; height: 35px; line-height: 35px; margin-right: 2px; text-align: center; font-size: 1.1em; position: relative; top: 2px; padding: 1px; } ul.tabs li a#tab_1 { width: 100px; } ul.tabs li a#tab_2 { width: 100px; } ul.tabs li a:hover { text-decoration: none; color: #269641; } ul.tabs li a.active { background:#ffffff; color: #289a44; text-decoration: underline; border: 1px solid #c7cbd3; border-width: 1px 1px 0 1px; padding: 0; } ul.tabs li a.active:hover { background: #ffffff; color: #289a44; } .scroller-wrap {height: 230px; position: absolute;top: 0; left: 0;overflow: hidden;width: 200px;} #scroller, #scroller2 {position: absolute; top: 0; left: 0;overflow: hidden; width: 200px;} .content-wrap {position: relative;} .content { background:#ffffff; position: absolute; width: 223px; height: 230px; float: left; padding: 0 10px 10px 0; border: 1px solid #c7cbd3; border-width: 0 1px 1px 1px; } #content_2 {left:-9999px} #content_2.left0 {left: 0} .search { width: 233px; float: left; background: #fff; border: 1px solid #c7cbd3; border-width: 1px 1px 0 1px; padding: 10px 0 10px 0; } .search input { width: 208px; border: 1px solid #dbdddc; margin-left: 10px; padding: 4px 2px; background: #fff url(../images/products-input-bg.gif) top left repeat-x; } .content ul { padding: 0 10px; width: 190px; } .content ul li { list-style: none; float: none; clear: both; padding: 2px 0 2px 10px; color: #05304a; background: transparent url(../images/products-li.gif) 0 12px no-repeat; border-bottom: 1px solid #dbdddc; } /* scrollbar */ #Scrollbar-Container, #Scrollbar-Container2 { position: absolute; top: 0px; right: 5px; background: url('../images/scrollbar-bg.jpg') no-repeat; width: 19px; height: 230px; } .Scrollbar-Up, .Scrollbar-Up2 { cursor: pointer; position: absolute; top: 3px; left: 3px; } .Scrollbar-Track, .Scrollbar-Track2 { width: 13px; height: 194px; position: absolute; top: 18px; left: 3px; } .Scrollbar-Handle, .Scrollbar-Handle2 { position: absolute; width: 13px; height: 34px; } .Scrollbar-Down, .Scrollbar-Down2 { cursor: pointer; position: absolute; top: 211px; left: 3px; } .flt-l {float: left;} .flt-r {float: right;} .clear { clear:both; display: block; height:0;line-height:0;font-size:0; width: 100%;} .noscreen { display:none; } .italic { font-style: italic } /* clearfix */ .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden} .clearfix {display: inline-block;} /* hidden for ie mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} fieldset {border: 0;} /* styled select */ :focus {outline:none;} #main .js ul.newList {top: 0;left:-9999px;} #main ul.newList * {margin:0; padding:0;position: relative;z-index: 9999} #main ul.newList {margin:0; padding:0; list-style:none; color:#000; width:100%; background: #fff; position:absolute; border:1px solid #ccc; border-top: 0; top: 26px !important;left:-1px !important; overflow:auto; z-index:9999;} #main .newListSelected {border: 1px solid #ccc; color:#000;width: 100%; height:25px;line-height: 25px;margin: 0; padding:0 0 0 6px; float:left; background: #fff url('../images/select.gif') no-repeat 100% 50%;} #main .newListSelected span { display:none;} #main ul.newList li {padding:0 8px;height: 19px; line-height: 19px;background: none;position: relative; z-index: 9999} #main .selectedTxt {width:100%; overflow:hidden; height:23px; line-height: 23px; padding:0 0 0 0;} #main .hiLite {background:#3ab057!important; color:#fff!important;} #main .newListHover {background:#3ab057!important; color:#fff!important; cursor:default;} #main .newListSelHover, .newListSelFocus {background-color: #f7f7f7; cursor:default;} #main .newListOptionTitle {font-weight:bold;} #main .newListOptionTitle ul {margin:0 0 0;} #main .newListOptionTitle li {font-weight:normal; height: 19px; line-height: 19px;border-left:1px solid #ccc;background: none;} .butt-koupit {margin-left: 10px;width: 53px;height:22px;border: 0;background: url('../images/koupit.gif') no-repeat;cursor: pointer} #but-vyhledat{ background: url('../images/butt-vyhledat.jpg') no-repeat; cursor:hand; width:70px; height: 29px; border:none; padding:none; } #but-kontakt{ background: url('../images/odeslat-zpravu.jpg') no-repeat; cursor:hand; width:122px; height: 29px; border:none; padding:none; } #but-zobrazit{ background: url('../images/butt-zobrazit.jpg') no-repeat; cursor:hand; width: 76px; height: 29px; border:none; padding:none; }