/* wyzerowanie domyslnych wartosci */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, img, ins, kbd, q, s, samp, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; }
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
hr {display: none;}
img {display: block; border: 0;}


#slideshow {
margin-top: 10px;
    position:relative;
    height:337px;
}
#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
   
}
#slideshow IMG.active {
    z-index:10;
 
}
#slideshow IMG.last-active {
    z-index:9;
}

/*===================================================slideshow-end================================*/







body {background: #0b0b0b url(../images/body-bg.jpg) repeat-x left top; color: #cccccc; font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 11px; line-height: 24px; padding-bottom: 50px;}

#header {padding-top: 8px;}
#header p {text-align: right; color: #464646; font-size: 10px;}


.container {width: 980px; margin: 0 auto;}
a {color: #e72a11; text-decoration: none;}
a:hover {text-decoration: underline;}
#logo a {display: block; position: absolute; width: 167px; height: 167px; top: 42px; z-index: 20; text-indent: -200px; overflow: hidden; }



#nawigacja { width: 529px; height: 119px;  background: url(../images/nawigacja-bg.jpg) no-repeat left top;}
#nawigacja ul li {float: left; }
#nawigacja ul li a {color:#7d7d7d; display: block; text-transform: uppercase; margin: 35px 30px 0 30px;  font-size: 12px; }
#nawigacja ul li a:hover {color: #ebebeb; text-decoration: none; }
#start #st a {color: #ebebeb;}
#ido-nas #on a {color: #ebebeb;}
#idoferta #of a {color: #ebebeb;}
#idkontakt #ko a {color: #ebebeb;}
#idgaleria #ga a {color: #ebebeb;}




.info-box {width: 310px; float: left; margin: 0; padding-top: 10px; min-height: 278px;}
.info-box h3 {font-size: 11px; text-indent: -200px; overflow: hidden; margin-top:-23px;}
.info-box img {margin-bottom: 15px;}
#oferta {margin-left: 25px;}
#instruktorzy {margin-left: 25px;}
.info-box-in {padding-left: 72px; }
#o-nas {background: url(../images/kim-jestesmy.jpg) no-repeat left top;}
#oferta {background: url(../images/nasza-oferta.jpg) no-repeat left top;}
#instruktorzy {background: url(../images/nasi-instruktorzy.jpg) no-repeat left top;}
.wiecej  {text-transform: uppercase; display: block;  text-align: right;  background: url(../images/wiecej.jpg) no-repeat right center; padding-right: 13px;}


#content {width: 604px; margin: 0; padding: 10px 0 0 0; float: left;}
#content h3, #galeria h3 {font-size: 22px; color: #ebebeb; text-transform: uppercase; font-weight: bold; margin-bottom: 20px;}
#content h4 {margin-top: 20px;}
#content ul li {margin-left: 10px;}
#content p {color: #c2c2c2; margin-bottom: 10px;}
.artykul-img {width: 375px; float: left;}
.artykul-img img {padding-left: 65px;}


#galeria {margin: 0; padding: 10px 0 0 0;}
#galeria ul li {float: left;}





h4 {font-size: 16px; color: #ebebeb; text-transform: uppercase; font-weight: bold; margin-bottom: 10px; }


#footer {font-size: 10px; clear: both; width: 100%; background: url(../images/footer-bg.jpg) repeat-x left 40px; padding-top: 60px; }
#kontakt {width: 669px; float: left;}
#kontakt h4 {margin-bottom: 20px;}
#kontakt #mapa a {float: left; margin-right: 25px; text-indent:-200px; overflow: hidden; display: block; width: 368px; height: 178px; background: url(../images/mapka.jpg) no-repeat left top;}
#kontakt #mapa a:hover {background-position: left bottom;}

#na-skroty {float: left; width: 310px;  }
#na-skroty ul li a {display: block; border-bottom: #282828 dashed 1px; height: 25px; }




#copy {line-height: 15px; clear: both; padding-top:45px; font-size: 10px; text-align: center; color: #252525;}
#copy a {color: #252525;}
