/* kis.css */
* {padding:0; margin:0;}
body {font-family:Trebuchet MS, Georgia, Arial, Verdana, Helvetica, sans-serif; font-size:12px; color:#000; background:#fff;}
img, a img {border:0;}

/* lista */
#menu-bottom {
	width:900px; height:50px; margin:0 auto;
	list-style:none; list-style-position:inside
	}
.item {float:left; width:140px; height:50px; margin:0 5px;}
/* lista: link */
.link {float:left; width:140px; height:50px;}
#jednorodzinne {background:url(img/btn-menu-jednorodzinne.gif) 0px 0px;}
#jednorodzinne:hover  {background:url(img/btn-menu-jednorodzinne.gif) 0px -50px!important;}
#jednorodzinne.active {background:url(img/btn-menu-jednorodzinne.gif) 0px -100px;}
#mieszkaniowe  {background:url(img/btn-menu-mieszkaniowe.gif) 0px 0px;}
#mieszkaniowe:hover  {background:url(img/btn-menu-mieszkaniowe.gif) 0px -50px!important;}
#mieszkaniowe.active {background:url(img/btn-menu-mieszkaniowe.gif)  0px -100px;}
#pensjonatowe {background:url(img/btn-menu-pensjonatowe.gif) 0px 0px;}
#pensjonatowe:hover  {background:url(img/btn-menu-pensjonatowe.gif)  0px -50px!important;}
#pensjonatowe.active {background:url(img/btn-menu-pensjonatowe.gif)  0px -100px;}
#letniskowe {background:url(img/btn-menu-letniskowe.gif) 0px 0px;}
#letniskowe:hover  {background:url(img/btn-menu-letniskowe.gif) 0px -50px!important;}
#letniskowe.active {background:url(img/btn-menu-letniskowe.gif) 0px -100px;}
#uslugowe      {background:url(img/btn-menu-uslugowe.gif) 0px 0px;}
#uslugowe:hover  {background:url(img/btn-menu-uslugowe.gif) 0px -50px!important;}
#uslugowe.active {background:url(img/btn-menu-uslugowe.gif) 0px -100px;}
#sportowe      {background:url(img/btn-menu-sportowe.gif) 0px 0px;}
#sportowe:hover  {background:url(img/btn-menu-sportowe.gif) 0px -50px!important;}
#sportowe.active {background:url(img/btn-menu-sportowe.gif) 0px -100px;}


.c {clear:both; height:0px; line-height:0px; font-size:0px;}
.c10 {clear:both; height:10px; line-height:10px; font-size:0px;}
.c20 {clear:both; height:20px; line-height:20px; font-size:0px;}
.c30 {clear:both; height:30px; line-height:30px; font-size:0px;}

.alpha {filter:alpha(opacity=10); -moz-opacity:0.1; opacity:0.1;}
.alpha:hover {filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}

.alpha-1 {filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4;}
.alpha-1:hover {filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}

