@import url("1.css");
@import url("fonts.css");
@import url("background.css");

html * { margin: 0; padding: 0; outline: 0; }

#container, #content_shadow { width: 1010px; }

#container {
	min-height: 800px;
	margin: 20px auto;
}

	#header, #content {
		width: 998px;
		margin: 0 auto;
	}

	#header { height: 438px; }

		h1, h1 span {
			width: 324px;
			height: 59px;
			left: 0;
		}
	
			h1 { top: 97px; }
	
			h1 span { top: 0; }

		#nav_top {
			width: 998px;
			height: 30px;
		}

			#nav_top ul {
				right: 30px;
				top: 5px;
			}

				#nav_top li {
					margin: 0 0 0 15px;
					padding: 0 0 0 9px;
				}

		#aktualnosci {
			width: 229px;
			height: 378px;
			padding: 30px 20px 0 140px;
			right: 0;
			top: 30px;
		}

			#aktualnosci h2 { margin: 0 0 15px 0; }

			#aktualnosci p {
				margin: 0 0 4px 0;
				padding: 0 0 13px 0;
			}

	#sidebar, #wyszukiwarka .header, #wyszukiwarka form { width: 371px; }

	#wyszukiwarka {
		left: 40px;
		top: 285px;
	}

		#wyszukiwarka .header {
			height: 109px;
		}

			#wyszukiwarka h2, #wyszukiwarka h2 span {
				width: 85px;
				height: 26px;
			}

				#wyszukiwarka h2 {
					left: 80px;
					top: 50px;
				}

				#wyszukiwarka h2 span {
					left: 0;
					top: 0;
				}

		#wyszukiwarka form {
			width: 339px;
			height: 263px;
			padding: 0 16px;
		}

			#wyszukiwarka fieldset {
				min-height: 263px;
				padding: 0 11px;
			}

				#wyszukiwarka .hr { margin: 3px 8px; }

				#wyszukiwarka .field_section {
					margin: 0 1px 2px;
					padding: 2px 8px;
				}

					#wyszukiwarka #date .field_section { margin-right: 0; }

					#wyszukiwarka .od-do p.title { margin: 2px 9px 4px; }

					#wyszukiwarka .od-do .field_section { width: 100px; }

						#wyszukiwarka .od-do input {
							width: 40px;
							margin: 0 3px 5px 10px;
						}

					#wyszukiwarka .field_section.error { padding: 1px 7px; }

					#wyszukiwarka p, #wyszukiwarka label { margin: 0 0 5px; }

				#wyszukiwarka input[type='text'] { padding: 3px 0 4px 5px; }

				#wyszukiwarka select { padding: 3px 5px 2px; }

				#select select, #select p.error_description { width: 160px; }

				#date input[type='text'] {
					width: 86px;
					margin: 0 7px 0 0;
				}

				#date select { width: 120px; }

				#rodzaj_czarteru .hr { margin: 13px 8px 13px; }

				#rodzaj_czarteru .field_section { width: 180px; }

				.wyniki_wyszukiwania #rodzaj_czarteru .field_section { width: auto; }

				#rodzaj_czarteru ul { margin: 0 0 10px; }

						#rodzaj_czarteru ul label { margin: 0; }
	
							#rodzaj_czarteru input { margin: 0 7px 0 0; }

				#wyszukiwarka input[type='submit'] {
					width: 89px;
					padding: 4px 0 3px 0;
					left: 220px;
/* 					top: 310px; */
					bottom: 37px;
				}

				#zaawansowane_link { margin: 10px 0 0 0; }

				#dodatkowe_opcje {
					margin: 10px 0 0;
					padding: 0 0 10px;
				}

					#wyszukiwarka h3 {
						margin: 0;
						padding: 5px 8px 7px;
					}

					#dodatkowe_opcje select { width: 160px; }

					#sortowanie .field_section { width: 160px; }

					#dodatkowe_opcje input[type='submit'] {
						left: 220px;
