/* INIT-----------------------------------------------------------------------------*/
html, body, h1, h2, h3, h4, h5, h6, div, span, blockquote,
p, address, form, fieldset, img, ul, ol, dl, dt, dd, li, hr, table, 
td, th, strong, em, sup, sub, dfn, ins, del, q, cite, var, samp, code, 
kbd, tt {
	margin: 0;
	padding: 0;
	border: 0;
}
a, a:visited {
	text-decoration: none;
}
a {
	color: #c54827;
}
a:hover {
	color: #6b382a;
}
ol, ul {
	list-style: none;
}
legend {
	display: none;
}
body, input, textarea, select, option, optgroup, button {
	font-family: Arial;
	text-align: justify;
	font-size: 12px;
	color: #4b586b;
}
input, textarea, select, option, optgroup, button {
	font-size: 11px;
}
/*      LAYOUT-------------------------------------------------------*/
body {
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-color: #f7f5f2;
	background-position: center top;
}

.wrap{
	width: 1000px;
	margin: 0 auto;

}

#header{
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	background-position: center top;
	float: left;
	height: 138px;
	width: 100%;
	}

#logo a{
	width:255px;
	height: 138px;
	float:left;
	padding-left: 15px;
	}
/*      navi-------------------------------------------------------*/

#navi{
	height: 42px;
	padding: 0px 0 0 485px;
	width: 245px;
	float:left;
}

#navi ul{
	height:42px;
	float:left;
	width:100%;}

#navi li{
	float: left;
	height: 42px;
	width:auto;
}

#navi li a{
	float: left;
	height: 35px;
	width: 100%;


	background-position: center 0;
}
#navi li a:hover {
	background-position: center -40px;
}

#navili.start {
	width: 53px;
}
#navi li.start a {
	width: 53px;
	background-image: url(../images/menu/start.png);
	background-repeat: no-repeat;
}

#navi li.mapa {
	width: 104px;
}
#navi li.mapa a {
	width: 104px;
	background-image: url(../images/menu/mapa.png);
	background-repeat: no-repeat;
}

#navi li.mail {
	width: 65px;
}
#navi li.mail a {
	width: 65px;
	background-image: url(../images/menu/poczta.png);
	background-repeat: no-repeat;
}


#menu{
	height: 28px;
	float:right;
	width: 670px;
	margin-top: 43px;
	padding-right: 50px;
}

#menu ul{
	height: 28px;
	float:right;
	width:auto;
	}

#menu li{
	float: left;
	height: 28px;
	padding-right: 4px;
	background: url(../images/menu/li-bg-span.png) no-repeat right center
}
#menu li#start-active a{
background-position: 0 -56px; 
} 

#menu li#active, #menu li#active + li, #menu li#start-active {
background-image: url(none);
}
#menu li#active + li a{
background-position: 0 -56px; 
}
#menu li a{
	float: left;
	height: 28px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
#menu li a:hover {
	background-position: 0 -28px;
}


#menu li.firma {
	width: 63px;
}
#menu li.firma a {
	width: 63px;
	background-image: url(../images/menu/menu-a.png);
}


#menu li.oferta {
	width: 73px;
}
#menu li.oferta a {
	width: 73px;
	background-image: url(../images/menu/menu-a-02.png);
}

#menu li.realizacje {
	width: 102px;
}
#menu li.realizacje a {
	width: 102px;
	background-image: url(../images/menu/menu-a-03.png);
}

#menu li.partnerzy {
	width: 140px;
}
#menu li.partnerzy a {
	width: 140px;
	background-image: url(../images/menu/menu-a-04.png);
}

#menu li.lokalizacja {
	width: 113px;
}
#menu li.lokalizacja a {
	width: 113px;
	background-image: url(../images/menu/menu-a-05.png);
}

#menu li.kontakt {
	width: 86px;
}
#menu li.kontakt a {
	width: 86px;
	background-image: url(../images/menu/menu-a-06.png);
}

/*  SUBMENU-------------------------------------------------------*/
#submenu {
	float: left;
	width: 216px;
	height: 100%;
	padding: 10px 0 0 40px;
}
#submenu ul {
	float: left;
	width: 216px;
	
}
#submenu li {
	float: left;
	width: 216px;
	height: 41px;
	background-image:url(../images/submenu/li.png) ;
	background-repeat: no-repeat;
}

#submenu li a{
	float: left;
	width: 216px;
	height: 16px;
	margin-top: 15px;
}

#submenu li a:hover {
	float: left;
	width: 235px;
	height: 16px;
	margin-top: 15px;
}

#submenu li a:hover {
	background-position: 0 -22px;
}

#submenu li#active{
	background-image: url(../images/submenu/active.png);
	background-repeat:no-repeat;
}