.left {float:left;}
.right {float:right;}
.hr {display:block; height:1px; margin:3px 0; background:#444; visibility:visible;}

a, h1, h2, h3 {color:#030;}
h1 {font-size:1.62em;}
h2 {font-size:1.482em;}

p {padding:0px; font-size:1.12em; letter-spacing:1px;}
.panel-foto {font-size:0.92em;}

#site {width:1000px; height:800px; margin:0 auto; background:url('img/kis-2.jpg') no-repeat;}
#site-portfolio {width:1000px; height:800px; margin:0 auto; background:url('img/kis-2-portfolio.jpg') no-repeat;}
#site-portfolio-menu {
	width:1000px; min-height:800px; margin:0 auto; 
	background:url('img/kis-2-portfolio-menu.jpg') no-repeat;
	}
.pensjonatowe {
	background:url('img/bg-pensjonatowe.jpg') top left no-repeat!important;
	}

#site-kontakt {width:1000px; height:800px; margin:0 auto; background:url('img/kis-2-kontakt.jpg') no-repeat;}

#wrapper {height:69px; background:none;}

#top {clear:both;}

#top-logo {float:right; width:720px; background:none;}
#logo {display:block; width:200px; height:34px; border:0px solid #400; background:none;}

#top-header {clear:both; height:70px; background:none;}
/* lista */
#top-menu {list-style:none; list-style-position:inside; float:right; width:300px; height:200px; margin:23px 0 0 0; background:none;}
#top-menu li {display:block; width:170px; height:33px; margin:0; line-height:33px; color:#fff; background:none;}
#top-menu li a {display:block;}
#top-menu li img {width:170px; height:33px; background:none;}
#top-menu li a:hover {background:#f9f9f9;}

#top-menu-2 {clear:both; width:1000px; height:35px; border-bottom:0px solid #fff; background:url(img/menu.png) no-repeat;}

#top-logo-2 {float:left; width:200px; height:35px;}
.top-logo-2 {float:left; width:200px; height:34px;}
.top-logo-2:hover {border-bottom:1px solid #fff;}
#architekci:hover {background:#eaeaea url(img/menu.png) no-repeat -200px 0px;}
#portfolio:hover {background:#eaeaea url(img/menu.png) no-repeat -400px 0px;}
#projekty:hover {background:#eaeaea url(img/menu.png) no-repeat -600px 0px;}
#kontakt:hover {background:#eaeaea url(img/menu.png) no-repeat -800px 0px;}

#content {background:none;}
.column {float:left;}

.panel {padding:20px; background:none;}
.panel h1 {border-bottom:1px solid #040; padding-bottom:7px; margin:0 0 14px;}

.more {float:right !important; margin:7px 0 0 0 !important; padding:2px !important; border:1px solid #c8c8c8 !important; background:#eaeaea url(img/bg-btn.png) repeat-x left bottom; color:#444 !important; text-decoration:none !important; font-size:0.92em !important;}
.more:hover {border:1px solid #444 !important; color:#000 !important;}
.more div {float:left !important; padding:2px 14px 0 !important;}
.more img {float:left !important; vertical-align:middle !important; border:0 !important;}

#column-1 {width:300px;}
#column-2 {width:400px;}
#column-3 {width:300px;}
#column-3 .panel {}

#ImgFlow2 {background:none; padding:14px;}
#info1 {text-align:center; margin-bottom:28px;}

#gallery-menu {padding:20px; text-align:left; font-size:1.4em; font-family:georgia !important;}
#gallery-menu a {display:block; margin:0 0 14px 0; padding:7px; border:1px solid transparent; color:#777; text-decoration:none; font-weight:bold;}
#gallery-menu a:hover {color:#333; text-decoration:none; border:1px solid #444 !important;}
#gallery-menu a:active {color:#bbb; text-decoration:none; border:1px solid transparent}
#gallery-menu a:visited {color:#333; text-decoration:none; border:1px solid transparent}
#gallery-menu .active {color:#bbb; text-decoration:none; border:1px solid #777 !important; filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4;}

.gallery-mod {
	float:right; width:660px; padding:0px; 
	background:none;
	}
.gallery-mod h1 {padding:14px 0 14px 75px; border-right:1px solid #D7E5CD;}
.gallery-mod h2 {margin:0 0 14px 0; padding:7px; border:1px solid #D7E5CD; background:#eaeaea url('img/bg-btn-.png') repeat-x left bottom;}
.gallery-mod h2 span {padding:2px 7px;}
.gallery-mod h2 a {color:#030; text-decoration:none; font-size:14px;}
.gallery-mod h2 a:hover {color:#030; text-decoration:underline;}
.gallery-mod h2 a:active {color:#030; text-decoration:none;}
.gallery-mod h2 a:visited {color:#030; text-decoration:none;}

.gallery-mod a {padding:0px; border:0px solid #D7E5CD; color:#555; font-weight:600; font-size:1.2em; text-decoration:none;}
.gallery-mod a:hover {color:#020; text-decoration:underline;}
.gallery-mod a:active {color:#555; text-decoration:none;}
.gallery-mod a:visited {color:#555; text-decoration:none;}

.gallery-mod img {float:left; padding:0; border:1px solid #D7E5CD;}
.gallery-mod img:hover {padding:0; border:1px solid #030;}
.gallery-mod em {clear:both; float:left; padding:5px; font-style:normal;}

.kontakt {font-size:1.12em; font-weight:bold; padding:20px; text-align:left; color:#000;}
.kontakt span {font-weight:normal !important; font-size:12px;}
.kontakt a {font-size:inherit !important; padding:0 !important; float:none; color:#030 !important;}

#google-map {float:left; margin:14px; padding:7px; color:#444; text-align:left; text-decoration:none; border:1px solid #c8c8c8; background:#eaeaea url('img/bg-btn.png') repeat-x left bottom;}
#google-map:hover {border:1px solid #444; color:#000;}

#footer {
	clear:both; height:100px; margin:9px 0 0 0; padding:9px 0 0 0; 
	border-top:1px solid #c8c8c8;
	}
#footer ul {float:left; width:600px; list-style-position:inside; list-style:none; font-size:12px; text-align:center;}
#footer li {display:inline; width:170px; height:33px; margin:0 9px; line-height:13px; color:#777;}
#footer li a {color:#444; text-decoration:none; font-family:arial;}
#footer li a:hover {color:#ccc !important; text-decoration:none;}
#footer li a:active {color:#444; text-decoration:none;}
#footer li a:visited {color:#444; text-decoration:none;}

#linki {line-height:32px;}
#linki img {margin-bottom:7px;}

/* fisheye */
table.fisheye {clear:both; width:1000px; height:200px; margin:0 auto;}
table.fisheye td {padding:0px;}
img.fisheye {width:200px; border:0px solid #D7E5CD;}

/* PRELOADER */
div#preload, div#prelkom, div#prelcie {position:fixed; /* position: absolute; dla IE6 */ display:none;}

/* warstwa przykrywajaca strone */
div#preload {z-index:9997; width:100%; height:100%; /* height: 2000px; dla IE6 */ left:0; top:0; background:#000;
filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}

/* kontener komunikatu */ 
div#prelkom {
z-index:9999;
left:50%;
top:200px;
height:110px;
width:200px; /* szerokosc preloadera */
margin-left: -90px; /* wartosc musi byc polowa szerokosci ze znakiem - */		
padding:50px 0 0;
color:#444;
font-size:14px;
text-align:center;
line-height:200%;
background:#c8c8c8;
border:1px solid #fff; 	
filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}

/* kontener cienia */
div#prelcie {
z-index:9998;
left:55%; 
top:210px;		
height:162px;	
width:178px; /* szerokosc cienia */
margin-left: -110px; /* wartosc musi byc polowa szerokosci ze znakiem - */	 
background:#000;
filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3;}

/* kis.css, 29.01.08, 10.02.09 */