@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700&subset=latin,latin-ext);

@media (max-width: 340px) { 
#yt1 {width:100%;height:500px;}
#carousel-example-generic { display:none !important;}
#data {display:none !important;}
#menu-top {background: none !important;}
#logo { display: none !important;}
#tm {float:left !important;width:100% !important;height:45px;padding:10px 0 0 28px !important;text-align:left !important;}
#footer {display:none !important;}
#ft2 img {float:left;margin:5px;}
#navbar {display:none;}
#menu-mobi {display:block !important;}
.navbar-nav{background-color: #d4eff5 !important;}
#menu-top-sec {position:relative; height:11px;}
#tm {float:right;width:500px;height:65px;padding:10px 0 0 0;text-align:right;}
#fb {background: url(../gfx/facebook.png) no-repeat;width:11px;height:21px;display:inline-block;margin:0 15px 4px 20px;}
}

@media (min-width: 340px) and (max-width:767px) { 
#yt1 {width:100%;height:500px;}
#carousel-example-generic { display:none !important;}
#data {display:none !important;}
#menu-top {background: none !important;}
#logo { display: none !important;}
#tm {float:left !important;width:100% !important;height:45px;padding:10px 0 0 28px !important;text-align:left !important;}
#footer {display:none !important;}
#ft2 img {float:left;margin:5px;}
#navbar {display:none;}
#menu-mobi {display:block !important;}
.navbar-nav{background-color: #d4eff5 !important;}
#menu-top-sec {position:relative; height:11px;}
#tm {float:right;width:500px;height:65px;padding:10px 0 0 40px ;text-align:right;}
#fb {background: url(../gfx/facebook.png) no-repeat;width:11px;height:21px;display:inline-block;margin:0 15px 4px 20px;}
}

@media (min-width: 768px) and (max-width: 991px) { 
#yt1 {width:100%;height:500px;}

#logo {margin:30px 0 0 23px !important;}
#tm {float:right;width:200px !important;height:45px;padding:10px 0 0 0;text-align:right !important;}
#footer {display:none !important;}
#ft2 img {float:left;margin:5px;}
#menu-top-sec {position:relative; height:181px;}
#tm {float:right;width:500px;height:45px;padding:10px 0 0 0;text-align:right;}
#fb {background: url(../gfx/facebook.png) no-repeat;width:11px;height:21px;display:inline-block;margin:0 15px 4px 0;}
}

@media (min-width: 992px) and (max-width: 1199px) { 
#yt1 {width:100%;height:500px;}
#tm {float:right;width:500px;height:45px;padding:10px 0 0 0;text-align:right;}
#menu-top-sec {position:relative; height:181px;}
#fb {background: url(../gfx/facebook.png) no-repeat;width:11px;height:21px;display:inline-block;margin:0 15px 4px 0;}
}

@media (min-width: 1200px) { 
#yt1 {width:100%;height:500px;}
#tm {float:right;width:500px;height:45px;padding:10px 0 0 0;text-align:right;}
#menu-top-sec {position:relative; height:181px;}
#fb {background: url(../gfx/facebook.png) no-repeat;width:11px;height:21px;display:inline-block;margin:0 15px 4px 0;}
}

#menu-mobi {display:none;}
body {font-family: 'Roboto Condensed', sans-serif;color:#2b2b2b;}
.container {padding:0 !important;}
.container-fluid {padding:0 !important;}
a {text-decoration:none;color:#646464 !Important;}
a:hover {text-decoration:none;color:#21a4c2 !Important;}
.no-border {border:none !important;}
.c1 {width:auto; max-width:1200px; z-index:1 !important;}
.c2 {width:1200px;}
.c3 {width:auto; z-index:initial; text-align:left;}
.c4 {border-top:1px solid #dcdcdc; width:1000px; margin-top:40px; !important;}
.c4 h2 {text-align:center;}
.c5 {width:100%;}
.c6 {width:1170px; margin-top:40px;border-top:1px solid #dcdcdc;}
.c7 {padding:50px 50px !important; text-align:right;}
#yt1 {width:100%;}
#menu-top {background: transparent url(../gfx/bg.gif) -125px 0px no-repeat;}
#logo {background: url(../gfx/logo.png) center no-repeat;width:290px;height:100px;display:block;margin:30px 0 0 53px;float:left;}
#logo_mobi {background: url(../gfx/logo_mobi.png) center no-repeat;width:203px;height:70px;display:block;margin:10px 0 10px 53px;float:left;}
#tm a {}
#gp {background: url(../gfx/g+.png) no-repeat;width:20px;height:21px;display:inline-block;margin:0 10px 4px 0;}
#yt {background: url(../gfx/youtube.png) no-repeat;width:17px;height:21px;display:inline-block;margin:0 20px 4px 0;}
#login {background: url(../gfx/login.png) no-repeat;width:42px;height:29px;display:inline-block;margin:10px 10px 0 10px;}
#fb:hover,#gp:hover, #yt:hover {background-position:0 -21px;}
#login:hover {background-position:0 -29px;}
#row1 {margin:44px 0 40px 0; line-height:25px !important;}
#row1 div {padding:0 40px;}
#row1 div h2, .c4 h2 {font-size:28px !Important;color:#21a4c2 !Important;height:50px;margin:32px 0;font-weight:700;text-align:left;}
h3 {font-size:28px !Important;color:#21a4c2 !Important;font-weight:700;text-align:left; margin-top:0px !important; text-transform:uppercase;}
#row1 div p {margin:0 0 32px 0;}
#row1 div a {display:inline-block;width:144px;height:58px;background:url(../gfx/czytaj-wiecej.png) no-repeat;}
#row1 div a:hover {background-position:0 -58px;}
#row2 div {text-align:center;}
#row1 img { text-align:left;}
#p1,#p2,#p3,#p4 {width:280px;height:301px;display:inline-block;}
#p1 {background:url(../gfx/pakiet01.jpg) no-repeat;}
#p2 {background:url(../gfx/pakiet02.jpg) no-repeat;}
#p3 {background:url(../gfx/pakiet03.jpg) no-repeat;}
#p4 {background:url(../gfx/pakiet04.jpg) no-repeat;}
#p5 {width:100%; position:relative;}
#atrakcja{ height:587px; width:100%; background: url(../gfx/atrakcja.jpg) no-repeat center;padding:60px 0 0 100px; margin-bottom:100px;}
#atrakcja h3 { color:#FFF !important; padding-left:15px; font-size:38px !important;text-shadow:2px 2px 3px #2a2a2a;}
#atrakcja p { color:#FFF !important; padding-left:15px; font-size:20px !important; font-family: 'Roboto Condensed', sans-serif; font-weight:300; padding:40px 0 0 10px;text-shadow:1px 1px 1px #2a2a2a;}
.ha3{ visibility:hidden;}
.film{ padding:0 40px;}
.podpis{ text-align:center !important; padding:0 20px 0 120px;}
#footer {border-bottom:1px solid #dcdcdc;padding:6px 0 5px 0 !important;margin-top:50px;margin-bottom:50px;font-size:14px;border-top:1px solid #dcdcdc;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
#carousel-example-generic {position:relative;}
#logo-bat {position:absolute;width:219px;height:37px;background: transparent url(../gfx/logo-buttom.png) no-repeat;z-index:999;left:233px;}
#navbar {position:absolute;bottom:0;right:0;}
#data {position:absolute; z-index:1;}
#data img { position:relative; width:100%; padding:11% 100px 0 100px; }
#pakiety {width:25%; float:left; padding:25px;}
#ft1 {/*width:330px;*/ height:150px; float:left;font-size:14px;margin-top:30px;}
#ft1 a { float:left;}
#ft1 span {display:block;margin:0 0 10px 100px;}
#ft1 p {padding: 0 0 0 100px;line-height:18px;}
#ft2 {/*width:660px; */height:230px; float:left;font-size:14px;margin-top:30px;}
.images {text-align:center;padding:30px 0;}
.images img {margin:10px;}
/*menu*/
.dropdown-menu {background-color:#fff;padding:5px 0 !Important;}
.nav ul {padding:1px 0 0 0 !important;}
.nav ul li a {color:#fff !important;background-color:#21a4c2 !Important;border-bottom:1px solid #fff;}
.nav ul li a:hover,.nav ul li span:hover {background-color:#00405b !important;padding: 12px 0 !important;}
.nav ul li span {display:block;text-align:center;color:#636362 !important;color:#fff !important;font-weight:300;padding:15px 0;text-transform:lowercase;font-size:16px;}
/*menu*/
.caret {position:absolute;left:45%;bottom:8px;}
/*navbar*/
#navbar ul li ul li a {padding:10px !important;text-align:center;}
.navbar-header{position: relative;}
.open .dropdown-toggle {background-color:transparent !important;color:#21a4c2 !important}
.nav > li > a {font-size:16px; color:#00405b !important; text-align: center !important;}
.nav > li > a:hover {color:#000 !important;background-color:#afe7f4 !important;}
#forms_contact {padding:0 19px;}
#forms_contact_div {padding-top:30px;}
#map_canavas {width:100%;height:500px}
#cookies-message {display:none; position:fixed;bottom:-20px;width:100%;margin:15px 0;background-color:#000; opacity:0,9;color:#fff;padding:40px 0;font-size:16px;text-align:center;text-transform:uppercase;}
#cookies-message span {margin:0 20px;}
#cookies-message a {color:#fff;}