/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 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: 326px; text-align: left; position: relative; background: #E6EBF1 url(../images/design/obal.jpg) 50% 326px no-repeat; } /* 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: 685px; padding: 30px 0; } #center_cont { width: 100%; } #col2 { display: none; /*display: inline; float: left; width: 180px; margin: 0;*/ } #col1 { display: inline; float: right; width: 230px; padding: 76px 0 20px; } #center .anotace_detail { padding: 0 15px 5px 15px; margin-bottom: 1em; font-size: 1.0769em; border-bottom: 1px solid #eaeff2; } #center .popis { /*width: 100%;*/ /*clear: both;*/ } #center .popis:after { clear: both; content: ' '; display: block; } /* 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 #main { background: none; } body.homepage #columnsWrapper { width: 100%; background: none; border: none; margin: 0; } body.homepage h1 { width: 56%; float: left; margin: 2.5em 0 1em 13px; color: #666666; font-size: 1.0714em; text-transform: uppercase; } body.homepage #center { width: 100%; padding: 0; border-top: none; } body.homepage #stranky { display: none; } #texty_obal_51 { width: 100%; background: #e6ebf1 url(../images/design/obal.jpg) 50% 0 no-repeat; } #texty_obal_51 > .extra { width: 960px; margin: 0 auto; padding-top: 41px; } #texty_obal_51 > .extra:after { display: block; clear: both; content: " "; } #slider-wrapper-7 { width: 320px; margin-right: 45px; display: block !important; } #slider-wrapper-12 { width: 320px; display: block !important; } .slider_novinky_puv h2 { color: #5e6773; text-shadow: 0px 1px 1px #fff; margin: 0; } .slider_novinky_puv h3 { font-size: 1.1428em; float: right; width: 244px; } .slider_novinky_puv h3 a { text-decoration: none; } .slider_novinky_puv p.datum { float: left; width: 62px; text-align: center; background: url(../images/design/datum.png) 0 0 no-repeat; padding: 5px 0 2px; color: #555c64; font-size: 0.9285em; margin: 0; } .slider_novinky_puv .html-after:before { display: block; clear: both; content: " "; } .slider_novinky_puv .html-after { width: 100%; margin: 10px 0 0; } .slider_novinky_puv .html-after p { margin: 0; float: right; background: #bcc2ca; border-top: 1px solid white; border-bottom: 1px solid #a2a9b1; position: relative; } .slider_novinky_puv .html-after p a { text-decoration: none; padding: 1px 29px 2px 12px; color: #2a2e33; background: url(../images/design/sipka.png) 90% 55% no-repeat; display: block; } .slider_novinky_puv .html-after p a:hover { color: #be0d05; background-image: url(../images/design/sipkahover.png); } #slider-wrapper-7 .html-after p a { padding-left: 15px; } #texty_6 { width: 236px; background: url(../images/design/mapa.png) 50% 100% no-repeat; padding-bottom: 137px; } #texty_6 h2 { color: #5e6773; text-shadow: 0px 1px 1px #fff; padding: 0 3px; margin-bottom: 19px; } #texty_6 .texty_popis { background: white; margin: 0 3px; padding: 1px 15px 0; position: relative; } #texty_6 .texty_popis p { margin: 12px 0 0; line-height: 1.5em; } #texty_obal_51 #texty_6 { float: right; margin-right: -3px; } #col1 #texty_6 { margin-left: -3px } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * * * * * * HLAVIČKA A PATIČKA * * * * * * * * * * * */ /* * * * * * * * * * * HEADER AND FOOTER THINGS * * * * * * * * * * * */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ #top { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 326px; background: #e6ebf1 url(../images/design/top.jpg) 50% 0 no-repeat; } #top > .wrapper { width: 960px; margin: 0 auto; position: relative; } #top a#logo { position: absolute; left: 0; top: 38px; } #top #topflash { position: absolute; top: 42px; right: 420px; } #top #topflash .banner { width: auto; margin: 0; } #top .wrapper .wrapper { position: absolute; top: 134px; right: 0; z-index: 6000; } #top .velikost-textu { float: left; background: url(../images/design/pipe2.png) 100% 1px no-repeat; padding: 0 13px 0 0; margin-right: 14px; } #top .velikost-textu span.label { height: 20px; vertical-align: top; padding-right: 4px; } #top .velikost-textu span.size { display: inline-block; position: relative; width: 15px; height: 20px; margin-right: 4px; overflow: hidden; color: #be0d05; text-decoration: underline; } #top .velikost-textu span.size:hover { text-decoration: none; } #top .velikost-textu span.size span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/design/size.png) 0 0 no-repeat; } #top .velikost-textu span.textSize2 span { background-position: -15px 0; } #top .velikost-textu span.textSize3 span { background-position: -30px 0; } #top .slaby-zrak { float: left; background: url(../images/design/pipe2.png) 100% 1px no-repeat; padding: 0 17px 0 0; } #top .slaby-zrak a { padding-left: 30px; background: url(../images/design/zrak.png) 0 2px no-repeat; color: #505863; } #top .slaby-zrak a:hover { color: #be0d05; } /* * * * * * patiÄŤka - footer * * * * * */ /* * * * v mainu - inside main * * * */ #bottom { position: relative; clear: both; width: 100%; background: white; color: #707070; } #bottom .width { width: 960px; margin: 0 auto; position: relative; } #bottom a { color: #555555; } #bottom a:hover { color: #be0d05; } #bottom p { margin: 0; } #bottom p.text { font-size: 0.7857em; } #bottom p.text1 { margin-bottom: 1px; padding-top: 21px; } #bottom p.text3 { margin-top: 1px; padding-bottom: 38px; } /* 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: 93px; right: -10px; margin: 0; line-height: normal; } ul#lang li { display: inline; float: left; margin-right: 10px; padding: 0; text-align: center; background: none; } ul#lang li a { font-size: 0.833em; padding: 3px 0 3px 30px; background: url(../images/icons/ico_cz.png) 0 0 no-repeat; } ul#lang li a span { } #lang li.cz a { background: url(../images/icons/ico_cz.png) 0px 50% no-repeat; } #lang li.en a { background: url(../images/icons/ico_en.png) 0 50% no-repeat; } #lang li.de a { background: url(../images/icons/ico_de.png) 0 50% no-repeat; } #lang li.sk a { background: url(../images/icons/ico_sk.png) 0 50% no-repeat; } #lang li.pl a { background: url(../images/icons/ico_pl.png) 0 50% no-repeat; } #lang li.ru a { background: url(../images/icons/ico_ru.png) 0 50% no-repeat; } /* * * * * * lang pseudoselect * * * * * */ #lang.panel_select { background: #c0c5cc; position: absolute; top: 63px; left: 585px; float: left; z-index: 1001; width: 112px; } #lang.panel_select li a { background: none; } #lang .yet-another-pseudo-select { width: 112px; /*background: url(../images/design/lang.gif) 100% 0 no-repeat;*/ } #lang .yet-another-pseudo-select ul { position: relative; width: 100%; height: 22px; overflow: hidden; margin: 0; line-height: normal; font-size: 0.7857em; float: left; padding: 4px 0 0; z-index: 1; } .homepage #lang .yet-another-pseudo-select ul { } #lang .yet-another-pseudo-select ul li { padding: 0; background: none; } #lang .yet-another-pseudo-select ul li.lang { width: 100%; } #lang .yet-another-pseudo-select ul li.lang a { display: block; padding: 3px 0 3px 33px; color: #666; text-decoration: none; background: url(../images/icons/ico_cz.png) 8px 2px no-repeat; } #lang .yet-another-pseudo-select ul li.en a { background-image: url(../images/icons/ico_en.png); } #lang .yet-another-pseudo-select ul li.ru a { background-image: url(../images/icons/ico_ru.png); } #lang .yet-another-pseudo-select ul li.sk a { background-image: url(../images/icons/ico_sk.png); } #lang .yet-another-pseudo-select ul li.de a { background-image: url(../images/icons/ico_de.png); } #lang .yet-another-pseudo-select ul li.pl a { background-image: url(../images/icons/ico_pl.png); } #lang .yet-another-pseudo-select ul li.ro a { background-image: url(../images/icons/ico_ro.png); } #lang .yet-another-pseudo-select ul li.ua a { background-image: url(../images/icons/ico_ua.png); } #lang .yet-another-pseudo-select ul.opened li.lang a:hover { color: black; } #lang .yet-another-pseudo-select ul.opened { background: #c0c5cc; } #lang .yet-another-pseudo-select ul li.toggle { position: absolute; top: 1px; right: 8px; width: 10px; height: 21px; background: url(../images/design/lang.gif) 100% 10px no-repeat; } #lang .yet-another-pseudo-select ul li.toggle a { display: block; width: 100%; height: 100%; margin: 0; padding: 0; cursor: pointer; } #lang .yet-another-pseudo-select ul.opened { height: auto; overflow: visible; padding-bottom: 3px; } #lang .yet-another-pseudo-select ul.opened li.toggle { } /* * * * * * rychlĂ© vyhledávánĂ­ - searchform * * * * * * * HACKED in ie.cs! */ #searchbox { position: absolute; top: 15px; right: 0; } #searchbox fieldset { display: inline; margin: 0; padding: 0; border: none; background: none; } #searchbox fieldset * { vertical-align: middle; } #searchbox input.left_input { width: 139px; height: 16px; padding: 5px 13px; font-family: Arial, Helvetica, sans-serif; color: #666666; border: none; float: left; font-size: 0.9285em; margin: 0; background: white url(../images/design/searchinput.png) 0 0 no-repeat; } #searchbox input.imagesub { margin: 0; padding: 0; background: none; border: none; } /* * * * * * autocomplete * * * * * */ #autocomplete { position: absolute; top: 20px; left: 0px; z-index: 100; width: 242px; text-align: left; } #autocomplete ul { position: static; top: auto; left: auto; float: left; width: 100%; margin: 0; padding: 0; line-height: normal; } #autocomplete ul.hidden { position: absolute; top: -999em; left: -999em; } #autocomplete ul li { clear: both; float: left; width: 100%; padding: 0; margin: 0; border-bottom: dotted 1px #C4D2DA; border-left: solid 1px #dde4e8; border-right: solid 1px #dde4e8; background: white; vertical-align: middle; font-size: 12px; } #autocomplete ul li.last { border-bottom: none; } #autocomplete ul li.last a { background: none; min-height: 15px; } #autocomplete ul li:after { display: block; clear: both; content: " "; } #autocomplete ul li:hover, #autocomplete ul li.hover, #autocomplete ul li.active { background: #f7f9fa; } /* #autocomplete ul li span.txt { float: left; } #autocomplete ul li span.no { float: right; color: #bbbbbb; } */ #autocomplete ul li a .image { float: left; width: 50px; height: 37px; line-height: 0; overflow: hidden; margin-left: -58px; margin-bottom: 7px; background: white; } #autocomplete ul li a .image img { width: 50px; margin: 0; padding: 0; border: none; } #autocomplete ul li .no-result, #autocomplete ul li a { display: block; /*width: 134px;*/ padding: 6px 8px 7px 65px; min-height: 32px; text-decoration: none; vertical-align: middle; background: url(../images/design/autocomplete_icon.png) 10px 7px no-repeat; } #autocomplete ul li .no-result { background: url(../images/design/autocomplete-no-result.png) 7px 47% no-repeat; } #autocomplete ul li.all-results { margin-top: -1px; border-top: solid 1px #dde4e8; border-bottom: solid 1px #dde4e8; } #autocomplete ul li.all-results a{ padding-left: 8px; font-weight: bold; } /* * * * * * top menu * * * * * */ #mainMenu { position: absolute; top: 12px; right: 194px; max-width: 500px; z-index: 100; } #mainMenu ul { margin: 0; padding: 0; } #mainMenu ul li { position: relative; display: inline; float: left; margin: 0; padding: 0; font-size: 1em; background: none; z-index: 1001; /* kvuli dropdownmenu */} #mainMenu ul li.last a span { background: none; } #mainMenu ul li a { float: left; color: #505863; text-decoration: none; } #mainMenu ul li a span { display: block; padding: 5px 15px; background: url(../images/design/menuodd.png) 100% 8px no-repeat; } #mainMenu ul li a span strong { font-weight: normal; } #mainMenu ul li a img { position: absolute; top: -999em; left: -999em; } #mainMenu ul li.active a, body.sitemap #mainMenu ul li.m4 a { text-decoration: underline; } #mainMenu ul li.active.first a { text-decoration: none; } #mainMenu ul.hovermenu li.active { } #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; } /* * * * * * 1. level * * * * * */ #mainMenu ul li.hover, #mainMenu ul li:hover { margin-top: 0; } #mainMenu ul li.hover > a, #mainMenu ul li:hover > a { color: #be0d05; } #mainMenu ul li.hover a span, #mainMenu ul li:hover a span { } /* * * * * * 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, #col1 .texty { margin: 0 0 31px; } .sloupec_box_cont { } .sloupec_box h3, /* * nova moznost - vyjimka pro texty zapojene na homepage i ve sloupci * */ #col1 .texty .extra h2, #col1 .texty .extra h3, #col2 .texty .extra h2, #col2 .texty .extra h3 { } /* * * * * * navi menu * * * * * */ #naviMenu { width: 100%; float: left; } #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; font-weight: bold; background: none; } #naviMenu ul li a { display: block; width: 100%; text-decoration: none; border-bottom: 1px solid #a5abb3; } #naviMenu ul li.last a { border-bottom: none; } #naviMenu ul li a span { display: block; padding: 4px 0; } #naviMenu ul li a img { position: absolute; top: -999em; left: -999em; } #naviMenu ul li ul { position: absolute; top: -999em; left: -999em; width: 200px; padding: 0; border: solid 1px #dadada; border-bottom: none; } #naviMenu ul li ul li { width: 100%; margin: 0; font-size: 1em; border-bottom: solid 1px #dadada; } #naviMenu ul li ul li a { width: 100%; display: block; float: none; padding: 0; border-bottom: none; } #naviMenu ul li ul li a span { display: block; padding: 6px 8px 5px; } /* * * * * * 1. level * * * * * */ #naviMenu ul li.active, #naviMenu ul li.hover, #naviMenu ul li:hover { } #naviMenu ul li.active a, #naviMenu ul li.hover a, #naviMenu ul li:hover a { } /* * * * * * 2. level * * * * * */ #naviMenu ul li.hover ul li, #naviMenu ul li:hover ul li { background: white; } #naviMenu ul li.hover ul li a, #naviMenu ul li:hover ul li a { background: none; } #naviMenu ul li:hover ul li.active, #naviMenu ul li.hover ul li.active, #naviMenu ul li.hover ul li.hover, #naviMenu ul li:hover ul li:hover { background-color: #eee; } /* * * * * * 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; } /* * * * * * stranky strom menu * * * * * */ #ecpMenu { width: 100%; margin-bottom: 35px; } #ecpMenu ul { width: 100%; margin: 0; padding: 6px 0; background: white; font-size: 1.0714em; } #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 img { display: none; } #ecpMenu ul li a { display: block; width: 100%; text-decoration: none; color: #be0d05; border-bottom: 1px solid #e6ebf1; } #ecpMenu ul li a span { display: block; padding: 6px 16px 9px; } #ecpMenu ul li.last a { border-bottom: none; } #ecpMenu ul li.selected a { color: black; background: url(../images/design/menu1.png) 95.8% 15px no-repeat; } #ecpMenu ul li.selected ul li a { color: #505863; background: none; } #ecpMenu ul li ul li.selected a { font-weight: bold; color: black; background: url(../images/design/menu2.png) 15px 10px no-repeat; } #ecpMenu ul li a:hover, #ecpMenu ul li ul li a:hover { color: black; } #ecpMenu ul li ul { font-size: 0.9333em; padding: 0; } #ecpMenu ul li ul li { } #ecpMenu ul li ul li a { color: #505863; } #ecpMenu ul li ul li a span { padding: 4px 16px 4px 30px; } #ecpMenu ul li ul li ul { position: absolute; top: -999em; left: -999em; display: none; } /* * * * * * 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 #a5abb3; } #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; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * * 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; } body.homepage p.control_box { margin: 0 auto; width: 960px; } /* * * * * * crumb trail * * * * * */ p#navigace { width: 100%; margin: 0 0 20px; font-size: 0.9285em; } p#navigace a.back { display: none; } p#navigace a { margin-right: 10px; color: #505863; } p#navigace a:hover { color: #be0d05; } p#navigace .drobek { position: relative; display: inline-block; width: 10px; height: 20px; margin-right: 1px; background: url(../images/design/crumb.png) 0 center no-repeat; text-indent: -999px; } /* * * * * * 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; } .texty-popup { padding-right: 30px; } .texty-popup #TB_title { background: none; padding: 25px 0 0 30px; height: auto; } .texty-popup #TB_title #TB_ajaxWindowTitle { font-size: 24px; color: #5E6773; padding: 0; } .texty-popup #TB_ajaxContent { color: #333; padding: 0 30px 25px; } .texty-popup #TB_closeAjaxWindow { margin: 0; } .texty-popup #TB_closeAjaxWindow p { padding: 0; } /*********************************************************************************************************/ /* CSS 3 - common styles */ /*********************************************************************************************************/ /* OBSOLETE?] - BOX-SHADOW */ #mainMenu li.dropdown .dropdown_obsah, #mainMenu ul li ul.hovermenu, #lang .yet-another-pseudo-select ul.opened, .login-form-header #client-zone-form, #kalendar_col table td div div { -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.4); -moz-box-shadow: 0px 5px 5px rgba(0,0,0,0.4); box-shadow: 0px 5px 5px rgba(0,0,0,0.4); } #mainMenu ul li ul li ul.hovermenu { -webkit-box-shadow: 3px 3px 4px rgba(0,0,0,0.4); -moz-box-shadow: 3px 3px 4px rgba(0,0,0,0.4); box-shadow: 3px 3px 4px rgba(0,0,0,0.4); } #texty_6 .texty_popis { -webkit-box-shadow: 0px -3px 3px 0px #e4e7e9; -moz-box-shadow: 0px -3px 3px 0px #e4e7e9; box-shadow: 0px -3px 3px 0px #e4e7e9; } .slider_novinky_puv .html-after p { -webkit-box-shadow: 1px 1px 1px 1px #d0d5dc; -moz-box-shadow: 1px 1px 1px 1px #d0d5dc; box-shadow: 1px 1px 1px 1px #d0d5dc; } #ecpMenu ul { -webkit-box-shadow: 0px 0px 3px 3px #e7e9eb; -moz-box-shadow: 0px 0px 3px 3px #e7e9eb; box-shadow: 0px 0px 3px 3px #e7e9eb; } #ecpMenu ul li ul { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* [OBSOLETE?] - BORDER-RADIUS - všude - při webu se zakulacenými prvky */ /* * * * * * * * * * * * * */ .columns.slim > .extra, .eshop_vypis .eshop_nahled h2, .produkty_vypis .produkty_nahled h2, #eshop_top .eshop_top_obsah h3, .clinic .q-list .question .question_head, .clinic_detail blockquote, #guestbook ul li, fieldset, .soubory, span.caption, blockquote, .google-map-wrapper, .zalozky .telo, .slider-wrapper .rss-news, .fotky p.foto a img, #lang.panel_select, #lang .yet-another-pseudo-select ul.opened, .login-form-header #client-zone-form, .clinic .cats, #TB_window, #download .download_obsah .soubory_d, #fotogalerie .fotogalerie_top_obsah, .discussion ul li, .discussion ul > li > h4, #kalendar_col table td div div, .reply, .form, .share-bar li.btn a, #ecpMenu ul, #anketa_sloupec .anketa p a .bar, #anketa_sloupec .anketa p a .bar .hlasy, #newsletter_col, #anketa_sloupec .anketa p.obrazek img, #stranky .obrazek img { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } input.submit, input.sub { -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; } .navigator .strankovani span a, input, textarea { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .slider_novinky_puv .html-after p { -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; } /* [OBSOLETE?] - BORDER-RADIUS - vlevo nahoře - při webu se zakulacenými prvky */ .clinic .q-list .question .answer, .clinic_detail .answer, #guestbook ul li ul li, .discussion ul li ul li { -moz-border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0; border-radius: 5px 0 0 0; } /* [OBSOLETE?] - BORDER-RADIUS - nahoře - při webu se zakulacenými prvky */ #eshop_detail .videa > .video h3, .zalozky .zahlavi ul li a { -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } #texty_6 .texty_popis { -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; } /* [OBSOLETE?] - BORDER-RADIUS - dole - při webu se zakulacenými prvky */ #bottom .skipLinksTop, .zalozky .telo .form, .zalozky .telo .extra1, #autocomplete ul li.all-results { -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } #columnsWrapper, #mainMenu li.dropdown .dropdown_obsah { -moz-border-radius: 0 0 7px 7px; -webkit-border-radius: 0 0 7px 7px; border-radius: 0 0 7px 7px; } /* [OBSOLETE?] - BORDER-RADIUS - nula - při webu se zakulacenými prvky */ #searchbox input.left_input, #searchbox input.imagesub, #ecpMenu ul li ul { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 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); } #search_text_middle { -moz-box-shadow: inset 0 1px 1px #e0eaed; -webkit-box-shadow: inset 0 1px 1px #e0eaed; box-shadow: inset 0px 1px 1px #e0eaed; } input.checkbox, input.no_border, input[type="checkbox"], input[type="radio"] { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /* [OBSOLETE?] BOX-SHADOW a TRANSITION u INPUTU */ input,textarea { -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; } input:focus, textarea:focus { border-color: #a5abb3; -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset, 0 0 5px #7e7e7e; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset, 0 0 5px #7e7e7e; -o-box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset, 0 0 5px #7e7e7e; -ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset, 0 0 5px #7e7e7e; box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset, 0 0 5px #7e7e7e; } #searchbox input.imagesub:focus, #searchbox input.left_input:focus { -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } input:hover, textarea:hover { border-color: #5b6a72; } /* 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; } #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: 5px; } .fotky p.foto a:hover img, .slider_fotogalerie .nivo-html .nivoSlideItem a:hover img { -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.4); box-shadow: 0px 0px 10px 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 #a5abb3; border-bottom: solid 1px #a5abb3; padding: 19px 20px; background: #c0c5cc; } .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); } /* [OBSOLETE?] TRANSITION */ /*.fotky p.foto a { box-shadow: 3px 3px 3px rgba(0,0,0,0.1); } .fotky p.foto a:hover { box-shadow: 3px 3px 3px rgba(0,0,0,0.2); -moz-transition: box-shadow 0.5s ease-in-out; -webkit-transition: 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; }*/ /* [OBSOLETE?] TRANSFORM - zvetseni */ /*.fotky p.foto a img { -moz-transition: -moz-transform .15s linear; -webkit-transition: -webkit-transform .15s linear; transition: transform .15s linear; } .fotky p.foto a img:hover { -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -o-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); }*/ /* Negraficka verze webu */ body.slaby-zrak { font-size: 100%; color: black; } body.slaby-zrak #main, body.slaby-zrak #top, body.slaby-zrak #top .velikost-textu span.size span, body.slaby-zrak .floats, body.slaby-zrak #texty_obal_51, body.slaby-zrak .form fieldset, body.slaby-zrak p.osoba, body.slaby-zrak fieldset { background: none !important; } body.slaby-zrak #top > .wrapper, body.slaby-zrak .floats .extra1, body.slaby-zrak #texty_obal_51 > .extra, body.slaby-zrak #bottom .width, body.slaby-zrak #columnsWrapper { width: 1200px !important; } body.slaby-zrak #texty_6 .texty_popis, body.slaby-zrak .slider_novinky_puv .html-after p, body.slaby-zrak #ecpMenu ul { -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } body.slaby-zrak .slider_novinky_puv .html-after p, body.slaby-zrak #ecpMenu ul, body.slaby-zrak #newsletter_col, body.slaby-zrak .share-bar li.btn a, body.slaby-zrak .form, body.slaby-zrak fieldset, body.slaby-zrak .soubory, body.slaby-zrak blockquote, body.slaby-zrak .login-form-header #client-zone-form, body.slaby-zrak #searchbox input.sub, #anketa_sloupec .anketa p a .bar, #anketa_sloupec .anketa p a .bar .hlasy { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } body.slaby-zrak input, body.slaby-zrak textarea { -moz-transition: none; -webkit-transition: none; -o-transition: none; -ms-transition: none; transition: none; } body.slaby-zrak #main { padding-top: 365px; } body.slaby-zrak #center { width: 850px; } body.slaby-zrak.homepage #center { width: 100%; margin: 0 auto; } body.slaby-zrak.homepage #columnsWrapper { margin: 0 auto; } body.slaby-zrak #col1 { width: 300px; } body.slaby-zrak p, body.slaby-zrak ol li { line-height: 2em; } body.slaby-zrak ul li { line-height: 2em; background: url(../images/design/li_blind.png) 0 10px no-repeat; padding-left: 22px; } body.slaby-zrak .form { background: none; border: 1px solid black; } body.slaby-zrak input, body.slaby-zrak textarea { border: 1px solid black; } body.slaby-zrak blockquote { border: 1px solid black; background: none; } body.slaby-zrak hr { color: black; background: black; } body.slaby-zrak table.standard th { background: #ebebeb; } body.slaby-zrak textarea { font-size: 16px; } body.slaby-zrak #searchbox fieldset { border: 1px solid black; } body.slaby-zrak #searchbox input.left_input { background: none; padding: 14px 13px 14px; width: 164px; font-size: 1em; color: black; } body.slaby-zrak #searchbox input.sub { background: #ebebeb; border: none; border-left: 1px solid black; margin: 0; padding: 11px 8px; color: #0000FF; float: right; font-size: 1em; height: 44px; } body.slaby-zrak #searchbox input.sub:hover { color: #ff0000; } body.slaby-zrak #mainMenu { left: 350px; top: 15px; max-width: 600px; } body.slaby-zrak #mainMenu ul li a span { background: #ebebeb; border: 1px solid black; margin-right: -1px; padding: 6px 23px; } body.slaby-zrak #mainMenu ul li.active { font-weight: bold; } body.slaby-zrak #top .velikost-textu, body.slaby-zrak #top .slaby-zrak { background: none; border-right: 1px solid black; height: 28px; } body.slaby-zrak #top .velikost-textu span.size { width: 22px; height: 22px; } body.slaby-zrak .login-form-header p#login-link { line-height: 1.5714em; } body.slaby-zrak .login-form-header #client-zone-form { background: white; width: 290px; padding: 2em 2em 1em; border-color: black; font-size: 1em; } body.slaby-zrak .login_form fieldset p.password { font-size: 1em; } body.slaby-zrak .login-form-header #client-zone-form fieldset p { margin-bottom: 10px; } body.slaby-zrak .login-form-header #client-zone-form fieldset p input { width: 210px; } body.slaby-zrak .login-form-header #client-zone-form fieldset p input.sub { width: auto; } body.slaby-zrak .floats .box { width: 358px; border: 1px solid black; border-right: none; background: none; margin: 0; padding: 20px; min-height: 148px; } body.slaby-zrak .floats .box3 { border-right: 1px solid black; width: 360px; } body.slaby-zrak .floats .box .nadpis { margin-bottom: 0; } body.slaby-zrak #slider-wrapper-7 { border: 1px solid black; border-right: none; padding: 20px; width: 358px; margin-right: 0; min-height: 445px; } body.slaby-zrak #slider-wrapper-12 { border: 1px solid black; border-right: none; padding: 20px; width: 358px; min-height: 445px; } body.slaby-zrak .slider_novinky_puv .rss-news { top: 17px; right: 21px; } body.slaby-zrak .slider_novinky_puv p.datum { border: 1px solid black; background: none; color: black; } body.slaby-zrak .nivoSlideItemCount-5 { border-top: 1px solid black; background: none; } body.slaby-zrak .slider_novinky_puv h3 { width: 275px; } body.slaby-zrak .slider_novinky_puv .html-after p { background: white; border: 1px solid black; font-weight: bold; } body.slaby-zrak .slider_novinky_puv .html-after p a { background: #ebebeb; padding: 3px 12px; } body.slaby-zrak #texty_obal_51 #texty_6 { width: 359px; background: none; padding: 20px; border: 1px solid black; margin-right: 1px; min-height: 445px; } body.slaby-zrak #texty_obal_51 #texty_6 h2 { border-bottom: 1px solid black; padding-bottom: 7px; margin-bottom: 5px; } body.slaby-zrak #texty_6 .texty_popis { padding: 0; } body.slaby-zrak #texty_6 .texty_popis p { line-height: 2em; } body.slaby-zrak #col1 #texty_6 { width: 258px; background: none; border: 1px solid black; padding: 20px; margin: 0 0 25px; } body.slaby-zrak #ecpMenu ul { border: 1px solid black; border-bottom: none; padding: 0; width: 298px; } body.slaby-zrak #ecpMenu ul li a { border-bottom: 1px solid black; } body.slaby-zrak #ecpMenu ul li a span { padding: 10px 16px 9px; } body.slaby-zrak #ecpMenu ul li ul { border: none; } body.slaby-zrak #ecpMenu ul li ul li a span { padding: 8px 16px 8px 33px; } body.slaby-zrak #ecpMenu ul li.selected a { background: url(../images/design/menu1_blind.png) 95% 23px no-repeat; font-weight: bold; } body.slaby-zrak #ecpMenu ul li.selected ul li a { font-weight: normal; background: none; } body.slaby-zrak #ecpMenu ul li.selected ul li.selected a { font-weight: bold; background: url(../images/design/menu2_blind.png) 10px 19px no-repeat; } body.slaby-zrak #ecpMenu ul li ul li.selected a { background-position: 15px 16px; } body.slaby-zrak #anketa_sloupec .anketa p a .bar { background: white; border: 1px solid black; } body.slaby-zrak #newsletter_col { background: none; border: 1px solid black; } body.slaby-zrak #newsletter_col .sloupec_box_cont { width: auto; } body.slaby-zrak .infomail fieldset input.text { width: 246px; color: black; font-size: 1em; } body.slaby-zrak #anketaBox { width: 258px; border: 1px solid black; padding: 20px; } body.slaby-zrak #anketa_sloupec .anketa h4 { color: black; font-size: 1.125em; } body.slaby-zrak #anketa_sloupec .anketa p.hlasujte { color: black; } body.slaby-zrak .share-bar ul li { background: none; padding-left: 0; } body.slaby-zrak .share-bar li.btn a { background: none; border: 1px solid black; padding: 2px 10px; font-size: 1.1667em; } body.slaby-zrak .share-bar li a img { margin-right: 8px; } body.slaby-zrak .columns .col .extra { border-right: 1px solid black; background: none; } body.slaby-zrak .columns .right .extra, body.slaby-zrak .columns .col1 .extra { border-right: none; } body.slaby-zrak #bottom { color: black; } body.slaby-zrak #bottom p.text { font-size: 0.875em; } body.slaby-zrak #vyhledavani fieldset { border: 1px solid black; background: none; } body.slaby-zrak .soubory { border-color: black; } body.slaby-zrak .soubory ul li { background: none; padding: 0; } body.slaby-zrak #vyhledavani .vysledky .sekce h3 { font-size: 1.4em; } body.slaby-zrak #vyhledavani .vysledky .sekce h2 span { color: black; padding-left: 10px; font-size: 0.75em; } body.slaby-zrak p.osoba { padding: 10px 0 0 35px; } body.slaby-zrak .fotky h2 { margin-left: 23px; margin-right: 23px; } body.slaby-zrak .fotky p.foto { width: 208px; } body.slaby-zrak .soubory ul li .polozka, body.slaby-zrak .soubory ul li .hodnota { font-size: 1em; } body.slaby-zrak .navigator { margin: 1em 23px; width: 800px; } body.slaby-zrak .navigator .strankovani span a, body.slaby-zrak #center .anotace_detail { border-color: black; } body.slaby-zrak p#navigace .drobek { background: url(../images/design/crumb_blind.png) 0 50% no-repeat; height: 30px; margin-right: 10px; } body.slaby-zrak span.error { font-size: 1em; font-weight: bold; } body.slaby-zrak a, body.slaby-zrak #mainMenu ul li a, body.slaby-zrak #top .velikost-textu span.size, body.slaby-zrak #top .slaby-zrak a, body.slaby-zrak .login-form-header p#login-link a, body.slaby-zrak .floats .box .nadpis a, body.slaby-zrak .floats .box ul li a { color: #0000FF !important; text-decoration: underline !important; } body.slaby-zrak a:hover, body.slaby-zrak #mainMenu ul li a:hover, body.slaby-zrak #top .velikost-textu span.size:hover, body.slaby-zrak #top .slaby-zrak a:hover, body.slaby-zrak .login-form-header p#login-link a:hover, body.slaby-zrak .floats .box .nadpis a:hover, body.slaby-zrak .floats .box ul li a:hover { color: #ff0000 !important; text-decoration: none !important; } body.slaby-zrak h1, body.slaby-zrak h2, body.slaby-zrak h3, body.slaby-zrak h4, body.slaby-zrak h5, body.slaby-zrak h6, body.slaby-zrak #texty_6 h2, body.slaby-zrak #anketaBox h3 { color: black; } .c_140 h1 span { font-size: 0.6em; display: block; line-height: 1em; padding-bottom: 10px; } .c_153 h1 span { font-size: 0.6em; display: block; line-height: 1em; padding-bottom: 10px; } .c_171 h1 span { font-size: 0.6em; display: block; line-height: 1em; padding-bottom: 10px; } #top .slogan { color: #505863; /*font-family: 'Lucida Sans Unicode',Tahoma,Arial,Helvetica,sans-serif;*/ font-family: 'PTSansBold',Tahoma,Arial,Helvetica,sans-serif; font-size: 16px; left:100px; position: absolute; top: 95px; } #top .slogan a { text-decoration: none; }