@import url('prettyPhoto.css');

/*
		studiofabryka.pl
		mc, pneumatech, 11 aug 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, li { 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
*/

body {
	font-family: arial, sans-serif;
	background: url(../images/top.jpg) top no-repeat;
}

#content {
	margin: 0 auto;
	width:960px;
}

.fullFloat {
	width:100%;
	float:left;
	position: relative;
}


/* colors */

@blue: #077cc1;
@lightGrey: #f5f5f5;
@grey: #848283;
@fontColor: #6d6d6d;
@borderColor: #dad9da;








/*
		--- Header
*/

header {
	.fullFloat;
	height:233px;

	#logo {
		float:left; 
		position: relative; 
		z-index:30;
		display:block;
		width:451px; height:71px;
	}

	nav {
		float:left; clear:left;
		margin:138px 0 0 0;

		li {
			float:left;
			margin:0 10px;

			a {
				color: #fff;
				font-size:13px;
				line-height:1.9em;
				padding:6px 10px 8px 10px;
				text-transform: uppercase;
			}
		}

		.hit a, a:hover {
			background: white;
			color: @grey;
			box-shadow: 0 -1px 7px #174471;
		}
	}
}









/*
		--- Article
*/

article {
	.fullFloat;
	padding-top:20px;
	margin-top:3px;
	z-index:20;
	background: white;
}

aside, section {
	background: @lightGrey;
	border:1px solid @borderColor;
}

aside {
	float:left;
	width:245px;
	padding:15px;
}

section {
	float:right;
	width:631px;
	padding:15px;
}

h1 {
	font-size:22px !important;
	color: #323232;
	/* text-transform: uppercase; */
	margin-bottom:.8em;
}

.sub h1 {
	font-size:19px;
	font-weight:normal;
	margin: 5px 0px 15px 20px;
	float:left;
	width:640px;
}

section p, section ul, section ol {
	font-size:12px;
	line-height:1.4em;
	color: @fontColor;
	padding-bottom:1.7em;
}

section ol, section ul {margin-left:30px;}

section ul li {list-style: square;}
section ol li {list-style: decimal;}

table {
	margin:0 auto;
	border-spacing:2px;
	border-collapse: separate;

	td {
		padding:5px;
		border:1px solid #ccc;

		p {padding:0;}
	}

	tr.even td {background: #eeeeee;}
}

section a {
	color: @blue;

	&:hover {text-decoration: underline;}
}





.produkty #main {
	background: none;
	border:0; padding:0;
	width:661px;
	overflow:hidden;
}

.home #main {min-height:10px;}

#main {min-height:365px;}

.model.odd {margin-right:0;}

.model {
	float:left;
	width:295px;
	margin:0 20px 20px 0;
	padding:10px;
	min-height:140px;

	img {
		float:left;
		margin-right:10px;
		border:1px solid @borderColor;
	}

	h4 {
		color:#323232;
		font-size:13px;
		line-height:1.2em;
		padding-bottom:5px;
		text-transform: none;
	}

	p {
		font-size:11px;
		padding-bottom:5px;
		line-height:1.3em;
	}
}

.more {
	margin-top:30px;
	float:right;
	background: @blue url(../images/arrow.jpg) 70px 3px no-repeat;
	padding:2px 18px 2px 4px;
}

.back {
	float:right;
	background: @blue url(../images/back.jpg) 3px 4px no-repeat;
	padding:2px 4px 2px 18px;
}

.drukuj {
	float:left;
	background: @blue url(../images/print.jpg) 2px 2px no-repeat;
	padding:2px 4px 2px 17px;
}

.drukuj, .back {margin-top:1em;}

.more, .back, .drukuj {

	color: white;
	font-size:11px;

	&:hover {
		opacity:.8;
		filter:alpha(opacity=80);
		text-decoration:none;
	}
}


.mini-g {
	float:left;
	margin-right:15px;

	img {
		border:1px solid @borderColor;
	}

	ul {margin:0;}

	li {
		float:left;
		list-style:none;
		margin:6px 0 0 7px;
	}

	li:first-child {margin-left:0;}
}









/*
		--- wyszukiwarka
*/

#search {

	input, button {float:left;}

	input {
		border: 1px solid @borderColor;
		background: white;
		color: @fontColor;
		width:200px;
		font-size:10px;
		padding:4px;
		margin:1px 3px 0 0;
		font-style: italic;
		text-transform: uppercase;
	}

	button {
		width:32px; height:26px;
		display:block;
		background: url(../images/szukaj-btn.png) 0 0 no-repeat;
	}
}







/*
		--- aside nav
*/

