html, body, div, img {
margin: 0;
padding: 0;
color: #aaaaaa;
font: 12px Verdana;}

body {
background: url(img/akademia2.jpg) no-repeat #161616 top center ;}

img {
border: 0;}

.container {
margin: auto;
width: 1000px;}

h3 {
color: #FFFFFF; 
font-size: 20px; }

h4 {
color: #d48826;
clear: both;
text-align: left;}

p img {
float: left;
padding: 0 20px 20px 0;
height: 162px;
width: 118px;
}

h2 {
color: #FFFFFF;
font-variant: small-caps;}

.wyroznienie {
color: #dfdfdf;}

.menu_lewe {
float: left;
margin: 235px 0 45px 40px;
* margin: 250px 0 45px 0;
height: 30px; 
width: 300px;}

.menu_lewe ul {
padding:0; 
list-style:none; 
width: 300px;}

.menu_lewe  li {
display:inline; 
float:left;
margin:0; 
padding:0; 
height: 30px;}

.menu_lewe a {
height: 30px; 
display:block;}

.menu_lewe a.walki {
width:110px; 
background:url(img/lewemenu.png) 0 0 no-repeat;}

.menu_lewe a.walki:hover {
background-position:0 -30px;}

.menu_lewe a.walki1 {
width:110px; 
background:url(img/lewemenu.png) 0 -30px no-repeat;}

.menu_lewe a.fitness {
width:55px; 
background:url(img/lewemenu.png) -110px 0 no-repeat;}

.menu_lewe a.fitness:hover {
background-position:-110px -30px;}

.menu_lewe a.fitness1 {
width:55px; 
background:url(img/lewemenu.png) -110px -30px no-repeat;}

.menu_lewe a.silownia {
width:65px; 
background:url(img/lewemenu.png) -165px 0 no-repeat;}

.menu_lewe a.silownia:hover {
background-position:-165px -30px;}

.menu_lewe a.silownia1 {
width:65px; 
background:url(img/lewemenu.png) -165px -30px no-repeat;}

.menu_lewe a.dzieci {
width:70px; 
background:url(img/lewemenu.png) -230px 0 no-repeat;}

.menu_lewe a.dzieci:hover {
background-position:-230px -30px;}

.menu_lewe a.dzieci1 {
width:70px; 
background:url(img/lewemenu.png) -230px -30px no-repeat;}

.logo {
float: left;
width: 275px;
height: 275px;
margin: 35px 25px 0 20px; }

.menu_prawe {
float: left;
margin: 235px 40px 45px 0;
* margin: 250px 40px 45px -40px ;
height: 30px; 
width: 300px;}

.menu_prawe  ul {
padding:0; 
list-style:none; 
width: 300px;}

.menu_prawe  li {
display:inline; 
float:left;
margin:0; 
padding:0; 
height: 30px;}

.menu_prawe  a {
height: 30px; 
display:block;}

.menu_prawe a.masaze {
width:85px; 
background:url(img/menuprawe.png) 0 0 no-repeat;}

.menu_prawe a.masaze:hover {
background-position:0 -30px;}

.menu_prawe a.masaze1 {
width:85px; 
background:url(img/menuprawe.png) 0 -30px no-repeat;}

.menu_prawe a.onas {
width:55px; 
background:url(img/menuprawe.png) -85px 0 no-repeat;}

.menu_prawe a.onas:hover {
background-position:-85px -30px;}

.menu_prawe a.onas1 {
width:55px; 
background:url(img/menuprawe.png) -85px -30px no-repeat;}

.menu_prawe a.galeria {
width:55px; 
background:url(img/menuprawe.png) -140px 0 no-repeat;}

.menu_prawe a.galeria:hover {
background-position:-140px -30px;}

.menu_prawe a.galeria1 {
width:55px; 
background:url(img/menuprawe.png) -140px -30px no-repeat;}

.menu_prawe a.kontakt {
width:105px; 
background:url(img/menuprawe.png) -195px 0 no-repeat;}

.menu_prawe a.kontakt:hover {
background-position:-195px -30px;}

.menu_prawe a.kontakt1 {
width:105px; 
background:url(img/menuprawe.png) -195px -30px no-repeat;}

.dodatkowe_menu {
margin: -33px 0 0 0;
float: right; 
width: 305px; }

a.menud {
font: 12px Times New Roman;
color: #e1b379;
text-decoration: none;}

a.menudd {
font: 12px Times New Roman;
color: #d48826;
text-decoration: none;}

a.menud:hover {
color: #d48826;}

a.menuk {
font: 12px Times New Roman;
color: #e1b379;
text-decoration: none;}

a.menukk {
font: 12px Times New Roman;
color: #d48826;
text-decoration: none;}

a.menuk:hover {
color: #d48826;}

a.menuc {
font: 12px Times New Roman;
color: #979797;
text-decoration: none;}

a.menucc {
font: 12px Times New Roman;
color: #ffffff;
text-decoration: none;}

a.menuc:hover {
color: #ffffff;}

.flash {
	float:left;
	width: 1000px;
	height: 195px;
	margin: 30px 0 0 -1px;
}

.menu_walki {
float: left;
margin: 40px 185px 0 185px;
* margin: 55px 185px 0 145px;
height: 110px; 
width: 630px;}

.menu_walki ul {
padding:0; 
list-style:none; 
width: 630px;}

.menu_walki li {
display:inline; 
float:left;
margin:0; 
padding:0; 
height: 110px;}

.menu_walki a {
height: 110px; 
display:block;}

.menu_walki a.muay {
width:170px; 
background:url(img/sztukiwalki.png) 0 0 no-repeat;}

.menu_walki a.muay:hover {
background-position:0 -110px;}

.menu_walki a.mma {
width:100px; 
background:url(img/sztukiwalki.png) -270px 0 no-repeat;}

.menu_walki a.mma:hover {
background-position:-270px -110px;}

.menu_walki a.boks {
width:100px; 
background:url(img/sztukiwalki.png) -170px 0 no-repeat;}

.menu_walki a.boks:hover {
background-position: -170px -110px;}

.menu_walki a.krav {
width:100px; 
background:url(img/sztukiwalki.png) -370px 0 no-repeat;}

.menu_walki a.krav:hover {
background-position:-370px -110px;}

.menu_walki a.capoeira {
width:160px; 
background:url(img/sztukiwalki.png) -470px 0 no-repeat;}

.menu_walki a.capoeira:hover {
background-position: -470px -110px;}

.partnerzy {
float: left;
width: 1000px;}

.mapa_box {
float: left;
width:700px;
margin: 30px 0 0 300px;
}

.mapa_box ul {
list-style-image: url(img/kartka.png);
}

.mapa_box a {
text-decoration: underline;
color: #aaaaaa;
}

.mapa_box a:hover {
text-decoration: none;
}

.stopka {
float: left;
width: 1000px;
height: 178px; 
margin: 20px 0 0 0; 
background:url(img/stopka.png);}

.stopka a {
color: #717171; 
text-decoration: none;
font-size: 9px; }

.stopka a:hover {
text-decoration: underline; }

.studio_graficzne {
float: right;
margin: 82px 90px 0 0; }

.mapa_link {
float: left;
margin: 82px 0 0 90px; }

/*SPORTY WALKI*/
.walki_lewa {
float: left;
width: 285px;
margin: 35px 0 0 195px;
text-align: justify; }

.walki_prawa {
float: left;
width: 285px;
margin: 35px 195px 0 40px;
text-align: justify;}

.menu_sporty {
float: left;
text-align: right;
width: 90px;
height: 115px;
margin: 40px 0 0 40px;}

.menu_sporty p {
	text-align: center;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a + p {
	margin-top: 20px;
}

.menu_sporty p b {
	color: #d48826;
}

.menu_sporty_linia {
margin: 15px 0 0 10px;
float: left;
width: 3px;
height: 160px; 
background:url(img/pasekoddzielajacymenu.png)}

a.menup {
padding: 2px;
font: 14px Times New Roman;
color: #6B6A6A;
text-decoration: none;
display: block;}

a.menup:hover {
color: #989898}

span.aktywne {
font: 14px Times New Roman;
color: #b71e19;}

.promocje_menu {
font: 14px Times New Roman;
color: #e1b379;
text-decoration: none;}

.promocje_menu:hover {
font: 14px Times New Roman;
color: #d48826;
text-decoration: none;}

.promocje_aktywne {
font: 14px Times New Roman;
color: #d48826;}

.header_menu {width: 771px; height: 20px; float: left;}
.header_menu ul {list-style: none; margin: 0; padding: 0; }
.header_menu ul li {list-style: none; float:right; margin-right: 2px; font-weight: bold; font: 11px Arial }
.header_menu ul li a { color: #636363; text-decoration: none; display: block; }
.header_menu ul li a:hover { color: #202E39; text-decoration: underline; }
.header_menu span {color:#b71e19; margin: 0 5px 0 5px;}

.profit {
	width: 90px;
	height: 42px;
	padding: 0 7px 10px 10px;
	float: right;
}

/* CENNIK */
.tabela_new {
float: left;
width: 771px;
margin: 30px 56px 0 20px;
font: 11px Verdana;
text-align: center;
vertical-align: middle;}

.lewy_opis {
width: 60px;
height: 24px;
background: #2f2f2f;
font-weight: bold;}

.lewy_cennik {
height: 24px;
background: #2f2f2f;
font-weight: bold;	
}

.lewy_karnet {
width: 100px;
height: 50px;
background: #2f2f2f;
font-weight: bold; }

.top_dzien {
width: 96px;
background: #a81d1a;
font-weight: bold; }

.top_karnet {
width: 128px;
background: #a81d1a;
font-weight: bold; }

table + p {
color: #d48826}

.tabela_new p {
text-align: left;
}

/* OPIS ZAJĘĆ */

.foto_opis {
float: left;
margin: 53px 0 0 20px;
width: 160px;
height: 200px; }

.tekst_opis {
float: left;
margin: 33px 0 0 50px;
width: 520px; 
text-align: justify;
font: 12px Verdana;}

.tekst_opis a{
text-decoration: none;
color: #aaaaaa; }

.tekst_opis a:hover {
	text-decoration: underline;
}

.tekst_opis b{
color: #d8d8d8;}

.wciecie_opis {
text-indent: 30px;
margin-top: 10px;
clear: both;}

/* GALERIA */
.galeria_box {
float: left;
width: 850px; }

.galeria_linia {
margin: 0 0 0 10px;
float: left;}

/* KONTAKT */

.mapka {
float: left;
width: 428px;
height: 244px;
margin: 40px 0 0 0;
padding: 30px 0 0 26px;
background: url(img/podkladMapkaAkademia.png); }

.google_maps {
width: 400px;
height: 224px;
border: 0;
scrolling: no;
margin: 0; 
overflow: auto;}

.formularz {
float: left;
width: 273px;
height: 301px;
margin: 40px 0 0 0;
background: url(img/podkladFormularz.png);
padding: 40px 0 0 25px; }

.adres_mail {
width: 248px; 
height: 20px;
font: 15px tahoma; 
color: #555555;
background: #211f20;
margin-bottom: 10px;
border: 0; }

.telefon {
width: 248px;
height: 20px;
font: 15px tahoma; 
color: #555555;
background: #211f20;
margin-bottom: 10px;
border: 0; }

.tekst_mail {
width: 248px;
height: 120px;
font: 16px tahoma; 
color: #555555;
background: #211f20;
border: 0; }

.wyslij_mail {
background: url(img/przyciskFormularz.png);
width: 33px;
height: 25px;
margin: 0 30px 0 0;
float: right;
border: 0;}

.dane_kontaktowe {
margin: 75px 0 0 0;
float: left;
width: 205px;
text-align: right; }

.dane_kontaktowe a{
text-decoration: none;
color: #aaaaaa;
font: 12px Verdana;}

.tytul {
color: #d0d0d0;
font: 14px Verdana; }

.facebook {
width: 15px;
height: 15px; }

.mail_odp {
float: left;
width: 1000px;
margin: 30px 0 0 0; 
text-align: center;}


/* LIGHTBOX2 */


#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; }