#submenu li.misja {
	width: 216px;
}
#submenu li.misja a {
	width: 216px;
	background-image: url(../images/submenu/nasza-misja.png);
	background-repeat: no-repeat;}
	
#submenu li.uslugi {
	width: 216px;
}
#submenu li.uslugi a {
	width: 216px;
	background-image: url(../images/submenu/zakres-uslug.png);
	background-repeat: no-repeat;}

#submenu li.of1 {
	width: 216px;
}
#submenu li.of1 a {
	width: 216px;
	background-image: url(../images/submenu/of-od-reki.png);
	background-repeat: no-repeat;}
	
#submenu li.of2 {
	width: 216px;
}
#submenu li.of2 a {
	width: 216px;
	background-image: url(../images/submenu/of-zam.png);
	background-repeat: no-repeat;}

#submenu li.of3 {
	width: 216px;
}
#submenu li.of3 a {
	width: 216px;
	background-image: url(../images/submenu/dekoracje.png);
	background-repeat: no-repeat;}
	
	#submenu li.of4 {
	width: 216px;
}
#submenu li.of4 a {
	width: 216px;
	background-image: url(../images/submenu/proj-wn.png);
	background-repeat: no-repeat;}
	
	#submenu li.of5 {
	width: 216px;
}
#submenu li.of5 a {
	width: 216px;
	background-image: url(../images/submenu/pow-gl.png);
	background-repeat: no-repeat;}
	
#submenu li.real1 {
	width: 216px;
}
#submenu li.real1 a {
	width: 216px;
	background-image: url(../images/submenu/real1.png);
	background-repeat: no-repeat;}
	
#submenu li.real2 {
	width: 216px;
}
#submenu li.real2 a {
	width: 216px;
	background-image: url(../images/submenu/real2.png);
	background-repeat: no-repeat;}

#submenu li.real3 {
	width: 216px;
}
#submenu li.real3 a {
	width: 216px;
	background-image: url(../images/submenu/referencje.png);
	background-repeat: no-repeat;}

#submenu li.part1 {
	width: 216px;
}
#submenu li.part1 a {
	width: 216px;
	background-image: url(../images/submenu/certyfikaty.png);
	background-repeat: no-repeat;}

#submenu li.part2 {
	width: 216px;
}
#submenu li.part2 a {
	width: 216px;
	background-image: url(../images/submenu/vademecum.png);
	background-repeat: no-repeat;}
	
#submenu li.lok1 {
	width: 216px;
}
#submenu li.lok1 a {
	width: 216px;
	background-image: url(../images/submenu/biuro.png);
	background-repeat: no-repeat;}
	
#submenu li.lok2 {
	width: 216px;
}
#submenu li.lok2 a {
	width: 216px;
	background-image: url(../images/submenu/magazyn.png);
	background-repeat: no-repeat;}

#submenu li.kontakt {
	width: 216px;
}
#submenu li.kontakt a {
	width: 216px;
	background-image: url(../images/submenu/kontakt.png);
	background-repeat: no-repeat;}

#submenu li.form {
	width: 216px;
}
#submenu li.form a {
	width: 216px;
	background-image: url(../images/submenu/form.png);
	background-repeat: no-repeat;}
/*  content-------------------------------------------------------*/

#content{
	background-image:url(../images/content.png);
	background-repeat:no-repeat;
	background-position: center top;
	float:left;
	height: 100%;
	padding-top: 40px;
	width: 1000px;
}
#col-l{
	width: 292px;
	float:left;
	height: 100%;
	padding-bottom: 50px;
	}
#col-r{
	width: 648px;
	background-image:url(../images/colr.png);
	background-repeat:no-repeat;
	background-position: left 100px;
	float:left;
	}
#txt{
	width: 585px;
	padding: 20px 20px 30px 35px;
	float:left;
		font-family: Georgia;
	font-size: 12px;
	font-weight: normal;
	color: #6b4c41;
}

#txt ul{
	width: 585px;
	float:left;
}

#txt li{
	background-image:url(../images/menu/li-bg-span.png);
	background-position: left 4px;
	background-repeat:no-repeat;
	padding-left: 10px;
	height:22px;
	width: 570px;
	float:left;
	font-family: Georgia;
	font-size: 12px;
	font-weight: normal;
	color: #6b4c41;
}
#txt p{
	font-family: Georgia;
	font-size: 12px;
	font-weight: normal;
	color: #6b4c41;
	}
#lokal{
	width: 583px;
	border: solid 1px #dbcfca;
	padding: 20px 20px 20px 20px;
	float:right;
	margin: 20px 0;
}
#projekt-row{
	width: 608px;
	background-image:url(../images/galery-bg.png);
	background-repeat:no-repeat;
	height: 220px;
	float:left;
	margin-bottom: 20px;
}


