body { font-size: 12px; font-family: Arial, Verdana, Helvetica; background-color: #c6c6ca; text-align: left; margin: 0px; padding: 0px;}
h1 { font-size: 9px; font-family: Arial, Verdana, Helvetica;  color: #990000;  text-align: center; margin: 0px; padding: 0px;}
h2 { font-size: 16px; font-family: Arial, Verdana, Helvetica;  color: #990000;  text-align: center; margin: 0px; padding: 0px;}
h3 { font-size: 9px; font-family: Arial, Verdana, Helvetica;  color: #990000;  text-align: center; margin: 0px; padding: 0px;}


#top {  margin: 0 auto; width: 1000px;}

#BODY	{  text-align: left; margin: 0 0px; width: 1000px; }

#GORA { width: 1000px; height: 12px; font-size: 9px; color: #6c2020; overflow: hidden; text-align: center; }

#LOGO { width: 1000px; height: 200px;  background-image: url('grafiki/gora.png'); float: left; }


	img{border:none;}
	pre{display:block; font:12px "Courier New", Courier, monospace; padding:10px; border:1px solid #bae2f0; background #e3f4f9;	
		margin:.5em 0;
		width:500px;
		height: 250px;
		}	
   /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			
	#container{	
		margin:0 auto;
		position:relative; 
		float: left;
		text-align:left;
		width:500px;
		height: 250px;
		background-image: url('grafiki/slyder,bg.gif');		
		text-decoration: none; border-style: none; 
		display: inline-block;
		}	
	#header{
		height:80px;
		line-height:80px;
		background:#5DC9E1;
		color:#fff;
		}				
	#content{
	
		position:relative; top: 51px; left: 4px;
		 display: inline-block; text-decoration: none; border-style: none; }			

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		
		margin: 0px;
	
		padding:0px;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
	  
		width:492px;
		height:150px;
	text-decoration: none; border-style: none; 
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:95px;
		height:20px;
		position:absolute;
		left:10px;
		top:160px;
		z-index:1000;
		border: none; 
		}	
	#nextBtn, #slider1next{ 
		left:395px; 
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block; 
		position:relative;
		width:95px;
		height:20px;
		background:url(grafiki/btn_prev.png) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(grafiki/btn_next.png) no-repeat 0 0;	
		}	
		
	#prevBtn a:hover, #nextBtn a:hover,
	#slider1next a:hover, #slider1prev a:hover{  
		display:block;
		position:relative; 
		width:95px;
		height:20px;
		background:url('grafiki/btn_prev,h.png') no-repeat 0 0;	
		}	
	#nextBtn a:hover, #slider1next a:hover{ 
		background:url('grafiki/btn_next,h.png') no-repeat 0 0;	
		}		
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

#TAGI { width: 500px; height: 250px;   background-image: url('grafiki/tagi,bg.gif') ; float: left; overflow: hidden; }
#TAGI ul { margin:30px 10px 10px 10px; padding:30px 10px 10px 10px;  }
#TAGI ul li { display: inline; }
#TAGI ul li a{ display:inline; padding:5px; color:#000000; text-decoration: none;}
#TAGI ul li a:hover { text-decoration: underline; color:#6c2020;}
#TAGI ul li a.priority1 {  font-size: 16px; line-height: 1.4em; font-weight: 900;}
#TAGI ul li a.priority2 {  font-size: 15px; line-height: 1.4em; font-weight: 900;}
#TAGI ul li a.priority3 {  font-size: 14px; line-height: 1.4em; }
#TAGI ul li a.priority4 {  font-size: 13px; line-height: 1.4em; }
#TAGI ul li a.priority5 {  font-size: 12px; line-height: 1.4em; }
#TAGI ul li a.priority6 {  font-size: 10px; line-height: 1.4em; }
#TAGI ul li a.priority7 {  font-size: 9px; line-height: 1.4em; }
#TAGI ul li a.priority8 {  font-size: 8px; line-height: 1.4em; }
#TAGI ul li a.priority9 {  font-size: 7px; line-height: 1.4em; }



