/*--------------------------------------------------------
	css theme name: studio fabryka
	author: bartosz mediger (http://mediger.net)

	created: nov 28, 2008


*/


* { margin: 0px; padding: 0px; }


address {
	float: left;
	font-style: normal; }


blockquote {
	float: left;
	line-height: 18px;
	text-align: left; }

	blockquote p { font-size: 14px; }


body, html { width: 100%;  height: 100%; }



body { background: #fff; }



fieldset { border: none; }



html {
	overflow: auto;
	overflow-x: hidden; }



html {
	line-height: 18px;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333; }



img { border: none; }



ins { text-decoration: none; }




p { padding-bottom: 15px; }



textarea {
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #333;
	overflow: auto; }


ul { list-style: none; }

ul, ol { margin: 0 0 15px 20px; }



ul li {
	background: url(../images/arrow.gif) no-repeat left 7px;
	padding: 0 0 0 15px; }






/*	naglowki */

h1.start { font-size: 10px; font-weight: normal; text-indent: -10000px; position: absolute !important; }

h1 {
	padding: 0 0 2px 0;
	font-size: 18px;
	font-weight: normal;
	text-indent: 0 ;
	top: 0 !important; left: 0 !important;
	position: relative !important; }

h2 {
	height: auto; overflow: hidden;
	padding: 0 0 2px 0;
	font-size: 18px;
	font-weight: normal; }

	#text h2 {
		padding: 0 0 15px 0;
		font-size: 14px;
		font-weight: bold; }

h3 {
	font-size: 14px;
	font-weight: bold; }

h4 {
	font-size: 12px;
	font-weight: normal; }

h5 {
	font-size: 10px;
	font-weight: bold; }

h6, h6 a {
	margin: 0 0 15px 0;
	font-size: 10px;
	font-weight: normal; }


















/*	nawigacja */

a {
	text-decoration: none;
	color: #ff0000; }

	a:hover { text-decoration: underline; }













#container {
	width: 100%; height: 100%; min-height: 700px;/* _height: 700px;*/
	background: url(../images/top.jpg) no-repeat center top }

	.sub #container {
		background: url(../images/top_sub.jpg) no-repeat center top; }

















#content {
	float: left;
	width: 100%; min-height: 100%; }




























#flags {
	position: absolute; top: -135px; left: 20px;
	width: 87px; }

	#flags a {
		float: left;
		height: 13px;
		line-height: 13px;
		overflow: hidden;
		padding: 0 0 0 20px;
		font-size: 10px;
		color: #ccc; }

	#flags a.pl { background: url(../images/flag_pl.gif) no-repeat left top; }
	#flags a.gb { background: url(../images/flag_gb.gif) no-repeat left top; }

















#foot {
	float: left;
	width: 100%; height: 62px;
	background: #fff;
	margin-top: -62px; }

	#foot h1 { position: absolute; top: 5px; left: 20px; }

	#foot .content {
		position: relative;
		width: 970px; height: 21px;
		margin: 0 auto;
		padding: 41px 0 0 0; }

	#foot .menu a {
		float: left;
		width: 166px; height: 21px;
		margin: 0 13px 0 0;
		text-indent: -10000px; }

	#foot .menu a:hover { background-position: 0 -21px; }

	#foot a.kontakt { background: url(../images/m_kontakt2.gif); }
	#foot a.ostudiu { background: url(../images/m_ostudiu.gif); }
	#foot a.realizacje { background: url(../images/m_realizacje2.gif); }
	#foot a.start2 { background: url(../images/m_start2.gif); }


	#foot .realizacja {
		position: absolute; top: 5px; right: 0px;
		color: #909090; }











#frame,
#submenu {
	position: relative;
	float: left;
	width: 615px; min-height: 500px;
	border: 1px solid #aeaba9; }

	#frame .bg,
	#submenu .bg {
		float: left;
		width: 100%; height: 100%; min-height: 100%;
		position: absolute;
		background: #fff;
		z-index: 5;
		filter:alpha(opacity=95);
		-moz-opacity: .95;
		opacity: .95; }

	#frame .content,
	#submenu .content {
		float: left;
		position: relative;
		padding: 18px;
		z-index: 10; }
















#inside {
	position: relative;
	width: 990px; min-height: 477px; _height: 100%;
	margin: 0 auto; }

	#inside h1 { position: absolute; top: -111px; left: 20px; }













