/* main structure start */ body{background: #EAEAEA url("../images/light-bg.jpg") no-repeat left top; font-family: arial, sans-serif; color: #323232;text-shadow: 1px 1px 1px #ffffff; filter: dropshadow(color=#ffffff, offx=1, offy=1); font-size: 13px;} #wrapper { width: 980px; height: auto; padding-top: 20px; margin: 0px auto; position:relative;} .body { width: 980px; height: auto; margin: 0px auto; } .clear { clear: both;} a { text-decoration: none; color: #CE1717;} /* main structure end */ /* panel */ #top-panel{display: none;height: 200px; width: 300px; position: fixed; top: 0px; right: 0px; background: url("../images/dark-bg.png") right center; z-index: 9999; } #btn-slide{} /* panel*/ /* header start */ #logo{ float: left;} #logo a{ display: block; width: 214px; height: 104px; background: url("../images/logo.png") right center;} #logo a:hover {background: url("../images/logo.png") right center;} #main-nav {float: right; margin-top: 50px; position: relative;} /* #main-nav li {margin-right: 10px ; float: left; height: 28px; padding-right: 15px; background: url("../images/nav-right-bg.png") no-repeat right center;} #main-nav li a{display: block; float: right; text-decoration: none; background: url("../images/nav-left-bg.png") no-repeat left center; height: 22px; padding-left:15px; padding-top: 6px; color: #323232; font-weight: bold; font-size: 14px;text-shadow: 1px 1px 1px #ffffff;} #main-nav li:hover, #main-nav li.active{background: url("../images/on-nav-right-bg.png") no-repeat right center;} #main-nav li:hover a,#main-nav li.active a{background: url("../images/on-nav-left-bg.png") no-repeat left center; color: #fff;text-shadow: 1px 1px 1px #000;} */ #main-nav li {margin-left: 7px; float: left; height: 28px; width: auto; display: block;} #main-nav li a{ display: block; text-decoration: none; height: 22px; padding:4px 5px 0px 25px; color: #323232; font-weight: bold; font-size: 15px; text-shadow: 1px 1px 1px #ffffff;} #main-nav li:hover, #main-nav li.active{background: url("../images/dark-bg.png") right center; -webkit-border-radius: 2px;-moz-border-radius: 5px;border-radius: 5px;} #main-nav li:hover a,#main-nav li.active a{ color: #fff;text-shadow: 1px 1px 1px #000;} #main-nav .pl, #main-nav .en {position: absolute;} #main-nav .pl a, #main-nav .en a{padding-left: 10px;font-size: 15px !important; padding-top: 4px !important;} #main-nav .pl img, #main-nav .en img{padding: 0px 5px 0 0px; position: relative; top: 3px;} #main-nav .pl{right: 60px; top: -45px;} #main-nav .en{right: 0px; top: -45px;} #main-nav.en-menu li a{font-size: 12px;padding-top: 6px;} #main-nav .home a{ background: url("../images/icon/home.png") no-repeat 4px 5px;} #main-nav .o-nas a{ background: url("../images/icon/user.png") no-repeat 4px 5px;} #main-nav .apartamenty a{ background: url("../images/icon/map.png") no-repeat 4px 5px;} #main-nav .rezerwacja a{ background: url("../images/icon/calendar.png") no-repeat 4px 5px;} #main-nav .regulamin a{ background: url("../images/icon/doc.png") no-repeat 4px 5px;} #main-nav .kontakt a{ background: url("../images/icon/phone.png") no-repeat 4px 5px;} #main-nav .dla-wlascicieli a{ background: url("../images/icon/key.png") no-repeat 4px 5px;} #intro {float: right; width: 685px; margin-bottom:20px;} #intro h2{ font-weight: bold; font-size: 30px; padding: 20px 0px 5px 0px; } #intro p {line-height: 22px;} /* header end */ /* main content holder start */ .main-content-holder{background: url("../images/dark-bg-light1.png") right center; float: left; width: 980px;} /* main content holder end */ /* sllideshow start*/ #apartaments-slideshow{float: right; width: 970px !important; height: 300px !important; border: 5px solid #f2f2f2; margin-top: 60px; margin-bottom: 50px; } #apartaments-slideshow li{position: relative; width: 970px !important; height: 300px !important; overflow: hidden; float: left;} #apartaments-slideshow li div {position: absolute; top: 50px; left: 30px; padding: 10px;background: url("../images/dark-bg.png") repeat left center; line-height: 22px;} #apartaments-slideshow li div *{color: #fff; text-shadow: 1px 1px 1px #000;} #apartaments-slideshow li div h3{ font-size: 30px; padding-bottom: 10px; font-weight: bold; background: url("../images/dark-bg.png") repeat left center; padding: 5px;} #apartaments-slideshow li div p{width: 570px; background: url("../images/dark-bg.png") repeat left center; padding: 5px;} .carousel-previous,.carousel-next {display: none;} .carousel-pagination a{margin-top: 10px; cursor: pointer; display: block; width: 23px; height: 20px; background: transparent url(../images/next-apart.png) no-repeat scroll -25px 0; float: left; text-indent: -99999px; } .carousel-pagination a.active{ background: transparent url(../images/next-apart.png) no-repeat scroll 0 0;} #apartaments-slideshow ul{height: 300px; overflow: hidden;} .center-wrap{background:transparent url(../images/slide-bg.png) no-repeat scroll 11px -3px;float:left;height:50px;opacity:1;width:550px; padding-left: 430px;} .stripTransmitter {float: left; width: 20px !important; overflow: hidden !important; margin-left: 20px;} .stripTransmitter ul li {margin-bottom: 5px !important;} .stripTransmitter ul li a{background:transparent url(../images/next-apart.png) no-repeat scroll 1px 2px;} .stripTransmitter ul li a.current, .stripTransmitter ul li a:hover{background:transparent url(../images/next-apart.png) no-repeat scroll -26px 2px; color: #323232;} /* sllideshow end*/ /*other information start*/ .other-information{ float: left; width: 650px; padding-bottom: 20px;} .other-information h3 {font-size: 20px; font-weight: bold;} .other-information h3 img{ height: 19px; width: auto; margin-left: 15px; margin-right: 5px;} .other-information ul.apartaments-list {margin: 10px 0;} .other-information .apartaments-list li {margin: 0px 0px; float: left; width: 620px; border:0px solid #fff; padding: 10px 10px 10px 0px; margin-bottom: 10px; background: url("../images/list-bg1.png") right center; border-bottom: 1px solid #F5F4F2;} .other-information .apartaments-list li:hover { background:transparent url("../images/list-bg.png") repeat-x left bottom;} .other-information .apartaments-list li p{ font-size: 13px; float: left; width: 470px;} .other-information .apartaments-list li ul {float: left; width: 420px;} .other-information .apartaments-list li ul li{ float: left; font-size: 13px; width: 155px; padding: 0px; border: 0px;} .other-information .apartaments-list li ul li strong{font-weight: bold;} .other-information .apartaments-list span{ font-size: 13px;} .other-information .apartaments-list li .information {margin-top: 0px;} .other-information .apartaments-list span strong{color: #555555; font-weight: bold;} .other-information .apartaments-list .titile {display: block; float: left; width: 480px; color: #323232; font-size: 16px; margin-bottom: 5px;} .other-information .apartaments-list .titile strong{color: #CE1717; font-weight: bold;} .other-information .apartaments-list a.photo {display: block; width: 120px; height: 135px; overflow: hidden; text-align: center; float: left; margin-right:10px; border:5px solid #F2F2F2;} .other-information .apartaments-list a.photo img{width: 200px; text-align: center;} .other-information .button{ float: right;} .fast-contact{ padding-left: 10px;} .fast-contact h4{font-weight: bold; margin-left: -5px; font-size: 14px;} .show-all-apartaments{width: 980px;} .show-all-apartaments .apartaments-list li{width: 980px;} .show-all-apartaments .apartaments-list li p{width: 800px;} .show-all-apartaments .apartaments-list li a.photo {width: 150px; height: 150px;} /*other information end*/ /*reservation start*/ .reservation{float: right; width: 320px; padding-bottom: 20px; font-size: 13px;} .reservation h3 {font-size: 20px; font-weight: bold; margin-bottom: 10px; clear: both; margin-top:15px; margin-left: -5px;} .reservation h3:first-child{margin-top:0px;} .reservation h3 img{margin-right: 5px; height: 19px;} .reservation p, .reservation div {line-height: 23px;} .reservation h1 {font-size: 20px; font-weight: bold; margin-bottom: 10px; clear: both; margin-top:15px; margin-left: -5px;} .reservation h1:first-child{margin-top:0px;} .reservation h1 img{margin-right: 5px; height: 19px;} .form-element select{font-size: 12px;} .form-element label {width: 170px; float: left; font-size: 12px;} .form-element input {font-size: 12px; padding: 2px; width: 200px; float: right; -moz-border-radius:2px 2px 2px 2px; border:1px solid #323232;} .form-element {margin-bottom: 10px; padding-bottom: 0px; clear: both; float: left;} #check-apartaments .form-row {margin-bottom: 10px; border-bottom:1px solid #F5F4F2; padding-bottom: 10px;} #check-apartaments label {width: 150px; float: left; font-size: 12px;} #check-apartaments input {width: 140px; float: right; font-size: 12px; padding: 2px;} /*reservation end*/ .clean {clear: both;} .right{ float: right !important;} .button{display: block; background: url("../images/bt-right.png") no-repeat right center; float: left;color:#FFFFFF;text-shadow:1px 1px 1px #000000; padding-right: 7px; text-decoration: none; font-size: 11px; font-weight: bold;height:21px;padding-top:5px; margin-right: 10px; margin-top: 10px;} .button span{display: block; background: url("../images/bt-left.png") no-repeat left center; width: 6px; height: 26px; float: left; margin-top: -5px;} .button:hover {text-decoration: underline;} /* forms start */ .form-row input{ border: 1px solid #323232;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; width: 115px; } /* forms end */ /*Show apartament start*/ .show-apartament{ line-height: 25px;} .show-apartament h1{clear:both;font-size:20px;font-weight:bold;margin-bottom:10px;margin-left:-5px;margin-top:15px;} .show-apartament h1 img{ width: 19px; margin-right: 5px;} .show-apartament .imageMiniImageProperty {width: 200px; float: left; margin-right: 10px; border:5px solid #F2F2F2;} .show-apartament p.text{margin-top: 10px;} .rezerw-auth{ background: #C31010 !important; color: #fff !important; text-shadow: 1px 1px 1px #000 !important;} .rezerw-auth-start{ background: url("../images/rezerw-date.png") repeat left center !important; color: #fff !important; text-shadow: 1px 1px 1px #000 !important;} .rezerw-auth-end{ background: url("../images/rezerw-date.png") repeat right center !important; color: #fff !important; text-shadow: 1px 1px 1px #000 !important;} /*Show apartament end*/ .galeryBoxProperty .carousel-wrap {width: 300px !important; border:5px solid #F2F2F2;} .apartament-gallery {width: 300px; height: 300px;} .apartament-gallery li{position: relative; width: 300px !important; height: 300px !important; overflow: hidden; float: left;} .apartament-gallery li img {width: 300px; height: 300px;} /* calendar start*/ #Calendar table table{width: 310px; border:5px solid #F2F2F2; margin-bottom: 10px; } #Calendar .curent-month {color: #CD1111; padding: 2px; font-weight: bold; background: url("../images/dark-bg.png") repeat left center; text-align: center;} #Calendar table table td{background: url("../images/dark-bg-light.png") repeat left center; text-align: center;} #Calendar table table th{ text-align: center;} /* calendar end*/ /* footer start */ #footer {background:#C2C2C2 url(../images/footer-bg.jpg) repeat scroll top left; height: 300px; margin-top: 45px; font-size: 13px;} #footer h4 img{ height: 19px; margin-right: 10px;} #footer .body{position: relative;} #footer .more-info {color: #CD1111; font-weight: bold; font-size: 20px; position: absolute; float: left; padding: 10px; background: #C2C2C2; top:-45px; -moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;} #footer .info {float: left; width: 30%; margin-right: 40px; margin-top: 20px;} #footer .info .photo {display: block; width: 60px; height: 55px; overflow: hidden; float: left;margin-right: 10px;} #footer .info .photo img {width: 55px; border: 2px solid #F5F4F2} #footer .info p {padding-bottom: 10px; margin-bottom: 10px;} #footer .fast-message {float: right; width: 30%; margin-top: 20px; text-align: center;} #footer h4 {font-size: 20px; font-weight: bold; margin-bottom: 15px;} #footer label{ width: 80px;} #footer input, #footer textarea { width: 200px; flo} #check-apartaments .form-row{padding: 0px; border-bottom: 0px; float: left; width: 100%;} #footer textarea {-moz-border-radius-bottomleft:2px;-moz-border-radius-bottomright:2px;-moz-border-radius-topleft:2px;-moz-border-radius-topright:2px;border:1px solid #323232;height: 90px; float: right;} #footer .copyright { clear: both; float: right; margin-top: 15px; width: 300px; text-align: right; font-weight: bold;} .last-word { font-size: 17px; font-weight: normal; background: url("../images/dark-bg-light.png") repeat left center; padding: 10px; margin-top: 10px;} .last-word span{color: #CE1717; font-weight: bold;} .last-word a{ color: #CE1717; font-weight: bold; } .last-word a:hover{color: #323232; text-decoration: underline;} /*footer end*/ /*about us */ .about-us-info{width: 47%; float: right;} .first-info{float: left;} .photo-onas {padding: 20px 0px; position: relative; float: left; width: 980px; height: 150px; margin-top: 40px; margin-bottom: 0px;} .photo-onas li{ float: left; -webkit-box-shadow: 2px 2px 2px #575757;-moz-box-shadow: 2px 2px 2px #575757;box-shadow: 2px 2px 2px #575757; -moz-transform: matrix(0.99939083, 0.03489950, -0.03489950, 0.99939083, 0, 0);} .photo-onas li a{border:5px solid #F2F2F2; width: 150px; height: 150px; overflow: hidden; display: block;} .photo-onas li a img {width: 300px;} .photo-onas li:hover{ z-index: 100 !important; -moz-transform: rotate(0deg) !important; top: -20px !important;-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.00000000, M12=0.00000000, M21=0.00000000, M22=1.00000000,sizingMethod='auto expand')";filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.00000000, M12=0.00000000, M21=0.00000000, M22=1.00000000,sizingMethod='auto expand') !important;} .photo-onas li:hover a{ width: 200px; height: 200px; border:5px solid #4B4745;} .tooltip { display:none; background: url("../images/tooltip-bg.png") no-repeat center center; font-size:12px; height:30px; width:180px; padding:25px; color:#fff; margin-top: -30px; margin-left: -50px !important; padding: 15px 10px 10px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-shadow:1px 1px 1px #000; font-weight: bold; font-size: 13px; } /*about us */ .important-information{margin-top: 15px;} .main-head {clear:both;font-size:20px;font-weight:bold;margin-bottom:10px;margin-left:-5px;margin-top:15px; font-weight: bold; } .main-head img{height:19px; margin-right:5px;} .price{float: left; border:5px solid #F2F2F2; margin: 15px 0px;} .price span{font-size: 16px; display: block; background: url("../images/dark-bg-light.png") repeat left center; padding: 10px; width: 250px; float: left;} .price span:first-child{ display: block; background: url("../images/dark-bg.png") repeat left center;} .price b{color:#CE1717;} .zamknij{display: block; background-repeat: no-repeat; background-image:url("../images/show-hide.png"); background-position:0px 0; height: 30px; position: absolute; right: 0px; top: 115px; height:25px;padding-left:30px;padding-top:5px;width:82px; font-weight: bold; color: #323232; width: 100px; margin-right: -15px;} .pokaz{background-position:0px -30px;} .menu-no-slide{margin-bottom: 40px; } ul.point li{list-style: circle; list-style-position:inside; padding-left: 15px; padding-bottom: 10px;} .lodka a{display: block;float: left; margin-right: 10px; overflow: hidden; width: 55px; height: 45px; margin-bottom: 5px; border:4px solid #F2F2F2;} .lodka a img{ width: 60px; height: auto;} .contact-message-box{background: url("../images/dark-bg-light.png") repeat left center; padding: 5px; margin-bottom: 10px; border: 5px solid #f2f2f2;} .hide{display: none !important;} .showProperty .button span {margin-top: -1px;}