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

	created: jul 18, 2009


*/


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


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


blockquote {
	line-height: 22px;
	text-align: left; }
	
	blockquote p, blockquote div {
		font-family: Arial;
		font-size: 14px;
		color: #e1e1e1; }


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



body { background: url(../images/backc2.gif); }

body.start { background: url(../images/backc2.gif); }



fieldset { border: none; }


	
html {
	overflow: auto;
	overflow-x: hidden;
	line-height: 20px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #e1e1e1; }



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, ol { margin: 0 0 20px 20px; }



ol { margin-left: 20px; }




/*	naglowki */

h1, h2, h3, h4, h5 { color: #fff; }

h1 {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

h2 {
	font-family: Arial;
	font-size: 14px;
	font-weight: normal; }


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

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

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


















/*	nawigacja */

a {
	text-decoration: none;
	color: #fff /*#975c0f*/; }	

	a:hover {
		text-decoration: underline;
		color: #eccba6; }















#attach {
	list-style: none;
	padding: 20px 0 25px 0; }

	#attach a {
		line-height: 20px;
		font-weight: bold;
		color: #fff; }

	#attach li {
		height: 30px;
		background: url(../images/i_pdf.gif) no-repeat left 0;
		padding: 5px 0 5px 45px;		
	}










#center {
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding: 305px 0 0 0; }

	.start #center { padding: 470px 0 0 0; }


















	#cert a {
		float: left;
		width: 94px; height: 64px;
		margin: 0 49px 0 0;
		filter:alpha(opacity=80); -moz-opacity: .8; opacity: .8;
		text-indent: -10000px; }
		
	#cert a:hover { filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
		
	#cert .najlepsza { background: url(../images/cert_najlepsza.gif); }
	#cert .paq { background: url(../images/cert_paq.gif); }
	#cert .tuv { background: url(../images/cert_tuv.gif); }
	#cert .woolmark { background: url(../images/cert_woolmark.gif) ;}


















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

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

















#foot {
	clear: both;
	position: relative;
	width: 896px; height: 134px;
	background: url(../images/foot2.gif) no-repeat;
	margin: 10px 0 0 0;
	padding: 32px 0 0 64px; }
	
	.start #foot { background: url(../images/foot2.gif) no-repeat; }

	#foot .copy, #foot .realizacja {
		position: absolute; top: 120px;
		font-family: Georgia;
		color: #6e373d; }

	#foot .copy { left: 40px; }

	#foot .pozostale {
		position: absolute; top: 80px; right: 280px;
		font-family: Arial;
		font-size: 11px;
		color: #743e44; }

#foot .program {
		position: absolute; top: 80px; right: 30px;
		font-family: Arial;
		font-size: 11px;
		color: #743e44; }

	#foot .realizacja { 
		right: 20px;
		font-size: 10px; }




















#gallery {
	clear: both;
	padding: 25px 0 25px 0; }

	#gallery a { 
		float: left;
		margin: 0 13px 10px 13px; }
		
	#gallery img {
		padding: 3px;
		border: 1px solid #6b3f31; }

	#gallery a:hover img { _filter:alpha(opacity=80); -moz-opacity: .8; opacity: .8; }













#konkurs {	
	float: right;
	width: 370px;
	padding: 15px 0 0 0; }

	#konkurs h1 { padding: 0 0 15px 0; }



















#kontakt {
	width: 710px; float: left;
	position: relative;
	background: #451a1c;
	border: 1px solid #663e3f;
	margin: 0 0 25px 0; }
	
	#kontakt fieldset {
		width: 700px;
		padding: 25px 0 55px 10px; _padding-bottom: 55px; }
		
	#kontakt h5 { position: absolute; left: 20px; bottom: 25px; }

	#kontakt label {
		float: left;
		width: 735px;
		padding: 0 0 10px 0; }

	#kontakt span {
		float: left;
		width: 220px;
		text-align: right;
		padding: 0 10px 0 0; }

	#kontakt textarea {
		background: #fff;
		border: 1px solid #878787;
		width: 414px; height: 90px; }

	#kontakt #wyslij {
		width: 200px; height: 30px;
		position: absolute; bottom: 25px; left: 290px;
		cursor: pointer; }

	#kontakt .field {
		background: #fff;
		border: 1px solid #878787;
		width: 210px;
		padding: 2px 4px 2px 4px; }



	#kontakt select.field { width: 220px; }























#lang {
	position: absolute; top: 5px; right: 10px; z-index: 20; }

	#lang a {
		padding: 0 10px 0 5px;
		border-right: 1px solid #f1ca99;
		font-family: Arial;
		font-size: 11px;
		color: #f1ca99; }

	#lang .last { border: none; border: 0; }













#logo {
	display: block;
	position: absolute; top: 62px; left: 26px;
	width: 229px; height: 80px;
	text-indent: -10000px; }

	 #logo { background: url(../images/logo-pl.gif); }






