#LINKI { width: 1000px; height: 70px;   background-image: url('grafiki/linki,bg.gif') ; float: left;  }
#LINKI ul { display: inline; list-style-type: none;  }
#LINKI ul li { display: inline; float: left; margin: 5px 10px; padding: 5px 10px;  }

#NEWSY { width: 300px; height: 1000px; float: left;  overflow: hidden;  }
#NEWSY .naglowek { float: left; text-align: left; width: 300px; height: 50px; background-image: url('grafiki/naglowek,news.gif') ;  }
#NEWSY .naglowek ul { text-align: left; float: left; display: block;  font-size: 16px; margin: 10px 5px; padding: 10px 5px; }
#NEWSY .naglowek ul a:link { color: #000000; text-decoration: none; font-weight: bold; font-style: normal;}
#NEWSY .naglowek ul a:visited { color: #000000; text-decoration: none; font-weight: bold; font-style: normal;}
#NEWSY .naglowek ul a:hover { color: #6c2020; text-decoration: underline; font-weight: bold; font-style: normal; }
#NEWSY .tekst { float: left; width: 300px; height: 950px; background-image: url('grafiki/tekst,news.gif') ; overflow: hidden; }
#NEWSY .tekst ul { text-align: left; float: left; display: block;  font-size: 14px; margin: 10px 10px; padding: 10px 10px; }
#NEWSY .tekst ul a:link { color: #000000; text-decoration: none; font-weight: bold; font-style: normal;}
#NEWSY .tekst ul a:visited { color: #000000; text-decoration: none; font-weight: bold; font-style: normal;}
#NEWSY .tekst ul a:hover { color: #6c2020; text-decoration: underline; font-weight: bold; font-style: normal; }


#HOTELE { width: 500px; height: 500px; float: left; background-image: url('grafiki/hotele,bg.gif'); }
#HOTELE  .naglowek { width: 500px; height: 50px;  display: inline-block; }
#HOTELE  .naglowek ul { text-align: center; float: left; display: block;  font-size: 16px; margin: 10px 10px; padding: 10px 10px;  }
#HOTELE  .naglowek ul a:link { color: #000000; text-decoration: none; font-weight: bold; font-style: normal;}
#HOTELE  .naglowek ul a:visited { color: #000000; text-decoration: none; font-weight: bold; font-style: normal;}
#HOTELE  .naglowek ul a:hover { color: #6c2020;  text-decoration: underline; font-weight: bold; font-style: normal; }
#HOTELE .lewa { width: 250px; height: 450px; float: left;  display: inline-block; }
#HOTELE .lewa  ul {  margin: 10px 10px; padding: 10px 10px;  font-size: 15px; overflow: hidden; }
#HOTELE .lewa  ul a:link { color: #000000; text-decoration: none;  font-style: normal;}
#HOTELE .lewa  ul a:visited { color: #000000; text-decoration: none;  font-style: normal;}
#HOTELE .lewa  ul a:hover { color: #6c2020; text-decoration: underline;  font-style: normal; }
#HOTELE .prawa { width: 250px; height: 450px; float: right;  display: inline-block;}
#HOTELE .prawa  ul {  margin: 10px 10px; padding: 10px 10px;  font-size: 15px; }
#HOTELE .prawa  ul a:link { color: #000000; text-decoration: none;  font-style: normal;}
#HOTELE .prawa  ul a:visited { color: #000000; text-decoration: none;  font-style: normal;}
#HOTELE .prawa  ul a:hover { color: #6c2020; text-decoration: underline;  font-style: normal; }


