html {scroll-behavior: smooth;} body{background:#f3f7f6;color:#333;font-size:16px;font-family:'Roboto', sans-serif;} .img-responsive{margin:0px auto;} a{color:#e00029;} h1,h2,h3,h4,h5,h6, .h1,.h2,.h3,.h4,.h5,.h6{font-family:'Roboto Condensed', serif;} h1,h2,h3,h4,h5,h6{color:inherit;} h1,h2,h3,h4,h5,h6{font-weight:normal;} h1,.h1{font-size:26px;} h2,.h2{font-size:24px;} h3,.h3{font-size:22px;} h4,.h4,h5,.h5,h6,.h6{font-size:20px;} footer a { color: #fff; } a:hover { color: #333333; } a:focus, button:focus, .btn:focus, .navbar-toggle:focus, select:focus { color: #333333; outline-offset: 5px; outline-color: #bb0000; outline-style: dotted; outline-width: 3px; } input:focus, .form-control:focus{ border: 2px solid #bb0000 !important; box-shadow: 0 0 10px #bb0000; } .zahodit { display: none; } .visuallyhidden{ border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .align-center { text-align: center; } ul { list-style: url('/img/li.png?v=1'); padding-left: 40px; } ul li { margin-bottom: 4px; padding-left: 15px; } ul.list-unstyled { list-style: none inside none; padding-left: 0px; } ul.list-unstyled li { margin-bottom: 0px; padding-left: 0px; } .red_shadow { -webkit-box-shadow: 0px 0px 14px 0px rgba(228, 0, 43, 0.9); -moz-box-shadow: 0px 0px 14px 0px rgba(228, 0, 43, 0.9); box-shadow: 0px 0px 14px 0px rgba(228, 0, 43, 0.9); } .btn { min-width: 140px; height: 40px; line-height: 40px; padding: 0px; background-color: #e00029; border-radius:0px; font-size: 14px; color: #ffffff; font-weight: 700; text-decoration: none; text-transform: uppercase; } .btn:hover, .btn:focus, .btn:active { background-color: #bb0000; color: #ffffff; } .page-content .table-responsive { overflow: auto; border: none; max-width: 100%; } .page-content table { width: 100%; margin-top: 30px; margin-bottom: 20px; font-size: 14px; } .page-content table th { background-color: #dfdfdf; border: 1px solid #c9c9c9; vertical-align: middle; padding: 10px; } .page-content table td { border: 1px solid #777; border: 1px solid #c9c9c9; vertical-align: middle; padding: 10px; } .page-content table tr { background-color: #ffffff; } .page-content table tr:nth-child(2n+1) { background-color: #f5f5f5; } .btn-primary, .pagination>.active>a { border-color: #e00029 !important; color: #ffffff; text-shadow: none; background-color: #e00029; } .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 { border-color: #e00029 !important; background-color: #e00029; color: #ffffff; } .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; } .form-control.search_404 { height: 40px; } .screen-reader-text { min-width: initial; width: 1px; transition: width .5s; height: 1px; line-height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); position: absolute; top: 120px; left: 0; z-index: 999; } .screen-reader-text span { position: absolute; left: left; left: -400px; transition: left .5s; right: 0; } .screen-reader-text:focus { width: 200px; transition: width .5s; height: 60px; line-height: 60px; overflow: visible; clip: initial; } .screen-reader-text.larger:focus { width: 270px; } .screen-reader-text:focus span { text-decoration: underline; left: 0; transition: left .5s; } #header { background-color: #FFFFFF; position: relative; text-align: center; height: 80px; } #header-top { position: relative; } #logo { text-align: left; padding-top: 10px; padding-bottom: 5px; } #header-right-block{ padding-top: 20px; } .navbar-collapse { top: 0px; position: relative; z-index: 999; } nav.navbar { height: 0px; min-height: 0px; margin-bottom: 0px; border: 0px none; top: 12px; } #mainMenu .navbar-collapse { padding-left: 0px; padding-right: 0px; color: #fff; height: 100%; overflow: auto; } #mainMenu .navbar-nav { margin: 0px; } #mainMenu a { color: #333333; line-height: 25px; font-size: 16px; text-transform: uppercase; text-decoration: none } #mainMenu a:hover, #mainMenu a:focus, #mainMenu a:active { color: #ffffff; background-color: transparent; } #mainMenu a.active { color: #e00029; background-color: #ffffff; font-weight: 700; } @media(max-width: 991px){ #mainMenu a:focus { outline: none; border: 3px dotted #ffffff; top: -1px; } } #mainMenu .has-sub>a:focus { border: none; top: 0; } #mainMenu .has-sub>a .menu_akce:focus{ border: 3px dotted #ffffff; } @media(min-width:992px) { #mainMenu a:hover, #mainMenu a:focus, #mainMenu a.active { color: #e00029; } #mainMenu a:focus { outline-offset: -5px; } #header-right-block{ padding-top: 0px; } #mainMenu .navbar-collapse { width: 100%; } nav.navbar { top: initial; } } #mainMenu .active a { color: #e00029; text-decoration: none; } #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: #e00029; color: #fff; margin-right: 0px; margin-top: 0px; height: 40px; } .navbar-toggle:hover, .navbar-toggle:focus, .navbar-toggle:active { background-color: #bb0000; color: #ffffff; } #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; } #main_obal { margin-top: -183px; padding-top: 0; position: relative; } @media(min-width: 768px){ #main_obal { margin-top: -170px; } } .homepage #main_obal { margin-top: -18%; } @media(min-width: 1920px){ .homepage #main_obal { margin-top: -340px; } } #footer { height: 80px; } #footer .newsletter-col { border-right: 0px none; } #form_newsletter { color: #000; } #form_newsletter .form-control { border: 1px solid #ffffff; background-color: #ffffff; height: 40px; } #form_newsletter .btn { background-color: #ffffff; font-size: 16px; height: 40px; margin: 0; width: 100%; } #form_newsletter .btn:hover, #form_newsletter .btn:focus { background-color: #cc0000; color: #fff; } #footer-bottom { background-color: #e00029; text-align: center; font-size: 13px; } #footer-bottom a:hover, #footer-bottom a:focus, #footer-bottom a:active { color: #333333; } #footer-bottom p { margin: 0px; padding: 30px 0px; line-height: 30px; vertical-align: bottom; overflow: hidden; } #footer-bottom .czp_odkazy a { padding: 0 5px; } .footer-copyright-cp a { text-indent: 9999px; display: inline-block; line-height: 21px; height: 21px; padding: 0px; } .scrollup { width: 50px; height: 50px; line-height: 50px; position: fixed; z-index: 9; bottom: 50px; right: 60px; display: none; text-align: center; background-color: #000; border: #333 1px solid; color: #fff; filter: alpha(opacity=70); opacity: 0.70; 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: #cc0000; border-color: #cc0000; } .scrollup i.glyphicon { padding: 0px; } #mainMenu a { font-family: 'Roboto', serif; } @media(min-width:768px) { #mainMenu a { padding: 10px; font-size: 14px; border: none; } #mainMenu>.container { width: 100%; } #mainMenu .navbar-collapse { background-color: transparent; color: inherit; height: 0 !important; width: auto !important; overflow: hidden !important; } #mainMenu .navbar-collapse.in { height: auto !important; width: 100% !important; } #mainMenu .dropdown:hover .dropdown-menu { display: block; } #mainMenu>.container { padding: 0 0px; } .navbar-toggle { display: block; } } @media(min-width:992px) { #mainMenu a { padding: 10px; } nav#mainMenu, nav#mainMenu div { display: inline-block; width: auto; } nav#mainMenu { position: absolute; top: 17px; left: 50%; margin-left: -150px; } .navbar-toggle { display: none; } #mainMenu>.container { width: auto; } #mainMenu .navbar-collapse { height: auto !important; width: auto !important; } #mainMenu { height: 55px; } #mainMenu .navbar-nav>li { padding: 0; margin: 0; } } @media(min-width:1230px) { #mainMenu a { padding: 10px 17px; } } @media (min-width:992px) { aside { margin-top: 10px; } } @media (min-width:1230px) { nav#mainMenu { margin-left: -90px; } .container { width: 1200px; } #mainMenu a.home { width: 95px; } } #main_block { padding-top: 50px; padding-bottom: 15px; background-color: #f3f7f6; } @media(min-width: 768px) and (max-width: 991px){ #main_block { padding-top: 170px; background-color: transparent; } } @media screen and (max-width:767px) { #main_block { position: relative; } } @media screen and (min-width:768px) { body { overflow: auto !important; } #col-main { padding-right: 0px; } } .pagination>li:first-child>a, .pagination>li:first-child>span { border-bottom-left-radius: 0; border-top-left-radius: 0; } .pagination>li:last-child>a, .pagination>li:last-child>span { border-bottom-right-radius: 0; border-top-right-radius: 0; } .pagination>li>a, .pagination>li>span { color: #333333; background-color: #fff; border-color: #e4e4e4; font-weight: normal; font-size: 1.0em; margin: 0px 5px 0px 0px; border-radius: 0px; } .pagination>li>a i.glyphicon { padding: 0px; font-size: 0.9em; color: #999; } .pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus { background-color: #e00029; border-color: #e00029; 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: #e00029; border-color: #e00029; color: #fff; } .popup-block-content { padding: 15px; } @media(max-width:767px) { .win-kosik-vlozeno .win-buttons .text-right, .win-kosik-vlozeno .win-buttons .text-left { text-align: center; padding-bottom: 15px; } } .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:767px) { .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; } } object, iframe { min-width: 100%; } @media (max-width:991px) { .menuOpened #main_obal { display: none; } .menuOpened #footer { display: none; } .menuOpened #vyhody { display: none; } .menuOpened #animace-col { display: none; } .menuOpened #map-kontakt { display: none; } .menuOpened #drobecky { display: none; } .menuOpened .podstranka-hlavni-obrazek { display: none; } .menuOpened #ico-blocks { display: none; } .menuOpened #top-line { display: none; } .menuOpened #zalozky_block{ display: none; } .menuOpened .hlavni-obrazek { display: none; } .menuOpened #header .header_cont { position: relative; z-index: 9999; } .menuOpened #cssmenu { display: block !important; } .dropdown-menu>li>a { padding: 10px 20px; background-color: #00f; } } #uvod { background: url('/img/hlavni-obr.jpg') no-repeat 50% 50%; height: 612px; } footer { background-color: #363636; color: #ffffff; } footer a { color: #ffffff; } footer a:hover, footer a:focus { color: #e00029; } #animace-col div div div { text-align: center; line-height: 35px; } .menu-2 { background-color: #e00029; min-height: 70px; text-align: center; font-size: 22px; color: #FFFFFF; text-transform: uppercase; padding-left: 0px; padding-right: 0px; } .menu-2 div { line-height: 70px; } .menu-2 div:hover { background-color: #FFFFFF; color: #333333; } #animace-hack>div { padding-left: 0px; padding-right: 0px; } #podmenu3 { text-align: left; font-family: 'Roboto Condensed', serif; } #podmenu3 a { text-decoration: none; color: #333; font-size: 17px; padding: 8px 0px 8px 20px; border-bottom: 1px solid #f3f7f6; min-height: 42px; background-color: #c5d2cf; display: block; } #podmenu3 a:hover, #podmenu3 a:focus, #podmenu3 a:active, #podmenu3 .active { background-color: #a1adaa; color: #333333; } #col-main { margin-top: 10px; } a { text-decoration: underline; } #podmenu3.affix-top { position: static; margin-top: 30px; width: 228px; } #podmenu3.affix { position: fixed; top: 70px; width: 228px; } .carousel-caption { display: none; } .podstranka-hlavni-obrazek { min-height: 300px; background-image: url('/img/bg_podstranky.jpg'); position: relative; background-position: top center; background-size: cover; background-repeat: no-repeat; } .zalozky { background-color: #f3f7f6; } .zalozky .zalozka_col{ padding-bottom: 3px; } .zalozka_link { position: absolute; left: 0; right: 0; padding: 0 15px; height: 100%; width: 100%; z-index: 999; display: block; } .zalozka_box { height: 70px; text-align: center; padding: 18px; position: relative; transition: background-color .5s; } .zalozky .zalozka_box.samosprava { background-color: #0059bd; } .zalozky .zalozka_box.obec { background-color: #c5004f; padding-top: 14px; } .zalozky .zalozka_box.skolka { background-color: #d15400; } .zalozky .zalozka_box.sport { background-color: #687c0a; } .zalozky .zalozka_box .icon_box { width: 54px; height: 54px; margin: 0 auto; } .zalozky .zalozka_box .icon { display: inline-block; background-color: #ffffff; mask-size: cover; -webkit-mask-size: cover; width: 100%; height: 100%; } .zalozky .zalozka_box.samosprava .icon { max-height: 54px; mask-image: url(/img/ikony/samosprava.svg); -webkit-mask-image: url(/img/ikony/samosprava.svg); } .zalozky .zalozka_box.obec .icon { max-height: 60px; mask-image: url(/img/ikony/obec.svg); -webkit-mask-image: url(/img/ikony/obec.svg); } .zalozky .zalozka_box.skolka .icon { max-height: 56px; mask-image: url(/img/ikony/skolka.svg); -webkit-mask-image: url(/img/ikony/skolka.svg); } .zalozky .zalozka_box.sport .icon { max-height: 54px; mask-image: url(/img/ikony/sport.svg); -webkit-mask-image: url(/img/ikony/sport.svg); } .zalozky .zalozka_box .text{ font-size: 22px; color: #ffffff; font-weight: 700; font-family: "Roboto Condensed"; text-transform: uppercase; position: absolute; bottom: 18px; left: 0; right: 0; } .zalozka_link:hover + .zalozka_box, .zalozka_link:active + .zalozka_box, .zalozka_link:focus + .zalozka_box { background-color: #f3f7f6; } .zalozka_link:hover + .zalozka_box .icon, .zalozka_link:active + .zalozka_box .icon, .zalozka_link:focus + .zalozka_box .icon { background-color: #000000; } .zalozka_link:hover + .zalozka_box .text, .zalozka_link:active + .zalozka_box .text, .zalozka_link:focus + .zalozka_box .text { color: #000000; } .zalozka_link.active + .zalozka_box { background-color: #f3f7f6; } .zalozka_link.active + .zalozka_box .icon { background-color: #e00029; } .zalozka_link.active + .zalozka_box .text { color: #e00029; } @media(min-width: 460px){ .zalozky { padding-left: 5px; padding-right: 5px; } .zalozky .zalozka_col { padding-left: 0; padding-right: 3px; } .zalozky .zalozka_col.even { padding-right: 0; } } @media(min-width: 768px){ .zalozka_box { height: 130px; } } @media(min-width: 992px){ .zalozky { padding: 0px; } .zalozky .zalozka_col { padding-bottom: 0; } .zalozky .zalozka_col.even { padding-right: 3px; } .zalozky .zalozka_col.last { padding-right: 0; } } .podstranka-hlavni-obrazek { margin-bottom: 40px; } #col-main { margin-top: 0px; padding-right: 15px; } .zobrazit-vice { display: none; } .zobrazit-vice-button { background-color: #e00029; text-transform: uppercase; color: #ffffff; width: 100%; text-decoration: none; min-height: 50px; display: block; text-align: center; padding: 14px; } .zobrazit-vice-button:hover, .zobrazit-vice-button:focus, .zobrazit-vice-button:active { background-color: #bb0000; color: #ffffff; text-decoration: none; } .breadcrumb { background: linear-gradient(to bottom, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.1) 10%, rgba(0,0,0,0) 100%); padding: 5px 20px; text-align: right; } .breadcrumb li { margin-left: -15px; padding-right: 4px; } .breadcrumb li a:hover { color: #e00029; } .breadcrumb > li + li::before { margin-right: 1px; margin-left: 10px; font-size: 10px; color: #ffffff; content: "\e258"; font-family: 'Glyphicons Halflings'; } .fotogalerie a { border: none; } .fotogalerie li { min-height: 270px; margin-top: 15px; } .fotogalerie li div.block { background: #ffffff; text-align: center; height: 280px; } .fotogalerie li div.block .img-thumbnail { position: relative; width: 100%; height: 100%; border: none; } .fotogalerie li div.block .img_link { position: absolute; left: 0; right: 0; top: 0; display: block; width: 100%; height: 100%; border: 1px solid #e4e4e4; border-bottom: 5px solid #e00029; z-index: 1; } .fotogalerie li div.block img { max-height: 195px; } .fotogalerie .article-gallery-title { text-align: center; display: block; width: 100%; margin: 10px auto 0 auto; height: 60px; overflow: hidden; line-height: 20px; position: absolute; left: 0; right: 0; bottom: 0; } .fotogalerie li div.block .img_link:hover, .fotogalerie li div.block .img_link:focus, .fotogalerie li div.block .img_link:active { border: 1px solid #e00029; border-bottom: 5px solid #e00029; } .fotogalerie li div.block .img_link:hover .article-gallery-title, .fotogalerie li div.block .img_link:focus .article-gallery-title, .fotogalerie li div.block .img_link:active .article-gallery-title { color: #bb0000; } #animace-col .active img { margin-left: auto; margin-right: auto; } .glyphicon-home:hover { color: #e00029; } .jina-fotogalerie { padding-top: 50px; padding-bottom: 25px; } #prekryv { display: none; background-color: rgba(40, 40, 40, 0.50); width: 100%; height: 0; z-index: 999; position: absolute; } #drobecky { font-size: 13px; position: absolute; top: 0px; width: 100%; } #cssmenu .open { background-color: #e00029; } .breadcrumb a, .breadcrumb span, .breadcrumb .active { color: #FFFFFF; } .carousel-fade .carousel-inner .item { opacity: 0; transition-property: opacity; transition-duration: 1s; transition-timing-function: linear; } .carousel-fade .carousel-inner .active { opacity: 1; } .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; } .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-fade .carousel-control { z-index: 2; } @media(min-width:992px) { #footer-bottom p { text-align: right; } .paticka-odkazy a { width: auto; } } .kontakt-table { margin-top: 0px; } .carousel-control { opacity: 1; } .carousel-control:hover { color: #e00029; } @media (min-width:768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { font-size: 50px; } } #ico-blocks { margin-top: 50px; } #ico-blocks .item { text-align: center; margin-bottom: 60px; } #ico-blocks .item .bordered { border: 1px solid #d5d5d5; height: 140px; } #ico-blocks .item .box-ico { margin-top: -40px; } #ico-blocks .item .content { font-size: 16px; color: #e00029; margin-top: 20px; } #ico-blocks .item .content a { text-decoration: none; } #ico-blocks .item .content a.mail { text-decoration: underline; } @media (min-width:992px) { #ico-blocks { padding-top: 100px; background-color: #ffffff; } #ico-blocks .item .content { font-size: 17px; color: #e00029; margin-top: 20px; line-height: 22px; } } #col-main { margin-bottom: 30px; } .page-content h1, .page-content .h1 { font-size: 26px; font-weight: 700; margin-top: 0; padding-bottom: 10px; margin-bottom: 13px; border-bottom: 1px solid #d5d5d5; } .carousel { overflow: hidden; } .carousel-control .button-left, .carousel-control .button-right { width: 80px; height: 80px; display: block; top: 50%; left: 50%; position: absolute; margin-top: -40px; margin-left: -40px; } .carousel-control .button-left { background: transparent url('/img/slide_zpet.png') no-repeat 50% 0; } .carousel-control .button-right { background: transparent url('/img/slide_dalsi.png') no-repeat 50% 0; } .carousel-control:hover .carousel-button { background-position: 50% 100%; } #home-box { margin-bottom: 50px; margin-top: 20px; } #home-box .content { border: 1px solid #d5d5d5; background: #ffffff; font-size: 14px; line-height: 29px; padding: 30px; height: 100%; } #home-box h1, #home-box .h1 { color: #333333; font-size: 24px; font-weight: 700; margin-top: 0; margin-bottom: 25px; } @media(min-width: 992px){ #home-box .radek { display: table; height: 100%; } #home-box .sloupec { float: none; display: table-cell; height: 100%; vertical-align: middle; } } #uvodka-pravy-panel { margin-top: 47px; margin-bottom: 40px; } #uvodka-pravy-panel .pravy-panel-kontakt { padding: 25px 15px 25px 35px; background-color: #ffffff; min-height: 140px; text-align: left; color: #191919; border: 1px solid #e4e4e4; } #uvodka-pravy-panel .pravy-panel-kontakt.virtualni-prohlidka { position: relative; margin-bottom: 12px; padding: 15px 10px; text-align: center; } #uvodka-pravy-panel .pravy-panel-kontakt.virtualni-prohlidka .header { text-transform: uppercase; font-size: 20px; margin-bottom: 0; } #uvodka-pravy-panel .pravy-panel-kontakt.virtualni-prohlidka .vp-icon { max-height: 100px; margin-bottom: 15px; } #uvodka-pravy-panel .pravy-panel-kontakt.virtualni-prohlidka .vp-link { position: absolute; top: 0; left: 0; right: 0; display: block; width: 100%; height: 100%; } #uvodka-pravy-panel .pravy-panel-kontakt.virtualni-prohlidka .vp-link:hover ~ .header, #uvodka-pravy-panel .pravy-panel-kontakt.virtualni-prohlidka .vp-link:focus ~ .header { color: #e00029; } #uvodka-pravy-panel .pravy-panel-kontakt.cez_block { position: relative; margin-bottom: 12px; padding: 10px; text-align: center; } #uvodka-pravy-panel .pravy-panel-kontakt .header { margin-top: 0px; margin-bottom: 25px; font-size: 22px; font-weight: 700; } #uvodka-pravy-panel .pravy-panel-kontakt .section_header{ color: #e00029; font-size: 18px; font-weight: 700; margin-top: 0px; margin-bottom: 5px; } #uvodka-pravy-panel .pravy-panel-kontakt div { margin-bottom: 25px; } #uvodka-pravy-panel .pravy-panel-kontakt .mail { color: #191919; } #uvodka-pravy-panel .pravy-panel-kontakt .tel { text-decoration: none; color: #191919; } #uvodka-pravy-panel .pravy-panel-kontakt .tel:hover, #uvodka-pravy-panel .pravy-panel-kontakt .tel:focus, #uvodka-pravy-panel .pravy-panel-kontakt .mail:hover, #uvodka-pravy-panel .pravy-panel-kontakt .mail:focus { color: #e00029; } #uvodka-pravy-panel .pravy-panel-kontakt p { margin-bottom: 25px; } .articles .aktuality_title { margin-bottom: 30px; margin-top: -10px; font-size: 26px; font-weight: 700; } .articles .article { display: block; position: relative; background: #ffffff no-repeat 98% 50%; padding: 15px 30px 15px 20px; margin-bottom: 12px; border: 1px solid #e4e4e4; transition: box-shadow .5s, background-position-x .5s; } .articles a, .articles a .article { text-decoration: none; } .articles .article_link { display: block; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; } .articles .article_link:hover, .articles .article_link:focus, .articles .article_link:active { border: 1px solid #e00029; } .articles .article .title { margin: 0 0 5px 0; color: #333; font-size: 18px; font-weight: 700; } .articles .article .content { display: block; color: #333; font-size: 14px; display: block; } .articles .article .content p { margin-bottom: 0; } .articles .article .article-meta { display: block; color: #333; font-size: 14px; margin-bottom: 5px; margin-left: -3px; } .articles .article .article-meta .kalendar { background: transparent url('/img/kalendar.png') no-repeat 50% 50%; width: 14px; height: 16px; display: inline-block; margin: 0 7px -2px 3px; } .gallery .header { font-size: 20px; text-align: left; padding-top: 30px; padding-bottom: 20px; font-family: 'Roboto', serif; } #videa .title { background: #ffffff; color: #565859; text-align: center; border: #d5d5d5 1px solid; display: block; width: 100%; height: 60px; overflow: hidden; font-size: 14px; padding: 10px; margin-top: 4px; } #videa a { color: #565859; text-decoration: none; margin-bottom: 25px; } #videa a:hover .title, #videa a:focus .title { color: #e00029; text-decoration: underline; } #soubory a { color: #333333; } #fotky a { margin-bottom: 25px; } .no-padding { padding: 0; } #searchFormTop { margin-right: 10px; width: 40px; float: right; position: relative; z-index: 999; } #searchFormTop .input-group { border: none; height: 40px; background-color: #fff; display: flex; align-items: center; justify-content: space-between; } #searchFormTop .ico-btn { position: relative; z-index: 999; background: none; border: none; color: #e00029; font-size: 20px; height: 100%; width: 70px; } #searchFormTop #q { display: none; width: 100%; border: none; outline: none; box-shadow: none; max-width: 300px; padding: 0; padding-left: 20px; font-size: 14px; color: #333; } #searchFormTop #q:focus { border: none !important; } #searchFormTop #q::placeholder { color: #333333; opacity: 1; } #searchFormTop #q:-ms-input-placeholder { color: #333333; } #searchFormTop #q::-ms-input-placeholder { color: #333333; } #searchFormTop .input-group:hover .ico-btn { color: #bb0000; } #searchFormTop.collapsed { width: 250px; position: absolute; right: 0; } #searchFormTop.collapsed .input-group { border: 1px solid #b5b5b5; } #searchFormTop.collapsed #q { display: block; z-index: 0; } @media(min-width: 460px){ #searchFormTop { width: 250px; } #searchFormTop .input-group { border: 1px solid #b5b5b5; } #searchFormTop #q { display: block; z-index: 0; } } @media(min-width:768px) { #searchFormTop { float: right; margin-top: 0px; margin-right: 10px; } } @media(min-width:992px){ #searchFormTop { margin-top: 20px; margin-right: 10px; } } @media(min-width:1230px) { #searchFormTop .ico-btn { padding: 0 10px 0 0; } } .pagination>li { padding: 0; } .horni-bubliny .item { background: #dddddd; color: #333333; border-radius: 5px; display: block; width: 100%; padding: 5px 0; text-align: center; text-decoration: none; margin-bottom: 15px; border: none; } .horni-bubliny .item:hover, .horni-bubliny-2 .item:hover, .horni-bubliny-2 .item.active { background: #e00029; color: #ffffff; } .horni-bubliny-2 select { width: 100%; height: 32px; border-radius: 5px; background: #dddddd; color: #333333; border: none; text-align: center; } .souborove_clanky .item_box { display: block; position: relative; background: #ffffff; padding: 15px 30px 15px 20px; margin-bottom: 12px; min-height: 55px; border: 1px solid #e4e4e4; } .souborove_clanky a, .souborove_clanky a .item_box { text-decoration: none; } .souborove_clanky .item_box_link { display: block; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 98% 50%; transition: background-position-x .5s; background-image: url('/img/sipka_dalsi.png'); } .souborove_clanky .item_box_link:hover, .souborove_clanky .item_box_link:focus, .souborove_clanky .item_box_link:active { border: 1px solid #e00029; background-position-x: 99%; transition: background-position-x .5s; } .souborove_clanky .item_box .title { margin: 0; color: #333; font-size: 22px; font-weight: 700; } .zpet_na_vypis { position: absolute; top: -35px; right: 15px; font-size: 14px; text-decoration: none; } .zpet_na_vypis .icon { margin-right: 5px; } .no_articles_title { display: block; margin-top: 22px; } #map { height: 300px; } .stin { -webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.3); box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.3); } #logo .znak { max-height: 70px; } #logo .logo_link { position: absolute; top: 10px; z-index: 99; left: 15px; text-decoration: none; display: flex; } #logo .logo_text { margin-left: 20px; color: #333333; } #logo .logo_text span { display: block; } #logo .logo_text .upper { font-size: 30px; letter-spacing: 0px; font-weight: 700; text-transform: uppercase; margin-top: 0; } #logo .logo_text .lower { margin-top: -10px; font-size: 16px; color: #333333; font-family: "Roboto"; } @media(min-width: 992px){ #logo .znak { max-height: 120px; } } #formularKontakt{} #formularKontakt .row { margin: 0px; } #formularKontakt table { width: 100%; margin: 20px 0; } #formularKontakt .form-control, #formularKontakt textarea{ width:100%; } .gdpr_souhlas { margin: 15px 0px; font-weight: 400; } #showFancyForm { min-width: 200px; height: 50px; line-height: 50px; margin-top: 55px; } .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: #518334; } .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;}