body {
	height: 100%;
	margin-top: 10px;
}


#CALOSC{
	position: relative;
	width:1000px;
	margin: 0 auto;
}
#container {
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url("images/tlo_18.gif");
	background-repeat: repeat-y;
	min-height: 100%;
}

#containerTytulowa {
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url("images/tytulowa/tlo_18.gif");
	background-repeat: repeat-y;
	min-height: 100%;
}

#top {
	position:relative;
	float: left;
	width:834px;
	height:208px;
	background-image: url("images/index_03.gif");
}
#top2 {
	position:relative;
	float: left;
	width:146px;
	height:208px;
	background-image: url("images/index_04.gif");
}

#topTytulowa {
	position:relative;
	float: left;
	width:834px;
	height:208px;
	background-image: url("images/tytulowa/index_04.gif");
}
#top2Tytulowa {
	position:relative;
	float: left;
	width:146px;
	height:208px;
	background-image: url("images/tytulowa/index_05.gif");
}

#spacerLewo {
	position:relative;
	float: left;
	width:175px;
	height:15px;
	background-image: url("images/index_06.gif");
}
#spacerSrodek {
	position:relative;
	float: left;
	width:30px;
	height:15px;
	background-image: url("images/index_07.gif");
}
#spacerPrawo {
	position:relative;
	float: left;
	width:775px;
	height:15px;
	background-image: url("images/index_08.gif");
}















#spacerSrodekTytulowa {
	position:relative;
	float: left;
	width:30px;
	height:15px;
	background-image: url("images/tytulowa/index_09.gif");
}
#spacerPrawoTytulowa{
	position:relative;
	float: left;
	width:775px;
	height:15px;
	background-image: url("images/tytulowa/index_10.gif");
}




*html#spacerLewo, *html#spacerPrawo, *html#spacerSrodek{
	height: expression( this.scrollHeight > 14 ? "15px" : "auto" ); /* sets max-height for IE */


}

*html#lewo {
	margin-top: -5px;
}

#lewo {
	float: left;
	width: 175px;
}
#menuBlock {
	position:relative;
	float: left;
	width:175px;
	background-color: white;
}

#menu{ width: 175px; }

.menuButton a.rollover {
	position: relative;
	float: left;
	width: 175px;
	height: 25px;
	overflow: hidden;
	border: none;
}
 .menuButton a.rollover:hover img{
	margin-left: -175px;
	border: none;
 }

 #m1 {
	width: 175px;
	height: 25px;
	background-image: url("images/tabelka_09.gif");
 }
 #m2 {
	width: 175px;
	height: 25px;
	background-image: url("images/tabelka_13.gif");
 }
 #m3 {
	width: 175px;
	height: 25px;
	background-image: url("images/tabelka_14.gif");
 }
 #m4 {
	width: 175px;
	height: 25px;
	background-image: url("images/tabelka_15.gif");
 }
 #m5 {
	width: 175px;
	height: 25px;
	background-image: url("images/tabelka_16.gif");
 }
 #m6 {
	width: 175px;
	height: 25px;
	background-image: url("images/tabelka_17.gif");
 }
  #m7 {
	width: 175px;
	height: 25px;
	background-image: url("images/glownaMenuLewo.gif");
 }
 
  #m8 {
	width: 175px;
	height: 25px;
	background-image: url("images/aktualnosci.gif");
 }
 
#m1:hover, #m2:hover, #m3:hover, #m4:hover, #m5:hover, #m6:hover, #m7:hover, #m8:hover {
	background-position: -175px;
}
 
 
 
a#podMenuButton, a#podMenuButton:visited,a#podMenuButton:link{
	font-family: Tahoma;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	border: 0px;
	background-image: none;
}
a#podMenuButton:hover {
text-decoration: none;
background-image: none;
border-bottom: 1px dotted #333333;

}
#podMenuButton{
	width: 175px;
	height: 20px;
	background-image: url("images/podMenuButton.png");
	font-family: Tahoma;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	border: 0px;
}
#podMenuLink{
	height: 20px; 
	text-align: right; 
	padding-right: 5px; 
	padding-top: 3px;
}

#loginPole{
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	width: 89px;
	height: 17px;
	float: right;
	margin-top: 13px;
	margin-right: 9px;
	font-family: Tahoma;
	font-size: 11px;
	color: #999999;
	overflow: hidden;
}

#loginPole:hover, #hasloPole:hover{
	border: 1px solid #EEE;
}

#hasloPole{
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	width: 89px;
	height: 17px;
	float: right;
	margin-top: 3px;
	margin-right: 9px;
	font-family: Tahoma;
	font-size: 11px;
	color: #999999;
	overflow: hidden;
}

*html #login{
	margin-top: -19px;
}