#intro {
	float: right;
	width: 470px;
	padding: 50px 0 0 0;
	font-size: 12px;
	text-align: justify;
	line-height: 14px; }

	#intro span {
		font-size: 14px;
		font-weight: bold; }
















	#kontakt h1, #kontakt h2, #kontakt .komunikatory h3 { text-indent: -1000px; }

	#kontakt h1 {
		position: relative; top: auto; left: auto;
		width: 115px; height: 19px;
		background: url(../images/h_studio.gif);
		margin: 32px 0 5px 0; }

	#kontakt label {
		width: 167px;
		float: left; }

	.pl #kontakt h2 {
		width: 359px; height: 40px;
		background: url(../images/h_dla.gif) no-repeat; }

	#kontakt input {
		float: left;
		margin: 0 8px 7px 0; }

	.pl #kontakt .komunikatory h3 {
		width: 206px; height: 17px;
		background: url(../images/h_komunikatory.gif) no-repeat; }

	#kontakt .frame {
		float: right;
		width: 360px;
		background: #f4f4f4;
		border: 1px solid #dedede;
		margin: 27px 0 0 0;
		padding: 12px; }

	#kontakt .frame p {
		margin: -2px 0 5px 0;
		padding: 0; }




	#kontakt .gg {
		float: left;
		width: 130px;
		padding: 5px 0 0 0; }

	#kontakt .gg, #kontakt .skype {
		font-size: 12px;
		color: #ff0000; }

	#kontakt .gg a, #kontakt .skype a {
		font-size: 12px;
		color: #b61a32; }

	#kontakt .gg img {
		float: left;
		margin: 5px 5px 0 0; }


	#kontakt .left {
		float: left;
		width: 187px; }

	#kontakt .right {
		float: right;
		width: 372px; }


	#kontakt .skype {
		float: left;
		width: 150px;
		background: url(../images/skype.gif) no-repeat left;
		padding: 0 0 0 80px; }


























#logo {
	position: absolute; top: -80px; left: 17px;
	width: 280px; height: 40px;
	text-indent: -10000px;
	background: url(../images/empty.gif); }















#main {
	float: left;
	width: 100%;
	padding: 152px 0 100px 0; }
















#mapa {
	position: absolute; top: -136px; left: 118px;
	width: 87px;
	background: url(../images/i_mapa.gif) no-repeat left;
	padding: 0 0 0 30px;
	font-size: 10px;
	color: #ccc; }




















#menu {
	position: absolute; top: -152px; right: 0px; /*_right: -20px;*/
	width: 513px; height: 81px;
	padding: 39px 0 0 104px; }

	#menu a {
		display: block;
		font-family: Arial;
		font-size: 12px;
		color: #fff; }

	#menu .fabryka, #menu .oferta, #menu .realizacje, #menu .kontakt { float: left; }

	#menu .fabryka { width: 135px; }


	#menu .kontakt {
		float: left;
		position: absolute; top: 50px; right: 0; _right: -1px;
		width: 70px; height: 45px;
		background: url(../images/i_icons.gif); }

	#menu .kontakt:hover { background-position: 0 -45px; }


	#menu .oferta {
		width: 135px;
		padding: 0 0 0 10px; }

	#menu .realizacje {
		width: 150px;
		padding: 0 0 0 10px; }

	#menu a.start {
		position: absolute; left: 0; top: 0;
		float: left;
		width: 69px; height: 36px;
		background: url(../images/m_start.gif);
		text-indent: -1000px; }

	#menu a.start:hover { background-position: 0 -36px; }

	.pl #menu { background: url(../images/menu-pl.gif) no-repeat top right; }


























#page {
	float: left;
	position: relative;
	width: 100%; height: 100%; }













#pages {
	float: left;
	width: 430px;
	padding: 20px 0 0 12px; }

	#pages a {
		float: left;
		line-height: 14px;
		margin: 0 5px 0 0;
		padding: 0 3px 2px 3px;
		background: #ff0000;
		font-weight: bold;
		color: #fff; }


	#pages a:hover, #pages a:active, #pages a.hit {
		background: #323433;
		text-decoration: none; }

	#pages .arrow { height: 20px; }

	#pages .arrow.left { background: url(../images/arrow_left2.gif) no-repeat left 3px; }
	#pages .arrow.right { background: url(../images/arrow_right.gif) no-repeat right 3px; }

	#pages .dots {
		background: #fff;
		padding: 0;
		margin-right: 2px;
		color: #000; }

















#porozmawiajmy {
	float: left;
	width: 171px; height: 82px;
	padding: 67px 0 0 160px; }

	#porozmawiajmy a { font-weight: bold; }

	#porozmawiajmy p {
		padding: 0 0 2px 0; }

	.pl #porozmawiajmy { background: url(../images/porozmawiajmy-pl.jpg); }











#powieksz {
	position: absolute; top: 18px; right: 18px; z-index: 10;
	width: 135px;
	border-bottom: 1px solid #999;
	padding: 0 0 5px 10px; }

	#powieksz a {
		position: relative;
		font-weight: bold;
		text-transform: uppercase; }

	#powieksz .aa { font-size: 14px; }
	#powieksz .aaa { font-size: 18px; font-weight: normal; }























