body { background: #fff; color: #333; font-size: 16px; font-family: 'Roboto', sans-serif; } .img-responsive {margin:0px auto;} .img-thumbnail {margin-bottom: 15px; border-radius: 0px;} .btn {border-radius:0px;} a { color: #c44100; } h1,h2,h3,h4,h5 { color: inherit; } h1,h2,h3,h4,h5 {font-weight:normal;} h1,.h1, h2,.h2 {font-size:48px;} h3,.h3 {font-size:38px;} h4,.h4 {font-size:28px;} h5,.h5 {font-size:22px;} footer a { color: #fff; } a:hover, a:focus {color:#333333} .zahodit {display:none;} .align-center { text-align: center; } .btn-primary, .pagination > .active > a { border-color: #FFAA11 !important; color: #ffffff; text-shadow: none; background-color: #FFAA11; } .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: #E85E19 !important; background-color: #E85E19; 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;} #header { background-color: #FFFFFF; position: relative; text-align: center; min-height: 90px; border-bottom: 5px solid #ffaa11} #header-top { position:relative; } #logo {text-align: left; margin: 5px 0px; position: absolute; top: 75px;} #logo div{float: left;} #logo p, #logo .logo_title { color: #333333; padding-left: 15px; line-height: 1.42857143; } @media(min-width: 350px){ #logo p, #logo .logo_title { padding-left: 30px; } } #logo .logo_title { font-size: 20px; margin-bottom: 0px; margin-top: 0px; } @media(min-width: 390px){ #logo .logo_title { font-size: 26px; } } #logo img {max-width:100%; height:auto; float: left;} #header-right-block {height:35px; position: absolute; top: 25px; right: 0px; padding-left: 0px; padding-right: 10px;} @media(min-width: 768px){ #header-right-block{ top:15px; padding-left: 15px; } } .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 {padding-left:0px; padding-right: 0px; color:#fff; height: 100%; overflow: auto; width:100%; } #mainMenu .navbar-nav {margin:0px; } #mainMenu a { color: #333333; line-height: 25px; font-family: 'Roboto'; font-family: 'Roboto Condensed', sans-serif; font-size: 16px; text-transform: uppercase; text-decoration: none} #mainMenu a:hover, #mainMenu a:focus, #mainMenu a.active {color: #333333; background-color: transparent;} @media(min-width: 992px){ #mainMenu a:hover, #mainMenu a:focus, #mainMenu a.active{ color: #c44100; } } #mainMenu .active a { color: #c44100; 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:#cc0000; color:#fff; margin-right: 0px; margin-top:0px; height: 40px; } #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 { background: #FFFFFF; padding-top:0px;} #footer{height: 80px;} #footer .social-icons {padding:20px 0px 25px 0px;} #footer .social-icons li { display:inline; padding-right:10px;} #footer .social-icons img {padding:0px; margin:0px; border:0px;} #footer .social-icons a { background: url('/img/paticka-fcb.png') no-repeat 50% 0 transparent; width: 40px; height: 40px; display: inline-block; } #footer .social-icons a:hover { background-position: 50% 100%; } #footer .social-icons .fb {} #footer .social-icons .gp { background-image: url('/img/paticka-g+.png'); } #footer .social-icons .yt { background-image: url('/img/paticka-youtube.png'); } #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:#191919; color:#b6b8c0; text-align:center; font-size: 13px; } #footer-bottom p {margin:0px; padding: 30px 0px; line-height: 30px; vertical-align: bottom; overflow: hidden;} .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;} @media(max-width: 767px){ #logo { margin: 5px 0; } #logo img { max-height: 65px; } } @media(min-width: 768px){ nav#mainMenu, nav#mainMenu div { display: inline-block; width: 100%; } nav#mainMenu { position: absolute; top: 0; left: 0%; } #header-right-block {height:auto; padding-left: 0; padding-right: 0; width: 79%; } #kosik-blok {position:static; bottom:auto; margin:0px; } #mainMenu { height:55px; } #mainMenu a {padding: 10px 15%; line-height: 60px; font-size: 16px; border:none;} #mainMenu>.container { width: 100% !important; } #mainMenu .navbar-collapse {background-color:transparent; color:inherit; height:auto !important; width: auto !important;} #mainMenu .dropdown:hover .dropdown-menu{display:block;} #mainMenu>.container { padding: 0 0px; } #mainMenu {width: 100%;} #boxy div{ min-height: 250px; } #boxy div:first-of-type{ max-height: 250px; } } .podmenu-2-obalovaci{ padding: 0px 0px 0px 0px; width: 100%; position: relative; line-height: 20px; } .podmenu-2 a{ height: 100%; text-decoration: none; } #animace-col{ margin-bottom: 30px; } @media (min-width: 992px){ .podmenu-2-obalovaci{ bottom: 0px; background: transparent; position: absolute; } #animace-col div div div{ line-height: inherit; } nav#mainMenu { left: 50%; } #mainMenu .container {padding:0px;} #mainMenu>.container { padding: 0 15px; } .podmenu-2 .posledni{ border-right: none; } aside{ margin-top: 10px; } #animace-col{ max-height: 520px; } } @media (min-width: 1230px){ nav#mainMenu { left: 55%; } .container { width: 1200px; } #mainMenu a.home {width:95px;} } #main_block { padding-bottom:15px; background-color: transparent; height: 0px;} .gallery {text-align: center; margin-bottom:10px;} .gallery .img-thumbnail { border: none; background: transparent; margin-bottom: 15px;} #mainMenu .container{ padding-top: 89px; } @media screen and (max-width: 767px){ #main_block {position:relative;} nav.navbar>.container { padding: 0; } #mainMenu #navbar { margin: 0; } } @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 { width: 30px; height: 30px; border-bottom-left-radius: 0; border-top-left-radius: 0; } .pagination>li:last-child>a, .pagination>li:last-child>span { width: 30px; height: 30px; border-bottom-right-radius: 0; border-top-right-radius: 0; } .articles .article {border-bottom:1px solid #e0e0e0;} .articles .article h2, .articles .article .h2 {color:#333; font-size:18px;} .articles .article h2 a, .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 4px; color: #000000; background-color:#fff; border-color:#cecece; font-weight:normal; font-size:1.0em; margin: 0px 5px 0px 0px; border-radius: 0px; width: 30px; height: 30px; } .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: #E85E19; border-color: #E85E19; color:#000000; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #E85E19; border-color: #E85E19; color:#000000; } .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; } #boxiky #boxik-novinky button{ margin-bottom: 5px; } @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; } } @media (max-width: 991px) { #soc-top { margin-right: 0; } } object, iframe {min-width: 100%;} @media (max-width: 992px) { .menuOpened #main_obal { display: none; } .menuOpened #footer { display: none; } .menuOpened #vyhody { display: none; } .menuOpened #boxiky {display: none;} .menuOpened #animace-col {display: none;} .menuOpened #map-kontakt {display: none;} .menuOpened .boxiky-podstranka {display: none;} .menuOpened #drobecky{display: none;} .menuOpened .podstranka-hlavni-obrazek{background: none;} .menuOpened #top-line { display: none; } .dropdown-menu>li>a { padding: 10px 20px; background-color: #00f; } } .novinky-obal{ margin-top: 10px; margin-bottom: 10px; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; padding: 10px 15px 10px 15px; text-align: left; font-size: 14px; color: #E85E19; margin-right: 0px; } .novinky-obal p{ font-size: 13px; color: #333333; } .novinky-obal { color: #c44100; } .novinky-obal a{ font-family: 'Roboto'; font-size: 14px; color: #c44100; } .novinky-obal a:hover, .novinky-obal a:focus { color: #333333; } .novinky-obal .glyphicon{ padding: 0px 5px 0px 20px; color: #c44100; font-size: 14px; } section h1:first-of-type, section .h1:first-of-type, section h2:first-of-type, section .h2:first-of-type { margin-left: 0px; margin-right: 0px; text-align: left; margin-top: 0px; font-size: 24px; font-family: 'Roboto', sans-serif; color: #333333; padding-left: 15px } section h2:first-of-type, section .h2:first-of-type { font-size: 18px; margin-left: 0px; margin-right: 0px; padding-left: 0px; } #uvod { background: url('/img/hlavni-obr.jpg') no-repeat 50% 50%; height: 612px; } section, footer { text-align: center; } .content { margin-top: 30px; font-weight: 100; } footer { background-color: #272b33; color: #d7d7d7; } #animace-col div div div{ text-align: center; line-height: 35px; } .glyphicon-search{ } .hledat-box{ margin-top: 13px; font-family: 'Roboto', sans-serif; font-size: 12px; color: #ffaa11; text-transform: uppercase; } .hledat-box .glyphicon{ padding-bottom: 15px; } .menu-2{ background-color: #FFAA11; min-height: 70px; text-align: center; font-family: 'Roboto Condensed', sans-serif; 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; } #header-stin{ height: 0px; } #header-stin .container{ height: 0px; } #animace-hack > div{ padding-left: 0px; padding-right: 0px; } .podmenu-2{ text-align: center; color: #FFFFFF; font-family: 'Roboto', sans-serif; text-transform: uppercase; line-height: 70px; padding-left: 0px; padding-right: 0px; } .podmenu-2 a:hover, .podmenu-2 a:focus{ color: #000000; text-decoration: underline; } #podmenu3{ text-align: left; padding: 0px 15px 0px 15px; } #podmenu3 a{ color: #000000; font-family: 'Roboto Condensed', sans-serif; font-size: 17px; padding: 8px 0px 8px 20px; border-bottom: 1px solid #FFFFFF; min-height: 42px; background-color: #fea911; text-decoration: none; } #podmenu3 a:hover, #podmenu3 a:focus, #podmenu3 .active { background-color: #E85E19; color: #ffffff; text-decoration: underline; } #col-main{ margin-top: 10px; } a{ text-decoration: underline; } #uvodka-pravy-panel{ min-height: 710px; margin-top: 0px; margin-bottom: 40px; } #uvodka-pravy-panel div:first-of-type , #kamerka-podstranky{ background-color: #eeeeee; padding: 10px 0px 0px 0px; min-height: 140px; font-family: 'Roboto Condensed'; color: #E85E19; font-size: 22px; } #uvodka-pravy-panel div:first-of-type img{ padding-bottom: 15px; } #uvodka-pravy-panel div:first-of-type div:hover{ color: #FFAA11; } #uvodka-pravy-panel .pravy-panel-kontakt{ background-color: #eeeeee; padding: 25px 0px 0px 0px; } #uvodka-pravy-panel .pravy-panel-kontakt p:first-of-type{ text-transform: uppercase; color: #333333; font-size: 22px; font-family: 'Roboto Condensed', sans-serif; padding-bottom: 5px; } #uvodka-pravy-panel .pravy-panel-kontakt p{ font-size: 16px; font-family: 'Roboto'; color: #191919; line-height: 20px; padding: 10px 0px 10px 0px; } #uvodka-pravy-panel .pravy-panel-kontakt a{ text-transform: uppercase; text-decoration: underline; color: #191919; } #uvodka-pravy-panel .pravy-panel-kontakt a:hover{ color: #E85E19; } #uvodka-pravy-panel .pravy-panel-kontakt img{ padding-top: 20px; } #uvodka-pravy-panel a{ color: #000000; text-decoration: none; } #uvodka-pravy-panel a:hover, #uvodka-pravy-panel a:focus { color: #E85E19; text-decoration: underline; } #uvodka-pravy-panel .cez_block { background-color: #eeeeee; } #uvodka-pravy-panel .cez_block img { max-width: 100%; height: auto; padding: 10px; } #novinky{ margin-bottom: 40px; } #map-kontakt{ background-color: #F6EED6; min-height: 390px; padding-bottom: 0px; } #map-kontakt a{ text-decoration: underline; } #map-kontakt a:hover{ color: #333333; } #map-kontakt article{ font-family: 'Roboto'; font-size: 18px; color: #333333; min-height: 90px; } #map-kontakt article p{ width: 100%; padding-top: 30px; } #map{ min-height: 300px; } .paticka-odkazy{ margin: 30px 0px 0px 0px; padding-left: 15px; text-align: center; } @media(min-width: 992px){ .paticka-odkazy{ text-align: left; } } .paticka-odkazy a{ color: #FFAA11; font-size: 14px; font-family: 'Roboto', sans-serif; padding-top: 5px; } .paticka-odkazy a:hover{ color: #FFFFFF; } .pagination{ display: block; } @media(min-width: 1240px){ #logo{ padding-left: 50px; } } .searchForm button{ top: -5px; color: #333333; border: none; font-family: 'Roboto', sans-serif; text-transform: uppercase; background-color: transparent; } @media(min-width: 992px){ .searchForm button{ color: #FFAA11; } } .searchForm button:hover{ background-color: transparent; color: #E85E19; } .searchForm button span{ padding-bottom: 0px; font-size: 30px; } #boxiky div div{ border: 1px solid #cccccc; padding: 10px 10px 0px 10px; text-align: left; } #boxiky h2{ font-family: "Roboto"; font-size: 20px; color: #000000; } #boxiky button{ min-width: 175px; height: 40px; background-color: #fea911; font-family: 'Roboto', sans-serif; font-size: 14px; color: #000000; text-transform: uppercase; border: none; } #boxiky button:hover, #boxiky button:focus{ background-color: #E85E19; color: #ffffff; text-decoration: underline; } #boxiky .box p{ font-family: 'Roboto', sans-serif; font-size: 16px; color: #333333; padding-top: 15px; line-height: 25px; } #boxiky div div:first-of-type p{ font-family: 'Roboto', sans-serif; font-size: 13px; color: #191919; } #boxiky div{ margin-bottom: 20px; } @media(min-width: 992px){ #animace-col div div div{ line-height: 70px; } } @media(min-width: 460px){ .podmenu-2 a{ border-right: 2px solid #FFFFFF; } } @media(min-width: 620px){ .podmenu-2 a div{ border: none; } .podmenu-2{ font-size: 22px; } } #podmenu3.affix-top { position: static; margin-top:30px; width:228px; } #podmenu3.affix { position: fixed; top:70px; width:228px; } .carousel-caption{ display: none; } @media(min-width: 992px){ .podmenu-2 div:first-of-type{ border-left: none; } #animace .podmenu-2-obalovaci .container{ background: transparent; } } #animace .podmenu-2 div{ font-size: 22px; min-height: 100%; } #podmenu3 #kamerka { margin-top: 23px; background-color: #eeeeee; text-align: center; min-height: 140px; padding: 0px; padding-top: 15px; font-family: 'Roboto Condensed'; color: #000000; font-size: 22px; line-height: 60px; margin-bottom: 30px; } #podmenu3 #kamerka:hover, #podmenu3 #kamerka:focus { color: #e85e19; } #kamerka:hover img, #kamerka:focus img { filter: brightness(0) saturate(100%) invert(44%) sepia(29%) saturate(3581%) hue-rotate(352deg) brightness(94%) contrast(93%); } form.news-reg{ padding: 0px; } #boxiky #boxik-novinky form.news-reg div.btn-wrap { padding:0px; min-height: 0px; margin-bottom:10px; } #boxiky #boxik-novinky form.news-reg .gdpr-info { font-size:14px; margin:0px; padding:0px; clear:both; } #newsForm .gdpr-info { text-align: center; font-size: 14px; margin-bottom: 15px; } form.news-reg input[type="email"]{ color: #000000; padding: 7px 10px 7px 10px; max-width: 100%; margin-top: 5px; margin-bottom: 5px; } form.news-reg input.subm{ min-height: 40px; background-color: #fea911; border: none; color: #000000; max-width: 100%; padding:0px 15px; } form.news-reg input.subm:hover{ background-color: #E85E19; color: #FFFFFF; text-decoration: underline; } footer img{ padding-left: 2px; padding-right: 2px; } .podstranka-hlavni-obrazek{ background-image: none; position: relative; background-position: top center; } #animace-col .podmenu-2-obalovaci .podmenu-2{ } .podstranka-hlavni-obrazek #logo{ top: -85px; } .breadcrumb{ background-color: transparent; padding: 5px 20px; } @media(min-width: 460px){ .breadcrumb{ width: auto; text-align: right; } } .breadcrumb span{ margin-right: 30px; } .podstranka-hlavni-obrazek{ margin-bottom: 40px; } .page-content{ padding-left: 15px; font-family: 'Roboto', sans-serif; } @media(min-width: 768px){ .page-content{ margin-top: 20px; } } section .page-content h1:first-of-type, section .page-content .h1:first-of-type{ font-size: 26px; background-color: #eeeeee; padding: 15px 15px 15px 15px; margin-bottom: 30px; } section .page-content h2, section .page-content .h2{ font-size: 24px; margin: 30px 0px 20px 0px; text-align: left; } section .page-content p { text-align: left; margin: 10px 0px 10px 0px; } section .page-content h3, section .page-content .h3 { text-align: left; margin: 30px 0px 20px 0px; font-size: 22px; } section .page-content ul{ text-align: left; padding: 0px 0px 40px 30px; } section .page-content ul li{ padding: 3px 0px 3px 0px; list-style-image: url('../img/rozsochatec/li-bod.png'); } ul.list-unstyled { list-style: none inside none; padding-left: 0px; } ul.list-unstyled li { margin-bottom: 0px; padding-left: 0px; } .page-content li { text-align: left; } section .page-content h4, section .page-content h5, section .page-content h6{ text-align: left; font-size: 20px; } section .page-content ul li{ padding-left: 15px; } section table{ margin-top: 40px; margin-bottom: 30px; } table tr td:first-child{ text-align: left; } section table tr th{ padding-top: 14px; padding-bottom: 14px; } section table tr td{ padding-top: 10px; padding-bottom: 10px; } section table tr th, section table tr td{ border-left: 1px solid #c9c9c9; border-right: 1px solid #c9c9c9; border-top: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; } section table tr:nth-child(even) {background: #FFFFFF} tr:nth-child(odd) {background: #f5f5f5} section table tbody tr:first-of-type{ background-color: #dfdfdf; height: 55px; } section table tbody tr th:first-child{ text-align: left; } section table tbody th, section table tbody td{ padding-left: 20px; padding-right: 25px; } #col-main{ margin-top: 0px; padding-right: 15px; } #videa{ text-align: left; } .nadpis-klasicka-stranka-multimedia{ font-size: 20px; text-align: left; padding-top: 10px; } .gallery{ padding-left: 30px; } .gallery ul{ padding-left: 25px; } .gallery ul li{ padding-left: 20px; font-size: 16px; list-style-image: url('../img/rozsochatec/li-bod.png'); } .gallery ul li:hover{ color: #333333; } #videa ul li:hover{ color: #E85E19; } #soubory{ text-align: left; } #soubory ul{ padding-left: 40px; list-style-image: url('../img/rozsochatec/li-bod.png'); } #fotky a{ padding-left: 0px; } .gallery .col{ padding-left: 0px; } .zobrazit-vice{ display: none; } .zobrazit-vice-button{ padding-top: 15px; padding-bottom: 5px; background-color: #FFAA11; text-transform: uppercase; color: #ffffff; cursor: pointer; } .zobrazit-vice-button:hover{ background-color: #E85E19; } .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: 10px; } .breadcrumb li a:hover { color: #E85E19 } .breadcrumb > li + li::before { margin-right: 1px; margin-left: 10px; font-size: 10px; color: #ffffff; content: "\e258"; font-family: 'Glyphicons Halflings'; } .boxiky-podstranka{ padding-top: 45px; background-color: #ececec; } #boxik-zpravodajstvi, #boxik-novinky, #boxik-SMS{ background-color: #ffffff; } .boxiky-podstranka .container #boxiky{ background: none; } @media(min-width: 768px){ .page-content{ margin-top: 0px; } } .articles div{ padding: 0px; padding-right: 0px; width: 100%; color: #c44100; } .articles div article{ margin-bottom: 15px; border-top: 1px solid #c9c9c9; border-left: 1px solid #c9c9c9; border-right: 1px solid #c9c9c9; } .article{ padding: 15px 0px 10px 15px; text-align: left; font-size: 13px; } .article a{ font-size: 14px; } #novinky{ margin-top: 15px; } @media(min-width: 768px){ #novinky{ margin-top: 0px; } } .article a:hover{ color: #E85E19; } .article p{ color: #000000; font-size: 13px; } .article{ color: #E85E19; } .article a{ margin-right: 20px; } .article span{ margin-right: 10px; } .article-meta{ margin-bottom: 0px; } .page-content article{ padding: 0px; } #boxiky #boxik-zpravodajstvi div,#boxiky #boxik-novinky div,#boxiky #boxik-SMS div{ border: none; } #boxik-novinky button{ margin-bottom: 15px; } .fotogalerie .box { min-height: 270px; } .fotogalerie a { border: none; color: #c44100; } .fotogalerie .box { border: 1px solid #c9c9c9; border-bottom: 5px solid #E85E19; margin-bottom: 30px; } .fotogalerie a:hover, .fotogalerie a:focus { color: #000000; } .akce-articles .block { display: flex; min-height: 80px; margin-bottom: 10px; } .akce-articles .date-block { position: relative; width: 100px; background-color: #e85e19; } .akce-articles .date-block .date { position: absolute; top: 50%; transform: translateY(-50%); font-size: 18px; line-height: 24px; color: #ffffff; font-weight: 400; } .akce-articles .title-block { width: 100%; padding: 15px 20px; background-color: #ffffff; border: 1px solid #d5d5d5; color: #333333; font-weight: 400; text-align: left; } .akce-articles .title-block .title { font-size: 18px; line-height: 24px; margin-top: 0px; margin-bottom: 5px; } .akce-articles .title-block a { font-size: 14px; color: #333333; } .akce-articles .title-block a:hover, .akce-articles .title-block a:focus { color: #e85e19; } @media(min-width: 768px){ .akce-articles .title-block { padding: 15px 40px; } .akce-articles .date-block .date { font-size: 24px; line-height: 30px; } } #boxiky h2{ padding-left: 0px; padding-bottom: 20px; } .podmenu-2 a{ color: #000000; } .podmenu-2 div{ padding: 0px; } .podmenu-2 .active{ background-color: #FFFFFF; background-image: url(../img/rozsochatec/sipka-hover.png); background-repeat: no-repeat; background-position: 90% center; color: #000000; } #cssmenu{ } .podmenu-2 div{ height: 70px; color: #333333; } @media(max-width: 460px){ .podmenu-2-obalovaci .container{ padding: 0px; } .podmenu-2{ height: 0px; } } #animace-col .podmenu-2 .active{ background: #FFFFFF; background-image: url(../img/rozsochatec/sipka-hover.png); background-repeat: no-repeat; background-position: 95% 50%; } @media(min-width: 992px){ .podmenu-2 a{ background-image: url(../img/rozsochatec/sipka.png); background-repeat: no-repeat; background-position: 95% 50%; } } .podmenu-2{ background: #ffaa11; background: -moz-linear-gradient(top, #ffaa11 0%, #fea911 60%, #df9511 100%); background: -webkit-linear-gradient(top, #ffaa11 0%,#fea911 60%,#df9511 100%); background: linear-gradient(to bottom, #ffaa11 0%,#fea911 60%,#df9511 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaa11', endColorstr='#df9511',GradientType=0 ); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec9d10', endColorstr='#ffaa11',GradientType=0 ); } #boxiky div div{ min-height: 220px; } #boxik-novinky{ height: 290px; } @media(min-width: 350px){ #boxik-novinky{ height: 280px; } } @media(min-width: 768px){ #boxiky div div{ min-height: 270px; } #boxik-novinky{ height: auto; } } #boxiky button{ margin-top: 10px; margin-bottom: 10px; } @media(min-width: 768px){ #boxiky iframe{ max-height: 70px; } #boxiky #boxik-SMS div{ padding-top: 50px; } #boxiky #boxik-novinky div{ padding-top: 30px; } } @media(min-width: 992px){ .podmenu-2-obalovaci{ background: none; } .podmenu-2 a{ padding-top: 0px; } #boxiky div div{ min-height: 250px; } } @media(min-width: 768px){ #boxiky #boxik-SMS div{ padding-top: 10px; } #boxiky #boxik-novinky div{ padding-top: 10px; } #boxik-zpravodajstvi button{ margin-top: 20px; } #boxik-SMS button{ margin-top: 20px; } } @media(min-width: 992px){ #boxiky div div:first-of-type p{ font-family: 'Roboto', sans-serif; font-size: 16px; color: #191919; } #boxiky iframe{ min-height: 120px; } #boxik-SMS h2, #boxik-novinky h2{ padding-bottom: 20px; } #boxik-zpravodajstvi button{ margin-top: 10px; } #boxiky #boxik-SMS, #boxiky #boxik-novinky, #boxiky #boxik-zpravodajstvi{ height: 280px; } } @media(min-width: 1230px){ #boxiky #boxik-SMS, #boxiky #boxik-novinky, #boxiky #boxik-zpravodajstvi{ height: 260px; } } @media(min-width: 768px){ header, #header.affix { position:relative; top:auto; -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);} nav#mainMenu, nav#mainMenu div { display: inline-block; } nav#mainMenu { position: absolute; top: 90px; margin: 0 auto;} .header-affixed #logo { margin-top: 5px; } .header-affixed #logo img {max-width:100%; height:auto; max-height: 100%; } #header-right-block {height:auto; padding-left: 0; padding-right: 0; width: 79%; } #kosik-blok {position:static; bottom:auto; margin:0px; } #mainMenu { height:55px;} #mainMenu a {padding: 10px 18px; line-height: 35px; font-size: 16px; border:none;} #mainMenu .navbar-collapse {background-color: #FFFFFF; color:inherit; top:auto; width: 100% !important;} .affix #mainMenu .navbar-collapse { position:relative; top:auto; } #mainMenu .dropdown:hover .dropdown-menu{display:block;} #mainMenu>.container { padding: 0 0px; } #header-right-block{ margin-top: 10px; } #header nav .navbar{ height: 100% } .navbar-header { float: left} .navbar-toggle { display: block; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-right: 15px; padding-left: 15px; } .navbar-collapse.collapse { display: none !important; overflow: auto !important; left:0px; height: 100%; position: relative } .navbar-collapse.collapse.in { display: block !important; margin-top: 0px; height: 400px !important; float:left; } .navbar-nav>li {float:none;} .navbar-nav { float: none; margin: 7px -15px; } #header-right-block{ width: 20%; float: right; padding-right: 20px; } #navbar{ margin-left: -300px; } .menuOpened header, .menuOpened #header.affix { position:relative; top:auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none} } @media (min-width: 992px){ #logo {text-align:left; width: 39%; } #odmen-system-top { margin-top:15px; } body.menu-opened {background:#F5F5F5;} body.menu-opened #top-banner-box, body.menu-opened #main_obal, body.menu-opened #footer { display:block; } body.menu-opened #mainMenu { height:auto; } body.menu-opened #header.affix { position:fixed; } body.menu-opened #mainMenu .navbar-collapse { margin-left:-15px; margin-right:-15px; } body.menu-opened #mainMenu .container { padding-left: 15px; padding-right: 15px; width:970px; } body {overflow:auto !important;} body.header-affixed {padding-top:150px;} #header-top { height:95px;} #header.affix { position: fixed; top: -95px; -webkit-box-shadow: 0px 0px 5px 1px rgba(4, 4, 5, 0.7); -moz-box-shadow: 0px 0px 5px 1px rgba(4, 4, 5, 0.7); box-shadow: 0px 0px 5px 1px rgba(4, 4, 5, 0.7); } #soc-top{ display:block; } .navbar-nav { float: left; margin:0px; } .navbar-header, .navbar-nav>li { float: left; } .navbar-toggle { display: none; } .navbar-collapse.collapse{ overflow: visible !important; height: auto !important; display: block !important;} #mainMenu .navbar-nav { float:none; } #mainMenu .navbar-nav li { background: transparent;} #mainMenu { height:55px; } #mainMenu a {padding:10px 19px; color:#555; line-height: 35px; font-size:15px; border:0px none; text-align: center;} #mainMenu a:hover, #mainMenu a:focus, #mainMenu a:active {background:transparent;} #mainMenu>.container {background:transparent;} #mainMenu .navbar-collapse {background-color:transparent; color:inherit; top:auto; height: 0px !important; position:relative; } #mainMenu .dropdown:hover .dropdown-menu{display:block;} .affix #mainMenu .navbar-collapse {top:auto; } #header.affix #odmen-system-menu { display:block; } .header-affixed #mainMenu a { font-size:13px; padding:10px 17px; } .header-affixed #mainMenu .prvni>a { padding-left:0px; } .header-affixed #mainMenu #odmen-system-menu a { padding-right:0px; } #col-main {margin-bottom:0px;} #levy-blok { padding-left:15px; } .row.page-content {margin-left:-15px;margin-right:-15px;} #mainMenu{ width: 100%; } #mainMenu .container{ padding-top: 100px; padding-left: 0px; padding-right: 0px; } } @media(min-width: 1473px){ #logo{ width: 25%; } } @media(min-width: 992px){ .navbar-toggle{display: none;} nav#mainMenu{ top: 0px; left: 0%; } #mainMenu .navbar-collapse{ width: 70%; } #mainMenu .container{ padding-top: 20px; } #navbar{ margin-left: 0px; } .navbar-nav{ position: absolute; left: 41.5%; } #logo div{ margin-top: 5px; } .podstranka-hlavni-obrazek #logo{ top: -95px; } } @media(max-width: 992px){ #logo img{ width: 55px; } #mainMenu .container{ width: 100%; } #navbar{ margin-left: 0px; } } #animace-col .active img{ margin-left: auto; margin-right: auto; } .glyphicon-home:hover{ color: #FFAA11; } @media(min-width: 992px){ #map-kontakt img{ float: right; margin-top: -30px; } } .jina-fotogalerie{ padding-top: 50px; padding-bottom: 25px; } #searchFormTop { width: 50px; height: 50px; max-width: 50px !important; max-height: 50px; font-family: 'Roboto', sans-serif; font-size: 12px; color: #FFAA11; margin-top: -10px; margin-right: 20px; float: right; } #searchFormTop button{ background-color: transparent; border: none; padding-right: 0px; font-size: 30px; } #searchFormTop span{ width: 30px; height: 50px; padding-bottom: 0px; } #searchFormTop .searchForm{ width: 50px; height: 50px; max-width: 50px !important; max-height: 50px; } #searchFormTop input[type="text"]{ z-index: 999; } #searchFormTop .searchForm .input-group .ico-btn{ width: 50px; z-index: 999; max-width: 50px !important; } #searchFormTop .searchForm .input-group .glyphicon, #searchFormTop .searchForm .input-group p { color: #000000; } #searchFormTop .searchForm .input-group p { margin-top: -3px; margin-bottom: 0px; font-size: 12px; font-weight: 400; } #searchFormTop .searchForm .input-group:hover{ color: #E85E19; } #searchFormTop .searchForm .input-group:hover .glyphicon, #searchFormTop .searchForm .input-group:hover p { color: #E85E19; } #searchFormTop input[type='text']{ width: 400%; position: absolute; top: 10px; left: -210px; } @media(min-width: 992px){ #searchFormTop input[type="text"]{ top: 20px; } } @media(min-width: 1460px){ #searchFormTop { float: left; } } #searchFormTop input[type='text']:focus{ -webkit-box-shadow: 0px 0px 14px 0px rgba(255, 170, 17, 0.9); -moz-box-shadow: 0px 0px 14px 0px rgba(255, 170, 17, 0.9); box-shadow: 0px 0px 14px 0px rgba(255, 170, 17, 0.9); } .fotogalerie .list-unstyled li{ margin-bottom: 30px; } .fotogalerie .list-unstyled li div{ height: 270px; } .fotogalerie .list-unstyled li div a{ padding-top: 15px; } .fotogalerie ul{ margin-left: -15px; margin-right: -15px; } @media(min-width: 992px){ form.news-reg input.subm{ margin-top: 10px; } form.news-reg input[type="email"]{ margin-top: 10px; } #boxik-SMS button{ margin-top: 10px; } #boxiky div{ min-height: 250px; } } .glyphicon-home{ padding-left: 15px; } #header-right-block #searchFormTop { display: none; } @media(min-width: 435px){ #header-right-block #searchFormTop { display: block; } #header-right-block #searchFormTop .glyphicon-search { top:10px; } #cssmenu .searchForm{ display: none; } } #cssmenu .input-group{ width: 100%; } #cssmenu .input-group input[type="text"]{ width: 80%; margin-left: 10px; margin-right: 10px; margin-top: 10px; } #cssmenu .input-group .glyphicon{ margin-top: 10px; } .page-content{ padding-left: 0px; } #novinky h1, #novinky .h1{ padding-left: 0px; } #prekryv { display: none; background-color: rgba(40, 40, 40, 0.50); width: 100%; height: 0; z-index: 999; position: absolute; } #searchFormTop .searchForm .input-group{ z-index: 999; } #drobecky{ font-size: 13px; position: absolute; top: 0px; padding-left: 0px; } #logo{ z-index: 900; padding-left: 0px; } .horni-bubliny, .horni-bubliny-2{ margin-left: -30px; margin-right: -15px; margin-top: 10px; } .horni-bubliny-2{ margin-left: -45px; } .horni-bubliny-2 select{ margin-top: -5px; } .horni-bubliny button, .horni-bubliny div div, .horni-bubliny-2 div div{ margin-bottom: 15px; border: none; padding-top: 5px; padding-bottom: 5px; text-align: center; color: #333333; background-color: #eeeeee; border-radius: 5px; } .horni-bubliny button:hover, .horni-bubliny div div:hover, .horni-bubliny-2 div div:hover{ background-color: #FFAA11; color: #FFFFFF; } .horni-bubliny div .active{ background-color: #E85E19; } .horni-bubliny select .active{ background-color: #E85E19; } .horni-bubliny button:first-of-type{ margin-left: 0px; } .horni-bubliny select{ padding-left: 5px; padding-right: 5px; border: none; color: #333333; height: 32.85px; background: #eeeeee; border-radius: 5px; } .horni-bubliny select:hover{ border: none; } .horni-bubliny select option{ border: none; } @media(min-width: 992px){ .horni-bubliny button{ margin-left: 15px; margin-right: 15px; } .horni-bubliny button:first-of-type{ margin-left: 0px; } .horni-bubliny button{ margin-left: 15px; margin-right: 15px; } .horni-bubliny select{ text-align: center; margin-left: 15px; } } .horni-bubliny{ padding-bottom: 20px; } #cssmenu .open{ background-color: #FFAA11; } .carousel-control.left, .carousel-control.right{ background: none; } .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; } #animace .podmenu-2-obalovaci{ z-index: 998; } .horni-bubliny form{ padding-right: 15px; } #animace-hack a[href="/"] .container{ height: 0px; } #newsForm .row div{ padding-right: 15px; } .horni-bubliny-2 div .active{ background-color: #E85E19; } .breadcrumb{ width: 100%; } @media(min-width: 992px){ #drobecky{ margin-left: -7px; } } @media(min-width: 999px){ #drobecky{ margin-left: 0px; } } @media(min-width: 460px){ #drobecky{ width: 95%; } } @media(min-width: 790px){ #drobecky{ width: inherit; } } .page-content h1:first-of-type, .page-content .h1:first-of-type{ } @media(min-width: 992px){ #podmenu3{ margin-bottom: 40px; } } #drobecky{ margin-left: -20px; } .horni-bubliny form .active{ background-color: #E85E19; } @media(min-width: 992px){ #footer-bottom p{ text-align: right; } .paticka-odkazy a{ width: auto; } } #map-kontakt a{ color: #333333; } #map-kontakt a:hover{ color: #E85E19; } .kontakt-table{ margin-top: 0px; } .page-content #map{ margin-bottom: 40px; } .page-content .glyphicon-search{ top: 0px; } .carousel-control { opacity: 1; } .carousel-control:hover { color: #FFAA11; } @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; } } #googleMap{ position: absolute; height: 300px; width: 100%; } .mapka-na-kontaktech{ width: 100%; padding-left: 0px; } #googleMap { position: relative; } #googleMap .mapClosed { background: #E1EFFC url('/img/static_map.jpg') 50% 50% no-repeat; position: absolute; top: 0; left: 0; bottom: 0; right: 0; cursor: pointer; } #googleMap #googleAttrib{display: block; position:absolute;bottom:0;right:0;background:rgba(245,245,245,0.7);height:14px;line-height:14px;font-size:10px;padding:0 6px;color:#000000;} #euPreHeader { padding: 5px 0; background: #eeeeee; } #euPreHeader img { margin-right: 40px; } header { position: relative; } @media (max-width:680px) { #logo { top: 125px; } #euPreHeader img { display: block; max-width: 100%; margin: 0 auto; } } .podstranka-hlavni-obrazek #logo { margin-left: -15px; }