#bl0 { width:100%; height:99vh; overflow:hidden; position:relative; }
#bl01 { width:40%; height:99vh; overflow:hidden; margin-left:5%; float:left;}
#bl01 .logo { width:100%; height:33vh; overflow:hidden; padding-top:9vh; }
#bl01 .logo img { width:auto; height:100%; margin-left:50px;}
#bl01 h1 { color:#000;font-size: 36px;  font-weight: 700; margin:1vh 0 1.5vh 0;}
#bl01 h2 { color:#c60000;font-size:70px;  font-weight: 700; margin:2px 0; line-height:1.05;}
#bl01 .bl a { display: inline-block; padding: 10px 16px;line-height: 1.333; border-radius: 6px;margin: 30px 5px 25px 0; background: #C70000; color: #fff;
	 font-weight: 400; font-size: 16px; text-decoration:none;}
#bl01 .bl a:hover {	background:#9f0000}
#bl01 p { margin-top: 10px; margin-bottom: 20px; font-weight: 400; font-size: 17px; line-height:1.1;}
#bl02 { width:49.3%; height:95vh; overflow:hidden; padding:2vh 0; float:right; z-index:-1; position:fixed; top:0; right:0;}
#bl02 img { width:auto; height:100%;}


#bl1 { width:90%; height:auto; overflow:hidden; background-color: rgb(223, 24, 24);  padding: 4em 5%;}
#bl1 h2 { font-size:50px; text-align:center; color:#fff; font-weight: 700;}

#bl1 div { width:21.5%; height:19.5vw; overflow:hidden; float:left; position:relative; border-radius: 6px; margin:0 4% 5vh 0; background:rgba(182,39,29); border:2px solid #fff;}
#bl1 #c1 { background-image:url(../images/zajazd_bubo.jpg); background-repeat:no-repeat; background-size: cover;}
#bl1 #c2 { background-image:url(../images/millennium.png); background-repeat:no-repeat; background-size:60%; background-position:left center;}
#bl1 #c3 { background-image:url(../images/filmove_ceny2.png); background-repeat:no-repeat; background-size:88%; background-position:left bottom;}
#bl1 #c4 { background-image:url(../images/voucher.png); background-repeat:no-repeat; background-size:75%; background-position:center 35px; margin-right:0;}

#bl1 div label { display:block; width:auto; height:2.5vw; line-height:2.3vw; padding:0 3%; position:absolute; top:0; left:0; color:#c70000; background:#fff;
	font-weight: 700; font-size: 20px;}
#bl1 div p { padding:5px; color:#fff; font-weight: 700; font-size: 24px; font-style:italic; text-align:right; }

#bl1 #c1 p {margin:6vw 2vw 0 5vw;}
#bl1 #c2 p {margin:4vw 2vw 0 8vw;}
#bl1 #c3 p {margin:1.2vw 2vw 0 9vw;}
#bl1 #c4 p {margin:14vw 2vw 0 2vw;}

#bl20 { width:80%; height:99vh; overflow:hidden; background-color:#000;padding:0 10%; z-index:1; position:relative;}
#bl2 { position:absolute; left:0; top:0; width:80%; height:69vh; overflow:hidden; padding: 15vh 10%; 
background: url(../images/geiranger-fjord.jpg) no-repeat fixed; background-size:cover;background-position:center center;z-index:2; opacity:.5;  }
#bl21 {position:absolute; left:10vw; top:25vh; width:35vw; height:59vh; overflow:hidden; float:left; text-align:right; z-index:30;}
#bl21 h2 { font-size:50px; color:#fff;text-shadow:#555 1px 1px 1px; z-index:40; }
#bl21 p { font-size:23px; font-weight:700; color:#fff; line-height:1.4; margin:.4em 0;text-shadow:#555 1px 1px 1px;}
#bl21 a { display: inline-block; padding: .5em 1.2em;line-height: 1.333; border-radius: 6px;margin: 30px 5px 25px 0; background: #535353; color: #fff;
	 font-weight: 400; font-size: 16px; text-decoration:none;}
#bl21 a:hover {	background:#2d2d2d}

#bl22 {position:absolute; right:10vw; top:15vh; width:35vw; height:69vh; overflow:hidden; float:right; text-align:left; vertical-align:middle; z-index:3;}
#bl22 img { width:100%; height:auto; margin-top:23vh;}

#bl3 { width:90%; height:auto; overflow:hidden; background-color: rgb(223, 24, 24);  padding: 10vh 5%; color:#fff; font-size:22px; 
	line-height:1.5; letter-spacing:1.2;}
