body, input, textarea, select {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	color: #6a6868;
}
a img {	border: none;}
a {	color: #7c7c7c;}
.bold {
	font-weight: 600;
}
#sidebar ul {
	margin-left: 0;
	padding-left: 0;
}
.main_menu_item  {
	position: relative;
	float: left;
	display: block;
	margin-top: 11px;
	width: auto;
	height: auto;
}
.main_menu_item a {
	color: #a8a6a6;
}
#sidebar li{
	list-style: none;
	float: left;
}
.main_menu_item a {
	padding: 10px 20px;
	display: block;
	border-left: 3px solid #ffffff;
	text-decoration: none;
	font-weight: 600;
}
.main_menu_item .active, .main_menu_item a:hover {
	background-color: #e9e9e9;
	color: #847a7a;
}
.submenu {
	padding: 0;
	margin: 0 0 10px 0;
	display: none;
	position: absolute;
	width: 170px;
	height: auto;
	z-index: 200;
	background-color: #e9e9e9;
}
.submenu li{
	clear: left;
	list-style: none;
	width: 100%;
	border-top: 1px dotted #ffffff;
}

.submenu a {
	font-weight: 500;
	padding: 5px 15px;
}
.submenu a:hover{
	background-color: #f3f3f3;
}
#lang {
	position: relative;
	width: auto;
	height: auto;
	float: right;
	margin: 11px 25px 0 0;
}
#lang-pl {
	background: url(/images/lang_pl.gif) no-repeat;
	width: 31px;
	height: 29px;
	float: left;
}
#lang-de {
	background: url(/images/lang_de.gif) no-repeat;
	width: 31px;
	height: 29px;
	float: left;
}
#sidebar_left p{
	width: 190px;
	height: auto;
	margin: 13px 10px;
	line-height: 13pt;
	padding-right: 15px;
}
#sidebar_left h2 {
	margin: 0 0 0 20px;
	background: url(../images/line_01.jpg) no-repeat bottom;
	padding: 0 0 7px 0;
}
#sidebar_left ul {
	padding-left: 25px;
	
}
#sidebar_left ul ul {
	padding-left: 20px;
}
#sidebar_left ul li a {
	text-decoration: none;
}
#sidebar_left ul li a:hover {
	text-decoration: underline;
}
#sidebar_left ul li {
	padding: 4px 4px 4px 0;
	color: #e5771f;
	margin-left: 5px;
	width: 166px;
}
#sidebar_left ul li:hover {
	color: #2a7293;
}
#sidebar_left ul li:hover a {
	color: #4e5a5f;
}
#sidebar_left ul ul li{
	color: #464646;
	margin-left: 0px;
	padding-left: 0;
	width: 151px;
}
#sidebar_left ul ul li:hover{
	color: #2a7293;
}
#sidebar_left ul ul li:hover a {
	color: #4e5a5f;
}
#sidebar_left ul a span {
	color: #4e5a5f;
	text-decoration: underline;
	font-size: 105%;
}
#sidebar_left .message {
	width: 195px;
	float: left;
	margin: 15px 0 15px 5px;
	padding-right: 10px;
	border: none;
}
#profil {
	background: url(../images/pages/profil.gif) no-repeat right 50px;
}
#profil_drewniany {
	background: url(../images/pages/profil_02.gif) no-repeat right 50px;
}
#siedziba {
	background: url(../images/pages/siedziba.gif) no-repeat right 150px;
}
#roletka {
	background: url(../images/pages/roletka_02.gif) no-repeat 70px 30px;
}
#roto {
	background: url(../images/pages/roto2.gif) no-repeat right 150px;
}
#roto, #roletka, #siedziba, #profil_drewniany, #profil {
	height: auto;
}
#papke_box {
	position: relative;
	float: left;
	height: auto;
	
	padding: 25px 20px 0 0;
	border-top: 1px solid #cecece;
	display: block;
}
.obramowanie, .obramowanie2 { 
	position: relative;
	float: left;
	width: auto;
	height: auto;
	border: 1px solid #cecece;
	display: block;
	margin-left: 20px;
	margin-bottom: 30px;
	background-color: #ffffff;
}

.tresc {
	position: relative;
	line-height: 16pt;
	float: right;
	margin-right: 50px;
}
.tresc .content {
	width: 660px;
	text-align: justify;
}
h1, h2, h3 {
	font-weight: 500;
	margin-top: 0;
}
#content .tresc h1 { font-size: 20pt;}
#content .tresc h2 { font-size: 17pt;}
#content .tresc h3 { font-size: 14pt;}
#content .tresc h4 { font-size: 12pt;}
#content .tresc h4 { font-size: 10pt;}
#content .tresc .title_orange {	color: #ef7e21;}
#content .tresc .title_blue {color: #176f9d;}
#content .tresc .title_orange { border-left-style: solid; border-left-width: 8px; border-left-color: #3c91ba; padding-top: 20px; padding-left: 15px; margin-bottom: 20px;}
#content .tresc .title_blue {border-left-style: solid; border-left-width: 8px; border-left-color: #ef7e21; padding-top: 20px; padding-left: 15px; margin-bottom: 20px;}
#content .tresc .title_orange, #content .tresc .title_blue { font-size: 17pt;}
.to_right {position: relative; float: right; margin: 0 30px 10px 30px;} 
.to_left {position: relative; float: left; margin: 0 20px 10px 20px;}
#footer {
	font-size: 9pt;
}

