@import url('fonts/font.css');
@import url('prettyPhoto.css');

/*
		studiofabryka.pl
		mc, konbet, 16 czerwca 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; }






/*
		--- lang. ver.
*/

#en #strefy,
#de #strefy,
#ru #strefy {display:none;}

#en h1,
#de h1,
#ru h1 {margin: 20px 0 0 20px;}

#en #main,
#de #main,
#ru #main {margin: -7px 15px 0 0;}

#en article,
#de article,
#ru article {padding-top:0;}






/*
		--- Basic
*/

body {
	background: #fff;
	font-family: tahoma, arial, sans-serif;
}

.sub .fbk {
	float:left;
	margin-top:20px;
}

#leftbg, #rightbg {
	position: absolute;
	height:587px;
	z-index:10;
	width:50%;
	top:0;
}

#leftbg {left:0; background: url('../images/bg-left.jpg') top repeat-x;}
#rightbg {right:0; background: url('../images/bg-right.jpg') top repeat-x;}

.sub #leftbg {left:0; background: url('../images/subbg-left.jpg') top repeat-x;}
.sub #rightbg {right:0; background: url('../images/subbg-right.jpg') top repeat-x;}

#bg {
	background: url('../images/bg.jpg') top no-repeat;
	position: relative;
	z-index:20;
	height:587px;
	width:100%;
	float:left;
}

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

#top, #bottom, .flash {float:left; width:100%;}
#top {min-height:500px;}

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

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






/*
		--- Header
*/

header {height:344px; z-index:60;}

#logo {
	float:left;
	margin:20px 28px 0 28px;
}

.nagroda {
	float:left;
	margin:20px 5px 0 0;
}

header h3 {
	font:normal 29px/1 "FujiyamaNormal", arial, sans-serif;
	color: #fff;
	float:left;
	margin:58px 0 0 100px;
}

.sub header h3 {margin:52px 0 0 100px;}

#flags {
	position: absolute;
	top:16px;
	right:0;
	}
	#flags li {
		float:left;
		margin-left:6px;
	}

#slideshow {
	float:left;
	clear:left;
	height: 222px;
	width: 641px;
	overflow:hidden;
	position: relative;
	background: none;
	}
	#slides {
		margin:-5px 0 0 -13px;
		background: none !important;
	}
	.sub #slides {
		margin:-8px 0 0 -13px;
		background-image: none;
		background-color: transparent;
		}
		#slides img {
			background-image: none !important;
			background-color: transparent !important;
		}


	#slidenav {
		position: absolute;
		z-index:50;
		bottom:15px; right:13px;
		}
		#slidenav a {
			float:left;
			display:block;
			background: #49566d;
			width:15px;
			height:15px;
			text-indent:-9999px;
			overflow: hidden;
			margin-left:5px;
		}
		.activeSlide {background: #e2e2e2 !important;}

.home #search {
	position: absolute;
	bottom:6px;
	right:20px;
	}
	#search input, #search button {float:left;}

	#search input {
		border:1px solid #cacaca;
		color: #717171;
		font-size:11px;
		width:135px;
		padding:3px;
	}

	#search button {
		background: none;
		padding:0;
		margin:2px;
	}






/*
		--- Article
*/

article {padding-bottom:20px; z-index:20;}
.sub article {padding-top:30px;}

#news {
	float:left;
	width: 685px;
	margin-left:25px;
	}
	.row {
		float:left;
		width:100%;
		padding:10px 0 20px 0;
		border-top:1px solid #d5d4d0;
	}
	.row:first-child {
		border:0;
		}
		.news:first-child {margin-left:0;}
		.news {
			float:left;
			width:48%;
			margin-left:4%;
			}
			.news .title {
				font: normal 22px/1.2 "FujiyamaNormal", Tahoma, arial, sans-serif;
				padding-bottom:10px;
				color: #333366;
				float:left;
				width:100%;
			}
			.news img {
				border:1px solid #c1c1c1;
				float:left;
				margin-right:5px;
			}

			.news p {
				font-size:11px;
				line-height:1.3em;
				color: #333;
				float:left;
				width:160px;
				text-align: justify;
			}
			.more {
				float:right;
				font-size:11px;
				font-weight:bold;
				color: #1b3b77;
				padding-right:15px;
				background: url('../images/more-bg.jpg') right 2px no-repeat;
				}
				.more:hover {text-decoration:underline;}


	.gotoNewsArch {
		float:right;
		margin-top:5px;
		color: #fff;
		background: #1b3b77;
		font-size:11px;
		font-weight:bold;
		padding:1px 4px 3px 40px;
		}
		.gotoNewsArch:hover {background: #112448;}


	.sub .news {
		margin-left:0;
		margin-bottom:25px;
		width:96%;
		}
		.sub .news .title:hover {text-decoration: none;}
		.sub .news p {
			width:420px;
			padding: 0 0 10px 10px !important;
		}

		.sub #news {
			float: left;
			margin-left: 20px;
			width: 635px;
		}


