@font-face{font-family: mylobster; src:url(lobster.otf);}
@font-face{font-family: myimpact; src:url(myimpact.otf);}

/*
ORANGE = #f80

*/

body{background:url(../img/bg_pillow.jpg); font-family: "trebuchet ms", arial, sans-serif; width:100%;}


.wrapper1k{width:1000px; margin:0 auto;}
.wrapper1-2k{width:1200px; margin:0 auto;}
.floatLeft {float:left;}
.dustGlow {background-image: url("../img/white_glow.png"), url("../img/bg_dust.jpg"); background-repeat:no-repeat, repeat; background-position:-500px 50%, 0 0; min-width:1200px;}
.underShadow {background:url("../img/under_shadow.png") no-repeat center; height:60px; min-width:1200px; margin:0 auto; }
.separator {-ms-transform: rotate(20deg); /* IE 9 */
 			-webkit-transform: rotate(20deg); /* Chrome, Safari, Opera */
			transform: rotate(20deg);
			background:#fff;
			width:2px; height:150px;}


#topWrapper{height:170px;}
#topWrapper #topContact{text-align:right; color:#7e7e7e; padding-top:10px;}
#topWrapper #logoMenuWrapper{height:95px; overflow:hidden; margin-top:25px;}
#topWrapper #logoMenuWrapper #topLogo {height:95px; width:270px; float:left;}
#topWrapper #logoMenuWrapper #topMenu {float:right; margin-top:65px;}
#topWrapper #logoMenuWrapper #topMenu ul li{display:inline-block; }
#topWrapper #logoMenuWrapper #topMenu ul li a {color:#fff; padding:10px;}
#topWrapper #logoMenuWrapper #topMenu ul li a.underline:hover {border-bottom:1px solid #f80;}
#topWrapper #logoMenuWrapper #topMenu ul li a.active {color:#f80;}
#topWrapper #logoMenuWrapper #topMenu ul li a.poloczekpl {color:#999;}

#sliderWrapper {height:400px; background:#f80; overflow:hidden; min-width:1200px;}
#sliderWrapper #sliderContainer {display:block; width:1200px; height:400px; overflow:hidden; margin:0 auto;}
#sliderWrapper #sliderContainer .sliderSlide {overflow:hidden; position:absolute; width:1200px; height:400px;}
#sliderWrapper #sliderContainer .sliderSlide .sliderImg {width:750px; height:400px; overflow:hidden; position:absolute;}
#sliderWrapper #sliderContainer .sliderSlide .sliderText {width:450px; height:400px; overflow:hidden; text-align:center; position:absolute;}
#sliderWrapper #sliderContainer .sliderSlide .sliderText div {position:absolute;}
#sliderWrapper #sliderContainer .sliderSlide .sliderText .sliderTextHeader {font-family:mylobster, garamond, serif; font-size:45px; color:#000; text-align:center; width:450px; }
#sliderWrapper #sliderContainer .sliderSlide .sliderText .sliderTextHeader a {color:#000;}
#sliderWrapper #sliderContainer .sliderSlide .sliderText .sliderTextDesc {text-align:center; font-style:italic; font-size:22px; border-bottom:1px solid #000; border-top:1px solid #000; padding:30px 0; width:450px;}
#sliderWrapper #sliderContainer .sliderSlide .sliderText .sliderTextBtn {display:inline-block; margin:20px auto; background:#000; padding:10px; font-family:mylobster, garamond, serif; font-size:30px; color:#f80;text-align:center; border-radius:5px;}
#sliderWrapper #sliderContainer .sliderSlide .sliderText .sliderTextBtn a {color:#f80;}

/*slider positions - LEFT*/
#sliderWrapper #sliderContainer .sliderSlide.leftContent .sliderImg {left:0px;}
#sliderWrapper #sliderContainer .sliderSlide.leftContent .sliderText {right:0px;}
#sliderWrapper #sliderContainer .sliderSlide.leftContent .sliderText .sliderTextHeader {top:50px; right:0%;}
#sliderWrapper #sliderContainer .sliderSlide.leftContent .sliderText .sliderTextDesc {top:160px; right:0%;}
#sliderWrapper #sliderContainer .sliderSlide.leftContent .sliderText .sliderTextBtn { bottom:5%; right:25%;}

/*slider positions - RIGHT*/
#sliderWrapper #sliderContainer .sliderSlide.rightContent .sliderImg {right:0px;}
#sliderWrapper #sliderContainer .sliderSlide.rightContent .sliderText {left:0px;}
#sliderWrapper #sliderContainer .sliderSlide.rightContent .sliderText .sliderTextHeader {top:50px}
#sliderWrapper #sliderContainer .sliderSlide.rightContent .sliderText .sliderTextDesc {top:160px;}
#sliderWrapper #sliderContainer .sliderSlide.rightContent .sliderText .sliderTextBtn {bottom:5%; left:25%;}