#login {
	position:relative;
	float: left;
	width:175px;
	height:35px;
	background-image: url("images/index_13.gif");
	border: none;
}
#haslo {
	margin-top: 0px;
	position:relative;
	float: left;
	width:175px;
	height:24px;
	background-image: url("images/index_14.gif");
	border: none;
}
#spacerPodMenu {
	position:relative;
	float: left;
	width:88px;
	height:28px;
	background-image: url("images/index_15.gif");
}

a.rollover img {
			display: block;
			border: none;
		}
	
div.zaloguj {
	position:relative;
	float: left;
	display: block;
	width:87px;
	height:28px;
}
#przyciskZaloguj {
	background-image: url('images/zaloguj_HOVER.gif'); 
	border: 0px; 
	width: 87px; 
	height: 28px;
}

submit.zaloguj:hover {
	background-position: -87px;
}

#panelAdmina {
	position: relative;
	float: left;
	display: block;
	width: 175px;
	height: 26px;
	overflow: hidden;
	background-image: url("images/paneladmina.gif");
	}

#panelAdmina:hover {
	background-position: -175px;
}

#dostepUsera {
	position: relative;
	float: left;
	display: block;
	width: 175px;
	height: 26px;
	overflow: hidden;
	background-image: url("images/materialy.gif");
	}

#dostepUsera:hover {
	background-position: -175px;
}
		
#spacerGoraTresc{
	position:relative;
	float: left;
	width:775px;
	height:15px;
	margin-left: 30px;
	background-image: url("images/index_11.gif");
}

#spacerGoraTrescTytulowa{
	position:relative;
	float: left;
	width: 775px;
	height: 15px;
	margin-left: 30px;
	background-image: url("images/tytulowa/index_13.gif");
}

#zalogowany{
	position:relative;
	float: left;
	width: 175px;
	height: 61px;
	background-image: url("images/paneladmin_17.gif");
	font-family: Tahoma;
	font-size: 12px;
	color: #666666;

}
#TRESC {
	font-family: Comic Sans MS;
	font-size: 13px;
	color: #666666;
	margin-left: 175px;
	position:relative;
	float: left;
	height: auto;
	min-height: 400px;
	width:775px;
	margin-left: 30px;
	background-image: url("images/index_12.gif");
}

#TRESCTytulowa {
	font-family: Comic Sans MS;
	font-size: 13px;
	color: #666666;
	margin-left: 175px;
	position:relative;
	float: left;
	height: auto;
	min-height: 400px;
	width:775px;
	margin-left: 30px;
	background-image: url("images/tytulowa/tlo_18.gif");
	background-position: right;
	background-color: #27A836;
	
	//background-image: url("images/tytulowa/index_14_wakacje.gif");;*/
}

*html #TRESC {
	height: 400px;
	}

#TRESCcell{
	margin: 20px 40px 50px 20px; 
	line-height:17px;
}

#spacerLewoDol{
	position: relative;
	float: left;
	width: 175px;
	height: 31px;
	background-image: url("images/index_18.gif");
}
#spacerSrodekDol {
	position:relative;
	float: left;
	width:30px;
	height:31px;
	background-image: url("images/index_19.gif");
}
#spacerPrawoDol {
	position:relative;
	float: left;
	width:775px;
	height:31px;
	background-image: url("images/index_20.gif");
}








#spacerLewoDolTytulowa{
	position: relative;
	float: left;
	width: 175px;
	height: 0px;
	background-image: url("images/index_20.gif");
}
#spacerSrodekDolTytulowa {
	position:relative;
	float: left;
	width:30px;
	height:0px;
	background-image: url("images/index_20.gif");
}
#spacerPrawoDolTytulowa {
	position:relative;
	float: left;
	width:775px;
	height:0px;
	background-image: url("images/index_20.gif");;
}

#stopka {
	position:relative;
	float: left;
	width:980px;
	height:152px;
	background-image: url("images/nowastopka_25.gif");
}

#stopkaTytulowa {
	position:relative;
	float: left;
	width:980px;
	height:152px;
	background-image: url("images/tytulowa/index_21.gif");
}

.listaTresc {
	margin-left: 40px;
}
.cennikKomorka {
	border: 1px dashed #DDDDDD;
	padding: 5px;
	text-align: center;
}

.kontaktKomorka {
	border: 1px dashed #aaa;
	padding: 25px;
	text-align: left;
}


#cennik {
	padding: 5px;
	border: 1px solid #EEEEEE;
}

#cennikRow1{
	color: #AAAAAA;
}
#cennikRow2{
	color: #c200c9;
}
#cennikRow3{
	color: #c90000;
}
#cennikRow4{
	color: #00ac0c;
}
#cennikRow5{
	color: #0092cf;
}
#cennikRow6{
	color: #cf6b00;
}
#cennikRow7{
	color: #a8847e;
}
#cennikRow8{
	color: #7e8ba8;
}

