body	{
	background: url(img/bg.jpg) bottom left repeat-x #000;
	margin: 10 auto;
	padding: 0;
}

#container {
	display: block;
	text-align: left;
	width: 900px;
	margin: 0 auto;
	}
	
#header1 {
	display: block;
	text-align: right;
	width: 900px;
	height: 92px;
	background: url(img/bg_top.jpg) top left no-repeat;
	}
	
#header2 {
	display: block;
	text-align: left;
	width: 900px;
	height: 456px;
	background: url(img/bg11.jpg) top left no-repeat;
	vertical-align: bottom;
	}
	
#header2 div {
	padding-left: 80px;
	padding-top: 20px;
	display: block;
	width: 350px;
	background: url(img/thick.png) top left no-repeat;
	background-position: 30px 20px;
}

#header2 p {
	font: normal 12px arial;
	color: #caf5ff;
	line-height: 130%;
}

#header2 img {
	border: none; 
	margin-left: 20px;
	margin-right: 0px;
	margin-top: 30px;
}
	
#header3 {
	display: block;
	text-align: left;
	width: 900px;
	height: 241px;
	background: url(img/bg2.jpg) top left repeat-x;
	font: bold 13px arial;
	color: #202862;
	margin: 0;
	padding: 0;
	}
	
#header3 h1 {
	font: normal 30px "Trebuchet MS";
	color: #fff;
	padding: 0;
	margin: 0;
	line-height: 30px;
}

#header3 p {
	font: normal 12px arial;
	color: #caf5ff;
	line-height: 150%;
}

#header3 div {
	display: block;
	width: 500px;
	padding: 20px;
	float: left;
}

#header3 img {
	float: left;
	margin-right: 10px; 
}

#header3 #ico {
	float: left;
	padding: 20px 0 0 20px;
	display: block; 
	width: 125px;
	line-height: 15px;
}

#header3 #ico a:link, #header3 #ico a:visited {
	font: bold 13px "arial narrow";
	color: #072756;
	text-decoration: none;
}

#header3 #ico a:hover {
	font: bold 13px "arial narrow";
	color: #fff;
	text-decoration: none;
}
	
#main {
	clear: both;
	background: white;
	}
	
#main div {
	padding: 20px;
	display: block;
	width: 410px;
	float: left;
	}

#main div.left {
	padding: 20px;
	display: block;
	width: 500px;
	float: left;
	}
	
#main div.right {
	padding: 20px;
	display: block;
	width: 310px;
	float: right;
	}
	
#main .ico {
	border: solid 5px #ddd;
	margin: 0 8px 8px 0;
}
	
#main ul {margin: 0; padding: 0;}	

#main ul li { font-size: 12px; 
	font-family: Arial, Geneva, Swiss, SunSans-Regular; 
	line-height: 10pt;
	list-style-type: none;
	padding-left:20px;
	margin-left:10px;
	margin:3px 0;
	color: #777;
	background: url(img/list.gif) top left no-repeat;
	background-position: 0px 2px;
	}
	
#main ul li a {
	color: #444;
	text-decoration: none;
	}
	
#foot {
	clear: both;
	display: block;
	text-align: left;
	width: 900px;
	height: 69px;
	background: url(img/foot.png) top left no-repeat;
	}
	
#logo {
	border: 0px;
	float: left;
	margin: 20px 0 0 15px;
	}
	
#pad20 {
	padding: 20px;
	}

/* ---------------------- menu główne ---------------------- */

#navbar {
	display: block;
	margin: 0;
	padding: 0;
	list-style-type:none;
	width: 934;
	height: 20px;
	background: url(img1/bg_menu.jpg) repeat-x top left;
	float: right;
	}
	
#navbar li {
	display:block;
	float:left;
	margin:0;
	}
	
#navbar li a {
	font: bold 13px "arial narrow";
	display:block;
	float:left;
	color:#fff;
	text-decoration:none;
	padding:0 10px;
	height:20px;
	line-height: 20px;
	margin-top: 66px;
	}