#PORADY	{ width: 200px; height: 500px; float: right; }
#PORADY .naglowek { width: 200px; height: 50px; background-image: url('grafiki/naglowek,porady.gif'); display: inline-block; }
#PORADY .naglowek ul { margin: 10px 5px; padding: 10px 5px;  font-size: 16px; }
#PORADY .naglowek ul a:link { color: #000000; text-decoration: none; font-weight: bold; font-style: normal;}
#PORADY .naglowek ul a:visited { color: #000000; text-decoration: none; font-weight: bold; font-style: normal;}
#PORADY .naglowek ul a:hover { color: #6c2020; text-decoration: underline; font-weight: bold; font-style: normal; }
#PORADY .tekst { width: 200px; height: 450px; background-image: url('grafiki/tekst,porady.gif'); display: inline-block; }
#PORADY .tekst ul { margin: 10px 10px; padding: 10px 10px;  font-size: 14px; }
#PORADY .tekst ul a:link { color: #000000; text-decoration: none; font-weight: bold; font-style: normal;}
#PORADY .tekst ul a:visited { color: #000000; text-decoration: none; font-weight: bold; font-style: normal;}
#PORADY .tekst ul a:hover { color: #6c2020; text-decoration: underline; font-weight: bold; font-style: normal; }

#PORADY2	{ width: 200px; height: 500px; float: right; }
#PORADY2 .naglowek { width: 200px; height: 50px; background-image: url('grafiki/naglowek,porady2.gif'); display: inline-block; }
#PORADY2 .naglowek ul { margin: 10px 5px; padding: 10px 5px;  font-size: 16px; }
#PORADY2 .naglowek ul a:link { color: #000000; text-decoration: none; font-weight: bold; font-style: normal;}
#PORADY2 .naglowek ul a:visited { color: #000000; text-decoration: none; font-weight: bold; font-style: normal;}
#PORADY2 .naglowek ul a:hover { color: #6c2020; text-decoration: underline; font-weight: bold; font-style: normal; }
#PORADY2 .tekst { width: 200px; height: 450px; background-image: url('grafiki/tekst,porady.gif'); display: inline-block; }
#PORADY2 .tekst ul { margin: 10px 5px; padding: 10px 5px;  font-size: 14px;  text-align: left; }
#PORADY2 .tekst ul a:link { color: #000000; text-decoration: none;  font-style: normal; }
#PORADY2 .tekst ul a:visited { color: #000000; text-decoration: none;  font-style: normal;}
#PORADY2 .tekst ul a:hover { color: #6c2020; text-decoration: underline; font-weight: bold; font-style: normal; }

#REKLAMY { width: 1000px; height: 100px;    float: left; margin: 5px 0px; padding: 5px 0px; }
#REKLAMY ul {  float: left; display: inline; text-align: center;   margin: 0px 70px; padding: 0px 70px; }

#REKLAMY1 { width: 200px; height: 500px; float: right; }
#REKLAMY1 ul {  display: block; list-style-type: none; text-align: center;   margin: 0px; padding: 0px; }
#REKLAMY1 ul li { margin: 5px 0px; padding: 5px 0px;  }
		



#REKLAMY2 { width: 1000px; height: 150px;   float: left; margin: 10px 0px; padding: 10px 0px;}
#REKLAMY2 ul { display: block; list-style-type: none; margin: 0; padding: 0; }
#REKLAMY2 ul li { float:left; display:inline; list-style-type: none;  margin: 0px 5px; padding: 0px 5px; }



#STOPKA  { width: 1000px; height: 70px;  background-image: url('grafiki/linki,bg.gif') ; text-align:center; float: left; }
#STOPKA ul { font-size: 9px; margin: 5px 5px; padding: 5px 5px; }
#STOPKA ul a:link { color: #6c2020; text-decoration: none; font-weight: bold; }
#STOPKA ul a:visited { color: #6c2020; text-decoration: none; font-weight: bold; }
#STOPKA ul a:hover { color: #000000; text-decoration: underline; font-weight: bold; }