body { background: #ffffff; color: #140170; font-size: 15px; font-family: "AtypText", sans-serif; } a { color: #140170; outline: none; } a:hover, a:focus, a:active { color: #000; outline: none; } .btn, .btn:focus { border-radius: 0px; background: #140170; color: #ffffff; text-transform: uppercase; } .btn:hover { background: #f8b469; color: #ffffff; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #140170; font-weight: bold; font-family: "AtypDisplay", sans-serif; } h1, .h1 { margin-top: 0px; font-size: 28px; } h2, .h2 { font-size: 22px; } h3, .h3 { font-size: 18px; } h4, .h4, h5, .h5, h6, .h6 { font-size: 15px; font-weight: bold; } btlr5 .img-responsive { margin: 0px auto; } .img-thumbnail { margin-bottom: 15px; border-radius: 0px; } .push-bottom { margin-bottom: 15px; } .h2_extra { padding: 10px 15px; margin: 30px auto 25px auto; text-align: center; border-bottom: 2px solid #cc0000; width: 30%; color: #333333; font-size: 24px; text-transform: uppercase; } .h2_extra a { color: #333333; } .h2_extra a:hover, .h2_extra a:focus { color: #cc0000; text-decoration: none; } img { max-width: 100%; height: auto; } .zahodit { display: none; } .hideOnDesktop { display: none !important; } .skryty-konverze { overflow: hidden; height: 1px; width: 1px; position: fixed; bottom: 0px; left: 0px; padding: 1px; background: transparent; } .align-center { text-align: center; } .page-content ul { list-style: disc outside; padding-left: 20px; } .page-content ul li { margin-bottom: 4px; } .page-content ul.list-unstyled { list-style: none inside none; padding-left: 0px; } body .table-responsive { border: none; } .table-responsive.jspScrollable { border: 1px solid #003366; } .page-content .table-responsive { overflow: auto; border: none; max-width: 100%; } .page-content table { width: 100%; border: 1px solid #c9c9c9; margin-bottom: 20px; font-size: inherit; } .page-content table th, .page-content table td { border: 1px solid #777; border: 1px solid #c9c9c9; vertical-align: middle; padding: 10px; } .page-content table th { background-color: #dfdfdf; font-weight: normal; } .page-content table tr:nth-child(even) td { background: #f5f5f5; } .btn-primary, .pagination > .active > a { border-color: #cc0000 !important; color: #ffffff; text-shadow: none; background-color: #cc0000; } .btn-primary:hover, .pagination > li > a:hover, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .btn-primary:active, .pagination > .active > a:active, .btn-primary:focus, .pagination > li > a:focus { } .form-control { border-radius: 0px; } .form-control:focus { border-color: #333; } .control-label { display: inline-block; height: 34px; line-height: 34px; vertical-align: middle; font-weight: normal; } input.required-empty { border-color: #cc0000; } #header.affix { width: 100%; z-index: 9999; top: -30px; } #header-stin { background-color: #ffffff; position: relative; text-align: center; } #header-top { position: relative; padding-bottom: 15px; } #logo { text-align: left; margin: 0px auto; } #logo img { max-width: 100%; height: auto; margin: 10px auto; max-height: 85px; } #searchFormTop { display: none; } #searchFormTop #q, #searchFormTop .btn { border-radius: 0px; } .searchForm input, .searchForm .btn { border-color: #cdcdcd; color: #999; } .searchForm input { border-right: 0px none; } .searchForm .btn { font-size: 21px; color: #cc0000; } .navbar-collapse { top: 0px; position: relative; z-index: 999; } nav.navbar { height: 0px; min-height: 0px; margin-bottom: 0px; border: 0px none; } #mainMenu .navbar-collapse, #kategorie_mobile_menu #cssmenu { padding-left: 0px; padding-right: 0px; background-color: #ffffff; color: #fff; top: -22px; height: 100%; overflow: auto; width: 100%; } #mainMenu .navbar-nav { margin: 0px; } #mainMenu a { line-height: 20px; color: #140170; text-transform: uppercase; border: 0px none; outline: 0px none; border-bottom: 1px solid #140170; } #mainMenu a:hover, #mainMenu a:focus, #mainMenu a:active { color: #f8b469; background-color: transparent; } #mainMenu .active a { color: #f8b469; } #mainMenu .dropdown-menu { margin: -1px 0px 0px 0px; padding: 1px 0px 0px 0px; background: #666; } .mobile-menu { display: none; } .dropdown.opened .dropdown-menu { display: block; } .navbar-toggle { background: transparent; color: #140170; margin: 0; display: inline-block; font-size: 22px; padding: 0; margin-left: 9px; vertical-align: bottom; height: 20px; margin-top: 15px; line-height: 20px; } .navbar-toggle img { vertical-align: bottom; width: 49px; height: 20px; margin-left: 20px; } #leve-menu-toggle { float: left; text-transform: uppercase; margin-right: 0px; margin-left: 0px; margin-top: 0px; width: 140px; font-size: 14px; padding: 10px 8px; } a i.glyphicon { padding-right: 5px; } #col-left { padding: 0; } .scrollup { width: 50px; height: 50px; line-height: 50px; position: fixed; bottom: 50px; right: 60px; display: none; text-align: center; background-color: #000; border: #cc0000 1px solid; filter: alpha(opacity=70); opacity: 0.7; border-radius: 7px 7px 7px 7px; -moz-border-radius: 7px 7px 7px 7px; -webkit-border-radius: 7px 7px 7px 7px; } .scrollup:hover, .scrollup:focus, .scrollup:active { color: #0099ff; border-color: #0099ff; } .scrollup i.glyphicon { padding: 0px; } @media (max-width: 767px) { body.header-affixed { margin-top: 116px; } .navbar-collapse .dropdown-menu { padding: 0px; position: relative; width: 100%; margin: 0px; background: transparent; box-shadow: none; } .navbar-collapse .dropdown-toggle .dropdown-trigger { position: absolute; right: 5px; top: 10px; padding: 0px 15px; } #levy-blok { margin-top: 25px; border-top: 1px solid #e0e0e0; padding-top: 20px; } .produkty .produkt { margin-bottom: 25px; } .logo-resp { margin: 0 auto; width: 214px; } #header-top { padding-bottom: 5px; } .ico { margin-bottom: 5px; } #searchFormTop { display: block; position: relative; } #searchFormTop .ico-btn { width: 55px; } .mobile-menu { display: block; text-align: center; } .mobile-menu > li > a { display: inline; line-height: 30px; font-weight: bold; } #logo { padding: 0 5px; } .navbar-toggle { font-size: 0; margin-top: 10px; } .navbar-toggle img { vertical-align: bottom; width: 25px; height: 20px; margin: 0; } #header-right-block { padding: 0 5px; max-width: 133px; float: right; margin-top: 20px; } } @media (min-width: 420px) AND (max-width: 767px) { #header-right-block { padding: 0 5px; max-width: 133px; float: right; margin-top: 30px; } } @media (min-width: 768px) { #header, #header.affix { position: relative; top: auto; } nav#mainMenu, nav#mainMenu div { display: inline-block; width: auto; } nav#mainMenu { display: none; position: absolute; top: 130px; left: 50%; margin-left: 185px; width: 180px; background: #ffffff; z-index: 20; border-radius: 0; border: 2px solid #000000; text-align: left; } nav#mainMenu.sm-open { display: table; } #main_obal { position: relative; } #drobecky { position: absolute; top: -35px; } #logo { text-align: left; } #logo img { max-width: 100%; height: auto; margin-top: 15px; margin-bottom: 0px; } #header-right-block { margin-top: 30px; } #mainMenu li { display: block; width: 100%; } #mainMenu a { padding-left: 5px; padding-right: 5px; color: #140170; line-height: 18px; font-size: 12px; padding-top: 5px; padding-bottom: 5px; border: none; } #mainMenu > .container { width: auto !important; } #mainMenu .navbar-collapse { background-color: transparent; color: inherit; top: auto; height: auto !important; width: auto !important; } .affix #mainMenu .navbar-collapse { position: relative; top: auto; } #mainMenu .dropdown:hover .dropdown-menu { display: block; } #header-top { padding-bottom: 15px; } #searchFormTop { position: relative; display: block; width: 267px; margin: 5px 3px 0px 0px; } #t-kontakt { width: 180px; margin-left: 20px; display: block; } .carousel-caption { display: block; left: 0; right: 0; top: 0; bottom: 0; text-align: left; position: absolute; } #mainMenu > .container { padding: 5px; } } @media (min-width: 992px) { #mainMenu a { font-size: 14px; } #searchFormTop { position: relative; display: block; width: 240px; margin: 40px 20px 0px 0px; } #logo img { margin-top: 17px; } nav#mainMenu { margin-left: 225px; width: 250px; } #header-right-block { margin-top: 55px; } #header-top { padding-bottom: 20px; } } @media (min-width: 1230px) { .container { width: 1200px; } #logo img { margin-top: 25px; } #header-right-block { margin-top: 70px; } #mainMenu a { font-size: 14px; } #searchFormTop { width: 360px; margin-right: 40px; } nav#mainMenu { margin-left: 340px; } #header-top { padding-bottom: 30px; } } .breadcrumb { background: transparent; margin-bottom: 0px; } #main_block { padding-bottom: 15px; background-color: transparent; } .page-content { margin-bottom: 5px; } .gallery { text-align: center; margin-bottom: 10px; } .gallery .img-thumbnail { border: none; background: transparent; margin-bottom: 15px; } #cssmenu ul li a > span.text { display: block; z-index: 888; width: 75%; } #cssmenu ul li a > span.menu_akce { clear: both; position: absolute; display: inline-block; top: 0; right: 0; padding: 5px 0; height: 100%; z-index: 999; width: 25%; } .sidebar a:hover, .sidebar a:focus { text-decoration: none; } .subnav-toggle { padding: 0px 5px; color: #cc0000; } .subnav { display: none; clear: both; } .opened > .subnav { display: block; } .sidebar-title { font-size: 15px; display: block; padding: 10px 10px 10px 10px; background-color: #cc0000; } .sidebar-title.mail { text-align: center; padding-right: 20px; } @media screen and (max-width: 767px) { #main_block { position: relative; } #col-left { position: static; } #menu-kategorie { position: absolute; top: -22px; left: 0px; width: 100%; margin: 0px; border-radius: 0px; z-index: 9000; height: 100%; overflow: auto; } #menu-kategorie.affix { top: 55px; position: fixed; } #mainMenu .navbar-collapse, #kategorie_mobile_menu #cssmenu { top: auto; } nav.navbar > .container { padding: 0; } #mainMenu #navbar { margin: 0; } } @media screen and (min-width: 768px) { #menu-kategorie.collapse { display: block !important; visibility: visible !important; height: auto !important; overflow: visible !important; } #menu-kategorie { position: relative; top: auto; left: auto; } body { overflow: auto !important; } .leve-menu .sidebar-title { display: block; background: #cc0000; color: #fff; } } @media screen and (min-width: 992px) { .sidebar-title { font-size: 15px; padding: 10px 10px 10px 20px; } .leve-menu li > a { font-size: 14px; padding: 8px 10px 8px 20px; background-position: 20px 50%; } .leve-menu .subnav a { font-size: 13px; padding-left: 40px; } .leve-menu .subnav-toggle { top: 10px; } } @media screen and (min-width: 1230px) { .leve-menu li > a { font-size: 16px; padding-top: 10px; padding-bottom: 10px; } .leve-menu .subnav a { font-size: 14px; } } #footer-bottom { background-color: #ffffff; text-align: center; font-size: 13px; color: #777777; } #footer-bottom p { margin: 0px !important; padding: 28px 0px; line-height: 24px; vertical-align: bottom; overflow: hidden; } .footer-copyright-cp { } .footer-copyright-cp a { display: inline-block; height: 24px; padding: 0px; } .footer-copyright-cp a#logo-cp { width: 124px; height: 24px; } .footer-copyright-cp a#logo-cpedit { width: 46px; height: 14px; } .footer-copyright-cp a .svg-icon { width: 100%; height: 100%; vertical-align: middle; fill: #d3af37; padding: 0 5px; } .footer-copyright-cp a:hover .svg-icon { fill: #000000; } #footer-bottom .nonRESPswitch { margin-left: 40px; } ul.nav-footer { margin: 0px; padding: 0px 0px 0px 6px; } ul.nav-footer li { list-style: inside url("/img/li-footer.png"); margin-bottom: 0.4em; line-height: 1.7; } ul.nav-footer li a:hover { text-decoration: none; } @media (min-width: 992px) { #footer-bottom { text-align: left; } #footer-bottom .footer-copyright-cp { text-align: right; } } @media screen and (max-width: 991px) { #footer .social-icons { padding-bottom: 0px; } #footer .footer-col { margin-bottom: 25px; } #footer .footer-col:nth-child(2) { border-right: 0px none; } } article#home-intro { margin-top: 20px; text-align: center; font-size: 18px; } .articles .article { border-bottom: 1px solid #e0e0e0; } .articles .article h2 { color: #333; font-size: 18px; } .articles .article h2 a { text-decoration: underline; } .article-meta { margin-bottom: 10px; } .article-meta a { text-decoration: underline; } .pagination > li > a, .pagination > li > span { padding: 3px 9px; color: #666666; background-color: #fff; border-color: #cecece; font-weight: normal; font-size: 1em; margin: 0px 5px 0px 0px; border-radius: 0px; } .pagination > li > a i.glyphicon { padding: 0px; font-size: 0.9em; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background-color: #cc0000; border-color: #cc0000; color: #fff; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #cc0000; border-color: #cc0000; color: #fff; } #sidebar-poradit { color: #333333; border: 1px solid #cecece; font-size: 13px; } #sidebar-poradit .title { display: block; font-size: 14px; line-height: 1.2em; background-color: #272b33; margin: -1px -1px 10px -1px; border-bottom: 1px solid #d7d7d7; color: #b6b8c0; padding: 12px 20px; } #sidebar-poradit p strong { display: block; font-weight: normal; color: #333333; } #sidebar-poradit a, #sidebar-poradit a:hover { color: #333333; text-decoration: none; } #sidebar-poradit .telefon-ico { background-image: url("/img/potrebujete-radu-telefon.png"); } #sidebar-poradit .email-ico { background-image: url("/img/potrebujete-radu-mail.png"); } .sidebar-articles { color: #333333; border: 1px solid #cecece; font-size: 12px; } .sidebar-articles .title { display: block; font-size: 14px; line-height: 1.2em; background-color: #272b33; margin: -1px -1px 0 -1px; border-bottom: 1px solid #d7d7d7; color: #b6b8c0; padding: 12px 20px; text-decoration: none; } .sidebar-articles .list-unstyled { padding: 0 10px; } .sidebar-articles .article { border-bottom: 1px dotted #333; color: #666; margin: 10px 0; } .sidebar-articles .article-date { } .sidebar-articles p a { text-decoration: underline; color: #333333; } .sidebar-articles a:hover { color: #cc0000; } .sidebar-articles .article-title { font-size: 14px; display: block; margin-bottom: 5px; color: #333333; } .sidebar-articles .article p { font-size: 12px; line-height: 1.2em; } .sidebar-articles .footer { padding: 0 10px; } .sidebar .advert-item { margin-bottom: 25px; } #adv .adv_title { display: none; } .win-message, .win-alert-message { margin: 0 auto !important; background: #73b84d url(/img/okno-ok.png) no-repeat 5% 50%; color: #ffffff; font-size: 20px !important; padding: 25px 80px !important; text-align: center !important; } .win-alert-message { background: #ff9900 !important; } .hide-ico .win-message { background: #73b84d; } .win-buttons { padding-top: 25px; padding-bottom: 25px; background-color: #eeeeee; border-top: 1px solid #cccccc; margin: 20px 0 0 0; } .win-buttons .btn { border-radius: 2px; border: 1px solid #cccccc; padding: 10px 20px; } .win-buttons .btn-back { background-color: #ffffff; color: #000; font-size: 16px; } .win-buttons .btn-back:hover { background-color: #f1f1f1; border-color: #000; } .mfp-close { background: transparent url("/img/zavrit-ico.png") 50% 50% no-repeat !important; height: 34px !important; width: 34px !important; font-size: 0; } .popup-block-content { padding: 15px; } ul.comments { padding-left: 0; } ul.comments li { list-style: none; padding: 0 0 10px 0; } ul.comments li h2 { font-size: 16px; } ul.comments li span.content { font-size: 13px; padding-left: 5px; } ul.comments li div.comment { padding-bottom: 20px; color: #666; font-size: 14px; } ul.comments li span.content-autor .autor { color: #333333; margin-right: 30px; } ul.comments li div.comment div.comment-by { font-size: 14px; padding: 3px 5px; background: #f8f8f8; border-top: 1px solid #cecece; margin: 5px 0px 5px 0px; } ul.comments li div.comment div.comment-by h4 { font-weight: normal; display: inline; padding-right: 100px; } ul.comments li div.comment div.comment-by span { display: block; text-align: right; padding-top: 5px; } ul.comments li div.comment p { padding: 0px 0px 0px 5px; margin: 0px 0px 6px 0px; } ul.comments li div.comment-block .comment-by span { margin-top: -25px; } ul.comments li div.comment .comment-form { border-top: 1px solid #cecece; padding-top: 10px; } #formular-area .form-show { margin-bottom: 10px; } #komentare_kotva img { margin-top: -5px; } ul.comments li ul.reply { padding-left: 20px; } #top-line { background-color: #272b33; padding: 5px 0; font-size: 13px; height: 30px; color: #b6b8c0; overflow: hidden; } #top-line a { color: #a4a4a4; } #top-line a:hover, #top-line a:active { color: #cc0000; text-decoration: none; } #top-line .kontakt { width: 480px; float: left; } .telefon-ico { background: url("/img/hlavicka-telefon.png") no-repeat 15px 50%; padding: 0 0 0 40px; } .email-ico { background: url("/img/hlavicka-mail.png") no-repeat 15px 50%; padding: 0 0 0 40px; } #mutace { float: right; } #mutace > a { background: url("/img/cz.png") no-repeat 50% 50%; width: 16px; text-indent: -9999px; display: inline-block; padding: 0 15px; } #mutace .en { background-image: url("/img/en.png"); } #mutace .cz { } .ico-btn, a.ico-btn { height: 42px; background: transparent; border: none; color: #b6b8c0; font-size: 14px; text-decoration: none; margin-right: 0; display: block; padding-top: 0; outline: none; } .ico-btn:hover, .ico-btn.active, a.ico-btn:hover, a.ico-btn.active { color: #cc0000; text-decoration: none; } .ico-btn > .ico { height: 40px; border: none; display: block; text-align: center; } .ico-btn>.ico:hover, .ico-btn>.ico.active, .ico-btn:hover>.ico, .ico-btn.active>.ico { background-position: 50% 100%; } button.ico-btn { margin-top: -1px; } .hledani-ico { background: url("/img/lupa.png") no-repeat 50% 0; background-size: 100% auto; width: 40px; } .user-ico { background: url("/img/hlavicka-prihlasit.png") no-repeat 50% 0; } .kosik-ico { background: url("/img/hlavicka-kosik.png") no-repeat 50% 0; } #uzivatel { float: right; text-align: center; } #hledani #q { display: none; position: absolute; right: 40px; top: -1px; background-color: #fff; border: none; color: #333333; height: 42px; width: 235px; z-index: 1000; } #hledani .ico-btn.active { background: #fff; z-index: 1001; position: relative; } .padding-min { padding-right: 12px; } .padding-min .col-sm-1, .padding-min .col-sm-2, .padding-min .col-sm-3, .padding-min .col-sm-4, .padding-min .col-sm-5, .padding-min .col-sm-6, .padding-min .col-sm-7, .padding-min .col-sm-8, .padding-min .col-sm-9, .padding-min .col-sm-10, .padding-min .col-sm-11, .padding-min .col-sm-12, .padding-min .col-lg-1, .padding-min .col-lg-2, .padding-min .col-lg-3, .padding-min .col-lg-4, .padding-min .col-lg-5, .padding-min .col-lg-6, .padding-min .col-lg-7, .padding-min .col-lg-8, .padding-min .col-lg-9, .padding-min .col-lg-10, .padding-min .col-lg-11, .padding-min .col-lg-12, .padding-min .col-md-1, .padding-min .col-md-2, .padding-min .col-md-3, .padding-min .col-md-4, .padding-min .col-md-5, .padding-min .col-md-6, .padding-min .col-md-7, .padding-min .col-md-8, .padding-min .col-md-9, .padding-min .col-md-10, .padding-min .col-md-11, .padding-min .col-md-12 { padding-left: 2px; padding-right: 2px; } @media (max-width: 768px) { .padding-min .col-sm-1, .padding-min .col-sm-2, .padding-min .col-sm-3, .padding-min .col-sm-4, .padding-min .col-sm-5, .padding-min .col-sm-6, .padding-min .col-sm-7, .padding-min .col-sm-8, .padding-min .col-sm-9, .padding-min .col-sm-10, .padding-min .col-sm-11, .padding-min .col-sm-12, .padding-min .col-lg-1, .padding-min .col-lg-2, .padding-min .col-lg-3, .padding-min .col-lg-4, .padding-min .col-lg-5, .padding-min .col-lg-6, .padding-min .col-lg-7, .padding-min .col-lg-8, .padding-min .col-lg-9, .padding-min .col-lg-10, .padding-min .col-lg-11, .padding-min .col-lg-12, .padding-min .col-md-1, .padding-min .col-md-2, .padding-min .col-md-3, .padding-min .col-md-4, .padding-min .col-md-5, .padding-min .col-md-6, .padding-min .col-md-7, .padding-min .col-md-8, .padding-min .col-md-9, .padding-min .col-md-10, .padding-min .col-md-11, .padding-min .col-md-12 { padding-left: 2px; padding-right: 0; } #hledani #q { height: 44px; } } @media (max-width: 991px) { #soc-top { margin-right: 0; } } .uvodka_vice { float: right; font-size: 14px; text-decoration: underline; padding-top: 5px; } object, iframe { max-width: 100%; } @media (max-width: 767px) { .ico-btn > .ico { height: 30px; } #searchFormTop .ico-btn, .hledani-ico { width: 30px; height: 30px; padding: 0; margin: 0; } .menuOpened { background: #181b1f; } .menuOpened.header-affixed { margin-top: 0; } .menuOpened #main_obal { display: none; } .menuOpened #footer { display: none; } .menuOpened #vyhody { display: none; } #header.preventAffix { position: relative !important; top: auto !important; left: 0; right: auto; margin-top: 56px; } .preventAffix #header-stin > .container { position: fixed; top: 0; width: 100%; z-index: 9999; border-bottom: #000 1px solid; background-color: #181b1f; } .preventAffix #header-top { padding-bottom: 0; } .menuOpened #top-line { display: none; } .dropdown-menu > li > a { padding: 10px 20px; background-color: #ffffff; } } @media (max-width: 595px) { .logo-miniresp { display: block !important; } .logo-resp { display: none !important; } #soc-top { display: none; } } @media (max-width: 499px) { #top-line { text-align: center; height: 45px; } #top-line #mutace { position: absolute; left: 5px; } #top-line .kontakt { margin-bottom: 10px; padding-left: 70px; text-align: left; max-width: 80%; } #header.affix { top: -45px; } } @media (max-width: 380px) { #leve-menu-toggle { width: 100px; padding: 0; } #hledani .ico-btn.active { } #hledani #q { right: -5px; } } .searchActive #hledani #q { display: block; } @media (max-width: 767px) { .ico-btn, a.ico-btn { height: 44px; } #top-line .kontakt { width: auto; margin-left: -25px; } nav.navbar { text-align: left; } #vyhody .vyhoda-block { margin-bottom: 20px; } .searchForm .btn { font-size: 16px; } .footer-col, #footer .left-border { border: none; } } #prekryv { display: none; background-color: rgba(40, 40, 40, 0.5); width: 100%; height: 0; z-index: 999; position: absolute; } #vyhody { padding: 35px 0; font-size: 18px; text-transform: uppercase; } #vyhody .img-block { padding-right: 10px; text-align: right; } #vyhody .text-block { padding-left: 0; } .lg-outer .lg-inner { padding-top: 50px; } .lg-backdrop { z-index: 1045; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { padding-bottom: 155px; } .lg-toolbar #lg-download { display: none; } .white-popup-block .row { margin: 0; } .ajax-waiting:after { content: ""; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background: url("/img/loading.gif") 50% 50% no-repeat rgba(60, 60, 60, 0.5); } body.ajax-waiting:after { position: fixed; z-index: 6666; } .galleryHeader { text-align: left; font-size: 20px; color: #333333; margin-top: 50px; margin-bottom: 15px; } #videa li, #soubory li { text-align: left; float: left; clear: both; text-decoration: underline; } .show-all { text-align: center; width: 100%; display: block; padding: 14px 0; margin: 20px 0 30px 0; text-decoration: none; background: transparent; border: 1px solid #333333; color: #333333; font-size: 15px; text-transform: uppercase; } .show-all:hover, .show-all:focus { color: #ffffff; background: #333333; } #mainMenu .RESPswitchMENU { padding-top: 40px; background-color: #d5d5d5; } #mainMenu .RESPswitchMENU a { padding: 10px 15px; display: block; text-align: right; color: #000000; font-size: 14px; } .row1st { margin-top: 60px; margin-bottom: 20px; } @media (min-width: 768px) { .row1st { margin-top: 80px; margin-bottom: 20px; } } .row1st div > * { float: right; } .row1st .fb { margin-right: 25px; } .stillShowMenu { float: right; font-size: 16px; color: #140170; line-height: 20px; margin-top: 15px; } .stillShowMenu a { color: #140170; line-height: 1; vertical-align: bottom; padding: 0 9px; } #animace-col { padding: 0; } #animace .item { background-color: #f8b469; } #animace .text-block, #animace .img-block { padding: 0; background-color: #f8b469; } #animace .img-block { position: relative; overflow: hidden; } #animace .text-block .content .header, #animace .text-block .content .text { display: block; } #animace .text-block .content a { color: #140170; } #animace .text-block .content .header { text-transform: uppercase; font-family: "AtypDisplay", sans-serif; font-weight: bold; color: #140170; } #animace .text-block .content .text { color: #140170; } #animace .carousel-control { color: #ffffff; font-size: 60px; opacity: 1; text-shadow: none; } #animace .carousel-control.right, #animace .carousel-control.left { background: transparent; width: 60px; text-align: center; } @media (max-width: 767px) { #animace .text-block, #animace .img-block { text-align: center; } #animace .text-block .content { padding: 15px 45px; display: table-cell; width: 800px; vertical-align: middle; } #animace .text-block .content .header, #animace .text-block .content .text { text-align: center; } #animace .carousel-control.right, #animace .carousel-control.left { top: 6%; } #animace .img-block { max-width: 600px; margin: 0 auto; float: none; } #animace .carousel-control img { max-height: 21px; } } @media (min-width: 768px) { #animace .text-block, #animace .img-block { height: 207px !important; } #animace .text-block .content { padding: 25px 35px 40px 20px; } #animace .text-block .content .header { font-size: 28px; } #animace .text-block .content .text { font-size: 15px; line-height: 20px; width: 80%; } #animace .carousel-control { font-size: 20px; } #animace .carousel-control.right, #animace .carousel-control.left { bottom: 5%; top: auto; width: 45px; } } @media (min-width: 992px) { .stillShowMenu { font-size: 22px; } #animace .text-block, #animace .img-block { height: 268px !important; } #animace .text-block .content { padding: 25px 80px 40px 20px; } #animace .text-block .content .header { font-size: 36px; } #animace .text-block .content .text { font-size: 18px; line-height: 22px; } #animace .carousel-control { font-size: 40px; } #animace .carousel-control.right, #animace .carousel-control.left { bottom: 5%; width: 52px; } } @media (min-width: 1230px) { #animace .text-block, #animace .img-block { height: 331px !important; } #animace .text-block .content { padding: 35px 100px 50px 30px; } #animace .text-block .content .header { font-size: 42px; } #animace .text-block .content .text { font-size: 21px; line-height: 25px; } #animace .carousel-control { font-size: 60px; } #animace .carousel-control.right, #animace .carousel-control.left { bottom: 5%; width: 60px; } } #animace .carousel-indicators-block { position: absolute; bottom: 3%; margin: 0px; width: auto; text-align: center; left: 0; right: 0; z-index: 10; } #animace .carousel-indicators { position: relative; top: -6px; bottom: auto; left: auto; right: auto; width: auto; margin: 0; padding: 0; display: inline-block; } #animace .carousel-indicators li { border: none; background-color: #ffffff; margin: 0 8px; width: 17px; height: 17px; } #animace .carousel-indicators .active { border: none; background-color: #140170; } #animace .carousel-indicators-block .setter { color: #ffffff; cursor: pointer; width: 40px; display: inline-block; } #animace .carousel-indicators-block .setter:hover { color: #140170; text-decoration: none; } #animace .carousel-indicators-block .setter .icon { font-size: 34px; line-height: 17px; } #animace .carousel-indicators-block .setter:hover .icon { color: #140170; } #animace .carousel-indicators-block .setter .icon_play { display: none; } #animace .carousel-indicators-block .setter .icon_pause { display: inline-block; } #animace .carousel-indicators-block .setter.paused .icon_pause { display: none; } #animace .carousel-indicators-block .setter.paused .icon_play { display: inline-block; } @media (min-width: 768px) { #animace .carousel-indicators-block { right: 50%; } } #img-menu { padding-top: 5px; } .homepage #img-menu { padding-top: 25px; } #img-menu .menu-item { font-family: "AtypText", sans-serif; text-align: center; width: 138px; height: 135px; overflow: hidden; margin: 0; padding: 0 10px; border-right: 1px solid #ffffff; border-left: 1px solid #ffffff; background: transparent url("/img/menu/menu.png") 50% 0 no-repeat; background-size: 100% auto; color: #150172; } #img-menu.loaded .menu-item { transition: background ease-in-out 0.5s, color ease-in-out 0.5s; } .otherpage #img-menu .menu-item { background-position: 50% 100%; color: #f8b469; } #img-menu .menu-item .text { font-weight: bold; display: table-cell; vertical-align: top; width: 300px; } #img-menu .menu-item:hover, #img-menu .menu-item:focus { background-position: 50% 100%; text-decoration: none; } .otherpage #img-menu .menu-item:hover, .otherpage #img-menu .menu-item:focus, .otherpage #img-menu .menu-item.active { background-position: 50% 0; text-decoration: none; color: #150172; } @media (max-width: 767px) { #img-menu { text-align: center; display: block; } #img-menu .menu-item { float: none; display: inline-block; padding-top: 25px; } #img-menu .menu-item .text { line-height: 24px; height: 72px; font-size: 20px; } } @media (min-width: 768px) { #img-menu .menu-item { height: 123px; background-size: 197px auto; padding-top: 18px; } #img-menu .menu-item .text { line-height: 20px; height: 60px; font-size: 15px; } } @media (min-width: 992px) { #img-menu .menu-item { height: 160px; padding-top: 25px; } #img-menu .menu-item .text { line-height: 24px; height: 72px; font-size: 20px; } } @media (min-width: 1230px) { #img-menu .menu-item { height: 197px; padding-top: 55px; padding-left: 15px; padding-right: 15px; } #img-menu .menu-item .text { line-height: 34px; height: 102px; font-size: 24px; } } #sub-menu { margin-top: 20px; margin-bottom: 20px; } #sub-menu .menu-item { text-align: center; padding: 20px 0; } #sub-menu .menu-item a * { display: block; } #sub-menu .menu-item .name { color: #140170; font-size: 16px; } #sub-menu .menu-item .icon { color: #f7cf8e; font-size: 42px; line-height: 18px; } @media (min-width: 768px) { #sub-menu .menu-item .name { font-size: 16px; } #sub-menu .menu-item .icon { font-size: 42px; line-height: 18px; } } @media (min-width: 992px) { #sub-menu .menu-item .name { font-size: 20px; } #sub-menu .menu-item .icon { font-size: 50px; line-height: 20px; } } @media (min-width: 1230px) { #sub-menu .menu-item .name { font-size: 28px; } #sub-menu .menu-item .icon { font-size: 60px; line-height: 24px; } } #sub-menu .menu-item a:hover, #sub-menu .menu-item a:focus, #sub-menu .menu-item a:active, #sub-menu .menu-item a.active { text-decoration: none; } #sub-menu .menu-item a:hover .name, #sub-menu .menu-item a.active .name { color: #f8b469; } #sub-menu .menu-item a:hover .icon, #sub-menu .menu-item a.active .icon { color: #b7904e; } #homeCinnosti { margin-top: 20px; } #homeCinnosti .item { text-align: center; color: #ffffff; margin-bottom: 15px; } #homeCinnosti .inner-block { width: 100%; display: block; position: relative; } #homeCinnosti .opacity-block { background: rgba(0, 0, 0, 0.35); height: 60px; position: absolute; top: 0; left: 15px; right: 15px; line-height: 60px; overflow: hidden; transition: background ease-in-out 0.5s; } #homeCinnosti .item:hover .opacity-block { background: rgba(0, 0, 0, 1); } #homeCinnosti .item .name { float: left; font-size: 22px; font-weight: bold; padding-left: 15px; } #homeCinnosti .item .date { font-family: "AtypDisplay", sans-serif; float: right; font-size: 28px; font-weight: bold; padding-right: 15px; } @media (min-width: 768px) { #homeCinnosti { margin: 20px -18px; } #homeCinnosti .item { padding: 0 3px; margin-bottom: 6px; } #homeCinnosti .opacity-block { left: 0; right: 0; } #homeCinnosti .item .name { font-size: 18px; font-weight: bold; padding-left: 15px; } #homeCinnosti .item .date { font-size: 22px; font-weight: bold; padding-right: 15px; } } @media (min-width: 992px) { #homeCinnosti .item .name { font-size: 22px; font-weight: bold; padding-left: 15px; } #homeCinnosti .item .date { font-size: 28px; font-weight: bold; padding-right: 15px; } #homeCinnosti .opacity-block { height: 80px; line-height: 80px; } } @media (min-width: 1230px) { #homeCinnosti .item .name { font-size: 26px; font-weight: bold; padding-left: 15px; } #homeCinnosti .item .date { font-size: 38px; font-weight: bold; padding-right: 15px; } } #fb-block { margin-top: 50px; margin-bottom: 50px; } #fb-block > div { padding: 0; } .fb-banner img { margin: 0; } @media (max-width: 767px) { #fb-block { text-align: center; } } #gray-block { background: #f8b469; font-size: 17px; color: #140170; } #gray-block a { color: #140170; } #gray-block p { margin: 0; } #gray-block .text-block { padding-top: 30px; padding-right: 0; } @media (max-width: 991px) { #gray-block .row { text-align: center; } #gray-block .col-xs-12 { width: auto; margin: 0 auto; display: inline-block; float: none; text-align: left; } #gray-block .col-xs-12:before, #gray-block .col-xs-12:after { display: none; } } .point { display: inline-block; width: 16px; height: 16px; border-radius: 100%; background: #d5d5d5; } .point.blue, .point.place1, .point.place2 { background: #5b4d9d; } .point.orange, .point.place3, .point.place4, .point.place22 { background: #8a80b9; } .point.red, .point.place5, .point.place21 { background: #140170; } .point.green, .point.place18, .point.place20 { background: #b8b2d5; } p.p-point { padding-left: 25px; position: relative; } p.p-point .point { position: absolute; left: 0; top: 4px; } .scrollToUp .icon, .scrollToUp:focus .icon, .scrollToUp:active .icon { font-size: 60px; line-height: 25px; color: #f7cf8e; } .scrollToUp:hover, .scrollToUp:focus, .scrollToUp:active { text-decoration: none; } .scrollToUp:hover .icon { color: #000000; text-decoration: none; } .filtrContentBlock { position: absolute; z-index: 9; min-width: 100%; width: auto; padding: 0; display: none; } @media (min-width: 1230px) { .filtrContentBlock { padding: 15px; width: 100%; } } .filtrInner { background: #fefefe; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); padding: 10px; text-align: left; } .filtrInner label { font-size: 16px; margin: 0; } .tbl-header div { background: #140170; height: 60px; line-height: 60px; color: #ffffff; font-size: 17px; text-align: center; font-weight: 700; } .tbl-header div.misto { padding-left: 10px; } @media (max-width: 767px) { .tbl-header div { height: 26px; line-height: 26px; } } .tbl-row a > span, .tbl-row > span { font-size: 14px; color: #140170; line-height: 26px; height: 60px; text-align: center; padding: 17px 0; border-bottom: 1px solid #140170; } .tbl-row span.nazev { padding: 4px 0 4px 15px; } .tbl-row span.misto { padding: 4px 0 4px 4px; } .tbl-row span.vek, .tbl-row span.hodina { padding: 4px 0 4px 0; } .tbl-row span.volno img { max-width: 21px; max-height: 16px; } .tbl-row .icon { font-size: 40px; line-height: 26px; } .tbl-row .icon_close { color: #f10d0d; } .tbl-row .icon_check { color: #0df133; } .tbl-row .text-info { display: none; position: absolute; top: 0; left: 0; z-index: 9; width: 300px; background: #f8b469; color: #140170; text-align: left; font-size: 12px; line-height: 1.15; padding: 7px; } @media (min-width: 768px) { .tbl-row a:hover .text-info { display: block; } } .tbl-row .canceled { background: #dd4319; color: #ffffff; font-style: italic; font-weight: bold; padding: 4px 0; } .tbl-row .prihlaska-btn { color: #ffffff; text-transform: uppercase; font-size: 12px; font-weight: bold; background: #f4b813; padding: 5px 7px; } .tbl-row .prihlaska-btn:hover, .tbl-row .prihlaska-btn:active, .tbl-row .prihlaska-btn:focus { background: #f10d0d; text-decoration: none; } .tbl-header div.align-left, .tbl-row span.align-left { text-align: left; } @media (max-width: 767px) { .tbl-row a > span, .tbl-row > span { font-size: 16px; color: #000000; line-height: 20px; height: 40px; text-align: center; padding: 10px 0; } .tbl-row span.misto { padding: 0 0 0 15px; } .tbl-header .nazev.align-left { text-align: center; } .tbl-row span.nazev.align-left { text-align: center; font-weight: bold; } .tbl-header .misto.align-left { padding-left: 15px; } .tbl-row .canceled { padding: 0; } } @media (max-width: 460px) { .tbl-row a > span, .tbl-row > span { font-size: 15px; color: #000000; line-height: 18px; height: 72px; text-align: center; padding: 10px 0; } } .no-padding { padding: 0; } .all-upper { text-transform: uppercase; } #mainHeader { height: 100px; line-height: 100px; color: #ffffff; font-size: 40px; text-transform: uppercase; background: #b2b2b2; border-right: 1px solid #ffffff; padding-left: 80px; } #mainHeader.akce { background: #facf0c; } #mainHeader.krouzky-pro-deti { background: #f4b813; } #mainHeader.kurzy-pro-dospele { background: #ee9e17; } #mainHeader.univerzita-tretiho-veku { background: #dd4319; } #mainHeader.tabory-letni-primestske { background: #ab4425; } #mainHeader.domecek { background: #0071b8; } #mainHeader.ostatni-aktivity { background: #0f509c; } @media (max-width: 767px) { #mainHeader { padding-left: 15px; border-right: none; } } .page-content article { margin-top: 25px; padding: 15px; } .prihlaska-btn { color: #ffffff; background: #f8b469; font-weight: bold; font-size: 30px; text-transform: lowercase; margin: 0 0 20px 0; padding: 5px 8px; } .prihlaska-btn:hover, .prihlaska-btn:active, .prihlaska-btn:focus { background: #140170; color: #ffffff; text-decoration: none; } .prihlaska-btn.float-right { float: right; } h1.float { float: left; } .page-content table.info-table, .page-content table.info-table * { padding: 0; border: none; background: #ffffff !important; font-size: 18px; line-height: 1.1; width: auto; } .page-content table.info-table th, .page-content table.info-table td { padding: 3px; } .page-content table.info-table th { color: #f4b813; vertical-align: top; } .page-content table.info-table td { font-weight: bold; vertical-align: top; } .filtrInner #from, .filtrInner #to { max-width: 100%; } .filtrInner .toSet { background: #facf0c; } .filtrInner #potvrdit, .filtrInner #potvrdit:focus, .filtrInner #potvrdit:active { color: #ffffff; width: 100%; background: #140170; font-weight: bold; padding: 10px; border: none; } .filtrInner #potvrdit:hover { background: #f8b469; } @media (min-width: 768px) { .inline-form.searchForm #q { height: 44px; } } .box-strankovani .btn { margin: 25px auto; } #header-right-block .fb, #header-right-block .searchForm { float: left; margin-left: 5px; } #header-right-block .fb { max-width: 30px; max-height: 30px; } @media (min-width: 768px) { #header-right-block .fb, #header-right-block .searchForm { float: right; margin-left: 20px; } #header-right-block .fb { max-width: 40px; max-height: 40px; } } .brokenCorner { position: relative; overflow: hidden; outline: none; } #homeCinnosti .brokenCorner { max-width: 600px; margin: 0 auto; } .brokenCorner:after { content: ""; position: absolute; z-index: 2; bottom: -64px; left: -64px; width: 128px; height: 128px; transform: rotate(45deg); background: #ffffff; outline: none; border: none; } .img-thumbnail.brokenCorner:after { left: -49px; } #animace .brokenCorner:after { background: #f8b469; } @media (max-width: 767px) { .brokenCorner:after { zoom: 1; } .img-thumbnail.brokenCorner:after { zoom: 1; } } @media (min-width: 200px) { .brokenCorner:after { zoom: 0.5; } .img-thumbnail.brokenCorner:after { zoom: 0.6; } } @media (min-width: 400px) { .brokenCorner:after { zoom: 0.8; } .img-thumbnail.brokenCorner:after { zoom: 0.7; } } @media (min-width: 461px) { .img-thumbnail.brokenCorner:after { zoom: 0.6; } } @media (min-width: 600px) { .brokenCorner:after { zoom: 1; } } @media (min-width: 768px) { .brokenCorner:after { zoom: 0.6; } .img-thumbnail.brokenCorner:after { zoom: 0.45; } } @media (min-width: 992px) { .brokenCorner:after { zoom: 0.8; } .img-thumbnail.brokenCorner:after { zoom: 0.4; } } @media (min-width: 1230px) { .brokenCorner:after { zoom: 1; } .img-thumbnail.brokenCorner:after { zoom: 0.5; } }