/* 						top: 25px; */
						bottom: 5px;
					}

        #carousel-wrapper {
            width: 529px;
            height: 286px;
            padding: 15px 14px 0;
            left: 412px;
            top: 357px;
        }
        
            #carousel {
                height: 286px;
            }
        
                .carousel-item {
                    width: 509px;
                    height: 266px;
                    padding: 10px;
                    left: 0;
                    top: 0;
                }
                
                    .carousel-item-image {
                        left: 0;
                        top: 0;
                    }
                    
                .carousel-pagination {
                    right: 17px;
                    top: 270px;
                }
                
                    .carousel-pagination-item {
                        width: 24px;
                        height: 24px;
                        margin: 0 0 0 -2px;
                    }
        
	#carusel {
		width: 529px;
		height: 182px;
		padding: 15px 14px 0;
		left: 412px;
		top: 357px;
	}

		#carusel .image_wrapper {
			width: 529px;
			height: 286px;
		}

			#carusel .content {
				width: 509px;
				height: 266px;
				padding: 10px; 
			}

				#carusel .content h2 {
					margin: 0 0 15px;
				}

				#carusel .content li {
					width: 240px;
					margin: 0 10px 10px 0;
				}

					#carusel .content img { margin: 4px 10px 0 0; }

		#carusel .nav {
			right: 17px;
			top: 270px;
		}

			#carusel .nav li, #carusel .nav li a {
				width: 24px;
				height: 24px;
			}

			#carusel .nav li { margin: 0 0 0 -2px; }

	#content_wrapper { margin: 0 0 20px 0; }

		#content_shadow {
			height: 110px;
			left: 0;
			top: 438px;
		}

	#content { min-height: 350px; }

		#fancybox-wrap #content {
			width: 534px;
			min-height: 0;
		}

		#content h2 {
			margin: 10px 30px 0 399px;
			padding: 0 0 12px 35px;
		}

		h3 { margin: 0 0 10px 0; }

			#content .text h3 { padding: 15px 0 0; }

		h3.slogan, #content p.slogan { margin: 3px 0 20px; }

		h4 { margin: 0 0 10px; }

			#content .text h4 { padding: 15px 0 0; }

		#content p { margin: 0 0 0.75em 0; }

		#content img { margin: 0; }

		#content .content img.left, .content_image.left { margin: 0 15px 15px 0; }

		#content .content img.right, .content_image.right { margin: 0 0 15px 15px; }

		#content ul li { padding: 0; }

		#content ol li { margin: 0; }

		#content .text ul, #content .text ol { margin: 0 0 15px; }

		#content .text ul { margin-left: 3px; }

		#content .text ul ul, #content .text ol ol {
			margin: 5px 0 5px 20px;
			padding: 0;			
		}

		#content .text hr {
			width: 100%;
			height: 4px;
			margin: 0 0 10px;
			padding: 5px 0 0;
		}

		#content .text .hr {
			padding: 10px 0 0;
			margin: 0 0 5px;
		}

		table { width: 100%; }

			th { padding: 2px 5px 4px; }

				th.header a { padding: 0 12px 0 0; }

			td { padding: 4px 5px 6px; }

		#content .text table { margin: 0 0 15px; }

		#content input[type='text'], #footer input[type='text'], #content textarea {
			margin: 0 0 7px;
			padding: 2px 0 2px 5px;
		}

		#content select { margin: 0 0 7px; }

			#content option { padding: 2px 0 1px 5px; }


		#content .reservation_form input[type='text'], #content .reservation_form select { margin: 0; }

		.reservation_form span, .reservation_form select { width: 382px; }
                
                .reservation_form input, .reservation_form textarea { width: 375px; }
                
                .reservation_form textarea { height: 65px; }

                .reservation_form ul.errorlist { width: 380px; }
                
                .reservation_form .helptext { margin: 0 0 5px; }

		.reservation_form input.hasDatepicker {
			width: 345px;
			margin: 0 30px 0 0 !important;
		}

		.reservation_form .ui-datepicker-trigger {
			right: 0;
			top: 2px;
		}

		.reservation_form input[type='submit'] { margin: 0 0 10px; }

		#content .reservation_form p.info_box { margin: 0 0 20px; }

		.arrow {
			width: 14px;
			height: 14px;
		}

		#content input[type='submit'].arrow, .button.arrow {
			width: auto;
			height: auto;
			padding: 1px 20px 0 0;
		}

		#nav {
			width: 599px;
			margin: 0 0 0 399px;
		}

			#nav li { padding: 15px 9px !important; }

			#nav li.dodatkowe { padding: 0 !important; }

				#nav li.dodatkowe li { padding: 3px 10px !important; }

					#nav li.dodatkowe.js span {
						width: 50px;
						height: 24px;
						padding: 12px 12px !important;
					}

					#nav li.dodatkowe.js span em {
						width: 74px;
						height: 46px;
						left: 0;
						top: 0;
					}

					#nav li.dodatkowe.js div {
						width: 280px;
						padding: 10px 4px;
						left: 311px;
						top: 49px;
					}

						#nav li.dodatkowe.js li {
							width: 125px;
							padding: 3px 5px 3px 9px !important;
						}

		#breadcrumbs { margin: 8px 12px 0 0; }

		#sidebar {
			width: 359px;
			min-height: 300px;
			margin: 130px 0 0 40px;
		}

			#sidebar h3 {
				width: 358px;
				height: 77px;
				margin: 0;
			}

				#sidebar h3 a {
					margin: 17px 0 0 0;
					padding: 0 8px 0 0;
				}

					#sidebar span, body.main h2 span { padding: 9px 0 9px 0; }
	
					#sidebar h3 strong { padding: 5px 0 7px 23px; }

			#sidebar .description {
				min-height: 44px;
				padding: 0 20px 0 20px;
			}

				#sidebar p { padding: 15px 0 0 0; }

				#sidebar p a { padding: 3px 0 0 0; }

				#sidebar p span { padding: 0 30px 6px 10px; }

				#sidebar em {
					width: 14px;
					height: 14px;
					right: 10px;
					top: 7px;
				}

		#content .content {
			width: 534px;
			padding: 20px 30px 25px 35px;
		}

			#fancybox-wrap .content { padding: 0;}

		.error_description { margin: 8px 0 0 0; }

		.info_box { padding: 5px 10px; }

		.box {
			width: 174px;
			margin: 0 2px;
		}
	
			.box .description { padding: 7px 5px 10px; }
	
			.box h4 { margin: 0 0 7px; }
	
			#content .box ul { padding: 7px 0 2px; }
	
				#content .box li { margin: 0 0 2px; }
	
			#content .box p.button { padding: 5px 0 7px; }
	
				#content .box p.button a { padding: 0 20px 2px 0; }

		.row { padding: 15px 0 15px 0; }

		 .square {
			width: 255px;
			min-height: 253px;
			padding: 0 0 0 9px;
		}

			.square.one {
				width: 255px;
				padding: 0 15px 0 0;
			}

			.square.high { min-height: 524px; }

				.square.high h3 { margin: 0 0 20px 0; }

				.square.high .inside {
					margin: 0 0 0 20px;
					padding: 0 0 0 10px;
				}

					.square.high .inside .caption { padding: 0 0 7px; }

			.square.first {
				padding: 0 0 9px 9px;
				margin: 0 0 9px 0;
			}

			.square img {
				left: 9px;
				top: 0;
			}

				.square.one img { left: 0; }

			.square.promotion td { padding: 7px 5px 7px; }

			.square.promotion h3 { margin: 0; }

			.square .button { margin: 7px 0 0 0 !important; }

		.section h3 { margin: 0 0 15px 0; }
	
		.section th { padding: 0 20px 0 0; }
	
		.section td { padding: 0 20px 0 0; }

		#content ul.table_tabs li { padding: 0 0 0 13px; }

			#content ul.table_tabs li a { padding: 3px 15px 3px 0; }

		.pagination { padding: 10px 0; }

			.pagination strong, .pagination a { padding: 0 7px; }

		.relacja, .ksiazka {
			margin: 0 0 15px;
			padding: 0 0 10px;
		}

