@import url("boxes.css"); 

*{}

body{   background-image:url(../img/bg.jpg);  background-repeat:no-repeat;  background-position:top center;  background-color:#583d20}

#main{width:960px; margin:auto; position:relative; overflow:hidden; background-image:url(../img/bg2.jpg); background-repeat:no-repeat; background-position:top center}

.cap01{float:left; width:467px}

.cap02{float:left; margin:34px 0 0 0}

#search, #search input, #search label img{float:left}

#search{margin-top:37px; width:492px}

#search label img{display:block; padding-right:12px; width:55px; height:26px}

#search input{border:1px solid #fff; padding:5px 0 6px 5px}

#search .select{ float:left;  width:180px;  background-color:#FFF;  padding:5px 0 4px 5px;   margin-right:9px;  position:relative;  height:18px}

#search select{border:1px solid #fff; width:170px;  position:absolute;  clip:rect(2px,175px,17px,2px)}

#search input.img{border:none; padding:0; margin:0}



div.menu{overflow:hidden; float:left; width:960px}

.nav{width:960px; height:43px; position:relative; margin:0; padding:0; overflow:hidden}

.nav li{float:left; list-style-type:none}

.nav li a{position:absolute; top:0px; margin:0px; padding:0; display:block; height:43px; background:url(../img/sprite.png) no-repeat; text-indent:-9999px; overflow:hidden}



.nav li.home a{left:0; width:136px; background-position:0 0}

.nav li.oferta a{left:136px; width:88px; background-position:-136px 0}

.nav li.ofirmie a{left:224px; width:94px; background-position:-224px 0}

.nav li.realizacje a{left:318px; width:153px; background-position:-318px 0}

.nav li.download a{left:471px; width:156px; background-position:-471px 0}

.nav li.kontakt a{left:627px; width:99px; background-position:-627px 0}



.nav li.home a:hover{background-position:0 -43px}

.nav li.oferta a:hover{background-position:-136px -43px}

.nav li.ofirmie a:hover{background-position:-224px -43px}

.nav li.realizacje a:hover{background-position:-318px -43px}

.nav li.download a:hover{background-position:-471px -43px}

.nav li.kontakt a:hover{background-position:-627px -43px}



.nav li.home a.active{background-position:0 -86px}

.nav li.oferta a.active{background-position:-136px -86px}

.nav li.ofirmie a.active{background-position:-224px -86px}

.nav li.realizacje a.active{background-position:-318px -86px}

.nav li.download a.active{background-position:-471px -86px}

.nav li.kontakt a.active{background-position:-627px -86px}



 

.submenu{float:left; width:220px; padding:10px; position:relative; margin:0}

.submenu h2{background-color:#efefef; background-image:url(../img/fillet.jpg); background-repeat:no-repeat;   color:#7F7F7F; font-size:1.2em; font-weight:bold; line-height:1em; padding:10px 0 10px 15px; margin-bottom:1px}

.submenu ul, .subsubmenu ul{margin:0}

.subsubmenu li{background-image:none; display:inline; margin:0; padding:0}

.subsubmenu li a{border-top:1px solid #d7d7d7; font-weight:bold; color:#4286c5; display:block; padding:10px 15px 10px 15px; text-decoration:none; background-color:#FFF}

.subsubmenu li a.has-child{background-image:url(../img/arrow-down.png); background-position:right center; background-repeat:no-repeat}

.subsubmenu li a:hover{color:#000; text-decoration:none; background-color:#FAFAFA}

.subsubmenu li a.active{color:#000}

.subsubmenu .sub a, .subsubmenu .sub a:link, .subsubmenu .sub a:visited{background-image:url(../img/arrow-submenu.png); background-position:left center; background-repeat:no-repeat; color:#8d8d8d; font-weight:normal; border:none; padding:5px 5px 5px 25px}

.subsubmenu .sub a:hover{  color:#000;   background-color:#FFF}

.subsubmenu .sub{border-top:1px solid #d7d7d7; margin:0px}

.subsubmenu .sub a.active{  color:#000}

.subsubmenu .clicked{background-image:url(../img/arrow-up.png); background-position:right center; background-repeat:no-repeat; color:#000}

.no-child li a{background-image:none}

.no-child li a.active{color:#000}



 

#content{width:960px; margin:0 auto; overflow:hidden; background-color:#FFF}

#content01{background:url(../img/con-tbg.jpg); background-position:top center; background-repeat:no-repeat; width:960px; overflow:hidden}

#content02{background:url(../img/con-bbg.jpg); background-position:bottom center; background-repeat:no-repeat; width:960px; overflow:hidden; background-color:#FFF; padding-bottom:20px}

.content-simple{ margin:10px;  background-color:#FFF;  padding:10px 20px}



.title{padding:5px 10px 0 10px; margin:0 10px 0 10px; display:inline; float:left; overflow:hidden; border-bottom:1px solid #e3e3e3}

.bar{padding:5px 10px 0 10px; float:left; display:inline; overflow:hidden}

.bar h1.cat{width:530px; float:left; border-bottom:1px solid #e3e3e3; overflow:hidden}

.bar h1.akt{width:240px; float:left; border-bottom:1px solid #e3e3e3; overflow:hidden}

.bar p.cat-all{margin:10px 10px 0 0; width:160px; float:left; border-bottom:1px solid #e3e3e3; overflow:hidden}



.news{width:240px; float:right; overflow:hidden; position:relative; margin-bottom:20px; margin-right:10px; display:inline}

.news .date{ color:#9F968B;  margin-bottom:5px;  font-size:1em}

.news .item{ }

.news .title{padding:5px 5px 10px 5px; margin:0; clear:both; border:0px}

.news .title h3 a{ font-size:1em}

.news .title h3 a, .news .title h3 { color:#4486c5}

.news .desc{border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; padding:10px; height:146px; clear:both}



.news-btns{ clear:both;    margin-top:5px;   padding-top:5px}

.news-btns p{  float:right}

.news-btns a{  width:20px;   height:18px;   text-align:center;   background-image:url(../img/btn_news.png);   background-repeat:no-repeat;   display:block;   float:left;   color:#FFF;   padding-top:2px;   margin-right:5px}

.news-btns a:hover, .news-btns a.active{  background-image:url(../img/btn_news_h.png);  text-decoration:none;  color:#FFF}



.category{margin-right:240px}

div.photo{padding:10px 15px 0; width:660px; overflow:hidden}

div.photo .item{float:left; padding:10px; display:inline; height:220px}

div.photo .opis{width:200px; float:left; padding-bottom:10px; text-align:center}

div.photo .opis .tlo{background-color:#000; height:55px; width:200px; opacity:0.4; filter:alpha(opacity = 40); position:absolute; text-align:center}

div.photo .opis h1{color:#FFF; font-size:2.0em; font-weight:bold; height:55px; line-height:55px; padding:0 10px; position:absolute; z-index:2; width:180px; text-align:center}

div.photo .opis h1 a{ color:#FFF}

div.photo .opis a:hover img{ opacity:0.9; filter:alpha(opacity = 90)}



.cat-bar{padding:10px 10px 0; width:700px; float:left}

.cat-bar h1{float:left; display:inline}

.pager{float:right; overflow:hidden; padding:8px 15px 0 0}

.pager ul{float:left; margin:0; text-align:left}

.pager ul li{color:#CCC; display:inline; font-size:1.2em; padding:0}

.pager ul li img{margin:1px}

.pager li.arrow-right a:hover, .pager li.arrow-left a:hover{background:none}

.pager ul li a{background-image:none; padding:6px}

.pager ul li a:hover{background-color:#4386c5; color:#FFF}

.pager ul li a.active{color:#4386c5; background:none; text-decoration:underline}

.pager a{color:#666; padding:0; text-decoration:none}

.pager-info{border-right:1px dotted #C2BCB4; color:#B1B1B1; display:inline; float:left; margin-right:20px; padding:1px; width:140px; text-align:right; padding-right:20px}

.cat-list{float:left; width:694px; padding-left:6px}



.cat-box{background-color:#F9F9F9; border:1px solid #D9D9D9; float:left; margin:7px; overflow:hidden; display:inline}

.cat-box .inside{  margin:10px;   background-image:url(../img/hr-vert2.png);   background-repeat:repeat-y;   background-position:110px 0px;   height:120px;   width:310px;   overflow:hidden}

.search-list .inside{  height:100px}



.cat-box .img{  width:100px;   text-align:center;    float:left;   overflow:hidden}

.cat-box .desc{  width:190px;   float:right}

.cat-box h3 a{color:#4286c5; font-weight:bold; border-bottom:none; float:none; overflow:hidden; margin:0; padding:0; display:block}

.cat-box h3{  padding-bottom:5px}

.cat-box p{margin-bottom:1.0em}

.cat-box p span{color:#4286c5}

.oferta-list{float:left; margin:0 10px 10px; width:700px}

.oferta-list .photo .item{border-right:1px dotted #D9D9D9; margin-bottom:20px; padding:5px}

.oferta-list .photo .item.last{border:none}

.produkt{float:left; width:690px; margin-left:10px; background-color:#F9F9F9; border:1px solid #D9D9D9; overflow:hidden; margin-bottom:20px}

.produkt .path{border-bottom:1px solid #D9D9D9; font-size:1.1em; margin:5px; padding:5px 5px 10px 5px; text-align:left; width:670px; font-weight:normal}

.produkt p.path a{color:#4286c5; text-decoration:none; font-weight:normal; padding:0 2px 0 0}

.produkt p.path a:hover{  text-decoration:underline}

.produkt p.path{font-weight:normal; color:#a9a9a9; text-decoration:none}

.produkt p.path img{  padding:0px 5px}

.produkt .photos{background-repeat:repeat-x; float:left; padding:10px 3px; text-align:center; width:250px}

.produkt .photos .big{margin-bottom:5px}

.produkt .photos .small{  margin:0 10px}

.produkt .photos img{border:2px solid #D9D9D9}

.produkt .desc{float:left; width:410px; padding:10px 5px; overflow:hidden; margin-left:10px}

.produkt .desc p{  color:#7F7F7F}

.produkt .producent{float:left; color:#aea090; width:400px; border-bottom:1px solid #D9D9D9; margin:5px 0 10px 0; padding:0 0 5px}

.produkt .producent p{float:left; width:85px;   background-image:url(../img/hr-vert2.png);  background-repeat:repeat-y;  background-position:right top}

.produkt .producent p span{ color:#4286C5}

.produkt .producent .img{display:block; float:left; width:150px; margin:0 0 0 10px}



.produkt .parametry{float:left; width:435px; padding:10px 3px}

.produkt .parametry .title{background-color:#ececec; border-top:1px solid #E3E3E3; border-bottom:none; float:left; width:435px; padding:10px 0 10px 10px; margin:0}

.produkt .parametry ul{float:left; width:435px; margin:0 0 10px 10px}

.produkt .parametry ul li{display:block; float:left; width:120px}

.produkt .parametry ul li span{color:#4286c5; font-weight:bold}

.produkt .parametry .more{float:left; width:435px}

.produkt .parametry .more ul{float:left; display:inline; margin:0; padding:0 10px; clear:both}

.produkt .parametry .more ul li{float:left; clear:both; padding:2px}

.horiz-list{float:left; width:655px}

.horiz-item{overflow:hidden; background-color:#F9F9F9; border:1px solid #D9D9D9; margin:10px 15px 0 15px; overflow:hidden; padding:10px; width:658px}

.horiz-item .img{border-right:1px solid #D9D9D9; float:left; margin:10px 0; text-align:center; width:121px}

.horiz-item .desc{float:right; padding:20px 10px 0 10px; width:510px}

.horiz-item .gallery a{margin-right:5px}

.horiz-item .gallery{margin-top:10px; margin-bottom:10px}

.horiz-item.last{margin-bottom:15px}



.no-menu{padding:10px 30px; clear:both}

.no-menu p{ font-size:1.1em}

.kontakt{float:left; width:300px; overflow:hidden; margin:10px; padding-left:27px; display:inline}

.kontakt .odzialy .desc{float:left; width:200px; display:inline; overflow:hidden; padding:10px}



.clear{  clear:both;   float:none}

.seemore, .seemore02{padding:0 10px 0 8px; margin:0 10px 0 0px; border-left:1px dotted #737373; background-image:url(../img/arrow-right.png);   background-repeat:no-repeat;   background-position:right top;   font-weight:normal}

.seemore:hover, .seemore02:hover{  background-image:url(../img/arrow-righth.png)}



.seemore02{ float:right;  border:0px}



#footer{clear:both; padding-bottom:20px; margin-top:10px; padding-top:5px; padding-right:5px; overflow:hidden}

#footMenu{float:left; width:705px; color:#f5e1ce; font-size:1.1em}

#footer span{color:#74bdff}

#footMenu a{color:#f5e1ce; margin:0px 10px; border-bottom:1px solid #674f35}

#footMenu a:hover{color:#74bdff; text-decoration:none}

#footMenu a.active{color:#74bdff; font-weight:bold; text-decoration:none}

#copy{float:right; clear:right; color:#f5e1ce; font-size:1.1em; width:250px; text-align:right; margin:0px; margin-bottom:5px}

#honeti{float:right; clear:right; color:#f5e1ce; font-size:1.1em; width:150px; text-align:right}

#honeti a{color:#74bdff; text-decoration:none}

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

#honeti img{vertical-align:middle; padding:0px 0px 0px 3px}



#mapCanvas{  width:500px;   height:400px;   margin-top:10px}

.map-canvas{  background-image:url(../img/hr-vert2.png);  background-repeat:repeat-y;  padding-left:50px;  width:500px;  float:left;  overflow:hidden;  padding-bottom:20px}

.stroik1 {
	background-image:url(../img/stroik1.png);
	position:absolute;
	width:64px;
	height:60px;
	top:0px;
	left:153px;
}

.stroik2 {
	background-image:url(../img/stroik2.png);
	position:absolute;
	width:48px;
	height:64px;
	top:9px;
	left:277px;
}

.stroik3 {
	background-image:url(../img/stroik1.png);
	position:absolute;
	width:64px;
	height:60px;
	top:0px;
	left:143px;
}

.stroik4 {
	background-image:url(../img/stroik2.png);
	position:absolute;
	width:48px;
	height:64px;
	top:13px;
	left:227px;
}