body { color: #525252; font-family:'Muli', sans-serif; font-weight:300; background:#EAEAEA; font-size: 16px; line-height: 1.8; } #web-wrap { max-width: 1370px; margin:0px auto; background:#FFF; } a { color:#333333; text-decoration:underline; outline:none;} a:hover, a:focus, a:active { color:#006DAE; } h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { color:#525252;font-weight:300;font-family:'Muli', sans-serif; margin-top:40px;margin-bottom:25px; } h1,.h1 {margin-top:0px; font-size:30px;} h2,.h2 {font-size:28px;} h3,.h3, h4,.h4 {font-size:24px;} h5,.h5,h6,.h6 {font-size:20px; } .img-responsive {margin:0px auto;} .img-thumbnail {margin-bottom: 15px; border-radius: 0px;} .push-bottom {margin-bottom:15px;} .h2_extra, .page-content h1 { padding:25px 0px; margin:0px auto 30px auto; text-align: left; border-bottom: 1px solid #D5D5D5; font-size: 30px; line-height: 34px; } img {max-width: 100%; height:auto;} strong,b { font-weight: 700; } .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: url('/img/li.png') outside; padding-left:20px; } .page-content ul li {margin-bottom:4px;} .page-content ul.list-unstyled {list-style:none inside none; padding-left:0px;} .page-content p { margin-bottom:25px; } 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: top; padding: 10px; } .page-content table th { background-color: #dfdfdf; font-weight: normal; } .page-content table tr:nth-child(even) td { background:#f5f5f5; } .page-content table.bezOhraniceni, .page-content table.bezOhraniceni tr, .page-content table.bezOhraniceni tr th, .page-content table.bezOhraniceni tr td { border: none; } .btn {border-radius:0px; font-family:'Muli', sans-serif; letter-spacing:0px; text-decoration:none; background:#EAEAEA; color:#333; } .btn-primary { color:#ffffff; font-weight:600; text-transform:uppercase; padding:14px 15px; background:#006DAE;border:0px; min-width:200px; } .btn-primary:hover, .btn-primary:active, .btn-primary:focus { background:#006DAE; } .navbar-toggle { background:#006DAE; color:#fff; margin-right: 0px; margin-top:5px; height:40px; width:40px; border-radius: 0px; } .navbar-toggle:hover { background:#006DAE; } .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 { width:100%; z-index:1050; position: fixed; top:0px; left:0px; bottom:auto; height:60px; right:0px; padding:5px 0px; background:#FFF; } .scrolled #header, .menuOpened #header { border-bottom:1px solid #D5D5D5; } #main_obal { padding-top:60px; padding-bottom:15px; } #logo {text-align:left; margin:0px auto; float:left; height: 50px; position: relative; } #logo img {max-width:100%; height:auto; max-height: 100%; width:auto; margin:0px; max-height: 40px; margin-top: 8px;} #searchFormTop {display:none; float:right;} #searchFormTop #q, #searchFormTop .btn {border-radius:0px;} .searchForm input, .searchForm .btn {border-color:#cdcdcd; color:#999;} .searchForm input {border-right:0px none; height: 44px;} .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 { position: fixed; top:60px; height: auto; left:0px; bottom:auto; right: 0px; overflow:hidden; border-radius: 0px; } #mainMenu .navbar-collapse, #kategorie_mobile_menu #cssmenu { background:#F4F4F4; } .menuOpened { background: #F4F4F4; } .menuOpened #mainMenu { bottom:0px; overflow: auto; } #mainMenu .navbar-nav {margin:0px;} #mainMenu .nav>li { padding:5px 0px; border-bottom:1px solid #D5D5D5; } #mainMenu a { line-height: 20px; color:#333; background:transparent; text-transform: uppercase; border:0px; outline: 0px; font-weight: 400; text-decoration: none; padding:10px 15px; font-size: 15px; } #mainMenu a:hover, #mainMenu a:focus, #mainMenu a:active, #mainMenu .active a {color:#006DAE; background-color: transparent; background:transparent;} #mainMenu .dropdown-menu {margin:-1px 0px 0px 0px; padding: 1px 0px 0px 0px; background:#666;} #mainMenu .nav>li.RESPswitchMENU { border-bottom:0px; } #mainMenu .RESPswitchMENU a { background:#EAEAEA; color:#333; margin-top:10px; } #mainMenu #mutace { text-align: center; padding:10px 0px; font-size: 0px; line-height: 20px; } #mainMenu #mutace .mutace-item { width:auto; display: inline-block; padding:5px 15px; font-size: 15px; } #mainMenu #mutace .mutace-item+.mutace-item { border-left:1px solid #D5D5D5; } #mainMenu #mutace .mutace-item.active { color:#006DAE; } .mobile-menu { display: none; } .dropdown.opened .dropdown-menu {display:block;} div.cp-extrablock:after { content:''; display:block; clear:both; } div.cp-extrablock.cp-img-right .extrablock-img { margin-bottom:15px; } div.cp-extrablock.cp-img-left .extrablock-img { margin-bottom:15px; } a i.glyphicon {padding-right:5px;} .scrollup { width: 40px; height: 40px; line-height: 40px; position: fixed; bottom: 40px; right: 40px; display: none; text-align:center; background-color: #999; color:#FFF; border: #555 1px solid; filter: alpha(opacity=70); opacity: 0.70; } .scrollup:hover, .scrollup:focus, .scrollup:active { background:#006DAE; color:#FFF; } .scrollup i.glyphicon {padding:0px;} @media(min-width: 768px){ #header, .scrolled #header, .menuOpened #header { position:relative; top:auto; border-bottom:0px; height:auto; } #main_obal { padding-top:0px; padding-bottom:30px; } .menuOpened { background: #FFF; } #mainMenu { float:right; position: relative; top:auto; right:auto; bottom:auto; left:auto; } #mainMenu .nav>li { border:0px; } #mainMenu #mutace { margin-left:30px; } #mainMenu a { color:#818181; line-height: 20px; font-size:15px; padding:10px 15px; } #mainMenu a:hover, #mainMenu a:focus, #mainMenu a:active, #mainMenu .active a {color:#006DAE;} #mainMenu>.container { width: auto !important; padding:0px; } #mainMenu .navbar-collapse {background-color:transparent; color:inherit; top:auto; height:auto !important; width: auto !important; padding:0px; } .affix #mainMenu .navbar-collapse { position:relative; top:auto; } #mainMenu .dropdown:hover .dropdown-menu{display:block;} div.cp-extrablock.cp-img-right .extrablock-img { float:right; max-width: 30%; margin-left:30px; } div.cp-extrablock.cp-img-left .extrablock-img { float:left; max-width: 30%; margin-right:30px; } div.cp-extrablock.cp-img-left p { float: left; max-width: 65%; } } @media (min-width: 992px){ #header { padding:10px 0px; } #mainMenu { padding-top:5px; } #mainMenu #mutace { margin-left:45px; } #mainMenu .nav>li { padding:5px 5px; } #main_obal { padding-bottom:45px; } } @media (min-width: 1230px){ .container { width: 1200px; } #header { padding:15px 0px; } #main_obal { padding-bottom:60px; } } .breadcrumb {background:transparent; margin-bottom:0px;} #main_block { } .page-content { } .gallery { text-align: center; margin-bottom:10px; } .gallery .img-thumbnail { border: none; background: transparent; margin-bottom: 8px;} #fotky .row, #video .row { margin:0px -4px; } #fotky .row .img-thumbnail, #fotky .row .btn-wrap, #video .row .img-thumbnail { padding:0px 4px; text-align: left; max-width:260px; } .gallery .btn-wrap { clear:both; } .gallery .btn-wrap .btn { width:100%; min-width: 170px; padding:14px 5px; } @media (min-width: 460px){ .gallery .btn-wrap .btn { width:100%; min-width: 170px; padding:14px 5px; } } #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;} #footer { background:#F4F4F4; text-align: center; } #jsme-clenem { padding:30px 0px; margin:0px; line-height: 30px; text-transform: uppercase; } #jsme-clenem img { max-height:50px; width:auto; padding:0px 10px; } #jsme-clenem .title { display:inline-block; white-space: nowrap; font-size: 17px; padding:10px 10px; height: 50px; } #footer .loga { margin:0px auto; max-width: 400px; } #footer .loga img { max-height: 80px; width: auto; } #footer .loga .loga-item { float:left; padding:0px 5px; width:50%; margin-bottom:10px; } #footer-bottom { padding:25px 0px 10px; font-size: 14px; line-height: 20px; } #footer-bottom p { margin-bottom: 15px; } .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: #999; padding: 0 5px 2px 5px; } .footer-copyright-cp a:hover .svg-icon { fill: #006DAE; } .sidebar .title { font-size:24px; display: block; padding:35px 0px 21px 0px; line-height: 28px; } .sidebar .sidebar-content { background:#f8f8f8; padding:30px 25px; font-size: 16px; margin-bottom:30px; } #sidebar-kontakt { line-height: 1.9; max-width: 270px; } #sidebar-kontakt .kontakt-item { display: block; margin-bottom:6px; padding-left:30px; position: relative; } #sidebar-kontakt .kontakt-item.firma { margin-bottom:10px; padding-left: 0px; } #sidebar-kontakt .kontakt-item .icon { font-size:16px; position: absolute; left:0px; top:6px; color:#006DAE; } #sidebar-kontakt a { text-decoration: none; } .sidebar .advert-item {margin-bottom: 25px;} #adv .adv_title { display: none; } .padded-text { color:#FFF; line-height: 1.4em; padding:0.1em 0px 0.1em 0.6em; position:relative; overflow: hidden; } .padded-text:before { display:block; content: ''; position: absolute; left:0px; top:0px; height: 100%; width: 0.6em; background:#006DAE; } .padded-text .padded-text-bg { display:inline; padding:0.3em 0px; background:#006DAE; margin:0px; } .padded-text .padded-text-in { display:inline; position: relative; left:-0.2em; } #animace { margin-bottom:30px; } #animace .carousel-controls { position: relative; background:#525252; width:100%; } #animace .carousel-arrows { float:right; padding:10px 15px 10px 0px;; } #animace .carousel-control { position: relative; top:auto; bottom:auto; left:auto; right:auto; color:#FFF; background:rgba(255,255,255,0.3); text-decoration: none; box-shadow: none; text-shadow: none; display:block; width:40px; height:40px; line-height: 40px; font-size: 40px; float:left; opacity:1; } #animace .carousel-control.right { margin-left:5px; } #animace .carousel-control:hover { background:#006DAE; } #animace .carousel-indicators { float:left; position: relative; width:auto; margin:0px 30px 0px 0px; left:auto; top:auto; bottom:auto; right:auto; padding:20px 0px 5px 15px; } #animace .carousel-indicators li { background:#FFF; border:1px solid #FFF; border-radius: 0px; width:16px; height:16px; margin:0px 3px 0px 0px; } #animace .carousel-indicators .active { background:transparent; margin:0px 3px 0px 0px; } #animace { background:#006DAE; } #animace .anim-text { background:#006DAE; padding:10px; font-weight: 900; font-size:20px; min-height: 90px; } #pageHeader { position: relative; margin-bottom:20px; } #pageHeader .h1 { text-transform: uppercase; font-weight: 900; display:inline-block; background:#006DAE; color:#FFF; padding:0.25em 0.6em; font-size: 24px; margin:0px; } #kontakt-obsah .page-content p { line-height: 1.9; margin-bottom:30px; } #kontakt-obsah .section-heading { margin-bottom:30px; } #kontakt-obsah .cp-extrablock .extrablock-img { margin-top:5px; } #gmap { height:300px; margin-bottom:30px; } @media (min-width: 768px){ #footer .loga { margin:0px auto; max-width: 600px; } #footer .loga .loga-item, #footer .loga .loga-item.skalka { float:left; width:33.333333333333%; clear: none; } .footer-copyright-cp { text-align: right; } #footer .col-copy { text-align: left; } #animace { background:#FFFFFF; } #animace .anim-text { background:transparent; position: absolute; left:10px; top:25%; font-size: 22px; } #animace .carousel-indicators { padding-top:25px; } #animace .carousel-controls { background:transparent; position: absolute; left:0px; bottom:0px; } #pageHeader .h1 { position:absolute; bottom:0px; left:0px; font-size: 20px; } #gmap { margin-top:40px; height: 500px; } } @media (min-width: 992px){ #jsme-clenem { padding:35px 0px; } #sidebar-kontakt { max-width:none; } #sidebar-kontakt .sidebar-content { padding-bottom:45px; } #animace .carousel-indicators { padding-left:30px; } #animace .carousel-arrows { padding-right: 30px; padding-bottom: 20px;} #animace .anim-text { font-size: 30px; top:30%; } #pageHeader .h1 { font-size: 26px; } #footer .loga { margin:0px -3px; max-width: none; } #footer .loga .loga-item, #footer .loga .loga-item.skalka { width:16.666666%; margin-bottom:0px; padding:0px 3px; } } @media (min-width: 1230px){ #animace .anim-text, #pageHeader .h1 { font-size: 30px; } } .articles .article h2 { color:#333; font-size:18px; } .article-meta {margin-bottom:10px;} .article-meta a {text-decoration: underline;} #col-main>#articles-list, #col-main>.margin-top { margin-top:30px; } .news-list .article { position: relative; } .news-list .article * { cursor: pointer; } .news-list .article>* { height: 80px; margin-bottom: 10px; display: inline-block; } .news-list .article .datum { position: absolute; left: 0; margin-right: 10px; background: #006dae; color: #ffffff; font-size: 24px; line-height: 28px; font-weight: bold; text-align: center; width: 100px; padding: 12px 0; } .news-list .article .datum .rok { display: block; } .news-list .article .content { margin-left: 110px; background: #f8f8f8; width: auto; padding-right: 90px; position: relative; } .news-list .article .content .nadpis { display: table-cell; width: 1000px; height: 80px; overflow:hidden; vertical-align: middle; padding: 15px 25px; font-size:15px; line-height: 17px; } .news-list .article .content .nadpis a { max-height: 70px; overflow: hidden; display: inline-block; } .news-list .article .content .icon { position: absolute; right: 0; top: 50%; margin-top: -30px; width: 88px; font-size: 26px !important; line-height: 60px; height: 60px; display: inline-block; text-align: center; border-left: 1px solid #d5d5d5; color: #006dae; } .news-list .article .article-link { text-decoration: none; } .news-list .article:hover .content { background: #eaeaea; } .news-list .article:hover .content .nadpis { color: #525252; } @media (max-width: 767px) { .news-list .article>* { height: 80px; } .news-list .article .datum { width: 60px; font-size: 16px; line-height: 20px; padding: 20px 0; } .news-list .article .content { margin-left: 70px; padding-right: 50px; } .news-list .article .content .icon { width: 48px; } .news-list .article .content .nadpis { height: 80px; padding: 8px 10px; } .news-list .article .content .nadpis a { max-height: 64px; } } .pagination > li > a, .pagination > li > span { padding: 9px 5px; min-width:40px; height:40px; line-height: 20px; text-align: center; background-color:transparent; color:#333; border-color:#006DAE; font-weight:normal; font-size:1.0em; margin: 0px 5px 0px 0px; border-radius: 0px !important; } .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: #006DAE; border-color: #006DAE; 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: #006DAE; border-color: #006DAE; color:#fff; } .row-pagination { margin-top:30px; } #articles-pagination .pagination { margin:5px 0px 25px 0px; } #gen-next { margin-bottom:25px; } .news-head { font-size: 16px; line-height: 20px; margin-top:-15px; margin-bottom: 30px; } .news-head .link-back { display:inline-block; margin-right: 10px; text-decoration:none; } .news-head .link-back .icon { color:#006DAE; font-size: 20px; margin-right: 5px;} .news-head .link-back+.datum { border-left:1px solid #D5D5D5; display: inline-block; padding-left:15px; } @media (min-width: 768px){ .news-list .article .content .nadpis { font-size:20px; line-height: 23px; } .news-list img.cover { display:block !important; position:absolute; left:0px; top:0px; height: auto; width:120px; margin:0px; } #gen-next { width:30%; } #gen-next .btn-primary { min-width: 140px; max-width: 100%; width: 200px; } #articles-pagination { width:70%; } } @media (min-width: 992px){ #col-main>#articles-list, #col-main>.margin-top { margin-top:84px; } } @media (min-width: 1230px){ .news-list img.cover { width:180px; } #gen-next { width:26%; margin-left:37%; text-align: center; } #articles-pagination { width:37%; } } .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 !important; } .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; } .ico-btn, a.ico-btn { height: 40px; background: transparent; border: none; color: #B6B8C0; font-size: 14px; text-decoration: none; margin-right: 0; display: block; padding-top: 5px; 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: 30px; 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 #q { display: none; position: absolute; right: 40px; top: -1px; background-color: #fff; border: none; color: #333333; height: 40px; 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; } .uvodka_vice { float: right; font-size: 14px; text-decoration: underline; padding-top: 5px; } object, iframe {max-width: 100%;} @media(max-width:767px){ .menuOpened #main_obal { display: none; } .menuOpened #footer { display: none; } } #prekryv { display: none; background-color: rgba(40, 40, 40, 0.50); 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; } #formularKontakt table { width: 100%; margin: 20px 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; } .gallery-video a { text-decoration: none; } .gallery-video .border { border: 1px solid #d5d5d5; padding: 11px 5px; height: 60px; overflow: hidden; margin-top: 4px; display: block; } a .video-title { color: #525252; font-size: 14px; text-decoration: none; display: block; line-height: 18px; height: 36px; overflow: hidden; } a:hover .video-title { color: #006DAE; }