/* Strona główna { */

	body.main #content {
		width: 938px;
		padding: 245px 30px 0 30px;
	}

		body.main .box {
			width: 292px;
			margin: 0 10px 0 10px;
		}

		body.main #content h2 {
			width: 292px;
			height: 118px;
			margin: 0;
			padding: 0;
		}

				body.main h2 a {
					margin: 50px 0 0 0;
					padding: 0 8px 0 0;
				}

					body.main h2 strong { padding: 5px 0 8px 23px; }

			body.main .description { padding: 0 0 30px 0; }

				body.main #content .description p {
					padding: 0 15px;
					margin: 0;
				}

					body.main #content .description p:first-child { padding: 0; }

					body.main .description p strong {
						margin: 0;
						padding: 15px 15px 2px;
					}

				body.main #content .box ul { padding: 10px 30px; }

					body.main #content .box li { margin: 0; }

				body.main .description form {
					margin: 10px 28px 0;
					padding: 8px 0 0;
				}

				body.main .description fieldset { padding: 0 0 5px 0; }

					body.main #content .description form p { padding: 0; }

					body.main #content input[type='text'] {
						width: 105px;
						margin: 0 3px 5px;
					}

					body.main #content textarea {
						width: 219px;
						height: 40px;
						margin: 0 3px 5px;
						padding-right: 5px;
					}

					body.main .description input[type='submit'] { margin: 0 3px; }

				body.main .description a { padding: 3px 0 0; }

				body.main .description li:first-child a { padding: 5px 0 0; }

				body.main .description span { padding: 0 30px 4px 10px; }

				body.main .description em {
					width: 14px;
					height: 14px;
					right: 10px;
					bottom: 4px;
				}

					body.main .faq .description em { bottom: 5px; }