#navbar li a:hover, #navbar li a.current {
	color:#fff;
	background:transparent url(img1/bg_menu1.jpg) repeat-x top center;
	}
	
#nav {
	display: block;
	margin: 0;
	padding: 0;
	width: 934;
	height: 37px;
	background: url(img1/nav.jpg) repeat-x top left;
	}


/* ---------------------- panele boczne ---------------------- */

#panel1	{
	position:relative; 
	margin: 0;
	padding: 0;
	display: block;
	width: 250px;
	height: 294px;
	background: url(img1/panel1.png) center no-repeat}
	
#panel2	{
	position:relative; 
	margin: 0;
	padding: 0;
	display: block;
	width: 250px;
	height: 272px;}
	
#c1	{
	position:absolute; 
	top: 238px;
	left: 80px;
	font: bold 11px arial;
	text-align: right;
	color: white;
	}

#c2	{
	position:absolute; 
	top: 238px;
	left: 110px;
	width: 120px;
	font: normal 11px arial;
	text-align: left;
	color: white;
	}
	
#c3	{
	position:absolute; 
	top: 225px;
	left: 12px;
	width: 230px;
	font: normal 11px arial;
	text-align: left;
	color: white;
	}

/* ---------------------- treść strony ---------------------- */
	
#col1 {
	display: block;
	text-align: left;
	padding: 0;
	margin: 0;
	width: 640px;
	border: solid 0px black;
	}
	
#col2 {
	display: block;
	text-align: left;
	padding: 0px;
	margin: 0px;
	width: 280px;
	float: right;
	border-left: dotted 1px silver;
	}
	

	
#bottom_grey {
	display: block;
	text-align: left;
	width: 934px;
	height: 240px;
	background: url(img1/bg_bottom.jpg) repeat-x top left;
	margin: 0;
	padding: 0;
	}
	
#recent_panos {
	display: block;
	text-align: left;
	width: 934px;
	height: 156px;
	background: url(img1/bg_bottom1.jpg) repeat-x top left;
	margin: 0;
	padding: 0;
	}
	
#pad {
	margin: 0 15px;
	}
	
#dot {
	position: absolute;
	z-index: 1;
	height: 2px;
	visibility: visible;
	display: block;
	}

/*--- mapa ---------------------------------------------*/

#map	{width: 250px; height: 300px; overflow: hidden;}
#bar1	{width: 250px; display: block; height: 34px; line-height: 34px; overflow: hidden; color: black; font: normal 11px arial; text-align: right; background: url(img1/bar1.jpg) top left no-repeat}
#bar1 a {font: normal 12px tahoma;
	display:block;
	float:left;
	color:#000;
	text-decoration:none;
	padding:0 10px;
	height:34px;
	line-height: 34px;
	}
#bar2	{display:block; width: 250px; height:34px; line-height:34px; color: black; font: normal 11px arial; text-align: left; background: url(img1/bar2.jpg) top left no-repeat}
#bar2 span	{font: normal 12px tahoma; display:block; float:left; color:#000; padding:0 10px; height:34px; line-height: 34px;
	}
	
/*--- uczestnicy ---------------------------------------------*/
	
#user_col1 {
	display: block;
	text-align: left;
	padding: 0;
	margin: 0;
	width: 220px;
	float: left;
	}
	
#user_col1 p 	{ font-size: 11px; 
	font-family: Arial, Geneva, Swiss, SunSans-Regular; 
	color: #666666;
	margin: 0;
	padding: 10px 0;
	line-height: 120%;
	text-align: left;
	}
	
#user_col2 {
	display: block;
	text-align: left;
	padding: 0;
	margin: 0;
	width: 390px;
	float: left;
	}
	
#user_pic {border: solid 6px #e3e3e3;}

#last_vtours {
	padding: 3px 10px; 
	font-size: 11px; 
	font-family: Arial, Geneva, Swiss, SunSans-Regular; 
	color: #666666;
	line-height: 120%;
	text-align: left;
}
                                                   
/*-----------------------------------------*/
	
