/*
 * author: StudioFabryka.pl
 * theme: bartinox
 *
 * cd: 9/03/2010
 *
 */


/*
 * main div's
 */



body {

	 background: #000 url(../images/totalbg.jpg) top no-repeat;
	 font-family:Tahoma, Arial, Helvetica, sans-serif;
}



#kontener {

	position:relative;
	margin:0 auto;
	width:874px;
}



a#logo {

	display:block;
	position:absolute;
	top:0; left:0;
	width:303px; height:133px;
	}

	a#logo:hover {

		opacity:0.2;
		filter:alpha(opacity=20);
		background:#000;
	}



ul.flags {

	position:absolute;
	top:153px; left:0;
	width:105px; height:21px;
	}

	.flags li {

		float:left;
		padding:0 8px 3px 8px;
		border-right:1px solid #999;
		}

		.flags li a:hover, .flags li a.hit {

			opacity:.6;
			filter:alpha(opacity=60);
		}





ul.topMenu {

	position:absolute;
	top:145px; right:310px;
}



#main {

	position:relative;
	top:200px; left:0;
	width:455px;
	}

.gallerySite #main {
	position:relative;
	width:455px;
	float:left; clear:left;
}

.mainSite #main {

	min-height:515px;
	height:auto !important;
	height:515px;
}

.gallerySite #main {

	min-height:315px;
	height:auto !important;
	height:315px;
}

	.specialSlogan {

		display:block;
		width:402px; height:38px;
		margin:35px 0 0 0;
		background: url(../images/slogan-kraj-eu.png) top no-repeat;
		text-indent:-9999px;
		overflow:hidden;
	}

	.specialSlogan_en {

		display:block;
		width:402px; height:38px;
		margin:35px 0 0 0;
		background: url(../images/slogan-kraj-eu-en.png) top no-repeat;
		text-indent:-9999px;
		overflow:hidden;
	}
		.specialSlogan_ger {

		display:block;
		width:402px; height:38px;
		margin:35px 0 0 0;
		background: url(../images/slogan-kraj-eu-ger.png) top no-repeat;
		text-indent:-9999px;
		overflow:hidden;
	}







/* kolumna (galeria) */



#colBg {

	position:absolute;
	top:300px; left:450px;
	width:419px; height:335px;
	background:#000;
	opacity:.8;
	filter: alpha(opacity=80);
	padding:20px 0 0 30px;

	-moz-border-radius: 10px 0 0 0;
	-webkit-border-radius: 10px 0 0 0;
	-khtml-border-radius: 10px 0 0 0;
	 border-radius:10px 0 0 0;
}

#col {

	opacity:1;
}



.mainSite #gallery {

	position:relative;
	float:left; width:370px;
	margin:0;
	}



.gallerySite #gallery {

	position:relative;
	float:left; width:615px;
	margin:20px 0 0 0;
	}

.gallerySite #main {

	margin-bottom:200px;
}


.galleryIndex #gallery {

	position:relative;
	float:left; width:890px;
	margin:0;
	}





#col a, #gallery a {

	position:relative;
	float:left;
	margin:0 20px 20px 0;
}

#col a img, #gallery a img {z-index:10; float:left;}
#col a:hover, #gallery a:hover {

	opacity:.8;
	filter: alpha(opacity=80);
}


/* index gal */

.galleryIndex #gallery .row a {

	float:left;
	margin:0 20px 50px 0;
}



.galleryIndex .row a span {

	color:#fff;
	font-size:12px;
	text-transform:capitalize;
	position:absolute;
	top:145px; left:0;
	}











/* stopka */

#footOutsider {

	position:relative;
	float:left;
	width:100%;
	height:80px;

}

#foot {

	position:inherit;
	margin:0 auto;
	width:894px;
	height:80px;
	}

	#seoTxt p {

		background:#111;
		font: .7em/1 Tahoma;
		color:#666;
		padding:5px;
		width:850px;
		margin:0 0 20px 0;
	}





.gallerySite, #footOutsider {top:230px;}

.galleryIndex #footOutsider {top:250px;}