#menu {
	float: left;
	width: 179px;
	padding: 52px 5px 15px 0; }

	.start #menu {
		background: url(../images/dot2.gif) repeat-y right;
		padding-top: 15px; }


	#menu a {
		float: left;
		width: 166px;
		line-height: 18px;
		background: url(../images/dot.gif) no-repeat left 12px;
		padding: 5px 0 5px 13px;
		font-size: 12px;
		cursor: pointer;
		color: #fff; }
		
	#menu a:hover { 
		text-decoration: none !important;
		background: #522626 url(../images/dot.gif) no-repeat left 12px; }
		
	#menu ul {
		float: left;
		list-style: none;
		padding-bottom: 10px;		
		margin: 0 0 0 14px;   }
	
	/*#menu li { display: block; }*/
	
	
	
	#menu li {  width: 165px; float: left; display: block; }
	
	#menu li li { width: 146px; }
	
	#menu li a {
		_float: left; 
		width: 152px;
		padding: 0 0 0 10px;
		background: url(../images/line.gif) no-repeat left 8px; 
		font-size: 11px !important;
		color: #eccba6; }
		
		#menu li a:hover { 
			text-decoration: none !important;
			background: #522626 url(../images/line.gif) no-repeat left 8px;
			cursor: pointer; }
		
	#menu li li a {
		width: 138px;
		font-size: 10px; }


	#menu .sklep {
		float: left;
		width: 50px;
		background: #522626;
		margin: 5px 0 0 0;
		padding: 2px 12px 2px 12px !important;
		text-transform: uppercase; }

	




















#news {
	float: left;
	 }
	
	.start #news {
		width: 341px;
		background: url(../images/dot2.gif) repeat-y right;
		padding: 15px 15px 10px 24px; }

	#news h1 { padding: 0 0 25px 0; }
	
	#news h3 {
		padding: 0 0 5px 0;
		color: #fbb482; }

	#news h5 { 
		margin: -3px 0 0 0;
		color: #975c0f; }

	#news img {
		float: left;
		padding: 2px;
		margin: 0 15px 0 0;
		border: 1px solid #6b3f31; }
	
	#news p {
		font-size: 11px;
		line-height: 17px;
		color: #af9aa8; }

	#news .desc { float: left; width: 615px;  }
		
	.start #news .desc { width: 215px; }




.archiwum { clear: both; padding: 15px 0 0 0; font-size: 10px; color: #efefef; }



















#praca {
	float: right;
	width: 675px;
	margin: 10px 0 0 0;
	padding: 0 50px 0 0; _padding-right: 40px; }


		
	#praca a {
		float: left;
		width: 675px;
		background: #694649 url(../images/plus.gif) no-repeat 10px 5px;
		margin: 0 0 10px 0;
		padding: 0 0 0 25px;
		text-transform: uppercase;
		cursor: pointer;
		font-weight: bold; }
	
	#praca a:hover {
		background: #745052 url(../images/plus.gif) no-repeat 10px 5px;
		text-decoration: none;
		cursor: pointer; }
		
	#menu h4,
	#praca .menu_body p { font-family: Arial; }
	
	#praca .menu_body { padding: 15px 0 15px 0; }
	
	#praca p { font-size: 12px; }



	#praca #kontakt {
		width: 665px;
		height: 350px;
		padding-bottom: 40px; }

	#praca #kontakt fieldset,
	#praca #kontakt label { width: 665px; }

	
	#praca #kontakt p {
		padding-right: 15px;
		font-size: 11px;
		line-height: 15px; }

	#praca #kontakt textarea { width: 390px; height: 57px; }

	#praca #kontakt #wyslij { left: 270px; }


















#products .left,
#products .right {
	width: 350px;
	padding: 20px 0 0 0; }

#products .left { float: left; }
#products .right { float: right; }

#products ol { margin-left: 10px; }













#products-index { }

	#products-index .left,
	#products-index .right {
		position: relative;
		width: 343px; }
	
	#products-index .left { float: left; }
	
	#products-index .right { float: right; }
	
	#products-index a:hover { text-decoration: none; }
	#products-index a:hover h2 { color: #eccba6; }
	

	#categories {
		position: absolute; top: 136px; left: 80px;
		width: 230px;
		text-align: right; }
	
	#categories a {
		line-height: 40px;
		font-family: Arial;
		font-size: 14px;
		text-transform: uppercase; }
	
	#categories a:hover {  }




















#right {
	float: right;
	width: 748px; min-height: 400px; _height: 400px;
	background: url(../images/dot2.gif) repeat-y left;
	padding: 15px 0 40px 28px; }


	#right h1 { padding: 0 0 20px 0; }
	
	#right p img {
		padding: 2px;
		border: 1px solid #6b3f31; }


	
	




















/* classess */


img.left, img.right {
	padding: 3px;
	border: 1px solid #6b3f31; }

img.left {
	float: left;
	margin: 0 25px 0 0; }
	
	
img.right {
	float: right;
	margin: 0 0 0 25px; }



.anim {
	position: absolute; top: 0; right: 0; z-index: 10;
	width: 631px; height: 313px; }

	.start .anim { width: 706px; height: 470px; }



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

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



.konkurs {
	float: right; 
	width: 372px; height: 146px; }


.menu_body { display: none; }


.news-item { clear: both; }


.more {
	float: right;
	margin-top: -15px;
	font-size: 11px; }