/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * BOXES.CSS: - předpis pro designové styly jako např. layout, rolovací menu, hlavičkové věci, atd. * - stylesheet for design, layout, hovermenus, header things, etc. * * version: 1.0.0 / wa 2.95 * media: screen * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ html, body { margin: 0; padding: 0; text-align: center; background: white; min-height: 100%; } span.red, span.star, span.required { color: red; padding: 0 0.2em; } .noborder { border: none; background: none; } .none, .hidden { position: absolute; top: -999em; left: -999em; } .displayNone { display: none; } p.skipLinks { margin: 0; text-align: center; } /*p.skipLinks a { position: absolute; top: -999em; left: -999em; z-index: 1000; text-decoration: none; font-weight: bold; } p.skipLinks a:focus, p.skipLinks a:active { position: fixed; top: 0; left: 0; width: 100%; padding: 5px 0; color: #ffc000; background: #175A9E; }*/ /* viz ie.css */ /* * * * * * hlavní­ divy - wrappers * * * * * */ .backgroundContainer { width: 100%; } #main { width: 100%; padding-top: 115px; text-align: left; position: relative;} /* pokud bude zapnut top obrázek a zároveň ho budou mít v hlavičce */ /*body.top-obrazek #main { padding-top: 340px; } body.top-obrazek #top .wrapper { height: 340px; }*/ /* * * * * * sloupce - columns * * * * * */ #columnsWrapper { width: 960px; margin: 0 auto; position: relative; z-index: 1; } #columnsWrapper:after { display: block; clear: both; content: " "; } #center { display: inline; float: left; width: 690px; padding: 21px 0 48px; } #center_cont { width: 100%; } #col2 { display: none; /*display: inline; float: left; width: 180px; margin: 0;*/ } #col1 { display: inline; float: right; width: 230px; padding: 68px 0 20px; } #center .anotace_detail, #novinky_detail .anotace { margin-bottom: 20px; font-size: 1.2142em; width: 100%; } #center .anotace_detail:after { display: block; clear: both; content: " "; } #center .anotace_detail p { line-height: 1.7em; } #center .popis { /*width: 100%;*/ /*clear: both;*/ } #center .popis:after { clear: both; content: ' '; display: block; } /* * * * * * ceník * * * * * */ body.ref_12.id_143 #stranky p.textBox, body.ref_12.id_378 #stranky p.textBox { color: #999; margin-bottom: 10px; font-size: 1.1428em; } body.ref_12.id_143 #stranky p + p, body.ref_12.id_378 #stranky p + p { color: #333333; } body.ref_12.id_143 #stranky div.textBoxRightNov, body.ref_12.id_378 #stranky div.textBoxRightNov { display: block; float: none; border: none; background: none; width: 100%; padding: 0; margin: 0; color: #666666; font-size: 1.7142em; margin-bottom: 25px; } body.ref_12.id_143 #stranky div.textBoxRightNov strong, body.ref_12.id_378 #stranky div.textBoxRightNov strong { color: #bf0c21; } body.ref_12.id_143 #stranky table.width_70, body.ref_12.id_378 #stranky table.width_70 { width: 681px; } body.ref_12.id_143 #stranky table th, body.ref_12.id_378 #stranky table th { background: #c8d26f; border: 1px solid black; padding: 5px 10px; } body.ref_12.id_143 #stranky table.tabelGold td,, body.ref_12.id_378 #stranky table.tabelGold td, body.ref_12.id_143 #stranky table td, body.ref_12.id_378 #stranky table td { background: white; border: 1px solid black; padding: 2px 10px; } body.ref_12.id_143 #stranky table.tabelGold th, body.ref_12.id_378 #stranky table.tabelGold th { background: #fdcb16; border: 1px solid black; padding: 2px 10px; } body.ref_12.id_143 #stranky table th + th, body.ref_12.id_378 #stranky table th + th { padding-right: 30px !important; } body.ref_12.id_143 #stranky table th + th + th, body.ref_12.id_378 #stranky table th + th + th { padding-right: 10px !important; } body.ref_12.id_143 #stranky blockquote, body.ref_12.id_378 #stranky blockquote { border: 0; background: none; padding: 0; margin: 10px 0 0 ; } body.ref_12.id_143 #stranky p.sazba, body.ref_12.id_378 #stranky p.sazba { font-size: 0.7857em; } table th img { margin: -28px 0 0 100px; position: absolute; } table th img.afterd { margin: -28px 0 0 19px; position: absolute; } /* * * * * * ceník - nové úpravy * * * * * */ body.ref_12.id_143 #stranky table .width_25, body.ref_12.id_378 #stranky table .width_25 { width: 27%; } body.ref_12.id_143 #stranky table td, body.ref_12.id_378 #stranky table td, body.ref_12.id_143 #stranky table.tabelGold th, body.ref_12.id_378 #stranky table.tabelGold th, body.ref_12.id_143 #stranky table.tabelGold td, body.ref_12.id_378 #stranky table.tabelGold td, body.ref_12.id_143 #stranky table th, body.ref_12.id_378 #stranky table th { border-left: 0; border-right: 0; border-color: #DDDDDD; } body.ref_12.id_143 #stranky table.tabelGold th, body.ref_12.id_378 #stranky table.tabelGold th, body.ref_12.id_143 #stranky table th, body.ref_12.id_378 #stranky table th { border-top: 0; border-color: #999; } body.ref_12.id_143 #stranky table th + th, body.ref_12.id_378 #stranky table th + th { padding-right: 10px !important; } p.sazba + table.inlineImages { display: none; } body.ref_12.id_143 #stranky table.tabelGold td, body.ref_12.id_378 #stranky table.tabelGold td, body.ref_12.id_143 #stranky table td, body.ref_12.id_378 #stranky table td { padding: 6px 10px 5px; } body.ref_12.id_143 #stranky table th + th + th, body.ref_12.id_378 #stranky table th + th + th { text-align: right; } body.ref_12.id_143 #stranky table td + td + td, body.ref_12.id_378 #stranky table td + td + td { text-align: right; } body.ref_12.id_143 #stranky table, body.ref_12.id_378 #stranky table { margin-bottom: 55px; } body.ref_12.id_143 #stranky table th span, body.ref_12.id_378 #stranky table th span { font-weight: normal; } /*body.ref_12.id_143 #stranky table.width_70 { width: 100%; }*/ body.ref_12.id_143 #stranky table + blockquote, body.ref_12.id_378 #stranky table + blockquote { margin-top: -44px; } body.ref_12.id_143 .popis, body.ref_12.id_378 .popis { margin-bottom: 48px; } body.ref_12.id_143 #stranky table td a { } body.ref_12.id_378 #stranky table td a:hover { } /*body.ref_12.id_143 #stranky table tr:nth-child(2n + 1) td { background: #F1F1F1; }*/ body.ref_12.id_143 #stranky table tr:hover td, body.ref_12.id_378 #stranky table tr:hover td { background: #E5E3E3; cursor: pointer; } /* * * * * * ceník * * * * * * body.ref_12.id_143 #stranky p.textBox { color: #999; margin-bottom: 10px; font-size: 1.1428em; } body.ref_12.id_143 #stranky p + p { color: #333333; } body.ref_12.id_143 #stranky div.textBoxRightNov { display: block; float: none; border: none; background: none; width: 100%; padding: 0; margin: 0; color: #666666; font-size: 1.7142em; margin-bottom: 25px; } body.ref_12.id_143 #stranky div.textBoxRightNov strong { color: #bf0c21; } body.ref_12.id_143 #stranky table.width_70 { width: 668px; } body.ref_12.id_143 #stranky table th { background: #c8d26f; border: 1px solid black; padding: 5px 10px; } body.ref_12.id_143 #stranky table.tabelGold td, body.ref_12.id_143 #stranky table td { background: white; border: 1px solid black; padding: 2px 10px; } body.ref_12.id_143 #stranky table.tabelGold th { background: #fdcb16; border: 1px solid black; padding: 2px 10px; } body.ref_12.id_143 #stranky table th + th { padding-right: 30px !important; } body.ref_12.id_143 #stranky table th + th + th { padding-right: 10px !important; } body.ref_12.id_143 #stranky blockquote { border: 0; background: none; padding: 0; margin: 10px 0 0 ; } body.ref_12.id_143 #stranky p.sazba { font-size: 0.7857em; } table th img { margin: -28px 0 0 100px; position: absolute; } table th img.afterd { margin: -28px 0 0 19px; position: absolute; } /* * * * * * ceník - nové úpravy * * * * * * body.ref_12.id_143 #stranky table .width_25 { width: 27%; } body.ref_12.id_143 #stranky table td, body.ref_12.id_143 #stranky table.tabelGold th, body.ref_12.id_143 #stranky table.tabelGold td, body.ref_12.id_143 #stranky table th { border-left: 0; border-right: 0; border-color: #DDDDDD; } body.ref_12.id_143 #stranky table.tabelGold th, body.ref_12.id_143 #stranky table th { border-top: 0; border-color: #999; } body.ref_12.id_143 #stranky table th + th { padding-right: 10px !important; } p.sazba + table.inlineImages { display: none; } body.ref_12.id_143 #stranky table.tabelGold td, body.ref_12.id_143 #stranky table td { padding: 6px 10px 5px; } /* body.ref_12.id_143 #stranky table th + th + th { text-align: right; } zakomentováno kvůi nové tabulce nový ceník body.ref_12.id_143 #stranky table td + td + td { text-align: right; } zakomentováno kvůi nové tabulce nový ceník * body.ref_12.id_143 #stranky table { margin-bottom: 55px; } body.ref_12.id_143 #stranky table th span { font-weight: normal; } body.ref_12.id_143 #stranky table.width_70 { width: 100%; } body.ref_12.id_143 #stranky table + blockquote { margin-top: -44px; } body.ref_12.id_143 .popis { margin-bottom: 48px; } body.ref_12.id_143 #stranky table td a { } body.ref_12.id_143 #stranky table td a:hover { } body.ref_12.id_143 #stranky table tr:hover td { background: #E5E3E3; cursor: pointer; } */ /* pozadi ve strance cenik */ /*.c_143 { background: url(../images/design/cenik1.jpg) 50% 0 no-repeat; background-size: 100% auto; }*/ .cenik_links { margin-bottom: 2em; overflow: hidden; } .cenik_links li { margin: 0; padding: 0; background: none; float: left; width: 50%; } .cenik_links li a { display: block; text-indent: -9999em; height: 285px; position: relative; z-index: 1; } .cenik_links li a:hover { z-index: 2; } .cenik_links li a:after { content: ''; position: absolute; right: -69px; top: 56px; z-index: 3; display: block; width: 208px; height: 65px; } .cenik_links li:last-child a:after { left: -45px; top: 146px; right: auto; width: 245px; height: 70px; } .cenik_links li a:hover:after { background: url(../images/design/cenik2015.jpg) 0 0 no-repeat; } .cenik_links li:last-child a:hover:after { background: url(../images/design/cenik2016.jpg) 0 0 no-repeat; } /* TOP obrázek vložený buď do centeru nebo do topu */ p.top-obrazek { margin: 0; } p.top-obrazek img { float: left; } p.top-obrazek.center { float: left; clear: both; width: 100%; margin-bottom: 10px; } p.top-obrazek.top { position: absolute; bottom: 0; left: 0; } /* * * homepage * * */ body.homepage { background: url(../images/design/bg_home.png) 0 100px repeat-x; } body.homepage #main { padding-top: 0; } /* body.homepage #top { height: 122px; } body.homepage #top > .wrapper { height: 122px; background: #f8f8f8 url(../images/design/top.jpg) 0 0 no-repeat; } */ body.homepage #center { width: 100%; padding: 0; border-top: none; } body.homepage #stranky { display: none; } #texty_obal_51 { width: 100%; margin: 0 0 35px;} #slider-wrapper-6 { width: 100%; height: 533px; background: none; float: none; overflow: hidden; } #slider-wrapper-6 .nivoSlider { width: 1480px; height: 533px; padding: 0; position: absolute; left: 50%; top: 0; margin: 0 0 0 -740px; } #slider-wrapper-6 .nivoSlider .nivo-caption { display: none !important; /*opacity: 1 !important;*/ } #slider-wrapper-6 .nivoSlider .nivo-caption h1 { display: none; } #slider-wrapper-6 .nivoSlider .nivo-caption { position: absolute; top: 295px; right: 45px; padding: 7px; background: url(../images/design/slider_link.png) 0 0 repeat; z-index: 1100; max-width: 400px; } #slider-wrapper-6 .nivoSlider .nivo-caption p { margin: 0; } #slider-wrapper-6 .nivoSlider .nivo-caption p a { display: block; text-decoration: none; color: #303d00; font-size: 1.2142em; text-transform: uppercase; border-bottom: 2px solid #779800; padding: 17px 48px 17px 21px; background: #98bf0e url(../images/design/slider_vice.png) 100% no-repeat; letter-spacing: -0.2px; } /* padding: 22px 48px 22px 21px; */ #slider-wrapper-6 .nivoSlider .nivo-caption p a:hover { text-decoration: underline; } #slider-wrapper-6 .nivoSlider .nivo-caption p a span { display: block; font-weight: bold; } #texty_obal_93 { width: 100%; margin: 0 0 25px; } #texty_obal_93:after { display: block; clear: both; content: " "; } #texty_obal_93 .sloupec_box7 { float: left; width: 260px; margin-right: 49px; } #texty_obal_93 .sloupec_box8 { float: left; width: 280px; margin-right: 48px; background: #fcfcfc; position: relative; padding: 23px 30px 25px; border: 1px solid #e1e1e1; } #texty_obal_93 .sloupec_box9 { float: left; width: 260px; } #texty_obal_93 .sloupec_box h2 { color: #444; font-size: 23px; text-transform: uppercase; margin: 0 0 18px; padding-top: 23px; } #texty_obal_93 .sloupec_box .novinky_col_obsah { margin: 0 0 30px; } #texty_obal_93 .sloupec_box h3 { font-weight: normal; font-size: 1.1428em; margin: 0 0 10px; } #texty_obal_93 .sloupec_box h3 a { text-decoration: none; } #texty_obal_93 .sloupec_box .anotace { display: none; } #texty_obal_93 .sloupec_box .archiv { text-align: right; margin: 0; padding-top: 10px; } #texty_obal_93 #novinky_col8 .archiv { padding-top: 19px; } #texty_obal_93 .sloupec_box .archiv a { text-decoration: none; color: black; font-size: 0.8571em; display: inline-block; background: #f4f4f4; border-bottom: 1px solid #d0d0d0; padding: 3px 9px 1px; } #texty_obal_93 .sloupec_box .archiv a:hover { background: #e6e6e6; } #texty_obal_93 .sloupec_box8 h2 { padding-top: 0; } #texty_obal_93 .sloupec_box8 h3 a { padding-left: 20px; background: url(../images/design/ctverec.png) 1px 7px no-repeat; display: inline-block; } #texty_obal_93 .sloupec_box8 .anotace { display: block; padding-left: 20px; } #texty_obal_93 .sloupec_box8 .anotace p { line-height: 1.35em; margin: 0; } #texty_obal_99 { width: 960px; margin: 0 auto; background: #ee7700 url(../images/design/bottom.jpg) 100% 100% no-repeat; } #texty_obal_99:after { display: block; clear: both; content: " "; } #texty_obal_99 .texty { float: left; width: 220px; } #texty_obal_99 #texty_23 { } #texty_obal_99 #texty_24 { } #texty_obal_99 .texty > .extra { padding: 24px 15px 24px 25px; } #texty_obal_99 h2 { font-size: 1.4286em; margin: 0 0 10px; } #texty_obal_99 .texty ul { margin: 0 0 10px; padding: 0; width: 100%; } #texty_obal_99 #texty_22 ul { margin: 0 0 4px; } #texty_obal_99 .texty ul:after { display: block; clear: both; content: " "; } #texty_obal_99 .texty ul li { margin-bottom: 6px; background: none; padding: 0; line-height: 1.25em; } #texty_obal_99 #texty_22 ul li { text-transform: uppercase; float: left; width: 82px; } #texty_obal_99 .texty a { text-decoration: none; color: #fff; } #texty_obal_99 .texty a:hover { color: #000; } #texty_obal_99 .texty p.more { margin: 0; } #texty_obal_99 .texty p.more a { color: #000; padding: 0 13px 0 0; background: url(../images/design/arrow_all.png) 100% 4px no-repeat; } #texty_obal_99 .texty p.more a:hover { color: #fff; text-decoration: none; background-position: 100% -38px; } #texty_obal_99 #newsletter_col { float: right; width: 318px; margin: 0; } /**** Odkazy na fotogalerii ****/ #texty_obal_99 .foto { float: left; width: 190px; padding: 24px 0 24px 12px; } #texty_obal_99 .foto p.more a { color: #000; padding: 0 13px 0 0; background: url(../images/design/arrow_all.png) 100% 8px no-repeat; margin: -10px 0px 0px 0px; position: relative; float: left; } #texty_obal_99 .foto p.more a:hover { color: #fff; text-decoration: none; background-position: 100% -34px; } #texty_obal_99 .foto .foto_popis ul li { line-height: 18px; margin-left: -7px; } #texty_obal_99 .foto .foto_popis ul li a { color: #fff; } #texty_obal_99 .foto .foto_popis ul li a:hover { color: #000; } #poradna_vypis { width: 100%; margin: 0; clear: both; } #poradna_vypis h2 { margin: 0 0 20px; } #poradna_vypis .clinic_detail { float: left; width: 235px; margin-right: 37px; padding-left: 60px; background: url(../images/design/otaznik.png) 0 0 no-repeat; } #poradna_vypis .clinic_detail + .clinic_detail + .clinic_detail { margin-right: 0; } #poradna_vypis .clinic_detail a { text-decoration: none !important; color: #658100 !important; } #poradna_vypis .clinic_detail h3 { font-size: 18px; margin: 0 0 10px; } #poradna_vypis .clinic_detail .text { margin: 0 0 10px; } #poradna_vypis .clinic_detail:hover { background-position: -651px 0; } #poradna_vypis .clinic_detail:hover a { text-decoration: underline !important; color: #658100 !important; } #poradna_vypis .cleaner + p { margin: 0; text-align: right; padding: 40px 30px 15px 0; } #poradna_vypis .cleaner + p a.poradna_all { margin-right: 28px; display: inline-block; color: #303d00; } #poradna_vypis .cleaner + p a.poradna_all:hover { color: #658100; } #poradna_vypis .cleaner + p a.poradna_new { display: inline-block; text-decoration: none; color: #303d00; padding: 11px 43px 7px 20px; border-bottom: 2px solid #779800; font-size: 16px; background: #98bf0e url(../images/design/tlaco_bottom.png) 92% 0 no-repeat; } #poradna_vypis .cleaner + p a.poradna_new:hover { text-decoration: underline; } #homepage-news-box { padding: 51px 0 35px; } #homepage-news-box .news { width: 960px; height: 640px; margin-bottom: 10px; position: relative; } body.sk #homepage-news-box .news { height: 479px; overflow: hidden; } #homepage-news-box .news > div { width: 320px; height: 160px; position: absolute; left: 0; top: 319px; overflow: hidden; cursor: pointer; } #homepage-news-box .news div .image { position: absolute; left: 0; top: 0; z-index: 0; } #homepage-news-box .news div .image:after { display: block; width: 100%; height: 100%; content: ''; position: absolute; left: 0; top: 0; z-index: 1; background: url(../images/design/new_orange.png) 0 -40px repeat-x; } #homepage-news-box .news .new-3 .image:after, #homepage-news-box .news .new-8 .image:after { background-image: url(../images/design/new_green.png); } #homepage-news-box .news .new-1 .image:after, #homepage-news-box .news .new-5 .image:after { background-image: url(../images/design/new_black.png); background-position: 0 -100px; } #homepage-news-box .news .new-6 .image:after { background-image: url(../images/design/new_black_small.png); background-position: 0 -40px; } #homepage-news-box .news div:hover .image:after { background-position: 0 0; } #homepage-news-box .news .new-3:hover .image:after { background-position: 0 0; } #homepage-news-box .news .new-1:hover .image:after, #homepage-news-box .news .new-5:hover .image:after, #homepage-news-box .news .new-6:hover .image:after { background: transparent url(../images/design/new_black.png) 0 -60px repeat-x; } #homepage-news-box .news .new-6:hover .image:after { background-image: url(../images/design/new_black_small.png); } #homepage-news-box .news .new-5 .image:after { background-position: 0 -120px; } #homepage-news-box .news .new-6 .image:after { background-position: 0 -40px; } #homepage-news-box .news .new-5:hover .image:after { background-position: 0 -100px; } #homepage-news-box .news .new-6:hover .image:after { background-position: 0 -20px; } #homepage-news-box .news div h2, #homepage-news-box .news div .anotace { position: relative; z-index: 2; } #homepage-news-box .news div .anotace p { font-size: 1.4286em; line-height: 1.3em; color: #bababa; padding: 0 30px; } #homepage-news-box .news div h2 { font-size: 1.6428em; line-height: 1.2608em; } #homepage-news-box .news div h2 a { color: #fff; text-decoration: none; display: block; padding: 21px 30px 0; } #homepage-news-box .news .new-3 h2 a, #homepage-news-box .news .new-8 h2 a { color: #000; } #homepage-news-box .news .new-1 h2 { font-size: 2.3571em; line-height: 1.1818em; } #homepage-news-box .news .new-1 { width: 640px; height: 320px; top: 0; background: black; } #homepage-news-box .news .new-2 { background: #EE7700; } #homepage-news-box .news .new-3 { left: 320px; background: #97BF0E; } #homepage-news-box .news .new-4 { left: 640px; top: 0; background: #EE7700; } #homepage-news-box .news .new-5 { left: 640px; top: 160px; height: 319px; background: black; } #homepage-news-box .news .new-6 { left: 0; top: 479px; } #homepage-news-box .news .new-7 { left: 320px; top: 479px; } #homepage-news-box .news .new-8 { left: 640px; top: 479px; } #homepage-news-box .news .new-2 img, #homepage-news-box .news .new-3 img, #homepage-news-box .news .new-4 img, #homepage-news-box .news .new-6 img, #homepage-news-box .news .new-7 img, #homepage-news-box .news .new-8 img { width: 320px !important; } #homepage-news-box .news .new-5 img { height: 320px !important; } #homepage-news-box .links { padding: 0; margin: 0; float: right; } #homepage-news-box .links li { float: left; padding: 0; background: 0; margin-left: 15px; } #homepage-news-box .links li a { color: #999; text-transform: uppercase; text-decoration: none; } #homepage-news-box .links li a:hover { color: #000; } /* * * HP novinky - zbylĂ© mutace * * */ body.de #homepage-news-box .news, body.ua #homepage-news-box .news, body.en #homepage-news-box .news, body.at #homepage-news-box .news { height: 320px; } body.de #homepage-news-box .news .new-2, body.ua #homepage-news-box .news .new-2, body.en #homepage-news-box .news .new-2, body.at #homepage-news-box .news .new-2 { left: 640px; top: 0; } body.de #homepage-news-box .news .new-3, body.ua #homepage-news-box .news .new-3, body.en #homepage-news-box .news .new-3, body.at #homepage-news-box .news .new-3 { left: 640px; top: 160px; } /* * * jednosloupec * * */ body.layout-one-column #center, body.ref_90 #center { width: 960px; } body.layout-one-column #col1, body.ref_90 #col1 { display: none; } body.layout-one-column .slider_fotogalerie .nivo-html { width: 880px; } /* * * stranka Katalog domu * * */ body.katalog #center { padding-bottom: 28px; } body.katalog h1 { margin-bottom: 25px; } body.katalog h2 { margin-top: 0.5em; } body.katalog .popis { /*font-size: 1.2142em;*/ margin-bottom: 0; } body.katalog .popis p { /*margin: 0;*/ } body.katalog p.katalogPDF { float: right; margin: 3px 0 20px 30px !important; } body.katalog p.katalogPDF img { display: none; } body.katalog .columns .col3 { width: 225px; margin: 0 15px 20px 0; position: relative; z-index: 1; } body.katalog .columns .col3:hover { z-index: 2; } body.katalog .columns .col3.last { margin-right: 0; } body.katalog .columns .col3.top_dum { width: 465px; margin-bottom: 14px; } body.katalog .columns .col3.top_dum + .col3 { float: right; margin-right: 0; margin-bottom: 21px; } body.katalog .columns .col3.top_dum + .col3 + .col3 { margin-bottom: 13px; } body.katalog #stranky .podstranka.top_dum .obrazek a { width: 453px; height: 325px; } body.katalog #stranky .podstranka.top_dum .obrazek img { width: 490px; margin-left: -19px; } body.katalog .columns .col3 p.stitky { margin: 0; position: absolute; top: 16px !important; left: 6px !important; } body.katalog .columns .col3 p.stitky span { background: #97bf0e; text-transform: uppercase; font-size: 11px; color: black; display: inline-block; padding: 5px 10px; margin-bottom: 1px; float: left; clear: both; } body.katalog .columns .col3 p.stitky span span { display: none; } body.katalog .columns .col3 p.stitky .sleva { color: white; background: #ef7f01; font-size: 17px; padding: 6px 10px 8px; } body.katalog .columns .col3.top_dum p.stitky span { font-size: 15px; padding: 10px 16px 8px; } body.katalog .columns .col3.top_dum p.stitky .sleva { font-size: 23px; padding: 13px 15px; } body.katalog .columns .col3 .stitek.medaile { position: absolute; top: -7px !important; right: -7px !important; left: auto !important; width: 64px; height: 80px; text-indent: -999em; display: inline-block; background: url(../images/design/oceneny2.png) 0 0 no-repeat; } body.katalog .columns .col3.top_dum .stitek.medaile { top: -12px !important; right: -11px !important; left: auto !important; width: 87px; height: 109px; background-image: url(../images/design/oceneny.png); } .stranky_header { position: relative; } .stranky_header p.stitky { margin: 0; position: absolute; top: auto; /*bottom: -65px;*/ left: 0; } .stranky_header p.stitky span { background: #97bf0e; text-transform: uppercase; font-size: 11px; color: black; display: inline-block; padding: 5px 10px; margin-bottom: 1px; float: left; clear: both; } .stranky_header p.stitky span span { display: none; } .stranky_header p.stitky .sleva { color: white; background: #ef7f01; font-size: 17px; padding: 6px 10px 8px; } .stranky_header .stitek.medaile { position: absolute; top: auto; bottom: -95px; left: 273px; right: auto; width: 64px; height: 80px; background: url(../images/design/oceneny2.png) 0 0 no-repeat; text-indent: -999em; } body.katalog #stranky .podstranka .obrazek { text-align: center; clear: both; float: none; width: 223px; border: 1px solid #eee; } body.katalog #stranky .podstranka .obrazek a { display: block; width: 213px; height: 130px; overflow: hidden; vertical-align: bottom; margin: 5px; } body.katalog #stranky .podstranka .obrazek img { vertical-align: bottom; width: 213px; } body.katalog .columns .col .extra { background: none; border: none; padding: 0; } body.katalog .columns .col h2, body.katalog .columns .col h3 { font-size: 1.1428em; margin: 0; clear: both; } body.katalog .columns .col h2 a, body.katalog .columns .col h3 a { display: block; color: #444; text-decoration: none; width: 100%; text-align: center; } body.katalog .columns.podstranky .col .extra > .extra2 { float: none; padding: 0; } body.katalog .columns .col .anotace { opacity: 0; position: absolute; z-index: 2; top: -2px; left: 6px; width: 213px; color: white; } body.katalog .columns .col .anotace .navic { background: url(../images/design/anotace.png) 0 0 repeat; position: relative; padding: 23px 25px 20px; } /*body.katalog .columns .col .anotace .navic:after { display: block; clear: both; content: " "; width: 24px; height: 11px; background: url(../images/design/anotace_after.png) 0 0 no-repeat; position: absolute; bottom: -11px; left: 128px; }*/ body.katalog .columns .col .anotace p { line-height: 1.55em; margin: 0; } body.katalog .columns .col:hover { cursor: pointer; } body.katalog .columns .col:hover .anotace { opacity: 1; } body.katalog .columns .col:hover h2 a, body.katalog .columns .col:hover h3 a { color: black; } body.katalog .soubory ul li { float: left; width: 296px; } body.katalog .soubory_extra ul li { float: left; width: 580px; } body.katalog.page-detail .soubory ul li { /*float: none; width: auto;*/ } body.katalog.page-detail .soubory ul li:nth-child(odd) { clear: left; } /* body.id_148 #stranky .podstranka .obrazek img, body.id_149 #stranky .podstranka .obrazek img, body.id_150 #stranky .podstranka .obrazek img, body.id_151 #stranky .podstranka .obrazek img, body.id_152 #stranky .podstranka .obrazek img, body.id_153 #stranky .podstranka .obrazek img, body.id_154 #stranky .podstranka .obrazek img, body.id_155 #stranky .podstranka .obrazek img, body.id_156 #stranky .podstranka .obrazek img, body.id_234 #stranky .podstranka .obrazek img, body.id_252 #stranky .podstranka .obrazek img { border: 1px solid #eee; padding: 5px; } */ .katalog #center .anotace_detail { float: left; width: 225px; font-size: 1em; } .katalog #center .anotace_detail p { line-height: 1.5714em; font-size: 1.15em; } .katalog #center .podstranky { clear: none; float: right; width: 705px; } /* * * Katalog - ÄŤeská mutace * * */ body.cz.katalog .columns.podstranky .col .extra > .extra2 { padding-bottom: 8px; border: 1px solid #EEEEEE; } body.cz.katalog #stranky .podstranka .obrazek { border: 0; } body.cz.katalog .columns .col .anotace { font-size: 0.9258em; min-height: 175px; width: 225px; margin-left: -6px; margin-top: 2px; } body.cz.katalog .columns .col .anotace .navic { padding: 20px 15px 15px 20px; min-height: 138px; font-size: 1.05em; } body.cz.katalog .columns .col.top_dum .anotace { width: 465px; min-height: 368px; } body.cz.katalog .columns .col.top_dum .anotace .navic { font-size: 16px; min-height: 334px; } /* * * Katalog - ostatnĂ­ mutace * * */ body.de.katalog #center .anotace_detail, body.ua.katalog #center .anotace_detail, body.en.katalog #center .anotace_detail { display: none; } body.de.katalog #center .podstranky, body.ua.katalog #center .podstranky, body.en.katalog #center .podstranky { width: 100%; } body.de.katalog #center .columns .col3, body.ua.katalog #center .columns .col3, body.en.katalog #center .columns .col3 { width: 300px; margin: 0 30px 20px 0; } body.de.katalog #center .columns .col3.last, body.ua.katalog #center .columns .col3.last, body.en.katalog #center .columns .col3.last { margin-right: 0; } body.de.katalog #stranky .podstranka .obrazek, body.ua.katalog #stranky .podstranka .obrazek, body.en.katalog #stranky .podstranka .obrazek { width: 100%; } body.de.katalog #stranky .podstranka .obrazek a, body.ua.katalog #stranky .podstranka .obrazek a, body.en.katalog #stranky .podstranka .obrazek a { width: 290px; height: 192px; } body.de.katalog #stranky .podstranka .obrazek img, body.ua.katalog #stranky .podstranka .obrazek img, body.en.katalog #stranky .podstranka .obrazek img { width: 100%; } body.de.katalog .columns .col .anotace, body.ua.katalog .columns .col .anotace, body.en.katalog .columns .col .anotace { width: 290px; } .page-navigator { margin: 42px 0 15px; } .page-navigator ul { padding: 15px 0 30px; margin: 0; text-align: center; position: relative; } .page-navigator li { padding: 0; margin: 0; background: 0; } .page-navigator li.prev { float: left; } .page-navigator li.next { float: right; } .page-navigator li.parent { position: absolute; left: 402px; } .page-navigator li a { display: inline !important; } .page-navigator li.prev a { padding-left: 40px; background: #97bf0e url(../images/design/arrow_prev.png) 0 15px no-repeat !important; } .page-navigator li.next a { padding-right: 40px; background: #97bf0e url(../images/design/arrow_next.png) 100% 15px no-repeat !important; } .page-navigator li.prev a:hover { background-position: 0 -73px !important; } .page-navigator li.next a:hover { background-position: 100% -73px !important; } /* * * stranka Kontakt * * */ body.ref_12.id_134 table.contactInfo td + td { width: 465px; } body.ref_12.id_134 table.contactInfo td img { margin-right: 20px; } body.ref_12.id_134 table.contactInfo td a img { margin-right: 0; } body.ref_12.id_134 .google-map-wrapper { background: #EFEFEF; padding: 15px 30px; display: block; margin-bottom: 55px; } body.ref_12.id_134 .google-map-wrapper p { margin: 0; } body.ref_12.id_134 .form-16 p.right { width: 300px !important; } body.ref_12.id_134 .form-16 p.textarea { width: 570px; } body.ref_12.id_134 .form-16 p.textarea textarea { width: 554px; max-width: 554px; } /* * * stranka KUBIS 631 - 11 dni * * */ .timeline #col1 { display: none; } .timeline #center { width: 960px; } .timeline h1 { font-weight: normal; } .timeline .datum { display: none; } .timeline .popis { font-size: 16px; } .timeline .popis p { line-height: 26px; margin: 0 0 26px; } .timeline .popis p img.floatRight { margin: -52px 0 0 47px; } .timeline .celek { padding: 0 20px; margin: -14px 0 25px; } .timeline .celek:after { display: block; clear: both; content: " "; } .timeline .den { width: 100%; margin: 0 0 30px; } .timeline .den:after { display: block; clear: both; content: " "; } .timeline .den p.cislo { float: left; width: 58px; height: 50px; position: relative; background: #98bf0e; text-align: center; color: white; font-size: 14px; border: 1px solid white; text-transform: uppercase; margin: -1px 0 0 5px; line-height: 20px; padding-top: 8px; } .timeline .den p.cislo:after { content: ' '; width: 6px; height: 220px; background: #dadada; position: absolute; top: 64px; left: 26px; } .timeline .den p.cislo strong { font-weight: normal; display: block; font-size: 20px; } .timeline .obsah { float: right; width: 765px; padding: 26px 30px 20px; background: #98bf0e; position: relative; color: white; min-height: 190px; position: relative; } .timeline .obsah:before { content: ' '; width: 0; height: 0; border-right: 10px solid #98bf0e; border-top: 10px solid transparent; border-bottom: 10px solid transparent; position: absolute; top: 19px; left: -10px; } .timeline .obsah:after { display: block; clear: both; content: " "; } .timeline .obsah h2 { font-size: 25px; margin: 0 0 13px; color: white; } .timeline .obsah h2 img { margin: -6px -11px 0 25px; } .timeline .obsah p { margin: 0; font-size: 15px; line-height: 24px; } .timeline .den.sudy p.cislo, .timeline .den.sudy .obsah { background: #ef7f01; } .timeline .den.sudy .obsah:before { border-right-color: #ef7f01; } .timeline .den11 p.cislo:after { background: url(../images/design/line.png) 0 0 repeat-y; } .timeline .den13 p.cislo:after { display: none; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * * * * * * HLAVIÄŚKA A PATIÄŚKA * * * * * * * * * * * */ /* * * * * * * * * * * HEADER AND FOOTER THINGS * * * * * * * * * * * */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ #top { position: absolute; top: 0; left: 0; z-index: 110; width: 100%; height: 138px; } #top > .wrapper { width: 960px; margin: 0 auto; position: relative; height: 138px; } #top a#logo { position: absolute; top: 23px; left: 0; } #top #topflash { position: absolute; top: 42px; right: 420px; } #top #topflash .banner { width: auto; margin: 0; } #top .wrapper .wrapper { position: absolute; top: 30px; right: 0; z-index: 6000; } .at #top a#logo { width: 130px; height: 72px; } .at #top a#logo:after { display: block; clear: both; content: " "; width: 130px; height: 72px; position: absolute; top: 0; left: 0; background: url(../images/design/logo_at.png) 0 0 no-repeat; } .at #top a#logo img { display: none; } .de #top a#logo, .sk #top a#logo { width: 130px; height: 72px; } .de #top a#logo:after, .sk #top a#logo:after { display: block; clear: both; content: " "; width: 130px; height: 72px; position: absolute; top: 0; left: 0; background: url(../images/design/logo_at.png) 0 0 no-repeat; } .de #top a#logo img, .sk #top a#logo img { display: none; } /*body.de #top > .wrapper { background: none; }*/ #bigMenu { margin: 0; padding: 0; position: absolute; left: 171px; top: 54px; } #bigMenu li { margin: 0; padding: 3px 0; background: none; float: left; } #bigMenu li a { display: block; background: #97bf0e; padding: 7px 41px; text-transform: uppercase; text-decoration: none; color: black; position: relative; } /* zasnezene menu .cz #bigMenu li a:before { content: ' '; width: 100%; height: 48px; background: url(../images/design/menu1.png) 0 0 no-repeat; position: absolute; left: auto; right: 0; bottom: 0; } .cz #bigMenu li + li a:before { content: ' '; width: 100%; height: 44px; background: url(../images/design/menu2.png) 0 0 no-repeat; position: absolute; left: auto; right: 0; bottom: 0; } .cz #bigMenu li + li + li a:before { content: ' '; width: 100%; height: 45px; background: url(../images/design/menu3.png) 0 0 no-repeat; position: absolute; left: auto; right: 0; bottom: 0; } */ #bigMenu li a:hover { color: #fff; } #bigMenu li.cenik a { border-left: 1px solid #fff; border-right: 1px solid #bbd562; } #bigMenu li.drop_link { padding: 0; } #bigMenu li.drop_link a { color: #fff; padding: 10px 55px; background: #ef7f01; position: relative; } #bigMenu li.drop_link a:hover { color: #000; } /*#bigMenu li.drop_link a:after,*/ #searchbox.active:after { display: block; width: 32px; height: 8px; content: ''; position: absolute; left: 50%; bottom: -8px; margin-left: -16px; background: url(../images/design/katalog.png) 0 0 no-repeat; } #searchbox.active:after { bottom: -11px; } body.ua #bigMenu li.drop_link a { padding: 10px 30px; } body.ua #bigMenu li a { padding: 7px 25px; } #top .mega_anotace { /*display: block !important;*/ background: white; border-top: 4px solid #ef7f01; width: 960px; min-height: 460px; position: absolute; top: 110px; left: 0; z-index: 150; } #top .mega_anotace:after { display: block; clear: both; content: " "; } #top .mega_anotace ul { margin: 0; padding: 16px 0 0 25px; } #top .mega_anotace ul:after { display: block; clear: both; content: " "; } #top .mega_anotace ul li { margin: 0 10px 25px 0; padding: 0; text-align: center; float: left; width: 175px; background: none; position: relative; } #top .mega_anotace ul li a { display: block; text-decoration: none; text-transform: uppercase; font-size: 1.1428em; padding-top: 125px; background: url(../images/design/drop_domy.jpg) 0 5px no-repeat; } #top .mega_anotace ul li a { color: black; } #top .mega_anotace ul li a:hover { color: #CF6E01; } #top .mega_anotace ul li.dropNova a { background-position: -175px 5px; } .cz #top .mega_anotace ul li.dropNova:after, .cz #top .mega_anotace ul li.dropEvo:after, .cz #top .mega_anotace ul li.dropLargo:after, .cz #top .mega_anotace ul li.dropKubis:after, .cz #top .mega_anotace ul li.dropExclusive:after { content: "Nejprodávanější"; background: #97bf0e; position: absolute; top: 5px; left: 0; padding: 5px 10px; color: black; text-transform: uppercase; font-size: 11px; } .cz #top .mega_anotace ul li.dropEvo:after { content: "Zelenám úsporám"; } .cz #top .mega_anotace ul li.dropKubis:after { content: "Nejoblíbenější"; } .cz #top .mega_anotace ul li.dropExclusive:after { content: "Luxusní"; } .cz #top .mega_anotace ul li.dropLargo:after { content: "Nejprodávanější"; } #top .mega_anotace ul li.dropLargo a { background-position: -350px 5px; } #top .mega_anotace ul li.dropDimenze a { background-position: -525px 5px; } #top .mega_anotace ul li.dropKubis a { background-position: -700px 5px; } #top .mega_anotace ul li.dropCity a { background-position: -875px 5px; } #top .mega_anotace ul li.dropLocus a { background-position: -1050px 5px; } #top .mega_anotace ul li.dropDragon a { background-position: -1225px 5px; } #top .mega_anotace ul li.dropRohe a { background-position: -1400px 5px; } #top .mega_anotace ul li.dropNatur a { background-position: -1575px 5px; } #top .mega_anotace ul li.dropEko80 a { background-position: -1750px 5px; } #top .mega_anotace ul li.dropEvo a { background-position: -1925px 5px; } #top .mega_anotace ul li.dropExclusive { width: 200px; } #top .mega_anotace ul li.dropExclusive a { background-position: -2100px 5px; } #top .mega_anotace .mega_close { display: block; text-decoration: none; color: black; width: 15px; height: 15px; background: url(../images/design/drop_close.png) 0 0 no-repeat; position: absolute; top: 15px; right: 15px; overflow: hidden; font-size: 0; z-index: 89; } #top .mega_anotace .mega_close:hover { background-position: 0 -15px; } #top .mega_anotace #dd_buttons { float: right; margin: 10px 30px 0 0; padding: 0; } .cz #top .mega_anotace #dd_buttons { margin-top: /*-120px*/ -130px; } #top .mega_anotace #dd_buttons li { float: none; width: 270px; margin: 0 0 1px 1px; padding: 0; background: none; } #top .mega_anotace #dd_buttons li a { text-align: left; } #top .mega_anotace .mega_katalog, #top .mega_anotace .cely_katalog, body.katalog p.katalogPDF a, #col1 .kontakt p a, #col1 .katalog p a, .page-navigator li a, .tlacitkoKatalog a { display: block; text-decoration: none;color: white; background: #ef7f01; font-size: 1.2857em; text-transform: none; border-bottom: 1px solid #c95500; padding: 9px 20px; margin: 0; text-align: center; } #top .mega_anotace .cely_katalog, #col1 .kontakt p a, .page-navigator li.prev a, .page-navigator li.next a { background: #97bf0e; border-color: #789a04; color: #000; } #top .mega_anotace .mega_katalog:hover, body.katalog p.katalogPDF a:hover, #col1 .katalog p a:hover, .page-navigator li a:hover, .tlacitkoKatalog a:hover { color: #000; } #top .mega_anotace .cely_katalog:hover, #col1 .kontakt p a:hover, .page-navigator li.prev a:hover, .page-navigator li.next a:hover { color: #fff; } body.en #top .mega_anotace .mega_katalog, body.pl #top .mega_anotace .mega_katalog, body.ua #top .mega_anotace .mega_katalog { bottom: -20px; } #texty_obal_97 { width: 960px; margin: 0 0 30px; } #texty_26 { width: 100%; margin: 0; } #texty_26 h2 { margin: 0 0 40px; text-align: left; } #texty_26 .texty_popis ul { margin: 0; padding: 0; } #texty_26 .texty_popis div, #texty_26 .texty_popis li { float: left; width: 450px; margin: 0 60px 30px 0; padding: 0; background: none; text-align: left; } #texty_26 .texty_popis .cislo { color: white; display: inline-block; float: left; width: 60px; margin-right: 20px; font-size: 2.8571em; font-weight: bold; text-align: center; padding: 10px 0; position: relative; background: #97bf0e; line-height: 40px; } #texty_26 .texty_popis .ikona6 .cislo, #texty_26 .texty_popis .ikona7 .cislo { font-size: 2.1428em; } #texty_26 .texty_popis .ikona8 .cislo { font-size: 1.2142em; } #texty_26 .texty_popis div h2, #texty_26 .texty_popis h3 { font-size: 1.4285em; margin-bottom: 6px; text-align: left; color: black; } #texty_26 .texty_popis .last h2 { width: 371px; } #texty_26 .texty_popis div.last h2 { width: 450px; } #texty_26 .texty_popis p { line-height: 1.3571em; margin: 0; float: right; width: 370px; } #texty_26 .texty_popis .cleaner { margin: 0; width: 100%; height: 0; } #texty_95 a { padding: 10px 20px 9px; display: block; color: black; border: 1px solid #E7E7E7; border-top: 0; margin-top: -20px; background: #FAFAFA; text-decoration: none; } #texty_95 a:hover { color: #CF6E01; } #col1 #texty_94 .box { padding: 20px 20px 5px; margin-bottom: 5px; } #col1 #texty_94 .box ul { padding-left: 3px; } #col1 #texty_94 .box ul li { padding-left: 17px; } #col1 #texty_94 .box p { line-height: 24px; } #col1 #novinky_col9.sloupec_box h2, #col1 #texty_94 .box h2 { color: #444444; font-size: 20px; margin-bottom: 8px; } #col1 #texty_94 .box_kontakt { background: #ffe9c7; border: 1px solid #ffe2b5; margin-bottom: 15px; } #col1 #texty_94 .box_info { padding-top: 8px; } #col1 #texty_94 .box .ico_fb, #col1 #texty_94 .box .ico_yt { width: 45px; height: 45px; background: url(../images/design/icons_social.png) 0 0 no-repeat; text-indent: -9999px; padding: 0; margin: 3px 1px 0 1px; display: inline-block; } #col1 #texty_94 .box .ico_fb:hover { background-position: 0 -75px; } #col1 #texty_94 .box .ico_yt { background-position: -75px 0; } #col1 #texty_94 .box .ico_yt:hover { background-position: -75px -75px; } #col1 #novinky_col9.sloupec_box { padding: 26px 14px 14px 20px; background: #fafafa; border: 1px solid #e7e7e7; } #col1 #novinky_col9.sloupec_box img { float: left; max-height: 55px; margin-right: 5px; } #col1 #novinky_col9.sloupec_box h3 { line-height: 17px; position: relative; top: -2px; font-family: Arial, Helvetica, sans-serif; } #col1 #novinky_col9.sloupec_box h3 a { font-size: 14px; } #col1 #novinky_col9.sloupec_box h2 { margin-bottom: 11px; } #col1 #novinky_col9.sloupec_box .novinky_col_obsah { margin-bottom: 13px; } #col1 #novinky_col9.sloupec_box .novinky_col_obsah > a { width: 55px; height: 55px; overflow: hidden; display: block; float: left; margin-right: 7px; } #col1 #novinky_col9.sloupec_box .archiv { text-align: right; margin-top: 20px; } #col1 #novinky_col9.sloupec_box .archiv a { color: #7A7A7A; font-size: 0.9285em; } #col1 #novinky_col9.sloupec_box .archiv a:hover { color: #333; } /* * * * * * patiÄŤka - footer * * * * * */ /* * * * v mainu - inside main * * * */ .bottomCleaner { display: none; } #bottom { clear: both; width: 958px; margin: 0 auto; background: #fafafa url(../images/design/logo_bottom.png) 29px 19px no-repeat; border: 1px solid #e7e7e7; border-top: 0; margin-bottom: 0; border-bottom: 0; } #bottom .width { width: 100%; margin: 0; position: relative; } #bottom a { color: #666; } #bottom a:hover { color: black; } #bottom p { margin: 0; color: #666; } #bottom p.text { font-size: 0.7857em; padding-left: 160px; line-height: 1.4545em; width: 519px; } #bottom p.text1 { padding-top: 18px; } #bottom p.text3 { margin-top: 2px; padding-bottom: 10px; min-height: 25px; } #bottom #texty_85 { position: absolute; top: 23px; right: 30px; } #bottom #texty_85 img { vertical-align: top; margin-left: 18px; float: left; } #bottom #texty_25 { position: absolute; top: 30px; right: 21px; padding: 7px; background: url(../images/design/droplink.png) 0 0 repeat; } #bottom #texty_25 h2 { font-size: 0.8571em; margin: 0; text-transform: uppercase; text-align: right; min-width: 180px; } #bottom #texty_25 h2 a { display: inline-block; text-decoration: none; color: black; padding: 16px 43px 14px 26px; border-bottom: 2px solid #779800; min-width: 111px; background: #98bf0e url(../images/design/tlaco_bottom.png) 100% 0 no-repeat; } #bottom #texty_25 h2 a:hover { text-decoration: underline; } body.en #bottom #texty_25 h2 { min-width: 149px; } body.en #bottom #texty_25 h2 a { min-width: 80px; } body.pl #bottom #texty_25 h2 { min-width: 159px; } body.pl #bottom #texty_25 h2 a { min-width: 90px; } /* odkay na začátek stránky */ #bottom .skipLinksTop { display: none; position: absolute; top: -1px; right: 20px; background: #C4D2DA; padding: 5px 10px; } p#copyright { position: absolute; top: 16px; left: 0; text-decoration: none; text-align: left; line-height: normal; } p#copyright .pipe { margin: 0 0.5em; } a#wa { position: absolute; top: 11px; right: -5px; } a#ebrana { position: absolute; top: 11px; right: 70px; } .internalLinks { clear: both; width: 100%; } .internalLinks ul { margin: 0; padding: 1em 1em 0.75em; font-size: 0.833em; color: #444; text-align: center; } .internalLinks ul li { display: inline; padding: 0; background: none; } .internalLinks ul li a, .internalLinks ul li a:visited { color: #444; text-decoration: none; } .internalLinks ul li a:hover { text-decoration: underline; } .vymenaLinku { clear: both; width: 100%; } .vymenaLinku p { margin: 0; padding: 1em 1em 0.75em; font-size: 0.833em; color: #aaa; text-align: center; } .vymenaLinku p a, .vymenaLinku p a:visited { color: #aaa; text-decoration: none; } .vymenaLinku p a:hover { text-decoration: underline; } /* * * * * * hornĂ­ navigace * * * * * */ ul#icons { position: absolute; top: 85px; right: 0; margin: 0; line-height: normal; } ul#icons li { display: inline; float: left; margin-right: 15px; padding: 0 16px 0 0; font-size: 0.916em; background: url(../images/design/pipe.gif) 100% 50% no-repeat; } ul#icons li.map { padding: 0; margin: 0; background: none; } ul#icons li a { display: block; padding: 3px 0 4px 19px; background: url(../images/icons/ico_home.gif) 0 5px no-repeat; } ul#icons li a:hover { } ul#icons li a img { position: absolute; top: -999em; left: -999em; } ul#icons li.map a { background: url(../images/icons/ico_map.gif) 0 6px no-repeat; } ul#icons li.kontakt a { background: url(../images/icons/ico_contact.gif) 0 6px no-repeat; } /* * * * * * jayzkovĂ© mutace - language mutations * * * * * */ /* * * * * * jayzkovĂ© mutace - language mutations * * * * * */ ul#lang { position: absolute; top: 25px; right: 0; margin: 0; line-height: normal; } ul#lang li { display: inline; float: left; margin-left: 10px; padding: 0; text-align: center; background: none; } ul#lang li a { color: #999; text-decoration: none; } ul#lang li a:hover { text-decoration: underline; } ul#lang li.active a { color: #666; text-decoration: none; cursor: default; } /*ul#lang li.de,*/ ul#lang li.fr { display: none; } /* * * * * * searchform * * * * * * * HACKED in ie.cs! */ form#searchform { height: 35px; } #searchbox { position: absolute; top: 57px; right: 0; } #searchbox.active { border: 3px solid #ee7700; top: 54px; right: -3px; } #searchbox fieldset { display: inline; margin: 0; padding: 0; border: 0; border-top: 1px solid #dcdcdc; border-width: 1px 0 0; background: #f1f1f1; } #searchbox fieldset * { vertical-align: middle; } #searchbox input.left_input { width: 181px; padding: 8px; font-family: Arial, Helvetica, sans-serif; color: #666; border: none; float: left; background: none; } #searchbox input.imagesub { background: none; border: none; padding: 0; margin: 0; } /* * * * * * autocomplete * * * * * */ #autocomplete { position: absolute; top: 100px !important; left: 0; border-top: 3px solid #ee7700; z-index: 1001; width: 600px; text-align: left; margin: 10px 0 0 -368px; /* display: block !important; */ } #autocomplete ul { position: static; top: auto; left: auto; float: left; width: 100%; margin: 0; padding: 0; line-height: normal; background: white; } #autocomplete ul.hidden { position: absolute; top: -999em; left: -999em; } #autocomplete ul li { float: left; width: 300px; padding: 0; margin: 0; vertical-align: middle; border-bottom: solid 1px #e2e2e2; background: none; vertical-align: middle; } #autocomplete ul li.even { border-left: solid 1px #e2e2e2; width: 299px; } #autocomplete ul li.last { border-bottom: none; } #autocomplete ul li.last a { background: none; } #autocomplete ul li:after { display: block; clear: both; content: " "; } #autocomplete ul li:hover, #autocomplete ul li.hover, #autocomplete ul li.active { background: #f1f1f2; } #autocomplete ul li a .image { float: left; width: 100px; height: 80px; margin-right: 10px; line-height: 0; overflow: hidden; } #autocomplete ul li a .image img { width: 100px; margin: 0; padding: 0; border: none; } #autocomplete ul li .no-result, #autocomplete ul li a { display: block; /*width: 134px;*/ padding: 10px 15px; min-height: 80px; text-decoration: none; vertical-align: middle; color: black; } #autocomplete ul li a:hover { color: #CF6E01; } #autocomplete ul li .no-result { padding-top: 36px; min-height: 55px; } #autocomplete ul li.all-results { margin-top: -1px; border-top: solid 1px #e2e2e2; } #autocomplete ul li.all-results a { text-align: center; background: #E5E5E5; font-size: 1.2857em; padding-top: 36px; min-height: 55px; } #autocomplete ul li.all-results a:hover { color: #CF6E01; } /* * * * * * top menu * * * * * */ #mainMenu { position: absolute; top: 24px; left: 172px; width: 580px; z-index: 100; font-size: 0.9286em; } #mainMenu ul { margin: 0; padding: 0; } #mainMenu ul li { position: relative; display: inline; float: left; margin: 0 21px 0 0; padding: 0; background: none; z-index: 1001; } #mainMenu ul li > a { float: left; color: #555; text-decoration: none; text-transform: uppercase; } #top #mainMenu ul li.last { margin-right: 0; } /* mutace */ .en #mainMenu ul li { margin-right: 14px; } .at #mainMenu { width: 540px; } .at #mainMenu ul li { margin-right: 20px; } .ua #mainMenu { width: 550px; } .ua #mainMenu ul li { margin-right: 14px; } #mainMenu ul li ul.hovermenu { position: absolute;/* top: -999em; left: -999em; */ width: 200px; padding: 0; /*border: solid 1px #e67e00; border-top: none;*/ z-index:10; } #mainMenu ul li ul.hovermenu li { width: 100%; margin: 0; font-size: 1em; border-bottom: none; } #mainMenu ul li ul.hovermenu li a { width: 100%; display: block; float: none; padding: 0; } #mainMenu ul li ul.hovermenu li a span { display: block; } #mainMenu ul li.hover > a, #mainMenu ul li:hover > a { text-decoration: underline; } #mainMenu ul li.active a { color: #000; text-decoration: none; cursor: default; } /* * * * * * 2. level * * * * * */ #mainMenu ul li ul.hovermenu li { background: white; } #mainMenu ul li ul li.hasSubpages a { background: url(../images/design/mainmenu_sipka.png) 98% 50% no-repeat !important; } #mainMenu ul li ul li.hasSubpages ul li a { background: none !important; } #mainMenu ul li.hover ul.hovermenu li a, #mainMenu ul li:hover ul.hovermenu li a { background: none; } #mainMenu ul li.hasSubpages ul.hovermenu li a span { border: none; padding: 5px 12px; background: none; } #mainMenu ul li:hover ul.hovermenu li:hover { background: #fbe9d3; } #mainMenu ul li.hover ul.hovermenu li.hover a, #mainMenu ul li:hover ul.hovermenu li:hover a { } #mainMenu ul li.hover ul.hovermenu li.hover a span, #mainMenu ul li:hover ul.hovermenu li:hover a span { /*background: #fbe9d3;*/ } /* * * * * * 3. level * * * * * */ #mainMenu ul li.hover ul.hovermenu li.hover ul li, #mainMenu ul li:hover ul.hovermenu li:hover ul li { } #mainMenu ul li.hover ul.hovermenu li.hover ul li a, #mainMenu ul li:hover ul.hovermenu li:hover ul li a { } #mainMenu ul li.hover ul.hovermenu li.hover ul li.hover, #mainMenu ul li:hover ul.hovermenu li:hover ul li:hover { } #mainMenu ul li.hover ul.hovermenu li.hover ul li.hover a, #mainMenu ul li:hover ul.hovermenu li:hover ul li:hover a { } /* * * * * * zobrazovánĂ­ a skrĂ˝vání­ // showing and hiding * * * * * */ #mainMenu ul li.hasSubpages ul { top: 45px; left: 0; } #mainMenu ul li.hasSubpages ul li.hasSubpages ul, #mainMenu ul li.hasSubpages ul li.hasSubpages ul li.hasSubpages ul { top: -1px; left: 200px; } #mainMenu ul li.hasSubpages ul.hidden, #mainMenu ul li.hasSubpages ul li.hasSubpages ul.hidden, #mainMenu ul li.hasSubpages ul li.hasSubpages ul li.hasSubpages ul.hidden { left: -999em; top: -999em; } /* * * * * * MAINMENU BEZ JS * * * * * * */ #mainMenu ul li.hasSubpages.hoveron ul, #mainMenu ul li ul li.hasSubpages.hoveron ul, #mainMenu ul li ul li ul li.hasSubpages.hoveron ul { position: absolute; left: -999em; top: -999em; } #mainMenu ul li.hasSubpages:hover ul { top: 45px; left: 0; } #mainMenu ul li ul li.hasSubpages:hover ul { top: 0px; left: 200px; } #mainMenu ul li ul li ul li.hasSubpages:hover ul { top: 0px; left: 200px; } /* DROPDOWN MENU */ #mainMenu li.dropdown { z-index: 1000; } #mainMenu li.dropdown > a:hover, #mainMenu li.dropdown.active > a { background: white; } #mainMenu li.dropdown > a span { } #mainMenu li.dropdown > a span strong { display: block; background: url(../images/design/lang.gif) no-repeat scroll 100% 10px; padding-right: 12px; } #mainMenu li.dropdown .hidden { left: -999em; top: -999em; } /* DROPDOWN MENU - bez JS */ #mainMenu li.dropdown.hoveron .hidden { left: -999em; top: -999em; } #mainMenu li.dropdown.hoveron:hover .hidden, #mainMenu li.dropdown .dropdown_obsah { position: absolute; top: 45px; left: auto; right: 0px; background: url(../images/design/dropdown_bg.png) 0 0 repeat; width: 475px; padding: 30px 40px 20px; font-size: 1em; } #mainMenu li.dropdown .dropdown_obsah ul li { font-size: 1em; } #mainMenu li.dropdown .dropdown_obsah ul li a { color: #0068cc; text-decoration: underline; background: none; } #mainMenu li.dropdown .dropdown_obsah ul li a:hover, #mainMenu li.dropdown .dropdown_obsah ul li:hover a { text-decoration: none; background: none; } /* DROPDOWN MENU - on click */ #mainMenu li.dropdown .dropdown_obsah .close { background: url(../images/design/dropdown_close.png) 0 0 no-repeat; position: absolute; right: 10px; top: 10px; width: 16px; height: 15px; cursor: pointer; } #mainMenu li.dropdown .dropdown_obsah .close span { position: absolute; left: -999em; top: -999em; padding: 0; } #mainMenu li.dropdown.typ_click.active > a span strong { background: url(../images/design/dropdown_sipka_up.png) 100% 50% no-repeat; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * * SLOUPCOVÉ VÄšCI * * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * * COLUMNS STYLES * * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * sloupcovĂ© boxy - col boxes * * * * * */ .sloupec_box { margin: 0 0 20px; } .sloupec_box_cont { } .sloupec_box h3, #col1 .texty .extra h2, #col1 .texty .extra h3 { margin: 0 0 10px; font-size: 1.5714em; font-weight: normal; color: #444; text-transform: none; } #col1 .texty { margin-bottom: 20px; } #col1 .texty > .extra { padding: 0; } #col1 .texty > .extra > h2, #col1 .texty > .extra > h3 { font-size: 1.5em; } #col1 .texty p { line-height: 1.35em; } #col1 .texty ul { padding: 0; margin: 0 0 10px; } #col1 .texty ul li { margin: 0 0 3px; } #col1 .kontakt, #col1 .katalog { background: none; border: none; } #col1 .kontakt > .extra, #col1 .katalog > .extra { padding: 0; } #col1 .cenik { background: #FFE9C7; } #col1 .cenik > .extra { padding: 15px 20px; } #col1 .cenik > .extra > h2 { text-transform: uppercase; font-size: 23px; padding-top: 5px; margin-bottom: 15px; display: none; } #col1 .cenik .texty_popis { position: relative; } #col1 .cenik .texty_popis hr { background: #fdc267; color: #fdc267; } #col1 .cenik .texty_popis h2 { text-transform: none!important; color: black; font-size: 1.3571em; font-weight: bold; margin-bottom: 14px; } #col1 .cenik p.cenaBez { font-weight: bold; font-size: 1.4285em; margin: -12px 0 0; } #col1 .cenik p.cenaVcetne { color: black; font-size: 1.4285em; margin: -10px 0 0; font-weight: bold; } #col1 .cenik p.cenaBez + p, #col1 .cenik p.cenaVcetne + p { color: #666; font-size: 0.8571em; margin-top: -3px; } #col1 .cenik .textBoxRight { position: absolute; top: 65px; right: -35px; margin: 0; padding: 13px 0 0; width: 83px; height: 70px; color: #fff; background: #D0000E; border: none; text-align: center; font-size: 0.9285em; } #col1 .cenik .textBoxRight p { line-height: 15px; } #col1 .cenik .textBoxRight span { font-size: 1.5384em; display: block; font-weight: bold; margin-bottom: 3px; } #col1 .cenik .texty_popis>p:nth-last-of-type(1) { color: black; } #col1 .cenik .textBoxRight.sleva { top: 160px; } #col1 .cenik .textBoxRight.sleva span { text-transform: uppercase; padding: 0 8px; } .ref_12.id_176 #col1 .cenik .textBoxRight span, .ref_12.id_269 #col1 .cenik .textBoxRight span, .ref_12.id_280 #col1 .cenik .textBoxRight span, .ref_12.id_231 #col1 .cenik .textBoxRight span, .ref_12.id_189 #col1 .cenik .textBoxRight span, .ref_12.id_204 #col1 .cenik .textBoxRight span, .ref_12.id_181 #col1 .cenik .textBoxRight span, .ref_12.id_207 #col1 .cenik .textBoxRight span, .ref_12.id_206 #col1 .cenik .textBoxRight span, .ref_12.id_208 #col1 .cenik .textBoxRight span, .ref_12.id_173 #col1 .cenik .textBoxRight span, .ref_12.id_174 #col1 .cenik .textBoxRight span, .ref_12.id_175 #col1 .cenik .textBoxRight span, .ref_12.id_179 #col1 .cenik .textBoxRight span, .ref_12.id_185 #col1 .cenik .textBoxRight span, .ref_12.id_186 #col1 .cenik .textBoxRight span, .ref_12.id_187 #col1 .cenik .textBoxRight span, .ref_12.id_143 #col1 .cenik .textBoxRight span, .ref_12.id_188 #col1 .cenik .textBoxRight span, .ref_12.id_190 #col1 .cenik .textBoxRight span, .ref_12.id_191 #col1 .cenik .textBoxRight span, .ref_12.id_192 #col1 .cenik .textBoxRight span, .ref_12.id_193 #col1 .cenik .textBoxRight span, .ref_12.id_194 #col1 .cenik .textBoxRight span, .ref_12.id_195 #col1 .cenik .textBoxRight span, .ref_12.id_196 #col1 .cenik .textBoxRight span, .ref_12.id_197 #col1 .cenik .textBoxRight span, .ref_12.id_199 #col1 .cenik .textBoxRight span, .ref_12.id_201 #col1 .cenik .textBoxRight span, .ref_12.id_202 #col1 .cenik .textBoxRight span { line-height: 20px; font-size: 17px; padding-top: 7px; } #col1 .cenik .textBoxRight.deska, #col1 .cenik .textBoxRight.solar { position: relative; right: auto; top: auto; float: left; margin: 0 10px 1em 0; font-size: 0.8571em; padding-top: 12px; height: 53px; width: 65px; } #col1 .cenik .textBoxRight.deska p, #col1 .cenik .textBoxRight.solar p { line-height: 1.2em; } body.de #col1 .cenik > .extra > h2 { font-size: 19px; } /* * * * * * navi menu * * * * * */ #naviMenu { width: 228px; background: #fafafa; border: 1px solid #e7e7e7; } #naviMenu h3 { padding: 22px 20px 15px; margin: 0; } #naviMenu ul { width: 100%; margin: 0; padding: 0; } #naviMenu ul:after { display: block; clear: both; content: " "; } #naviMenu ul li { position: relative; float: left; width: 100%; padding: 0; margin: 0; background: none; } #naviMenu ul li a { display: block; width: 100%; text-decoration: none; border-bottom: 1px solid #e7e7e7; color: black; } #naviMenu ul li a:hover { color: #CF6E01; } #naviMenu ul li.last a { border-bottom: none; } #naviMenu ul li a span { display: block; padding: 10px 20px 9px; } #naviMenu ul li a img { position: absolute; top: -999em; left: -999em; } #naviMenu ul li ul { } #naviMenu ul li ul li { } #naviMenu ul li ul li.last a { border-bottom: 1px solid #E7E7E7; } #naviMenu ul li ul li a { } #naviMenu ul li ul li a span { padding: 5px 20px 5px 40px; } /* * * * * * 1. level * * * * * */ #naviMenu ul li.active a { background: #e7e7e7; border-bottom: 1px solid white; } #naviMenu ul li.active > a { color: black; background: #97BF0E; } /* * * * * * 2. level * * * * * */ #naviMenu ul li ul li.selected > a { background: #ef9c00 url(../images/design/naviactive.png) 0 0 repeat-y; } /* * * * * * 3. level * * * * * */ #naviMenu ul li.hover ul li.hover ul li, #naviMenu ul li:hover ul li:hover ul li { } #naviMenu ul li.hover ul li.hover ul li.hover, #naviMenu ul li:hover ul li:hover ul li:hover { } /* * * * * * zobrazovánĂ­ a skrÄ‚ËťvánĂ­ // showing and hiding * * * * * */ #naviMenu ul li.hover ul, #naviMenu ul li:hover ul { top: -1px; left: 210px; } #naviMenu ul li.hover ul li.hover ul, #naviMenu ul li:hover ul li:hover ul, #naviMenu ul li.hover ul li.hover ul li.hover ul, #naviMenu ul li:hover ul li:hover ul li:hover ul { left: 200px; } #naviMenu ul li.hover ul ul, #naviMenu ul li:hover ul ul, #naviMenu ul li.hover ul li.hover ul ul, #naviMenu ul li:hover ul li:hover ul ul, #naviMenu ul li.hover ul li.hover ul li.hover ul ul, #naviMenu ul li:hover ul li:hover ul li:hover ul ul { left: -999em; } /* * * * * * ecpMenu * * * * * */ #ecpMenu { width: 228px; background: #fafafa; border: 1px solid #e7e7e7; } #ecpMenu h3 { padding: 22px 20px 15px; margin: 0; } #ecpMenu ul { width: 100%; margin: 0; padding: 0; } #ecpMenu ul:after { display: block; clear: both; content: " "; } #ecpMenu ul li { position: relative; float: left; width: 100%; padding: 0; margin: 0; background: none; } #ecpMenu ul li a { display: block; width: 100%; text-decoration: none; border-bottom: 1px solid #e7e7e7; } #ecpMenu ul li.last a { border-bottom: none; } #ecpMenu ul li a span { display: block; padding: 10px 20px 9px; } #ecpMenu ul li img { position: absolute; top: -999em; left: -999em; } #ecpMenu ul li ul li a span { padding: 7px 20px 8px 40px; } #ecpMenu ul li ul li.last a { border-bottom: 1px solid white; } #ecpMenu ul li.selected a { background: #e7e7e7; border-bottom: 1px solid white; } #ecpMenu ul li.selected > a { color: black; } #ecpMenu ul li ul li.selected > a { background: #ef9c00 url(../images/design/naviactive.png) 0 0 repeat-y; } /* * * * * * subNaviMenu * * * * * */ #subNaviMenu { width: 100%; float: left; } #subNaviMenu ul { width: 100%; margin: 0; padding: 0; } #subNaviMenu ul:after { display: block; clear: both; content: " "; } #subNaviMenu ul li { position: relative; float: left; width: 100%; padding: 0; margin: 0; background: none; } #subNaviMenu ul li a { display: block; width: 100%; text-decoration: none; border-bottom: 1px solid #e7e7e7; } #subNaviMenu ul li.last a { border-bottom: none; } #subNaviMenu ul li a span { display: block; padding: 4px 0px 4px; } #subNaviMenu ul li a img { position: absolute; top: -999em; left: -999em; } #subNaviMenu ul li.back { font-weight: normal; font-style: italic; } #subNaviMenu ul li.back a span:before { content: "\2190 "; } #subNaviMenu ul li ul { position: absolute; top: -999em; left: -999em; width: 200px; padding: 0; border: solid 1px #dadada; border-bottom: none; } #subNaviMenu ul li ul li { width: 100%; margin: 0; font-size: 1em; border-bottom: solid 1px #dadada; } #subNaviMenu ul li ul li a { width: 100%; display: block; float: none; padding: 0; border-bottom: none; } #subNaviMenu ul li ul li a span { display: block; padding: 6px 8px 5px; } /* * * * * * 1. level * * * * * */ #subNaviMenu ul li.active, #subNaviMenu ul li.hover, #subNaviMenu ul li:hover { /*background: #ceddec;*/ } #subNaviMenu ul li.active a, #subNaviMenu ul li.hover a, #subNaviMenu ul li:hover a { } /* * * * * * 2. level * * * * * */ #subNaviMenu ul li.hover ul li, #subNaviMenu ul li:hover ul li { background: white; } #subNaviMenu ul li.hover ul li a, #subNaviMenu ul li:hover ul li a { background: none; } #subNaviMenu ul li:hover ul li.active, #subNaviMenu ul li.hover ul li.active, #subNaviMenu ul li.hover ul li.hover, #subNaviMenu ul li:hover ul li:hover { background-color: #eee; } /* * * * * * 3. level * * * * * */ #subNaviMenu ul li.hover ul li.hover ul li, #subNaviMenu ul li:hover ul li:hover ul li { } #subNaviMenu ul li.hover ul li.hover ul li.hover, #subNaviMenu ul li:hover ul li:hover ul li:hover { } /* * * * * * zobrazovánĂ­ a skrÄ‚ËťvánĂ­ // showing and hiding * * * * * */ #subNaviMenu ul li.hover ul, #subNaviMenu ul li:hover ul { top: -1px; left: 210px; } #subNaviMenu ul li.hover ul li.hover ul, #subNaviMenu ul li:hover ul li:hover ul, #subNaviMenu ul li.hover ul li.hover ul li.hover ul, #subNaviMenu ul li:hover ul li:hover ul li:hover ul { left: 200px; } #subNaviMenu ul li.hover ul ul, #subNaviMenu ul li:hover ul ul, #subNaviMenu ul li.hover ul li.hover ul ul, #subNaviMenu ul li:hover ul li:hover ul ul, #subNaviMenu ul li.hover ul li.hover ul li.hover ul ul, #subNaviMenu ul li:hover ul li:hover ul li:hover ul ul { left: -999em; } /* * * * * * poradnaMenu * * * * * */ #poradnaMenu { width: 100%; } #poradnaMenu ul { width: 100%; margin: 0; padding: 5px 0; } #poradnaMenu ul:after { display: block; clear: both; content: " "; } #poradnaMenu ul li { padding: 4px 0px 4px 0; margin: 0; border-bottom: dotted 1px #D5DDED; background: none; float: left; width: 100%; text-align: right; } #poradnaMenu ul li a { margin-right: 10px; text-decoration: none; } #poradnaMenu ul li.last a { border-bottom: none; } #poradnaMenu ul li a span { float: left; display: block; width: 85%; text-align: left; } #poradnaMenu ul li a img { position: absolute; top: -999em; left: -999em; } #poradnaMenu ul li ul { position: absolute; top: -999em; left: -999em; width: 200px; padding: 0; border: solid 1px #dadada; border-bottom: none; } #poradnaMenu ul li ul li { width: 100%; margin: 0; font-size: 1em; border-bottom: solid 1px #dadada; } #poradnaMenu ul li ul li a { width: 100%; display: block; float: none; padding: 0; border-bottom: none; } #poradnaMenu ul li ul li a span { display: block; padding: 6px 8px 5px; } /* * * * * * 1. level * * * * * */ #poradnaMenu ul li.active, #poradnaMenu ul li.hover, #poradnaMenu ul li:hover { } #poradnaMenu ul li.active a, #poradnaMenu ul li.hover a, #poradnaMenu ul li:hover a { } /* * * * * * 2. level * * * * * */ #poradnaMenu ul li.hover ul li, #poradnaMenu ul li:hover ul li { background: white; } #poradnaMenu ul li.hover ul li a, #poradnaMenu ul li:hover ul li a { background: none; } #poradnaMenu ul li:hover ul li.active, #poradnaMenu ul li.hover ul li.active, #poradnaMenu ul li.hover ul li.hover, #poradnaMenu ul li:hover ul li:hover { background-color: #eee; } /* * * * * * 3. level * * * * * */ #poradnaMenu ul li.hover ul li.hover ul li, #poradnaMenu ul li:hover ul li:hover ul li { } #poradnaMenu ul li.hover ul li.hover ul li.hover, #poradnaMenu ul li:hover ul li:hover ul li:hover { } /* * * * * * zobrazovánĂ­ a skrÄ‚ËťvánĂ­ // showing and hiding * * * * * */ #poradnaMenu ul li.hover ul, #poradnaMenu ul li:hover ul { top: -1px; left: 210px; } #poradnaMenu ul li.hover ul li.hover ul, #poradnaMenu ul li:hover ul li:hover ul, #poradnaMenu ul li.hover ul li.hover ul li.hover ul, #poradnaMenu ul li:hover ul li:hover ul li:hover ul { left: 200px; } #poradnaMenu ul li.hover ul ul, #poradnaMenu ul li:hover ul ul, #poradnaMenu ul li.hover ul li.hover ul ul, #poradnaMenu ul li:hover ul li:hover ul ul, #poradnaMenu ul li.hover ul li.hover ul li.hover ul ul, #poradnaMenu ul li:hover ul li:hover ul li:hover ul ul { left: -999em; } /* * * logo webTop100 * * */ #bottom .webTop100 { position: absolute; left: -410px; text-align: center; width: 280px; margin-top: -13px; } #bottom .webTop100 span { display: block; line-height: 18px; font-size: 0.7857em; } #bottom .webTop100 img { float: none !important; margin: 0 !important; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * * CENTRÁLNĂŤ VÄšCI * * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * * CENTRAL STYLES * * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * control box * * * * * */ /*p.control_box { margin: 0 0 1em; padding: 5px 5px; border: solid 1px #e2e2e2; line-height: normal; background: #ebebeb url(../images/design/control_box.gif) 0 100% repeat-x; } p.control_box span.control_box_upravit { float: right; }*/ p.control_box { margin: 0; line-height: normal; position: fixed; top: 0; right: 0; z-index: 150; text-align: center; background: #f4f4f4 url(../images/design/control_box.gif) 0 100% repeat-x; border: solid #b2b2b2; border-width: 0 0 1px 1px; } p.control_box span.control_box_upravit { display: block; } p.control_box span.control_box_upravit a { display: inline-block; padding: 6px 11px; background: url(../images/icons/icon_new_window.gif) 100% 40% no-repeat; margin-right: 4px; } p.control_box span + span { display: none; } p.control_box { -moz-box-shadow: 0 0 1px 1px white inset, 0 0 6px #B2B2B2; -webkit-box-shadow: 0 0 1px 1px white inset, 0 0 6px #B2B2B2; box-shadow: 0 0 1px 1px white inset, 0 0 6px #B2B2B2; } @media screen and (max-width:1240px) { p.control_box { right: auto; left: 0; width: 100%; min-width: 960px; border-width: 0 0 1px; } #top { padding-top: 29px; } } /* * * * * * crumb trail * * * * * */ p#navigace { width: 100%; margin: 0 0 20px; font-size: 0.9285em; color: #999; } p#navigace a.back { display: none; } p#navigace a { margin-right: 8px; color: #999; } p#navigace a:hover { color: black; } p#navigace .drobek { position: relative; display: inline-block; width: 6px; height: 20px; margin-right: 6px; background: url(../images/design/crumb.png) 0 center no-repeat; text-indent: -999em; } /* * * * * * crumb trail dole * * * * * */ p#navigace-bottom { position: absolute; top: 0; left: 0; width: 100%; margin: 0; background: red; } p#navigace-bottom a.back { float: right; margin: 0 0 0 15px; } #demands_stats { width: 960px; } #demands-filter { margin-bottom: 8px; float: none; } #demands-filter label { margin-right: 6px; } #demands-filter label + input { margin-right: 8px; } #demands-table { width: 100%; } /*********************************************************************************************************/ /* CSS 3 - common styles */ /*********************************************************************************************************/ #texty_26 .texty_popis .cislo, #col1 .cenik .textBoxRight, .timeline .den p.cislo { -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; } .poradna-cta-bubble { -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; } .timeline .obsah { -moz-border-radius: 0 300px 300px 0; -webkit-border-radius: 0 300px 300px 0; border-radius: 0 300px 300px 0; } /* [OBSOLETE?] BOX-SHADOW INSET */ .navigator .strankovani span a:hover { -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.1); box-shadow: inset 0 0 10px rgba(0,0,0,0.1); } #texty_obal_93 .sloupec_box8 { -moz-box-shadow: 0 0 26px 1px #F4F4F4; -webkit-box-shadow: 0 0 26px 1px #F4F4F4; box-shadow: 0 0 26px 1px #F4F4F4; } #top .mega_anotace, #autocomplete { -moz-box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.5); } .timeline .den p.cislo { -moz-box-shadow: 0 0 0 5px #dadada; -webkit-box-shadow: 0 0 0 5px #dadada; box-shadow: 0 0 0 5px #dadada; } table.newCenik .napoveda span { -moz-box-shadow: 1px 1px 8px #aaa; -webkit-box-shadow: 1px 1px 8px #aaa; box-shadow: 1px 1px 8px #aaa; } input.checkbox, input.no_border, input[type="checkbox"], input[type="radio"], #searchbox input.left_input:focus, #searchbox input.imagesub:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } input:focus, textarea:focus { border-color: #a6a6a6; -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset, 0 0 5px #a6a6a6; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset, 0 0 5px #a6a6a6; -o-box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset, 0 0 5px #a6a6a6; -ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset, 0 0 5px #a6a6a6; box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset, 0 0 5px #a6a6a6; } input:hover, textarea:hover { border-color: #a6a6a6; } /* lightbox [OBSOLETE?] TRANSITION */ #lightbox .photosBar .photosWrapper .photosCarousel .photo { -moz-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } body.katalog .columns .col .anotace { -moz-transition: all 0.5s ease 0.3s; -webkit-transition: all 0.5s ease 0.3s; -o-transition: all 0.5s ease 0.3s; -ms-transition: all 0.5s ease 0.3s; transition: all 0.5s ease 0.3s; } #homepage-news-box .news div .image:after { -moz-transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; } #lightbox .photosBar .photosWrapper .photosCarousel .photo:hover { -moz-box-shadow: 0 0 4px #099bcd; -webkit-box-shadow: 0 0 4px #099bcd; box-shadow: 0 0 4px #099bcd; } /* * * * * * * * * * * */ /* RĹŻznĂ© hover efekty */ /* * * * * * * * * * */ /* Animace hoveru na fotce pomocĂ­ CSS3 */ /* [OBSOLETE?] DEFAULT stĂ­n na obrázku bez boxĂ­ku */ .fotky p.foto a img { padding: 8px; } .fotky p.foto a:hover img, .slider_fotogalerie .nivo-html .nivoSlideItem a:hover img { -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.4); box-shadow: 0px 0px 7px rgba(0,0,0,0.4); -moz-transition: box-shadow 0.5s ease-in-out; -webkit-transition: -webkit-box-shadow 0.5s ease-in-out; -o-transition: box-shadow 0.5s ease-in-out; -ms-transition: box-shadow 0.5s ease-in-out; transition: box-shadow 0.5s ease-in-out; } /* inset stĂ­n na boxu */ .c_88 .fotky p.foto a img { border-right: solid 1px #e7e7e7; border-bottom: solid 1px #e7e7e7; padding: 19px 20px; background: #fafafa; } .c_88 .fotky p.foto a:hover img { -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.2); -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.2); box-shadow: inset 0 0 10px rgba(0,0,0,0.2); } /* [OBSOLETE?] TRANSFORM - otoceni */ .c_87 .fotky p.foto { } .c_87 .fotky p.foto a img { -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.2), 5px 5px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.2), 5px 5px 5px rgba(0,0,0,0.2); box-shadow: 0px 0px 15px rgba(0,0,0,0.2), 5px 5px 5px rgba(0,0,0,0.2); padding: 10px; } .c_87 .fotky p.foto a img:hover { -webkit-box-shadow: 5px 5px 15px rgba(0,0,0,0.5); -moz-box-shadow: 5px 5px 15px rgba(0,0,0,0.5); box-shadow: 5px 5px 15px rgba(0,0,0,0.5); } .c_87 .fotky p.foto.deg1 { -webkit-transform: rotate(-4deg); -moz-transform: rotate(-4deg); -o-transform: rotate(-4deg); -ms-transform: rotate(-4deg); transform: rotate(-4deg); } .c_87 .fotky p.foto.deg2 { -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); } .c_87 .fotky p.foto.deg3 { -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -o-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } .c_87 .fotky p.foto.deg4 { -webkit-transform: rotate(-6deg); -moz-transform: rotate(-6deg); -o-transform: rotate(-6deg); -ms-transform: rotate(-6deg); transform: rotate(-6deg); } .c_87 .fotky p.foto.deg5 { -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); -o-transform: rotate(2deg); -ms-transform: rotate(2deg); transform: rotate(2deg); } .c_87 .fotky p.foto.deg6 { -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } /* hack pro Chrome */ @media screen and (-webkit-min-device-pixel-ratio:0) { #top .mega_anotace { top: 116px; } } .novinky_detail h1 span { font-size: 0.6em; display: block; line-height: 1em; padding-bottom: 10px; padding: 8px 0; } .c_150 h1 span { font-size: 0.6em; display: block; line-height: 1em; padding-bottom: 10px; padding: 8px 0; } /*body.homepage div#poradna_vypis div.clinic_detail { max-height: 93px !important; overflow: hidden; }*/ /** * ------------------------------------------------------ * Custom stranka pro dum * EXCLUSIVE * ........ ------------------------------------------------------ */ /* Cileni podle tridy (ID) stranky - EXCLUSIVE */ .id_385 { background-color: #211e1b; } .id_385 #top { background-color: #fff; } .id_385.katalog h1, .id_385.katalog h2 { color: #fff; text-align: center; text-transform: uppercase; font-weight: 300; margin-bottom: 5px; } .id_385.katalog h2 { font-size: 35px; } .id_385 #center .anotace_detail { float: none; width: 100%; color: #999; margin-bottom: 20px; text-transform: uppercase; text-align: center; font-weight: 300; } .id_385 #center .anotace_detail p { font-size: 22px; } .id_385 #navigace { margin-top: 20px; } .id_385 .catalog_anotation { color: #ddd; font-size: 18px; margin-bottom: 70px; text-align: center; } .id_385 .catalog_description { color: #ddd; max-width: 465px; margin: auto; font-size: 16px; padding: 0 15px; } .id_385 .navigator .prev { display: none; } /* Accordion - pouzito v komponente dum */ .accordion { } .accordion__item { } .accordion__content { } /* cookie */ .cookie-agreement a { color: #fff; } .cookie-agreement a:hover { color: #fff; text-decoration: none; }