/* } Strona główna */

/* Opisy jachtów { */

	body.opisy_jachtow .pagination { padding: 15px 5px 5px 0; }

	#dane_jachtu {
		width: 210px;
		margin: 0 0 10px;
	}

	#dane_jachtu th, #dane_jachtu td { padding: 1px 0; }

	#dostepnosc_jachtu, #zdjecia-plan_jachtu {
		width: 310px;
		padding: 0 0 0 10px;
	}
        
                #dostepnosc_jachtu span, #dostepnosc_jachtu select { width: 167px; }
        
                #dostepnosc_jachtu input { width: 160px; }
        
                #dostepnosc_jachtu ul.errorlist { width: 165px; }
                
		#dostepnosc_jachtu input.hasDatepicker { width: 130px; }
                
	#czartery_jachtu { width: 205px; }

		#czartery_jachtu ul { margin: 0 0 10px; }

	#zdjecia_jachtu { width: 316px; }

	#zdjecia_jachtu .images_nav { margin: 0 13px 0 0; }

	#zdjecia_jachtu .images_nav a {
		margin: 0 2px;
		padding: 0 3px 2px;
	}

	#zdjecia_jachtu .controls a {
		width: 20px;
		height: 120px;
		top: 30px;
	}

		#zdjecia_jachtu .controls .prev { left: 0; }
		#zdjecia_jachtu .controls .next { right: 0; }

/* } Opisy jachtów */

/* Oferta rejsów { */

	body.oferta_rejsow th { padding-bottom: 10px; }

	body.oferta_rejsow td { padding-top: 10px; }

		body.oferta_rejsow #content .box p { padding: 5px 0 0; }

			body.oferta_rejsow #content .box p a { padding: 0 0 7px; }

				body.oferta_rejsow .description em {
					right: 3px;
					top: 10px;
				}

    #cruise-availability-form { width: 310px; margin: 0 auto 10px; }
    #cruise-availability-form h3 { margin-top: 0; }
    #cruise-availability-form ul.errorlist { width: 165px; }
    #cruise-availability-form input { width: 160px; }
    #cruise-availability-form select { width: 167px; }

/* } Oferta rejsów */

/* Skipper { */

	.skipper .description { padding: 0 0 0 20px; }

		.skipper .description ul {
			padding: 0 0 10px 0;
			margin: 0 0 10px 0;
		}

/* } Skipper */

/* Aktualności, FAQ i promocje czasowe { */

	.faq .toggle, .promocje_czasowe .toggle, .aktualnosc {
		padding: 0 0 10px 0;
		margin: 0 0 10px 0;
	}

	.promocje_czasowe .content h3 { margin: 0; }

	.faq .content .description, .promocje_czasowe .content .description, .aktualnosc .content .description { margin: 10px 0 0 0; }

	.addthis { margin: 15px 0 0; }

/* } Aktualności i FAQ */

