/*
		studiofabryka.pl
		mc, 1 kwietnia 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; }













/*
		--- Kolory
*/

@brand_red:		#D2262E;
@brand_pink:	#F1565D;
@brand_grey:	#8A8D8E;
@light_grey:	#9A9D9E;
@fives:			#555555;
@footgrey:		#B7B7B7;
@foothover:		#D7D7D7;











/*
		--- Typografia
*/

body {font-family: Verdana, tahoma, arial, sans-serif;}

h1 {
	font-size:23px;
	color: @brand_red;
}

#lang3 h1 {font-size:19px; line-height:1em;}

h2 {
	font-size: 14px;
	text-transform: uppercase;
	color: @brand_grey;
}

#lang3 .row h2 {font-size:10px;}

h3 {
	font-size:11px;
	text-transform: uppercase;
	color: @brand_red;
}

section a:hover {color: @brand_red;}

p a {color:@brand_red;}
p a:hover {color: @brand_pink;}

#main p {
	font-size:11px;
	color: @brand_grey;
	line-height:1.5em;
	margin:10px 0;
}

#main ol li {list-style:decimal inside;}









/*
		--- Podstawowy układ
*/

body {background: #fff;}

#content {
	margin:0 auto;
	width:998px;
	overflow: hidden;
	position: relative;
}

header, article, footer {
	float:left;
	width:998px;
}





/*
		--- Header
*/

.flags {
	position: absolute;
	top:25px;
	right:18px;

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

	a img {opacity:.5; filter:alpha(opacity=50);}
	a:hover img, .hit a img {opacity:1; filter:alpha(opacity=100);}
}

#logo {

	float:left;
	margin-top:40px;
}

header .right {

	float:right;
	width:980px;
	text-align: right;
	margin:0 18px 15px 0;
}

#mapa, #data {

	font-size:11px;
	font-weight:bold;
	color: @brand_grey;
}

#mapa {margin-right: 70px;}

#topimg {
	float:left;
	width:433px;
	height:210px;
	background: url('../images/master.jpg') -130px -7px no-repeat;
}

#header_right {float:left;}
#login_form {float:left;}
#search_form {float:right;}

#login_form,
#search_form {margin-top:13px;}

#header_right {
	width:380px;
	height: 219px;
	font-size:11px;
	font-weight:bold;
	color: @light_grey;
	line-height:1.2em;
	padding-top:5px;
	overflow:hidden;
	background: url('../images/master.jpg') 339px 0 no-repeat;

	h1 {
		margin: 8px 0 0 15px;
		letter-spacing:-0.04em;
	}

	p {
		width:300px;
		margin:12px 40px 0 15px;
		text-align: justify;
		font-family: Tahoma, arial, sans-serif;
	}
}

#slideshow1 {

	width:330px;
	height:120px;
	overflow:hidden;
	float:left;
	margin:12px 0 0 15px;
}

#login_form {

	input, button {
		float:left;
		margin-right:5px;
	}

	input {
		width:94px;
		height:21px;
		padding:2px 8px;
		border:0;
		font-size:11px;
		line-height: 1.7em;
		background: url('../images/master.jpg') 0 -225px no-repeat;
	}

	button {

		font-size:11px;
		font-family: verdana, tahoma, arial, sans-serif;
		background: url('../images/master.jpg') -110px -225px no-repeat;
		width:74px;
		height:24px;
		margin:0 0 0 0;
	}

	button:hover {
		background: url('../images/master.jpg') -184px -225px no-repeat;
		cursor:pointer;
		color: #fff;
	}
}

#search_form {

	width: 201px;
	height: 25px;
	overflow: hidden;

	input, button {float:left;}

	input {
		width:110px;
		height:21px;
		padding:2px 8px;
		border:0;
		font-size:11px;
		line-height:1.7em;
		background: url('../images/master.jpg') 0 -250px no-repeat;
	}

	button {
		font-size:11px;
		font-family: verdana, tahoma, arial, sans-serif;
		background: url('../images/master.jpg') 0 -275px no-repeat;
		width:75px;
		height:25px;
		margin:0 0 0 0;
	}

	button:hover {
		color: #fff;
		cursor: pointer;
		background: url('../images/master.jpg') 0 -300px no-repeat;
	}

}