aside nav {

	margin-top:10px;
	float:left;

	.lvl1 > li.hit > a,
	.lvl1 > li > a:hover {
		background-color: #BC0000;
		background-image: none;
		color: #fff;
	}

	.lvl1 > li {
		padding:3px 0;
	}

	.lvl1 > li > a {
		color: @grey;
		font-size:12px;
		font-weight:bold;
		padding:5px 0 5px 20px;
		display:block;
		width:225px;
		cursor: pointer;
		text-transform: uppercase;
		background: url(../images/bullet.png) 7px 7px no-repeat;
	}

	.lvl2 {margin: 0 0 0 20px;}

	.lvl2 a {
		color: @grey;
		font-size:11px;

		&:hover {color: @blue;}
	}
	.lvl2 a:before {
		content: '- ';
	}
	
	.lvl3 li {
		padding-left:15px;
		
		a {
			color: #333;
		}
	}
}







/*
		--- Aside - mini form
*/

aside#form {
	clear:left;
	margin-top:20px;
	background: @lightGrey url(../images/mini-form-bg.jpg) 0 0 no-repeat;

	p {
		color: @blue;
		text-transform:uppercase;
		font-size:12px;
		font-weight:bold;
		text-align: right;
		margin-bottom:20px;

		strong {font-size: 14px;}
	}

	input, textarea {

		width:237px;
		padding:3px;
		border:1px solid @borderColor;
		margin:3px 0;

		color: @grey;
		font: italic 11px/1 arial, sans-serif;
	}

	button {
		background: @blue;
		color: white;
		text-transform: uppercase;
		width:244px;
		padding:3px;
		font-size:12px;
		margin:5px 0 0 0;
	}

	.error-input {background: #ffe1e1; border:1px solid red;}

	#error, #ok {
		display:none;
		width:238px;
		padding:3px;
		color: white;
		background: red;
		font-size:11px;
		text-transform: uppercase;
		text-align: center;
		margin:3px 0;
	}

	#ok {background:green;}

	.subject {display:none;}
}








/*
		--- kategorie graficzne
*/

.kategorie {
	float:right;
	width:661px;
	margin:7px 0;

	li.even {margin-left:0;}
	li.odd {margin-right:0;}

	li {
		//display:none;
		float:left;
		margin:6.3px 7px;
		width:321px; height:100px;
		border:1px solid @borderColor;
	}

	a {
		float:left;
		width:321px; height:100px;
		display:block;
		position: relative;

		img {
			position: absolute;
			top:0; left:0;
			z-index:10;
		}

		span {
			color: white;
			z-index:20;
			position: relative;
			line-height:7.9em;
			padding-left:30px;
			font-size:13px;
			text-shadow: 0 0 6px #1d252e;
		}
	}
}









/*
		--- Footer
*/

footer {
	.fullFloat;
	margin-top:5px;
	padding-bottom:20px;

	#realizacja {
		float:right;
		margin:10px 0;

		strong {
			float:left;
			color: @grey;
			font-size:11px;
			margin:4px;
		}
	}

	.content {
		width:928px;
		background: @lightGrey;
		padding:15px;
		margin-top:5px;
		height:70px;
		border:1px solid @borderColor;
	}

	.slideshow {

		background: #fff;
		float:left;
		width:100%;
		border:1px solid @borderColor;

		p {
			font-size:12px;
			text-transform: uppercase;
			color: @fontColor;
			margin: 28px 30px 0 20px;
		}

		p, .prev, .slides, .next {
			float:left;
		}

		.prev, .next {
			margin-top:23px;
			cursor: pointer;
		}

		.slides {
			overflow: hidden;
			width:670px;
			margin:0 12px;

			div {
				float:left;
				width:670px;
				height:67px;
				text-align:center;
			}

			a {
				float:left;
				margin:5px 35px;
			}

		}
	}
}


header .slides {
	position: absolute;
	top:13px; right:-5px;
	z-index:10;
	
	width:621px;
	height:191px;
	overflow:hidden;
}








/*
		--- Download
*/

#download {
	width:100%;
	float:left;
	margin-top:15px;
	padding-top:15px;
	border-top:1px dashed #ccc;

	h2 {color:#077CC1;}
	ul {margin-top:10px; margin-left:15px;}
	li {
		margin:3px 0;
		list-style: none;
		line-height:1.5em;
		padding-left:20px;
		background: url(../images/file.png) 0 0 no-repeat;
	}

	a {
		color: #333;
		&:hover {
			color:#077CC1;
		}
	}
}





/*
		--- Gallery
*/

.gallery {

	margin-top:15px;
	padding-top:15px;
	border-top:1px dashed #ccc;

	float:left;
	width:100%;
	margin-top:10px;
	margin-bottom:10px;

	ul {
		margin:0;
		width:100%;
	}

	li {
		list-style:none;
		padding:0;
		float:left;
		margin:0 0 15px 15px;
	}

	li:first-child {margin-left:0;}

	img {
		max-width:112px;
		padding:0px;
		border:1px solid #ccc;
	}
}

.currentTextHolder {
	font-size:13px;
	color: #666;
	float:left;
	text-align: center;
	margin:1px 5px !important;
	text-indent:0;
	font-family: arial, sans-serif;
}

.pp_description {
    color: #666666;
    float: left;
    font-size: 12px;
    margin: 0;
    padding: 3px 0;
    text-indent: 0;
}