/*

		studiofabryka.pl
		mc, 21-01-2014

 */

@import 'config.less';




body {
	background: url(../images/top.jpg) top repeat-x;
	font-size: 13px;
	line-height: 18px;
	color: @txtcolor;
	font-family: Tahoma, Arial, sans-serif;
}

.bg {
	float: left;
	width: 100%;
	overflow: hidden;
	min-height: 900px;
	background: url(../images/bottom.jpg) bottom repeat-x;
}

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

header, article, footer {
	float: left;
	width: 100%;

	position: relative;
	z-index: 10;
}

body.kontakt {
	.main {
		float: left;
		width: 300px;
	}

	.map {
		float: left;
		margin: 0 15px;

		iframe {
			width: 330px;
			height: 310px;
		}

		a {color: @color1 !important;}
	}

	.form {
		float: right;
	}
}








/* header */

.logo {
	float: left;
	margin: 40px 0 38px;
}

nav {
	float: right;
	margin-top:40px;

	.lvl1 > li,
	.lvl1 > li > a {
		float: left;
		position: relative;
	}

	.lvl1 > li {
		border-left: 1px solid #ccc;
	}

	.lvl1 > li:first-child {border:0;}

	.lvl1 > li > a {
		font-size: 12px;
		color: @menucolor;
		.fontb;
		padding: 5px 10px 3px;
		margin: 0 10px;
		text-transform: uppercase;

		.transition;
	}

	.lvl1 > li > a:hover,
	.lvl1 > .sub-open > a,
	.lvl1 > .current > a {
		background: #cc0000;
		color: white;
	}

	.lvl2 {
		display: none;
		position: absolute;
		top: 25px;
		left: 10px;
		z-index: 1000;
		width: 200px;

		background: #cc0000;

		li, a {
			float: left;
		}

		li {width: 100%;}

		a {
			padding: 5px 3%;
			width: 94%;
			color: white;
			border-top: 1px solid #A40000;

			&:hover {
				background: #BF0000;
			}
		}


	}
}


.slideshow {
	float: left;
	width: 969px;
	height: 332px;
	margin-left: 2px;
	position: relative;
	overflow: hidden;


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

	.info {
		position: absolute;
		top: 90px;
		left:0;
		z-index: 20;
		height: 154px;
		background: url(../images/red.png) top repeat-x;

		h1 {
			margin: 20px 30px;
			color: white;
			.fontb;
			line-height: 1.4em;
			text-transform: uppercase;
		}
	}
}


/* article */

article {
	padding: 1em 0 2em;
	min-height: 630px;
}

.boxes {
	li {
		list-style: none; 
		margin:0 0 0 24px;
		float: left;
	}

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

	a {
		position: relative;
		width: 474px;
		height: 195px;
		display: block;
		float: left;

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

		strong {
			position: absolute;
			bottom: 10px; left:0;
			color: white;
			text-transform: uppercase;
			z-index: 20;

			width: 100%;
			text-align: center;
			padding: 20px 0;
			.fontb;
			font-size: 16px;
			.transition;
		}

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

			strong {
				font-size: 18px;
			}
		}
	}
}



.textboxes {
	float: left;
	width: 100%;
	padding: 2em 0 1em;
	margin: 1em 0 1.5em;
	border-top: 1px solid #ccc;
	background: url(../images/border.png) bottom repeat-x;
}

.textbox {
	float: left;
	width: 430px;
	margin-left: 25px;
	border-left: 1px solid #ccc;
	padding-left: 35px;

	li {
		color: #cc0000;
		margin: 5px 0 5px 15px;

		span {color: @txtcolor;}
	}

	h2 {
		text-transform: uppercase;
		margin: 0 0 15px;
	}
}

.firstbox {padding-left: 0; border-left:0; width: 440px;}





/* footer */

footer {
	height: 230px;
	
	.row {
		float: left;
		width: 100%;
		height: 110px;
	}

	address {
		float: left;

		font-style: normal;
		color: white;
		font-size: 11px;
	}

	.madeby {
		float: right;

		strong, img {
			float: left;
		}

		strong {
			font-weight: normal;
			font-size: 10px;
			color: #fff;
			line-height: 1em;
			margin: 3px 3px 0 0;
		}

		img {.transition;}

		&:hover {
			img {opacity: .8;}
		}
	}
}






/* SUB */

.sub {


} /* sub */