p 	{ font-size: 12px; 
	font-family: Arial, Geneva, Swiss, SunSans-Regular; 
	color: #666666;
	margin: 0;
	padding: 10px 0;
	line-height: 150%;
	text-align: left;
	}
	
td 	{ font-size: 11px; 
	font-family: Arial, Geneva, Swiss, SunSans-Regular; 
	color: #0f4878;
	margin: 0;
	line-height: 110%;
	}

ul li 	{ font-size: 12px; 
	font-family: tahoma, Arial, Geneva, Swiss, SunSans-Regular; 
	line-height: 10pt;
	list-style-type: square;
	margin-bottom: 8px;
	color: #777 }
	
ol li 	{ font-size: 11px; 
	font-family: tahoma, Arial, Geneva, Swiss, SunSans-Regular; 
	color: #777;
	margin-bottom: 8px; }

h1 {
	color: #2796d6;
	font-weight: normal;
	font-size: 20px;
	font-family: "Trebuchet MS";
	margin: 0;
	padding: 10px 0;
}

h2 {
	color: #00c0ec;
	font-weight: bold;
	font-size: 20px;
	font-family: "Arial Narrow";
	line-height: 90%;
	margin: 0;
	padding: 0;
}

h3 {
	color: #2796d6;
	font-weight: bold;
	font-size: 14px;
	font-family: "Arial";
	margin: 0;
	padding: 10px 0;
}

h3 span {
	color: #2796d6;
	font-weight: bold;
	font-size: 11px;
	font-family: "Arial";
}

hr {background-color: #ddd; border: solid 1px #ddd;}

.search {
	height: 28px;
	width: 149px;
	padding: 6px 12px 0px 25px;
	border: none;
	background:url('img1/bg_search.jpg') no-repeat right top;
	color: white;
	font: mormal 11px arial;
	}
		
.infobox {
	line-height: 110%;
	font-size: 11px;
	}

.number {
	margin-right: 10px;
	margin-bottom: 30px;
	float: left;
	}
	
.recent_pano {
	display: block;
	float: left;
	width: 210px;
	height: 135px;
	background: #fff;
	margin-left: 19px;
	margin-top: 10px;
	}
	
.recent_pano img {
	margin-left: 5px;
	margin-top: 5px;
	}
	
.recent_pano p {
	margin: 0;
	padding: 0;
	font: normal 11px arial;
	padding: 0 5px;
	color: #666;
	}
	
.info 	{ font-size: 11px; 
	font-family: Arial; 
	color: #666666;
	margin: 0;
	padding: 10px 0;
	line-height: 110%;
	text-align: left;
	}
	
#links {
	display: block;
	margin: 0;
	padding: 0 0 0 20px;
	list-style-type:none;
	width: 934;
	text-decoration: none;
	color: #666;
	text-align: left;
	}
	
#links li {
	display:block;
	float:left;
	margin:0;
	}
	
#links li a {
	font: normal 11px arial;
	display:block;
	float:left;
	color:#666;
	text-decoration:none;
	padding:0px;
	height:16px;
	line-height: 16px;
	width: 180px;
	}

#links li a:hover {
	color:#fff;
	}

/*--------------------------------------------------*/

a.submenu
	{
	display: block;
	margin: 0;
	padding: 2px 0 0 0;
	width: 220px;
	height: 22px;
	line-height: 24px;
	background: url(img/line.gif) left bottom no-repeat;
	text-decoration: none;
	padding-left: 5px;
	color: #666666;
	font: bold 12px "Trebuchet MS";
	}
           
a.submenu:visited 
	{
	text-decoration: none;
	color: #666666;
	font: bold 12px "Trebuchet MS";
	}
           
a.submenu:hover 
	{
	text-decoration: none;
	color: #6699CC;
	font: bold 12px "Trebuchet MS";
	}

/*--------------------------------------------------*/

ul#navlist
	{
	margin: 0;
	padding: 0;
	}

#navlist li
	{
	display: inline;
	list-style-type: none;
	}

#navlist a 
	{ 
	color: #000;
	text-decoration: none;
	line-height: 45px;
	height: 45px;
	padding: 0 10px;
	background: url(img/navbar_separator.jpg) top right no-repeat;
	}

