div,h1,img,p,a,ol,ul {margin:0;padding:0}
ol,ul {list-style:none;}

#container {width:800px;margin:0 auto; background:url(img/sitebg.jpg) repeat-y; font-family: Verdana, Arial, Helvetica, sans-serif}
#left {width:241px;float:left; }
#right {width:559px;float:right;}
#footer { background: #FFFFFF url(img/pasek_dol.jpg) repeat-x; height: 54px; font-size:0;line-height:0; padding:15px 265px;}


div.header {background:#FFFFFF url(img/pasek_gora.jpg) repeat-x;height:174px;width:100%}
div.header img {float:left}
div.header h1 {float:right;width:500px; background:url(img/one.png) no-repeat right; width:547px; height:53px; margin-top:18px; font-size:0px; line-height:0; overflow:hidden}

div.szukacz {float:right;width:240px;padding-top:26px}
div.szukacz .submit {display:block;background:url(img/szukaj.jpg) no-repeat -60px 0; border:none; width:60px; height:0px; padding-top:41px; font-size:0px; line-height:0; overflow:hidden; margin-right:20px; float:right }
div.szukacz .submit:hover { background-position: 0px 0px }
div.szukacz input.fragment {background:url(img/szukacz1.jpg) no-repeat; border:none; width:156px; height:41px; text-align:center; font-size:16px;float:left;padding-top:8px }

div.koment {font-size:14px;margin:20px 30px 10px 0;}
div.koment span.data {float:right;color:#c0c0c0;font-size:11px}

img.bgdol {float:left}

.site {float:right;width:559px;background:#E4E0DD;_height:650px;min-height:1000px}
.clear {clear:both}

#menu {width:241px;height:313px;background:url(img/menu2.png) no-repeat;padding-top:21px;float:left;padding-left:27px}
#menu a {display:block;background:url(img/menu2.png) no-repeat;font-size:0;line-height:0;height:0px;padding-top:37px;overflow:hidden;width:155px }
#menu a.a1 {background-position:-27px -24px; }
#menu a.a1:hover {background-position:-268px -24px; }
#menu a.a2 {background-position:-27px -60px}
#menu a.a2:hover {background-position:-268px -60px}
#menu a.a3 {background-position:-27px -96px}
#menu a.a3:hover {background-position:-268px -96px}
#menu a.a4 {background-position:-27px -132px}
#menu a.a4:hover {background-position:-268px -132px}
#menu a.a5 {background-position:-27px -169px}
#menu a.a5:hover {background-position:-268px -169px}
#menu a.a6 {background-position:-27px -204px}
#menu a.a6:hover {background-position:-268px -204px}


.reklama {margin-bottom:60px; align:center}
.reklama p {text-align:center; font-size:12px; color:#422e1b;font-weight:bold;margin-bottom:10px; padding-right:22px}
.reklama a {display:block;height:0px;overflow:hidden;margin:3px auto;}

.reklama a.samui {background:url(img/samui.png) no-repeat;padding-right:5px;width:100px;padding-top:100px;}
.reklama a.multisport {background:url(img/karta_multisport.jpg) no-repeat; font-size:2px;color:#ffffff; width:150px;padding-top:100px;padding-right:25px; padding-bottom:10px}
.reklama a.zrzeszenie {background:url(img/logo_zrzeszenie.jpg) no-repeat; font-size:2px;color:#ffffff; width:100px; padding-bottom:160px; padding-right:80px}
.reklama a.facebook {background:url(img/facebook.jpg) no-repeat; font-size:2px;color:#ffffff; width:150px; padding-top:100px;padding-right:25px; }
.reklama a.bronowianka {background:url(img/bronowianka_logo.jpg) no-repeat; width: 160px; font-size:2px;color:#ffffff; padding-top:100px; padding-bottom:55px;}



p.strony {text-align:center;margin:10px 0}
p.strony a {text-decoration:none;color:#422e1b;font-size:12px}
p.strony a:hover {text-decoration:underline}
.strona {padding:5px}
.aktywna {font-weight:bold}




h2.aktualnosci {background:url(img/aktual.jpg) no-repeat; width: 178px ; height: 32px; margin:10px 0 30px 0; font-size:0px; line-height:0; overflow:hidden}
h2.treningi {background:url(img/treningi.png) no-repeat; width: 178px ; height: 32px; margin:10px 0 30px 0; font-size:0px; line-height:0; overflow:hidden}
h3.galeria {background:url(img/galeria.png) no-repeat; width: 178px ; height: 32px; margin:10px 0 30px 0; font-size:0px; line-height:0; overflow:hidden}
h3.oklubie {background:url(img/oklubie.png) no-repeat; width: 178px ; height: 32px; margin:10px 0 30px 0; font-size:0px; line-height:0; overflow:hidden}
h2.muaythai {background:url(img/muaythai.png) no-repeat; width: 178px ; height: 32px; margin:10px 0 30px 0; font-size:0px; line-height:0; overflow:hidden}
h2.kontakt {background:url(img/kontakt.png) no-repeat; width: 178px ; height: 32px; margin:10px 0 30px 0; font-size:0px; line-height:0; overflow:hidden}
h4.wyniki {background:url(img/wyniki.png) no-repeat; width: 306px ; height: 32px; margin:10px 0 30px 0; font-size:0px; line-height:0; overflow:hidden}
h3.komentarze {background:url(img/komentarze.png) no-repeat; width: 306px ; height: 32px; margin:10px 0 30px 0; font-size:0px; line-height:0; overflow:hidden}
p.uzytkownik {font-size:14px}



div.aktualnosc { background:none; width:545px; padding:0px; }
div.aktualnosc img { margin: 0; float:left }
div.aktualnosc p {background:#FFFFFF;font-size:12px;padding:3px 5px;width:}
div.aktualnosc p.tytul {color:#422e1b;font-size:18px}
div.aktualnosc p.data {float:right}
div.aktualnosc p.tresc {padding:5px;text-align:justify}

div.komentarz { width:150px; padding:0px; margin-top:15px; margin-bottom:30px }
div.komentarz p {background:#FFFFFF;padding:1px 5px; float:left;width:140px }
div.komentarz p a {font-size:12px;color:#422e1b;text-decoration:none;font-weight:bold}
div.komentarz p a:hover {text-decoration:underline}
div.komentarz img { float:left }



div.cennik {font-size:14px}

div.muaythaitext {font-size:14px; text-align:justify; margin-right:25px; margin-bottom:25px}

.galeria {text-align: center}

.galeria td img {	border: 1px solid #422e1b}
.galeria td {padding: 10px 15px 10px 35px}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

div.zdjecia a{color:#422e1b; padding-left:20px}