#projekt-row img{
	width: auto;
	border: solid 1px #dbcfca;
	padding: 10px;
	float:left;
	margin: 20px 0 0 20px;
}

#cert-row{
	width: 608px;
	background-image:url(../images/galery-bg.png);
	background-repeat:no-repeat;
	height: 250px;
	float:left;
	margin-bottom: 20px;
}


#cert-row img{
	width: auto;
	border: solid 1px #dbcfca;
	padding: 10px;
	float:left;
	margin: 20px 0 0 20px;
}

#dekor-row{
	width: 608px;
	background-image:url(../images/galery-bg.png);
	background-repeat:no-repeat;
	height: 180px;
	float:left;
	margin-bottom: 20px;
}


#dekor-row img{
	width: auto;
	border: solid 1px #dbcfca;
	padding: 10px;
	float:left;
	margin: 20px 0 0 20px;
}


#oferta{
	width: 608px;
	padding: 20px 0px 30px 20px;
	float:right;
}

#oferta p{
	font-family: Georgia;
	font-size: 13px;
	font-weight: normal;
	color: #6b4c41;
}
#oferta-row{
	width: 608px;
	background-image:url(../images/galery-bg.png);
	background-repeat:no-repeat;
	height: 290px;
	float:left;
	margin-bottom: 20px;
}
#of-opis{
	width: 167px;
	float:left;
	height: 50px;
	margin: 20px 0 0 10px;
	font-family: Georgia;
	font-size: 11px;
	font-weight: normal;
	color: #6b4c41;
	}
#of-opis120{
	width: 247px;
	float:left;
	height: 50px;
	margin: 20px 0 0 10px;
	font-family: Georgia;
	font-size: 11px;
	font-weight: normal;
	color: #6b4c41;
	}
.czer{color:#c73b14;}

#of-real a{
	background-image:url(../images/realizacja.png);
	background-repeat:no-repeat;
	float:left;
	margin: 20px 0 0 25px;
	width: 112px;
	height: 21px;}

.oferta-row{
	width: 177px;
	background-image:url(../images/kafel-bg.png);
	background-repeat:no-repeat;
	margin: 30px 0 0 25px;
	height: 220px;
	float:left;
}

.oferta-row img{
	border: solid 1px #dbcfca;
	margin: 20px 0 0 22px;
	padding:2px;
	float:left;
}

.oferta-row-120{
	width: 269px;
	background-image:url(../images/kafel-120-bg.png);
	background-repeat:no-repeat;
	margin: 30px 0 0 25px;
	height: 220px;
	float:left;
}

.oferta-row-120 img{
	border: solid 1px #dbcfca;
	margin: 20px 0 0 22px;
	padding:2px;
	float:left;
}

#of-real-120 a{
	background-image:url(../images/realizacja.png);
	background-repeat:no-repeat;
	float:left;
	margin: 20px 0 0 10px;
	width: 112px;
	height: 21px;}

#footer{
	background-image:url(../images/footer.png);
	background-repeat:repeat-x;
	background-position: center top;
	float:left;
	width: 100%;
	height: 147px;
	float:left;
	clear:both;
}
#footer-menu{	
	background-image:url(../images/foot1.png);
	background-repeat:no-repeat;
	padding: 45px 0 0 60px;
	height: 102px;}
	
#footer-menu ul{
	height: 16px;
	float: left;
	width: 100%;
	}
	
#footer-menu li{
	float: left;
	height: 16px; margin-right: 15px;
}
#footer-menu li a{
	float: left;
	height: 16px;
	background-repeat: no-repeat;
}
#footer-menu li a:hover {
	background-position: 0 -28px;
}

#footer-menu li.kambit {
	width: 154px; margin-right: 85px;
}
#footer-menu li.kambit a {
	width: 154px;
	background-image: url(../images/footer/kambit.png);}

#footer-menu li.firma {
	width: 42px;
}
#footer-menu li.firma a {
	width: 42px;
	background-image: url(../images/footer/firma.png);}
	
	#footer-menu li.oferta {
	width: 51px;
}
#footer-menu li.oferta a {
	width: 51px;
	background-image: url(../images/footer/oferta.png);
}

#footer-menu li.realizacje {
	width: 77px;
}
#footer-menu li.realizacje a {
	width: 77px;
	background-image: url(../images/footer/realizacje.png);
}

#footer-menu li.partnerzy {
	width: 110px;
}
#footer-menu li.partnerzy a {
	width: 110px;
	background-image: url(../images/footer/partnerzy.png);
}

#footer-menu li.lokalizacja {
	width: 86px;
}
#footer-menu li.lokalizacja a {
	width: 86px;
	background-image: url(../images/footer/lokalizacja.png);
}