#bl31 { width:33%; height:65vh; overflow:hidden; float:left; margin-top:10vh; padding-left:5%; }
#bl31 h2 { font-size:42px;}
#bl31 a { display: inline-block; padding: 10px 16px;line-height: 1.333; border-radius: 6px;margin: 30px 5px 25px 0; color: #C70000; background: #fff;
	 font-weight: 700; font-size: 16px; text-decoration:none;}
#bl31 a:hover {	background:#9f0000}
#bl32 { width:50%; height:77vh; overflow:hidden; float:right; margin-top:2vh; }
#bl32 h3 { font-size:36px;}
#bl32 p { color:#fff;}
#bl32 p span { background:#fff; color:#C71818; font-weight:700; padding:0.2em 0.6em; margin-right:.5em;}

#bl4 { width:90%; height:auto; overflow:hidden; background-color:#e5e5e5;  padding: 10vh 5%; font-size:22px; }
#bl41 h2 { font-size:28px; color:#C70000; text-align:center;}
#bl41 p { text-align:center;}
#bl41 img { width:30%; height:auto;}
#bl42 { width:100%; height:auto; overflow:hidden;}
#bl42 h2 { width:50%; height:auto; overflow:hidden; padding:.2em 4%; color:#fff; background:#C70000; border:1px solid #C70000; margin:0 auto; text-align:center;}
#bl42 h3 { font-size:36px; padding:.2em 4%; color:#C70000; margin:10vh auto; text-align:center;}
#bl42 p { margin:.5em 0;}
#formular { width:50%; height:auto; overflow:hidden; padding:1em 4%; border:1px solid #C70000; margin:0 auto 1em auto;}
#formular .item { width:100%; height:auto; margin-bottom:.5em;}
#formular input[type="text"] { display:block; width:95%; height:auto; padding:.8em 2%; border:1px solid #C70000; background-color:#fff;font-size:22px; }
#formular input[type="text"]#cp { display:inline-block; width:120px;} #ca { width:140px; height:auto;}
#formular a { color: #C70000} #formular a:hover { text-decoration:none;}
#formular button { padding: .7em 1.3em;line-height: 1.333; border-radius: 6px;margin: 1em 0; background: #C70000; color: #fff;
	 font-weight: 400; font-size: 16px; border:none;} 
#formular button:hover {	background:#9f0000}

#bl5 { width:80%; height:auto; overflow:hidden; background-color: #47454B; padding: 10vh 10%; font-size:22px; }
#bl5 iframe { width:100%; height:33vw;}

.err { background:#393; color:#fff; font-weight:700; padding:.4em 1em;}


@media (max-width: 1080px) and (min-height: 1100px), (max-width: 800px) and (min-height: 900px), (max-width: 600px)  {
#bl01 { width:46%; margin-left:3%; }
#bl01 .logo { height:26vh;  padding-top:6vh; margin-left:-4vw; }
#bl01 .logo img { margin-left:0px;}
#bl01 h1 {font-size:25px;}
#bl01 h2 {font-size:26px;}
#bl01 .bl a {  padding: .5em .9em; margin: 1em 5px 1em 0; font-size: 15px;}
#bl02 { width:60%; height:91vh;  padding:4vh 0; }

#bl1 { width:90%; padding: 5vh 5% 10vh 5%;}
#bl1 h2 { font-size:28px; }

#bl1 div { width:45%; height:39vw; float:left; margin:0 4% 5vh 0;}
#bl1 div label { padding:.3em 3% .4em 3%; font-size: 17px;}
#bl1 div p { font-size: 18px; text-shadow:#555 1px 1px 1px}
#bl1 #c2 { margin-right:0;}

#bl21 { width:52vw; height:auto;left:4vw; top:15vh; }
#bl21 h2 { font-size:36px; margin-bottom:.3em; }
#bl21 p { font-size:17px; line-height:1.3; }
#bl21 a { padding: .5em 1em;margin: 1em 5px 1em 0; font-size: 14px; }

#bl22 { width:33vw; height:auto;right:4vw; }
#bl22 img {margin-top:30vh;}

#bl3 { width:90%; padding: 10vh 5%; font-size:18px; line-height:1.5; letter-spacing:1.2;}
#bl31 { width:100%; height:auto;float:none; margin-top:3vh; padding:0; }
#bl31 h2 { font-size:30px;}
#bl31 a { padding: .4em .8em;margin: 1em 5px 1em 0; font-size: 17px; }

#bl32 { width:100%; height:auto; float:none; margin-top:2vh; }
#bl32 h3 { font-size:32px;}

#bl41 img { width:100%; }
#bl42 h2 { width:90%; font-size:24px; }
#bl42 h3 { font-size:24px; }
#formular { width:90%; font-size:17px; }
#formular input[type="text"] { font-size:17px; }

#bl5 { width:100%; padding: 15vw 0;  }
#bl5 iframe { height:49vw;}

}