body {
	margin: 0;
	font-size: 10px;
	padding: 0;
	color: #000; 
	font-family: "Roboto-Light";
	width: 100%;
	background: #fff;
	}

@font-face {
    font-family: "Roboto-Light";
    src: url("../fonty/Roboto-Light.ttf"), url("../fonty/Roboto-Lightg.eot");
}
@font-face {
    font-family: "Roboto-Regular";
    font-weight: normal;
    src: url("../fonty/Roboto-Regular.ttf"), url("../fonty/Roboto-Regular.eot");
}

@font-face {
    font-family: "Roboto-Thin";
    font-weight: normal;
    src: url("../fonty/Roboto-Thin.ttf"), url("../fonty/Roboto-Thin.eot");
}	

@font-face {
    font-family: "Roboto-Black";
    font-weight: normal;
    src: url("../fonty/Roboto-Black.ttf"), url("../fonty/Roboto-Black.eot");
}

@font-face {
    font-family: "Roboto-Bold";
    font-weight: normal;
    src: url("../fonty/Roboto-Bold.ttf"), url("../fonty/Roboto-Bold.eot");
}

img {border: 0;}
h1, h2, h3, h4, h5, p, span, a {position: relative; margin: 0; padding: 0; font-weight: normal;}	
.clear{clear: both;}