#content .culture-pl h2 a {
	display: none;
}

/*sub-menu*/
#content .main-box .animated-box .sub-menu { position: relative; width: 460px; display:none; float:left; }
#content .main-box .animated-box .sub-menu ul {margin-left: 60px; width: 450px; padding:10px; padding-right:20px; margin-top: 30px; position: absolute; top: 20px;}
#content .main-box .animated-box .sub-menu ul li { line-height:28px; float:left; width:160px; color:#73aaf1; list-style-position: outside; margin-right:20px;}
#content .main-box .animated-box .sub-menu ul li a { color:#8b817a;  font-weight: bold; text-decoration:none; }
#content .main-box .animated-box .sub-menu ul li a:hover { text-decoration:underline; }
/*description*/
#content .main-box .animated-box .description {width: 470px; float:left; text-align: justify; color:#8a8989; top: -10px;}
#content .main-box .animated-box .description h3 { font-weight:bold;}
#content .main-box .animated-box .description p { margin-right:20px; width: 450px; line-height: 14pt;}
#content .main-box .animated-box .description p.more { background: url('img/more-square.png') no-repeat 0 5px; padding:0px; padding-left: 13px; text-align:right; margin:0 20px 0 100px; position: relative; width: auto; float: right;}
#content p.more { background: url('img/more-square.png') no-repeat 0 5px; padding:0px; padding-left: 13px; text-align:right; position: relative;}
#content p.more a { color:#7e828e; }
#content p.more a:hover { color:#ce6b1a; text-decoration: none;}
#content .description h3 {
	font-size: 12pt;
	font-weight: 500;
}
/**end main page**/
.home-thin { border: none; border-top: 1px solid #b2bbc0; width: 580px;}

.border_image { padding: 10px; border: 1px solid #e3e3e3; background-color: #ffffff;}
hr.dotted { background: url(../images/line_02.gif) repeat-x; border: none;height: 2px; margin: 25px 0;}

.clear {
	clear: both;
}
.images_box {
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	margin-bottom: 30px;
	border-top: 1px solid #cecece;
	padding-top: 20px;
	padding-right: 10px;
	line-height: 14pt;
}
.images_box .obramowanie {
	margin: 0 50px;
}
.images_box .obramowanie2 {
	margin: 10px 0 0 25px;
}
.images_box .double {
	margin: 10px 10px 10px 10px;
}
.okna_bcg {
	background: url(../images/okna.gif) no-repeat right top;
	margin-top: 30px;
}
.okna_bcg h3 {
	top: 20px;
	left: 10px;
}
.okna_bcg .opis	{
	top: 50px;
	left: 10px;
	width: 440px;
	padding: 10px 0 0 15px;
	border-left: 10px solid #696868;
	opacity: .5;
}
.images_box img {
	width: 170px; 
	height: 125px; 
	display: block;
	overflow: hidden;
}
.outside_container {
	width: 300px;
	height: auto;
	position: relative;
	float: left;
	padding-left: 15px;
	margin-bottom: 30px;
	border-top: 1px solid #cecece;
	padding-top: 20px;
	padding-right: 10px;
	line-height: 14pt;
}

.outside_container h3 {
	height: 28px;
	width: 100%;
	display: block;
}
.outside_container .double {margin: 10px 40px 10px 20px;}

.outside_container img {margin: 0px 10px 10px 20px; float: right; opacity: .7}


#content .outside_container p.more a{ background: url('img/more-square.png') no-repeat 0 5px; padding:0px; padding-left: 13px; text-align:left; position: relative; width: auto; float: right;}

#map { width:410px; height:320px; border:1px solid #cecece; margin:15px auto; line-height: 15px; float: left;}
#map h1, #map h2, #map h3, #map h4 { margin: 0 0 10px; padding: 0;}
#contact {
	margin: 20px 0 20px 20px;
	border-left: 1px solid #cecece;
	position: relative;
	float: left;
	padding: 10px 0 0 25px;
	background-color: #ffffff;
	width: 200px;
}
#contact p {
}
fieldset {
	background-color: #ffffff;
	border: 1px solid #cecece;
	border-left: 20px solid #176f9d;
	padding-left: 20px;
}
.email {
	background: url(../images/kontakt.jpg) no-repeat 380px 10px;
}	
fieldset .long, fieldset .short {
	padding: 3px 10px;
}
fieldset .long {
	width: 400px;
}
fieldset .short {
	width: 170px;
	padding: 3px 10px;
}
fieldset .s_short {
	width: 50px;
	padding: 3px 10px;
}
fieldset .l_short {
	width: 100px;
	padding: 3px 10px;
}
.roletki .s_short, .roletki .short, .roletki .l_short {
	text-align: right;
	margin-left: 25px;
}
.reklama {
	display: block;
	float: left;
	position: relative;
}
#ogloszenie_01 {
	background: url(/images/ogloszenie.gif) no-repeat;
	width: 223px;
	height: 221px;
}
.roletki select.s_short, .roletki select.short, .roletki select.l_short {
	text-align: left;
}
.field, .field_2 {
	margin: 0;
	padding:0;
}
.field div, .field_2 div {
	margin: 2px 0;
	padding:0;
	float: left;
	width: 425px;
	position: relative;
}
fieldset .blad, fieldset .komunikat {
	position: relative;
	float: right;
	margin: 10px 5px 10px 0;
	width: 135px;
	height: auto;
	padding: 10px;
	background-color: #ffffff;
}
fieldset .komunikat {
	border-left: 10px solid #ef7d20;
	background-color: #f2f2f2
}

.field_2 label {
	left: 20px;
}	
.field_2 label{
	margin-left: 20px;
}
.field_2 input {
	position: absolute;
	margin: 0;
	left: 130px;
}
.field p {
	margin: 0;
	left: 200px;
}
.button {

}
#content a { color:#7e828e;}
#content a:hover { color:#ce6b1a; text-decoration: none;}

.actions, .actions_2 { position: relative; padding:15px 0px; margin: 0; float: left; text-align: right;}
.actions {
	width: 400px;
}
.actions_2 {
	width: 330px;
}
.button { background: url(img/button-background.png) no-repeat center center; font-family: Tahoma; color: #7b797c; font-size: 10pt; vertical-align:center; font-weight:lighter; height:23px; width:83px; border:none; padding-bottom:3px;}
input.button:hover { opacity: 0.8; }
input.button:focus { background: url(img/button-background-focus.png) no-repeat center center; cursor:hand; }

#window-for-materials { width:310px; position:relative; height: auto; float:left; margin-top: 40px; z-index:2; background-color: #ffffff;}
#buttons-for-materials {
	height: 30px;
	width: 330px;
	position: relative;
	float: left;
	overflow: hidden; 
}
#buttons-for-materials ul {
	margin: 0; 
	padding: 0;
	}
#buttons-for-materials li {
	list-style: none;
	float: left;
	margin: 5px 0 0 0;
	width: 108px;
	height: 30px;
}
#buttons-for-materials a {
	text-decoration: none;
}
#buttons-for-materials .active {
	margin-top: 0px;
}
#group_a { background: url(../images/group_a.png) no-repeat;}
#group_b { background: url(../images/group_b.png) no-repeat;}
#group_c { background: url(../images/group_c.png) no-repeat;}

#choice_window {
	width: 310px;
	float: left; 
	height: auto;
	position: relative; 
	margin: 0 0 0 20px;
	padding: 0;
}

#choice_window h3 {
	margin: 0;
}
#choice_window #box {
	position: relative; 
	float: left;
	padding: 0 0 10px 0;
	width: 90%;
	height: auto;
}
#choice_window img {
	padding: 6px;
	margin: 10px 0 0 10px;
	border: 1px solid #c2c2c2;
	width: 110px;
}

#choice_window img:hover, #choice_window .active {
	cursor: pointer;
	padding: 5px;
	border: 2px solid #c2c2c2;
}
#content .materials { 
	margin: 0px 0 10px 0; 
	padding: 10px 0; 
	float: left; 
	width: 320px; 
	overflow-y: scroll; 
	height: 240px; 
	border: 1px solid #c6c6c6; 
}
.materials hr {
	margin-left: 20px;
	width: 90%;
	float: left;
	position: relative;
	border: none;
	border-top: 1px solid #c6c6c6;
}
.material_mini { width: 80px; height: 80px; position: relative; float: left; margin: 0 0 10px 10px; overflow: hidden; text-align: center;}
	
.materials  a { display:block; outline:none; text-decoration:none; }
.group_b, .group_c, .group_a{
	display: none;
}

#material_box {
	width: 300px; 
	float: left; 
	position: relative; 
	margin-left: 20px;
}
#material_box .active {
	display: block;
}
.material_mini .opis { 
	position: absolute;
	padding: 5px 0;
	bottom: 0;
	width: 100%;
	display: block;
	background-color: #ffffff;
	opacity: .6; 
	font-size: 8pt; 
	}
.etapy_zakupow {
	width: 290px;
	height: 120px;
	float: right;
	margin: 10px 30px 20px 10px;
	display: block;
	position: relative;
	border-left: 1px solid #c6c6c6;
}
#jak_mierzyc {
	width: 650px;
	height: 560px;
	background: url(/images/jak_mierzyc.gif) no-repeat;
}
#e_01 { 
	background: url(../images/etap_01.gif) no-repeat 50px 5px;
}
#e_02 { 
	background: url(../images/etap_02.gif) no-repeat 50px 5px;
}
#e_03 { 
	background: url(../images/etap_03.gif) no-repeat 50px 5px;
}
hr {
	border: none;
	border-top: 1px solid #c6c6c6;
	margin: 20px;
}
.right {
	float: right;
}
.left {
	float: left;
}