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

html {font-family: Tahoma, arial, sans-serif;}

.hidden {display:none;}
#toplayer {float:left;}
#toplayer p {color: #333; font-size:12px; line-height:1.3em;}
#toplayer img {max-width:500px;}


/*
		--- Klasy
*/

.top {
	position: absolute;
	top: 0;
	left: -30px;
}

.full {

	float:left;
	width:100%;
	position: relative;
}

.wrapper(@szer: 990px) {

	margin:0 auto;
	width: @szer;
}

.rounded(@radius: 5px) {

	-webkit-border-radius: @radius;
	-moz-border-radius: @radius;
	border-radius: @radius;
}



/*
		--- Kolory
*/

@red: #9a1619;
@grey: #333;



/*
		--- Główne tła
*/

body {background: #fff url('../images/bg.jpg') top repeat-x;}
#bottom {background: url('../images/footer.png') top no-repeat;}



/*
		--- Podstawowy układ
*/

.content {.wrapper; position: relative;}

header, article {.full;}

#top, #bottom {.full;}
#top {min-height:500px;}
#bottom {

	height: 252px;
	float:left;
	position: relative;
}



/*
		--- header
*/

#logo {

	float:left;
	img {float:left;}
}

#flash {

	position: absolute;
	top:0; right:-20px;
	width: 726px;
	height: 168px;
}



/*
		--- artykuł, aside (nav)
*/

aside {

	float:left;
	clear:left;
	width:232px;
	margin:30px 0 0 0;
}

#jak {margin-top:5px; float:left;}

nav {

	li {
		float:left;
		clear:left;
		background: url('../images/menubg.png') top no-repeat;
		width: 232px;
		height:39px;
	}

	a {

		float:left;
		display:block;
		width: 208px;
		height:26px;
		color: #fff;
		font-size:23px;
		text-transform: uppercase;
		font-weight:bold;
		text-align:right;
		padding-right:10px;
		margin:2px 0 0 3px;
		line-height:1em;
	}

	a:hover, .current a {background: #6f0003;}
}

#boxes {float:left; margin:0 0 0 30px;}
section {

	width: 671px;
	overflow: hidden;
	float:right;
	margin:0 60px 0 0;
}

.home p {

	font-size:20px;
	line-height:1.2em;
	font-weight:bold;
	font-family: Tahoma, Arial, sans-serif;
}

#main {

	margin-top:25px;
}

h1 {

	font-size:35px;
	text-transform: uppercase;
}

#boxes {height: 175px;}

#boxes a {

	display:block;
	width: 213px;
	height: 175px;
	float:left;
	position: relative;
	overflow: hidden;

	.top {position: absolute; top:-14px; left:0;}

	.txt {

		position:absolute;
		bottom:-51px; left:0;
		display: block;
		width:213px;
		height: 51px;
	}
}

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

	margin:0 12px;
	background: url('../images/box2.jpg') top no-repeat;
}
#box3 {background: url('../images/box3.jpg') top no-repeat;}

#tels {float:right; margin:10px 65px 0 0;}


#bottom a {

	display:block;
	width:175px;
	height:20px;
	position: absolute;
	top:220px; right:37px;
}


.sub h1 {margin: 30px 0 0 30px; float:left;}
.sub #main {margin-top:10px;}
.sub section {

	p, ul, ol {

		font:13px/1.3 Tahoma, arial, sans-serif;
		margin-bottom:1em;
	}

	li {margin-left:25px;}

	ul li {
		background: url('../images/bullet.jpg') 0 7px no-repeat;
		padding-left:12px;
	}
	ol li {list-style: decimal;}

	a {color: @red;}
	a:hover {text-decoration: underline;}
}



.gallery {margin-bottom:20px !important;}
.gallery li {background: none !important; padding-left: 0 !important;}
.gallery li,
.gallery a,
.gallery img {float:left;}

.gallery li {

  list-style: none !important;
  margin:10px !important;
  padding:0 !important;
  background: none;
}

.gallery img {

  padding:1px;
  border:1px solid #333;
  width:140px;
}

.gallery a:hover img {

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

.currentTextHolder {font-size:12px; color: #333;}






/*
		FORM
*/

#contact-form {

	margin-top:10px;
	width:98%;
	float:left;
	font:16px/1 Tahoma, Arial, sans-serif;
	color:#333;
	position: relative;
}
#contact-form #info {font-weight: bold;}

#contact-form span, #contact-form label {font-size:12px;}

#contact-form fieldset {

	float:left;
	margin:10px 10px 10px 0;
	width:auto;
}
#contact-form input, textarea {

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

	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
	background: #fff;
}
#contact-form span, #contact-form label {

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

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

	height:160px;
	width:410px;
	margin-bottom:5px;
}

button {

	background: #feb123;
	color: #000;
	padding: 5px 10px;
	cursor: pointer;
	float:left;

	-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;
}
#contact-form .longspan {

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

.error-input {background: #ffd2d2 !important;}

#error {
	color: #fff;
	font-weight:bold;
	padding:6px 12px;
	width:auto !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;
}

.longlabel {width:370px !important;}



aside {position: relative;}

.jak {

	position:absolute;
	z-index:30;
	top:415px;
	left:3px;
}

#slideshow {

	float:left;
	clear:left;
	margin:10px 0 0 3px;
}

nav {float:left;}

.targeomap {
	font-size:11px;
}

.pp_close {
	z-index:20000;
	position: relative;
}