@import url("reset.css");

/*
 * GĹ‚Ăłwne elemnty layoutu
 */
html { height: 100%; }
body {
	font-family: "Century Gothic";
	font-size: 10px;
	color: #777777;
	letter-spacing: .02em;
	line-height: 12px;
	height: 100%;
}

#floater { height: 50%;float: left; margin-bottom: -320px; }
#wrapper { clear: both; position: relative; }
div#container {

	width: 902px;
	height: 640px;
   position: absolute;
	left: 50%;
	margin: 0 0 0 -451px;
	background: url("../images/container.png") no-repeat;
}

/* Content */
div#content {
   
	position: relative;
	text-align: justify;
	margin: 0 1px 0 1px;
}
	.wLeft { float: right; width: 615px; }

/* Lewa */
div#left {
	margin: 320px 0 0 22px;
	float: left;
	width: 220px;
}

/* Logo*/
#logo { position: absolute; top: 0; right: 44px; z-index: 1000;}

/* Menu glowne */
ul#main_menu {
	position: absolute;
	top: 24px;
	left: 22px;
	font-size: 10px;
	text-decoration: none;
	letter-spacing: 1px;
	z-index: 100;
}
	ul#main_menu li { float: left; margin: 0 33px 0 0; }
	ul#main_menu li.menuItem a { color: #777; }
	ul#main_menu li.menuItem:hover a { color: #000; }
	ul#main_menu li.menuItemActive a { color: #000; }



/* Stopka */
ul#foot_menu { position: absolute; bottom: 8px; right: 0;}
	ul#foot_menu li { float: left; padding: 0  8px; border-right: 1px solid #ccc; }
	ul#foot_menu li.last { float: left; padding: 0 0 0 8px;  border-right: none; }
	ul#foot_menu li.menuItem a { color: #777; }
	ul#foot_menu li.menuItem:hover a { color: #333333; }
	ul#foot_menu li.menuItemActive a { color: #333333; }
	
p#credits {
	text-transform: uppercase;
	position: absolute;
	bottom: 8px;
	left: 0;
	margin: 0;
}

/*
 * Typografia
 */
a { text-decoration: none; color: #777; }
	a:hover { color: #333333; }
p { margin: 0 0 1em 0; }
em { color: #666; }

/*
 * Widok tekstu
 */
div.text {
	margin: 310px 22px 0;   
}
	h2.texts_text_title {
		float: left;
		width: 220px;
		text-transform: uppercase;
		color: #333333;
	}
	
	div#text_content {
		height: 285px;
      overflow: hidden; }

	div.texts_text_content {
      height: 285px;
      overflow: hidden;
	}
		.wTitle { float: right; width: 615px; }

/* Kwadraciki - menu kategorii */
.mod_category_menu_list { 
	position: absolute;
	top: 65px;
	left: 25px;
}
	ul.mod_category_menu_list li { float: left; } 
	ul.mod_category_menu_list a {
		display: block;
		background: #ccc;
		width: 15px;
		height: 15px;
		margin: 0 3px 0 0;
	}
		ul.mod_category_menu_list li a:hover { background: #777; }
		ul.mod_category_menu_list li.active a { background: #29d2d2; }	
		ul.mod_category_menu_list li a span { display: none; }
	
/* Lista tekst�w */
div.mod_articles_category  { text-transform: uppercase;  }
	div.mod_articles_category h3  { color: #333333; }
	div.mod_articles_category ul { margin: 0 0 25px 0; }
	div.mod_articles_category ul a { color: #777; }
	div.mod_articles_category ul a:hover { color: #333333; }

	
/*
 * Modu�y
 */

/* Dane kontaktowe */
div.mod_contact {
	line-height: 12px;
	text-transform: uppercase;
	margin: 100px 0 0 0;
}

/*
 * Kontakt
 */
div#mail_form {
	position: relative;
	margin: 215px 22px 0;
	
}
	div.errors {text-transform: uppercase; position: absolute; top: 100px;   }
	div.message { text-transform: uppercase; position: absolute; top: 230px;  left: 440px; }
	div#mail_form label { text-transform: uppercase; line-height: 16px; }
	div#mail_form input { width: 425px; border: 1px #b3b7b9 solid; }
	div#mail_form textarea { width: 100%; border: 1px #b3b7b9 solid; height: 175px; resize: none; }
	p#mail_form_buttons { text-align: right; text-transform: uppercase; }
	p#mail_form_buttons a { color: #777; }
	p#mail_form_buttons a:hover { color: #333333; }

/*
 * Galeria
 */

/* Kwadraciki z kategoriami */
ul.gallery_categories { 
	position: absolute;
	top: 65px;
	left: 22px;
	z-index: 112;
}
	ul.gallery_categories li { float: left; } 
	ul.gallery_categories li a {
		display: block;
		background: #cccccc;
		width: 15px;
		height: 15px;
		margin: 0 3px 0 0;
	}
		ul.gallery_categories li a:hover { background: #777; }
		ul.gallery_categories li.active a { background: #29d2d2; }	
		ul.gallery_categories li a span { display: none; }
		
/* Kwadraciki z wyborem obrazka */
ul.gallery_image_list {
	position: absolute;
	top: 84px;
	left: 22px;
	z-index: 114;

}
	ul.gallery_image_list li { float: left; }
	ul.gallery_image_list li a {
		display: block;
		background: #cccccc;
		width: 15px;
		height: 15px;
		margin: 0 3px 0 0;
	}
		ul.gallery_image_list li a:hover { background: #777; }
		ul.gallery_image_list li.active a { background: #29d2d2; }	
		ul.gallery_image_list li a span { display: none; }
			
	.gallery_description {
		position: absolute;
		left: 429px;
		top: 55px;
		height: 64px;
		border-left: 1px #b3b7b9 solid;
		padding: 6px  0 0 6px;
		z-index: 110;
	}
	
	.gallery_single .image_wrapper {
		position: absolute;
		width: 900px;
		height: 571px;
		top: 44px;
	z-index: 101;
	}
	
	.gallery_multi .image_wrapper {
		position: absolute;
		width: 545px;
		height: 450px;
		top: 140px;
		right: 0px;
		text-align: center;
		background: url("../images/monitor.jpg");
	}
		.gallery_multi .image_wrapper img{
			display: block;
			position: absolute;
			top: 30px;
			left: 65px;	
		}
	
	.gallery_multi .loading {
		background: url("../images/ajax-loader.gif") center center no-repeat #fff;
	}

	.image_select {
		height: 360px;
		width: 241px;
		overflow: hidden;
		position: absolute;
		top: 160px;
		left: 20px;
	}
		.image_select li img { display: block; cursor: pointer; }
	
/* Mapa strony */
table.sitemap {
	text-transform: uppercase;
	width: 100%;	
}
	table.sitemap th {
		color: #333;
		padding: 0 0 6px 0;
		width: 	145px;
		
	}
	table.sitemap a { color: #777 }
		table.sitemap a:hover { color: #333333 }
	table.sitemap td {
		padding: 0 0 6px 0;
	}
}