body, table, tr, th, td, p, form, fieldset, legend, div, ul, ol, li, h1, h2, h3 {margin: 0; padding: 0; border: 0;} body { text-align: center; font-family: Tahoma, Verdana, Helvetica, sans-serif; font-size: 11px; line-height: 140%; color: #fff; background: #000; } .left {float: left;} .right {float: right;} .clear {clear: both;} #all {width:996px; margin: auto; padding-bottom: 30px; text-align: left; background: #001556;} #all div:after, #all div div:after, #all ul:after, #all ol:after, #all p:after {content: "."; display:block; height: 0; clear:both; visibility:hidden;} a, a:visited {color: #6BB43F} a img {border: 0;} .topCorners, .bottomCorners { } .topCorners p, .bottomCorners p {width:10px; height:10px; float: left; font-size: 1px;} /*---------------------------------------------------------------------*/ /* ----------------- TOP ----------------------------------------------*/ #top {width:996px; margin: 0px 0px 15px 0px; background: url('../images/bgr/top.jpg') no-repeat;} #top #linkToMain {display: block; width:995px; height:233px; cursor: pointer;} #top #mainNav {padding-left: 17px;} #top .mainCat {width:99px; margin: 0px 8px 0px 0px; text-align: center;} #top .mainCat .mainCatContent {background: #fff;} #top .mainCat img {margin-top: -6px; margin-bottom: 0px;} #top .mainCat {float: left; color: #000432; font-size: 10px; font-weight:bold; text-transform: uppercase;} #top .mainCat a, #top .mainCat a:visited {color: #000432; font-size: 10px; font-weight:bold; text-transform: uppercase; text-decoration: none;} #top .mainCat .mainCatContent p {padding-top: 5px; margin-bottom: 3px;} .mainCat .topCorners p.leftCorner {background: url('../images/corners/white/tl.png') no-repeat;} .mainCat .topCorners p.rightCorner {background: url('../images/corners/white/tr.png') no-repeat;} .mainCat .bottomCorners p.leftCorner {background: url('../images/corners/white/bl.png') no-repeat;} .mainCat .bottomCorners p.rightCorner {background: url('../images/corners/white/br.png') no-repeat;} #top .mainCat .bottomCorners {margin-top: -1px;} .mainCat .inner {width:79px; background: #fff;} #top #activeCategory .mainCatContent {background: #000433;} #top #activeCategory .mainCatContent a, #top #activeCategory .mainCatContent a:visited {color: #fff;} #activeCategory .topCorners p.leftCorner {background: url('../images/corners/black/tl.png') no-repeat;} #activeCategory .topCorners p.rightCorner {background: url('../images/corners/black/tr.png') no-repeat;} #activeCategory .bottomCorners p.leftCorner {background: url('../images/corners/black/bl.png') no-repeat;} #activeCategory .bottomCorners p.rightCorner {background: url('../images/corners/black/br.png') no-repeat;} #top #activeCategory .inner {background: #000433;} /* ------------ END TOP ------------------------------------------------*/ /*----------------------------------------------------------------------*/ /* -------------PAGE --------------------------------------------------*/ #page {width:941px; margin:auto; padding: 20px 10px 10px 10px; background: url('../images/bgr/page.jpg') no-repeat;} /* -------- END PAGE ---------------------------------------------------*/ /*---------------------------------------------------------------------*/ /* --------LEFT ------------------------------------------------------*/ #left {width:206px; float: left; margin: 0px 20px 0px 0px;} .box {margin: 0px 0px 15px 0px; padding: 10px 0px 0px 0px; background: url('../images/bgr/box.jpg') no-repeat;} .box p.title, .box p.title a, .box p.title a:visited {margin: 0px 10px 10px 10px; text-transform: uppercase; color: #0283c7; font-size:10px; font-weight:bold; text-decoration: none;} .box p.title a, .box p.title a:visited {margin: 0; } .boxContent {padding: 0px 10px 10px 10px;} .box .borderBottom {height:1px; font-size:1px; background: url('../images/bgr/boxContent.gif') bottom left repeat-x;} #left #chooseLang img {margin-right: 7px;} #left #newsBox .news {line-height: 110%;} #left #newsBox .news p.title2, #left #newsBox .news p.title2 a, #left #newsBox .news p.title2 a:visited {margin:10px 0px 3px 0px; color: #0283c7; font-weight:bold; text-decoration: none;} #left #newsletter .boxContent p {margin: 0px 0px 10px 0px; font-size:10px; line-height: 110%;} #left #newsBox .news .date {margin: 5px 0px 3px 0px; font-size:9px; color: #b6d9f5} #navigation {width:206px; margin: 0px 0px 15px 0px;} #navigation .topCorners, #navigation .bottomCorners {margin: 0px 0px 0px 10px; background: none;} #navigation .topCorners p.leftCorner {background: url('../images/corners/darkBlue/tl.png') no-repeat;} #navigation .topCorners p.rightCorner {background: url('../images/corners/darkBlue/tr.png') no-repeat;} #navigation .bottomCorners p.leftCorner {background: url('../images/corners/darkBlue/bl.png') no-repeat;} #navigation .bottomCorners p.rightCorner {background: url('../images/corners/darkBlue/br.png') no-repeat;} #navigation .inner {width:175px; background: #000431; } #navigation #navigationInner {width:205px; background: #000431;} #navigation #navigationInner div { width:195px; margin: 0px; background: #b5daf4; font-size:10px; color: #b5daf4; text-transform: uppercase; } #navigation #navigationInner div img {margin: 0px 4px 2px 0px;} #navigation #navigationInner .topCorners, #navigation #navigationInner .bottomCorners {width:195px; margin: 0px; padding: 0; background: none;} #navigation #navigationInner .topCorners p.leftCorner {background: #001556 url('../images/corners/lightBlue/tl.png') no-repeat;} #navigation #navigationInner .topCorners p.rightCorner {background: url('../images/corners/lightBlue/tr.png') no-repeat;} #navigation #navigationInner .bottomCorners p.leftCorner {background: #001556 url('../images/corners/lightBlue/bl.png') no-repeat;} #navigation #navigationInner .bottomCorners p.rightCorner {background: url('../images/corners/lightBlue/br.png') no-repeat;} #navigation #navigationInner .inner {width:175px; background: #b5daf4; } #navigation #navigationInner div a, #navigation #navigationInner div a:visited { display:block; width: 170px; margin: 0px 0px 0px 10px; padding: 4px 0px 3px 5px; color: #001558; border-bottom: 1px solid #8fb5d0; text-decoration: none; } #navigation #navigationInner div.level2 a, #navigation #navigationInner div.level2 a:visited {width: 160px; padding-left: 15px; color: #476395;} #navigation #navigationInner div.level3 a, #navigation #navigationInner div.level3 a:visited {width: 150px; padding-left: 25px; color: #476395;} #navigation #activeSubCat {color: #fff;} #navigation #navigationInner div#activeSubCat {color: #fff;} #navigation #navigationInner div#activeSubCat a, #navigation #navigationInner div#activeSubCat a:visited {color: #fff; background: #7394b8; border-bottom: 1px solid #7394b8;} #enclosures {width: 175px; padding: 10px; margin: 0px 0px 0px 10px; background: #000431;} #enclosures .title {margin-bottom: 0px; padding-left: 20px; font-weight:bold; text-transform: uppercase;} #enclosures a, #enclosures a:visited {display:block; width: 165px; float: left; padding: 4px 0px 3px 10px; color: #6BB43F; border-bottom: 1px solid #24305a;} #enclosures a img {float: left; margin: 5px 4px 2px 0px;} #enclosures a span {display: block; width:155px; float: left; cursor: pointer;} /*#navigation #navigationContent div {width:175px; margin: 0px 0px 0px 20px; padding: 10px 0px 10px 10px; background: #000433; font-size:10px; color: #b5daf4; text-transform: uppercase;} #navigation #navigationContent div img {margin: 0px 4px 2px 0px;} #navigation #navigationContent div a, #navigation #navigationContent div a:visited {color: #b5daf4;} #navigation #navigationContent .active {width: 206px; margin: 0px; padding: 0; background: #000433;} #navigation #navigationContent .active .innerActive {width:185px; margin: 0px;} #navigation #navigationContent .active div {width:145px; background: #b5daf4; padding: 0;}*/ /* --------END LEFT -----------------------------------------------------*/ /*----------------------------------------------------------------------*/ /* --------MAIN PAGE --------------------------------------------------*/ #mainPageHeader {width:941px; margin: 0px 0px 25px 0px; background: #000940 url('../images/bgr/mainPageHeader.jpg') top right no-repeat;} #mainPageHeader img{float: left;} #mainPageTitle {width:610px; float:left; padding: 35px 0px 0px 20px;} #mainPageTitle h1 {font-size:24px; color: #b3dcf0; font-weight:normal;} #path {margin: 14px 0px 0px 0px; color: #0085c4;} #path img {margin: 7px 4px 0px 0px;} #path .pathInfo, #mainPageTitle #path a, #mainPageTitle #path a:visited {color: #0085c4; text-decoration: none;} #flags {width:100px; float: right; margin-top: 73px;} #flags a { display: block; float: left; margin-right: 7px; } #mainContent {width: 715px; float: left;} #mainContent .preface {margin: 0px 0px 25px 0px; text-align: justify; font-weight:bold} #mainContent .textContent {text-align: justify;} /* --------END MAIN PAGE ----------------------------------------------*/ /*--------------------------------------------------------------------*/ /* -------- TEXT PAGE -----------------------------------------------*/ #titleFlags {margin: 2px 0px 10px 0px; padding: 0px 0px 14px 0px; border-bottom: 1px solid #5978a6; overflow: hidden;} h1.title { width: 610px; float: left; color: #b4d9f3; font-size:24px; font-weight:normal; line-height: 110%; } h1.title a, h1.title a:visited {color: #b4d9f3;} #mainContent #path {clear:both; margin: 0px 0px 30px 0px; color: #026FC7;} #mainContent #path img {margin: 3px 2px 1px 0px;} #mainContent #path a, #mainPageTitle #path a:visited {color: #0083c1; text-transform: capitalize; text-decoration: none;} #preface {margin: 0px 0px 25px 0px; text-align: justify; font-weight:bold} .textContent {margin: 0px 0px 15px 0px; text-align: justify;} .textContent .photoLeft {width:170px; float: left; margin: 0px 10px 10px 0px;} .textContent .photoRight {width:170px; float: right; margin: 0px 0px 10px 10px;} #preface a,.textContent a {color: #9cc4d8;} #preface a:hover,.textContent a:hover {color: #B3DCF0;} #preface a:visited,.textContent a:visited {color: #67aacb;} #preface ol, #preface ul, .textContent ol, .textContent ul {margin: 3px 0px 3px 19px;} #galleryContener {margin-top: 0px; padding-top: 15px; border-top: 1px solid #5b78a4;} #gallery {padding: 10px; background: #fff;} #gallery span {cursor: pointer;} #gallery #mainPhoto {width:416px; float: left; margin: 0px 10px 0px 0px} #gallery #mainPhoto img {margin: 0px 0px 10px 0px; vertical-align: top;} #gallery #desc {color: #021557;} #galleryNavigation {margin: 10px 0px 0px 0px; padding: 5px 0px 0px 0px; border-top: 1px solid #b2b7cb;} #galleryList {width: 269px; float: left;} .galleryRow {padding-bottom: 19px;} .galleryPhoto {float: left; margin: 0px 17px 0px 0px; border: 1px solid #4c7591;} .galleryPhoto img {vertical-align: top;} /*#extendedGalleryList { float: right;}*/ /* -- NOWE -- */ #extendedGalleryList { float: left; padding-left: 25px; padding-top: 20px;} .date {margin-bottom: 10px; color: #b6d9f5} #photos {height:1%; clear: both; margin: 10px 0px 10px 0px;} #photos div {float: left; margin: 0px 11px 0px 0px;} .photos {height:1%; clear: both; margin: 10px 0px 10px 0px;} .photos div {float: left; margin: 0px 11px 0px 0px;} #map {margin-top: -10px; margin-bottom: 10px;} /* --------END TEXT PAGE ---------------------------------------------*/ /*-------------------------------------------------------------------*/ /* --------LISTING -------------------------------------------------*/ .li {width:710px; padding: 10px 0px 10px 0px; background: url('../images/bgr/boxContent.gif') bottom left repeat-x;} .photoLeft {width:170px; float: left; margin: 0px 10px 0px 0px;} .liInfo {width: 530px; float: left;} .liInfo p.title {margin: 0px 0px 5px 0px; font-size:13px; font-weight:bold; color: #B4D9DA; text-decoration: none;} .liInfo p.title a, #listing .newsInfo p.title a:visited {color: #B4D9DA; text-decoration: none;} .liInfo .preface {margin:-5px 0px 0px 0px; font-weight:normal} #lastLi {background: none;} #pagination {margin: 15px 0px 15px 0px} #pagination p, #pagination a, #pagination a:visited { display: block; float: left; padding: 7px 12px 7px 12px; margin: 0px 5px 0px 0px; text-align: center; border: 1px solid #5978A6; color: #fff; font-weight:bold; } #pagination p {background: #B5DAF4; color: #001556;} /* --------LISTING ---------------------------------------------------*/ /*-------------------------------------------------------------------*/ /* --------FOOTER --------------------------------------------------*/ #outerFooter { width:996px; background: #001556;} #footer {width:941px; margin:auto; padding: 20px 10px 10px 10px; background: #001556 url('../images/bgr/page.jpg') no-repeat; text-align: center;} #footerLinks img {margin: 0px 5px 2px 4px;} #footerLinks, #footerLinks a, #footerLinks a:visited {color: #0e93ce; text-decoration: none;} #maker, #maker a, #maker a:visited {margin-top: 20px;color: #05498a; text-decoration: none;} /* --------END FOOTER ---------------------------------------------*/ /*----------------------------------------------------------------*/ /* ------- FORMS ------------------------------------------------*/ form p.header {margin: 0px 0px 10px 0px; font-size:12px; font-weight:bold;} select {margin-right: 5px; font-size:11px;} .wiersz {margin-bottom: 5px;} .wiersz img {float: left; margin: 0px 0px 0px 5px;} label.label {display: block; float: left; font-weight:bold;} input {float: left;} input.text {padding: 2px; font-size:10px; background: #b5daf4; border: solid #8fbfe3; border-width: 1px 0px 0px 1px;} .polaWymagane, .informacjaPomocnicza {float: left; margin: 10px 20px 10px 0px; display: none;} .blad {font-weight:bold; color: #ff0000;} textarea {background: #b5daf4; font-family: Tahoma, Verdana, Helvetica, sans-serif; font-size: 11px; border: solid #90c0e4; border-width: 1px 0px 0px 1px;} form .blueLine {width:100%; height:1px; clear: both; margin: 10px 0px 10px 0px; font-size:1px; border-top: 1px solid #355085;} #quickSearch input.text {width: 118px; margin: 0px 5px 0px 0px;} #newsletter input.text {width:182px; margin-bottom: 5px;} #newsletter input.submit {margin-right: 5px;} #Subskrypcja label.label {width:85px;} #Subskrypcja input.text{width:250px;} #Subskrypcja #wiersz_userAgreement {} #Subskrypcja #wiersz_userAgreement label {width:500px; float: left;} #Subskrypcja #wiersz_userAgreement label.label {width:85px;} #Subskrypcja #wiersz_userAgreement input {margin-left: 0px;} #Subskrypcja #wiersz_userAgreement .gwiazdka {display: none;} #Subskrypcja .polaWymagane {margin-left: 85px;} #Subskrypcja .blad {margin-left: 85px;} #Kontakt {margin: 0px 0px 30px 0px;} #Kontakt label {width:80px; margin-right: 10px; text-align: right;} #Kontakt .wiersz img {display: none;} #Kontakt .blad {margin-left: 90px;} #Kontakt .text {width: 300px;} #Kontakt textarea {width: 450px; height:100px} #Kontakt .polaWymagane, #Kontakt .informacjaPomocnicza {display: none;} #BookingForm {margin-top: 25px;} #BookingForm .wiersz {margin-bottom: 10px;} #BookingForm .wiersz img {display: none;} #BookingForm label {width:100px; margin-right: 10px; font-weight:normal; text-align: right;} #BookingForm .text {width:220px;} #BookingForm .blad {margin-left: 110px;} #BookingForm div.column {width: 350px; float: left;} #BookingForm #wiersz_house .text, #BookingForm #wiersz_flat .text, #BookingForm #wiersz_zipcode .text {width: 80px;} #BookingForm textarea { width:570px; height: 105px; padding: 5px; } #BookingForm .polaWymagane, #BookingForm .informacjaPomocnicza {display: none;} #BookingForm #wiersz_adults, #BookingForm #wiersz_children, #BookingForm #wiersz_infants {margin-right: 0px; float: left; clear: none;} #BookingForm #wiersz_adults {width: 140px;} #BookingForm #wiersz_children {width: 130px;} #BookingForm #wiersz_infants {width: 190px;} #BookingForm #wiersz_adults label {width:80px; text-align: left;} #BookingForm #wiersz_children label {width:60px; text-align: left;} #BookingForm #wiersz_infants label {width:100px; text-align: left;} #BookingForm .blueLine {width:692px;} #BookingForm #adults {width:693px; clear: both; border: 1px solid white;} #BookingForm .tripMember {width:700px; clear: both; margin-bottom: 15px; text-align: center;} #BookingForm .tripMember .img {margin: auto; float: none;} #BookingForm .tripMember .sex {width: 135px; float: left;} #BookingForm .tripMember .birthDay {width:240px; float: left;} #BookingForm .tripMember .name {width:310px; margin: 10px 10px 10px 0px; float: left;} #BookingForm .tripMember .name label {width:55px; margin-left: 10px; text-align: left;} #BookingForm .tripMember .name .blad {margin-left: 40px; text-align: left;} #BookingForm .tripMember .surname .blad {margin-left: 56px; text-align: left;} #BookingForm .tripMember .surname {width: 350px; margin: 10px 5px 10px 0px; float: left;} #BookingForm .tripMember .surname label {width:75px; text-align: left;} #BookingForm .tripMember .name input, #BookingForm .tripMember .surname input {width:230px;} #BookingForm .tripMember .clear {width:700px; float: left;} #BookingForm #wiersz_agreement label {width: 75px;} #BookingForm #wiersz_regulamin label {width: 75px;} #BookingForm #wiersz_submit label {width:80px;} /* ------------ END FORMS ----------------------------------------------*/ /*---------------------------------------------------------------------*/ #map {margin-top: 30px;} table.table, table.table td, table.table tr, table.table th { border-collapse: collapse; border: 1px solid #000940; background: #004CB4; } table.table td, table.table th {padding:4px;} table.table th {font-weight: bold} table.table td {font-weight: normal;}