/* #last {
	background: url('../images/last-section.jpg') top no-repeat;
	margin:10px 0 0 25px;
	height:102px;
	width:958px;
	float:left;
} */

#last {
	background: url('../images/sub-last.jpg') top no-repeat;
	margin:10px 0 0 25px;
	height:102px;
	width:958px;
	float:left;
}

	.mails, .phones {
		float:left;
		font-size:12px;
		line-height:1.3em;
		color: #333;
		}

		.mails em, .phones em {
			font-style:normal;
			float:left;
		}
		.mails a {
			color: #333;
			float:right;
			margin-left:5px;
		}
		.mails a:hover {text-decoration: underline;}
		.mails {margin:31px 0 0 210px; width:195px;}
		.phones {margin:31px 0 0 48px; width:175px;}
		.phones span {float:right; margin-left:5px;}

	/* #newsletter {
		float:left;
		width:183px;
		margin: 30px 0 0 30px;
		} */
		#newsletter p, #newsletter input {
			font-size:10px;
			line-height:1em;
			color: #333;
		}
		#newsletter input, #newsletter button {float:left;}

		#newsletter input {
			border:1px solid #cacaca;
			width:120px;
			margin-top:5px;
			padding:2px;
		}
		#newsletter button {
			font:normal 14px/1 "FujiyamaNormal", tahoma, arial, sans-serif;
			text-transform: uppercase;
			background: none;
			margin:6px 0 0 3px;
			color: #1c3c79;
			}
			#newsletter button:hover {
				color: #2d60bf;
			}

aside {
	float:right;
	margin-top:15px;
	width:245px;
	}
	nav {
		float:left;
		width:100%;
		}
		nav li {
			float:left;
			width:100%;
			margin-bottom:12px;
		}

		#blue a, #strefy a {
			border:1px solid #9b9b9b;
		}

	#blue a {
		float:left;
		display:block;
		color: #fff;
		text-transform: uppercase;
		font: normal 17px/1.5 "FujiyamaNormal", tahoma, arial, sans-serif;
		background: #1c3b79 url('../images/kontakt-ico.jpg') 11px 3px no-repeat;
		padding: 0 0 0 40px;
		width:204px;
		height:24px;
	}
	#blue li:first-child a {
		background: #1c3b79 url('../images/oferta-ico.jpg') 11px 3px no-repeat;
	}

	#strefy a {
		display:block;
		float:left;
		width:244px;
		height:62px;
		position: relative;
		}
		#strefy span {
			position: absolute;
			bottom:0;
			right:0;
			padding:4px 6px 2px 6px;
			background: url('../images/strefa-span-bg.png');
			text-transform: uppercase;
			color: #fff;
			font: normal 18px/1 "FujiyamaNormal", tahoma, arial, sans-serif;
		}

		.strefa1 {background: url('../images/strefa1.jpg') top no-repeat;}
		.strefa2 {background: url('../images/strefa2.jpg') top no-repeat;}
		.strefa3 {background: url('../images/strefa3.jpg') top no-repeat;}
		.strefa4 {background: url('../images/strefa4.jpg') top no-repeat;}
		.strefa5 {background: url('../images/strefa5.jpg') top no-repeat;}

	.sub #strefy {
		z-index:60;
		margin:5px 0 0 25px;
	}

	.sub #strefy a {
		width:184px;
		height:51px;
		border:1px solid #a3a3a3;
		}
		.sub #strefy li {width:184px; margin-right:5px;}
		.sub #strefy span {font-size: 14px;}

		.sub .strefa1 {background: url('../images/sub-strefa1.jpg') top no-repeat;}
		.sub .strefa2 {background: url('../images/sub-strefa2.jpg') top no-repeat;}
		.sub .strefa3 {background: url('../images/sub-strefa3.jpg') top no-repeat;}
		.sub .strefa4 {background: url('../images/sub-strefa4.jpg') top no-repeat;}