#footer-menu li.kontakt {
	width: 63px;
}
#footer-menu li.kontakt a {
	width: 63px;
	background-image: url(../images/footer/kontakt.png);
}

/* FORM-----------------------------------------------*/
#form2 {
	margin-top: 5px;
}
input.form {
	margin-bottom: 2px;
	background-color: #f2eeeb;
	border: 1px solid #d4c8c3;
	width: 165px;
	height: 16px;
	font-size: 12px;
	color: #6b382a;
	margin-bottom: 6px;
}
input.form:focus, textarea.form:focus {
	background-color: #fff;
}
textarea.form {
	margin-top: 2px;
	background-color: #f2eeeb;
	border: 1px solid #d4c8c3;
	width: 165px;
	font-size: 12px;
	color: #6b382a;
}
input.btn {
	margin: 10px 0 0 55px;
	background-color: #f2eeeb;
	border: 1px solid #d4c8c3;
	height: 25px;
	padding-bottom: 4px;
	font-family: tahoma;
	font-size: 11px;
	font-weight: normal;
	font-family: Georgia;
	font-size: 11px;
	font-weight: normal;
	color: #6b4c41;
}
input.btn:active {
	background-color: #c54827;
	color: #FFF;
}
.formtext{	
		font-family: Georgia;
	font-size: 12px;
	font-weight: normal;
	color: #6b4c41;
}



/*H-----------------------------------------------*/

h1{
width:500px;
height: 45px;
padding: 5px 0 0 100px;
	font-family: Georgia;
	font-size: 16px;
	font-weight: bold;
	color: #c54827;
}

h2{
	font-family: Georgia;
	font-size: 12px;
	font-weight: normal;
	color: #c54827;
	margin-bottom: 10px;
}

h3{
	font-family: Georgia;
	font-size: 12px;
	font-weight: normal;
	color: #c54827;
	margin-left: 90px;
}
h4{
	font-family: Georgia;
	font-size: 12px;
	font-weight: normal;
	color: #c54827;
	margin-left: 90px;
}
/*anim-----------------------------------------------*/

#anim{
	background-image:url(../images/anim/anim.jpg);
	background-repeat:no-repeat;
	width: 960px;
	padding-left: 40px;
	float:left;
	height:338px;
	background-position: center top;
	position: relative;
}
#cycle img{
	position: absolute;
	top: 0;
	left: 0;
}
#cycle-nav {
	position: absolute;
	height: 288px;
	width: 168px;
	top: 3px;
	left: 766px;
	z-index: 1;
	padding: 5px 0 0 15px;
}

#cycle-nav  li, #cycle-nav  li a{
	width: 151px;
	height: 69px;
	float: left;
}
#cycle-nav  li{
	padding: 9px 0 0 5px;
}
#cycle-nav  li a{
	opacity: 0.4;
}
#cycle-nav li a:hover{
	opacity: 0.6;
}
#cycle-nav li a.activeSlide{
	opacity: 1;
}

a#nav0{ background: url(../images/anim/navi.jpg) no-repeat 0 0;}
a#nav1{ background: url(../images/anim/navi-01.jpg) no-repeat 0 0;}
a#nav2{ background: url(../images/anim/navi-02.jpg) no-repeat 0 0;}
a#nav3{ background: url(../images/anim/navi-03.jpg) no-repeat 0 0;}

a#nav0.activeSlide{ background: url(../images/anim/navi-a.jpg) no-repeat 0 0;}
a#nav1.activeSlide{ background: url(../images/anim/navi-a-01.jpg) no-repeat 0 0;}
a#nav2.activeSlide{ background: url(../images/anim/navi-a-02.jpg) no-repeat 0 0;}
a#nav3.activeSlide{ background: url(../images/anim/navi-a-03.jpg) no-repeat 0 0;}

/*cms-----------------------------------------------*/

.gal_bg {width: 612px; min-height:169px; height:auto!important; height:169px; background: url(../images/gal_bg.png) no-repeat; margin-bottom:10px; padding-top:22px; padding-left:20px;}
.gall {width: 574px; min-height:109px; height:auto!important; height:109px; background: url(../images/gall.png) no-repeat; margin-bottom:10px; padding-top:10px; padding-left:10px;}

.gal_bg h5 {font-size:18px; color:#d24723; margin:0px 0px 15px 5px; font-family: Georgia; font-weight:normal;}
.gal_bg h5 span {color:#6b382a;}
/*86px 64px*/
.cb {clear:both;}
.bb {height:64px; width:86px; border:4px solid #f7f5f2;}
.b {height:72px; width:94px; border:1px solid #dad2cd; float:left; margin:0px 10px 10px 0px;}
.b:hover {border:1px solid #ba9c8a;}