#realizacje { margin-top: -15px; }

	#realizacje h5 { position: relative; z-index: 100; margin: -2px 0 -5px 0; }

	#realizacje h6.plus {
		background: url(../images/plus.gif) no-repeat left;
		margin: -19px 0 0 0;
		padding: 0 0 2px 13px;
		line-height: px; }

	#realizacje .desc {
		display: none;
		position: relative; z-index: 10;
		float: left;
		width: 520px; padding: 10px;
		border: 1px solid #999;
		margin: 10px 0 0 0; }

	#realizacje .inside { line-height: 13px; }

	#realizacje .item {
		float: left;
		width: 250px; }

	#realizacje .item.left { margin-right: 40px; }

	#realizacje .item.right .desc { margin-left: -290px; }

	#realizacje .row {
		width: 562px;
		float: left;
		padding: 27px 0 0 12px; }

	#realizacje .url {
		display: block;
		margin: 0 0 10px 0;
		font-weight: bold; }

	#realizacje .zamknij {
		float: right;
		background: url(../images/arrows.gif) no-repeat right;
		padding: 0 10px 0 0; }











#right {
	float: right;
	width: 660px;
	padding: 80px 0 0 0; }

















#submenu {
	float: right;
	width: 217px; min-height: 100px; _height: 150px; }

	#submenu, #submenu a, #submenu span { font-size: 12px; }

	#submenu a, #submenu span {
		display: block;
		padding: 2px 0 2px 0; }

	#submenu h2 {
		width: 190px;
		margin: 0 0 5px 0;
		padding: 0 0 5px 0;
		border-bottom: 1px solid #999; }









#text { width: 579px; }


















#window {
	position: relative;
	/*margin-left: 12px;*/
	width: 952px;
	padding: 0 20px 0 18px; }

	.sub #window {
		width: 855px;
		padding: 0 35px 0 100px; }










#wyslij {
	float: left;
	width: 560px;
	padding: 22px 0 0 0; }

	#wyslij form {
		float: left;
		width: 580px; }

	.pl #wyslij h3 {
		width: 207px; height: 19px;
		background: url(../images/h_wyslij.gif);
		text-indent: -1000px; }

	#wyslij .left {
		float: left;
		width: 170px; }

	#wyslij .right {
		float: right;
		width: 390px; }

	#wyslij textarea {
		float: right;
		width: 388px;
		height: 96px;
		padding-left: 5px; }















/* classess */

.a { font-size: 11px; }


.aa {
	line-height: 20px;
	font-size: 14px; }

	.aa * { line-height: 19x; }
	.aa h2 { font-size: 19px; }
	.aa h4 { font-size: 13px; }
	.aa h6, .aa h6 a { font-size: 11px; }



.aaa {
	line-height: 22px;
	font-size: 16px; }

	.aaa * { line-height: 20px; }
	.aaa h2 { font-size: 22px; }
	.aaa h4 { font-size: 16px; }
	.aaa h6, .aaa h6 a { font-size: 12px; }




.actions {
	float: right;
	padding: 20px 0 0 0; }

.actions a {
	float: left;
	padding: 0 10px 0 12px; }

	.actions .left { background: url(../images/arrow_left.gif) no-repeat left 7px; }
	.actions .top { background: url(../images/arrow_top.gif) no-repeat left 7px; }


#realizacje .actions {
	float: left;
	width: 542px;
	border-top: 1px solid #999;
	margin: 15px 0 0 12px;
	padding: 4px 0 0 0;
	text-align: center; }

#realizacje .actions a {
	float: none;
	font-weight: bold; }



.button {
	border: none;
	cursor: pointer; }

	.button.wyslij {
		width: 159px; height: 19px;
		background: url(../images/button_wyslij.gif);
		font-size: 10px;
		font-family: arial;
		padding: 0 0 2px 0;
		text-transform: uppercase;  }

.button:hover {
	filter:alpha(opacity=80);
	-moz-opacity: .8;
	opacity: .8; }



.error {
	float: left;
	margin: -6px 0 7px 0;
	padding: 0;
	color: #ff0000; }


.field {
	width: 151px; height: 15px;
	padding: 3px 3px 1px 3px;
	background: #fff;
	border: 1px solid #666;
	font-size: 11px; }


.intro {
	float: left;
	width: 951px; height: 314px; }











.red { color: #cc0000; }


.req {
	clear: both;
	padding: 0;
	}








.error-input {

	border:1px solid #cc0000;
	background: #ffb7b7;
}

#error {

	background: #cc0000;
	color: #fff;
	font-weight: bold;
	display:block;
	float:left;
	clear:left;
	width:100%;
	padding:5px 0;
	text-indent: 10px;
}