/*
		--- Footer
*/

.flash {width:100%; height:90px;}

footer {padding:20px 0 40px 0;}

#rzetelna-firma {
	float:left;
	clear:left;
	margin-right:10px;
}

footer p, #realizacja {
	font-size:10px;
	margin-top:5px;
	color:#666;
}

footer p {
	float:left;
	line-height:1.2em;
	width:450px;
}

#realizacja {
	float:right;
	text-align: right;
	}
	#realizacja strong {
		text-transform: uppercase;
		font-weight:normal;
	}
	#realizacja:hover {color: #18356D;}






/*
		--- SUB styles
*/

.sub aside {
	float:left;
	clear:left;
	width:280px;
	margin-left:25px;
}

.sub nav {margin-left:20px;}
.sub nav li {margin-bottom:0;}
.sub nav .lvl2 {float:left; padding-bottom:5px;}

.sub nav .lvl1 > li > a {
	font-size:12px;
	font-weight:bold;
	color: #666;
	line-height:1.3em;
	background: url('../images/sub-arrow.jpg') 0 4px no-repeat;
	padding-left:12px;
	float:left;
	width:100%;
}

.sub nav .lvl2 a {
	font-size:11px;
	font-weight:normal;
	color: #666;
	margin-left:15px;
}

#main {
	float:right;
	margin:-37px 15px 0 0;
	width:655px;
	min-height:402px;
	border-left:1px solid #b4b4b4;
	border-right:1px solid #b4b4b4;
	border-bottom:1px solid #b4b4b4;
	background: #fff url('../images/sub-section-bg.jpg') top repeat-x;
}




.sub #search {
	position: relative;
	float:left;
	border:1px solid #a0a0a0;
	width:280px;
	margin-bottom:20px;
	}
	.sub #search input {
		border:0;
		padding:2px;
		width:185px;
		margin:4px 5px 0 15px;
	}
	.sub #search button {
		color: #1a3974;
		text-transform: uppercase;
		float:left;
		padding-top:2px;
		font: normal 17px/1 "Fujiyamanormal", tahoma, arial, sans-serif;
	}




#last {margin:30px 0 0 17px;}
.sub .adv {margin-top:20px; float:left;}

#newsletter {
	float:right;
	width:183px;
	margin: 30px 125px 0 30px;
}

h1 {
	color: #19376f;
	font:normal 28px/1.3 "FujiyamaNormal", tahoma, arial, sans-serif;
	text-transform: uppercase;
	float:left;
	width:100%;
	margin:50px 0 10px 20px;
}

#main p,
#main ul,
#main ol {
	font-size:12px;
	line-height:1.4em;
	color: #333;
	padding:0 20px 10px 20px;
}

#main ul li {
	list-style:disc;
	margin-left:25px;
}
#main ol li {
	list-style:decimal;
	margin-left:35px;
}

#main a {
	color: #19376f;
	font-weight:bold;
}
#main a:hover {text-decoration: underline;}

#main h4 {
	font-size:14px;
	color: #19376F;
	padding-bottom:.5em;
}




#download {
	float:left;
	width:615px;
	margin:10px 20px;
	padding:20px 0 0 0;
	border-top:1px dashed #b4b4b4;
	}
	#download h4 {
		font:normal 18px/1 "FujiyamaNormal", arial, sans-serif;
		text-transform: uppercase;
		margin-bottom:5px;
		color: #19376f;
	}
	#download li {
		list-style: none !important;
		margin-left:0 !important;
		padding-left:20px;
		line-height:1.5em;
		background: url('../images/file.gif') 0 1px no-repeat;
	}

.gallery {
	float:left;
	width:100%;
}

.gallery li {
	list-style: none !important;
	margin-left:10px !important;
	float:left;
}

.gallery ul {
	float:left;
	width:100%;
	margin: 0 !important;
}
.gallery li:first-child {margin-left:0 !important;}

.gallery img {
	max-width:140px;
	padding:2px;
	border:1px solid #b4b4b4;
}

.currentTextHolder,
.pp_description {
	font-size:12px;
	color: #666;
}