/*
 * basic typography
 */



h1 {

	color:#fff;
	width:446px;
	font-size:18px;
	padding:0 0 8px 0;
	margin:0 0 20px 0;
	}

	#main h1 {background:url(../images/h1-hr.jpg) bottom no-repeat;}
	#col h1 {background:url(../images/right-h1-hr.jpg) bottom no-repeat; width:350px; margin-bottom:25px;}



p {

	font: .8em/1.3 Tahoma;
	color:#fff;
}



#main p {

	float:left;
	text-align:justify;
	width:400px;
}



#main a {

	color:#77899F;
	font-weight:bold;
	text-decoration:none;
	}
	#main a:hover {color:#A8BACF;}



.realizacja {

	color:#666;
	font:0.65em/1 Tahoma;
	text-decoration:none;
	margin:0 0 0 5px;
	}
	.realizacja strong {text-transform:uppercase;}



#adres {

	float:right;
	width:550px; height:18px;
	background:url(../images/adres.jpg) top no-repeat;
	margin: 0 35px 0 0;
	}



/* tekstowa */

.txtSite #main p, .txtSite #main ul {

	float:left;
	width:580px;
	margin:10px 0 0 0;
}

.txtSite #main li {

	font: .8em/1.3 Tahoma;
	color:#fff;
	}



.txtSite #main p strong {

	text-transform:uppercase;
}



.txtSite p em {

	float:left;
	position:relative;
	margin:0 11px 0 0;
	}

	em img {

		float:left;
		z-index:10;
	}
	.txtSite em small {

		float:left;
		clear:left;
		width:100%;
		text-align:center;
		font:normal .85em/1 Arial;
		padding-top:5px;
	}



/* tekstowa slideshow */

.txtSite #outerCol {

	position:absolute;
	top:230px; right: -30px;
	width:246px; height:358px;
	float:left;
}

.txtSite #col {

	position:relative;
	/*margin:-400px 0 0 30px;*/
	width:246px; height:358px;
	float:left;
}

.txtSite #slideshow {
	top:0; left:0;
	position:absolute;
	overflow:hidden;
	width:246px; height:358px;
	}
.gallerySite #slideshow {
	top:-35px; left:0;
	position:absolute;
	overflow:hidden;
}
.gallerySite #slideshow2 {
		top:-35px; right:0;
		position:relative;
		width:246px; height:358px;
		z-index:35;
	}

.txtSite #slideshow2 {
	top:0; right:0;
	position:absolute;
	width:246px; height:358px;
	z-index:35;
}


.txtSite #slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

.txtSite #slideshow img.active ,
.gallerySite #slideshow img.active {
    z-index:10;
}

#slideshow img.last-active {
    z-index:9;
}








/*
 * navigation
 */





.topMenu li {

	float:left;
	width:auto !important;
	width:10px;
}

.topMenu li a {

	color:#fff;
	text-decoration:none;
	font-size:14px;
}



.topMenu li span {

	float:left;
	display:block;
	width:12px; height:35px;
	padding:10px 0 0 0;
	background: url(../images/menu-shadow-span.png) 0 5px no-repeat;
}

.topMenu li a {

	float:left;
	width:auto; height:35px;
	padding:10px 10px 0 0;
	background:url(../images/menu-shadow-a.png) right no-repeat;
	}

	.topMenu li a:hover {
		color:#77899F;
	}
	.topMenu li a.hit {color:#77899F;}



/* Menu galerii */

a#sciezka {

	float:left;
	color:#fff;
	font-size:13px;
	text-transform:capitalize;
	width:550px;
}