/*
		--- Nawigacja
*/

nav {

	float:left;
	clear:left;
	width:185px;
	font-size:12px;
	font-weight: bold;
	*margin-top:23px;

	ul {
		float:left;
		width:180px;
		margin-top:-4px;
		*margin-top:4px;

		li {
			float:left;
			clear:left;
			width:180px;
			border-top:1px dotted @brand_grey;
		}

	}

	li:first-child {border:0;}
	li.hit a {color: @brand_red;}

	a {

		color: @brand_grey;
		text-transform: uppercase;
		padding:8px;
		height: 14px;
		float:left;
		width:165px;
	}

	a:hover, li.hit a:hover  {
		background: url('../images/master.jpg') 0 -374px no-repeat;
		color: #fff;
	}
}





/*
		--- Artykuł: newsy w aside, treść
*/

article {margin: 20px 0 0 0;}
/* .sections {
	border-left:1px solid @light_grey;
	float:left;
	width:697px;
	padding-left:35px;
	min-height:550px;
} */

section {
	float:left;
	width:697px;
}


aside {
	float:left;
	width: 260px;
	margin-right:35px;
	*padding-bottom:20px;
	border-right:1px solid @light_grey;
}

.news {
	float:left;
	clear: left;
	width:220px;
	margin:15px 0;

	p {
		margin: 15px 0 5px 0;
		width:100%;
		color: @light_grey;
		font-size:11px;
		line-height:1.5em;
	}

	img {float:left; margin:4px 8px 0 0;}
}

#main .news {width:697px;}
#main .news:first-child {margin-top:0;}

.home #main #section_menu .row:first-child {margin-bottom:50px; *margin-bottom:95px; float:left;}

.title, .data {
	font-size:11px;
	font-weight: bold;
	width:100%;
	float:left;
	line-height:1.3em;
}

.data {padding-bottom:.6em;}

.more {
	font-size:11px;
	font-weight: bold;
	float:right;
}
.more:hover {color: @brand_red;}

.title {color: @brand_red;}
.data, .more {color: @brand_grey;}



#path {
	border-bottom:1px solid @light_grey;
	font-size:12px;
	font-weight: bold;
	color: @fives;
	padding:0 0 10px 0;
	margin-bottom:30px;
	text-transform: uppercase;

	li {
		float:left;
		padding:0 10px;
		background: url('../images/master.jpg') -552px -214px no-repeat;
	}
	li:first-child {background: none; padding-left:0;}

	a {color: @brand_grey; text-transform: none;}
	a:hover {color: @brand_red;}
}


.row {float:left; width:103%;}
.row > h2 {
	font-size:11px;
	color:@brand_red;
	margin-bottom:20px;
}

.sub .row > div {margin-bottom:30px;}
.sub .row {
	margin-bottom:30px;
	float:left;
	width:100%;
}

.pca {
	float:left;
	margin-left:50px;
	height:135px;
	position: relative;
	z-index: 50;
}

.row > p, .row > ul {
	float:left;
	width:100%;
	font-size:11px;
	line-height:1.5em;
	color:@brand_grey;
	margin:10px 0;
}

.row > ul li {list-style:disc; margin-left:15px;}

.row:first-child > div {margin:0 0 30px 0;}
.row > div {margin:0 0 30px 0;}

.row > div {
	float:left;
	width: 310px;
	height: 135px;
	position: relative;

	h2 a {color: @brand_grey; line-height:1.2em;}
	h2 a:hover {color: @brand_red;}

	ul {
		position: absolute;
		bottom:2px; left:163px;
		width:100%;

		li {float:left; width:100%;}

		a {
			font-size:11px;
			color: @brand_red;
			padding:5px 0 0 0;
			float:left;
		}
		a:hover {color: @brand_pink;}
	}
}

#maplist li a {
	text-transform: uppercase;
	color: @brand_grey;
}

.row > div:first-child {margin-right:95px;}

.slideshow {
	width: 142px;
	height: 135px;
	overflow: hidden;
	float:left;
	margin-right:20px;
}