.pp_description {
	margin-top:4px;
}

.currentTextHolder {
	float:left;
	padding-right:4px;
}






/*
		--- formularz kontaktowy
*/

#formularz {float:left; width:100%; margin-left:20px;}

#kontakt, #login {

	margin-top:1em;
	width:98%;
	float:left;
	font:12px/1.5 Tahoma, Arial, sans-serif;
	color:#333;
	position: relative;
}
#kontakt #info {

	font-weight: bold;
}
#kontakt fieldset {

	float:left;
	margin:10px 10px 10px 0;
	width:auto;
}

#kontakt fieldset.full {
	width:99%;
}

#kontakt .full label {width:65%; float:left; clear:none;}
#kontakt .full label:first-child {width:35% !important;}

#kontakt .full input {width:85%;}
#kontakt .full label:first-child select {width:95%;}

#kontakt input, textarea, select,
#login input, textarea, select {

	width:200px;
	float:left;
	clear:left;
	padding:2px 4px;
	color:#333;
	border:1px solid #ccc;

	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
	background: #fff;
}

#k_kod {width:130px !important;}

#kontakt span, #kontakt label, #login span, #login label {

	float:left;
	clear:left;
	margin:2px 0;
	*width:210px;
}
#kontakt .short {width:120px;}
#kontakt img {

	float:left;
	margin-left:10px;
	border:0;
	padding:0;
}
#kontakt textarea {

	height:160px;
	width:350px;
}

#kontakt .button {

	background: #feb123;
	color: #000;
	padding: 3px 10px;
	cursor: pointer;
	float:left;
	width:auto;
	border:0;

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

select {

	float:left;
	clear:left;
	width:210px;
}
.veryshort {width:60px !important;}
.floating {

	clear:none !important;
	float:left;
	margin-right:10px !important;
}

.medium {width: 120px !important;}
.pytanie fieldset {width:250px !important;}
.pytanie .longfield {width:500px !important;}

.rightspan {

	float:left;
	clear: none !important;
	width:auto !important;
}
.rightspanpadding {

	float:left;
	clear: none !important;
	width:auto !important;
	padding:5px 0 0 0;
}

.radio, .checkbox {

	width:20px !important;
	clear:none !important;
}
.leftspan {

	float:left;
	width:auto !important;
	margin:8px 10px 0 0 !important;
}
#kontakt .longspan {

	float:left;
	width: 300px !important;
	clear:none !important;
}

.error-input {background: #ffd2d2 !important; border:1px solid #ff0000 !important;}

#error, #ok {
	display:none;
	color: #fff;
	font-weight:bold;
	padding:3px 5px;
	width:auto !important;
	*width:270px !important;
	background: #cc0000;
	float:left;
	clear:none !important;
	margin-left:5px !important;

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

#ok {background: #5a8e2b;}

.longlabel {width:370px !important;}










#toplayer, #pp_full_res {
		width:500px;
		height:360px;
		}
		#pp_full_res p {
			text-align:justify;
			font-size:14px;
			line-height:1.4em;
			color:#333;
		}
		.hidden{display:none;}







.kontaktdata {
	float:left;
	width:270px;
	margin:10px 20px;
}

.kontaktdata h3 {
	color: #353B8F;
	font-size:16px !important;
	font-weight:normal;
	margin:10px 20px;
}

.kontaktdata p {margin-left:30px; float:left;}

.mapa {
	float:left;
	width:97%;
	margin:15px 0 15px 10px;
}

.mapa small {
	font-size:11px;
}

.mapa small a {
	color:#353B8F !important;
}










/*
		--- Sklepy
*/
#polska {float:left; clear:left; padding:0 !important;}
#polska li {list-style:none !important;}

