/*
	studiofabryka.pl
	mc, 17 grudnia 2010
	dla bluewind
*/







/*
	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; }



/*
	stałe
*/

@base-color: #727c9e;
@link-color: #f86707;

.roundcornbottom {

	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

.roundcornall {

	border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/*
	basic
*/

body {

	background: #d6dde7;
	font-family: Georgia, times, serif;
}

#all {

	background: url('../images/repeater.jpg') top repeat-y;
	float:left;
	width:100%;
}

.fullsize {

	float:left;
	width: 100%;
}

#top {

	background: url('../images/top.jpg') top no-repeat;
	min-height: 601px;
	.fullsize;
}

.en #top {background: url('../images/top-en.jpg') top no-repeat;}



#bottom {

	background: url('../images/bottom.jpg') top no-repeat;
	height:162px;
	.fullsize;
}

.content {

	position: relative;
	margin:0 auto;
	width:793px;
}

#logo {

	display: block;
	float:left;
	width:320px;
	height:75px;
	margin:30px 0 0 80px;
}


/*
	top nav
*/

nav {

	float:left;
	clear:left;
	margin: 22px 0 0 10px;
	width:100%;
	position: relative;
	z-index: 20000;

	li {

		float:left;
		height:29px;
		background: url('../images/menu-border.jpg') top right no-repeat;

		a {

			padding:0 13px;
			line-height:1.7em;
			font-size: 15px;
			color: @base-color;
			display: block;
			height:29px;

			&:hover {

				background: @base-color;
				color: #fff;
				.roundcornbottom;
			}
		}



		.lvl2 {

			position: absolute;
			display: none;
			z-index: 30;
			width:210px;
			padding-bottom:5px;
			background: #e4e9ef;
			.roundcornall;

			li {

				float:left;
				clear:left;
				height: auto;
				background: none;

				a {

					font-size:11px;
					height:20px;
					width:204px;
					padding:0 3px;

					&:hover {.roundcornall;}
				}
			}
		}
	}

	.last {

		background: none;
	}

	.hit > a {

		background: @base-color;
		color: #fff;
		.roundcornbottom;
	}
}



/*
	article
*/

article {

	margin:20px;
	float:left;
	clear:left;
	width:753px;
}

h1 {

	font-size:20px;
	font-style: italic;
	color: @base-color - #222;
	margin-bottom:20px;
	padding-bottom:5px;
	border-bottom:1px solid @base-color;
	width:520px;
}

h2 {color: #4c6588;}

#main {

	font-size:12px;
	line-height:1.3em;
	color: #4c6588;

	img.left {

		float:left;
		margin-right:10px;
		padding:3px;
		border:1px solid @base-color;
	}

	p {

		margin-bottom:10px;
		color: #4c6588;

		a {

			color: @link-color;

			&:hover {

				color: @link-color - #333;
				text-decoration: underline;
			}
		}
	}

	ul, ol {margin-bottom:10px;}

	ul li {

		margin-left:35px;
		list-style: circle;
	}

	ol li {list-style: decimal;}
}



/*
	galerie
*/

.gallery {float:left; clear:both;}
.gallery ul {float:left; clear:both;}

.big li {

	position: relative;
	float:left;
	clear:left;
	margin:0 !important;

	img {

		width:753px;
		margin:10px 0;
	}

	p {

		position: absolute;
		bottom:10px; left:0;
		padding:10px;
		width:733px;
		background: url('../images/pbg.png');
		z-index:20;
		color: #fff;
		font-size:12px;
	}
}



.gallery {

	 margin: 10px 0 10px -5px;

	li {

		float:left;
		margin:6px;

		a {
			img {

				width: 130px;
				padding:3px;
				border:1px solid @base-color;
			}



			&:hover img {

				opacity:.8;
			}
		}
	}
}



/*
	newsy
*/

.news {

	float:left;
	width:753px;
	margin:0 0 20px 0;
	font-size:12px;
	line-height:1.3em;
	color: #4c6588;

	.title, .data, .more, img {float:left;}
	.title, .data {width:753px; display: block;}

	.title {

		font-size:15px;
		font-weight: bold;
		color: @base-color - #333;

		&:hover {
			color: @link-color;
		}
	}

	.data {

		clear: left;
		font-size:11px;
		color: @base-color + #111;
		margin-bottom:10px;
		font-style: italic;
	}

	img {

		clear:left;
		height:85px;
		width:110px;
		margin-right:15px;
		padding:2px;
		border:1px solid @base-color;
	}

	p {text-align: justify; color: #4c6588;}

	.more {

		float:right !important;
		font-style: italic;
		color: @link-color;

		&:hover {

			color: @link-color - #666;
		}
	}
}



/*
	widok strony z listą kotów
*/

#koty {margin:20px 0;}

.kot {

	float:left;
	clear:left;
	width:753px;
	margin-bottom:20px;

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

	h3 {

		font-size:14px;
		color: @base-color - #111;

		strong {

			float:left;
			width:320px;
			margin-bottom:25px;
		}
	}

	li {

		font-size:12px;
		margin:10px;
		color: #333;
	}

	.last {

		margin:25px 0;
	}

	a {

		&:hover {
			opacity:.8;
		}
	}

	.linki {float:left;}
	.linki li {float:left !important; margin:0 !important;}
}


/*
	footer
*/

footer {

	float:left;
	margin:0 20px;
	padding-top:8px;
	border-top: 1px solid @base-color;
	width:753px;

	ul, li {float:left;}

	li {
		border-right:1px solid @base-color;

		a {

			font-size:11px;
			line-height:1.3em;
			padding:0 8px;
			color: @base-color - #666;
			&:hover {color: @link-color;}
		}
	}

	.last {border:0 none;}

	#realizacja {

		float:right;
		font-size:11px;
		line-height:1.3em;
		color: @base-color - #666;

		&:hover {color: @link-color;}

	}
}




/*
		mioty
*/

.miot {

	width:100%;
	float:left;
	clear:left;
	margin-bottom:15px;

	p {width:290px; float:left;}

	a {
		float:left;
	}

	a:hover {

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




#pages .jPag-current, #pages li, #pages a {font-size:14px;}
#pages .jPag-current {padding: 5px;}

.jPaginate { width: 140px !important; }


.flags {

	position: absolute;
	right:0;
	top:10px;

	li {
		float:left;
		margin:2px;
		/* border:1px solid #333; */

		img {float:left;}

		a:hover {opacity:.5; filter:alpha(opacity=50);}
	}
}

.jPag-control-front {

    width: 100px;
}





.promote {
	width:778px;
	text-align: center;
	margin:30px auto;

	div {
		float:left;
		width:300px;
		margin:10px 2.5px;
	}

	div.first {width:468px;}

	code {
		float:left;
		width:294px;
		padding:3px;
		background: #fff;
		color: #52647C;
		font-size:10px;
		text-align:left;
		height:50px;
	}

	div.first code {width:462px;}
}



/* mc, update: 29 maja 2012 */

#zaloguj2 {
	padding:1em 0;

	button {
		margin-left:3px;
		padding:3px 6px;
		color: white;
		background: #494E6C;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;

		cursor: pointer;
		&:hover {
			background: #646A8C;
		}
	}

	input {
		padding:3px;
		color: #646A8C;
		border: 1px solid #ccc;
		box-shadow: inset 0 0 12px #ccc;

		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;

		transition: all .4s;
		-o-transition: all .4s;
		-moz-transition: all .4s;
		-webkit-transition: all .4s;

		&:focus {box-shadow: inset 0 0 0px #ccc;}
	}
}