.gallerySite #col {

	position:relative;
	/*top:285px; right:30px;*/
	float:right;
	margin-top:285px;
	width:195px; height:auto;
	}

	.gallerySite #col a:hover {color:#77899F;}
	.gallerySite #col .menu_head {

		color:#fff;
		font: bold .8em/1 Tahoma;
		text-decoration:none;
		background: url(../images/rightmenu-arrow-lvl1.gif) 0 1px no-repeat;
		padding:0 0 0 20px;
		width:195px; height:auto; line-height:1.3em;
		margin:0 0 5px 0;
		float:left;
		}

		.gallerySite #col li {

			float:left;
			margin:0 0 0 20px;
			padding:2px 0;
			width:175px; height:100%;
		}

		.gallerySite #col ul {

			float:left;
			margin:0 0 0 15px;
		}
		.menu_head {cursor:pointer;}

		.gallerySite #col ul .menu_head {

			color:#fff;
			font: normal .7em/1 Tahoma;
			text-decoration:none;
			background: url(../images/rightmenu-arrow-lvl2.gif) 0 2px no-repeat;
			padding:0 0 0 15px;
			width:175px; height:12px;
		}

		.gallerySite .menu_body span {

			float:left;
			color:#fff;
			font: normal .7em/1 Tahoma;
			margin:0 0 0 5px;
		}

		.gallerySite #col ul ul {

			margin:0 0 5px 0;
		}

		.menu_body li {

			margin:0 0 5px 0;
			height:auto;
		}

		.gallerySite #col ul ul a {

			float:left;
			color:#fff; opacity:1;
			font: normal .7em/1 Tahoma;
			text-decoration:none;
			background: none;
			width:155px;
			margin:0 0 0 5px;
		}

	.menu_body {

		display:none;
		float:left;
		clear:left;
		}



/*
 * round corners
 */

.tl, .tr, .bl, .br {

	width:5px; height:5px;
	position:absolute;
	z-index:20;
}

.tl{left:0; top:0; background: url(../images/corners.png) top left no-repeat;}
.tr{right:0; top:0; background: url(../images/corners.png) top right no-repeat;}
.bl{bottom:0; left:0; background: url(../images/corners.png) bottom left no-repeat;}
.br{bottom:0; right:0; background: url(../images/corners.png) bottom right no-repeat;}




/*
 * form's
 */

#kontakt {float:left; margin:30px 0 0 0; width:600px;}

#kontakt fieldset {
    border-top: 1px dashed #333;
    padding: 1em 0em; }

#kontakt input {line-height: 14px; border:1px solid #23313F; padding:2px 0; }
input#k_kod {width:160px !important;}
#kontakt img {float:left; margin: 0 0 0 10px;}

#kontakt input {
    float: left;
	width:260px;
	padding:3px;
	font-size:12px;
	}

#kontakt label {
    float: left;
    width: 47%;
    margin: 1px;
    display: block;
    cursor: pointer; }

   #kontakt  label span {
        float: left;
        width: 40%;
        margin: 1px;
        padding: 0 3px 0 0;
        text-align: left;
		font-size:12px;
        color: #fff; }


#kontakt legend {
    padding: 0 1em 1em 1em;
    font-weight: bold; }

#kontakt .biglabel {float:left; clear:both; width:550px; margin:5px 0;}

#kontakt textarea {
    float: left;
    overflow: auto;
	margin-top:3px;
    width: 100%; height: 100px; }


#kontakt .button {
    float: right;
	width:80px;
    padding: 8px 4px;
    text-align: center;
 }


#message {float:left; font:bold .8em/1 Arial; margin:150px 0 0 0; text-align:left; color:#ff0000;}

/*
 * WALIDACJA jquery
 */

.error {
	float:left;
	color:#c00000;
	height:1.2em;
	margin:5px 0;
	display:none;
	font-size:13px;
	font-weight:bold;
	text-align:right;
	font-family: Arial, Helvetica, sans-serif;
}

.error-input, .error-both, .error-same, .error-email, .error-string { background:#FFCFCF; }

#form_alert p {color:#ff0000;}


/*
 * other
 */

li.last {border-right:0;}

#daneKontaktowe {
	float:left;
	width:200px;
	height:300px;
}

#daneKontaktowe h2 {float:left; margin:5px 0 0 0; color:#fff;}
#daneKontaktowe p {width:150px !important;}
#mapaGoogle {

	position:absolute;
	top:50px; left:230px;
}
#mapaGoogle small {font-size:10px; color:#fff;}