/* RESET
------------------------------- */ 
@import url(reset.css);


/* GENERIC
------------------------------- */
body {background: #27394d; color: #383838; font: normal 11px/1.4em Tahoma, sans-serif}
a {color: #555; text-decoration: underline}
a:hover {color: #aaa} 
input, select, textarea, button {font-family: Tahoma, sans-serif; font-size: 1em}
textarea {overflow: auto; line-height: 1.5em}
strong {font-weight: bold;}
p, ul, table, dl {margin-bottom: 1em;}


/* COMMON CLASSES
------------------------------- */
.alignCenter {text-align: center} .alignRight {text-align: right} .alignLeft {text-align: left}
.floatRight {float: right} .floatLeft {float: left}
.clear {clear: both} .clearLeft {clear: left}
div.clear {height: 0; font-size: 0; line-height: 0; overflow: hidden;  }
.strong, .bold {font-weight: bold}
.hidden {display: none} 
input.textinput, textarea, select {border: 1px solid #d4d4d4; padding: 2px}
input.textinput:focus, textarea:focus, select:focus {border-color: #999 }
input.button {padding: 2px 16px}


/* LAYOUT 
------------------------------- */

#page {width: 770px; margin: 0 auto;}

#header {height: 225px; position: relative; top: 66px; background: #1e2b3b; margin-bottom: 71px; }
/* - 00: orygina� */
/*  	#logo {width: 243px; text-align: center;}
		#logo h1 {padding-top: 75px; color: #fff; font: bold 32px/1.4em "Trebuchet MS"; letter-spacing: -2px}
			#logo h1 a {color: #fff; text-decoration: none;}
		#logo p {color: #929d37; font-size: 14px; font-style: italic;}
	#picture {position: absolute; right: 0; top: 0}   */	
/* - 01: ma�e zdj�cie po lewej */
/* 	#logo {margin-left: 207px; text-align: center;}
		#logo h1 {padding-top: 75px; color: #fff; font: bold 32px/1.4em "Trebuchet MS"; letter-spacing: -2px}
			#logo h1 a {color: #fff; text-decoration: none;}
		#logo p {color: #929d37; font-size: 14px; font-style: italic; font-family: Georgia}
	#picture {position: absolute; left: 0; top: 0} */
/* - 02: rozszerzone zdj�cie */
	#logo {width: 210px; text-align: center; margin-left: 3px;}
		#logo h1 {padding-top: 75px; color: #fff; font: bold 32px/1.0em "Trebuchet MS"; letter-spacing: -2px}
			#logo h1 a {color: #fff; text-decoration: none;}
		#logo p {color: #929d37; font-size: 14px; }
			#logo p a {color: #929d37; font-size: normal; text-decoration: none;}
	#picture {position: absolute; right: 0; top: 0} 
		#picture img {width: 555px} 

#sitenav {height: 62px; position: absolute; top: 0; width: 770px; background: #0096c9 url(../images/sitenav.png) no-repeat; font: 14px "Lucida Sans Unicode", "Lucida Grande", LucidaGrande, "Lucida Sans", Geneva, Verdana, sans-serif; }
	#sitenav ul {text-align: center; padding: 20px 0 20px 0; margin: 0}
	#sitenav li {padding-left: 20px; margin-left: 20px; display: inline; background: url(../images/sitenav-sep.gif) 0 50% no-repeat }
	#sitenav li:first-child, #sitenav li.first {padding-left: 0; margin-left: 0; background: none }
	#sitenav li a {color: #fff; text-decoration: none;}
	#sitenav li a:hover {text-decoration: underline;}
	#sitenav li.active {font-weight: bold;}

#main {background: #fff url(../images/main-top.png) 0 0 no-repeat;  padding: 7px 7px 0px 7px;  zoom:1}
.main_scheme0 {}
.main_scheme1 {}
.main_scheme2 {}
	.main_scheme2 #content {float: none; width: auto}
	.main_scheme2 #menu {display: none;}

#menu {float: left; width: 200px}
div.menu {margin-bottom: 7px; background: #e0f1f8 url(../images/menu-t.png) no-repeat }
	div.menu ul {padding: 7px 10px; margin: 0; background: url(../images/menu-b.png) 0 100% no-repeat }
		div.menu li {border-top: 1px dashed #949494; padding: 2px 0; margin-bottom: 1px;}
		div.menu li:first-child, div.menu li.first {border-top: none}
			div.menu a {color: #000; text-decoration: none; padding-left: 20px; background: url(../images/b4.gif) 5px 50% no-repeat }
			div.menu a:hover {text-decoration: underline; color: #333;}
div.menu_alt {background-color: #e6eed7; background-image: url(../images/menu_alt-t.png); margin-bottom: 2px;}
	div.menu_alt ul {background-image: url(../images/menu_alt-b.png);}
div.menu li.active {font-weight: bold;}

#content {float: right; width: 550px}	

#content-1st {float: left; width: 341px;}
#content-2nd {float: right; width: 203px}

.outline {background: #fff url(../images/outline-tr-loop.gif) top right no-repeat; margin-bottom: 11px}
	.ol-in0 {background: url(../images/outline-tl.gif) top left no-repeat; zoom:1}
	.ol-in1 {background: url(../images/outline-br-loop.gif) bottom right no-repeat}
	.ol-in2 {background: url(../images/outline-bl.gif) bottom left no-repeat; padding: 4px 0}
	.ol-in3 {border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; padding: 3px 7px 0 7px; zoom:1; overflow: hidden;}

div.hd {color: #fff; font-weight: bold; margin-bottom: 8px;}
	div.hd h2 {height: 35px; padding: 0 14px; line-height: 35px; font-size: 14px;}
div.hd_0 {background: #7f7f7f url(../images/hd0-r-loop.png) 100% 0 no-repeat}	
	div.hd_0 h2 {background: url(../images/hd0-l.png) 0 0 no-repeat }	
div.hd_1 {background: #7f7f7f url(../images/hd1-r-loop.png) 100% 0 no-repeat}	
	div.hd_1 h2 {background: url(../images/hd1-l.png) 0 0 no-repeat }	
div.hd_2 {background: #7f7f7f url(../images/hd2-r-loop.png) 100% 0 no-repeat}	
	div.hd_2 h2 {background: url(../images/hd2-l.png) 0 0 no-repeat }	
div.hd a {color: #fff;}

div.inner {margin: 0 10px}

p.pager {text-align: center; line-height: 2em; margin-bottom: 0.8em; _zoom: 1;}
	p.pager a {padding: 3px 5px; text-decoration: none; background: #E0F1F8; }
	p.pager a:hover {background: #0083bb; color: #fff;}
	p.pager strong.active {padding: 2px 4px; border: 1px solid #E0F1F8 }
	

ul.list_1 li {padding-left: 16px; background: url(../images/b0.gif) 4px 10px no-repeat; border-top: 1px solid  #e5e5e5; padding-top: 4px; margin-bottom: 4px;}
	ul.list_1 li a {text-decoration: none;}
ul.list_1 li:first-child, ul.list_1 li.first {border-top: 0; padding-top: 0; background-position: 4px 6px}	

ul.list_2 li {padding-left: 12px; background: url(../images/b2.gif) 4px 1em no-repeat; border-top: 1px solid  #e5e5e5; padding-top: 6px; margin-bottom: 6px;}
ul.list_2 li:first-child, ul.list_2 li.first {border-top: 0;}
	
a.more1 {padding-left: 12px; background: url(../images/b5.gif) 0 50% no-repeat; color: #7a8618;}
a.more1:hover {color: #0083bb;}
	
ul.galleries {_zoom: 1;}
ul.galleries  li.g {float: left; /* margin: 0 64px 20px 64px */ margin: 0 0 12px 0; width: 49.999%; text-align: center;}
ul.galleries  li.g div.cover {margin: 8px}
ul.galleries  li.g div.cover img {border: solid #d8d8d8; border-width: 1px 3px 3px 1px; padding: 5px; width: 125px; height: 94px}
ul.galleries  li.g h3 {font-size: 14px; font-weight: bold;}

ul.galleries:after/* , #main:after  */{content: ""; display: block; height: 0; overflow: hidden; clear: both}

ul.gallerySpot {_zoom:1; margin: 0 -6px 0 0; overflow: hidden;}
ul.gallerySpot li {float: left; margin-right: 6px; line-height: 0;}
ul.gallerySpot li.rx {margin-right: 0;}
ul.gallerySpot li a {}
ul.gallerySpot li a:hover {display: block;}
ul.gallerySpot li img {width: 90px; height: 90px; margin-bottom: 6px; vertical-align: top; border: 1px solid #d8d8d8; padding: 3px} 
ul.gallerySpot li a:hover img {border-color: #b6bd03; background-color: #bfd45d} 

ul.gallery {text-align: center;}
ul.gallery li {display: inline;}
ul.gallery li a img {border: 1px solid #d8d8d8; padding: 3px; margin: 4px; width: 125px; height: 94px; background: #fff;}
ul.gallery li a:hover img {border-color: #0083bb; background-color: #009fcf} 

dl.properties {}
dl.properties dt {float: left; clear: left; padding-right: 7px; font-weight: bold;}
dl.properties dd {margin-bottom: 0.5em}

dl.form-row {}
dl.form-row dt {float: left; width: 120px; text-align: right}
dl.form-row dd {margin-left: 120px; padding-left: 8px;}
dl.form-row .textinput, dl.form-row textarea, dl.form-row select {width: 250px}

ul.comments p.meta {margin-bottom: 0; color: #a0a0a0;}
ul.comments .when {float: right;}
ul.comments p.meta strong, ul.comments p.meta cite {color: #383838; font-weight: bold;}

table.meteo {border-collapse: collapse; margin: 1em auto; }
table.meteo td, table.meteo th {border: 1px solid #d8d8d8; padding: 3px; text-align: center;}
table.meteo tr.caption th {background: #e6eed7; text-align: center; font-weight: bold;}
table.meteo tr.subcaption th {background: #e0f1f8; }

div.msg-info, div.msg-error {padding: 4px 6px 0 6px; margin-bottom: 1em; text-align: center;}
div.msg-info p, div.msg-error p {margin: 0 0 4px 0}
div.msg-info {border: 1px solid #99cc66; background: #f2ffda; color: #006600;}
div.msg-error {border: 1px solid #ff9999; background: #ffece5; color: #cc3333;}

#footer {text-align: center; color: #fff; background: url(../images/main-btm.png) 0 0 no-repeat; padding: 20px 0;}
#footer li {display: inline; margin-right: 15px;}
	#footer a {color: #fff;}
	#footer li a {font-weight: bold;}
	#footer i {font-style: normal; margin-left: 15px}
	
/* forum */
#main #brd-page {font-size: 12px; width: auto;}

table.offers {border-collapse: collapse; border-left: 1px solid #cfe0e8; margin-left: auto; margin-right: auto; width: 100%}
table.offers thead {background: #eaf1f4}
table.offers thead th {border: 1px solid #cfe0e8; padding: 6px 10px;}
table.offers tbody td {border: 1px solid #cfe0e8; padding: 6px 10px; vertical-align: top;}
table.offers tbody tr:hover {background: #f5fcff}
table.offers .photo {text-align: center;}
table.offers td.photo {width: 125px; padding: 0px 0 0 0; text-align: center;}
table.offers td.photo a {font-weight: bold;}
table.offers td.photo img {display: block; }
table.offers td.desc {padding-bottom: 4px;}
td.desc h4 {margin-bottom: 3px;}
table.offers a {color: #008fd7; text-decoration: none}