BODY {
	BACKGROUND: url(Obrazki/index_03.jpg); background-repeat:repeat-x; background-color: #01A8EC; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #00162D; PADDING-TOP: 0px; FONT-FAMILY: verdana; font-size:10px; TEXT-ALIGN: center ;
}


html {height:100%;}

table, td, img {border:0;}
form, td{margin:0; padding:0;}
td, select, input {vertical-align:top;  text-align:left;}
.table{ height:100%; }

br{font-size:10px}


a img{ border:0px}
.vam{ vertical-align:middle}
.px{ background:url(images/1_li.gif); width:auto}

.main1{width:100%; height:100%; background:url(images/right.gif) repeat-x  center top}
.bg{width:50%; background:url(images/left.gif) right top repeat-x}
.bg1{width:50%}
.main{width:766px; height:100%}
.w{ width:100%; height:100%}
.ww{ width:766px; height:100%}
.h{ height:100%}

.bg2{width:1px; height:1px; background:#dfd9d9}
.bg3{width:100%; background:url(images/1_bg.gif)}
.bg4{height:100%; background:url(images/bg_bot.gif) left repeat-y}

.left{ width:307px; height:363px; background:url(images/bg_left.jpg) no-repeat top left}
.left img{ display:block}
.right{ width:19px}
.right img{ display:block}

td          { font-family: tahoma; font-size:8pt; }

span{color:#f32648; }

a{color:#FFEEAA; } 
a:hover{color:red;}

span a{color:#f32648; text-decoration:none} 
span a:hover{text-decoration:underline}


.more{background:url(images/1_z1.gif) center left no-repeat; background-position:0 5px; padding-left:12px; vertical-align:middle; color:#4b4b4b; text-decoration:underline; margin-left:2px}
.more:hover{ text-decoration:none}

#tresc {
	text-align: left;
	margin-top: 5px;
	margin-left: 10px;
	margin-right:10px;
	padding-left: 1px;
	line-height: 120%;
	text-ident: 100%;
	color: white;
	font-size: 8pt;
	font-weight:;
	
}

#aktual {
	text-align: justify;
	margin-top: 5px;
	margin-left: 10px;
	margin-right:10px;
	padding-left: 1px;
	line-height: 120%;
	text-ident: 100%;
	color: white;
	font-size: 8pt;
	font-weight:;
	
}

#historia {
	text-align: left;
	margin-top: 5px;
	margin-left: 38px;
	text-indent: -38px;
	margin-right:10px;
	padding-left: 1px;
	line-height: 130%;
	text-ident: 100%;
	color: white;
	font-size: 8pt;
	font-weight:;
	
	
}

#stopka {
	text-align: center;
	margin-top: 20px;
	margin-left: 10px;
	margin-right:10px;
	padding-left: 1px;
	line-height: 120%;
	text-ident: 100%;
	color: yellow;
	font-size: 8pt;
	font-weight:;
	
}
 
 #galeria {
	text-align: center;
	
	margin-top: 20px;
	margin-left: 10px;
	margin-right:10px;
	padding-left: 1px;
	line-height: 120%;
	text-ident: 100%;
	color: yellow;
	font-size: 8pt;
	font-weight:;
	
}
 
 
p {
	
	margin-top: 3px;
	
	margin-bottom:3px;
	padding-left: 1px;
	line-height: 120%;
	text-indent: 5pt;
	color: white;
	
}





.ramka1 {margin:0px auto;list-style:none;text-align:center;width:186px;background:url('images/ul.jpg') repeat-y;}
.ramka { margin-left:0; margin-top: 0px;margin-bottom: 0; font-size:12px; font-family:arial; font-weight: ; list-style:none; text-align:center; text-valign:bottom; width:200px; height:40px; background:url('grafika/ul.png'); repeat-y; line-height:25px;}
.ramka a{display:block;width:200px;height:40px;color:#ffeeaa;text-decoration:none;font-size:0.93em;}
.ramka a:hover{background: url('grafika/ul_hoover.png')}

A.menu:link {
	COLOR: #6B5148; TEXT-DECORATION: none; font-size: 9pt;  font-weight: bold;}
A.menu:visited {
	COLOR: #6B5148; TEXT-DECORATION: none; font-size: 9pt; font-weight: bold;
}
A.menu:hover {
	COLOR: #ffffff; TEXT-DECORATION: none; font-size: 9pt; font-weight: bold;
}
A.menu:active {
	COLOR: black; TEXT-DECORATION: none; font-size: 9pt;
}

A.historia:link {
	COLOR: #66FF33; TEXT-DECORATION: none; font-size: 9pt;  font-weight: bold;}
A.historia:visited {
	COLOR: #66FF33; TEXT-DECORATION: none; font-size: 9pt; font-weight: bold;
}
A.historia:hover {
	COLOR: #ffffff; TEXT-DECORATION: none; font-size: 9pt; font-weight: bold;
}
A.historia:active {
	COLOR: black; TEXT-DECORATION: none; font-size: 9pt;
}

.ilustracja {
	BORDER: #e6e6e6 5px solid; margin: 0 0 0 0; 

}

.ilustracja_aktual {
	BORDER: #e6e6e6 3px solid; margin: 0 0 0 0;float: left;

}

.ilustracja_prawy {
	BORDER: #e6e6e6 5px solid; margin: 0 0 0 10;	
	
}
.ilustracja:hover {
	BORDER: white 5px solid;  
}


img.ilustracjaa {
margin: 0 4px 0 0;
padding: 2px 2px 2px 2px;
border: 1px solid #ddd;
background: #f3f3f3;
float: left;
}



#img {
border: 0px solid;
}
#img:hover{
border: 5px solid;
}

ul {  margin: 0 0 0 10; list-style-image: url(grafika/point.gif); font-size:9pt; padding-left: 2px;  }

li {margin: 0 0 2 5; padding-left:2px;  font-size: 8pt;}

textarea{
   background:#ffffff;
   border:1px solid #624b41;
   padding-left:5px;
   width:114px; height:81px;
   overflow:auto}