/* Wyniki wyszukiwania { */

	.wyniki_wyszukiwania #content { min-height: 700px; }

	.wyniki_wyszukiwania table th { padding-top: 20px; }
	
	.wyniki_wyszukiwania table td.image { padding-top: 25px; }
	
	.wyniki_wyszukiwania table p.cena { margin-bottom: 3px !important; }

	#next_link {
		width: 532px;
		height: 49px;
		margin: 30px 0 0;
	}
	
		#next_link.loading {
			height: 39px;
			padding-top: 10px;
		}
	
		#next_link em {
			width: 8px;
			height: 49px;
			top: 0;
		}
		
			#next_link .left-corners { left: 0; }
			
			#next_link .right-corners { right: 0; }

/* } Wyniki wyszukiwania */

/* Akweny { */

	.akwen #content .content h3 {
		margin: 25px 0 5px;
		padding: 0 0 10px;
	}

	.weather-box {
		width: 187px;
		padding: 15px 40px 5px;
	}

		.weather-box table { margin: 0 0 15px; }

		.weather-box th, .weather-box td { padding: 0; }

/* } Akweny */

/* Kontakt { */

/* 	#dane_kontaktowe { margin: 0 20px 25px 0; } */

    #sidebar #contact-map p {
        padding-top: 5px;
    }

	#contact_form textarea { height: 170px; }
    
    #contact-person-list {
        margin-bottom: 20px;
    }
    
    .contact-person {
        padding-left: 160px;
        padding-bottom: 20px;
    }
    
        .contact-person-image {
            left: 0;
            top: 20px;
        }
    
/* } Kontakt */

/* Galerie zdjęć { */

	.galerie_zdjec .box h3 {
		margin: 0 0 2px;
		padding: 0 0 10px;
	}

	.galerie_zdjec .box .description p { padding: 0 0 25px; }

	.galerie_zdjec.detail.detail .scrollbox_wrapper { margin: 0 0 30px; }

	.galerie_zdjec.detail .scrollbox_wrapper .controls {
		width: 534px;
		height: 43px;
		left: 0;
		top: 20px;
	}

	.galerie_zdjec.detail .scrollbox_wrapper .controls a, .galerie_zdjec.detail .scrollbox_wrapper .controls span {
		width: 20px;
		height: 40px;	
	}

		.galerie_zdjec.detail .scrollbox_wrapper .controls a { padding-top: 10px; }

		.galerie_zdjec.detail .scrollbox_wrapper .controls span {
			left: 0;
			top: 0;
		}

			.scrollbox_wrapper .controls .prev { left: 0; }

			.scrollbox_wrapper .controls .next { right: 0; }

	.galerie_zdjec.detail .scrollbox {
		width: 484px;
		margin: 0 0 0 25px;
	}

	.galerie_zdjec.detail #content .scrollbox img { margin: 0 6px 6px 0; }

/* } Galerie zdjęć */

/* Filmy { */

	.filmy #fancybox-wrap #content, .filmy #fancybox-wrap #content .content {
		width: auto;
		float: none;
	}

	.filmy .box {
		width: 120px;
		margin: 0 13px 10px 0;
	}

	.filmy object { margin: 0 auto; }

/* } Filmy */

/* Książki */

	.ksiazki p.price { padding: 10px 0 0; }

/* } Książki */

/* Stopka { */

	#footer { padding: 18px 95px; }

		#footer h2 { margin: 0 0 9px 0; }

		#newsletter {
			left: 95px;
			top: 18px;
		}

			#newsletter input[type='text'], body.newsletter #content input[type='text'] { width: 130px; }

		#znajdziesz_nas_na {
			width: 300px;
			min-height: 50px;
			margin: 0 auto;
		}

			#znajdziesz_nas_na img { margin: 0 6px; }

		#nav_footer {
			right: 95px;
			top: 35px;
		}

/* } Stopka */

.facebook{
    float:left;
    width:292px;
    height:600px;
    display:block;
    left:-292px;
    padding:0;
    position:fixed;
    top:20px;
    z-index:10000;
} 

.facebook-handler {
    position: absolute;
    top: 0;
    right: -28px;
    width: 28px;
    height: 73px;
    background: url(../images/fb_slide.jpg) 0 0 no-repeat;
    border: 1px solid #000;
    border-left-width: 0;
}