@import url('reset.css');
@import url('font-regular/stylesheet.css');
@import url('font-bold/stylesheet.css');

/*
		studiofabryka.pl
		mc, uks-antoninek, 20 paz 2011
*/






/*
		--- classes, constants
*/

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

.border(@radius) {
	border-radius: @radius;
	-moz-border-radius: @radius;
	-webkit-border-radius: @radius;
}

::-moz-selection {color: #fff; background: ##1F3291;}
::selection {color: #fff; background: ##1F3291;}

body {
	font-family: Arial, Helvetica,  sans-serif;
	color:@color1;
}

.regular {font-family: 'MyriadProRegular';}
.bold {font-family: 'MyriadProBold';}


/* colors */

@color1: #494949;
@color2: #172984;
@color3: #ed9903;






/*
		--- Basic
*/

.top-content, .bottom-content, .bg,
header, article, footer {.full;}

.top-content {
	background: url(../images/repeater-1.jpg) top repeat-x;
	min-height:450px;

	.bg {
		background: url(../images/bg.jpg) top no-repeat;
		min-height:450px;
	}
}

.bottom-content {
	background: url(../images/repeater-2.jpg) top repeat-x;
	min-height:201px;

	.bg {
		background: url(../images/bottom.jpg) top no-repeat;
		min-height:201px;
	}
}

.sub {

	.top-content {
		background: url(../images/repeater-1-sub.jpg) top repeat-x;
		min-height:450px;

		.bg {
			background: url(../images/bg-sub.jpg) top no-repeat;
			min-height:450px;
		}
	}
}

.content {
	position: relative;
	margin:0 auto;
	width:990px;
}









/*
		--- Header
*/

.logo {
	float:left;
	margin:10px 0 0 130px;
}

nav {
	float:left;clear:left;
	width:324px;
	padding:0 0 25px 0;
	margin:10px 0 0 37px;
	background: url(../images/menu-footer.jpg) bottom no-repeat;
}

.info {
	position: absolute;
	top:245px; right:0;
	z-index:20;
}

.sub .info {
	position: absolute;
	top:140px; left:340px;
	z-index:20;
}

.slideshow {
	position: absolute;
	top:0;
	left:361px;

	img {float:left;}
}

nav {
	.lvl1 {
		float:left;
		margin-left:19px;
	}

	li {
		float:left; clear:left;
		position: relative;
	}

	.lvl1 > li {border-top:1px solid #e6d9d9;}
	.lvl1 > li:first-child {border:0;}

	.lvl1 > li > a {
		float:left;
		.regular;
		font-size:14px;
		color:@color1;
		width:262px;
		height:26px;
		display:block;
		padding-left:25px;
		line-height:2em;
		background: url(../images/arrow-blue.png) 9px 8px no-repeat;
	}

	.lvl1 > li > a:hover,
	.lvl1 > li.current > a {
		background: url(../images/menu-hover.jpg) 0 0 no-repeat;
		color:white;
	}


	.lvl2 {
		position: absolute;
		top:0; right:-179px;
		width:180px;
		z-index:30;
		background: #ED9903;

		li {width:100%;}

		li:first-child a {border-top:0;}

		a {
			color: white;
			.regular;
			font-size:13px;
			float:left;
			width:100%;
			height:26px;
			display:block;
			line-height:2.1em;
			text-indent:10px;
			border-top:1px solid #C47C00;

			&:hover {
				background: #DD8800;
			}
		}
	}
}









/*
		--- article
*/

aside {
	width:324px;
	float:left; clear:left;
	margin-left:37px;
	background: #fafafa;
	padding:10px 0;

	h2 {
		text-transform:uppercase;
		font-size:22px;
		font-weight:normal;
		.bold;
		background: @color2;
		float:left;
		color:white;
		padding:2px 6px;
		margin:25px 10px 10px;
	}
}

.adv {
	float:left;
	width:100%;
	text-align:center;

	img {padding:0 5px;}
}

.minigal {
	float:left;
	width:100%;

	ul {
		float:left;
		margin-left:13px;
	}

	li {
		float:left;
		margin:8px;
	}

	img {
		border:1px solid @color2;

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

.sections {
	float:right;
	margin:280px 0 0 20px;
	width:600px;
}

.sub .sections {
	float:right;
	margin:140px 0 0 20px;
	width:600px;
}

#main {

	.title {
		.full;
		clear:both;
		width:100%;

		h2 {
			text-transform:uppercase;
			font-size:22px;
			font-weight:normal;
			.bold;
			background: @color2;
			float:left; clear:left;
			color:white;
			padding:2px 6px;
			margin:0 0 15px 0;
		}
	}

	p {
		font-size:12px;
		line-height:1.3em;
		padding-bottom:1em;
	}
}

#news {

	float:left;
	margin:15px 0 0 0;

	h2 {
		text-transform:uppercase;
		font-size:22px;
		font-weight:normal;
		.bold;
		background: @color3;
		float:left; clear:left;
		color:white;
		padding:2px 6px;
		margin:0 0 15px 0;
	}

	.news {
		float:left;
		width:100%;
		margin-bottom:25px;

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

		small {
			font-size:11px;
		}

		h3 {
			font-size:18px;
			color:@color3;
			.regular;
			font-weight:normal;
			line-height:1.2em;
		}

		p {
			font-size:12px;
			line-height:1.3em;
		}
	}
}

.more {
	float:right;
	color:white !important;
	background: @color3;
	font-size:9px;
	font-weight:bold;
	text-transform: uppercase;
	padding:2px 5px;

	strong {font-weight:normal; float:left;}

	span {font-size:12px; float:right; margin:-3px 0 0 5px;}

	&:hover {
		background: @color2;
	}
}


.sub {
	#main {

		a {
			color:@color2 *2;

			&:hover {background: @color3; color:white;}
		}

		ul, ol {
			font-size:12px;
			line-height:1.3em;
			padding-bottom:1em;
		}

		> h2, > h3, > h4, > h5 {
			.regular;
			font-weight:normal;
			color:@color2;
			margin:1em 0 .3em 0;
		}

		> h2 {font-size:20px;}
		> h3 {font-size:18px;}
		> h4 {font-size:16px;}
		> h5 {font-size:14px;}
	}
}


















/*
		--- footer
*/

.madeby {
	float:right;
	margin:30px 10px;
	color: white;

	img {float:left;}

	strong {
		color: #333;
		font-weight:normal;
		font-size:10px;
		float:left;
		margin:3px 3px 0 0;
	}
}















/*
		--- Gallery
*/

.gallery {
	margin-top:15px;
	width:101%;
	float:left;

	ul {
		margin:0;
		padding:0 !important;
		width:100%;
		float:left;
	}

	li {
		list-style:none !important;
		padding:0 !important;
		float:left;
		margin:10px !important;
		position: relative;
	}

	img {
		float:left;
		border:1px solid @color2;
	}

	a:hover img {
		opacity:.9;
		filter:alpha(opacity=90);
	}

	h2 {
		color:white;
		text-transform: uppercase;
		font-size:12px !important;
		margin-bottom:5px;
		padding:0 !important;
	}
}

.gi {

	ul {margin-bottom:5px;}

	strong {
		float:left;
		width:100%;
		margin-top:3px;
		text-align:center;

		font-size:14px;
		.regular;
		color:@color2;
	}

	li {height:135px; width:269px;}
}






/*
		--- other
*/

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

	td {
		padding:5px !important;
		border:1px solid #ccc;
		font-size:12px;
		line-height:1.3em;
		color:@color1;
	}

	td p {padding:0 !important;}

	tr:first-child td {
		font-weight:bold;
		border:1px solid #aaa;
	}

	tr:hover td {background: #fafafa;}
}

#main ul li {
	list-style:disc inside;
	margin-left:20px;
}

#main ol li {
	list-style:decimal inside;
	margin-left:20px;
}









