/************************************************************ 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; } * {text-decoration: none;color: #000 !important; background: none !important;} .img {display: none} img {display: none;} .filtr{display: none !important} form {display: none;} .paging, .paging2 {display: none;} body { font-family: "Times New Roman", Times, serif; line-height: 1.6em; background: #fff; color: #535c55; font-size: 15px; } a:link { color: #000; } a:visited { color: #000; } a:focus {outline: 0} a:hover { color: #000; } p { padding: 0.7em 0; } .right { text-align: right; } h1 a {text-decoration: none;} h1 { margin-bottom: 0; font-size: 2.3em; } h1, h1 span { position: relative; width: 100%; } h1 span { display: none; position: absolute; top: 0; left: 0; background: url(../images/logo.jpg) top left no-repeat; } h1 a:hover span { cursor: pointer; } h2 { margin-bottom: 10px; font-size: 1.2em; } h2, h2 span { position: relative; width: 100%; } h2 span { display: none; position: absolute; top: 0; left: 0; background: url(../images/slogan.jpg) top left no-repeat; } a.img img {border: 0;} /************************************************************ PAGE */ #page { width: 100%; } #header { height: auto; background: #fff; } #header a { color: #000; } #header a:hover { text-decoration: none; } #header-nav { display: none; 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 { display: none; background: url(../images/icon-sitemap.gif) 0 2px no-repeat; padding-left: 15px; } #header-nav a.contact { display: none; padding-left: 15px; margin-left: 20px; background: url(../images/icon-contact.gif) 0 2px no-repeat; } #language { display: none; float: right; width: 172px; height: 30px; padding: 40px 0 0 50px; color: #535c55; } /* ------- vyber jazyka -------------------*/ #langSelector a { text-decoration: none; } #langSelector a:hover span { text-decoration: underline; } #langSelector { position: relative; 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 ; background: none; text-transform: uppercase; color: #535c55; position: relative; top: -24px; left: 90px; } #langSelector .active span { padding: 3px 5px; display: block; } #langSelector.closed div.langSlide { position: absolute; top: 21px; left: 100px; z-index: 100; display: none; } #langSelector.opened div.langSlide { position: absolute; top: 21px; left: 90px; 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: 2px 0; margin: 0; } #langSelector ul li a { padding: 0 5px; color: #535c55; font-size: 11px; 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 { display: none; margin: 0 auto; width: 950px; height: 54px; background: #2f3b83; } /************************************************************ navigace */ #nav { float: left; display: none; 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 { display: none; } /************************************************************ hlavni cast */ #main { } #main.subpage {} #main.subpage.wide {} #main.whitebtm { } #main-top {} #main.subpage #main-top {} #main.subpage.wide #main-top {} #main-bottom { } #main.subpage #main-bottom {} #main.subpage.wide #main-bottom {} #main.whitebtm #main-bottom {} /* Page bottom */ #main a.up {display: none} #main .bottom {display: none;border-top: 1px solid #ccc;padding-top: 10px;} #main .bottom h3 {font-size: 1.4em;color: #000;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 0; } /* Page title */ #main .title-box {clear: both; background: #fff;padding: 10px 0 10px;margin-bottom: 20px} #main .title-box.tabs {padding-bottom: 0;} #main .title-box p {border: 1px solid #f7f7f7; border-left: 0; border-right: 0;padding: 0;margin-bottom: 10px;} #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 a.active {color: #1d2b7d;background: none; padding: 0 3px;} #main .title-box p a.active:hover {color: #cb6906} #main .title-box h2 {width: 100%; border-bottom: 2px solid #ccc;height: auto;padding-bottom: 10px;display: inline-block;color: #1d2b7d; text-transform: uppercase;font-size: 1.6em;line-height: 1.2em;margin-top: 5px;} #main .title-box.tabs h2 {margin-bottom: 15px} #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 {display: none} #main .title-box a.print.tworows {top: 30px} #main .subcontent {padding: 0 0 20px;background: #fff;} #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: 95% !important;padding: 5px 5px 5px 5px; position: relative;margin-bottom: 15px;border: 0px solid #dfe0df;font-size: 1.0em;} #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 {display: none;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 {position: relative;z-index: 1100;float: left;background: #fff url('../images/select.gif') no-repeat 96% 50%;font-size: 1.1em;padding-left: 10px;border: 1px solid #c7cbd3;width: 130px; height: 26px; line-height: 26px;} #main.wide .filtr .selectbox .select ul {position: absolute; left: -3000px; top: 26px;height: auto;padding: 0 0; background: #fff;border: 1px solid #c7cbd3;width: 180px;} #main.wide .filtr .selectbox .select:hover ul, #main.wide .filtr .selectbox .select.hover ul {left: -1px;} #main.wide .filtr .selectbox .select ul li {clear: both;background: #fff;width: 100%;padding: 0;height: auto;line-height: 1.0em;} #main.wide .filtr .selectbox .select ul li a {clear: both; color: #777;text-decoration: none;display: block;padding: 3px 10px; height: auto;width: 160px; font-size: 0.9em; } #main.wide .filtr .selectbox .select ul li a:hover, #main.wide .filtr .selectbox .select ul li a.selected {background: #3ab057;color: #fff;} #main.wide .filtr ul { line-height: 43px;float: right;position: relative;right: 5px;padding: 0; margin: 0; top: 5px} /* Filtr + Tabs */ #main.wide .filtr ul {padding-left: 1px;background: url('../images/tab-left.gif') no-repeat 0 0;} #main.wide .filtr ul 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 li.table-list {background-position: 100% 0;padding: 0 1px 0 0} #main.wide .filtr ul li span {height: 43px;float: left; display: block; padding: 0;} #main.wide .filtr ul li span a {display: block;padding: 0 10px;font-weight: normal; padding-left: 33px;font-size: 1.15em;} #main.wide .filtr ul li.active {background: #fff url('../images/tab-active.gif') no-repeat left top;} #main.wide .filtr ul li.active span {background: url('../images/tab-active-right.gif') no-repeat right top;} #main.wide .filtr ul li.active span a {color: #535c55;text-decoration: none;} #main.wide .filtr ul li.image-list span a {background: url('../images/list-image.gif') no-repeat 10px 50%;} #main.wide .filtr ul 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; border-left: 0; border-right: 0;} #main.wide ul.products li {padding: 0;width: 32%;border-bottom: 1px solid #dddfde;border: 0 !important;margin-bottom: 15px; float: left;height: 195px;} #main.wide ul.products li.leftside {border-right: 1px solid #dddfde;width: 32%;} #main.wide ul.products li .title h2 {width: 100%;margin: 0; font-size: 1.1em;height: 55px;} #main.wide ul.products li .title.extra-bonus h2 {width: 100%;} #main.wide ul.products li .title h2 a {display: block; padding: 5px 0 0 20px;} #main.wide ul.products li .title.extra-bonus h2 a {padding-right: 0;} #main.wide ul.products li .title {height: 63px;width: 227px;background: #eff7f1 url('../images/products-image-top.gif') no-repeat bottom;} #main.wide ul.products li .title .bonus {display: none; 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:0;} #main.wide ul.products li a.image img {border: 0;} #main.wide ul.products li p {margin: 0 20px;height: 65px; text-align: left; padding: 0;border-bottom: 1px solid #dfe1e0} #main.wide ul.products li p.price {border: 0;height: auto;padding: 10px 0 5px;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:none;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 {float: right;position: relative; right: 10px; bottom: 10px;} /* Detail product */ #main.wide .sideleft {} #main.wide .sideright {display: none } #main.wide a.detail-photo {width: 190px; text-align: center; float: left;} #main.wide a.detail-photo img {border: 0;} #main.wide .detail-info {} #main.wide .detail-info .info {font-size: 1.1em;display: block; margin-bottom: 15px;} #main.wide .detail-info ul {padding: 0; margin: 0;width: 40%;float: left;} #main.wide .detail-info ul.fullsize {width: 100%;} #main.wide .detail-info li {padding: 5px 0 15px 35px; font-size: 1.2em; margin: 0; border-top: 1px solid #dfe1e0;background: none;} #main.wide .detail-info .box {width: 55%; 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 {display: none} #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;display: block;margin-bottom: 10px;position: relative; z-index: 1;padding: 20px 0 10px;} #main.wide .wraptab h3 {margin-bottom: 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 .sideright {display: none;} #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;} /* Detail product */ #main.wide .halfcol {width: 100%;} #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 {display: none} #main.wide .halfcol .wraptab {width: 100% !important;padding: 20px 0 0px;margin: 0 0 30px;} #main.wide .halfcol .wrabtab.box {clear: both;width: 100% !important;padding: 20px 0 0px;margin-bottom: 30px;} #main.wide .halfcol .scrollarea {width: 100% !important;} #main.wide .halfcol .scrollarea div {width: 100% !important;} #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 20px 0;width: 25%;float: left;} #main.wide .halfcol .wraptab ul.col {} #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.0em;padding: 0 0;display: block;width: 100%;font-weight: normal;} #main.wide .halfcol .wraptab ul li ul {margin-left: 0;width: 100%} #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;} #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: 141px;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;height: auto;} #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; 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.souvisejici {padding: 0 13px 0;margin-bottom: 20px; height: 300px;} #main.wide .halfcol .box.souvisejici.two-columns {position: relative; top:-1px;} #main.wide .halfcol .box.souvisejici .paging { top: -4px;} #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.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 .select {margin-bottom: 20px;} #main.wide .halfcol .box .select div {float: left;position: relative;top: 1px;z-index: 1000;float: left;background: #fff url('../images/select.gif') no-repeat 99% 50%;font-size: 1.1em;padding-left: 10px;border: 1px solid #c7cbd3;width: 360px; height: 26px; line-height: 26px;} #main.wide .halfcol .box .select .submit {float: right;} #main.wide .halfcol .box .select ul {position: absolute; left: -3000px; top: 26px;height: auto;padding: 0 0; background: #fff;border: 1px solid #c7cbd3;width: 370px;} #main.wide .halfcol .box .select div:hover ul, #main.wide .halfcol .box .select div.hover ul {left: -1px;} #main.wide .halfcol .box .select ul li {clear: both;background: #fff;width: 100%;padding: 0;height: auto;line-height: 1.0em;} #main.wide .halfcol .box .select ul li a {cursor: pointer;clear: both; color: #777;text-decoration: none;display: block;padding: 3px 10px; height: auto;width: 350px; font-size: 0.9em; } #main.wide .halfcol .box .select ul li a:hover, #main.wide .halfcol .box .select ul li a.hover, #main.wide .halfcol .box .select ul li a.selected {background: #3ab057;color: #fff;} /* 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: 85%; 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: 30%;} #main .subcontent ul.sitemap li ul.flt-r {width: 50%;} #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: none; float: left; width: 100px;} #main .newie .img img {padding: 4px; border: 1px solid #dbdddc;} #main .newie .text {} #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 {display: none} #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 .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 .selectbox .select {clear: both; float: none;background-position: 96% 50%;} #main .subcontent .fullsearch .selectbox .select {clear: both; float: none;background-position: 98% 50%;} #main .subcontent .selectbox.year .select {width: 100px;} #main .subcontent .selectbox.where .select {width: 180px;} #main .subcontent .selectbox.count .select {width: 100px;background-position: 96% 50%;} #main .subcontent .selectbox.month .select {width: 110px;} #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 .selectbox .select ul {position: absolute; left: -3000px; top: 26px;height: auto;padding: 0 0; background: #fff;border: 1px solid #c7cbd3;width: 200px;} #main .subcontent .selectbox.year .select ul {width: 110px;} #main .subcontent .selectbox.where .select ul {width: 190px;} #main .subcontent .selectbox.count .select ul {width: 110px;} #main .subcontent .selectbox.month .select ul {width: 120px;} #main .subcontent .selectbox .select:hover ul, #main .subcontent .selectbox .select.hover ul {left: -1px;} #main .subcontent .selectbox .select ul li {clear: both;background: #fff;width: 100%;padding: 0;height: auto;line-height: 1.0em;} #main .subcontent .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 .selectbox.year .select ul li a {width: 90px;} #main .subcontent .selectbox.where .select ul li a {width: 170px;} #main .subcontent .selectbox.count .select ul li a {width: 90px;} #main .subcontent .selectbox.month .select ul li a {width: 100px;} #main .subcontent .selectbox .select ul li a:hover, #main .subcontent .selectbox .select ul li a.selected {background: #3ab057;color: #fff;} #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;} #main .subcontent .form-messages fieldset {padding: 0;} #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.datum .select {width: 120px;margin-right: 10px;background-position: 96% 50%;top:1px} #main .subcontent .form-messages fieldset .selectbox.datum .select ul {width: 130px} #main .subcontent .form-messages fieldset .selectbox.datum .select ul li a {width: 110px;} #main .subcontent .form-messages fieldset .selectbox.autor {margin: 0;} #main .subcontent .form-messages fieldset .selectbox.autor .select {width: 120px;background-position: 96% 50%;top:1px} #main .subcontent .form-messages fieldset .selectbox.autor .select ul {width: 130px} #main .subcontent .form-messages fieldset .selectbox.autor .select ul li a {width: 110px;} #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: 20px;} #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: 20px;} #main .subcontent .add-link div {padding: 20px 20px} #main .subcontent .qsearch h3, #main .subcontent .add-link h3 {border-bottom: 1px solid #dbdddc;padding-bottom: 8px} #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.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;z-index: 100;} #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-left: 20px;} #main.wide .wraptab.fulltab ul.last-messages li {background-position: 0 9px} #main.wide .wraptab.fulltab ul.last-messages li a {font-size: 1.1em;} #main.wide .wraptab.fulltab ul.last-messages li p {padding: 5px 0 0; margin: 0;} #main .kontakt a.out {display: none;} #main .kontakt .flash {display: none} #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: 50%;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: 50%;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;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 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 {width: 30%;float: left;background: none; height: 120px;} #main ul.managment li img {display: none} #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.onerow {line-height: 50px;padding-top: 0;} #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: block;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: left; width: 100%} #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: 48%;} #main .wraptab .col-right {float: left;width: 48%;} #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 {padding: 10px 0} #main .wraptab .col-left ul li.light, #main .wraptab .col-right ul li.light {} #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 {margin: 10px 0 20px; border-collapse: collapse;width: 100%;} #main .wraptab table thead th {padding: 5px 0; text-align: left;color: #555;font-size: 1.1em} #main .wraptab table tbody td {padding: 10px 0 15px;} #main .wraptab table tbody td.td1 {width: 28%;color: #000} #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} /************************************************************ CONTENT */ #content { width: 100% } #main.subpage #content {} #main.wide #content {} #tip { padding: 15px 0 10px 0px; } #tip p span { color: #000; font-weight: bold; } #flash { display: none } /************************************************************ aktuality textove + aktuality obrazkove */ #main-box { } #information { } #information h3 { padding: 0.8em 0 0.6em 0; font-size: 1.4em; text-transform: uppercase; color: #1d2b7d; } #information .news { padding-top: 22px; clear: both; } #information .news .picture { display: none } #information .news .picture img { border: 1px solid #dbdddc; padding: 5px; } #information .news .text { width: 100%; padding: 0 0 0 0; } #information .news .text h4 { font-size: 1.1em; line-height: 1.3em; color: #000; padding-bottom: 8px; } #information .news .text p { padding: 0.4em 0 0.2em 0; } #information .news .text span { color: #000; } #information .news .text a.more { display: none; } #informations-more { display: none; padding: 70px 0 25px 0; } #informations-more a { padding: 2px 0 2px 0; font-weight: bold; } #pictures { display: none } #pictures .box { padding-bottom: 5px; } #pictures .box-in { padding: 5px 0 0 0; border: 1px solid #dbdddc; margin-bottom: 6px; } #pictures .box-in img { border: none; display: none; } #pictures .box-in#newsletter { display: none; 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 { } /******************** newsletter */ #pictures .newsletter { display: none; padding: 10px 10px 10px 10px; margin-bottom: 5px; background: #eceef6; } #pictures .newsletter #submit { 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 { padding-bottom: 20px; } #pictures .competition-absolute { display: none } #pictures .competition h4 { padding-left: 4px; } #pictures .competition-in { padding: 20px 0 0 0; margin-bottom: 6px; } #pictures .competition p { font-size: 1.1em; line-height: 1.4em; } /*********************************************************** COLUMN */ #column { display: none; padding: 30px 0 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; 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; 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;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;} #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 { padding: 2px 0 2px 20px; font-size: 1.0em; font-weight: bold; } #products { width: 267px; height: 277px; margin-bottom: 20px; } /************************************************************ FOOTER */ #footer { color: #000; margin-top: 4px; } #footer img { display: none; } #footer #middle { } #footer #middle a { color: #000; margin-right: 2px; } #footer #middle a.rss { display: none } #footer #middle a.sitemap { } #footer #middle a.conditions { } #footer #middle a.contact { } #footer #middle a:hover { color: #000; } #footer #middle p { font-size: 1.1em; padding: 0; } #footer p.autor { display: block; } br.cleaner { clear: both; } /************************** js framework **********/ /************************************************************ JAVASCRIPT BOX */ #tabbed_box_1 { display: none; } .tabbed_area { padding: 0 0; } ul.tabs { display: none } 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 { } ul.tabs li a#tab_2 { } 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; } .content { background:#ffffff; overflow: visible; } .search { display: none; 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_2 { } .content ul { padding: 0; } .content ul li { list-style: none; padding: 2px 0 2px;; color: #05304a; border-bottom: 1px solid #dbdddc; } .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:block; } h3.noscreen {padding-bottom: 5px; border-bottom: 1px solid #ccc;} .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;} .noprint {display: none}