#mainPageMenu {padding-bottom:65px; border-bottom:2px solid #000;}
#mainPageMenu #mainPageMenuWrapper {overflow:hidden;}
#mainPageMenu #mainPageMenuWrapper .mainPageMenuBOX {width:300px;}
#mainPageMenu #mainPageMenuWrapper .mainPageMenuBOX .mainPageMenuBOX_img {display:table-cell; text-align:center; vertical-align:middle; width:300px; height:210px;}
#mainPageMenu #mainPageMenuWrapper .mainPageMenuBOX .mainPageMenuBOX_txt {color:#fff; text-align:center;}
#mainPageMenu #mainPageMenuWrapper .mainPageMenuBOX .mainPageMenuBOX_txt h2 {font-weight:normal;}

#contentWrapper {padding:50px 0;}
#contentWrapper .contentBox {margin-bottom:20px;}
#contentWrapper .contentBox .contentBoxHeader {font-family:mylobster, garamond, serif; color:#f80; font-size:35px; padding:0 50px 15px; border-bottom:1px solid #fff; text-align:center;}
#contentWrapper .contentBox .contentBoxText {text-align:center; font-style:italic; color:#fff; font-size:20px; line-height:30px; padding:15px 0 30px;}
#contentWrapper .contentBox .contentBoxText a {color:#fff;}
#contentWrapper .contentBox .contentBoxText ul {list-style-image:url(../img/content_list.png); list-style-position:inside;}
#contentWrapper .contentBox .contentBoxGallery .contentBoxGalleryWrapper {overflow:hidden; margin:20px auto 0; width:940px;}
#contentWrapper .contentBox .contentBoxGallery .contentBoxGalleryWrapper .galleryImg{width:270px; height:110; margin:20px 20px 0;}
#contentWrapper .contentBox .contentBoxImgs {overflow:hidden; padding-top:30px;}
#contentWrapper .contentBox .contentBoxImgs a.contentBoxImgs_img {display:block; width:250px; height:150px; float:left; overflow:hidden;}
#contentWrapper .contentBox .contentBoxImgs a.contentBoxImgs_img img {width:250px; height:150px; -webkit- filter:grayscale(100%); filter:grayscale(100%); -webkit- transition:filter 1s; transition:filter 1s;}
#contentWrapper .contentBox .contentBoxImgs a.contentBoxImgs_img img:hover {-webkit- filter:grayscale(0%); filter:grayscale(0%);}


#footerWrapper{border-top:2px #000 solid; }
#footerWrapper #footerContent {overflow:hidden; padding:15px 0; width:1100px; margin:0 auto;}
#footerWrapper #footerContent .footerBox {margin:10px 20px;}
#footerWrapper #footerContent .footerBox .footerBoxHeader h3{font-family:mylobster, garamond, serif; color:#f80; padding:0 10px 10px 5px; border-bottom:1px solid #f80; font-size:20px;}
#footerWrapper #footerContent .footerBox .footerBoxTxt {padding:5px 0 0 17px;}
#footerWrapper #footerContent .footerBox .footerBoxTxt ul {list-style-image:url(../img/footer_list.png);}
#footerWrapper #footerContent .footerBox .footerBoxTxt ul li a {color:#fff; font-style:italic; font-weight:normal;}
#footerWrapper #footerContent .footerBox .footerBoxTxt ul li a h4 {font-weight:normal;}
#footerWrapper #footerContent .footerContact {color:#fff; padding-top:15px;}
#footerWrapper #footerContent .footerContact .footerContactLogo {text-align:right;}
#footerWrapper #footerContent .footerContact .footerContactInfo {font-style:italic; text-align:right; margin:10px 0;}
#footerWrapper #footerContent .footerContact .footerContactPoloczek {font-family:mylobster, garamond, serif; color:#fff;}
#footerWrapper #footerContent .footerContact .footerContactPoloczek a {display:inline-block; width:160px; height:28px; background:url(../img/footer_poloczek_bg.png) no-repeat; color:#000; text-align:center; font-size:22px;}
#footerWrapper #footerContent .footerContact .footerContactFacebook {text-align:right; margin-bottom:10px;}

