/*
		studiofabryka.pl
		mc, 8 lutego 2011
*/























/*
		RESET
*/

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, img, strong, ul, ol, li, fieldset, form, label, legend, table, tbody, thead tr, th, td, button { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; text-decoration: none; } header, article, footer, aside, section, nav {display:block;} body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } sup { vertical-align: super; font-size: smaller; } small { font-size:smaller; }





















/*
		Basic
*/

@yellow: #ffff33;

.fullsize {

	float:left;
	width:990px;
}

body {

	background: #6bb915 url('../images/bg.jpg') top no-repeat;
}

#content {

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



















/*
		Header, nav
*/

header {

	background: url('../images/homehead.jpg') bottom no-repeat;
	min-height:517px;
	.fullsize;

	nav {

		position: relative;
		z-index:20;
	}

	nav li {

		float:left;
		margin-right:35px;
		text-transform: lowercase;

		a {

			float:left;
			color: #fff;
			font-size:25px;
			padding:5px 0;
		}
	}

	a:hover, a.hit {color: @yellow;}
}

#logo {

	position: absolute;
	top:0; right:0;
	z-index:10;
}















/*
		miejsca na mapie
*/

#miejsca {

	.fullsize;
	margin-top:150px;

	ul {position: relative;}
	li {position: absolute;}
	img {width:14px;}

	a {

		position: relative;
		font:bold 11px/1.2 Arial, sans-serif;
		color: #fff;

		.nazwa_miejsca {

			position: absolute;
			top:-28px;
			background: #cc0000;
			padding:3px 5px;
			z-index:50;

			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			border-radius:5px;

			p {white-space: nowrap;}
		}
	}
}





















/*
		Article -- home
*/

article {

	.fullsize;
	min-height:60px;
	background: url('../images/repeater.png') top repeat-y;
}

#news {

	float:left;
	width:850px;
	margin: 10px 0 0 20px;
}

.news, .news a {

	font:bold 13px/1.4 Tahoma, arial, sans-serif;
	color: #1F4994;
}

.news a {text-transform: uppercase;}
.news a:hover {color: #ff0000;}



















footer {

	.fullsize;
	height:100px;
	position: relative;
	background: url('../images/foot.png') top no-repeat;

	img {float:left;}

	#realizacja {

		position: absolute;
		top:-10px;
		right:0;
		z-index:50;
		width:150px;
		font:12px/1 Tahoma, arial, sans-serif;
		color: #000;

		strong {

			color: #1F4994;
			font-weight: normal;
		}
	}

	#realizacja:hover strong {color: #ff0000;}
}























/*
		PODSTRONY -- NADPISANIE STYLI
*/

.sub {

	header {

		background: url('../images/subhead.png') bottom no-repeat;
		min-height:200px;
	}

	article {

		background: #fff;
		min-height:400px;
		padding:20px;
		width:950px;

		section {

			float:left;
			width:100%;
		}

		p, ul, ol {

			font:12px/1.3 Tahoma, arial, sans-serif;
			color: #323232;
			margin:20px 0;
		}

		a {

			color: #1F4994;
			text-decoration: underline;
		}

		a:hover {color: #4e7eda;}
	}



	h1 {

		color: #1F4994;
		font-size:30px;
	}

	footer {

		background: url('../images/subfoot.png') top no-repeat;
	}
}

.gallery img {width:120px;}
.gallery li {float:left; margin:7px;}
.gallery a:hover img {opacity:.7; filter:alpha(opacity=80);}

























#news-arch .news {

	float:left;
	width:930px;
	margin:10px 0;
	padding:10px;
	background: #f2f2f2;
	border: 1px solid #e4e4e4;

	.date {

		float:left;
		clear:left;
		font:10px/1.2 Tahoma, arial, sans-serif;
		color: #000;
	}

	.title {

		text-transform: uppercase;
		float:left; clear:left;
		margin-bottom:5px;
		width:100%;
	}

	p {

	margin:10px 0 !important;
	}
}










#czlonkowie1, #czlonkowie2, #czlonkowie3 {

	float:left;
	margin-right: 90px;
	margin-top:-20px;
}

#czlonkowie3 {margin-right:0 !important;}



/* FORM  */
#contact-form {margin-top:30px; padding:0 20px; width:600px; float:left; font:11px/1 Tahoma, Arial, sans-serif; color:#; position: relative; border-left:1px dashed #69bbce;}
#contact-form #info {font-weight: bold; text-indent:9px;}
#contact-form fieldset {float:left; margin:10px 0 10px 8px; width:auto;}
#contact-form input, textarea {width:200px; float:left; clear:left; padding:4px; color:#333; border:1px solid #69bbce;-moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; background: #fff;}
#contact-form span, #contact-form label {float:left; clear:left; margin:2px 0;  *width:210px;}
#contact-form .short {width:120px;}
#contact-form img {float:left; margin-left:10px; border:0; padding:0;}
#contact-form textarea {height:160px; width:350px;}
button {

	cursor: pointer;
	float:left;
	padding:5px 10px;
	color: #fff;
	font-weight: bold;
	-moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; background: #274e7c;
}

select {float:left; clear:left; width:210px;}
.veryshort {width:60px !important;}
.floating {clear:none !important; float:left; margin-right:10px !important;}
.medium {width: 120px !important;}

.pytanie fieldset {width:250px !important;}
.pytanie .longfield {width:500px !important;}

.rightspan {float:left; clear: none !important; width:auto !important;}
.rightspanpadding {float:left; clear: none !important; width:auto !important; padding:5px 0 0 0;}

.radio, .checkbox {width:20px !important; clear:none !important;}
.leftspan {float:left; width:auto !important; margin:8px 10px 0 0 !important;}
#contact-form .longspan {float:left; width: 300px !important; clear:none !important;}

.error-input {background: #ffd2d2 !important;}
#error {color: #fff; font-weight:bold; font-size:11px; padding:5px; width:auto !important; *width:270px !important; background: #cc0000; float:left; clear:none !important; margin-left:5px !important; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;}
.longlabel {width:370px !important;}








#pp_full_res, .pp_pic_holder {

	*width: 880px;
}



#fbk {float:left; margin:20px 0 20px 15px; background: #fff;}
.sub #fbk {float:left; margin:20px 0 20px -5px; background: #fff;}