/*
		--- Formularz
*/

.form {
	border-top:1px dashed #ccc;
	padding-top:15px;
	float:right;
	width:100%;

	p {font-size:12px; padding-bottom:1em;}
}

#contact-form {
	float:right;
	width:100%;
	margin:5px 0;
	}
	fieldset {
		float:left;
		width:60%;
	}
	fieldset:first-child {width:40%;}
	.subject {display:none;}
	label {
		float:left;
		width:100%;
		margin:3px 0;
		}
		label span {
			float:left;
			width:100%;
			color: @color1;
			font-size:12px;
			padding:3px;
		}

		label input, textarea {
			float:left;
			width:90%;
			padding:3px 6px;
			border:1px solid #ccc;

			.border(5px);
		}

		textarea {
			width:97%;
			height:110px;
		}

		form button {
			float:right;
			background: @color2;
			color: white;
			font-size:13px;
			font-weight:bold;
			padding:5px 10px;
			.border(5px);
		}

		form #error,
		form #ok {
			display:none;
			float:left;
			padding:7px 10px;
			background: #ff0000;
			margin-left:5px;
			color: #fff;
			font-weight:bold;
			font-size:13px;
			.border(5px);
		}

		form #ok {background: #1fac06;}

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

.mapa {
	float:right;
	margin-bottom:15px;

	small {
		font-size:10px;
		color:@color1;

		a {
			color: @color2 !important;
			&:hover {color:@color2 /2 !important;}
		}
	}
}









/*
		--- download
*/

#download {
	margin:10px 0;
	float:left;
	border-top:1px dashed #333;

	width:100%;

	li {
		float:left;
		clear:left;
		padding:3px 0;
		margin-left:20px;
		padding-left:20px;
		list-style:none !important;
		background: url(../images/download.png) 0 5px no-repeat;
	}

	a {
		font-size:12px;
		color: @color1 !important;

		&:hover {
			color: #ccc !important;
			text-decoration:none !important;
		}
	}

	.typPliku {color:#999;}

	h3 {
		.regular;
		font-weight:normal;
		color:@color2;
		margin:1em 0 .3em 0;
	}
}






/*
		--- paginator
*/

#pages-container {
	float:left;
	clear:left;
	width:100%;
	text-align: center;

	#pages {
		float:left;
		width:auto !important;
		text-align: center;
		padding-left:0 !important;

		div {float:left; width:auto !important;}

		ul {width: auto !important;}
	}

	li {
		float:left;
		clear:none;
		margin: 0 !important;
		list-style: none !important;
		color: #999 !important;
		font-size:12px;
		border-left:1px solid #ccc;
		text-align:center;
	}

	.jPag-control-front {
		border-left:1px solid #ccc;
	}

	a {
		float:left;
		text-align: center;
		color: #999 !important;
		font-size:12px;
		cursor: pointer;
		padding:3px 6px;
		line-height:1em !important;

		&:hover {
			color: white !important;
		}
	}

	.jPag-current {
		float:left;
		text-align: center;
		color: #999 !important;
		font-size:12px;
		padding:3px 6px;
		line-height:1em !important;
		background: #eaeaea;
	}

	.jPag-snext,
	.jPag-sprevious {display:none;}
}