@import url('reset.css');

/*
		studiofabryka.pl
		mc, polcopper, 19 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: #008400;}
::selection {color: #fff; background: #008400;}

body {
	font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
	color:@color1;
}


/* colors */

@color1: #ffffff;
@color2: #6f6f6f;
@color3: #008400;






/*
		--- Basic
*/

header, article, footer, .middle, .bg {.full;}

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

header {
	height: 124px;
	background: url(../images/header-repeater.jpg) top repeat-x;

	.content {
		height:124px;
		background: url(../images/header.jpg) top no-repeat;
	}
}

.middle {
	height:382px;
	overflow: hidden;
	background: url(../images/slideshow-repeater.jpg) top repeat-x;

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

	.content {width:990px;}
}

.sub {
	.middle {
		height:252px;
		background: url(../images/sub-slideshow-repeater.jpg) top repeat-x;

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

article {
	min-height:265px;
	background: black;
}

footer {
	height:128px;
	background:#dfdfdf;

	.content {
		height:80px;
		background:#f3f3f3;
	}
}







/*
		--- Header
*/

.logo {
	float:left;
	margin:43px 0 0 0;
}

nav {
	float:right;
	margin-top:47px;
	position: relative;
	z-index:500;

	li {float:left;}

	.lvl2 {display:none;}

	.lvl1 > li {margin-left:10px; position: relative;}

	.lvl1 > li > a {
		display:block;
		float:left;
		color:white;
		font-size:13px;
		padding: 0 20px;
		line-height:24px;
		width:auto; height:27px;
		background: url(../images/menu-middle.png) top repeat-x;

		.border(5px);
	}

	.lvl1 > li > a:hover,
	.lvl1 > li.current > a {
		line-height:25px;
		background: url(../images/menu-hover-middle.png) top repeat-x;
	}

	.lvl2 {
		position: absolute;
		top:26px; left:0;
		width:200px;
		background: #333;
		border-radius:0 5px 5px 5px;
		-moz-border-radius:0 5px 5px 5px;
		-webkit-border-radius:0 5px 5px 5px;
	}

	.lvl2 a {
		float:left;
		width:190px;
		padding:5px;
		color:white;
		font-size:11px;
		border-top:1px solid #191919;

		&:hover {
			background:#191919;
		}
	}

	.lvl2 li:first-child a {border:0;}
}












/*
	--- Middle
*/

.slides {
	position: absolute;
	top:4px; left:0;
	z-index:10;
}

.txt {
	position: absolute;
	top:45px; left:20px;
	width:300px;
	z-index:40;

	h1 {
		font-size:36px;
		font-weight:normal;
		line-height:0.9em;

		text-shadow: 0 1px 6px #000, 0 1px 6px #000, 0 1px 8px #000;
		filter: ~"progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=120)";

		span {
			font-size:28px !important;
			line-height:0.6em;
		}
	}

	p {
		font-size:13px;
		margin-top:20px;
		line-height:1.4em;
		font-family:arial, sans-serif;
		text-shadow: 0 1px 3px #000, 0 1px 4px #000, 0 1px 5px #000;
		filter: ~"progid:DXImageTransform.Microsoft.Glow(Color=black,Strength=2)";
		/* filter: ~"progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=115)"; */
	}
}


.iso {
	position: absolute;
	top:280px; right:10px;
	z-index:20;
}

.sub .iso {
	top:165px;
}

.sub .flags {top:20px;}

.flags {
	position: absolute;
	top:30px; right:20px;
	z-index:20;

	li {float:left; margin-left:10px;}

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







/*
		--- Article
*/

article {

	h2 {
		color:white;
		font-size:30px;
		font-weight:normal;
		margin:18px 0 10px 0;
	}

	h3 {
		font-size:14px;
		text-transform: uppercase;
	}

	#news {
		padding:10px 0;

		h3 {
			margin-bottom:5px;
		}
	}

	.news-arch {

		font-size:12px;
		float:right;
		color:white;
		padding: 1.3em .5em 1.3em 1.5em;
		background: url(../images/news-arch-ico.png) 0 16px no-repeat;

		&:hover {color: #D8D8D8; text-decoration: underline;}
	}

	.news {
		float:left;
		width: 990px /3.52;
		margin-left:26px;
		padding-left:26px;
		border-left:1px dashed #333333;

		p {
			font-size:11px;
			line-height:1.3em;
			color:#999;
		}

		img {float:left; margin-right:10px;}
	}

	.news:first-child {
		margin-left:0;
		padding-left:0;
		border-left:0;
	}

	.more {
		float:right;
		display:block;
		padding:0 8px;
		font-size:10px;
		color: white;
		height:25px;
		line-height:23px;
		margin-top:1.2em;
		background: url(../images/more-middle.png) top repeat-x;

		.border(3px);

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

.sub #news {
	.news {
		border-left:0;
		margin-left:0;
		padding-left:0;
		border-bottom:1px dashed #ccc;
		width:100%;
		margin-bottom:20px;
		padding-bottom:20px;
	}
}

.sub {

	article {padding:20px 0;}

	h1 {
		font-size:18px;
		color:white;
		padding-bottom:1em;
		text-transform: uppercase;
	}

	.photos {
		float:right;
		width:269px;
	}

	#main {
		border-right:1px dashed #333;
		width:990px - 355px;
		padding-right:25px;
		float:left;

		p, ul, ol {
			font:normal 12px/1.4 Arial, sans-serif;
			color:#999;
			padding-bottom:1em;
		}

		a {color:white; &:hover{text-decoration: underline;}}

		h2, h3, h4, h5 {color: white; margin:1em 0 .6em 0;}

		h2 {font-size:16px;}
		h3 {font-size:14px;}
		h4 {font-size:13px;}
		h5 {font-size:12px;}
	}

	.fullMain {
		width:100% !important;
		padding-right:0 !important;
		border:0 !important;
	}

	.photos {

		li {
			float:left; clear:left;
			margin:5px 0;


			img {border:1px solid #333;}

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











/*
		--- footer
*/

address {
	float:left;
	color: @color2;
	padding:18px 20px;
	font:normal normal 11px/1.3 tahoma, arial, sans-serif;

	strong {font-weight:bold !important;}
}


.madeby {
	float:right;
	margin:50px 20px;
	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:8px 0 8px 14px !important;
		position: relative;
	}

	img {
		float:left;
		width:175px;
		border:1px solid #333;
		padding:2px;
		.border(2px);
	}

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

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

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

.gi {

	ul {margin-bottom:5px;}

	strong {
		position: absolute;
		bottom:0px;
		left:0;
		width:100%;
		text-align:center;
	}

	li {height:160px;}
}






/*
		--- other
*/

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

	td {
		padding:5px !important;
		border:1px solid #444;
		font-size:12px;
		color:#999;
	}

	td p {padding:0 !important;}

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

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

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









/*
		--- Formularz
*/

.form {
	border-left:1px dashed #ccc;
	padding-left:20px;
	float:right;
	width:300px;
}

#contact-form {
	float:right;
	width:100%;
	margin:5px 0;
	}
	fieldset {
		float:left;
		width:100%;
	}
	.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:70%;
			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:25px;
		list-style:none !important;
		background: url(../images/download.png) 0 3px no-repeat;
	}

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

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

	.typPliku {color:#999;}
}




/*
		--- Oddziały & skupy
*/

.sklepy {
	float:right;
	width:300px;
	margin:50px 50px 0 0;
	position: relative;



	.item {line-height: 1.5em;}

	h2 {color: #999 !important; font-size:18px !important; text-transform: uppercase;}
	strong {color: #ED7610; font-size:13px;}
	span {font-size:13px;}
	span strong {color: #999; font-weight:normal;}


}

.skupy td {
	border:0 !important;
	vertical-align: middle;
}

.skupy tr td:first-child {color: #EA2709;}

.skupy tr:hover td {
	background: #333;
}

.skupy img {
	float:left;
	margin-right:3px;
}

.skupy .last {line-height:1.4em !important; a {color: #EA2709 !important;}}


.oddzialy {
	margin:0;
	width:625px;

	em {
		padding:1px 5px;
		font-style:normal;
		font-weight: normal;
		display:inline;

		background: url(../DATA/pliki/dojazd-mniejszy.png) 0 1px no-repeat;

		a {
			color: #EA2709 !important;
			padding-left:14px;
		}
	}

	em:hover { a {text-decoration: none !important; color: #aa1b06 !important;}}
}

.oddzialy td {
	border:0 !important;
	padding:10px 8px !important;
	line-height:1.4em;
}

.oddzialy tr.firstrow td:first-child {padding-left:0 !important; padding-right:25px !important;}

.dojmap {
	color: #EA2709 !important;
	float:left; clear:both;
	width:100%;
	padding:5px 0;

	img {float:left; margin-right:3px;}
}

.noborder td {border:0 !important;}