#tytulKategorii{
	position: absolute;
	right: 350px;
	top: 195px;
	font-family: Trebuchet MS;
	font-size: 28px;
	text-align: center;
	color: white;
	padding-bottom: 3px;
	margin-top: 6px;
}

#nawigacjaTrescLewo{
	position: absolute;
	left: 5px;
	bottom: 2px;
}
#nawigacjaTrescPrawo{
	position: absolute;
	right: 30px;
	bottom: 2px;
}

a.linkiTresci, a.linkiTresci:visited, a.linkitresci:link {
	color: #82bb28;
	text-decoration: none;
}
a.linkiTresci:hover{
	text-decoration: underline;
}

#mapaDojazdu {
	width: 300px;
}

p#informacjaLogowanie{
	float: right;
	margin-right: 5px;
	margin-top: 120px;
	font-family: Tahoma;
	font-size: 15px;
	color: #888888;
}

div.formularzDodawaniaPlikow{
	float: left;
	width: 260px;
	min-width: 300px;
	font-family: Tahoma;
	font-size: 15px;
	color: #888888;
	border: 2px dashed #FFFFFF;
	background-color: #F9F9F9;	
	
}
input.formularzDodawaniaPlikow{
	width:90px;
	background-color: #CCCCCC;
	margin: 10px;
	font-family: Tahoma;
	font-size: 12px;
	color: #888888;
	border: 1px solid #666666; 
	
}
div#listaPlikow{
	float: left;
	margin-left: 5px;
	clear: right;
	max-width: 300px;
	min-width: 200px;
	font-family: Tahoma;
	font-size: 15px;
	color: #888888;
	border: 2px dashed #FFFFFF;
	background-color: #F9F9F9;	
	
}


div#naglowekListaPlikow{
	float: center;
	margin: 10px;
	background-color: #82bb28;
	font-family: Tahoma;
	font-size: 11px;
	color: #FFFFFF;
	border: 1px solid #FFFFFF; 
}

div#listaNaglowek{
	position: absolute;
	top: 10px;
	left: 5px;
	float: center;
	background-color: #FBFBFB;
	font-family: Tahoma;
	font-size: 11px;
	color: #FFFFFF;
	border: 1px solid #FFFFFF; 
}

#dodawaniePlikow{
	position: relative;
	float: left;
	margin: 5px;
}

#dodawanieZdjec{
	position: relative;
	float: left;
	margin: 5px;
}

div.formularzDodawaniaKategoriiZdjec {
	float: left;
	width: 260px;
	min-width: 300px;
	font-family: Tahoma;
	font-size: 15px;
	color: #888888;
	border: 2px dashed #FFFFFF;
	background-color: #F9F9F9;	
}

table.listaKategorii{
	float: left;
	margin-top: 10px;
	width: 600px;
	border: 2px dashed #FFFFFF;
	background-color: #F9F9F9;
	padding: 5px;
}

td.listaKategorii{
	border: 1px dashed #CCCCCC;
	padding: 5px;
}

a.zdjecie {
	position: relative;
}

img.zdjecie{
	padding: 3px;
	background-color: #FFFFFF;
	border: 1px solid #EEEEEE;
}
img.zdjecie:hover{
	background-color: #EEEEEE;
}


textarea.edycjaOpisu {
	border: 1px dashed #CCCCCC;
	margin: 5px;
	margin-left: 20px;
}

div.boxKategoria {
	width: 100%;
	clear: both;
	background-color: #EEEEEE;
	border: 1px solid #DDDDDD;
}

div.kategoriaNaglowek {
	width: 100%;
	clear: both;
	margin-top: 10px;
	padding: 5px;
	background-color: #EEEEEE;
	border: 1px solid #DDDDDD;
}

div.zdjecieBox {
	float: left; 
	clear: none; 
	margin-left: 22px;
	margin-right: 22px;
	margin-top: 27px;
	height: 100px;
	padding: 4px;
	text-align: center;
	min-width: 110px;
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	vertical-align: middle;
}

div.zdjecieBox:hover {
	background-color: #EFEFEF;
}

div.zdjecieObrazek {
	background-color: #AAAAAA; 
	clear:both;
	border: 1px solid #CCCCCC;
	vertical-align: middle;
}

div.opcje {
	margin-top: 5px; 
	background-color: #EEEEEE; 
	width: 55px; 
	font-size: 11px;
	text-align: center; 
	border: 1px solid #CCCCCC;
}

a>div.opcje{
	color: #555555;
}

td.naglowekKategorii{
	background-color: #FFFFFF;
	border-bottom: 1px solid #DDDDDD;
	padding-left: 10px;
	font-size: 20px;
	width: 100%;
}

.tytulKursu { cursor: pointer; margin: 0; border-bottom: 1px solid #FFF; padding: 10px; display: inline-block; }

.link_stopka { display: table; width: 215px; height: 90px; position: absolute; left: 375px; top: 22px; }