/* HOTEL LAYOUT HotelSystems.pl */ /* @font-face { font-family: 'luxi_serifregular'; src: url('/fonts/luxirr-webfont.eot'); src: url('/fonts/luxirr-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/luxirr-webfont.woff') format('woff'), url('/fonts/luxirr-webfont.ttf') format('truetype'), url('/fonts/luxirr-webfont.svg#luxi_serifregular') format('svg'); font-weight: normal; font-style: normal; } */ @import url('https://fonts.googleapis.com/css?family=Noticia+Text:400,400i,700,700i'); body #ui-datepicker-div { display:none} body { width:100%; font: normal 13px/24px "Noticia Text", Times, serif; color:#3d3d3c; background: #EBE8E6; font-family: 'Noticia Text'; } .mP { background-image:none} .ceny_i_rezerwacja .banerLeft { display:none } #secText p strong, #secText p a, a {color: #FFF;} #secText p a:hover, a:hover, #footer li:hover, #footer li a:hover, .pdf-link:hover {color: #FFF;} input, select {color:#3d3d3c; text-align:center; font-size:13px; float:left; font-family: 'Noticia Text', "Times New Roman", Times, serif; line-height:13px; border:0 none!important; padding:4px 0; text-align:center; vertical-align:middle; cursor:pointer} #secTextIn h3, #secTextIn h4, .rplFont, #langsHld a, .logos span, #secText h2, #secText h3, #secText h4 { font-weight:normal; font-family: 'Noticia Text';} .centerDiv { width:100%; float:left;} .centerDivIn { width: 1000px;margin:0 auto} body.pakiety_pobytowe div.pakiety_pobytowe.centerDivIn .hs-widget {clear: none!important;} body.pakiety_pobytowe .rezBox { display:none} body.ceny_i_rezerwacja #middle, body.pakiety_pobytowe #middle { margin-top:0} body.pakiety_pobytowe .offers-menu-hld { margin:0 0 30px 0} body.pakiety_pobytowe .col3 { display:none} body.pakiety_pobytowe .centHeader { height:300px!important} .header-top {background:#47413a; } .header-top h3, .header-top a {font-size:14px; color:#dbdad5; line-height:30px; text-transform:uppercase} .header-top h3 { width:700px; float:left} .centHeader {background: url(../img/headerbg.png) no-repeat center top; float:left; width:100%; position:relative} .header-L { float:left; height: 110px; position: absolute; width: 136px; left: 50%; top: 9px; margin-left: -55px; z-index: 999;} .mP .header-L {} .header-R { float:right; width: 100%; margin-top: 45px; z-index: 500;} .header-info { float:left; width:100%;} .header-info a, .header-info span {color: #6e737e; font-size:14px; float:right; margin:0; text-transform:uppercase; line-height:22px;margin-left: 0; margin-top:13px;} .header-info a img, .header-info span img { float:left; padding-right:7px} .header-info a:hover { color: #5A3D13;} .centFooter { background: url(/img/footerbg.png);} .mP .centMiddle .centerDivIn { width: 1000px;} .mP .centFooter {} .sP h4.slogan { font-weight:normal; width:1000px; position:absolute; top:420px; left:50%; margin-left:-500px; font-size:31px; line-height:34px; text-transform:uppercase; text-shadow:3px 3px 3px #000; color:#FFF} .sP h4.slogan { top:560px} .mP h1 { width:100%; font-weight:normal; float:left; padding:0; margin:0} .offersMain { float:left; width:100%; height: 450px; background-color: #FFF;} #langsHld {float:right; width: 150px;position: absolute;left: 0px;top: 0px;background: url(/img/rightshadow.png) no-repeat right top;height: 87px;float: right;z-index: 100;} #langs { float:right; width:calc(100% - 15px); margin-top: 15px; margin-left: 15px;} #langsHld a {float: left;text-align: right; margin-left: 0px;margin-right: 9px;} #langsHld a:hover, .langTag_pl #lang_pl, .langTag_de #lang_de, .langTag_en #lang_en, .langTag_ru #lang_ru {color: #FFF;background: url(/img/kreska.png) repeat-x center bottom;padding-bottom: 3px;} .logoHld {float: left; width: 136px; height: 110px;} .logoHld a { float:right; margin-top: 10px; width: 136px; height: 110px;} .mainBtns { float:left;width:100%; background: #151f32; } .mainBtns span, .mainBtns strong {color: #FFF!important; font-size:15px;line-height: 25px!important; text-transform:uppercase; font-weight:normal; float:right; width: 100%;text-align: center;} .mainBtns strong { font-size:12px} .mainBtns:hover { background: #414E66; } .btnRez { height: 25px; margin-left: 10px; margin-top: 17px; margin-right: 15px!important; width: 127px; float: left; background: url(/img/cirbtn.png) no-repeat;} .btnRez span { margin-top: 0px; font-size: 12px; color: #FFF!important;} .btnAll { margin-top:20px} .btnAll span{ line-height:45px!important; width:90%; color:#dbdad5!important } #middle {float:left; width:100%; margin-bottom: 20px;color: #FFF; /*margin-top:69px*/} .col1 { width:289px;} .col2 { float:left; width: 100%;} #secContent { float:right; width: 100%; } #secText {float: left; margin-top: 18px; margin:0 3%; width:94%;} #secContent h2.bigTitle {text-align:center; float:left; width:100%; margin-top:25px; margin-bottom:8px;background:url(../img/title.gif) repeat-x center 40px;} #secContent h2.bigTitle span {padding:0 15px;font-size:42px; line-height:50px; text-transform:uppercase; color:#c5c4c0; background:#E4E3E0; } #secTextIn { float:left; font-size: 15px; width:100% } .mP #secTextIn {text-align:justify} #secText h2, #secText h3, #secText h4 { font-size: 24px; text-transform:uppercase; padding: 8px 0; float: left; width: 100%;} #panel1 ul, #secText ul, .separateOffer ul, .roomDesc ul { padding:5px 15px 15px; list-style-type: square; text-align:left; float: left;} #secText p { padding:5px 0; width: 100%;} #secText p a img { float:none} #secText p strong { font-weight: bold;} #secText ul li, .separateOffer ul li { margin-left:20px; } #secContent h1 {font-weight: normal;float: left;} #newsletter { float: left; width: calc(100% - 30px); background: #D7C9A0; padding: 15px; /*border-radius: 3px;*/ min-height: 171px;} #newsletter h3 { line-height:18px; float:left; width:100%; font-size:10px; text-transform:uppercase; color:#162033; margin-bottom:5px; /*margin-top:5px*/} .body_en #newsletter h3, .body_de #newsletter h3, .body_ru #newsletter h3 {margin-bottom:15px; margin-top:5px;} #newsletter h3 span{ font-size:19px; line-height:25px} #newsletter input, #newsletter a { width:100%; float:left; margin-top:10px; text-align:center; padding:4px 0; font-size:14px; line-height:22px} #newsletter a { text-transform:uppercase; background:#5B6270; border-bottom:1px solid #FFF} /*MENU*/ #mainMenuHld {float:right;width:100%;position: relative;z-index: 400;} #mainMenuHld ul {list-style:none;float: left; margin-top:22px} #mainMenuHld ul li {padding: 0px 0px; display:inline; float:left; background:none!important; float:left;} #mainMenuHld ul li.last a { background:none;border:0 none} #mainMenuHld ul li#menu_2086 a { background:none;border:0 none} #mainMenuHld ul li a { float:left; display: block; padding: 0 12px;; width: auto; position: relative; z-index: 400; border-right:1px solid #464D5C} .body_de #mainMenuHld ul li a, .body_ru #mainMenuHld ul li a { padding: 0 10px;} #mainMenuHld ul li a span {color: #FFF; cursor:pointer;font-size:15px;line-height:30px;float:left; width: auto;padding-bottom: 1px; text-transform:uppercase} #mainMenuHld ul ul li a span { text-transform:none} .body_ru #mainMenuHld ul li a { } .body_en #mainMenuHld ul li a { } #mainMenuHld ul li a:hover span, #mainMenuHld ul li.active a span { background: url(/img/kreska.png) repeat-x bottom; } body #mainMenuHld ul li.active a {} #mainMenuHld ul li a:hover {} #mainMenuHld ul.dropdown { position: relative;} #mainMenuHld ul.dropdown li { float: left; zoom: 1; } #mainMenuHld ul.dropdown ul {background: #091E38;width:160px!important; display:none; _visibility: hidden; position: absolute; top: 100%; z-index:10;margin-top:0 } #mainMenuHld ul.dropdown ul li { font-weight: normal; float: left; background:none; padding:0; margin-top: 1px; width:100%; } #mainMenuHld ul.dropdown ul li a { display:block; width:100%; padding:0!important; border-right: none; display: inline-block; height:auto; float:left;margin:0!important; background:none!important } #mainMenuHld ul.dropdown ul ul { left: 100%; top: 0; } #mainMenuHld ul.dropdown li:hover > ul { _visibility: visible; display:block } #mainMenuHld ul li.active ul li a { background:none} #mainMenuHld ul li.active ul li.active a span { color: #FFF!important;} #mainMenuHld ul li.active ul li a span { color: #FFF!important; } #mainMenuHld ul li ul li a span { text-align:left!important; color: #FFF!important; font-size:16px!important; padding:12px 10px!important; line-height:15px!important; width:auto!important; background: none!important;} #mainMenuHld ul li ul li.active a span { color: #FFF!important;} #mainMenuHld ul li.active ul li.active a {} #mainMenuHld ul li ul li a:hover { } #mainMenuHld ul li ul li:hover a { background: #566E8B!important;} #mainMenuHld ul li ul li:hover a span { color:#FFF!important} #mainMenuHld ul.dropdown li._active ul { display:block} .mainMenuHld {float:right;width:100%;position: relative;z-index: 400;} .mainMenuHld ul {list-style:none;float: left; margin-top:22px} .mainMenuHld ul li {padding: 0px 0px; display:inline; float:left; background:none!important; float:left;} .mainMenuHld ul li.last a { background:none;border:0 none} .mainMenuHld ul li#menu_2086 a { background:none;border:0 none} .mainMenuHld ul li a { float:left; display: block; padding: 0 13px;; width: auto; position: relative; z-index: 400; border-right:1px solid #464D5C} .mainMenuHld ul li a span {color: #FFF; cursor:pointer;font-size:15px;line-height:30px;float:left; width: auto;padding-bottom: 1px; text-transform:uppercase} .mainMenuHld ul ul li a span { text-transform:none} .body_ru .mainMenuHld ul li a { } .body_en .mainMenuHld ul li a { } .mainMenuHld ul li a:hover span, .mainMenuHld ul li.active a span { background: url(/img/kreska.png) repeat-x bottom; } body .mainMenuHld ul li.active a {} .mainMenuHld ul li a:hover {} .mainMenuHld ul.dropdown { position: relative;} .mainMenuHld ul.dropdown li { float: left; zoom: 1; } .mainMenuHld ul.dropdown ul {background: #091E38;width:160px!important; display:none; _visibility: hidden; position: absolute; top: 100%; z-index:10;margin-top:0 } .mainMenuHld ul.dropdown ul li { font-weight: normal; float: left; background:none; padding:0; margin-top: 1px; width:100%; } .mainMenuHld ul.dropdown ul li a { display:block; width:100%; padding:0!important; border-right: none; display: inline-block; height:auto; float:left;margin:0!important; background:none!important } .mainMenuHld ul.dropdown ul ul { left: 100%; top: 0; } .mainMenuHld ul.dropdown li:hover > ul { _visibility: visible; display:block } .mainMenuHld ul li.active ul li a { background:none} .mainMenuHld ul li.active ul li.active a span { color: #FFF!important;} .mainMenuHld ul li.active ul li a span { color: #FFF!important; } .mainMenuHld ul li ul li a span { text-align:left!important; color: #FFF!important; font-size:16px!important; padding:12px 10px!important; line-height:15px!important; width:auto!important; background: none!important;} .mainMenuHld ul li ul li.active a span { color: #FFF!important;} .mainMenuHld ul li.active ul li.active a {} .mainMenuHld ul li ul li a:hover { } .mainMenuHld ul li ul li:hover a { background: #566E8B!important;} .mainMenuHld ul li ul li:hover a span { color:#FFF!important} .mainMenuHld ul.dropdown li._active ul { display:block} .contactMenu { color:#FFF!important; background:#000; text-align:center; font-size:15px; float:left; width:100%; line-height:18px; padding:15px 0} /* SEC NAV */ .secNav { float: right; width:100%; margin-top: 7px; margin-bottom: 10px;} .secNav ul { width: 100%; float: left; text-align: center;} .secNav ul li { display: inline-block;list-style: none; padding:5px} .secNav ul li.first {} .secNav ul li.last { padding-right:0; background:none} .secNav ul li a { margin:5px 0; line-height: 18px;text-transform:uppercase ;font-size: 14px; color: #FFF; display: block; padding:9px; background:#384151; margin:0 2px} .secNav ul li.last a{ border:0 none} .secNav ul li a strong {font-size:15px; line-height:35px; font-weight:normal; text-transform:none } .secNav ul li a:hover, .secNav ul li.active a {} .secNav ul li a h1 { float:none!important} .secNav ul li li span { border:0 none; font-size:12px;} .col1 .secNav ul { padding:0} .col1 .secNav ul li, .col1 .secNav { width:100%; margin-top:10px} .col1 .secNav ul li { background:url(../img/more.png) no-repeat right center #48423A; padding:0!important; margin:10px 0} .col1 .secNav ul li:hover {background-color:#BA007B} .col1 .secNav ul li.active {background:#BA007B} .col1 .secNav ul li.last { border:0 none} .col1 .secNav ul li a { float:left; width:80%; padding:15px 10% 5px; color:#FFF!important } /* REZ BOX */ /*.rezBox {float:left; width: 357px; height: 111px; position: absolute;background: url(/img/cirbg.png);left: 50%;margin-left: -179px; bottom:-69px}*/ .rezBox {float:left; width: 353px; height: 52px; position: absolute;background: #D7C9A0 /*url(/img/cirbg.png)*/;right:10px;top:9px;/*margin-left: -179px; bottom:-69px;*/} .rezBox h3 { color: #FFF; float: right; font-size: 20px; line-height: 20px; text-transform:uppercase; margin-top: 25px; width: 95%; text-align:center} #date_from_a, #date_to_a, #date_promo_code_a { float: left; height: 25px; margin-left: 18px; width: 87px; margin-top: 14px; background: url(/img/cirinput.png);} #date_promo_code_a {margin-top:20px} .rezBox input { background:#13253A!important;border:0 none!important; line-height: 18px;padding:0; text-align:left; margin-top: 0; color: #fff; width: 87px; float:right; text-align: center; font-size: 14px;/*border-radius: 5px;*/ padding: 3px 0;} /* Footer */ #footer { float:left; width:100%; margin-top: 35px; padding-top: 20px; margin-bottom: 35px; border-top: solid 1px #D7C9A0;} #footerContact { float:left; width:100%;} #footerContact a {color:#fcf4e4;} #HS { float:right; cursor:pointer; } .logos { float:left; position:absolute; right:0; top:130px; width:64px} .logos span { color:#47413a; float:left; height:72px; line-height:16px;margin-top:25px; width:100%; cursor:pointer; background:url(../img/boxBG.png) no-repeat center top; font-size:14px; text-align:center; text-transform:uppercase} .logos span.l1 { color:#3b6c10} .logos span.l2 { color:#2f5595} .logos span img { float:left; } .logos span:hover { background:#FFF} .footerBox {height:156px; float:left; border-right:1px solid #6c4c79; margin:27px 0 28px; } .footerBox h3 { font-size:18px; float:right; width:85%; color:#FFF; text-transform:uppercase; text-align:left; margin-bottom:20px } .footerBox span, .footerBox a {color:#b3a9b7; font-size:12px; text-align:left; float:right; width:85%; line-height:40px; cursor:pointer} #footer-L { float:left; width:50%; margin-top:65px} #footer-L .pdf-link, .pdf-cnt a { float:left; padding-left:24px; padding-right:18px; background:url(../img/pdf.png) no-repeat left center; text-transform:uppercase; margin-top:25px; cursor:pointer } .fb-like { float:left; margin-top: 100px; width:120px} .pdf-dwonload {background:#f8f8f7; float:left; width:100%; margin-top:20px; padding-bottom:15px} .pdf-dwonload h3 { font-size:18px; line-height:18px; padding:15px 0} .pdf-dwonload h3, .pdf-cnt { float:left; width:80%; margin-left:10%} .pdf-cnt a {color: #48423A;float: none; margin: 0;} .pdf-cnt p { line-height:32px} .pdf-cnt a:hover { color:#BA007B} #footer ul { float:left; width:100%;} #footer li { float:left; line-height:20px; display:inline; padding:0 15px 0 9px;background:url(../img/footer-li.png) no-repeat right center; } #footer li, #footer li a { color:#48423a; font-size:12px; cursor:pointer} #FB-footer, #footer li a { text-transform:uppercase;} #FB-footer img { float:left; padding-right:7px} #FB-footer { padding-left:0!important} #HS { background:none!important; margin-top: 100px;} .promoTitle {color:#FFF; font-size:20px!important; text-align:center; line-height:26px; margin-top:15px} .discount strong {color:#AD0F0C; font-weight:normal; margin-top:15px; font-size:18px} #mlUsingCookies { z-index:50; display: none; padding:5px 0; float:left; width:100%; color:#47413A; text-align:center;background:#fff; background:rgba(255,255,255,0.9); position:fixed; left:0; right:0; bottom:0; border:1px dotted #925A2F} #mlUsingCookies a { color:#925A2F} #mlUsingCookies p#mlCookClose {text-align:right;padding:0;margin:0;} .galBottom { margin-bottom:15px} .body_ru .HSBooking .HSBooking-Tab { font-family: tahoma!important; font-size: 13px!important;} #HSBooking-TopLogin { display:none} .body_pl #HSBooking-TopLogin { display:block} .HSBooking-OptionsTab { border:0 none!important} .centFooterUE { background:#FFF} .centFooterUE a { float:left; width:100%;background:url(../img/UE.jpg) no-repeat center 20px; padding:100px 0 20px; text-align:center; color:#4d4c4b; font-size:12px } @media screen and (min-width: 1400px) { .logos {left:50%; right:auto;margin-left: 636px;} } #featured_videos {padding-bottom:10px} #featured_videos .slider, #featured_videos {overflow: hidden; float:left; width:100% ;height: 410px;} #featured_videos .container { position: relative; width: 1000px; margin: 0 auto; } #featured_videos .slider td { padding:0!important;} #featured_videos .container .left, #featured_videos .container .right { position: absolute; display: block; top: 20px; z-index: 50; } #featured_videos .container img {cursor:pointer} #featured_videos .container .left { left: 290px; top: 355px;} #featured_videos .container .right { right: 275px; top: 355px;} #featured_videos .container .right_a:hover, #featured_videos .container .left_a:hover {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;} .centFooter2{background:#FFF; height:150px} #triple li { width:33.333%; float: left; margin-top: 10px;} .footerNav { width: 640px; margin-bottom:20px; overflow:hidden; float: left; margin-top: 20px;} .srodek{background:url(/img/srodek2.png) no-repeat top center; height: 129px;float:left;width:100%;} .lewo{} .prawo{ height: 74px; width: 338px; background: url(/img/promocja.png) no-repeat right bottom; float: right; margin-top: 12px; margin-right: 11px; } .srodeksrodek{ position: absolute; left: 50%; width: 276px; margin-left: -133px; height: 104px; float: left; background: url(/img/srodek.png) no-repeat center top; } #date_to_a{ margin-left: 10px; } .blabla{width:25%;float:left;height: auto;} .czteryelementy{position:relative;top: 0px;left: 0px;float: left;width: 100%;} .opisOut { width:25%; float:left; position:relative; cursor:pointer} .opis { display:none;top:50%; margin-top:-50px; bottom:auto; background: url(/img/line.png) no-repeat center 45px; background-position:center 45px; position:absolute; bottom:15px; left:0; width:100%; float:left; font:normal 18px/22px 'Open Sans', sans-serif; color:#FFF; text-transform:uppercase; text-align:center;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity:0.0;opacity:0.0;} .opis strong { font-size:36px; display:block} .opis span { display:block} .opisOut:hover {background:rgba(0,0,0,0.5); } .opisOut:hover .opis span { display:block} .opisOut:hover .opis { display:block; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity:1;opacity:1;} .ease02, .opisOut, .opis {-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;} .logo1{background:url(/img/forbes.png);width: 144px;height: 73px;float: left;margin-top: 5px;} .logo2{background:url(/img/zlotystandard.png);width: 119px; height: 70px;float: left;margin-left: 105px;margin-top: 8px;} .logo3{background:url(/img/vichy.png);width: 188px; height: 59px; float: left;margin-left: 105px;margin-top: 14px;} .logo4{background:url(/img/goldspa.png);width: 60px; height: 78px; float: left;margin-left: 105px;} .logo5{background:url(/img/hpr.png);width: 70px; height: 80px; float: right;} .logo1:hover{background:url(/img/forbes.png) no-repeat center bottom} .logo2:hover{background:url(/img/zlotystandard.png) no-repeat center bottom} .logo5:hover{background:url(/img/hpr.png) no-repeat center bottom} .f1{float:left;width:40%} .f2{float:left;width:32%} .f3{float:left;width:14%} .f4{float:left;width:14%} .ftitle{font-size:18px;color:#FFF} .ftresc{font-size:14px;color:#FFF} .fgora{margin-top:40px;margin-bottoM: 40px;height: auto;float: left;width: 1000px;} .footerNav a{font-size:12px; color:#3d1f0a;text-transform: uppercase;} .middle{background:#ECE9E7} .mtitle{font-size:18px;color:#3d1f0a;text-align:center;text-transform: uppercase;margin-top: 40px;float: left;width: 100%;padding-bottom: 35px;background: url(/img/kreskapoznajhotel.png) no-repeat center bottom;} .mtekst{font-size:14px;color:#3d1f0a;text-align:center;float: left; width: 100%;margin-top: 35px;margin-bottom: 35px;} .srodek1{ font-size: 18px; color: #FFF; position: relative; top: 27px; text-transform: uppercase; width: 100%; text-align: center; text-align: center; } .prawo1{ font-size: 18px; color: #FFF; margin-left: 55px; position: relative; top: 16px; } .prawo2{ font-size: 34px; color: #FFF; margin-left: 50px; position: relative; top: 22px; } .zobaczall{ background: url(/img/zobaczwszystkie.png) no-repeat; height: 54px; width: 262px; float: left; left: 50%; position: relative; margin-left: -123px; top: -66px; } .zobaczall span{ position: relative; margin-left: 48px; top: 13px; font-size: 18px; color: #FFF; } .loga{ float: left; width: 100%; height: 120px; margin-top: 20px; } #prevslide{} #nextslide{} .sP .srodek { background: url(/img/submenu.png) no-repeat top center; height: 194px; float: left; width: 100%; } .procent{ position: absolute; background: url(/img/procent.png) no-repeat; width: 49px; height: 49px; left: 255px; top: -4px; } #newsletter a span{ font-size: 14px; color: #FFF; text-transform: uppercase; margin-left: 20px; position: relative; top: -29px; } .l1{ margin-top: 10px; } .l2{ margin-top: 10px; margin-left: 15px; } .l3{ margin-top: 10px; } .l4{ margin-top: 10px; margin-left: 15px; } .secNav li a:hover, .secNav ul li.active a{ background:#FFF; color:#151F32 } .secNav ul li.active a h1 { color:#151F32} .secNav li.active a{} .secNav li.active a{} .sP .srodeksrodek { position: absolute; left: 50%; width: 276px; margin-left: -133px; height: 104px; float: left; background: url(/img/spsrodek.png) no-repeat center top; } .sP .zobaczall { background: url(/img/zobaczwszystkie.png) no-repeat; height: 54px; width: 262px; float: left; left: 50%; position: relative; margin-left: -123px; top: 30px; } .mP #middle { float: left; width: 100%; color: #FFF; margin-bottom:0px; } .srodek .centerDivIn {width:1000px} .srodek .centerDivIn .secNav {width:1000px;float:left;margin-top:0px;} @media screen and (min-width: 1715px) { .srodek .centerDivIn .secNav {width:1000px;float:left;margin-top:103px;} } .centHeader2{position:fixed;left:0px;background:url(/img/headerbg.png);height:65px;z-index:250;top:-65px;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;} .centHeader2 a img{margin-top:10px;margin-left:20px;height:40px;} .centHeader2 #mainMenuHld { float: right; width: 85%; margin-top:-7px; } .btnRez:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;background: url(/img/cirbtn.png) no-repeat;} .prawo:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;} .zobaczall:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;} .ftresc a:hover img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;} .offer:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;} .footerNav li a:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;} .mapaform .trasaBtn { background: url(/img/mapabtn.png) no-repeat center top!important; padding: 0!important; color: #FFFFFF !important; float: right; font-size: 13px; text-transform:uppercase; height: 27px; text-align: center; margin: 0!important; width: 138px; margin-top: 16px!important; margin-left: 10px!important; margin-right: 10px!important; } .trasaBtn:hover{background: url(/img/mapabtn.png) no-repeat center bottom;} .section-left .leftside{width:44%;margin-left:3%;margin-right:3%;float:left;} .section-left .rightside{width:44%;margin-left:3%;margin-right:3%;float:right;} .section-right .leftside{width:44%;margin-left:3%;margin-right:3%;float:right;} .section-right .rightside{width:44%;margin-left:3%;margin-right:3%;float:left;} .sectiontitle{width:100%;float:left;text-align:center;font-size:26px;color:#3d1f0a;margin-top: 15px;background: url(/img/sekcjakreska.png) no-repeat bottom center;padding-bottom: 35px;} .sectioncontent{width:100%;float:left;text-align:center;font-size:14px;color:#3d1f0a;margin-top: 20px;} .leftside a{width:100%;float:left;text-align:center;font-size:14px;color:#3d1f0a;font-weight:bold;margin-top: 20px;} .rightside img{ -webkit-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.5); box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.5); width: 100%; } .section-left{width:100%;float:left;margin:35px 0} .section-right{width:100%;float:left;margin:35px 0} .desc li{margin-left:20px!important;border:none!important} .desc ul li:hover, .desc ul li.active{background:none!important} .openoffer #secText ul li:hover, .openoffer #secText ul li.active{ background: #8D8681; } .imageLi img{margin-top: 6px; margin-bottom: 0px;margin-left: 5%;} h1 strong{ text-transform: none; font-weight: normal; font-size: 25px; color: #8B7260;} .openoffer #secText ul li:hover, .openoffer #secText ul li.active{ border-top: 1px solid #3d1f0a; } .openoffer #secText ul li:hover a span, .openoffer #secText ul li.active a span{color: #3d1f0a;} .openoffer #secText ul li:hover a{opacity:1!important; -moz-opacity:1!important;filter: alpha(opacity=100)!important;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"!important;} .openoffer #secText { float: right; width: 96%; margin-right: 2%; } .imageLi img{width:96%; margin-right:2%;margin-left:2%;} .openoffer #secText h1{width: 100%;float:right;text-align: center;font-size: 30px; text-transform: uppercase; padding: 8px 0 30px; color: #FFF;border-bottom: 1px solid #FFF;} .openoffer #secText ul{width: 24%;float: left;padding-right: 0px;margin-top: -1px;padding: 0px;background: #AAA29D;list-style-type: none;} .openoffer #secText ul li{ margin-left: 0px; border-top: 1px solid #3d1f0a; float: left; width: 100%; } .openoffer #secText ul li a{ width: 90%; float: left; margin-left: 5%; padding-top: 5px; padding-bottom: 5px; } .openoffer #secText ul li span a { margin-left: 0; } .openoffer #secText ul li a span{ color: #3d1f0a; font-size: 13px; } .openoffer .separateOffer{width: 75%;float: right;} .desc ul{float:left!important;} /*.openoffer .hs-iframe-container{width: 75%; float: right;}*/ .desc ul{background:none!important;list-style-type: square!important;} #menu_2081{margin-left: 20px;} @media screen and (max-width: 1000px) { #menu_2086{margin-right: 200px!important;} #menu_2081 {margin-left: 0px!important;} .centerDivIn{width: 90%!important; margin-left:5%} .fgora{width:100%} #mainMenuHld ul li a span {font-size:12px} #mainMenuHld ul li a { padding:0 13%} .mainMenuHld ul li a span {font-size:12px} .mainMenuHld ul li a { padding:0 13%} .czteryelementy{display:none!important} .secNav{width:100%!important} .sP .offersMain{display:none} .col3 { display:none} .col1, .col2 { width:45%!important} .col2 { float:right!important} .col1 p { width:100%!important} .fol2 { display:none!important} } @media screen and (max-width: 900px) { #prevslide,#nextslide{display:none!important} .prawo{display:none} .srodeksrodek{height: 84px; width: 217px; background: url(/img/srodek.png) no-repeat left top; left: auto; right: 0px; margin-left: 0px; margin-top: 9px;} .sP .srodeksrodek{height: 84px; width: 217px; background: url(/img/spsrodek.png) no-repeat left top; left: auto; right: 0px; margin-left: 0px; margin-top: 9px;} .srodek1 { font-size: 18px; color: #FFF; position: relative; top: 27px; text-transform: uppercase; width: 90%; margin-left: 10%; text-align: center; text-align: center; } .loga{display:none!important} .footerNav{display:none!important} .left{display:none!important} .right{display:none!important} .centFooter2{display:none} } .tinynav { display: none } @media screen and (max-width: 850px) { .f2{display:none} .f1{width:60%} .f3{width:20%} .f4{width:20%} #mainMenuHld ul li a span {font-size:11px} .mainMenuHld ul li a span {font-size:11px} .tinynav { display: block ; margin-top: 20px; margin-left: 5%; width: 33%; background: url(/img/headerbg.png); color: #FFF; border: 1px solid #FFF!important;} #mainMenuHld ul{display:none} .mainMenuHld ul{display:none} .tinynav option{background: url(/img/headerbg.png); color: #677183;} .fol1 { width:180px!important} } .ftresc a{color:#FFF} .ftresc a:hover{color:#816C5D;} #secText p a{ color: #B9BDC7; } .recepcja #secTextIn{width:50%;float:left} .recepcja .directHld {width:50%;float:right} .recepcja #outputDiv{width:50%;float:right} .recepcja #map-canvas{width:50%;float:right} .col1{float:left;width: 322px;} .mP .col1 p { padding-bottom:15px} .col2{float:left;width: 355px;background: url(/img/midcolbg.png) top center;} .col12{float:left;width:677px} .col3{float:left;width: 323px;} .centMiddle{ background:#151F32 } #coltitle{ text-align: left; margin-top: 20px; font-size: 22px; } .coltitle{ text-align: left; margin-top: 20px; font-size: 22px; float: left; } .col2 .coltitle, .col3 .coltitle{ background: url(/img/more.png) no-repeat center right; } .col2 #coltitle, .col3 #coltitle{ background: url(/img/more.png) no-repeat center right; float: left; } .col1 .coltitle{ margin-left: 0px; margin-bottom: 37px; } .col2 .coltitle{ margin-left: 33px; width: 287px; margin-bottom: 33px; } .col3 .coltitle{ margin-left: 29px; width: 290px; margin-bottom: 33px; } .col1 #coltitle{ margin-left: 5px; margin-bottom: 37px; } .col2 #coltitle{ margin-left: 33px; width: 287px; margin-bottom: 33px; float: left; } .col3 #coltitle{ margin-left: 29px; width: 290px; margin-bottom: 33px; } .roomHld{ float: left; width: 288px; height: 205px; position: relative; } #menu_2086{margin-right: 200px; border:0 none} .body_de #menu_2086{margin-right: 170px; border:0 none} .phone{ position: absolute; color: #B5B9C4; font-size: 15px; left: 150px; top: 0px; background: url(/img/leftshadow.png) no-repeat left top; z-index: 202; width: 340px; height: 96px; float: left; } .col1 .readmore{ font-size: 13px; text-transform:uppercase; background: url(/img/readmore.png) no-repeat center top; width: 138px; height: 27px; float: left; text-align: center; line-height: 23px; left: 50%; position: relative; margin-left: -80px; margin-top: 30px; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; } .col2 .seemore{ background: url(/img/seeall.png) no-repeat center top; width: 201px; height: 27px; float: left; text-align: center; font-size: 11px; text-transform:uppercase; line-height: 25px; position: relative; left: 50%; margin-left: -101px; margin: 30px 0px 40px -101px; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; } .col3 .seemore{ background: url(/img/seeall.png) no-repeat center top; width: 201px; height: 27px; float: left; text-align: center; font-size: 12px; text-transform:uppercase; line-height: 25px; position: relative; left: 50%; margin-left: -101px; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; margin: 30px 0px 40px -88px; } p{ font-size: 15px; width: 90%; } .fol1{width: 245px;float:left;} .fol2{width: 320px;float:left;} .fol3{width: 420px;float: right;margin-right: 2px;} .flogo{ margin-left: 35px; /* margin-top: 26px;*/ height: 85px; } .flogo1{ background: url(/img/logof1.png) no-repeat center top; width: 162px; height: 26px; float: left; margin-top: 50px; margin-left:/*-226px*/ 0; } .flogo2{ background: url(/img/logof2.png) no-repeat center top; width: 154px; height: 28px; float: left; margin-top: 50px; margin-left:15px } .flogo3{ background: url(/img/logof3.png) no-repeat center top; width: 154px; height: 26px; float: left; margin-top: 34px; margin-left:15px } .fmapa{} .ftekst{ color: #FFF; font-size: 14px; line-height: 21px; /* margin-top: 15px;*/ } .fol3 .flink{ margin-top: 50px; float: left; font-size: 14px; margin-right: 13px; } .flinklast{margin-top: 50px!important; margin-right: 0px!important;float: right!important;} .sP .col3 {_background: url(/img/midcolbg.png) top center;} a:hover{background-position: center bottom!important;} .galleft{ float: left; } .galright{ float: right!important; } .ad-thumb-list .galcenter{ margin-left: 14px!important; } .tekstgal{ position: absolute; left: 20px; width: auto; right: 20px; float: left; bottom: 10px; font-size: 22px; } .galmaska{width:100%;height: 207px;float:left;position: absolute;background: url(/img/offermaska.png) left bottom;} .openoffer #secText .desc li{margin-left:20px!important;border:none!important;float: none;} .openoffer #secText .desc ul li:hover, .openoffer #secText .desc ul li.active{background:none!important} .openoffer #secText ul li:hover, .openoffer #secText ul li.active{ background: #6e737e; } .openoffer #secText .imageLi img{margin-top: 6px; margin-bottom: 0px;margin-left: 5%;} .openoffer #secText h1 strong{ text-transform: none; font-weight: normal; font-size: 25px; color: #FFF; padding-left:15px} .openoffer #secText ul li:hover, .openoffer #secText ul li.active{ border-top: 1px solid #FFF; } .openoffer #secText ul li:hover a span, .openoffer #secText ul li.active a span{color: #FFF;} .openoffer #secText ul li:hover a{opacity:1!important; -moz-opacity:1!important;filter: alpha(opacity=100)!important;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"!important;} .openoffer #secText #secText { float: right; width: 96%; margin-right: 2%; } .openoffer #secText .imageLi img{width:96%; margin-right:2%;margin-left:2%;} .openoffer #secText h1{width: 100%;float:right;text-align: center;font-size: 30px; text-transform: uppercase; padding: 25px 0 30px; color: #FFF; font-weight:normal} .openoffer #secText ul{width: 24%;float: left;padding-right: 0px;padding: 0px;background: #A5ADBD;list-style-type: none;} .openoffer #secText ul li{ margin-left: 0px; border-top: 1px solid #FFF; float: left; width: 100%; } .openoffer #pakiety ul li a{ width: 90%; float: left; margin-left: 5%; padding-top: 5px; padding-bottom: 5px; } .openoffer #secText ul li a span{ color: #FFF; font-size: 13px; } .openoffer #secText .separateOffer{width: 100%;float: right;} .openoffer#secText .desc ul{width: 100%!important;float:left!important;} .openoffer #secText .hs-iframe-container{width: 100%; float: right;} .openoffer#secText .desc ul{background:none!important;list-style-type: square!important;} .formularz_kontaktowy table{border: none!important;} .formularz_kontaktowy td{border: none!important;} label{float:left;margin: 0px 5px;} .mapka{ position: relative; } .mapkainput{ background: url(/img/mapafooterbg.png); width: 420px; height: 55px; position: absolute; left: 0px; top: 0px; } .divmapa{} .h4mapka{ width: 120px; color: #FFF; float: left; margin-top: 16px; font-size: 11px; margin-left: 15px; text-transform: uppercase; } .mapaform{} .mapaform input{} .inputmapaform{ background: url(/img/mapafinput1.png) no-repeat; width: 127px; height: 25px; float: left; color: #FFF; padding: 0px; margin-top: 16px; font-size: 14px; } .phone span{float:left;margin-top: 13px;margin-left: 0;} .mgift{ position: absolute; /* background: url(/img/lel.png);*/ width: 185px; height: 60px; float: left; right: 0px; bottom:-60px; font-size: } .mfb{ position: absolute; background: url(/img/rel.png); width: 63px; height: 83px; float: left; right: 0px; bottom:0 } .col2 #coltitle, #col3 .coltitle { background: url(/img/more.png) no-repeat center right!important; } .col2 .coltitle:hover, .col3 .coltitle:hover { background: url(/img/more.png) no-repeat center right!important; } .col2 #coltitle:hover, .col3 #coltitle:hover { background: url(/img/more.png) no-repeat center right!important; } .mgift:hover{opacity:0.6} .mfb:hover{opacity:0.6} #mainMenuHld ul li ul li.active a { background: #566E8B!important; } .mainMenuHld ul li ul li.active a { background: #566E8B!important; } #UE { text-align:center; float:left; margin: 0 auto; width:100%; font-size:13px; line-height:18px; text-align:center; color:#444 ; background: /*url(/img/UE.jpg) no-repeat center 20px*/ #384151; padding-top:20px; padding-bottom:20px} #UE span.lUE { float:left; width: 400px; color:#FFF} #UE span.tUE { float:left; margin-left:20px; width: calc(100% - 420px); color:#CCC; text-align: justify;} .desc ul{float:none!important;width: auto!important;} @media screen and (min-width: 1240px) { .centHeader .centerDivIn { width:1240px} #mainMenuHld ul li a { padding: 0 26px;} .body_de #mainMenuHld ul li a, .body_ru #mainMenuHld ul li a { padding: 0 25px;} .mainMenuHld ul li a { padding: 0 12px;} } .mainMenuHld3 { position:fixed; top:0; right:0; left:0; top:-100px; background-color: #151F32; background:rgba(21, 31, 50, 0.9); height:60px; box-shadow:3px 3px 5px rgba(0,0,0,0.5); z-index:500} .mainMenuHld2 ul {} .mainMenuHld2 ul li { display:inline; float:left;} .mainMenuHld2 ul li a span { font-size:14px; line-height: 17px;} .mainMenuHld2 ul li a:hover span, .mainMenuHld2 ul li.active a span { border-bottom:3px solid #FFF; } .mainMenuHld2 ul li ul { display:none} .mainMenuHld2 ul li#menu_2086 { margin-right: 120px!important;} @media screen and (max-width: 880px) { .mainMenuHld2 ul li { padding:0 9px } } /* @font-face { font-family: 'broadbaynormal'; src: url('/fonts/broadbay-webfont.eot'); src: url('/fonts/broadbay-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/broadbay-webfont.woff') format('woff'), url('/fonts/broadbay-webfont.ttf') format('truetype'), url('/fonts/broadbay-webfont.svg#broadbaynormal') format('svg'); font-weight: normal; font-style: normal; } */ .banerLeft { position: fixed; left: 0; top: calc(50% - 170px)!important; z-index: 200; background: none repeat scroll 0 0 rgba(21, 31, 50, 0.7); color: #FFF !important; padding: 0; height: 340px; } .banerLeft p { width:auto;color:#FFF!important} .banerLeft h2 { font-size:24px; line-height:30px; padding:5px 0; font-family: 'broadbaynormal';color:#FFF!important} .banerLeft h3 { font-size:27px; line-height:30px; padding:5px 0;color:#FFF!important} #outputDiv {color:#162034} @media screen and (min-width: 850px) and (max-width: 900px) { #mainMenuHld ul li a { padding: 0 10px; } .mainMenuHld ul li a { padding: 0 10px; } #menu_2086 { margin-right: 155px!important; } #menu_2081 {margin-left: 0px!important;} } @media screen and (min-width: 900px) and (max-width: 950px) { #mainMenuHld ul li a { padding: 0 13px; } .mainMenuHld ul li a { padding: 0 13px; } #menu_2086 { margin-right: 155px!important; } #menu_2081 {margin-left: 0px!important;} } @media screen and (min-width: 950px) and (max-width: 1000px) { #mainMenuHld ul li a { padding: 0 16px; } .mainMenuHld ul li a { padding: 0 16px; } .centerDivIn { width: 95%!important; margin-left: 5%; } #menu_2086 { margin-right: 155px!important; } #menu_2081 {margin-left: 0px!important;} } .mainMenuHld3 .header-L{width:86px;height:50px;margin-left: -43px;top: 0px;} .body_de .mainMenuHld3 .header-L{width:86px;height:50px;margin-left: -10px;top: 0px;} .mainMenuHld3 .header-L .logoHld{width:100%;height:100%;} .mainMenuHld3 .header-L .logoHld a{width:100%;height:100%;} .mainMenuHld3 .header-L .logoHld a img{width:100%;height:100%;} hr{float:none;width:100%;display: block;} #secText ul{float:none} .sP .centMiddle .centerDivIn { width:100%; } .sP .col12, .sP .col3 { width:100%} .sP .col3 { background:#384151} .sP .offer { width:23%; margin-left: 1%; margin-right:1%} .sP .col3 #coltitle { margin-left:2%; width:96%; font-size:30px; line-height:32px; } .section { float:left; width:100%; padding:20px 0; border-top:1px solid rgba(255,255,255,0.1); border-bottom:1px solid rgba(255,255,255,0.1) } .section * { color:#FFF} #secText .section h3 { color:#BCB392 ; width:100%; text-align:left; font-size:36px; line-height:40px; font-weight:normal; position:relative; padding:15px 0; margin-bottom:10px; border-bottom:1px solid #BCB392} #secText .section h4 { background:#E2D5A8; color:#151F32; text-align:center; padding:15px 0; margin-bottom:20px; text-transform:none} #secText .boxDesc { float: left; padding:0 0 40px; width: 100%; z-index: 50; text-align:left;font-size:18px; line-height:30px;} #secText .boxDesc p { padding-top:10px; font-size:18px; line-height:30px;} .boxDesc p a:hover { text-decoration:underline} .boxDesc h4 { font-size:24px;line-height:26px; padding:20px 0 } .section-left-image .boxTxtHld { float:right; width:40%; min-height:450px; margin:0 5%; position:relative} .section-left-image .boxDesc { padding:0 0 80px; position:relative; z-index:50} .descInHLD { float:left; width:100%; position:relative} .section-left-image-image {background-position:center center; background-size:cover; float:left; width:50%; position:absolute; bottom:0; top:0; left:0; } .section-left-right .boxTxtHld { float:left} .section-left-right .section-left-image-image { left:50%;} .section-full-text .boxTxtHld { margin:0; width:100%; min-height:0} .gallery-section a { width:25%; float:left; position:relative} .gallery-section a:hover { opacity:0.6} .gallery-section a::before { content:""; position:absolute; left:0; right:0; top:0; bottom:0; border:1px solid #49505E} .gallery-section a img { width:100%} .section-fullgallery { position:relative} .section-fullgallery img{ float:left; width:100% } .section-fullgallery .lSSlideOuter, .section-fullgallery .lSSlideWrapper { padding:0; margin:0} .section-fullgallery .lSSlideOuter .lSPager.lSpg > li a { background-color:#FFF ;} .section-fullgallery .lSSlideOuter .lSPager.lSpg > li:hover a, .section-fullgallery .lSSlideOuter .lSPager.lSpg > li.active a { background:#c7b782} .section-fullgallery .lSAction > a { background:url(/img/leftarrow.png) no-repeat center center; width:53px; height:116px; opacity:1; left:20px; margin-top:-60px } .section-fullgallery .lSAction > .lSNext {background-image:url(/img/rightarrow.png); right:20px; left:auto} .section-fullgallery li, .section-fullgallery ul { margin:0!important; padding:0!important} .lokalizacja #secTextIn { float:left; width:27%; margin: 30px 0;} .mapHolder { width:70%; float:right; margin:30px 0} .offers-menu-hld { background:rgba(255,255,255,0.3); float:left; width:100%} .offers-menu-hld .secNav ul li a { background: #c7b782; color:#151F32} .offers-menu-hld .secNav li a:hover, .offers-menu-hld .secNav ul li.active a { background:#FFF; } .offers-menu-hld .secNav li a:hover span, .offers-menu-hld .secNav ul li.active a span{color: #151F32;} .openoffer #secContent > .secNav { display:none} body.pakiety_pobytowe.openoffer .centHeader { height:70vh!important} @media screen and (max-width: 900px) { #secText .section h3 { font-size:20px; line-height:22px; margin:0; padding-top:50px} #secText .boxDesc, #secText .boxDesc p { padding-top:5px; font-size:13px; line-height:18px;} } #atrakcje12, #atrakcje13, #atrakcje14 { cursor: pointer; position:fixed; right:0; width:75px; height:110px; z-index:350; color: #fff; font-family: 'Noticia Text', Montserrat, "Helvetica Neue", sans-serif; font-weight: 700; letter-spacing: 0.046875em; line-height: 1; text-transform: uppercase; border: 0; background-color: rgba(72, 78, 91,.8); /* -webkit-border-bottom-right-radius: 30px; -moz-border-radius-bottomright: 30px; border-bottom-right-radius: 30px; */ vertical-align:middle; } .body_de #atrakcje12, .body_de #atrakcje13, .body_de #atrakcje14 { width: 100px; } .body_en #atrakcje12, .body_en #atrakcje13, .body_en #atrakcje14 { width: 90px; } #atrakcje12 {top: calc(50% - 170px)!important; display: none;} #atrakcje13 {top: calc(50% - 55px)!important;} #atrakcje14 {top: calc(50% + 60px); background: rgba(215, 201, 160, .8); color: #13253A;} .hideatrakcje {display: none;} #atrakcje12:hover, #atrakcje13:hover, #atrakcje14:hover { background-color:#484E5B; color: #fff; } #b12 { width:100%; margin-left:0; margin-top:0; } #b12t { display: block; width: 100%; margin-top: 10px; margin-left: 0; text-align: center; font-size: 10px; font-weight: normal; line-height: 12px; } .ceny_i_rezerwacja #atrakcje12, .ceny_i_rezerwacja #atrakcje13, .ceny_i_rezerwacja #atrakcje14, .atrakcje_na_mapie #atrakcje12, .atrakcje_na_mapie #atrakcje13, .atrakcje_na_mapie #atrakcje13 {display: none;} .hsmap-widget.hsmap-region [data-hsmap-tags] .fa {color: #1C2434;} .sections-group .mapHolder {display: none;} .banerLeft, #atrakcje12, #atrakcje13, #atrakcje14, .mainMenuHld3 { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } /* .ceny_i_rezerwacja .centMiddle {background: #FFF;} .ceny_i_rezerwacja .centFooter {background: #A5ADBD;} .ceny_i_rezerwacja .centHeader {background: url(../img/headerbg_w.png) no-repeat center top;} .ceny_i_rezerwacja .mainMenuHld ul li a span, .ceny_i_rezerwacja #mainMenuHld ul li a span {color: #13253A;} .ceny_i_rezerwacja .mainMenuHld3 {background: rgba(255, 255, 255, 0.9);} .ceny_i_rezerwacja #langsHld a:hover, .ceny_i_rezerwacja .langTag_pl #lang_pl, .ceny_i_rezerwacja .langTag_de #lang_de, .ceny_i_rezerwacja .langTag_en #lang_en, .ceny_i_rezerwacja .langTag_ru #lang_ru {color: #13253A; background: url(/img/kreska_dark.png) repeat-x center bottom;} .ceny_i_rezerwacja #langsHld {background: url(/img/rightshadow_w.png) no-repeat right top;} .ceny_i_rezerwacja #langsHld a {color: #13253A;} .ceny_i_rezerwacja .phone {color: #13253A; background: url(/img/leftshadow_w.png) no-repeat left top;} .ceny_i_rezerwacja .secNav ul li.last a {border: solid 1px #384151;} .ceny_i_rezerwacja .secNav ul li a {background: #fff; color:#384151; border: solid 1px #384151;} .ceny_i_rezerwacja .secNav li a:hover, .ceny_i_rezerwacja .secNav ul li.active a {background: #384151; color:#fff} .ceny_i_rezerwacja .secNav ul li.active a h1 {color:#fff;} .ceny_i_rezerwacja .secNav ul li.last a {border: solid 1px ##384151;} */ .zrobprezent span { margin: 13px 20px 33px 0; width: 165px; text-align: right; font-size: 22px; float: left; } .zrobprezent span span { margin: 3px 0; width: auto; } .zrobprezent span i { font-size: 30px; margin-left: 5px; } @media screen and (max-width: 1300px) { .zrobprezent span span {display: none;} } .hotel_polanica p { padding-top: 10px; font-size: 18px; line-height: 30px; } .hotel_polanica #secTextIn { float: left; font-size: 15px; width: 100%; } .hotel_polanica h3 { color:#BCB392 ; margin: 40px 3%; width: 94%; text-align:center; font-size:36px; line-height:40px; font-weight:normal; position:relative; padding:15px 0; margin-bottom:10px; border-bottom:1px solid #BCB392} .hotel_polanica #secText ul {text-align: center;} .hotel_polanica #secText ul li {margin-left: 0;}