@charset "utf-8"; /* CSS Document - Sapho */ /****************************** global ******************************/ html, body, div, span, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, caption, table, tr, th, td, thead, tbody, tfoot, p, blockquote, cite, q, abbr, acronym, address, a, em, strong, img, ins, del, dfn, kbd, pre, xmp, code, form, fieldset, legend, label, object { padding: 0; margin: 0; } body { font: 12px Arial, Helvetica, sans-serif; color: #444; background: #ffffff; } body.tisk { font: 12px Arial, Helvetica, sans-serif; color: #444; background: #FFFFFF url(/images/blank.gif); } body.okno { font: 12px Arial, Helvetica, sans-serif; color: #444; background: #FFFFFF url(/images/blank.gif); padding: 20px; } body.okno-virtual { margin: 0px; padding: 0px; background: #FFFFFF url(/images/virtual-pozadi.jpg); } body.panorama { margin: 0px; padding: 0px; height: 100%; font: 12px Arial, Helvetica, sans-serif; color: #444; background: #FFFFFF url(/images/blank.gif); } a { color: #598a94; text-decoration: underline; } a:hover { color: #002458; text-decoration: underline; } a img { border: none; } hr { display: none; } .left { float: left; } .right { float: right; } .clear { clear: both; line-height: 0; height: 0; } .hidden { position: absolute; left: -66666px; } .center { text-align: center; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .bold { font-weight: bold; } .orange { color: #598a94; } .red { color: #da251d; } /* overlapping */ .overlap { position: relative; overflow: hidden; } .overlap span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 0 0; background-repeat: no-repeat; } .overlap a span, a.overlap span { cursor: pointer; } /****************************** layout ******************************/ #page-wrapper { width: 962px; margin: auto; padding: 200px 14px 0; background-color: #fff; position: relative; } #left-column { float: left; width: 187px; } #left-column-cele { float: left; width: 0px; } #content { float: right; width: 752px; padding: 0 0 10px; } #content-cele { float: right; width: 962px; padding: 10px 0 10px; } /* 3 columns */ #left-wrapper { float: left; width: 687px; } #left-wrapper #content { width: 477px; } #right-column { float: right; width: 250px; } /****************************** header ******************************/ #header { position: absolute; top: 0; left: 14px; width: 962px; height: 113px; background: #002458 url(/img/header-bg.png) 0 0 repeat-x; color: #fff; } #header a { color: #fff; text-decoration: none; } #header a:hover { text-decoration: underline; } #logo { float: left; width: 245px; height: 50px; padding: 28px 0 0 30px; font-size: 30px; font-weight: bold; } #header .subtitle { float: left; padding-left: 20px; padding-top: 40px; } #menu-top { list-style: none; float: right; padding: 12px 3px 0 0; font-size: 11px; } #menu-top li { float: left; border-right: 1px solid #fff; line-height: 1; } #menu-top a { padding: 0 8px; position: relative; } #menu-top li.last { border: none; } /****************************** menu ******************************/ #menu { position: absolute; top: 113px; left: 14px; width: 959px; height: 44px; padding: 0 0 0 3px; background: #e1e5eb url(/img/menu-bg.png) 0 0 repeat-x; list-style: none; } #menu li { float: left; padding-right: 2px; background: url(/img/menu-li-separator.png) right center no-repeat; } #menu li a { display: block; float: left; padding: 0 15px; line-height: 44px; color: #464c53; text-decoration: none; text-transform: uppercase; font-size: 12px; font-weight: bold} #menu li a:hover { text-decoration: underline; } #menu .last { background: none; } /****************************** search ******************************/ #search { position: absolute; top: 157px; left: 14px; width: 962px; height: 43px; background: #5ac1cf url(/img/search-bg.png) 0 0 no-repeat; color: #fff; } #search h3 { float: left; font-size: 14px; text-transform: none; color: #fff; padding: 12px 0 0 20px; } #search fieldset { float: right; padding: 12px 20px 0 0; } #search input, #search select { vertical-align: middle; } #search .input { margin-right: 5px; } #search .submit { background-color: #7F7F7F; color: #FFFFFF; } /****************************** left column ******************************/ #left-column {} #left-column h3 { font-size: 21px; margin: 10px 0; } #left-menu ul { list-style: none; margin-top: -2px; } #left-menu ul ul { margin: 0; } #left-menu li { padding-top: 2px; } #left-menu li a { display: block; color: #002458; text-decoration: none; width: 175px; padding: 1px 5px 1px 7px; line-height: 23px; background: url(/img/menu_vlevo_pozadi.gif) 0 0 no-repeat; } #left-menu li.radek a { display: block; color: #002458; text-decoration: none; width: 175px; padding: 1px 5px 1px 7px; line-height: 23px; background: url(/img/menu_vlevo_radek_pozadi.gif) 0 0 no-repeat; } #left-menu li a.novinka { display: block; color: #002458; text-decoration: none; width: 175px; padding: 1px 5px 1px 7px; line-height: 23px; background: url(/img/menu_vlevo_novinka_pozadi.gif) 0 0 no-repeat; } #left-menu li a:hover, #left-menu li.active a { background: url(/img/menu_vlevo_pozadi_x.gif) 0 0 no-repeat; color: #ffffff; } #left-menu li.radek a:hover, #left-menu li.radek-active a { background: url(/img/menu_vlevo_radek_pozadi_x.gif) 0 0 no-repeat; color: #ffffff; } #left-menu li.active a, #left-menu li.radek-active a { font-weight: normal; } #left-menu li li a, #left-menu li.active li a { background: url(/img/menu_vlevo_pozadi_x.gif) 0 0 no-repeat; color: #161a2f; } #left-menu li li a:hover { background-position: 0 0; } #left-column .catalog { text-align: right; margin: 20px 0; } #navrhy-left-menu ul { list-style: none; margin-top: -2px; } #navrhy-left-menu ul ul { margin: 0; } #navrhy-left-menu li { padding-top: 2px; clear: both; } #navrhy-left-menu li a { display: block; color: #002458; text-decoration: none; width: 187px; height: 42px; padding: 0px; background: url(/img/navrhy_menu_vlevo_pozadi.gif) 0 0 no-repeat; } #navrhy-left-menu li a:hover, #navrhy-left-menu li.active a { background: url(/img/navrhy_menu_vlevo_pozadi_x.gif) 0 0 no-repeat; color: #ffffff; } #navrhy-left-menu li.active a {} #navrhy-left-menu li li a, #navrhy-left-menu li.active li a { background: #d3e6f4 url(/img/menu_vlevo_pozadi_x.gif) 0 0 no-repeat; background-color: #d3e6f4; color: #161a2f; } #navrhy-left-menu li li a:hover { background-position: 0 0; } #navrhy-left-menu li span.nahled { float: left; padding-top: 1px; padding-left: 1px; padding-right: 6px; } #navrhy-left-menu li span.text { display: block; padding-top: 5px; } #navrhy-left-menu li span.text-maly { display: block; padding-top: 2px; font-size: 10px; } /****************************** content ******************************/ h1 { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 19px; color: #FFFFFF; font-weight: normal; font-style: italic; padding-top: 40px; padding-left: 30px; float: left; } h1.katalog { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #074085; font-size: 21px; font-weight: bold; font-style: normal; padding: 0px; float: none } h1.novinky { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #074085; font-size: 21px; font-weight: bold; font-style: normal; margin: 0px; padding: 0px; padding-top: 15px; padding-bottom: 5px; float: none } h2 { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #074085; font-size: 21px; } h2.katalog { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 19px; color: #FFFFFF; font-weight: normal; font-style: italic; float: left; padding-top: 40px; padding-left: 30px; } h3 { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #074085; font-size: 17px; font-weight: normal; } h3.podpora { color: #598a94; } h3.podpora span.mezera { color: #074085; padding-left: 8px; padding-right: 8px; } h3.podpora a { color: #074085; text-decoration: none; } h3.podpora a:hover { color: #598a94; text-decoration: underline; } h3 a { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #074085; font-size: 17px; font-weight: normal; text-decoration: none; } h3.kontakty a { font-family: Arial, Helvetica, sans-serif; color: #074085; font-size: 14px; font-weight: bold; text-decoration: underline; } h3.kontakty a:hover { text-decoration: none; } h3.uvod { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #074085; font-size: 17px; font-weight: normal; padding-bottom: 0px} h4 { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #074085; font-size: 17px; font-weight: normal; } h4.stred { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #074085; font-size: 17px; font-weight: normal; text-align: center; } h4.vyprodej { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #074085; font-size: 16px; font-weight: bold; padding-bottom: 0px} h4.soutez { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #444444; font-size: 15px; font-weight: bold; padding-bottom: 0px} #content h1 { margin-top: 10px; margin-bottom: 10px; } #content h2 { margin-top: 10px; margin-bottom: 10px; } #content h3 { margin-bottom: 10px;} p { line-height: 1.2; margin: 5px 0 10px; } #content ul { margin: 10px 0 10px 25px; } #breadcrumbs { font-size: 11px; margin: 0px; margin-bottom: 25px; } #breadcrumbs-novinky { font-size: 11px; margin: 0px; margin-bottom: 0px; } #categories { background-color: #dededd; padding: 10px 10px 5px; } #categories ul { list-style: none; font-size: 11px; margin: 0; } #categories ul li { float: left; width: 148px; padding: 0 5px 5px 13px; background: url(/img/categories-square-bg.png) 0 4px no-repeat; } #categories a { text-decoration: none; color: #605d5c; } #categories a:hover { text-decoration: underline; } #categories .clear { height: auto; } /* box */ #box { margin: 25px 0 10px; } #box .box { float: left; width: 190px; height: 111px; margin: 0 15px 25px 10px; padding: 2px; background: #eaf3f9 url(/img/box-bg.png) 0 0 no-repeat; position: relative; } #box .box.last { margin-right: 0 !important; } #box .box h3 { font-size: 14px; text-transform: none; float: right; width: 85px; padding: 5px 5px 0 0; margin: 0; text-align: right; line-height: 1.2; } #box .box h3 .label { position: absolute; margin: 0; } .label.new { top: 3px; left: 7px; } .label.akce { bottom: 5px; left: 5px; } #box .box img { float: left; margin: 5px 0 0 5px; } #box .box a { text-decoration: none; display: block; } #box .box .more { position: absolute; bottom: 8px; right: 7px; margin: 0; } #box .box .more a { display: block; width: 45px; height: 18px; padding-left: 12px; line-height: 18px; background: #db6c1d url(/img/button-orange-bg.png) 0 0 no-repeat; color: #fff; font-size: 11px; } #listing { text-align: center; margin: 10px 0; } #listing a, #listing span { padding: 0 3px; } #listing img { vertical-align: middle; margin: 0 12px; } /****************************** homepage ******************************/ #hp #page-wrapper { padding-top: 157px; } #hp #visual img { display: block; } #hp #search { top: 357px; } #left-wrapper { margin-top: 53px} #right-column { margin-top: 53px} #right-column { font-size: 11px; } #right-column p { line-height: 1.3; } #right-column h2 { font-size: 45px; margin: 10px 0; } #right-column h3 { font-size: 16px; margin: 0 0 8px; } #right-column input { vertical-align: middle; } #right-column .input { color: #777; font-size: 11px; } #x_right-column .submit { width: 55px; height: 20px; background: #adacab url(/img/button-gray-bg.png) 0 0 no-repeat; color: #fff; font-size: 11px; border: none; } #right-column .submit { background-color: #7F7F7F; color: #FFFFFF; } #hp .catalog { margin: 46px 0 20px; } #location, #newsletter { height: 90px; } #location, #newsletter, #viteze, #helpline { margin-bottom: 15px; padding: 0 0 0 65px; background-position: 0 0; background-repeat: no-repeat; } #helpline-vyprodej { margin-top: 10px; margin-bottom: 15px; padding: 20px 0 0 5px; background-position: 0 0; background-repeat: no-repeat; font-size: 11px; } #location { background-image: url(/img/hp-prodejny.png); border-bottom: 1px solid #c2c1c1; padding-bottom: 10px; } #newsletter { background-image: url(/img/hp-newsletter.png); } #helpline { background-image: url(/img/hp-helpline.png); border-bottom: 1px solid #c2c1c1; padding-bottom: 10px; } #helpline em { font-style: normal; display: inline-block; width: 85px; } #helpline-vyprodej em { font-style: normal; display: inline-block; width: 85px; } #viteze { background-image: url(/img/hp-viteze.png); } #viteze em { font-style: normal; display: inline-block; width: 85px; } #hp h2 { font-size: 21px; margin: 10px 0 10px; } ul#news { margin: 10px 0; list-style: none; font-size: 11px; } #news li { border-bottom: 1px solid #c2c1c1; padding: 10px 0; text-align: right; overflow: auto; } #news li.posledni { border-bottom: 1px solid #ffffff; padding: 10px 0; text-align: right; overflow: auto; } #news .date { display: block; float: left; width: 75px; color: #999; font-style: normal; text-align: left; } #news .foto { display: block; float: left; width: 95px; color: #999; font-style: normal; text-align: left; } #news .text { display: block; float: left; width: 352px; text-decoration: none; text-align: left; } #news img { vertical-align: middle; } .news-nadpis { padding-bottom: 10px; } #hp #box { margin: 15px 0 0; } #hp #box .box { background-image: url(/img/box-white-bg.png); margin: 0 20px 15px 0; } #hp #box .box h3 { width: 102px; padding-right: 3px; font-size: 12px; text-align: left; } #hp #box .box .price { position: absolute; bottom: 32px; left: 87px; font-size: 11px; margin: 0; } #hp #box .box .price .new-price { font-size: 14px; color: #da251d; } /****************************** forms ******************************/ form fieldset { border: none; } input.input, textarea, select { border: 1px solid #c2bab2; background-color: #F6F6F6;} input, select, textarea { font: 12px Arial, Helvetica, sans-serif; } /****************************** footer ******************************/ #footer { height: 50px; background: url(/img/footer-top-bg.png) 0 0 repeat-x; padding: 20px 0 5px; color: #7e7c7e; font-size: 11px; } #footer .logo { float: left; margin: 5px 0 0; padding-left: 20px; } #footer .copy { float: left; padding: 0 0 0 15px; width: 750px; line-height: 1.2; } /* FOTOGALERIE NÁHLEDY */ .fotky { text-align: center; } .fotky IMG { border: 1px solid #D5D5D5; margin: 3px; padding: 8px; } .fotky-galerie IMG { border: 1px solid #D5D5D5; margin: 5px; padding: 8px; } .fotky-media IMG { border: 1px solid #D5D5D5; margin: 3px; padding: 6px; } .fotka { border: 1px solid #D5D5D5; margin: 3px; padding: 8px; } .fotka-akce { border: 1px solid #D5D5D5; margin: 3px; } .fotka-sortiment { border: 1px solid #D5D5D5; margin: 3px; padding: 10px; } .fotka-vpravo { text-align: right; } .foto-vlevo { float: left; padding: 20px; } .foto-vpravo { float: right; padding: 20px; } .foto-stred { text-align: center; padding: 20px; } /* ÚVOD */ .uvod-upoutavka { padding: 0px; border-collapse: collapse; margin: 0px auto; } .uvod-akce { margin: 0px; padding: 0px; background-image: url("/images/tbl_akce_pozadi.gif"); background-repeat: no-repeat; } .uvod-akce2 { margin: 0px; padding: 0px; background-image: url("/images/tbl_akce2_pozadi.gif"); background-repeat: no-repeat; } .tbl-pismo-akce { padding: 2px; padding-left: 10px; padding-right: 10px; } .tbl-pismo-akce-prvni { padding: 2px; padding-left: 10px; padding-right: 10px; padding-top: 10px; } .tbl-pismo-akce-vpravo { padding: 2px; text-align: right; padding-right: 10px; } .tbl-pismo-akce-dole { padding: 6px; padding-top: 0px; text-align: center; } .tbl-pismo-akce-cara { border-bottom: 1px dotted #787878; text-align: right; padding-right: 10px; } .tbl-foto-akce { padding-left: 10px; } .tbl-foto-akce-prvni { padding-left: 10px; padding-top: 10px; } #uvod-text { padding: 4px; padding-top: 10px; padding-bottom: 20px; text-align: justify; } #uvod-motiv-foto1 { width: 962px; height: 200px; background-image: url("/img/visual1.jpg"); background-repeat: no-repeat; background-color: #b5e9f7; } #uvod-motiv-foto2 { width: 962px; height: 200px; background-image: url("/img/visual2.jpg"); background-repeat: no-repeat; background-color: #b5e9f7; } #uvod-motiv-foto3 { width: 962px; height: 200px; background-image: url("/img/visual3.jpg"); background-repeat: no-repeat; background-color: #b5e9f7; } #uvod-motiv-foto4 { width: 962px; height: 200px; background-image: url("/img/visual4.jpg"); background-repeat: no-repeat; background-color: #b5e9f7; } #uvod-motiv-foto5 { width: 962px; height: 200px; background-image: url("/img/visual5.jpg"); background-repeat: no-repeat; background-color: #b5e9f7; } #uvod-motiv-foto6 { width: 962px; height: 200px; background-image: url("/img/visual6.jpg"); background-repeat: no-repeat; background-color: #b5e9f7; } #uvod-motiv-foto7 { width: 962px; height: 200px; background-image: url("/img/visual7.jpg"); background-repeat: no-repeat; background-color: #b5e9f7; } #uvod-motiv-foto8 { width: 962px; height: 200px; background-image: url("/img/visual8.jpg"); background-repeat: no-repeat; background-color: #b5e9f7; } #uvod-motiv-foto9 { width: 962px; height: 200px; background-image: url("/img/visual9.jpg"); background-repeat: no-repeat; background-color: #b5e9f7; } #uvod-motiv-foto10 { width: 962px; height: 200px; background-image: url("/img/visual10.jpg"); background-repeat: no-repeat; background-color: #b5e9f7; } #uvod-motiv-foto1sk { width: 962px; height: 200px; background-image: url("/sk/img/visual1.jpg"); background-repeat: no-repeat; background-color: #b5e9f7; } #uvod-motiv-foto2sk { width: 962px; height: 200px; background-image: url("/sk/img/visual2.jpg"); background-repeat: no-repeat; background-color: #b5e9f7; } #uvod-motiv-foto3sk { width: 962px; height: 200px; background-image: url("/sk/img/visual3.jpg"); background-repeat: no-repeat; background-color: #b5e9f7; } #uvod-motiv-foto4sk { width: 962px; height: 200px; background-image: url("/sk/img/visual4.jpg"); background-repeat: no-repeat; background-color: #b5e9f7; } #uvod-motiv-foto5sk { width: 962px; height: 200px; background-image: url("/sk/img/visual5.jpg"); background-repeat: no-repeat; background-color: #b5e9f7; } #uvod-motiv-foto6sk { width: 962px; height: 200px; background-image: url("/sk/img/visual6.jpg"); background-repeat: no-repeat; background-color: #b5e9f7; } #uvod-motiv-foto7sk { width: 962px; height: 200px; background-image: url("/sk/img/visual7.jpg"); background-repeat: no-repeat; background-color: #b5e9f7; } #uvod-motiv-foto8sk { width: 962px; height: 200px; background-image: url("/sk/img/visual8.jpg"); background-repeat: no-repeat; background-color: #b5e9f7; } #uvod-motiv-foto9sk { width: 962px; height: 200px; background-image: url("/sk/img/visual9.jpg"); background-repeat: no-repeat; background-color: #b5e9f7; } #uvod-motiv-foto10sk { width: 962px; height: 200px; background-image: url("/sk/img/visual10.jpg"); background-repeat: no-repeat; background-color: #b5e9f7; } #uvod-motiv-foto1en { width: 962px; height: 200px; background-image: url("/en/img/visual1.jpg"); background-repeat: no-repeat; background-color: #b5e9f7; } #uvod-motiv-foto2en { width: 962px; height: 200px; background-image: url("/en/img/visual2.jpg"); background-repeat: no-repeat; background-color: #b5e9f7; } #uvod-motiv-foto3en { width: 962px; height: 200px; background-image: url("/en/img/visual3.jpg"); background-repeat: no-repeat; background-color: #b5e9f7; } #uvod-motiv-foto4en { width: 962px; height: 200px; background-image: url("/en/img/visual4.jpg"); background-repeat: no-repeat; background-color: #b5e9f7; } #uvod-motiv-foto5en { width: 962px; height: 200px; background-image: url("/en/img/visual5.jpg"); background-repeat: no-repeat; background-color: #b5e9f7; } #uvod-motiv-foto6en { width: 962px; height: 200px; background-image: url("/en/img/visual6.jpg"); background-repeat: no-repeat; background-color: #b5e9f7; } #uvod-motiv-foto7en { width: 962px; height: 200px; background-image: url("/en/img/visual7.jpg"); background-repeat: no-repeat; background-color: #b5e9f7; } #uvod-motiv-foto8en { width: 962px; height: 200px; background-image: url("/en/img/visual8.jpg"); background-repeat: no-repeat; background-color: #b5e9f7; } #uvod-motiv-foto9en { width: 962px; height: 200px; background-image: url("/en/img/visual9.jpg"); background-repeat: no-repeat; background-color: #b5e9f7; } #uvod-motiv-foto10en { width: 962px; height: 200px; background-image: url("/en/img/visual10.jpg"); background-repeat: no-repeat; background-color: #b5e9f7; } #uvod-motiv-foto1hu { width: 962px; height: 200px; background-image: url("/hu/img/visual1.jpg"); background-repeat: no-repeat; background-color: #b5e9f7; } #uvod-motiv-foto2hu { width: 962px; height: 200px; background-image: url("/hu/img/visual2.jpg"); background-repeat: no-repeat; background-color: #b5e9f7; } #uvod-motiv-foto3hu { width: 962px; height: 200px; background-image: url("/hu/img/visual3.jpg"); background-repeat: no-repeat; background-color: #b5e9f7; } #uvod-motiv-foto4hu { width: 962px; height: 200px; background-image: url("/hu/img/visual4.jpg"); background-repeat: no-repeat; background-color: #b5e9f7; } #uvod-motiv-foto5hu { width: 962px; height: 200px; background-image: url("/hu/img/visual5.jpg"); background-repeat: no-repeat; background-color: #b5e9f7; } #uvod-motiv-foto6hu { width: 962px; height: 200px; background-image: url("/hu/img/visual6.jpg"); background-repeat: no-repeat; background-color: #b5e9f7; } #uvod-motiv-foto7hu { width: 962px; height: 200px; background-image: url("/hu/img/visual7.jpg"); background-repeat: no-repeat; background-color: #b5e9f7; } #uvod-motiv-foto8hu { width: 962px; height: 200px; background-image: url("/hu/img/visual8.jpg"); background-repeat: no-repeat; background-color: #b5e9f7; } #uvod-motiv-foto9hu { width: 962px; height: 200px; background-image: url("/hu/img/visual9.jpg"); background-repeat: no-repeat; background-color: #b5e9f7; } #uvod-motiv-foto10hu { width: 962px; height: 200px; background-image: url("/hu/img/visual10.jpg"); background-repeat: no-repeat; background-color: #b5e9f7; } #uvod-motiv-foto1pl { width: 962px; height: 200px; background-image: url("/pl/img/visual1.jpg"); background-repeat: no-repeat; background-color: #b5e9f7; } #uvod-motiv-foto2pl { width: 962px; height: 200px; background-image: url("/pl/img/visual2.jpg"); background-repeat: no-repeat; background-color: #b5e9f7; } #uvod-motiv-foto3pl { width: 962px; height: 200px; background-image: url("/pl/img/visual3.jpg"); background-repeat: no-repeat; background-color: #b5e9f7; } #uvod-motiv-foto4pl { width: 962px; height: 200px; background-image: url("/pl/img/visual4.jpg"); background-repeat: no-repeat; background-color: #b5e9f7; } #uvod-motiv-foto5pl { width: 962px; height: 200px; background-image: url("/pl/img/visual5.jpg"); background-repeat: no-repeat; background-color: #b5e9f7; } #uvod-motiv-foto6pl { width: 962px; height: 200px; background-image: url("/pl/img/visual6.jpg"); background-repeat: no-repeat; background-color: #b5e9f7; } #uvod-motiv-foto7pl { width: 962px; height: 200px; background-image: url("/pl/img/visual7.jpg"); background-repeat: no-repeat; background-color: #b5e9f7; } #uvod-motiv-foto8pl { width: 962px; height: 200px; background-image: url("/pl/img/visual8.jpg"); background-repeat: no-repeat; background-color: #b5e9f7; } #uvod-motiv-foto9pl { width: 962px; height: 200px; background-image: url("/pl/img/visual9.jpg"); background-repeat: no-repeat; background-color: #b5e9f7; } #uvod-motiv-foto10pl { width: 962px; height: 200px; background-image: url("/pl/img/visual10.jpg"); background-repeat: no-repeat; background-color: #b5e9f7; } #uvod-motiv-foto-obsah { padding-left: 700px; padding-top: 100px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 30px; font-weight: bold; color: #ffffff; letter-spacing: 1px; } #uvod-motiv-foto-obsah-sk { padding-left: 650px; padding-top: 100px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 30px; font-weight: bold; color: #8A8A8A; letter-spacing: 1px; } .strike { text-decoration: line-through; } .vyhl-select { background-color: #F6F6F6; margin-bottom: 4px; } #zpetne { font-size: 10px; padding-bottom: 20px; } #zpetne A { color: #7E7C7E; } /* O NÁS A OP LZZ PROJEKT */ .foto-vpravo { text-align: right; padding: 10px; } .foto-oplzz { text-align: center; } .foto-oplzz IMG { padding: 20px; } /* SORTIMENT */ .kartuse-box { background-image: url("/images/ikona_xls.gif"); background-repeat: no-repeat; background-color: #eeefef; padding: 8px; padding-left: 30px; margin: 0px auto; width: 210px; } .sortiment-vykres-box { background-image: url("/images/ikona_pdf.gif"); background-repeat: no-repeat; background-color: #eeefef; padding: 8px; padding-left: 30px; margin: 0px auto; width: 170px; } .sortiment-vizualizace-box { background-repeat: no-repeat; background-color: #E4E4E4; padding: 8px; margin: 0px auto; width: 200px; } .tbl-pismo2-stred-sl1 { padding: 6px; text-align: center; font-size: 11px; width: 33%; border: 1px solid #E1E1E1; background-image: url("/images/tbl_sortiment_pozadi.jpg"); background-position: bottom; } .tbl-pismo2-stred-sl2 { padding: 6px; text-align: center; font-size: 11px; width: 33%; border: 1px solid #E1E1E1; background-image: url("/images/tbl_sortiment_pozadi.jpg"); background-position: bottom; } .tbl-pismo2-stred-sl3 { padding: 6px; text-align: center; font-size: 11px; width: 33%; border: 1px solid #E1E1E1; background-image: url("/images/tbl_sortiment_pozadi.jpg"); background-position: bottom; } .tbl-pismo2-stred-ostatni { padding: 6px; text-align: center; font-size: 11px; width: 33%; height: 40px; border: 1px solid #E1E1E1; background-image: url("/images/tbl_sortiment_pozadi.jpg"); background-position: bottom; } .sortiment-tbl { padding: 0px; margin: 0px; width: 738px; border-collapse: collapse; } .sortiment-kategorie-tbl { padding: 0px; margin: 0px auto; border-collapse: collapse; } .sortiment-detail-tbl { padding: 0px; margin: 0px; } .sortiment-detail-bunka { background-color: #E4E4E4; padding: 8px; border: 1px dotted #000000; } .tbl-pismo-sortiment { padding: 8px; padding-left: 15px; text-align: left; } .sortiment-detail-tbl2-vlevo { padding-right: 50px; } .sortiment-tbl-panel { padding: 0px; margin: 0px; background-color: #808080; margin: 0px auto; } .katalog-box-pdf { background-image: url("/images/ikona_pdf.gif"); background-repeat: no-repeat; background-color: #eeefef; padding: 8px; padding-left: 30px; margin: 0px auto; width: 200px; } .katalog-box2-pdf { background-image: url("/images/ikona_pdf.gif"); background-repeat: no-repeat; background-color: #eeefef; padding: 8px; padding-left: 30px; margin: 0px auto; width: 250px; } .katalog-box2-shop { background-image: url("/images/ikona_shop.gif"); background-repeat: no-repeat; background-color: #eeefef; padding: 8px; padding-left: 30px; margin: 0px auto; width: 250px; } .katalog-hu-pdf { background-image: url("/images/ikona_pdf.gif"); background-repeat: no-repeat; background-color: #eeefef; padding: 8px; padding-left: 30px; margin: 0px auto; width: 270px; } .katalog-hu-xls { background-image: url("/images/ikona_xls.gif"); background-repeat: no-repeat; background-color: #eeefef; padding: 8px; padding-left: 30px; margin: 0px auto; width: 270px; } .sestavy-pulka { width: 50%; } .sestavy-tbl { padding: 0px; margin: 0px; width: 100%; border-collapse: collapse; } .sestavy-tbl td { padding: 5px; padding-left: 6px; padding-right: 6px; margin: 0px; } .sestavy-tbl td.foto { padding: 0px; padding-top: 3px; padding-left: 3px; padding-right: 3px; margin: 0px; } .sestavy-foto { padding: 0px; margin: 0px; border: 0px; } .sestavy-tbl-sv { background-color: #e9e9e9; width: 50%; } .sestavy-tbl-tm { background-color: #dddddd; width: 50%; } .sestavy-cena { font-weight: bold; text-align: right; } .obklady-tbl { padding: 0px; margin: 0px; border-collapse: collapse; } .obklady-tbl td { padding: 8px; margin: 0px; } .obklady-kod { padding-left: 20px; } .obklady-rozmer { padding-left: 2px; } .obklady-cena { padding-left: 13px; } .obklady-box { background-image: url("/images/ikona_pdf.gif"); background-repeat: no-repeat; background-color: #eeefef; padding: 8px; padding-left: 30px; margin: 0px auto; width: 200px; } /* NOVINKY */ .tbl-pismo-novinky { padding: 10px; padding-top: 5px; text-align: left; } .tbl-pismo-novinky-sl1 { padding: 10px; padding-top: 5px; text-align: left; width: 40%; } .tbl-pismo-novinky-sl1-video { background-image: url("/images/ikona_video_novinky.gif"); background-repeat: no-repeat; padding: 10px; padding-top: 5px; text-align: left; width: 40%; } .tbl-pismo-novinky-sl2 { padding: 10px; padding-top: 5px; text-align: left; width: 40%; } .tbl-pismo-novinky-sl2-video { background-image: url("/images/ikona_video_novinky.gif"); background-repeat: no-repeat; padding: 10px; padding-top: 5px; text-align: left; width: 40%; } .novinky-nadpis { margin-bottom: 10px; font-weight: bold; } .tbl-foto-novinky-uvod { padding-bottom: 5px; } .tbl-foto-novinky { padding-bottom: 10px; } /* AKCE */ .akce-box { background-image: url("/images/ikona_napoveda.gif"); background-repeat: no-repeat; background-color: #eeefef; padding: 8px; padding-left: 30px; margin: 0px auto; width: 700px; } /* PRODEJNY */ .prodejny-mapa { border: 0px; } .prodejny-adresa { width: 350px; } .prodejci-mesto { padding-bottom: 4px; font-size: 11px; color: #848484; letter-spacing: 1px; } .prodejci-box { background-color: #eeefef } .prodejci-box td { background-color: #eeefef; padding: 6px; } .prodejci-box select { background-color: #FFFFFF; } /* FOTOGALERIE */ H2.fotogalerie { text-align: center; } /* KONTAKTY */ .kontakty-tbl { padding: 0px; margin: 0px; width: 738px; border-collapse: collapse; } .kontakty-tbl td { padding: 5px; margin: 0px; border: 1px solid #FFFFFF; } .kontakty-tbl-sirka { padding: 0px; margin: 0px; border-collapse: collapse; } .kontakty-tbl-sirka td { padding: 5px; margin: 0px; border: 1px solid #FFFFFF; } .kontakty-tbl-nad { background-color: #4f4f4f; } .kontakty-tbl-sv { background-color: #eeefef; } .kontakty-tbl-tm { background-color: #e3e4e4; } .kontakty-tbl-bila { background-color: #FFFFFF; } .kontakty-tbl-zluta { background-color: #F7EACC; } .kontakty-tbl-vinova { background-color: #E3D4DF; } .kontakty-tbl-modra { background-color: #DAF0EF; } .kontakty-tbl-cervena { background-color: #FCC9C2; } .kontakty-tbl-zelena { background-color: #D5FCC2; } .kontakty-box { background-image: url("/images/ikona_napoveda.gif"); background-repeat: no-repeat; background-color: #eeefef; padding: 8px; padding-left: 30px; margin-bottom: 5px; width: 180px; } .kontakty-box-dalsi { background-image: url("/images/ikona_napoveda.gif"); background-repeat: no-repeat; padding: 8px; padding-left: 30px; margin-bottom: 5px; } .kontakty-box1 { background-image: url("/images/ikona_napoveda.gif"); background-repeat: no-repeat; background-color: #eeefef; padding: 8px; padding-left: 30px; margin: 0px auto; width: 450px; } .kontakty-box2 { background-image: url("/images/ikona_napoveda.gif"); background-repeat: no-repeat; background-color: #eeefef; padding: 8px; padding-left: 30px; margin: 0px auto; width: 240px; } .kontakty-box3 { background-image: url("/images/ikona_napoveda.gif"); background-repeat: no-repeat; background-color: #eeefef; padding: 8px; padding-left: 30px; margin: 0px auto; width: 340px; } .kontakty-box4 { background-image: url("/images/ikona_napoveda.gif"); background-repeat: no-repeat; background-color: #eeefef; padding: 8px; padding-left: 30px; margin: 0px; width: 700px; } .kontakty-box-hu { margin: 0px auto; width: 200px; background-color: #eeefef; padding: 10px; } .kontakty-adresa-bunka { width: 300px; } .tbl-pismo-sirka { padding: 6px; text-align: left; width: 350px; } .tbl-pismo-servis { padding: 6px; text-align: left; width: 100px; } .pismo-male { font-size: 11px; } /* SERVIS */ .servis-tbl-sirka { padding: 0px; margin: 0px; border-collapse: collapse; } .servis-tbl-sirka td { padding-right: 50px; margin: 0px; border: 1px solid #FFFFFF; } /* PRO PRODEJCE */ .podpora-tbl { margin: 0px auto; } /* ZPRÁVY */ .zpravy-box { margin: 0px auto; width: 570px; background-color: #eeefef; padding: 10px; } /* KARIÉRA */ .kariera-box { text-align: center; border: 1px solid #4dc4cf; width: 740px; } .kariera-logo { padding: 10px; } .kariera-pozice { padding: 6px; background-color: #4dc4cf; color: #FFFFFF; font-size: 120%; font-weight: bold; margin-top: 15px; margin-bottom: 15px; } .kariera-tbl { padding: 6px; width: 738px; margin-top: 15px; } .kariera-tbl-vlevo { padding: 6px; text-align: left; width: 370px; } .kariera-tbl-vpravo { padding: 6px; text-align: left; width: 370px; } /* MÉDIA */ .tbl-pismo2-stred-media { padding: 6px; text-align: center; font-size: 11px; width: 25%; border: 1px solid #E1E1E1; background-image: url("/images/tbl_sortiment_pozadi.jpg"); background-position: bottom; } /* NÁVRHY KOUPELEN */ .navrhy-vlevo { float: left; } .navrhy-vpravo { float: right; padding-right: 30px; } .navrhy-clear { clear: both; } .navrhy-nadpis { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #074085; font-size: 17px; font-weight: normal; } .navrhy-cena1 { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #5c5c5c; font-size: 17px; font-weight: normal; } .navrhy-cena2 { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #ffffff; font-size: 18px; background-color: #002458; padding-left: 4px; padding-right: 4px; margin-left: 30px; margin-right: 30px; cursor: help; } .navrhy-cena3 { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #074085; font-size: 20px; font-weight: bold; } .navrhy-panorama { float: right; padding-left: 20px; } /* SOUTĚŽ */ .tbl-soutez { padding: 0px; margin: 0px; width: 100%; border-collapse: collapse; } .tbl-soutez-stred { padding: 6px; text-align: center; width: 20%; } .soutez-tbl-sv { background-color: #eeefef; } .soutez-tbl-tm { background-color: #e3e4e4; } .soutez-tbl-sv td { padding: 2px; text-align: center; } .soutez-tbl-sv td img { padding: 0px; margin: 0px; } .soutez-tbl-tm td { padding: 2px; text-align: center; } .soutez-tbl-nadpis { height: 50px; } .soutez-tbl-foto { height: 1px; } .soutez-tbl-input { width: 30px; height: 30px; } .soutez-tbl-submit { background-color: #c85727; color: #FFFFFF; font-size: 16px; font-weight: bold; padding-left: 20px; padding-right: 20px; } /* OSTATNÍ */ ul.seznam li { margin: 4px; list-style-type: square; } ul.seznam-sortiment { padding-top: 20px; padding-left: 10px; } ul.seznam-sortiment li { margin: 4px; list-style-type: square; } ul.seznam-nejprodavanejsi { padding-left: 10px; padding-bottom: 20px; font-size: 11px; } ul.seznam-nejprodavanejsi li { margin: 4px; list-style-type: square; } ol.seznam li { margin: 5px; margin-bottom: 14px; font-size: 120%; color: #074085; font-weight: bold; } ol.seznam li span { font-size: 80%; color: #444444; font-weight: normal; } .pismo { font-family: Verdana,Arial; font-size: 70%; color: #000000; } .pismo2 { font-size: 90%; } .pismo-bile { font-family: Verdana,Arial; font-size: 70%; color: #FFFFFF; } .tabulka-oranzova { background-color: #eeefef; padding: 10px; } .cervena { color: #B42020; font-weight: bold; } .cervena2 { font-size: 120%; color: #B42020; font-weight: bold; } .tbl-pismo { padding: 6px; text-align: left; } .tbl-pismo-bile { padding: 6px; text-align: left; color: #FFFFFF; } .tbl-pismo2 { font-size: 11px; } .tbl-pismo-aktivni { padding: 6px; background-color: #eeefef; text-align: center; } .tbl-pismo-stred { padding: 6px; text-align: center; } .tbl-pismo-vpravo { padding: 6px; text-align: right; } .tbl-pismo2-stred { padding: 6px; text-align: center; font-size: 11px; } .tbl-stred { text-align: center; } .text-mezera { width: 100%; border-top: 1px dotted #787878; padding-bottom: 10px; } .input { background-color: #F6F6F6; } .submit { background-color: #7F7F7F; color: #FFFFFF; } H2.stred { text-align: center; } H3.stred { text-align: center; } .nove { width: 35px; background-color: #B42020; padding: 1px; font-family: Verdana, Arial; font-size: 9px; font-weight: bold; color: #FFFFFF; margin: 0px auto; margin-bottom: 4px; } .nove-pl { width: 50px; background-color: #B42020; padding: 1px; font-family: Verdana, Arial; font-size: 9px; font-weight: bold; color: #FFFFFF; margin: 0px auto; margin-bottom: 4px; } .nove-detail { float: right; width: 45px; background-color: #B42020; padding: 1px; margin-bottom: 4px; font-family: Verdana, Arial; font-size: 11px; font-weight: bold; color: #FFFFFF; text-align: center; } .pomuzeme { background-image: url("/images/ikona_napoveda.gif"); background-repeat: no-repeat; } A.odkaz-pomuzeme { background-image: url("/images/ikona_pomuzeme.gif"); background-repeat: no-repeat; text-decoration: none; color: #ffffff; font-weight: bold; padding-left: 26px; } A.odkaz-pomuzeme:hover { text-decoration: none; color: #002458; } A.paticka-odkaz { color: #7E7C7E; } img.prodejci-skupiny { margin-right: 10px; } .box-navrhy { width: 200px; } .box-navrhy-zahlavi { width: 200px; height: 11px; background-image: url("/images/navrhy_zahlavi.gif"); background-repeat: no-repeat; } .box-navrhy-zapati { width: 200px; height: 11px; background-image: url("/images/navrhy_zapati.gif"); background-repeat: no-repeat; } .box-navrhy-stred { width: 200px; background-image: url("/images/navrhy_stred.gif"); } .box-navrhy-obsah { font-family: Arial; font-size: 11px; color: #444444; padding-left: 10px; padding-right: 10px; } .box-sleva { width: 250px; background-color: #002458; } .box-sleva-obsah { font-family: Arial; font-size: 12px; color: #ffffff; padding: 14px; } .uvod-upoutavka-hu { background-color: #4f81bd; padding: 10px; font-size: 14px; color: #FFFFFF; font-weight: bold; text-align: center; } .uvod-upoutavka-hu2 { background-color: #4f81bd; padding: 10px; font-size: 24px; color: #FFFFFF; font-weight: bold; text-align: center; } /* FOTOGALERIE */ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }