@charset "utf-8";

#kohana-profiler {
	top: 2200px;
	position: absolute;
}

/* CSS Document */
body {
	margin: 0;
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif
	}
img {
	border:0; padding:0; margin:0
	}
	:focus {
		outline:none
		}
ul {
	padding:0;
	margin:0
	}
p:first-letter {
	font-size: 1.2em;
}

/* SWITCH (SEO) - przeniesienie menu na koniec kodu */
#switch-head {
	width:100%;
	position:absolute;
	top:20px;
	left:0px;
	}
#switch-content {
	width:100%;
	position:absolute;
	top:230px;
	left:0px;
	font-size:.8em
	}
	.content-no-menu {
		top:173px !important;
		}
/* SWITCH - koniec */
#wrap {
	width:980px;
	margin:auto;
	background:#fff;
	overflow:hidden;
	padding-bottom:15px
	}
	
#head_all {
	width:980px;
	margin:auto
	}
#top {
	background:url(/images/logobg.png) no-repeat 0px -90px #fff;
	overflow:hidden;
	padding:0;
	margin:0;
	width:980px
	}

#logo {
	width:266px;
	padding:30px;
	float:left
	}
	
		
#menu {
	width:650px;
	float:right;
	}
	#menuglowne {
		float:right;
		width:600px;
		color: #000;
		font-size: 1em;
		font-weight:bold;
		padding:15px 0 15px 0;
		text-align:right
		}
		#menuglowne ul {
			padding:0;
			margin:0;
			}
			#menuglowne li {
				height:20px;
				padding-right:15px;
				display:inline;
				list-style-image:none;
				list-style-position:outside;
				list-style-type:none;
				text-align:center
				}
				#menuglowne a {
					color:#000;
					font-family: verdana, sans-serif;
					text-decoration:none
					}
				#menuglowne a:hover {
					text-decoration:underline
					}
				a.menuglowne-otwarta {
					text-decoration:underline !important
					}
				a.menuglowne-galeria {
					color:#f00 !important
					}
	#flagi {
		text-align:center;
		float:right;
		padding-right:15px
		}
	#translate {
		clear:both;
		text-align:center;
		float:right;
		padding-right:15px
		}
	
#menudzialy {
	background:#575757;
	height:60px;
	margin:0;
	width:100%;
	font-size:1em;
	text-align:left;
	overflow:hidden;
	border-bottom: 2px solid #333;
	}
	#menudzialy ul {
	 width:980px;
	 margin:auto
				}
				#menudzialy li {
				display:inline;
				float:left;
				text-align:center
				}
					#menudzialy li a {
						display:block;
						width:140px;
						height:50px;
						margin:0;
						text-decoration:none;
						color:#fff;
						}
					#menudzialy li a span{
						display:block;
						width:80px;
						height:50px;
						padding:8px 30px;
						margin-left:-5px;
						cursor:pointer
						}
					#menudzialy li a:hover {
						text-decoration:underline;
						}
				
#menuboczne {
	width:252px;
	background-color:#fff;
	float:left;
	padding:30px 0 0 0;
	}
	#menuboczne ul {
		list-style-type:square;
		padding:0 0 0 45px;
                color: #333;
}
	#menuboczne li.otwartydzial {
		color:#000;
		font-weight:bold;
		padding:0; margin:0 0 10px 0;
		}
		#menuboczne li.otwartydzial ul {
			list-style-type:square;
			/*border-left:5px dashed #e0e0e0;*/
			padding: 0 0 0 5px; margin:0 0 0 20px;
			font-weight:normal;
                        color:#999;
		}
		#menuboczne li.otwartyprodukt {
			font-weight:bold;
			color:#c33;
			}
		
		.menu_dzialy {
			margin: 0;
			padding: 0;
			}
			.menu_dzialy li {
					/*list-style-type: none;*/
					padding: 2px 0;
					}
				.menu_dzialy li a {
						font-size: 15px;
						color: #152235;
						text-decoration: none;
						font-family: verdana, arial;
						display: block;
						text-align: left;
						}
					.menu_dzialy li a:hover {
							color: #fff;
							}
			
			#menudetaleopen0, #menudetaleopen1 {
				font-weight:bold !important;
				}
	#menuboczne_form {
		width:222px;
		margin: 30px 0 15px 30px;
		overflow:hidden
		}
	#menuboczne_polecstrone {
		width:222px;	
		margin: 0 0 15px 0;
		overflow:hidden
		}
		#menuboczne_polecstrone h4 {
			padding:0 !important;
			font-weight:bold
			}
		#menuboczne_polecstrone p {
			font-size:.8em;
			text-align:justify
			}



.tekst {
	background:#fff;
	width:700px;
	float:right;
	padding:0;
	}
	.tekst p {
		padding:0 30px;
		}
	.tekst ul {
		padding:0 60px;
		margin:0 0 30px 0;
		}
		.tekst ul ul {
		padding:0 30px;
		margin:0 0 15px 0;
		list-style-type:square;
		font-size:0.8em
		}
	.tekst ol {
		padding:0 60px;
		margin:0 0 30px 0;
		}

	.tekst.grupa_ID {
		}
		

#pgroups {
	background:#fff;
	width:980px;
	padding:0 0 30px 0;
	overflow:auto
	}
	#pgroups a img, .grupanaliscie a img {
		padding:0 30px;
		float:left
		}
	#pgroups h2 {
		clear:both
		}
	#pgroups p {
		padding: 0 15px 30px 30px;
		}
	#pgroups a {
		color:#00f;
		text-decoration:underline !important;
		}
		#pgroups a:hover {
			color:#00f;
			text-decoration:none !important;
			}
	#pgroups p a, #pgroups h2 a, .grupanaliscie p a {
		color:#000;
		text-decoration:none !important;
		}
		#pgroups p a:hover, #pgroups h2 a:hover{
			color:#000;
			text-decoration:none !important;
			}
		.grupanaliscie p a:hover {
			text-decoration:underline !important;
			}
	#pgroups a:first-letter {
		font-size:1.2em
		}
		
#stopka_all {
	width:980px;
	margin:auto;
	border-top:1px solid #575757
	}
#stopka {
	background:transparent;
	float:right;
	font-family: verdana, sans-serif;
	color:#fff;
	text-decoration:none;
	font-size:0.8em
	}
	#stopka a {
		font-variant:normal;
		color:#fff;
		text-decoration:none
		}
	#stopka a:hover
		{
		color:#f09;
		text-decoration:underline
		}
#copyright {
	width:100%;
	clear:both;
	background:transparent;
	font-family: verdana, sans-serif;
	color:#fff;	
	text-align:center;
	font-size:.8em;
	}
	#copyright p {
		padding:10px;
		margin:0
		}

.clearing {clear:both}


h1, h2, h3, h4, h5, h6, h7 {
		font-weight:normal; clear:both
	}
h1 {
		font-size:1.5em;
		font-variant:small-caps;
		padding:15px 0 0 30px;
		margin:0;
		color:#000;
	}
h2 {
		font-size:1.3em;
		margin:15px 30px 15px 30px;
		padding:5px 0;
		border-bottom:1px dashed #ccc;
		}
		h2 a {
			color:#000 !important;
			text-decoration:none !important
			}
		h2 a:hover {
			text-decoration:underline
			}
h3 {
		font-size:1.15em;
		margin:0 30px 15px 30px;
		background-color:#dedede;
		}
h4 {
		font-size:1.05em;
		padding:0 30px;
		color:#555
		}
		h4:first-letter {
			font-weight:bold !important;
			color:#000
			}
h5 {
		font-size:1em;
		padding:0 30px;
		}
		h5.podpis_zdjecia {
			padding:0;
			margin:0 0 0 45px;
			text-align:left;
			}
h6 {
		font-size:0.9em;
		padding:0 0 0 30px;
		width:60px;
		}
h7 {
		font-size:0.7em;
		padding:0 30px;
		}
strong {
	font-weight:normal;
	letter-spacing:0.1em
	}

.menuico {
	float: right;
}

.body_error_msg {
	color:maroon;
	font-family:sans-serif,tahoma;
	font-weight:bold;
	font-size:15px;
}


/* strona KONTAKT */
div.kontakt ul {
	margin:0 0 0 60px;
	list-style-type:none
	}
div.kontakt ul ul {
	margin:0 0 10px 30px;
	}
div.kontakt strong {
	letter-spacing:normal;
	font-weight:bold
	}
	
h4.kontakt_ulhead {
	padding:0;
	margin:15px 0 0 60px !important;
	font-weight:bold
	}

        .contactform {
            background:none repeat scroll 0 0 #F0F0F0;
            border:1px solid #CCCCCC;
            margin:auto;
            overflow: hidden;
            padding:7px;
            text-align: center;
            width:487px;
            }
        .contactform h2 {padding: 0 !important; margin: 0;}
        .contactform p {padding: 0 !important;}
        .contactform ul {list-style-type: none;}
        .contactform ul li {}
        .contactform ul li label {display: inline-block; width: 175px; text-align: right;}
        .contactform ul li textarea {margin-top: 6px;}
        .contactform ul li .input-text {width: 175px; margin-top: 1px;}
        .contactform ul li .input-submit {float: right; margin-top: 5px;}

/* KONIE */
	/* styl katalogowy */
h2.katalog {
	text-align:center
	}
img.katalog-glowny {
	margin: 25px 0 0 249px
	}
img.katalog-glowny-duzy {
	margin: 25px 0 0 165px
	}
div.katalog-male-wrap {
	width:704px;
	margin:auto;
	overflow:auto
	}
	div.katalog-male-wrap ul, div.katalog-male-wrap ol {
		text-align:left;
		}
div.katalog-male-2 {
	width:350px;
	text-align:center;
	float:left
	}
	div.katalog-male-2 ul {
		text-align:left;
		margin-left:50px !important;
		}
div.katalog-male-3 {
	width:234px;
	text-align:center;
	float:left
	}
hr.katalog {
	margin: 30px 0
	}
	
	/* kolory impregnacji drewna */
	#konie-kolory-impregnacji {
		width:380px;
		height:385px;
		margin:auto;
		position:relative;
		}
		#konie-kolory-impregnacji h5 {
			display:block;
			width:137px;
			text-align:center;
			padding:0;
			margin:0;
			font-variant:small-caps;
			font-size:16px;
			position:absolute;
			}
			#konie-kolory-impregnacji h5.l {left:25px}
			#konie-kolory-impregnacji h5.r {right:25px}
			#konie-kolory-impregnacji h5.row1 {top:0}
			#konie-kolory-impregnacji h5.row2 {top:78px}
			#konie-kolory-impregnacji h5.row3 {top:156px}
			#konie-kolory-impregnacji h5.row4 {top:236px}
			#konie-kolory-impregnacji h5.row5 {top:315px}

/* BYDŁO */
/* styl katalogowy */
.box-wiekszy {
	float:left;
	width:448px;
	padding:0;
	margin:0
	}
	.box-wiekszy img {
		padding:0 0 15px 30px; /* w ie nie wiadomo skąd 3px przerwy między img a borderem. przesuwam w dół */
		}
	.prezentacyjny {
		padding:0 0 0 30px;
		}
		.prezentacyjny .rys-duzy {
			width:420px;
			float:left;
			padding:0; margin:0;
			border-bottom: 12px solid;
			}
			.rys-duzy img {padding:0; margin:0}
	
.box-mniejszy {
	float:right;
	width:220px;
	margin:0px 30px 30px 0;
	background-color:#eee;
	}
	.box-mniejszy ul {
		padding: 0 0 10px 40px !important;
		margin: 0 !important;
		font-size:11px;
		}

	

/* teraz tresc . css  */

img.zdjecie {
	padding:5px;
	border:1px solid #b8b8b8;
	margin-bottom:15px
	}
	.duze /* aktualnie - grafika 600px w divie tekst 700px */ {
		margin-left:45px;
		padding:0
		}
	.prezentacyjne /* aktualnie - grafika 640px w divie tekst 700px */ {
		margin:0 0 -13px -2px;
		}
img.katalogowo {
  float:left;
  padding: 0 25px 55px 55px !important
}
img.zdjecia_ogolne {
  padding: 0 58px 15px !important
}
img.rysunki_tech {
  text-align: center;
  padding: 10px 0 10px 164px !important;
}

.embedding-youtube {
	width:480px;
	margin: 0 auto 15px auto
	}

/* TABELE */
td.indeksy_nazwa
		{
		text-align:left;
		padding-left:25px;
		}
th {
	background-color: #cfcfcf;
	border: 1px solid #bebebe;
	border-bottom: 2px solid #bebebe;
}
.typy_konstrukcji {
	border: 2px solid #bebebe;
	border-collapse: collapse;
	width:640px;
	margin:auto;
	margin-bottom:24px;
}
.typy_konstrukcji tr.usuwanie_obornika {
	background-color: #efefef;
	border-bottom: 2px solid #bebebe;
}
.typy_konstrukcji tr.usuwanie_obornika td {
	text-align: left;
}
.typy_konstrukcji th.kol_1 {width:220px}
.typy_konstrukcji th.kol_2 {width:30px}
.typy_konstrukcji th.kol_3 {width:30px}
.typy_konstrukcji th.kol_4 {width:180px}
.typy_konstrukcji th.kol_5 {width:30px}

.typy_konstrukcji td {
	text-align: center;
	border: 1px solid #bebebe;
}

table.rodzaje_swietlikow {
	border: 2px solid #bebebe;
	border-collapse: collapse;
	margin-bottom: 15px !important;
	clear:both;
	width:560px;
	margin:auto;
	text-align: center;
  
}
.rodzaje_swietlikow th{
	width:25%;
}
.rodzaje_swietlikow td {
	text-align: center;
	border: 1px solid #bebebe;
}


/*zmienic wielkosc fontu przy poszerzeniu calego layoutu */
#kraiburg {
	border: 2px solid #bebebe;
	border-collapse: collapse;
	margin-bottom: 15px !important;
	margin:auto;
	font-size:0.8em;
}
#kraiburg tr.naglowek {
	background-color: #cfcfcf;
}

#kraiburg td.produkty {
	width:16%;
}
#kraiburg td.zastosowanie_kk {
	width:10%;
}
#kraiburg td.komfort {
	width:13%;
}
#kraiburg td.gwarancja {
	width:21%;
}
#kraiburg td {
	text-align: center;
	border: 1px solid #bebebe;
}

.duza_tabela {width:100%; padding:0 30px 30px;}
.duza_tabela td { text-align:center}
.gotowe_projekty td { text-align:center}

/* koniec TABEL */

div.tech_elementy {width:350px; float:left}
ol.tech_elementy, ul.tech_elementy {margin: -10px 0 25px 350px; clear:none !important;}

.noclearing {
	clear: none;
}



/* ABS - modul IMGGALLERY */
.listagalerii {
	padding-left:13px !important
	}
	.listagalerii li {
		list-style-type:square;
		}
	.listagalerii a {
		color:#000;
		text-decoration:none;
		}
		.listagalerii a:hover {
			color:#000;
			text-decoration:underline;
			}
		.listagalerii ul ul {
			margin-bottom:15px !important;
			font-size:0.95em
			}	
			.listagalerii ul ul li{
				list-style-type:circle !important;
				}
				.listagalerii ul ul ul li{
					font-size:1em;
					list-style-type:disc !important;
					}
li#menudetaleopen2 {
	font-weight:bold;
	}
		
a.group_title {padding-left:30px}
div.group_wrap {padding: 5px; border: 1px solid #D0D0D0; background-color: #FAFAFA; margin: 5px 25px 5px 25px; overflow:auto}
	.group_facephoto {float: left;}
	.group_content_wrap {width:420px; background:#e6e6e6; margin-right:4px; height:150px; float:right}
		.group_content_gallery1 {width:133px; height:100px; float:left; margin: 15px 0 0 5px; background:#f0f0f0}
		.group_content_gallery2 {width:132px; height:100px; float:left; margin: 15px 0 0 5px; background:#e6e6e6}
		.group_content_gallery3 {width:132px; height:100px; float:left; margin: 15px 0 0 5px; background:#e0e0e0}
		
		.group_content_wrap img {margin-top:5px}
		.group_content_wrap span {margin-left:10px}
		
div.list_galleries_wrap {margin: 10px 25px; padding: 0 15px 0 15px; overflow:auto}
	.list_gallery {padding: 0; border: 1px solid #D0D0D0; background-color: #FAFAFA; float:left; margin:0 12px 0 12px; width:180px}
		.list_gallery_title {padding-left:10px}
		.list_gallery img {width: 180px; height: 135px}
		
tr.ttl {margin-left:35px;}

table#gallerylist {width:670px}
tr.ggroupname {background:#fff}
table#gallerylist tr.ttl td {width:230px; padding-bottom:15px}
table#gallerylist tr.img td a img {width:200px; height:150px;}
table#gallerylist tr.img div div a img {width:96px !important; height:72px !important;}
.imggallery_ico {width:16px !important; height:16px !important}
		
/* koniec: ABS - modul IMGGALLERY */


/* formatowanie obrazków */
img.konstrukcje_przyklady {
	padding:4px;
	border:1px solid #b0b0b0;
	margin: 0 3px 0;
	}
img.duzyobrazek {
	display:block;
	margin:auto;
	}
img.malyfloat {
	float:left;
	margin:0 15px 15px 0;
	}



/* wielowartswowe grafiki */
.przekroj {
	border:1px dotted #ccc;
	width:600px;
	margin-left:45px;
	margin-bottom:25px;
	}	
.zero {
	width:inherit !important;	/* w ie oczywiście nie ma inherit... na sztywno ustawiam przybliżone wartości dla .przekroj, .prezentacyjny itd. */
	height:inherit !important;	/* jw. */
	position:absolute;
	z-index:1000;
	}
	.zero img {
		position:relative;
		left:-10%;
		top:-10%;
		width:110%;		/* jako że nie istnieje inherit - wysokości pobranej z .przekroj na przykład, to ie sobie ją bierze z kosmosu. a potem daje 120% kosmosu. ścierwo */
		height:110%;	/* jw. */
	}


/* grupa OGRODZENIA */
table.typy_bram {width:700px;}
table.typy_bram th {width:230px}
table.typy_bram td {width:230px; padding-bottom:10px; text-align:center}

.ogrodzenia-bramy-pozostale-box-foto, .ogrodzenia-bramy-pozostale-box-dane, .obpb {
	/*width:300px;
	height:285px;*/
	margin:0 25px 10px;
	border:1px solid #ccc;
	}
	.ogrodzenia-bramy-pozostale-box-foto {
		float:left;
		position:relative;
		}
	.ogrodzenia-bramy-pozostale-box-dane {
		border-bottom:2px dashed #333;
		float:right;
		}

	.ogrodzenia-bramy-pozostale-box-foto h5 {
		position:absolute;
		background:#fad300;
		font-weight:bold;
		top:0;
		left:0;
		padding:3px;
		margin:0;
		}
	h6.obpbfh {
		width:300px;
		text-align:right;
		font-size:11px;
		clear:both;
		margin:0;
		padding:0;
		}

	.obpb img {
		width:640px;
		}
		
		
/* KONSTRUKCJE STALOWE */
.table_kolory {
	color:#9C9C9C;
	font-size:9px;
	margin-left:22px
	}
	.table_kolory h3 {
		color:#000;
		font-size:12px;
		margin:5px 0 15px 8px;
		background:none
		}
	.table_kolory td {
		vertical-align:top;
		width:94px;
		}
	.table_kolory div.podpis {
		margin:0 auto;
		width:80px;
		}
	.table_kolory div.kolor {
		background-image:url(/images/content/kolory_border.gif);
		height:80px;
		margin:0 auto;
		width:80px;
		}
		
.lista_certyfikatow {
	background:#E9E9E9 none repeat scroll 0 0;
	margin:20px auto;
	text-align:center;
	width:96%;
	}
	.lista_certyfikatow .head td, .lista_certyfikatow td.head {
		background:#D8D8D8 none repeat scroll 0 0;
		font-weight:bold;
		}
	.lista_certyfikatow td {
		background:#F9F9F9 none repeat scroll 0 0;
		padding:4px;
		vertical-align:top;
		}
	ul.balex, ol.balex {
		line-height:20px;
		margin:0 !important;
		padding:5px 0 25px !important;
		}
		ul.balex li {
			list-style-type:square;
			padding:0 !important;
			margin: 0 0 0 15px !important;
			}
	
	/* tabele - blachy Pruszyński */		
	th.labels {width:19%; background-color:transparent; border:none }
	td.labels {background-color:#eee; font-size:.8em; padding:6px 0;}
	td.values {border:1px solid #ccc; border-left:0; border-top:0; text-align:center}
		
		
/* IDENTYFIKACJA KOLORAMI

5 konstrukcje			#5793ff;	ciemny	#4c80da
2 bydło 				#73a604;	ciemny	#649004
4 trzoda 				#ff87b2;	ciemny	#db7698
3 konie 				#5b3900;	ciemny	#503301
6 ogrodzenia			#fad300;	ciemny	#d7b701
7 wyroby hutnicze		#ae1e21;	ciemny	#961d1d
8 serwis stalowy		#ffa500;	ciemny	#db9913
 
neutral				#999;

*/

h3.rozdzielacz  { /*h3, bo w ie hr ma niemal nieusuwalny border.*/
	height:25px;
	width:100%;
	border-top:5px dotted #fff;
/*	co chrzani ie? -> rozwiązanie w ie7-hacks.css
	1. wywala biały border 'poza tag', na białe tło, więc go nie widać. -> .grupa .rozdzielacz border-color jw.-ciemny.
	2. dotted 5px to jakieś romby. ustawiam dashed, żeby jakoś wyglądało.
*/
	padding:0;
	margin:0 0 30px 0;
	}
	
/*konstrukcje*/
div.grupa_5, #switch-content.grupa_5 h3.rozdzielacz, .grupa_5 .menu_dzialy li a:hover, #body_5  {
	background-color:#4c80da;
	}

	.grupa_5 .prezentacyjny .rys-duzy {
			border-color: #4c80da;
			}
			
	#menudzialy li#otwarta5 {
			border-top: 10px solid #4c80da;
			font-weight:bold;
			padding-bottom:5px
			}
			
	#menudzialy li.grupa5 {
			border-top: 4px solid #4c80da;
			}
	
/*bydło*/
div.grupa_2, #switch-content.grupa_2 h3.rozdzielacz, .grupa_2 .menu_dzialy li a:hover, #body_2  {
	background-color:#649004;
	}

	.grupa_2 .prezentacyjny .rys-duzy {
			border-color: #649004;
			}
			
	#menudzialy li#otwarta2 {
			border-top: 10px solid #649004;
			font-weight:bold;
			padding-bottom:5px
			}
			
	#menudzialy li.grupa2 {
			border-top: 4px solid #649004;
			}
	
/*trzoda*/
div.grupa_4, #switch-content.grupa_4 h3.rozdzielacz, .grupa_4 .menu_dzialy li a:hover, #body_4  {
	background-color:#db7698;
	}
	
	.grupa_4 .prezentacyjny .rys-duzy {
			border-color: #db7698;
			}	
			
	#menudzialy li#otwarta4 {
			border-top: 10px solid #db7698;
			font-weight:bold;
			padding-bottom:5px
			}
			
	#menudzialy li.grupa4 {
			border-top: 4px solid #db7698;
			}
/*konie*/
div.grupa_3, #switch-content.grupa_3 h3.rozdzielacz, .grupa_3 .menu_dzialy li a:hover, #body_3  {
	background-color:#503301;
	}
	
	.grupa_3 .prezentacyjny .rys-duzy {
			border-color: #503301;
			}	
			
	#menudzialy li#otwarta3 {
			border-top: 10px solid #503301;
			font-weight:bold;
			padding-bottom:5px
			}
			
	#menudzialy li.grupa3 {
			border-top: 4px solid #503301;
			}
	
/*ogrodzenia*/
div.grupa_6, #switch-content.grupa_6 h3.rozdzielacz, .grupa_6 .menu_dzialy li a:hover, #body_6  {
	background-color:#d7b701;
	}

	.grupa_6 .prezentacyjny .rys-duzy {
			border-color: #d7b701;
			}
			
	#menudzialy li#otwarta6 {
			border-top: 10px solid #d7b701;
			font-weight:bold;
			padding-bottom:5px;
			}
			
	#menudzialy li.grupa6 {
			border-top: 4px solid #d7b701;
			}
	
/*wyroby hutnicze*/
div.grupa_7, #switch-content.grupa_7 h3.rozdzielacz, .grupa_7 .menu_dzialy li a:hover, #body_7  {
	background-color:#961d1d;
	}
	
	.grupa_7 .prezentacyjny .rys-duzy {
			border-color: #961d1d;
			}
			
	#menudzialy li#otwarta7 {
			border-top: 10px solid #961d1d;
			font-weight:bold;
			padding-bottom:5px
			}
			
	#menudzialy li.grupa7 {
			border-top: 4px solid #961d1d;
			}
	
/*serwis stalowy*/
div.grupa_8, #switch-content.grupa_8 h3.rozdzielacz, .grupa_8 .menu_dzialy li a:hover, #body_8  {
	background-color:#db9913;
	}

	.grupa_8 .prezentacyjny .rys-duzy {
			border-color: #db9913;
			}
			
	#menudzialy li#otwarta8 {
			border-top: 10px solid #db9913;
			font-weight:bold;
			padding-bottom:5px
			}
			
	#menudzialy li.grupa8 {
			border-top: 4px solid #db9913;
			}
	
/*neutral*/
div.grupa_, #switch-content.grupa_ h3.rozdzielacz, .grupa_ .menu_dzialy li a:hover, #body_  {
	background-color:#ccc;
	}

	grupa_ .prezentacyjny .rys-duzy {
			border-color: #ccc;
			}
			
	#menudzialy li#otwarta {
			border-top: 10px solid #ccc;
			font-weight:bold;
			padding-bottom:5px
			}
			
	#menudzialy li.grupa {
			border-top: 4px solid #ccc;
			}
			
			
/* formularz */
#contactform  {width:700px; float:left; padding-left:30px}
#contacttable {width:400px; float:left;}
#contacttable th {width:50%;}
#contacttable ul {list-style-type:none}
#contacttable td {padding:10px 0}
#contacttable h2, #contactform h2 {padding:0; margin:0 0 0 30px}
#ajaxinfo {visibility: hidden;margin-left: auto; background: #5555FF; padding: 0px; color: #FFFFFF; font-weight: bold;}
#ajaxbox {border: 1px solid black; visibility:hidden; margin:0; padding:0}
.ajaxboxok {background-color: #A0FFA0;}
 .ajaxboxerror {background-color: #FFA0A0;}
table.zapytanie, table.zapytanie td {border:0}
table.zapytanie td {text-align:left}
td.form_pole_tytul {width:300px; padding-left:30px}
td.form_pole_input {width:110px}
.recommend_error_msg {
	border-bottom:2px solid red;
	}
/* /formularz */

/* strona główna */
.dzial {
	width:900px;
	position:relative
	}
	.dzial img {
		padding:0 !important;
		}
	.dzial h2 {
		margin:0;
		padding:3px 0 0 0;
		border:0;
		text-align:center;
		display:block;
		width:100%;
		height:100%
		}
		.dzial h2 a {
			color:#fff !important;	
			display:block;
			width:100%;
			height:100%
			}
	.poddzialy h2 {
		font-size:1em;
		font-weight:bold
		}
		
/* zakładki - o firmie */
ul.tabNavigation {
	margin:10px 0;
	padding:10px 30px;
	width:920px;
	background:#777;
	}
	ul.tabNavigation li {
		display:inline;
		margin-right:15px;
		}
		ul.tabNavigation a {
			color:#fff !important;
			text-decoration:none !important
			}
		ul.tabNavigation a.selected {
			font-weight:bold;
			text-transform:uppercase
			}
#referencje img, #uprawnienia img {
	width:150px;
	padding:0 23px !important;
	}
.gallery_img {padding:0 20px !important; margin-bottom:15px;}
.gallery_referencje_item {
	height:275px;
	overflow:hidden;
	float:left;
	}


/* tymczasowe - constproj extra */
body#body_61 {
	background:#567;
	}
.typ_box {
	border-bottom:3px solid #ccc;
	margin-bottom:15px;
	padding:0 0 5px 10px;
	}
.intro_katalog_box {
	width:349px;
	height:270px;
	float:left;
	margin:0;
	}
	.intro_katalog_box h3 {
		text-align:center
		}
	.intro_katalog_box img {
		width:295px;
		display:block;
		margin:auto;
		}
.podobne_ramy_box {
	width:270px; float:left
	}

.typ_box_podtypy {
	width:230px;
	float:left;
	margin:0 1px;
	}
	.typ_box_podtypy h4 {
		text-align:center;
		padding-bottom:10px
		}
	.typ_box_podtypy img {
		width:200px;
		display:block;
		margin:auto;
		}