@charset "utf-8";
@import url("reset.css");



h1,h2,h3,h4,h5{}

p {}

/*Deklaracje tła*/
#container1,
#container2,
#container3,
#containerKites,
#roofBottom	{width:100%; height:auto;}

body 		{	background: #5da4be url(../gfx/bottomBack.jpg) bottom center repeat-x;}
#container1 {	background:transparent url(../gfx/topBack.png) top center repeat-x;}
#container2 {	background:transparent url(../gfx/whiteBoards.png) bottom center repeat-y;}
#containerKites {	background:transparent url(../gfx/TopBackKites.jpg) top center no-repeat; height:307px;}
#roofBottom {	background:transparent url(../gfx/topRoof.png) top center no-repeat; height:93px;margin:0 auto;min-width:947px;}
#container3 {	background:url(../gfx/bottomBackDetails.jpg) bottom center no-repeat;}


/* --------------------------------------------------------------------- Definicje elementów związanych z 'body' torby */
	
	#PageContent { background: transparent none; width:933px; margin:0 auto; margin-top:-40px;}
	
	#PageContent .col { float:left; margin:0; }
	
	.sideStrip * { font:18px Arial, Helvetica, sans-serif; font-weight:bold; color:#fff!important; text-shadow:0 1px 1px #4a6d0e; text-decoration:none!important; position:absolute; top:20px;}
	.sideStrip a:hover {color:#000!important;}
	
	.col .klocek { width:100%; padding-bottom:20px;}
	
	.sideHead { font-weight:bold; text-shadow:0 1px 0 #fff; font-size:14px; padding:10px; margin:5px 0 0 0; border-bottom:1px solid #b5b5b5; color:#686868;}
	
	
/* --------------------------------------------------------------------- Definicje elementów związanych z lewą kolumną */
	#PageContent .left { width:170px; margin-top:15px; margin-left:3px;}
	
	.sideStrip {position: relative; height:65px; width:200px; background:url(../gfx/sideheader.png) no-repeat;}
	.left .sideStrip { left:-35px; background-position:top; }
	.right .sideStrip { right: -5px; background-position:bottom; }
	
	.left .sideStrip * {right:30px;}

	/* oferta */
	.oferta ul, .oferta ul li ul {list-style:none; margin:0; padding:0;font-family: Arial;}
	.oferta ul * { text-shadow: 0 1px 0px #eee; display:block; }
	.oferta ul li a, .oferta ul li ul li a { text-decoration:none;}
	.oferta ul * span {color:#bbb; display:inline-block; margin:0 0 0 10px;}

	
	.oferta ul li {width:100%;}
	.oferta ul li a { border-bottom: 1px solid #b5b5b5; padding: 10px; font-size:18px; font-weight:bold; color:#b5b5b5; background:url(../gfx/dropdowns.png) 150px -63px no-repeat;}
	.oferta ul li.selected a {background-position: 150px -25px; color:#686868; border-bottom: 1px solid #dcdcdc;}
	.oferta ul li a:hover { background-position: 150px 14px;}
	
	.oferta ul li ul { padding:10px 0; }
	.oferta ul li ul li a { border:none!important; padding:1px 0; margin: 4px 0 0 20px; font-size:14px; color:#353535; background:none; display:inline-block;padding-bottom: 6px;}
	.oferta ul li ul li.promo a { color:#c40000; }
	.oferta ul li ul li.shaded a { color:#c2c2c2; margin-bottom:15px;}
		.oferta ul li ul li ul { margin-top:0; padding-top:0;}
		.oferta ul li ul li ul li a { font-weight:normal; font-size:11px; margin:1px 0 0 40px;}
	
	.oferta ul li a:hover, .oferta ul li ul li a:hover { color:#0088c0; }
	.oferta * a.it {color:#900!important;}	
	
	.partnerzy {padding-bottom:100px;}
	.partnerzy a img {-moz-box-shadow: 0px 2px 2px #aaa; -webkit-box-shadow: 0px 2px 2px #aaa;border:solid 5px #eee; -moz-border-radius: 5px;-webkit-border-radius: 5px;}
	
/* --------------------------------------------------------------------- Definicje elementów związanych ze środkową kolumną */

	#PageContent .middle { width:570px; margin:30px 10px 0; padding:0 0 50px 0; }
		.middle .naglowek { width: 100%;  margin: 0 0 10px 0;padding: 0;border-bottom: 1px solid #999 !important;height: 40px;position: relative;top: -10px;}











        /* .naglowek h2, .naglowek h1 { padding: 10px; margin:0; float:left; font: 30px/1em Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:-2px; text-shadow:0 1px 3px #ccc; color:#6fa300;position: relative;top: 5px;} */

		.naglowek h2, .naglowek h1 { padding: 0px; margin:0; float:left; font: 20px/1em Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:-1px; text-shadow:0 1px 3px #ccc; color:#6fa300;position: relative;top: 22px;}

        .klocek .title .naglowek h2, .klocek .title .naglowek h1,
        .news .title .naglowek h2, .news .title .naglowek h1,
        .video .title .naglowek h2, .video .title .naglowek h1  
        { padding: 10px; margin:0; float:left; font: 30px/1em Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:-2px; text-shadow:0 1px 3px #ccc; color:#6fa300;position: relative;top: 5px;}













		.naglowek .stars { float:left; list-style:none; margin:15px 0 0 0;}
		.naglowek .stars li { float:left; margin:0; padding:0; }
			.stars li a {text-decoration:none; color:#FFF; text-shadow: 0 -1px 0 #696969; font-weight:bold; font-size:11px; padding:6px 8px; margin:0 5px; background: url(../gfx/stars.png) no-repeat -1px -23px ; display:block;}
			.stars li.it a, .stars li a:hover { background-position: -1px 1px; text-shadow: 0 1px 0 #FFF; color:#198a00; position:relative; top:-1px;}
		
		.naglowek a.more, .naglowek a:visited.more { background:url(../gfx/more.png) 40px 0px no-repeat; float:right; font-size:11px; text-shadow:0 1px 0 #fff; text-decoration:none; color:#919191; text-transform:uppercase; margin:25px 0 0 0; padding: 3px 25px 5px 3px;}
		.naglowek a:hover.more { background-position: 40px -20px; color:#666;}
		
		.hot a { text-decoration:none; }
		.hot a .podpis {
			-moz-border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0;
			text-shadow: 0 0 1px #000;
			background-color:#000;
			margin:0;	padding:5px 10px 5px 5px;
			position:absolute;
			left:5px;			bottom:5px;}
			.hot a .podpis strong,
			.hot a .podpis span { letter-spacing:-1px; margin:0; padding:0;}
			.hot a .podpis strong {
				color:#baec35;
				font-size:36px;
				font-weight:normal;
				}
			.hot a .podpis span {
				color:#aaa;
				font-size:18px;
				}
			.hot a:hover .podpis * {color:#baff00; text-shadow: 0 0 5px #93d728;}
			.hot .star {position:absolute; bottom:25px; left:-10px;}
			
		.middle .klocek {margin-top:20px; padding:0;}
		
		.hot .pic {-moz-box-shadow: 0px 2px 2px #aaa; -webkit-box-shadow: 0px 2px 2px #aaa;border:solid 5px #000; -moz-border-radius: 5px;-webkit-border-radius: 5px;}
		.hot {margin:0 0 30px 0; position:relative;}
		
		.newsSnippet {
			list-style:none;
			margin:0 0 0 10px;
			padding:0;
			}
        .newsSnippetAll {margin: 0px; }
			.newsSnippet li {float:left; margin:0 0 0 10px;}
			.newsSnippet li:first-child {margin:0 0 0 5px;}
			.newsSnippet li a, .newsSnippet li a:visited {display:block; width:170px; height:180px; padding:0; position:relative; text-decoration:none; 
			
			background-color:#fff;
			border:5px solid #fff;
			-moz-box-shadow: 0px 1px 2px #999;
			-webkit-box-shadow: 0px 1px 2px #999;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;			
			
			
			}
			.newsSnippet li a:hover {
			-moz-box-shadow: 0px 2px 5px #999;
			-webkit-box-shadow: 0px 2px 5px #999;
			background-color:#000;
			border-color:#000; 
			
			}
			.newsSnippet li a img {width:170px;
			-moz-box-shadow: 0px 0px 0px #999 !important;
			-webkit-box-shadow: 0px 0px 0px #999 !important;
			-moz-border-radius: 0px !important;
			-webkit-border-radius: 0px !important;
			border :0

			}
			.newsSnippet li a  span {display:block; position:absolute; left:5px;}

			.newsSnippet li a .newsDate {top:120px; font-size:11px; color: #999}
			.newsSnippet li a .newsTitle {top:135px; font-size:12px; color:#0074a4; font-weight:bold;}
			.newsSnippet li a:hover .newsDate {color:#9aea00;}
			.newsSnippet li a:hover .newsTitle {color:#9aea00;}

			.newsSnippet li a:hover span {color:#baff00;
			
			text-shadow: 0 0 5px #93d728;
			
			}
			
		.video {}
			.video .videoDisplay { margin-left: -12px;padding:5px; 

			background-color:#000; 
			-moz-box-shadow: 0px 1px 2px #999;
			-webkit-box-shadow: 0px 1px 2px #999;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;

			}
	
	
	
/* --------------------------------------------------------------------- Definicje elementów związanych z prawą kolumną */
	#PageContent .right { width: 170px; margin-top:15px; }
	
	.right .sideStrip * {left: 30px;}
	
	.loginField {padding:5px; border:1px solid #E6E6E6; background:#fff; font-size:12px; color:#666; width:153px; margin: 10px 0 0 0;}
	
	.col .text {margin:5px 10px 10px 10px; padding:0; font-size:12px; width:155px; line-height:1.5em; text-shadow: 0 1px 0px #eee;} .ar { text-align:right; } .al { text-align:left; }
	.col .text.gruby {font-weight:700!important;}
	.col .text p {margin:10px 0 0 0;}
	
	.newsletter {position:relative;}
	#kartka {position: relative; top:8px; left:0; z-index:1; width:189px; height:135px; background:url(../gfx/newsletter.png) no-repeat;}
		#kartka div {width:150px;margin:0px 0 0 20px;padding-top:25px;}
		#kartka div input {border:none; border-bottom:1px solid #96b3e7; padding:3px; background:none; width:150px; color:#2b5bb4; font-size:12px;}
		#kartka div a {text-decoration:none; margin-top:30px; font-size:14px; color:#96b3e7; text-shadow:0 1px 0 #fff; display:inline-block;}
		#kartka div a.in {float:right; color:#2b5bb4; font-weight:bold;}
		#kartka div a:hover {color:#000}

		.newsletter .tekstzpaddingiem {padding-left: 12px;padding-bottom: 20px;padding-top: 5px;}
		.newsletter .text {padding-top:130px;}
	
	.kontakt {padding-bottom:100px;}
	.kontakt .text h4 { font-weight:bold; margin:0; padding:10px 0 0 0;}
	.kontakt .text .smaller { font-size:11px; color:#666; } .kontakt .text .smaller strong {font-size:12px;}
	
	.booking {position:relative;/* margin-top:100px;*/}
	/*.booking img {position:absolute; top:-140px; right:-25px;}*/
	
/* ---------------------------------------------------------------------- Stopka */

/* Stopka */
	#stopka {width:940px; height:230px; margin: 80px auto 0px auto; position:relative;}
		
		.logo {position:absolute; bottom:90px; left:25px;}
		.logo-travel {position:absolute; bottom:116px; right:70px;}
		.logo-shop {position:absolute; bottom:130px; right:0px;}
		
		.map { list-style:none; position:absolute; bottom:215px; left:138px; margin:0;}
		.map li { float:left; }
		.map li a { padding:2px; margin: 0 10px 0 0; text-decoration:none; text-shadow:0 1px 1px #ddd; color:#68655d; font-size:11px; font-weight:bold; }
		.map li a:hover { color:#111; }
		
		.copy { position:absolute; bottom:180px; left:130px; font-size:11px; color:#68655d; text-shadow: 0 1px 0 #e7e5d4; padding:7px 10px; background:url(../gfx/line.png) top repeat-x; border-top:1px solid #ddd;}
		.copy strong {font-size:11px;}
		.copy span { display:inline-block; width:155px; }
		.copy a { color:#68655d; text-decoration:none; } .copy a:hover {color:#111;}

/* ---------------------------------------------------------------------- Plain Text Page Section */

#breadcrums {
	padding:10px 0;
	border-bottom:1px solid #b5b5b5;
	margin: 36px 0 0 0;
	position:relative;
	text-shadow:0 1px 0 #eee;
}
#breadcrums a,#breadcrums a:visited { text-decoration:none; color:#888; font-size: 11px; font-weight:900; float:left;}
#breadcrums a:hover { color:#444;}
#breadcrums a:first-child {margin-left:10px;}
#breadcrums img { margin:0 5px; position:relative; top:3px; float:left;}
#breadcrums span { text-decoration:none; color:#888; font-size: 11px; font-weight:100; float:left;}

.klocek.naglowek {border:none; text-shadow:0 1px 0 #fff; margin:40px 0 0 0; padding-bottom:15px; border-bottom:1px solid #e5e5e5;}
.naglowek h1 { margin:0 10px; }

.klocek.tresc { margin-top:0;  text-shadow:0 1px 0px #eee;}
	.tresc h2 { font-weight:900; font-size:17px; color:#111; padding:10px 10px 5px 10px; text-shadow:0 1px 1px #ddd; margin:10px 0 0 0; clear:both;}
	.tresc h2 strong {font-weight:100;}
	.tresc h3 { font-size:14px; color:#70BD00; font-weight:900; padding:10px 10px 5px 10px; margin:0; text-shadow:0 1px 0px #ddd}
	.tresc h3.spcl {padding:10px; margin-bottom:0;}
	.tresc p, .tresc ul li { font-size:12px; color:#555; padding:0 10px; margin:0; margin-bottom:1em;}
	.tresc p {line-height:1.5em;}
	.tresc img { margin:2px 5px; -moz-box-shadow: 0px 2px 2px #aaa; -webkit-box-shadow: 0px 2px 2px #aaa;border:solid 5px #000; -moz-border-radius: 5px;-webkit-border-radius: 5px;}
	.tresc img.noborder {border:none;}
	.tresc img.lft { float:left; margin-left:0;}
	.tresc img.rgt { float:right; margin-right:0; }
	.tresc img.cntr { display:block; margin:5px auto; }
	.tresc ul { list-style:url(../gfx/bullet.png); margin:0 0 10px 25px; padding:0;}
		.tresc ul li {padding:0;line-height:1.3em;}
		.tresc ul li:first-child {margin-top:.5em;}

.middlebox {  display:block; clear:both; padding:10px; background:#f8f8f8 url(../gfx/GreyBackgroundStripes.png); border:1px solid #bbb; margin:10px 0; text-shadow: 0 1px 0 #FFF; -moz-box-shadow: 0 2px 7px #ccc; -webkit-box-shadow: 0 2px 7px #ccc; -moz-border-radius: 5px;-webkit-border-radius: 5px; }
	.middlebox h1 { font-size:14px; color:#70BD00; font-weight:bold; padding:10px; margin:0; text-shadow:0 1px 0px #ddd; margin-bottom:0; letter-spacing:0px;}
	.middlebox h1 span { font-weight: bold; }
	.middlebox ul { list-style:url(../gfx/bullet.png); margin:0 0 10px 20px; padding:0; color:#555555; font-size:12px; }
		.middlebox ul li {padding:0;line-height:1.3em; margin: 10px 0px;}
		.middlebox ul li:first-child {margin-top:.5em;}
	.middlebox .naglowek { border: 0; padding: 5px 0px; margin-top: 0px; }