.sklepy {
	float:left;
	margin:0;
	width:100%;
	}
	.sklepy > div {margin-left:10px;}
	.sklepy	.item {
		float:left;
		width:180px;
		min-height:150px;
		margin:15px;
		color: #464542;
		font-size: 12px;
		line-height: 1.3em;
	}
	.sklepy .item strong {
		padding:3px 6px;
		width:168px;
		float:left;
		margin-bottom:3px;
		font-size:13px;
		color: #19376F;
		text-transform: uppercase;
		background: #ebebeb;
	}
	.sklepy .item span {float:left; padding:0 6px; line-height:1.3em;}

	.sklepy h2 {
		border-bottom:1px dashed #ccc;
		width:94%;
		margin-top:5px;
		color: #19376F;
		font-size:18px;
		padding-bottom: 10px;
		margin-left:20px;
	}

	.miasto {float:left; width:100%; margin:5px 0;}
	.miasto li {
		float:left;
		margin:0 !important;
		padding:0 !important;
		background: none;
		list-style:none !important;
		}
		.miasto a {
			color: #666;
			font-size:12px;
			text-transform:uppercase;
			padding:0 10px;
			border-left:1px solid #ccc;
			font-weight:bold;
			}
			.miasto a:hover {
				color: red;
				text-decoration:none;
			}
	.miasto li:first-child a {border:0; padding-left:0;}


	.togglemap {
		font-size:14px;
		font-weight:normal !important;
		float:right;
		padding:5px 5px 5px 25px;
		background: url(../images/polska_ico.png) 3px 5px no-repeat;

		border-width:1px 1px 0 1px;
		border-color: #ccc;
		border-style:dashed;

		cursor:pointer;
	}




/* Wsparcie techniczne, formularz */


.wsparcie {padding-bottom:20px;}

.wsparcie fieldset {
	width:40% !important;
	float:left !important;
	clear:none !important;
	margin:0 !important;
}

.forCheckbox {clear:none !important; width:90% !important;}
.long {width:100%;}
.label {
	clear: left;
    float: left;
    margin: 2px 0;
}

.long5 {width:5% !important;}

.long60 {width:47% !important;}
.long40 {width:25% !important;}

.long90 {width:62% !important;}
.long10 {width:10% !important;}

input.floater {clear:none !important; margin-right:5px;}

.wsparcie span {width:100%;}
.wsparcie select {width:100%;}
.wsparcie .button, .wycena .button {float:right !important; clear:right; margin:5px 0 15px 0;}
.wsparcie #error, .wsparcie #ok {margin-bottom:20px; width:96% !important;}


.wycena fieldset {
	width:92% !important;
	padding:1em;
	border:1px solid #ccc;

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

.wycena legend {
	padding:0 10px;
	font-size:13px;
	text-transform: uppercase;
	color: #19376F;
}

.wycena #error, .wycena #ok {
	margin-top:5px;
	float:left;
	width:500px !important;
}
.wycena label, .wycena .label {
	float:left;
	width:100%;
}

.wycena span {
	float:left;
	width:100%;
}

.wycena .halfs .label {width:50%; float:left; clear:none !important;}
.wycena textarea {width:98% !important; height:100px !important;}
.wycena .long {width:100% !important;}
.wycena small {
	float:left; width:100%;
	color:#999;
}


.wsparcie .subject,
.wycena .subject,
#kontakt .subject {display:none;}

#kontakt .full label.long35 {width:35% !important; clear:none;}



#login {
	width:210px;
	height:100px;
	float:none;
	margin:10px auto 20px auto !important;
}

#login label {width:100%;}

#login h4 {
	text-align:center;
}

#login span {width:35px;}

#login input {
	clear:none;
	width:165px;
}

.rejestracja-link {
	float:left;
	margin:5px 0 0 40px;
	font-size:11px;
	color: #214892;
}

.rejestracja-link:hover {
	color: #346bd1;
	cursor: pointer;
	text-decoration: underline;
}

#formularz p {
	padding:0;
}

.rejestracja {display: none; width:80% !important; margin-left:50px;}

.rejestracja fieldset {
	width:50% !important;
}

.rejestracja .full {
	width:100% !important;
	clear:left;
}

.rejestracja .label {width:100%;}

.rejestracja select {
	width:80%;
	font-size:11px;
}

.rejestracja p {padding-bottom:1.2em !important;}

.rejestracja legend {
	color:white;
	font-weight:bold;
	text-transform: uppercase;
	background: #214892;
	padding:1px 7px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	width:80%;
}

.rejestracja .full .button {width:auto !important;}
.rejestracja .full textarea {width:99% !important; height:80px !important;}
.rejestracja .forCheckbox {width:89% !important;}

#login .button {
	background: #FEB123;
	padding:3px 10px;
	color: black;
	width:auto !important;
	float:right;
	border:0;
	cursor:pointer;
}

#login .button:hover {
	opacity:.9;
	filter:alpha(opacity=90);
}