/* PODSTAWOWE ZNACZNIKI */

* {margin:0; padding:0; }
body { font:normal 12px "Lucida Grande","Lucida Sans Unicode","Arial"; color:#222; background: url(pic/tlo.jpg) top center no-repeat #fff; }

a { text-decoration:none; color: #d61f26; }
a:hover {text-decoration: none;}
a img {border:none;}
.clearfix { clear: both; display: block;}

h1 { font:normal 13px "Lucida Grande","Lucida Sans Unicode","Arial"; color:#222; }
h1 a { color:#222; }
h1 a:hover { text-decoration: underline; }

h2 { font:normal 16px "Lucida Grande","Lucida Sans Unicode","Arial"; color:#222; }
small {font:normal 11px "Lucida Grande","Lucida Sans Unicode","Arial";}

#body-top { width: 100%; height: 85px; background: url(pic/body-top-border.png) top center no-repeat; margin: 0 auto;  }
#body-center { width: 100%; min-height: 300px; height: auto !important; height: 300px; background: url(pic/body-border.png) top center repeat-y; margin: 0 auto; } 
#body-bottom { width: 100%; height: 85px; background: url(pic/body-bottom-border.png) top center no-repeat; margin: 0 auto; }

#header {width: 1000px; height: 239px; margin: 0 auto 30px auto; border-bottom: 1px solid #6a6a6a ;}
#logo {float: left; margin: 35px 0 0 25px; }
#promo-slideshow { float: right; width: 600px; height: 200px; margin: 0 25px 0 0; background: #eee; overflow: hidden; position: relative;}
.slide { display: block; }
.next_btn { width: 23px; height: 46px; background: url('pic/next.png') no-repeat; background-position: 0 0; cursor: pointer; position: absolute; top: 35%; right: 0; }
.prev_btn { width: 23px; height: 46px; background: url('pic/prev.png') no-repeat; background-position: 0 0; cursor: pointer; position: absolute; top: 35%; left: 0; }
.next_btn:hover, .prev_btn:hover { background-position: 0 -46px;}
#menu { clear: both; position:relative; width: 1000px; padding: 10px; }

.dropdown a { color: #6a6a6a; }
.dropdown ul { list-style: none; }
.dropdown li { font:normal 12px "Lucida Grande","Lucida Sans Unicode","Arial"; text-transform: uppercase; margin: 0 15px; padding: 2px 16px; background: url(pic/menu-tlo.jpg) repeat-y; background-position: 0 0;}
.dropdown li:hover a { color: #fff; }
.dropdown li ul li { background: #6a6a6a; text-transform: none; padding: 4px 16px ; min-width: 140px; width: auto !important; width: 140px; position: relative; left: -15px;  }
.dropdown li ul li a { color: #fff; }
.dropdown li ul li:hover { background: #848484; }

#top {width: 1000px; min-height: 450px; height: auto !important; height: 450px; margin: 0 auto 30px auto; }
#main { float:left; width: 720px; margin: 0 20px 0 0; border-top: 6px solid #d4d4d4; padding: 10px; }
#right-column { float:left; width: 220px; border-top: 6px solid #d4d4d4; padding: 10px; }
.mapka { margin: 10px 0 10px 50px; }
.kontakt { background: #eee; padding: 5px; }

.tekst { min-height: 210px; height: auto !important; height: 210px; padding: 10px; margin: 30px 0; border-top: 6px solid #d4d4d4; border-bottom: 1px solid #6a6a6a;}
.tekst p { margin: 10px 0; }


#produkty { clear: both; margin: 30px 0 0 0; }
.produkt { float: left; width: 210px; min-height: 210px; height: auto !important; height: 210px; padding: 10px; margin: 0 10px 30px 0; border-top: 6px solid #d4d4d4; border-bottom: 1px solid #6a6a6a;}
.zdj { margin: 12px 0; }
.zdj2 { margin: 10px 10px; }

#realizacje { clear: both; margin: 30px 0 0 0; }
.real { float: left; width: 210px; min-height: 210px; height: auto !important; height: 210px; padding: 10px; margin: 0 10px 30px 0; border-top: 6px solid #d4d4d4; border-bottom: 1px solid #6a6a6a;}

.more { float: right; color: #fff; padding: 1px 10px; background: #6a6a6a; }

#footer { clear: both; width: 1000px; height: 25px; color: #fff; padding: 5px 0 0 0; text-align: center; background: #262626; margin: 0 auto; }


/* MEDIABOX */





#mbOverlay {
 position: absolute;
 z-index: 9998;
 left: 0;
 width: 100%;
	background-color: #fff;
 cursor: pointer;
}


#mbCenter, #mbBottomContainer {
 position: absolute;
 z-index: 9999;
 left: 50%;
 overflow: hidden;
 background-color: #fff;}



.mbLoading {
 background: #1c1c1c url(pic/loading.gif) no-repeat center;
}



#mbImage {
 position: absolute;
 left: 10px; top: 10px;
 padding: 10px;
 background-repeat: no-repeat;

 }






#mbBottom {
 padding: 5px 10px; border-bottom: 1px solid #6a6a6a; }


#mbTitle {
 display: inline;
 margin-left: 10px; 
}



#mbNumber {
 font: normal 10px Tahoma; display: inline;
 line-height: 14px;
 
}


#mbCaption {
 display: block;
 color: #999;
 line-height: 14px;
 font-size: 10px;
}




#mbPrevLink, #mbNextLink, #mbCloseLink { display: block;
 float: right;
 height: 15px;
 width: 15px;
 background: transparent url(pic/close.png) no-repeat center;
 margin: 0;
 outline: none;
}


#mbPrevLink {
 background: transparent url(pic/prev.jpg) no-repeat center; margin: 0 15px 0 0;
}


#mbNextLink {
 background: transparent url(pic/next.jpg) no-repeat center; margin: 0 15px 0 0;
}


#mbCloseLink { background: transparent url(pic/close.jpg) no-repeat center;
}


#mbError {
 position: relative;
	top: 30%;
 line-height: 19px;
 font-size: 12px;
 color: #fff;
 text-align: center;
 border: 10px solid #700;
 padding: 20px 10px 30px;
 margin: auto;
}

#navigatorContainer { list-style: none; padding: 5px 0 2em; margin: 0; background: none; }
#navigatorContainer li { display: inline; margin-right: 5px; }
#navigatorContainer li a {  color: #222; }