#navlist a:link, #navlist a:visited
	{
	line-height: 45px;
	height: 45px;
	color: #000;
	text-decoration: none;
	background: url(img/navbar_separator.jpg) top right no-repeat;
	}

#navlist a:hover
	{
	line-height: 45px;
	height: 45px;
	color: #000;
	text-decoration: none;
	background: url(img/navbar_separator.jpg) top right no-repeat;
	}
	
/* ---------------------- flash content ---------------------- */
	
#flashcontent {
	height: 290px;
	}
/* end hide */
#flashcontent {
	color: #666
	}
#flashcontent a {
	color: #222;
	}
#flashcontent a:hover {
	color: #666;
	}
	
/* ----------------------------------------------------------- */

.dtree {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	white-space: nowrap;
}
.dtree img {
	border: 0px;
	vertical-align: middle;
}
.dtree a {
	color: #cccccc;
	text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
	color: #666666;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	color: #000000;
	text-decoration: underline;
}
.dtree a.nodeSel {
	background-color: none;
	color: #000000;
	font-weight: bold;
}
.dtree .clip {
	overflow: hidden;
}

/* ----------------------------------------------------------- */

#crumbs {
	height:35px;
	margin:0;
	padding:0;
	}
#crumbs li {
	float:left;
	list-style-type:none;
	height: 35px;
	line-height: 35px;
	color:#777;
	padding-left:15px;
	}		
#crumbs li a {
	background:url(img1/crumbs.gif) no-repeat right center;
	display:block;
	padding:0 20px 0 0;
	}							
#crumbs li a:link,
#crumbs li a:visited {
	color:#777;
	text-decoration:none;
	}	
	
/* ---- slider ------------------------------------------------------- */

h4 {
	padding: 15px 0 0 0;	
	margin: 0;
	font-size: 12px;
}

div#feature_list {
	width: 620px;
	height: 240px;
	overflow: hidden;
	position: relative;
	background: #f8f8f8;
	border: solid 1px #eee;
}

div#feature_list ul {
	position: absolute;
	top: 0;
	list-style: none;	
	padding: 0;
	margin: 0;
}

ul#tabs {
	left: 0;
	z-index: 2;
	width: 225px;
}

ul#tabs li {
	font-size: 11px;
	font-family: Arial;
	height: 60px;
	margin: 0;
	padding: 0;
}


ul#tabs li a {
	color: #222;
	text-decoration: none;	
	display: block;
	padding: 0 0 0 10px;
	margin: 0px;
	height: 60px;
	outline: none;
}

ul#tabs li a:hover {
	text-decoration: underline;
}

ul#tabs li a.current {
	background:  url('img1/feature-tab-current.png') right center;
	color: #FFF;
	
}

ul#tabs li a.current:hover {
	text-decoration: none;
	cursor: default;
}

ul#output {
	right: 0;
	width: 420px;
	height: 240px;
	position: relative;
}

ul#output li {
	position: absolute;
	width: 420px;
	height: 240px;
}

ul#output li a {
	position: absolute;
	bottom: 10px;
	right: 10px;
	padding: 6px 12px;
	text-decoration: none;
	font-size: 11px;
	color: #FFF;
	background: #000;
	-moz-border-radius: 18px;
}

ul#output li a:hover {
	background: #369;
}

img	{border: none}

    li.trigger {
	padding: 0px;
	margin: 0;
	background: url(h2_trigger_a.gif) no-repeat;
	height: 16px;
	line-height: 16px;
	width: 400px;
	font-weight: bold;
	float: left;
}
li.trigger a {
	color: #666;
	text-decoration: none;
	display: block;
}
li.trigger a:hover { color: #ccc; }
li.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/

.toggle_container {
	margin: 0px;
	padding: 0 0 0 50px;
	overflow: hidden;
	width: 350px;
	clear: both;
}
.toggle_container .block {
	padding: 10px; /*--Padding of Container--*/
	background: url(toggle_block_btm.gif) no-repeat left bottom; /*--Bottom rounded corners--*/
}