/*SUBPAGE*/
.subPageHeaderWrapper {margin-bottom:30px;}
.subPageHeader {display:table; height:150px; width:100%; border-top:2px solid #000; border-bottom:2px solid #000;}
.subPageHeader h1 {display:table-cell; text-align:center; vertical-align:middle; color:#fff; font-family:mylobster, garamond, serif; font-size:50px; width:100%;}

#offerMenu {background-color:rgb(0,0,0,0.5); text-align:center;}
#offerMenu ul li{display:inline-block;}
#offerMenu ul li a {display:block; color:#fff; padding:10px 15px; text-transform:uppercase; font-size:12px;}
#offerMenu ul li a.active2{background:#f80;}
#offerMenu ul li:first-child a {color:#f80;}


.offerBoxWrapper {padding:30px;}
.offerBoxWrapper:nth-child(even) {background-color:rgb(0,0,0,0.2);}
.offerBox {display:table; overflow:hidden; width:790px; margin:30px auto; height:100%;}
.offerBoxLeft {display:table-cell; /*float:left;*/ width:200px; height:100%; vertical-align:middle;}
.offerBoxRight {width:509px; border-left:1px solid #fff; padding-left:40px; margin-left:40px;}
.offerBoxRight .offerBoxHeader {display:table-cell; background:url(../img/offer/header_bar.png) no-repeat; width:463px;  height:49px;  text-align:center; vertical-align:middle; font-family:mylobster, garamond, serif; color:#fff; font-size:30px;}
.offerBoxRight .offerBoxHeader a {font-family:mylobster, garamond, serif; color:#fff; font-size:30px; }
.offerBoxRight .offerBoxHeader h2 {text-shadow: 2px 2px 0 #000;}
.offerBoxRight .offerBoxContent {list-style-position:outside; margin-left:30px; margin-top:20px; color:#fff; font-style:italic; line-height:22px;}
.offerBoxRight .offerBoxButtonsWrapper {overflow:hiddne; height:32px; margin-left:20px; margin-top:20px;}
.offerBoxRight .offerBoxButtonsWrapper .offerBoxButton {height:32px; width: 176px; background:url(../img/offer/button.png) no-repeat; display:table-cell; text-align:center; vertical-align:middle; color:#fff; font-family:mylobster, garamond, serif;}
.offerBoxRight .offerBoxButtonsWrapper .offerBoxButton a {color:white; text-shadow: 1px 1px 0 #000;}
.offerBoxRight .offerBoxContent .offerBoxContentDesc {font-size: 13px; padding: 5px; margin-bottom:10px; border: 1px dashed #666;}
.offerBoxRight .offerBoxContent .offerBoxContentListHeader { font-weight:bold;  color:#f90; padding:0 30px 5px 0; margin:0 150px 5px 0; border-bottom:1px solid #f90;}

.orangeHeader {font-family:mylobster, garamond, serif; color:#f80; font-size:30px; text-align:center; margin-bottom:30px;}
#contactFormWrapper {width:700px; margin:0 auto 40px;}
#contactFormWrapper ul li {list-style-type:none;}
form#contactForm {width:700px;}
form#contactForm label.contactFormLabels {display:block; color:#fff; font-family: "trebuchet ms", arial, sans-serif; font-size:14px; text-align:left; margin-bottom:5px;}
form#contactForm input.contactFormInputs {display:block; padding:10px; width:680px; color:#000; font-family: "trebuchet ms", arial, sans-serif; font-size:14px; text-align:left; margin-bottom:15px;}
form#contactForm textarea#contactForm_wiad {display:block; padding:10px; max-width:680px; min-width:680px; min-height:150px; max-height:500px; color:#000; font-family: "trebuchet ms", arial, sans-serif; font-size:14px; text-align:left; margin-bottom:15px;}

form#contactForm label.contactFormLabelCheck {display:inline-block; color:#fff; font-family: "trebuchet ms", arial, sans-serif; font-size:14px; text-align:left; margin-bottom:5px;}
form#contactForm input.contactFormInputCheck {display:inline-block; padding:10px; width:30px; color:#000; font-family: "trebuchet ms", arial, sans-serif; font-size:14px; text-align:center; margin-bottom:15px; font-weight:bold; color:#f80;}

form#contactForm input#submitButton {background:#f80; width:700px; text-align:center; padding:15px 0; font-family:mylobster, garamond, serif; font-size:20px; color:#fff; border:none; cursor:pointer;}
div.form-success {text-align:center; color:#fff;}
div.form-success .form-success-line2 {color:#0F0; padding-top:15px;}

div.form-error {color:#fff; margin-top:20px;}
div.form-error .form-error-line1 {color:#f00; padding-bottom:15px;}

#qrContactWrapper {border-top:2px solid #000; border-bottom:2px solid #000; padding:30px 0;}
#qrContactWrapper #qrContact {width:600px; margin:0 auto; overflow:hidden;}
#qrContactWrapper #qrContact #qrContactLeft {float:left; width:240px; height:240px;}
#qrContactWrapper #qrContact #qrContactLeft img {width:240px; height:240px;}
#qrContactWrapper #qrContact #qrContactRight {float:left; padding-left:40px; width:320px; overflow:hidden;}
#qrContactWrapper #qrContact #qrContactRight #contactHeader {font-family:mylobster, garamond, serif; color:#f80; font-size:30px; padding-bottom:15px; border-bottom:1px solid #fff; }
#qrContactWrapper #qrContact #qrContactRight #contactInfo {color:#fff; margin:20px 0; font-size:18px;}
#qrContactWrapper #qrContact #qrContactRight #contactFacebook {width:280px; height:35px;}

#poloczekPL {height:105px; padding-top:80px;}
#poloczekPL a {display:block; width:472px; height:25px; margin:0 auto;}