.row .mask {
	position: absolute;
	top:0; left:0;
	z-index:50;
	display:block;
	width: 142px;
	height: 135px;
}





/*
		--- Footer
*/

footer {
	border-top:1px solid @light_grey;
	padding-top:10px;
	height:80px;

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

		li {
			display:inline;
			padding:0 10px;
			text-transform: uppercase;
		}

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

	a, span {
		color: @light_grey;
		font-size:11px;
	}

	span {
		float:right;
		line-height:1.9em;
		margin:20px 0;
	}
}





/*
		--- Galeria
*/

.gallery {

	float:right;
	width:697px;
	*padding:15px 0;

	ul {
		float:left;
		width:697px;
		margin-left:15px;
		*margin-bottom:20px;

		li {float:left;}

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

	a {
		float:left;
		display:block;
		width:142px;
		height:135px;
		position: relative;
		overflow: hidden;
		margin:0 0 25px 25px;

		.mask {
			position: absolute;
			top:0; left:0;
			z-index:20;

			background: url("../images/thumb_mask.png") 0 0 no-repeat;
			width:142px;
			height:135px;
		}
	}

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

	img {
		float:left;
		height:135px;
	}
}

.pp_description {
	font-size:12px;
	line-height:1.9em;
	color: @brand_red;
}

.pp_nav p {
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin: 3px 6px 0 4px;
	color: @brand_grey;
}

.back {
	float:right;
	clear:right;
	width:auto;
	font-size:11px;
	font-weight:bold;
	text-align: right;
	color:@fives;
	padding-left:20px;
	background: none !important;
}

.back:hover {color: @brand_red;}

.sections > .back {padding:15px 0;}








/*
		--- Dodatkowe menu dolne
*/

#additional {
	padding:15px 0;
	float:right;
	width:702px;

	a {
		font-size:11px;
		font-weight:bold;
		color: @brand_grey;
		line-height:2em;
		background: url("../images/master.jpg") no-repeat;
	}

	a:hover {color: @brand_red;}
	.right {float:left; width:100%;}
}

#generuj_pdf {
	float:left;
	padding-left:20px;
	background-position: -541px -260px !important;
}

#drukuj {
	float:left;
	width:auto;
	padding-left:20px;
	margin-right:20px;
	background-position: -541px -241px !important;
}

#polec_strone {
	float:left;
	width:auto;
	padding-left:20px;
	background-position: -541px -224px !important;
}













/*
		--- Formularz "poleć znajomemu"
*/

#polec {
	float:left;
	width:500px;
	padding:5px;
	font-size:11px;
	color: @brand_grey;
	strong {color: @brand_red;}

	label {

		width:250px;
		float:left;
		padding:5px 0;
	}

	.longlabel {width:500px !important;}

	span {
		float:left;
		clear:left;
		padding:5px 0;
		width:100%;
	}

	input {
		float:left;
		width:200px;

		border:1px solid @light_grey;
		padding:3px 6px;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
	}

	textarea {
		width:443px;
		height:120px;

		border:1px solid @light_grey;
		padding:10px;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
	}

	button {

		float:left;
		padding:3px 6px;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		background: @brand_grey;
		color: #fff;
	}

	button:hover {
		cursor:pointer;
		background: @brand_red;
	}

	#error {
		text-transform: uppercase;
		float:left;
		font-weight:bold;
		color:@brand_red;
		margin:5px 10px;
	}

	.error-input {
		background:#ffbfbf !important;
		border:1px solid @brand_red !important;
	}

}

#kontaktowa td {padding:0 50px 10px 0;}

#polecdiv {display:none;}

.msg {
	color: #666;
	width:500px;
	text-align: center;
	margin-top:100px;
}






/*
		--- wyniki wyszukiwania
*/

ol h4 {
	font-size:12px;
	padding:5px 0;
	font-weight:normal;
	margin-bottom:5px;

	a {color: @brand_pink;}
}

ol ul {margin-bottom:10px;}

li {
	font-size:11px;
	color: @brand_grey;
}






/*
		--- pager
*/

#pages-box {
	float:left;
}