/*
	 html & css by Tomczyk Krzysztof
*/


/*zerownia dla przegladarek*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,font,img,dl,dt,dd,ol,ul,li,fieldset,form,label,legend
{margin:0; padding:0; border:0;}

/*ustalenie for all div's + div czyszczacy*/
#wrap div {overflow:hidden; height:1%;}
div.cls {clear:both; height:0;}

/*style dla body. h1 & default link*/
body {text-align:center; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:13px; color:#333; background:#EFF7FA url(../img/bg.png) repeat-x top left;}
h1 {font-size:16px; margin:0 0 15px; color:#34769A; font-family:'Trebuchet MS'; letter-spacing:1px;}
a {color:#333; text-decoration:underline;}
a:hover {color:#000; text-decoration:underline;}

/*glowny div -  trzyma wszytko razem*/
#wrap {display:block; margin:0 auto; width:980px; text-align:left;}

/*header - linki + logo*/
#wrap #header {display:block; height:128px; color:#000; font-size:11px;}
#wrap #header .fixrounder {float:right; opacity:.80; filter:alpha(opacity=80); -moz-opacity: 0.8;}
#wrap #header span#toplinks {float:right; background:#fff; line-height:29px; opacity:.80; filter:alpha(opacity=80); -moz-opacity: 0.8;}
#wrap #header span#toplinks a {margin:0 5px;}
#wrap #header span#toplinks img {vertical-align:middle;}
#wrap #header #logo {float:left; margin:33px 0 0 33px;}
#wrap #header span#motto {float:left; position:relative; top:75px; left:-301px;  font-size:11px; color:#fff; letter-spacing:1px; padding:0 0 12px 0; width:280px;}


/*kontent strony*/
#wrap #content {display:block; background:#fff url(../img/bg_content.gif) repeat-y; /*IE stupid margin block --> */ *margin-top:-3px; padding:0 20px 0 20px; text-align:justify;}
	/*obrazki */
	#wrap #content #pictures {float:left; width:300px; text-align:left;}
	#wrap #content #pictures img {border:1px solid #4595C0; clear:both;}
	#wrap #content #pictures span {display:block; font-size:10px; color:#999; margin:0 0 20px 0;}
	#wrap #content #pictures2 {float:right; width:300px; text-align:right;}
	#wrap #content #pictures2 img {border:1px solid #4595C0; clear:both;}
	#wrap #content #pictures2 span {display:block; font-size:10px; color:#999; margin:0 0 20px 0;}
	#wrap #content #pictures3 {float:left; width:360px; text-align:right; margin:11px 0 0 11px;}
	#wrap #content #pictures3 img {border:1px solid #4595C0; clear:both; }
	#wrap #content #pictures3 span {display:block; font-size:10px; color:#999; margin:0 0 20px 0;}
	#wrap #content #pictures4 {float:left; width:440px; text-align:right; margin:11px 0 0 80px;}
	#wrap #content #pictures4 img {border:0 solid #4595C0; clear:both; }
	#wrap #content #pictures4 span {display:block; font-size:10px; color:#999; margin:11px 0 60px 0;}
	/*text & gallery*/
	#wrap #content .text {float:right; width:630px;}
	#wrap #content .text2 {float:left; width:610px;}
	#wrap #content .text3 {display:block; overflow:hidden; text-align:center;}
	#wrap #content p {margin:0 0 20px;}
	#wrap #content .gallery img {border:1px solid #4595C0; padding:1px; margin:0 5px 5px 0;}

	#wrap #content .galleryinside {width:100%;}
	#wrap #content .galleryinside td {width:33%; text-align:center; padding:10px 0;}
	
	#wrap #content .tours_box01 {display:block; overflow:hidden; height:215px; background:url(../img/bg_city_tours01.png) no-repeat; position:relative; margin:10px 0;}
	#wrap #content .tours_box01 img {position:absolute; top:8px; right:7px;}
	#wrap #content .tours_box01 .more {position:absolute; left:110px; bottom:15px; width:102px; height:21px; line-height:21px; background:url(../img/bg_read_more2.png) no-repeat; padding:0 0 0 5px; color:#fff; text-decoration:none;}
	#wrap #content .tours_box01 span {position:absolute; left:15px; top:15px; width:200px; color:#333; font-weight:bold; font-size:14px;}
	#wrap #content .tours_box01 p {position:absolute; left:15px; top:45px; width:190px; height:130px; font-style:italic;}
	#wrap #content .tours_box02 {display:block; overflow:hidden; height:215px; background:url(../img/bg_city_tours02.png) no-repeat; position:relative; margin:10px 0;}
	#wrap #content .tours_box02 img {position:absolute; top:8px; right:7px;}
	#wrap #content .tours_box02 .more {position:absolute; left:110px; bottom:15px; width:102px; height:21px; line-height:21px; background:url(../img/bg_read_more2.png) no-repeat; padding:0 0 0 5px; color:#fff; text-decoration:none;}
	#wrap #content .tours_box02 span {position:absolute; left:15px; top:15px; width:200px; color:#333; font-weight:bold; font-size:14px;}
	#wrap #content .tours_box02 p {position:absolute; left:15px; top:45px; width:190px; height:130px; font-style:italic;}
	
	#wrap #content .boxy {width:100%; text-align:center;}
	#wrap #content .boxy td {width:33%; background:#f5f5f5; padding:15px 10px; border:5px solid #fff; vertical-align:top;}
	#wrap #content .boxy td a {color:#295E74; text-decoration:none;}
	#wrap #content .boxy td:hover {background:#A8CFE2;}
	#wrap #content .boxy td:hover a {color:#fff;}
	#wrap #content .boxy td img {border:1px solid #fff; margin:0 0 5px 0;}
	#wrap #content .boxy td span {display:block; font-weight:bold;}
/*formularz*/
#wrap #content .formularz input {width:200px; border:1px solid #aaa;}
#wrap #content .formularz input.calendarDateInput {width:50px; border:1px solid #aaa;}
#wrap #content .formularz select {width:200px; border:1px solid #aaa;}
#wrap #content .formularz select.calendarDateInput {width:60px; border:1px solid #aaa;}
#wrap #content .formularz textarea {width:300px; height:150px; border:1px solid #aaa;}
#wrap #content .formularz input.sendme {width:100px; cursor: pointer; border:1px solid #4695C0; background:#7CB5D2; color:#fff;}

	
/*menu boczne*/
#wrap #content #menu2 {float:left; width:300px; text-align:center;}
#wrap #content #menu2 img {display:block; margin:0 auto;}
#wrap #content #menu2 a {display:block; background:#A8CFE2 url(../img/bg_menu2.png) repeat-x top left; font-size:14px; font-weight:bold; text-decoration:none; padding:5px; margin:0 26px 1px 26px; text-align:left;}
#wrap #content #menu2 a:hover,#wrap #content #menu2 a.active {background:#F7A6A6 url(../img/bg_menu2_hover.png) repeat-x top left;}
#wrap #content #menu2 a img {display:inline;}
#wrap #content #menu2 .sub {display:block; margin:0 auto; margin:0 26px 1px 26px; background:#FCD8D8; padding:10px 0; text-align:left;}
#wrap #content #menu2 .sub a {display:block; margin:0 auto; margin:0; background:none; padding:2px 20px; font-weight:normal;}
#wrap #content #menu2 .sub a:hover {background:#F9BFBF;}


/*menu gorne*/
#wrap #menu {display:block; height:30px; margin-bottom:20px;overflow:visible; position:relative; z-index:999; font-family:'Trebuchet MS';}
#wrap #menu ul {list-style-type:none;}
#wrap #menu ul li,#wrap #menu ul li.sfhover {position:relative; float:left; background:url(../img/bg_li.gif) no-repeat 3px 10px; margin-right:15px;}
#wrap #menu ul li a {display:block; color:#333; font-size:14px; padding:0 15px; line-height:30px; text-decoration:none;}
#wrap #menu ul li ul {display:none;}
#wrap #menu ul li:hover ul,#wrap #menu ul li.sfhover ul {display:block; position:absolute; left:0; top:30px; background:#fbfbfb; border-right:1px solid #f1f1f1; border-top:1px solid #f6f6f6; border-left:1px solid #f6f6f6; width:230px;}
#wrap #menu ul li:hover ul li,#wrap #menu ul li.sfhover ul li {background:#9DC9DE; border-bottom:1px solid #fff;}
#wrap #menu ul li:hover ul li a {font-weight:bold; font-size:12px; width:200px; line-height:20px;}
#wrap #menu ul li:hover ul li a:hover {background:#F58F8F; color:#fff;}
#wrap #menu ul li.sfhover ul li a {font-weight:bold; font-size:12px; width:200px; line-height:20px;}
#wrap #menu ul li.sfhover ul li a:hover {background:#F58F8F; color:#fff;}


/*stopka*/
#wrap #footer {display:block; margin:10px 0; color:#666; font-size:11px;}
#wrap #footer a {color:#666;}
#wrap #footer #left {float:left;}
#wrap #footer #right {float:right;}

/*unia*/
#wrap #unia {display:block; height:70px; text-align:center; padding:10px 0;}

/*bannergora*/
#wrap #header #bannergora {float:right; height:90px; width:400px; margin:-15px 30px 0 0;}