body {font-family:'Roboto', sans-serif;font-size:15px;line-height:1.80857143; background: #ffffff;} h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {color:#000000;font-weight:400;font-family:'Playfair Display', serif;margin-top:25px;margin-bottom:15px;} h1, .h1 { padding-bottom: 40px; background: url('/img/vlna_nadpis.svg') 50% 100% no-repeat transparent; background-size: 156px 22px; } h1.left, .h1.left { text-align: left; background-position: 0 100%; } h1, .h1, h2, .h2 {font-size:42px;} h3, .h3, h4, .h4 {font-size:36px;} h5, .h5, h6, .h6 {font-size:30px;} a { color: #000000; text-decoration: underline; } ul {list-style-image:url("/img/li.png");padding-left: 25px;} .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); } footer a { color: #fff; } a:hover, a:focus {color:#33aaee;} .btn { min-width: 180px; color: #ffffff; font-size: 15px; text-transform: uppercase; font-weight: bold; padding: 13px; line-height: 22px; background: #33aaee; border-radius: 25px; text-decoration: none; } .btn:hover { background: #d4af37; color: #ffffff; } .btn.btn-invert { background: #ffffff; color: #33aaee; } .btn.btn-invert:hover { background: #d4af37; color: #ffffff; } .zahodit {display:none;} .hideOnDesktop { display: none !important; } .align-center { text-align: center; } .btn-primary, .pagination > .active > a { border-color: #cc0000 !important; color: #ffffff; text-shadow: none; background-color: #cc0000; } .btn-primary:hover, .pagination > li > a:hover, .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus, .btn-primary:active, .pagination > .active > a:active, .btn-primary:focus, .pagination > li > a:focus { } .form-control {border-radius: 0px;} .form-control:focus {border-color:#333;} .control-label {display:inline-block; height:34px; line-height: 34px; vertical-align: middle; font-weight: normal;} #header.affix { width:100%; z-index:9; top: 0; } #header { background-color: #003399; position: relative; text-align: center; z-index: 10; } #header-top { position:relative; } #logo {text-align: left; margin: 0; min-height: 1px;} #logo img {max-width:100%; height:auto; max-height: 180px; } #header-right-block {height:40px;} .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; } #header .nav.navbar-nav a { color: #ffffff; line-height: 20px; font-size: 17px; text-transform: uppercase; font-weight: bold; text-decoration: none; } #header .nav.navbar-nav a:hover, #header .nav.navbar-nav a:focus, #header .nav.navbar-nav a.active, #header .nav.navbar-nav .active a {color:#33aaee; background-color: transparent; text-decoration: underline;} #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:#33aaee; 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;} .carousel-control {display:none;} a i.glyphicon {padding-right:5px;} #main_obal { padding-top:0px;} #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:#003399; text-align:center; font-size: 13px; color: #99ccff; } #footer-bottom p {margin:0px !important; padding: 23px 0px; line-height: 24px; vertical-align: bottom; overflow: hidden;} .footer-copyright-cp { } .footer-copyright-cp a { display:inline-block; height:24px; padding:0px; } .footer-copyright-cp a#logo-cp {width:124px; height: 24px;} .footer-copyright-cp a#logo-cpedit { width:46px; height: 14px;} .footer-copyright-cp a .svg-icon { width: 100%; height: 100%; vertical-align: middle; fill: #ffffff; padding: 0 5px; } .footer-copyright-cp a:hover .svg-icon { fill: #99ccff; } @media (min-width: 992px){ #footer-bottom { text-align:left; } #footer-bottom .footer-copyright-cp { text-align: right;} } #footer-bottom .nonRESPswitch { margin-left: 40px; } .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;} .page-content .table-responsive { overflow: auto; border: none; max-width: 100%; } .page-content table { width: 100%; border: 2px solid #777; margin-bottom: 20px; } .page-content table th { background-color: #c3c3c3; text-align: center; vertical-align: middle; padding: 3px; } .page-content table td { border: 1px solid #777; text-align: center; vertical-align: middle; padding: 3px; } @media (max-width: 991px) { #logo img { max-height: 72px; margin-top: 2px; margin-bottom: -15px; } .header-affixed #logo img {max-width:100%; height:auto; } #header { height: 60px; } body.header-affixed { margin-top: 60px; } #header.affix { background-color: #003399; position: fixed; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);box-shadow: 0px 0px 10px 0px rgba(0,0,0,1); } } @media(max-width: 767px){ .navbar-collapse .dropdown-menu {padding:0px; position: relative; width:100%; margin:0px; background:transparent; box-shadow: none;} .navbar-collapse .dropdown-toggle .dropdown-trigger {position:absolute; right: 5px; top: 10px; padding: 0px 15px} } @media(min-width: 768px){ header{ position:relative; top:auto; } #kosik-blok {position:static; bottom:auto; margin:0px; } #header .nav.navbar-nav a {padding: 5px 0; margin: 6px 0; line-height: 20px; font-size: 17px; border:none;} #header .nav.navbar-nav li { padding: 0 18px; } #mainMenu>.container { width: auto !important; } #mainMenu .navbar-collapse {background-color:transparent; color:inherit; top:auto; height:auto !important; width: auto !important;} .affix #mainMenu .navbar-collapse { position:relative; top:auto; } #mainMenu .dropdown:hover .dropdown-menu{display:block;} #mainMenu>.container { padding: 0 5px; } .navbar-nav { float: none; } } @media (min-width: 992px){ #header-left-block { height: 46px; } nav#mainMenu { text-align: center; } #header { position: fixed; top: 55px; left: 0; right: 0; z-index: 20; background: transparent; } #header.affix { top: 0; } #header .inner { background: #003399; border-radius: 40px; height: 80px; padding: 17px; } #header.affix .inner { border-radius: 0 0 40px 40px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);box-shadow: 0px 0px 10px 0px rgba(0,0,0,1); } #header .nav.navbar-nav a { border: 2px solid transparent; border-left: none; border-right: none; font-size: 10px; } #header .nav.navbar-nav a:hover, #header .nav.navbar-nav a:focus, #header .nav.navbar-nav a.active, #header .nav.navbar-nav .active a { text-decoration: none; border-bottom: 2px solid #33aaee; } #header .nav.navbar-nav li { padding-left: 5px; padding-right: 5px;} #mainMenu .container {padding:0px;} #logo { position: relative; height: 46px; } #header #logo img { margin-top: -78px; margin-left: -78px; position: absolute; top: 50%; left: 50%; } #header.affix #logo img { max-height: 100px; margin-left: -50px; } #header, #header .inner, #header #logo, #header #logo img { transition: all ease-in-out 1s; } #header-right-block {height:auto; padding-left: 0; padding-right: 0; text-align: right; } #mainMenu>.container { padding: 0; } nav#mainMenu, nav#mainMenu div { display: inline-block; width: auto; } nav#mainMenu { position: absolute; top: 17px; right: 50%; width: 375px; margin-right: 80px; } #rightMenuBlock { text-align: center; display: inline-block; margin-right: 150px; } #header #header-right-block .nav.navbar-nav .rezervace { position: absolute; right: 18px; padding-right: 0; } #header #header-right-block .nav.navbar-nav .rezervace a { min-width: 110px; margin: 0; border: none; text-align: center; color: #ffffff; text-transform: uppercase; font-weight: bold; padding: 12px; line-height: 22px; background: #33aaee; border-radius: 25px; } #header #header-right-block .nav.navbar-nav .rezervace a:hover { background: #d4af37 !important; color: #ffffff !important; } } @media (min-width: 1230px){ nav#mainMenu { margin-right: 105px; width: 465px; } .container { width: 1200px; } #header .nav.navbar-nav a { font-size: 13px; } #header .nav.navbar-nav li {padding-left: 6px; padding-right: 6px; } #rightMenuBlock { margin-right: 180px; } #header #logo img { margin-top: -90px; margin-left: -90px; } } @media (min-width: 1470px) { .container { width: 1440px; } nav#mainMenu { margin-right: 118px; width: 570px; } #header .nav.navbar-nav a { font-size: 14px; } #header .nav.navbar-nav li {padding-left: 14px; padding-right: 14px;} #header #header-right-block .nav.navbar-nav .rezervace a { min-width: 130px; } #rightMenuBlock { margin-right: 210px; } #header #logo img { margin-top: -90px; margin-left: -90px; } } #header.affix #logo img { margin-top: 0; top: -15px; } #main_block { padding-bottom:15px; background-color: transparent; } .gallery {text-align: center; margin-bottom:10px;} .gallery .img-thumbnail { border: none; background: transparent; margin-bottom: 15px;} @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;} } .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; } .articles .article {border-bottom:1px solid #e0e0e0;} .articles .article h2 {color:#333; font-size:18px;} .articles .article h2 a {text-decoration:underline;} .article-meta {margin-bottom:10px;} .article-meta a {text-decoration: underline;} .pagination > li > a, .pagination > li > span { padding: 3px 9px; color: #666666; background-color:#fff; border-color:#cecece; font-weight:normal; font-size:1.0em; margin: 0px 5px 0px 0px; border-radius: 0px; } .pagination > li > a i.glyphicon {padding:0px; font-size:0.9em;} .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{ background-color: #cc0000; border-color: #cc0000; color:#fff; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #cc0000; border-color: #cc0000; color:#fff; } .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: 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 {max-width: 100%;} @media (max-width: 991px) { .menuOpened.header-affixed { margin-top: 0; } .menuOpened #main_obal { display: none; } .menuOpened #footer { display: none; } .menuOpened #vyhody { display: none; } header.preventAffix { position: relative !important; top: auto !important; left: 0; right: auto; margin-top: 56px; } .preventAffix>.container { position: relative; width: 100%; z-index: 9999; } .preventAffix #header-top { padding-bottom: 0; } .menuOpened #top-line { display: none; } .dropdown-menu>li>a { padding: 10px 20px; background-color: #00f; } .menuOpened { background-color: #003399; } #mainMenu .navbar-nav {background-color: #003399; } #header-right-block { margin-top: 10px; } .navbar-collapse.collapse { display: none !important; } .navbar-collapse.collapse.in { display: block !important; } .navbar-nav>li { float: none !important; } } #uvod { background: url('/img/hlavni-obr.jpg') no-repeat 50% 50%; height: 612px; } section, footer { text-align: center; } section { padding-bottom: 70px; } .content { margin-top: 30px; font-weight: 100; } footer { background-color: #272b33; color: #d7d7d7; } #mainMenu .RESPswitchMENU { padding-top: 40px; background-color: #d5d5d5; } #mainMenu .RESPswitchMENU a { padding: 10px 15px; display: block; text-align: right; color: #000000; font-size: 14px; } #footer .part { position: relative; } #footer-map { padding-top: 90px; padding-bottom: 90px; height: 280px; } @media (min-width: 768px) { #footer-map { padding-top: 30px; padding-bottom: 30px; } } @media (min-width: 992px) { #footer-map { padding-top: 60px; padding-bottom: 60px; height: 535px; } } @media (min-width: 1230px) { #footer-map { padding-top: 90px; padding-bottom: 90px; } } #footer-map.map_close{background:#ebeae3 url('/img/mapa_xssm.jpg') 50% 50% no-repeat;cursor:pointer;position:relative;} .blue-box { background: rgba(0,42,125,0.9); text-align: left; color: #ffffff; } .blue-box a { color: #ffffff; } .blue-box p { line-height: 30px; } @media (max-width: 991px) { #contentInMap { background: #002a7d; padding-top: 50px; padding-bottom: 30px; } } @media(max-width: 767px){ .valcha_qr { max-height: 200px; margin-top: 30px; } } @media (min-width: 992px) { #footer-map.map_close { background-image: url('/img/mapa_s_tercikem.jpg'); background-position: 50% 100%; } #contentInMap { position: absolute; top: 0; right: 0; left: 0; z-index: 2; } #contentInMap .container { position: relative; } .blue-box { position: absolute; top: 90px; left: 0; right: 0; padding: 45px; } } .glyphicon.glyphicon-empty:before { content: "\e062"; visibility: hidden; } .blue-box .h1 { margin-top: 0; margin-bottom: 35px; color: #ffffff; } .blue-box .glyphicon { color: #33aaee; margin-right: 7px; } #footer-map #googleAttrib{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;} #uvod { background: url('/img/rybnik_valcha.jpg') 50% 0 no-repeat #ffffff; height: 760px; position: relative; padding-bottom: 100px; background-size: auto 100%; } #uvod-end { background: transparent url('/img/vlna_hlavni_obrazek.png') 50% 100%; background-size: auto 100%; margin-bottom: -5px; height: 100px; position: absolute; bottom: 0; left: 0; right: 0; } #uvod h1, #uvod h2 { text-shadow: 0 0 10px rgba(0,0,0, 0.75); } #uvod h1.bezVlny { background: transparent; font-weight: 700; color: #ffffff; line-height: 1.1; padding-bottom: 10px; margin-bottom: 0; } #uvod h2 { font-family:'Roboto', sans-serif; margin-top: 0; color: #ffffff; line-height: 1.1; } #uvod .btn { margin: 0 15px; } @media (max-width: 767px) { #uvod { height: 440px; padding-bottom: 35px; } #uvod-end { height: 35px; } #uvod h1.bezVlny { margin-top: 100px; } #uvod h2 { font-size: 16px; } #uvod .btn { margin: 10px; } } @media (max-width: 459px) { #uvod { height: 500px; } } @media (min-width: 768px) { #uvod { height: 480px; padding-bottom: 50px; } #uvod-end { height: 50px; } #uvod h1.bezVlny { font-size: 64px; margin-top: 180px; } #uvod h2 { font-size: 20px; } } @media (min-width: 992px) { #uvod { height: 760px; padding-bottom: 100px; } #uvod-end { height: 100px; } #uvod h1.bezVlny { font-size: 86px; margin-top: 270px; } #uvod h2 { font-size: 30px; margin-bottom: 80px; } } @media (min-width: 1230px) { #uvod h1.bezVlny { font-size: 110px; margin-top: 270px; } #uvod h2 { font-size: 30px; margin-bottom: 80px; } } #o-rybniku { padding-bottom: 60px; } #o-rybniku .h1 { margin-top: 60px; } #o-rybniku .content { text-align: left; } #o-rybniku .img-block { margin-top: 70px; } #pravidla-rybolovu { text-align: left; color: #ffffff; background: #003399; padding: 50px 0 80px 0; } #pravidla-rybolovu h3 { margin-bottom: 70px; font-size: 30px; } @media (min-width: 768px) { #pravidla-rybolovu { background: url('/img/bg_pravidla.jpg') no-repeat 50% 0 } } #pravidla-rybolovu h1, #pravidla-rybolovu .h1, #pravidla-rybolovu h2, #pravidla-rybolovu .h2, #pravidla-rybolovu h3, #pravidla-rybolovu .h3, #pravidla-rybolovu h4, #pravidla-rybolovu .h4, #pravidla-rybolovu h5, #pravidla-rybolovu .h5, #pravidla-rybolovu h6, #pravidla-rybolovu .h6 { color: #ffffff; } #pravidla-rybolovu h4 { font-size: 22px; margin-top: 40px; margin-bottom: 25px; } #pravidla-rybolovu .content { font-size: 16px; line-height: 1.7; } #cenik { padding-top: 65px; padding-bottom: 80px; } #cenik .img-block { text-align: center; } #cenik .img-block img { margin: 0 auto; } #cenik .cenik { margin-top: 15px; margin-bottom: 25px; } #cenik .cenik .box { -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); margin: 15px 0; } #cenik .cenik .box * { display: block; } #cenik .cenik .box .header { background: #003399; color: #FFFFFF; font-size: 22px; text-transform: uppercase; line-height: 64px; } #cenik .cenik .box .price { font-size: 36px; color: #3daeef; font-weight: bold; line-height: 60px; margin: 26px auto 0 auto; } #cenik .cenik .box .text { font-size: 15px; color: #333333; line-height: 22px; height: 100px; } #galerie { padding: 60px 0 80px 0; } #galerie .h1 { margin-bottom: 40px; } #galerie .btn { margin-top: 25px; } #lovna-mista { position: relative; background-image: url('/img/bg_rezervace.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 15px 0 0 0; } #lovna-mista .places_map { max-width: 100%; width: auto; height: auto; } #lovna-mista .absolute-block { position: relative; } @media (min-width: 1230px) { #lovna-mista { padding-top: 0; } #lovna-mista .absolute-block { position: absolute; top: 50%; right: 50%; bottom: auto; left: 0; transform: translateY(-50%); } } @media (min-width: 1920px) { #lovna-mista .absolute-block { left: auto; width: 48%; } } #lovna-mista .content { position: absolute; top: 10%; left: 8%; margin: 0; } #lovna-mista .absolute-block .h1 { margin-top: 0; } @media (max-width: 992px) { #lovna-mista { padding-top: 0; } #lovna-mista .content { position: absolute; top: 5%; width: 250px; left: 50%; right: auto; margin: 0 0 0 -125px; text-align: center; } #lovna-mista .content .left { text-align: center; background-position: 50% 100%; } } @media (max-width: 767px) { #lovna-mista .content { top: 7%; } } @media (max-width: 500px) { #lovna-mista .absolute-block { padding-top: 100px; } #lovna-mista .content { top: 4%; } #rezervace .h1, #lovna-mista .content .h1 { font-size: 32px; background-size: 113px 16px; padding-bottom: 30px; } } @media (min-width: 992px) { #lovna-mista .content { top: 35px; } #rezervace { padding-top: 10px; } #rezervace .h1, #lovna-mista .content .h1 { font-size: 32px; background-size: 113px 16px; padding-bottom: 30px; } } @media (min-width: 1230px) { #lovna-mista .content { top: 50px; } #rezervace { padding-top: 25px; } #rezervace .h1, #lovna-mista .content .h1 { font-size: 42px; background-size: 156px 22px; padding-bottom: 40px; } } @media (min-width: 1470px) { #lovna-mista .content { top: 70px; } #rezervace { padding-top: 45px; min-height: 590px; } } @media (min-width: 1700px) { #rezervace { min-height: 670px; } } .h1.white { color: #ffffff; } .h1.white-wave { background-image: url('/img/vlna_nadpis_white.svg'); } input, select { outline: none; } #rezervace { text-align: left; font-size: 14px; } #rezervace, #rezervace a { color: #ffffff; } select { display: block; width: 100%; color: #000000; font-size: 15px; border: 1px solid #d5d5d5; margin-bottom: 20px; background: url(/img/select.png) 100% 50% no-repeat #ffffff; height: 50px; cursor: pointer; padding-left: 15px; appearance: none;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;} #rezervace select { border: none; } #rezervace .label-text { display: block; margin-bottom: 10px; } #rezervace .radio-block { margin: 15px -3px;position: relative; } #rezervace .lovne-misto .place-item { display: inline-block; font-weight: bold; border-radius: 50%; width: 40px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; background: #ffffff; color: #333333; cursor: pointer; margin: 3px; } #rezervace .lovne-misto .place-item:hover, #rezervace .lovne-misto .place-item:focus { background: #33aaee; } #rezervace .lovne-misto #nonePlace { padding: 13px; color: #33aaee; background-color: #ffffff; border-radius: 25px; } @media(min-width: 768px){ #rezervace .vyber_lovMista_radek { display: flex; align-items: center; } } #kalendar table { width: 100%; max-width: 210px; } #kalendar { padding: 0; margin-bottom: 20px; min-height: 222px; } #kalendar table.calendar caption{ vertical-align:middle; position:relative; background: #33a9ed; } #kalendar table.calendar caption .calendar-prev { position: absolute; left: 0; top: 0; width: 14.285714%; } #kalendar table.calendar caption .calendar-next { position: absolute; right: 0; top: 0; width: 14.285714%; } #kalendar table.calendar caption { text-align: center; text-transform: uppercase; } #kalendar table.calendar caption .icon { font-size: 30px; line-height: 30px; } #kalendar table.calendar .calendar-prev a{display:block; padding-left: 0px; padding-top: 0px; margin-top: 2px;position: absolute; left: 0; top: 0; text-decoration: none; } #kalendar table.calendar .calendar-next a{display:block; padding-left: 0px; padding-top: 0px; margin-top: 2px; position: absolute; right: 0; top: 0; text-decoration: none; } #kalendar table.calendar caption a{ margin-left: auto; margin-right: auto; position: relative; color: #ffffff; text-decoration: none; } #kalendar table.calendar caption a:hover, table.calendar caption a:active, table.calendar caption a:focus { color: #333333; text-decoration: none; } #kalendar table.calendar tbody { background-color: #ffffff; } #kalendar table.calendar th { color: #333333; border:1px solid #d5d5d5; text-transform: none; font-weight: normal; text-align: center; font-size: 13px; } #kalendar table.calendar tr { line-height: 30px; font-size: 14px; } #kalendar table.calendar td { background-color:#fff; text-align: center; border:1px solid #d5d5d5; } #kalendar table.calendar td a { line-height: 30px; display: block; text-align: center; color: #333333; text-decoration: none; } #kalendar table.calendar td a:hover, #kalendar table.calendar td a:focus, #kalendar table.calendar td a.active { background: #33a9ed; color: #ffffff; text-decoration: none; } #kalendar table.calendar td.closed { background: #d5d5d5; color: #666666; cursor: not-allowed; } #kontakt { padding-bottom: 0; } .win-message, .win-alert-message {font-family:'Playfair Display', serif;margin: 0 auto !important;background: #33aaee;color: #FFFFFF;font-size: 32px !important;line-height:40px;padding: 15px 30px !important;text-align: left !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 !important; height: 20px !important; width: 1px !important; font-size: 0 !important; top: 25px !important; right: 40px !important; } .mfp-close:before { content: 'zavřít '; display: inline-block; position: absolute; right: 100%; top: 1px; bottom: 0; font-size: 14px; line-height: 20px; } .mfp-close:after { content: '\51'; display: inline-block; position: absolute; left: 100%; top: 0; bottom: 0; font-size: 20px; line-height: 20px; font-family: 'ElegantIcons'; speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;} .popup-block-content {padding: 15px;} .modal_container { padding: 30px; } @media (min-width: 1230px) { .win-message { padding-left: 120px !important; } .white-popup-block { max-width: 1170px !important; } .modal_container { padding: 60px 120px; } } #galleryTabs>ul { list-style: none; padding: 0; margin-top: 60px; display: block; clear: both; } #galleryTabs>ul, #galleryTabs ul * { outline: none; } #galleryTabs>ul li { display: inline-block; margin-bottom: -1px; background: #ffffff; } #galleryTabs>ul li a { display: block; text-transform: uppercase; font-weight: 700; font-size: 19px; text-decoration: none; padding: 15px 20px; line-height: 28px; } #galleryTabs>ul li a .count { font-weight: 400; } @media (max-width: 767px) { #galleryTabs>ul li:hover a, #galleryTabs ul li:focus a, #galleryTabs ul li.ui-tabs-active a, #galleryTabs ul li.ui-state-active a { color: #33aaee; } } @media (max-width: 580px) { #galleryTabs>ul li { display: block; text-align: center; } } @media (min-width: 768px) { #galleryTabs>ul { border-bottom: 1px solid #d5d5d5; } #galleryTabs>ul li { border: 1px solid transparent; border-bottom-color: #d5d5d5; } #galleryTabs>ul li:hover, #galleryTabs ul li:focus, #galleryTabs ul li.ui-tabs-active, #galleryTabs ul li.ui-state-active { border: 1px solid #d5d5d5; border-bottom-color: transparent; } } .lg-backdrop { z-index: 1050 !important; } .rez-summary { font-size: 18px; margin-bottom: 50px; } .rez-summary .summary-label { font-weight: bold; } .rez-summary .info { font-size: 18px; font-weight: bold; margin-top: 20px; } .rez-form-block label { font-weight: 400; font-size: 15px; display: block; } .rez-form-block label.chcbx_label { display: inline-block; margin-left: 10px; margin-bottom: 20px; } input[type="text"], input[type="number"], input[type="time"], textarea { width: 100%; background: #ffffff; border: 1px solid #d5d5d5; margin-bottom: 20px; padding-left: 15px; height: 50px; font-size: 15px; } input[type="number"] { text-align: center; } textarea { height: 120px; } .rez-form-block #final_price_block { font-size: 18px; margin: 20px 0; } .rez-form-block .bg-block { background: #eeeeee; padding: 40px 30px; } .rez-form-block .bg-block label { margin-bottom: 0; padding: 10px 0; line-height: 30px; } @media (min-width: 1230px) { .rez-form-block .bg-block { margin-bottom: 50px; } } .place-detail .alert { margin: 15px; } .modal_container .after-save-content { margin: -20px 0 20px 0; font-weight: inherit; } .bigger { font-size: 20px; } .gallery-block { margin-top: 20px; } @media (min-width: 768px) { .gallery-block { margin-top: 60px; } } .galleryHeader { text-align: left;font-family:'Playfair Display', serif; font-size: 20px; } .otherpage .page-content { padding-top: 220px; text-align: left; } .otherpage .page-content h1, .otherpage .page-content .h1 { background-position: 0 100%; } .otherpage .page-content h1.center, .otherpage .page-content .h1.center { text-align: center; background-position: 50% 100%; } .otherpage .link-back { text-decoration: none; text-transform: uppercase; color: #003399; } #soubory { text-align: left; } .gallery-item { display: block; text-decoration: none; } .gallery-item:hover { text-decoration: none; } .gallery-item img { display: block; margin: 0 auto; } .article-gallery-title { font-family:'Playfair Display', serif; font-size: 30px; line-height: 36px; display: block; height: 72px; overflow: hidden; margin-top: 8px; margin-bottom: 40px; } .typ_rezervace_label { display: block; } .typ_rezervace_label.nonActive { color: #666666; display: none; } .typ_rezervace_label .small_text { font-size: 12px; font-weight: 400; }