.rama{width: 1200px; margin: 0 auto; position: relative;}
a{color: #0099ff; z-index: 1; text-decoration: none;}
a:hover{color: #646464;}
h1{font-size: 30px; text-transform: uppercase; margin-bottom: 5px; color: #312d31;}
h2{font-size: 25px;}
h2 span{}	
h3{font-size: 20px;}
p, li{font-size: 15px;}

	
.fixed, .fixed2{margin: 0 auto; position: relative; width: 100%; z-index: 3; background: #fff; display: inline-block; height: auto; z-index: 5; top: 0;}
.fixed2{position: fixed; display: none; border-bottom: 2px solid #f2f2f2;}	
	
.logo {position: absolute; top: -30px; left: 0; width: auto;}
	.logo img{height: 154px;}
	.fixed2 .logo img{height: 70px;}
	.fixed2 .logo{top: -1px;}
	
.logowanie{text-align: right; font-family: "Roboto-Bold"; margin: 19px 0; overflow: hidden;}	
	.logowanie p a{color: #666;}
	.logowanie p{border: 1px solid #ccc; border-radius: 5px; padding: 5px 16px; display: inline-block; text-transform: uppercase; margin-left: 10px;}
.fixed2 .logowanie{float: right;}
	
.flagi{float: left; margin-top: 30px;}
	.fixed2 .flagi{margin-top: 15px;}
.flagi a {margin-left: 10px;}
	
	.bg_menu{background: #f2f2f2; display: inline-block; width: 100%;}
#nav {display: table; position: relative; text-align: center; width: auto; margin: 0 auto; padding: 0; float: right;}
	#nav ul.menu{margin: 0; padding: 0;}	
	#nav ul.menu a{line-height: 50px;}
	ul.menu a{color: #666; padding: 21px 0;}
	.fixed2 #nav{margin-top: 0;}
	.fixed2 #nav ul.menu a{padding: 9px 0; line-height: 40px}
	
	#nav ul.menu  li:hover a{color: #0095da; border-bottom: 3px solid #0095da;}
	#nav ul.menu > li.active a{color: #0095da; border-bottom: 3px solid #0095da;}
	
	#nav ul.menu > li{font-size: 16px; padding: 10px 15px; list-style: none; float: left;  font-family: "Roboto-Regular";}
	#nav ul.menu > li.s a{color: #a6a5a5; border: none;}
	#nav ul.menu > li.s{font-size: 23px; padding: 0 0 0 15px}
	#nav ul.menu > li.s span{display: none;}
	
	
	ul.menu1 {display: none; margin: 0; padding: 20px 0 0 0; position: absolute; text-align: left; width: auto; z-index: 100; list-style: none;} 
	.fixed2 ul.menu1{padding: 3px 0 0 0;}
	.fixed2 #nav ul.menu1 a{line-height: 20px}
	.menu1_kolor{background: #0095da; overflow: hidden;}
	ul.menu1 li {border-bottom: 1px solid #0186c4; font-family: "Roboto-Regular"; font-size: 14px;
    margin: 0; padding: 10px 20px; text-transform: none;}
	#nav ul.menu1 li a{color: #fff; line-height: 18px; border: none; padding: 0;}
	#nav ul.menu > li:first-child{padding-left: 0;}
	#nav ul.menu > li:last-child{display: none;}
	#nav ul.menu > li:nth-child(5){padding-right: 0;}
	ul.menu1 li:hover{background-color: #4a4a4a;}
	#nav ul.menu li ul.menu1 > li a{color: #fff;}
	#nav ul.menu  li:hover ul.menu1 li a{border: none; color: #fff;}
	ul.menu1 li span{text-align: right; margin-left: 10px;}
	#nav ul.menu li#otworz:hover ul.menu1, #nav ul.menu li.otworz_male:hover ul.menu{display: block;}

.baner{margin: 0 auto; position: relative; width: 100%; z-index: 1; height: auto; overflow: hidden;}
	.cien {background: url(../img/bg.png) repeat-x center right; height: 100%; opacity: 0.6; position: absolute; width: 100%; z-index: 102; top: 0;}
	.baner > img{z-index: 1; width: 100%; height: auto; position: relative;}
	.paginacja {position: absolute; color: #fff; z-index: 102; text-align: center; width: 100%; bottom: 20px;}
	.prev, .next { z-index: 103; cursor: pointer; width: 18px; height: 21px; background: #0095da; padding: 20px;}
	.next{margin-left: -2px;}
	.prev:hover, .next:hover{background: #fff; color: #312d31;}
	.overlay-content {display: none;}
	.cycle-overlay {position: absolute; top: 100px; color: #312d31; z-index: 102; text-align: left; width: 100%; left: 30px;}  
	.cycle-overlay h2{font-size: 40px; font-family: "Roboto-Regular"; line-height: 42px; width: 370px; color: #fff;}
	.cycle-overlay p{clear: both; font-size: 15px; width: 260px; margin: 15px 0; color: #fff;}
	.cycle-overlay span{display: block; font-family: "Roboto-Bold";}
	
	.baner_page {margin: 0 auto; overflow: hidden; position: relative; width: 100%; z-index: 1; top: 0; height: 300px;}

.absolute_page {overflow: hidden; position: absolute; top: 110px; width: 100%; z-index: 3;}
	.cien {background: url("../img/bg.png") repeat-x right center; height: 100%; opacity: 0.6; position: absolute;
    top: 0; width: 100%; z-index: 2;}
.absolute_page h1{background: url("../img/border.jpg") no-repeat left bottom; font-family: "Roboto-Bold";
    font-size: 50px; margin-bottom: 20px; padding-bottom: 20px;}	
	
	
a.wiecej{border: 1px solid #0099ff; padding: 10px 20px; text-transform: uppercase; color: #0099ff; border-radius: 5px; line-height: 50px;}	

.kup_bilet{float: left; width: 65%; overflow: hidden; margin: 20px 0;}
.udogodnienia{width: 35%; overflow: hidden;  margin: 20px 0; float: left;}
.kup_bilet h2, .udogodnienia h2{color: #ff0066; text-transform: uppercase; font-family: "Roboto-Bold"; margin-bottom: 20px;}
form.form_rezerwacja{background: #f4f4f4; border: 1px solid #ccc; border-radius: 5px; padding: 20px; width: 90%; font-family: "Roboto-Regular"; text-align: center; position: relative; overflow: hidden;}
	form.form_rezerwacja select, form.form_rezerwacja input{border: 1px solid #ccc; background: #fff; border-radius: 5px; padding: 10px; font-family: "Roboto-Regular";}
	form.form_rezerwacja input{margin-right: 0;}
	form.form_rezerwacja input.zamow{background: #ff0066; color: #fff; text-transform: uppercase; padding: 10px 40px; font-size: 15px; margin-top: 15px; cursor: pointer;}
	form.form_rezerwacja button{border: 0; background: none; margin-left: -35px; background: url(../img/data.png) no-repeat center right; width: 25px; height: 25px; background-size: 25px; margin-top: 8px; position: absolute;}

	.alert{background: #ff0066; border-radius: 5px; color: #fff; font-size: 15px; margin-top: 15px; padding: 10px 40px; text-transform: uppercase;}
	.form_rezerwacja h3{text-align: left;}
	.polaczenie{width: 31%; float: left; border: 1px solid #ccc; border-radius: 5px; margin: 2% 1% 0 1%; padding: 10px 0; font-size: 15px;}
	.polaczenie:hover, .polaczenie_on{border: 1px solid #0095da; border-radius: 5px 5px 0 0;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,47add8+100 */
background: #7db9e8; /* Old browsers */
background: -moz-linear-gradient(top,  #7db9e8 0%, #0095da 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #7db9e8 0%,#0095da 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #7db9e8 0%,#0095da 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#0095da',GradientType=0 ); /* IE6-9 */
 color: #fff;} 
	.polaczenie_on{border-radius: 5px 5px 0 0;}
	.formRezer{background: #0095da; margin: 0 1% 0 1%; font-size: 15px; border-radius: 0 0 5px 5px; overflow: hidden; color: #fff; width: 97.8%;}
	.b{width: 50%; float: left; overflow: hidden; margin-bottom: 10px;}
	#opcje2 label{width: auto; float: left; margin: 0 8px;}
	#opcje2 label img{width: 100px;}
	#z1, #z2, #z3, #opcje2{padding: 10px 0; overflow: hidden; margin: 0 auto; text-align: center;}
	
a.udogodnienia{border: 1px solid #999; padding: 5px 40px; text-transform: uppercase; color: #999; border-radius: 5px; width: auto; text-align: center; font-family: "Roboto-Regular";}	
.udogodnienia ul li{width: 50%; float: left; color: #66ff33;}
.udogodnienia ul li span{color: #000;}
.udogodnienia ul{margin: 0; padding: 0 0 0 20px;}

.slogan_reklamowy{overflow: hidden; background: url(../img/baner.jpg) no-repeat center; text-align: center; padding: 90px 0 60px 0; font-size: 35px; color: #fff; font-family: "Roboto-Bold"; height: 210px;}
.slogan_reklamowy h2{font-size: 35px;}
.slogan_reklamowy a{font-family: "Roboto-Regular"; text-transform: uppercase; color: #fff; background: #0099ff; border-radius: 5px; padding: 7px 40px; font-size: 15px; line-height: 80px;}
	
.aktualnosci{background: #ccc; padding: 50px 0 20px 0;}	
	.aktualnosci .item{margin: 0 30px;}
	.aktualnosci img{width: 100%; margin-bottom: 10px;}
	.aktualnosci a{color: #000;}
	.aktualnosci h2{font-family: "Roboto-Regular"; font-size: 24px; text-align: center; margin-bottom: 20px;}
	.aktualnosci h3{font-family: "Roboto-Bold"; font-size: 18px; margin-bottom: 10px;}
	.aktualnosci .wstep{font-size: 16px; color: #bed9e6; margin: 0 15px; height: 130px; overflow: hidden;}

.slogan_2{overflow: hidden; background: url(../img/baner_2.jpg) no-repeat center; padding: 30px 0 40px 50px; font-size: 15px; color: #fff; font-family: "Roboto-Regular"; overflow: hidden; height: 200px; margin: 40px 0;}	
	.granica{width: 50%; overflow: hidden; height: 205px;}
	.slogan_2 h2{font-size: 25px; margin-bottom: 10px; font-family: "Roboto-Bold";}
	.slogan_2 p{font-size: 15px; font-family: "Roboto-Regular";}
	.slogan_2 a{color: #fff;}
	
.realizacje{overflow: hidden; padding: 60px 0; text-align: center;}
	.realizacje h2{font-family: "Roboto-Thin"; text-transform: uppercase; font-size: 35px;}
	.realizacje h2 span{font-family: "Roboto-Black";}

p.wiecej{margin: 20px 0;}	
p.wiecej a{font-size: 16px; text-transform: uppercase; color: #0095da; font-family: "Roboto-Bold"; border-radius: 30px; border: 2px solid #0095da; padding: 10px 35px;}	
	
.navigacja{font-size: 14px; border-bottom: 1px solid #a6a5a5; padding-bottom: 20px;}
.navigacja a{font-family: "Roboto-Regular"; color: #000;}
.footer{background: #0095da; color: #fff; overflow: hidden; padding: 40px 0; position: relative;  z-index: 3;}
	.footer ul {margin: 0 0 40px 0; padding: 0; list-style: none; overflow: hidden;}
	.footer ul li{width: 23%; float: left;}
	.footer ul li h2{font-size: 20px; font-family: "Roboto-Black"; margin-bottom: 20px; color: #fff;}
	.footer ul li h2 span{display: block; font-size: 15px; font-family: "Roboto-Regular";}
	.footer ul li p{font-size: 14px; margin-bottom: 5px; display: block;}
	.footer a{color: #fff;}
	.footer ul li:nth-child(4) {width: auto; float: right;}
	.footer ul li:nth-child(1){width: auto;}
	.footer ul li:nth-child(2){background: url(../img/tel.png) no-repeat center left; padding-left: 70px; margin-left: 4%;}
	.footer ul li:nth-child(3){background: url(../img/mail.png) no-repeat center left; padding-left: 100px; margin-left: 4%;}
	.footer p{font-size: 11px; display: inline-block;}
	.footer p.r{float: right;}
	.footer ul li img{border-radius: 5px;}
	
/*  podstrona  */	
.strona_op{width: 100%; overflow: hidden; padding: 20px 0;}
.strona_op img{max-width: 100%;}
.lewa{width: 48%; float: left; margin-right: 2%;}
.prawa{width: 48%; float: right; margin-left: 2%;}
	.strona_op ol{margin: 0; padding: 0;}
	.strona_op li{list-style: none; background: url(../img/li.png) no-repeat left 4px; margin-top: 20px; padding-left: 20px;}
	.strona_op h1, .strona_op h2, .strona_op h3, .strona_op p, .strona_op li{margin: 0 0 15px 0;}
	.strona_op h2{color: #0095da;}
	.strona_op h2.link {width: auto; color: #fff; font-size: 36px; padding: 20px 30px; background-color: #2b2f33; background-image: url(../img/next_male.png); background-repeat: no-repeat; background-position: right center; cursor: pointer; display: none; margin: 0;}
	.strona_op h2.link a{color: #fff;}
	#t_1{display: block;}
	.strona_op h1 {font-size: 30px; font-family: "Roboto-Bold"; background:url("../img/border.jpg") no-repeat left bottom; margin-bottom: 20px; padding-bottom: 20px;}
	.strona_op h1 span{font-family: "Roboto-Thin";}
	
/*  galeria  */	
	
ul.gal, #owl-gal{margin: 30px auto 0 auto; padding: 0; list-style: none; overflow: hidden; text-align: center;}	
	ul.gal li{width: 30.66%; float: left; margin: 20px 4% 20px 0; background-image: none; padding: 0; overflow: hidden; position: relative;}	
	ul.gal li h2, #owl-gal .item h2{background-color: #0095da; color: #fff; padding: 5px 3%; border-radius: 20px; margin: 0 5%; z-index: 4; overflow: hidden; position: absolute; bottom: 20px; font-size: 14px; font-family: "Roboto-Bold"; width: 84%;}
	ul.gal li:hover h2 img{display: block;}
	ul.gal li a, #owl-gal .item a{float: left;}
	ul.gal li:hover h2, #owl-gal .item:hover h2{display: none;}
	ul.gal li:nth-child(3n){margin-right: 0;}
	ul.gal li img, #owl-gal .item img{width: 100%; height: auto; margin-bottom: -2px; position: relative; z-index: 2;}
	.kolor_gal{background: #279dd7; filter: alpha(opacity=20); opacity: 0.2; position: absolute; width: 100%; z-index: 2; bottom: 0; height: 100%; display: none;}
	ul.gal li:hover .kolor_gal, #owl-gal .item:hover .kolor_gal{display: block;}
#owl-gal .item{float: left; margin: 0 4% 20px 4%; padding: 0; overflow: hidden; position: relative;}
	
	
/*  galeria więcej  */	
	
ul.gal_wiecej{margin: 30px auto 0 auto; padding: 0; list-style: none; overflow: hidden; text-align: center;}	
	ul.gal_wiecej li{width: 22%; float: left; margin: 20px 4% 20px 0; background-image: none; padding: 0; overflow: hidden; position: relative;}	
	ul.gal_wiecej li h2{background-color: #0095da; color: #fff; padding: 5px 3%; border-radius: 20px; margin: 0 5%; z-index: 4; overflow: hidden; position: absolute; bottom: 20px; font-size: 14px; font-family: "Roboto-Bold"; width: 84%;}
	ul.gal_wiecej li a{float: left; width: 100%}
	ul.gal_wiecej li:hover h2{display: none;}
	ul.gal_wiecej li:nth-child(4n){margin-right: 0;}
	ul.gal_wiecej li img{width: 100%; height: auto; margin-bottom: -3px;}
	.lupa{position: absolute; width: 100%; z-index: 3; top: calc(50% - 40px); height: 100%; display: none; width: 100%; text-align: center;}
	.lupa .fa{color: #fff; background: #0095da; border-radius: 50%; padding: 17px 20px; font-size: 18px;}
	.video{background: url(../img/video_bg.png) no-repeat center; position: absolute; width: 100%; z-index: 3; top: 0; height: 100%; display: none;}
	ul.gal_wiecej li:hover .kolor_gal, ul.gal li:hover .lupa, ul.gal_wiecej li:hover .lupa, #owl-gal .item:hover .lupa{display: block;}	
	
.strona_op h1 img{margin: 0 15px;}	
.strona_op h3{margin: 20px 0 10px 0;}
.strona_op .prawa h2{font-size: 36px;}
.strona_op .prawa h4{color: #939393;}

/*  kontakt  */
	
 #map {width: 100%; height: 300px;}
.fomularz{background: url("../img/kontakt.jpg") no-repeat fixed center / cover ; overflow: hidden; text-align: center;} 
	.bg_slogan {background: #ccc; height: 900px; opacity: 0.55; filter: alpha(opacity=55); position: absolute; width: 100%; z-index: 1; overflow: hidden; min-width: 100%;} 
	#formmail{position: relative; z-index: 2; padding: 60px 0;}
	.fomularz h2{font-family: "Roboto-Thin"; font-size: 48px; text-transform: uppercase;}
	.fomularz h2 span{font-family: "Roboto-Black";}
	.fomularz h3{margin-bottom: 30px;}
		.lewa_form{width: 49%; float: left; margin-right: 1%; text-align: right;}
		.prawa_form{width: 49%; float: left; margin-left: 1%; text-align: left;}
		input.formtxt{border: 1px solid #000; color: #000; padding: 10px 15px; font-size: 14px; width: 55%; margin-bottom: 15px; font-family: "Roboto-Light"; float: none; text-transform: uppercase; background: none; border-radius: 5px;}	
		textarea.formtxt2{border: 1px solid #000; color: #000; padding: 10px 15px; font-size: 14px; min-width: 55%; max-width: 55%; margin-bottom: 15px; font-family: "Roboto-Light"; min-height: 184px; text-transform: uppercase; background: none; border-radius: 5px;}
		input.form_wyslij{font-family: "Roboto-Black"; border: none; background: none; cursor: pointer; font-family: "Roboto-Bold"; color: #000; font-size: 22px; padding: 10px 50px; margin-top: 20px; border: 2px solid #000; border-radius: 30px;}		
		.fomularz p .fa{right: 0;}
		.strona_op > span{color: #939393; font-size: 12px;}
		
table{text-align: center; font-size: 16px; margin: 0 auto; min-width: 70%; border-collapse: collapse;}
	table th {border-bottom: 2px solid #0095da; border-left: 1px solid #dbdbdb; font-weight: bold;
    padding: 10px 20px; color: #0095da;}		
	table td:first-child, table th:first-child {border-left: 0 none;}
	table td {border-bottom: 1px solid #dbdbdb; border-collapse: collapse; border-left: 1px solid #dbdbdb;
    padding: 5px 20px;}
		
/*  produkty  */
	
.lewa_kat{float: left; position: relative; width: 34%; overflow: hidden;}
.srodek{float: left; width: 64%; margin: 0 0 0 2%; overflow: hidden; font-size: 16px;}	
.prawa_pr{width: 26%; float: left; overflow: hidden;}

	
	.lewa_kat h2{padding: 10px 20px; color: #fff; font-size: 30px; background: #0095da; margin: 0; font-family: "Roboto-Bold";}
	.lewa_kat h3{padding: 0 30px; color: #fba002; font-size: 24px;}
	.strona_op .lewa_kat li{padding: 0; font-family: "Roboto-Bold"; font-size: 14px; padding: 10px 20px; margin: 0; background: none;}
	.strona_op .lewa_kat li.naglowek{padding: 0;}
	.strona_op .lewa_kat li:last-child{border: none;}
	.strona_op .lewa_kat li:hover, .strona_op .lewa_kat li a.on{font-family: "Roboto-Black";}
	.lewa_kat li a{color: #312d31;}
	.strona_op .lewa_kat li:hover a, .strona_op .lewa_kat li a.on{color: #0095da;}
	.lewa_kat ul{margin: 0; padding: 0; }
	.lewa_kat li span {margin-left: 10px;}
	.srodek ul{margin: 0; padding: 0;}
	.srodek h3{font-size: 20px; font-family: "Roboto-Regular";}
	.srodek p.pobierz{margin-top: 20px;}
	.srodek p.pobierz a{color: #2b2f33;}
	.srodek p.pobierz a:hover{color: #fba002;}
	.srodek p.pobierz img{float: left; width: 50px; margin-right: 15px; margin-top: -10px;}
	
.prawa_pr .img_pr{width: 100%; overflow: hidden;}
	.prawa_pr .img_pr img{width: 100%; height: auto;}
	.prawa_pr h2{background: #fba002; font-size: 28px; font-family: "Roboto-Light"; text-align: center; padding: 10px 0;}
	.prawa_pr h2 a{color: #fff;}
	.prawa_pr h2:hover{background: #2b2f33;}
	.prawa_pr h3{font-size: 24px; font-family: "Roboto-Bold"; text-align: center;}
	.prawa_pr h4{font-size: 24; text-align: center; background: url(../img/tel.png) no-repeat 25px center;}


.toTop {
    background: #4a4a4a; border-radius: 400px; bottom: 10%; color: #fff; cursor: pointer;
    font-size: 30px; font-weight: bold; padding: 3px 14px; position: fixed; right: 2%; text-align: center; z-index: 100;}	
.toTop:hover {background: #a6a5a5;}

.li{width: 33.33%; float: left; overflow: hidden; text-align: center;}
.li:nth-child(1){background: url(../img/mail.png) no-repeat center;}  
.li img{margin-bottom: 20px;}	
	
	
@media only screen and (max-width: 3000px) { 
	.rama{width: 1200px; margin: 0 auto;}
	
}

@media only screen and (max-width: 1560px) { 
	
}

@media only screen and (max-width: 1280px) {
	
}	

@media only screen and (max-width: 1220px) {
	.rama{width: 98%;}
	
}
 
@media only screen and (max-width: 1204px) {
	
} 
 
@media only screen and (max-width: 1170px) {
	.cycle-overlay{top: auto; bottom: 20px;}
} 
 
@media only screen and (max-width: 1120px) {
	.footer ul li{width: 20%;}
	.polaczenie{width: 30.8%;}
	.formRezer{width: 97.4%;}
} 

@media only screen and (max-width: 1080px) {
	
}	

@media only screen and (max-width: 1040px) {
	
}	
 
@media only screen and (max-width: 1021px) {
	.footer ul li{width: 15%;}
}

@media only screen and (max-width: 900px) {
	.kup_bilet{width: 100%;}
	.udogodnienia{width: 100%;}
	form.form_rezerwacja{width: 95.6%; padding: 2%;}
	.udogodnienia ul li{width: 33.33%;}
	.baner img{height: 280px; width: auto;}
	.footer ul li:nth-child(3), .footer ul li:nth-child(2){background: none; margin-left: 0; padding-left: 30px;}
	.footer ul li{width: 23%;}
}	

/* --------- ipad krajobraz -------------  */

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
	body{width: 1008px;}
	.footer ul li{width: 24%;}
	.kup_bilet{width: 65%;}
	.udogodnienia{width: 35%;}
	form.form_rezerwacja{width: 90%; padding: 20px;}
	.udogodnienia ul li{width: 50%;}
	.baner img{height: auto; width: 100%;}
	.polaczenie{width: 31%;}
	.formRezer{width: 97.8;%}
	.footer ul li:nth-child(3) {background: url("../img/mail.png") no-repeat left center; margin-left: 4%; padding-left: 100px;}
	.footer ul li:nth-child(2) {background: url("../img/tel.png") no-repeat left center; margin-left: 4%; padding-left: 100px;}
}

/* --------- ipad portret -------------  */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	body{width: 768px;}
	#nav {width: 12%;}
	#menu-icon {display: none; padding: 0.35em 0; position: absolute; right: 0;
	top: -1px; width: 4em; border: none;}
	.bar{background-color: #0095da; display: block; height: 3px; margin: 0.7em 0;}
	#menu-icon {display: inline-block;}
	#nav ul.menu, #nav a:active ul { display: none; position: absolute; right: 0; top: 37px; width: auto; padding: 0.6em 0;}
	.fixed #menu-icon{top: 4px;}
	.fixed #nav ul.menu, #nav a:active ul{top: 42px;}
	#nav:hover ul.menu {display: block;}
	#nav ul.menu > li{width: 220px; float: none; padding: 0 10px; background: none; text-align: right; display: block; background: #0095da; text-transform: uppercase;}
	#nav ul.menu  li:hover{border-bottom: 0; margin-bottom: 0; background: #fff;}
	#nav ul.menu  li:hover a{border: 0;}
	#nav ul.menu  li.active{border-bottom: 0; margin-bottom: 0; background: #fff;}
	#nav ul.menu > li.active a{border: none;}
	#nav ul.menu li#otworz:hover ul.menu1, #nav ul.menu li.otworz_male:hover ul.menu{display: none;}
	#nav ul.menu > li:nth-child(5) {padding-right: 10px;}
	#nav ul.menu > li:first-child {padding-left: 10px;}
	#nav ul.menu  li a, #nav ul.menu > li.s a {color: #fff;}
	#nav ul.menu > li.s:hover a{color: #0095da;}
	#nav ul.menu > li.s {padding: 0 10px;}
	ul.gal li{width: 48%;}
	ul.gal li:nth-child(3n) {margin-right: 4%;}
	ul.gal li:nth-child(2n) {margin-right: 0;}
	ul.gal_wiecej li{width: 30.66%;}
	ul.gal_wiecej li:nth-child(4n){margin-right: 2%;}
	ul.gal_wiecej li:nth-child(3n){margin-right: 0;}
	
	.lewa_kat {width: 100%; float: none;}
	.srodek{float: none; width: 100%;}
}
	
@media only screen and (max-width: 767px) {
	ul.gal li{width: 48%;}
	ul.gal li:nth-child(3n) {margin-right: 4%;}
	ul.gal li:nth-child(2n) {margin-right: 0;}
	ul.gal_wiecej li{width: 30.66%;}
	ul.gal_wiecej li:nth-child(4n){margin-right: 4%;}
	ul.gal_wiecej li:nth-child(3n){margin-right: 0;}
	
	.footer ul li{width: 36%;}
	.footer ul li:nth-child(4){margin-top: 30px;} 
}
	
@media only screen and (max-width: 717px) {
	
	#nav {width: 12%;}
	#menu-icon {display: none; padding: 0.35em 0; position: absolute; right: 3px;
	top: 11px; width: 4em; border: none;}
	.bar{background-color: #0095da; display: block; height: 3px; margin: 0.7em 0;}
	#menu-icon {display: inline-block;}
	#nav ul.menu, #nav a:active ul { display: none; position: absolute; right: 0; top: 50px; width: auto; padding: 0.6em 0; z-index: 4;}
	.fixed #menu-icon {right: 140px; top: -68px;}
	.fixed #nav ul.menu, #nav a:active ul{top: -32px; right: 140px;}
	#nav:hover ul.menu {display: block;}
	#nav ul.menu > li{width: 220px; float: none; padding: 0 10px; background: none; text-align: right; display: block; background: #0095da; text-transform: uppercase;}
	#nav ul.menu  li:hover{border-bottom: 0; margin-bottom: 0; background: #fff;}
	#nav ul.menu  li:hover a{border: 0;}
	#nav ul.menu  li.active{border-bottom: 0; margin-bottom: 0; background: #fff;}
	#nav ul.menu > li.active a{border: none;}
	#nav ul.menu li#otworz:hover ul.menu1, #nav ul.menu li.otworz_male:hover ul.menu{display: none;}
	#nav ul.menu > li:nth-child(5) {padding-right: 10px;}
	#nav ul.menu > li:first-child {padding-left: 10px;}
	#nav ul.menu  li a, #nav ul.menu > li.s a {color: #fff;}
	#nav ul.menu > li.s:hover a{color: #0095da;}
	#nav ul.menu > li.s {padding: 0 10px;}
	.logo img{height: 70px;}
	.logo{top:-14px;}
}

@media only screen and (max-width : 760px) {
	
}	

@media only screen and (max-width: 707px) {
	
}	


@media only screen and (max-width : 670px) {
	.udogodnienia ul li{width: 50%;}
	.formRezer {width: 97.5%;}
}

@media only screen and (max-width : 650px) {
	.baner img{height: 250px;}
	.cycle-overlay h2 {font-size: 30px; line-height: 32px;}
	.cycle-overlay {top: 20px;}
}


	
@media only screen and (max-width : 620px) {
	.footer ul li, .footer ul li:nth-child(1), .footer ul li:nth-child(4){width: 50%;}
	.footer ul li:nth-child(3), .footer ul li:nth-child(2){padding-left: 0;}
	.footer ul li:nth-child(2){min-height: 270px;}
	.lewa_form, .prawa_form {margin-right: 0; margin-left: 0; float: none; width: 100%; text-align: center;}
	
}

@media only screen and (max-width : 570px) {
	.li{width: 100%;}	
	.polaczenie, .form_rezerwacja p {font-size: 13px;}
	.b {float: none;display: inline-block; width: 60%;}
	#opcje2 label{float: none;display: inline-block;}
	form.form_rezerwacja input.zamow{display: block; margin: 15px auto 0 auto;}
	.formRezer {width: 97.5%;}
}

@media only screen and (max-width : 500px) {
	#owl-gal .item{margin: 0;}
	.aktualnosci .item {margin: 0;}
	.oferta_page ul{margin: 0; padding: 0;}
	.footer ul li, .footer ul li:nth-child(1), .footer ul li:nth-child(4){width: 100%;}
	.footer ul li:nth-child(2){min-height: 100px;}
	.footer ul li:nth-child(2), .footer ul li:nth-child(3) {margin-top: 30px;}
	.fomularz h2 {font-size: 40px;}
	input.formtxt, textarea.formtxt2{min-width: 80%; max-width: 80%;}
}	
	
@media only screen and (max-width : 450px) {	
	
	ul.gal li{width: 100%; margin-right: 0; float: none;}
	
	.udogodnienia ul li{width: 100%;}
}	

@media only screen and (max-width : 430px) {
	.footer ul li{width: 100%;}
	.polaczenie {width: 30.5%;}	
	.formRezer {width: 97.7%;}
}

@media only screen and (max-width : 405px) {
	ul.gal_wiecej li{width: 100%; margin-right: 0; float: none;}
	.cycle-overlay h2, .cycle-overlay p, .cien{display: none;}
	.next {border-right: 0px solid #0095da;}
	.baner img{height: 200px;}
	.prev, .next{padding: 10px;}
	.paginacja{bottom: 10px;}
}	

@media only screen and (max-width : 380px) {
	
}

@media only screen and (max-width : 368px) {
	
}

@media only screen and (max-width : 347px) {
	#nav ul.menu > li:last-child{display: block;}
	.logowanie p{visibility: hidden;}	
	.fixed #menu-icon {right: 0;}	
	.fixed2 #menu-icon {right: 0; margin-right: -135px;} 
	.fixed #nav ul.menu, #nav a:active ul{right: 0;}
	.fixed2 #nav ul.menu, #nav a:active ul{margin-right: -135px;}
}

@media only screen and (max-width : 340px) {
	
}	

@media only screen and (max-width : 319px) {
	
}	

@media only screen and (max-width : 320px) {
	.logo img, .fixed2 .logo img{height: 59px;}
}