body { font-size: 12px; font-family: georgia, Arial, Verdana, Helvetica; background-color: #c6c6ca; text-align: left; margin: 0px; padding: 0px;}
h1 { font-size: 9px; font-family:georgia, Arial, Verdana, Helvetica;  color: #990000;  text-align: center; margin: 0px; padding: 0px;}
h2 { font-size: 16px; font-family: georgia, Arial, Verdana, Helvetica;  color: #990000;  text-align: center; margin: 0px; padding: 0px;}
h3 { font-size: 9px; font-family: georgia, 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 15px; padding: 5px 5px;  }

#LINKI2 { width: 1000px; height: auto; background-color: #C6C6CA; float: left; }
#LINKI2 ul { margin: 0px 20px; padding: 0px 0px; font-size: 16px; font-weight: bold; color: #990000; text-align: center;}

#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 10px; padding: 10px 10px; }
#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.te { text-align: left; float: left; display: block;  font-size: 14px; margin: 5px 10px; padding: 5px 10px; }
#NEWSY .tekst ul.te a:link { color: #000000; text-decoration: none; font-weight: bold; font-style: normal;}
#NEWSY .tekst ul.te a:visited { color: #000000; text-decoration: none; font-weight: bold; font-style: normal;}
#NEWSY .tekst ul.te a:hover { color: #6c2020; text-decoration: underline; font-weight: bold; font-style: normal; }
#NEWSY .tekst ul.go { float: left; margin: 5px 5px; padding: 5px 5px;}


#HOT { width: 500px; height: 500px; float: left; background-image: url('grafiki/hotele,bg.gif'); }
#HOT  .naglowek { width: 500px; height: 50px;  display: inline-block; }
#HOT  .naglowek ul { text-align: center; float: left; display: block;  font-size: 16px; margin: 10px 10px; padding: 10px 10px;  }
#HOT  .naglowek ul a:link { color: #000000; text-decoration: none; font-weight: bold; font-style: normal;}
#HOT  .naglowek ul a:visited { color: #000000; text-decoration: none; font-weight: bold; font-style: normal;}
#HOT  .naglowek ul a:hover { color: #6c2020;  text-decoration: underline; font-weight: bold; font-style: normal; }
#HOT .lewa { width: 250px; height: 450px; float: left;  display: inline-block; }
#HOT .lewa  ul {  margin: 10px 10px; padding: 10px 10px;  font-size: 15px; overflow: hidden; }
#HOT .lewa  ul a:link { color: #000000; text-decoration: none;  font-style: normal;}
#HOT .lewa  ul a:visited { color: #000000; text-decoration: none;  font-style: normal;}
#HOT .lewa  ul a:hover { color: #6c2020; text-decoration: underline;  font-style: normal; }
#HOT .prawa { width: 250px; height: 450px; float: right;  display: inline-block;}
#HOT .prawa  ul {  margin: 10px 10px; padding: 10px 10px;  font-size: 15px; }
#HOT .prawa  ul a:link { color: #000000; text-decoration: none;  font-style: normal;}
#HOT .prawa  ul a:visited { color: #000000; text-decoration: none;  font-style: normal;}
#HOT .prawa  ul a:hover { color: #6c2020; text-decoration: underline;  font-style: normal; }

#HOTELE	{ width: 250px; height: 500px; float: left; display: block;}
#HOTELE .naglowek { width: 250px; height: 50px; float: left; background-image: url('grafiki/hotele,naglowek.gif'); display: block; }
#HOTELE .naglowek ul { margin: 10px 10px; padding: 10px 10px;  font-size: 16px; }
#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 .tekst { width: 250px; height: 450px; background-image: url('grafiki/hotele,tekst.gif'); float: left; display: block;}
#HOTELE .tekst ul { float: left; width: 240px; list-style:none outside none; margin:0px 0px; padding: 0px 0px; font-size: 14px;  }
#HOTELE .tekst ul li	{  width: 242px; height: 63px; margin-top:0px; margin-left:4px; padding: 0px; float: left;}
#HOTELE .tekst ul li a { float: left; background-image: url('grafiki/tekst,ul.gif') ; width: 242px; height: 63px; display:block; padding-top:0px; color: #000000; text-decoration: none; font-weight:bold; font-style: normal; }
#HOTELE .tekst ul li a img { border: none;}
#HOTELE .tekst ul li a:hover { background-image: url('grafiki/tekst,ul,a.gif')  ;  color: #990000; text-decoration: underline;  font-style: normal;}
#HOTELE .tekst ul li a span.pozycja { float:left; font-weight:bold; margin-left:5px; margin-right:5px; margin-top:3px; width:12px; }
#HOTELE .tekst ul li a span.obrazek { float:left; margin-left:10px; margin-top:0px;}
#HOTELE .tekst ul li a span.obrazek img {  height:50px; margin-top:6px; width:70px; }
#HOTELE .tekst ul li a span.nazwa { float:right;  margin-right: 10px; margin-top:6px; width:125px; }

#PANEL { width: 1000px; height: auto; float: left; background-color: #c6c6ca; overflow: hidden;  }
#PANEL .naglowek { float: left; text-align: left; width:1000px; height: 51px; background-image: url('grafiki/panel,naglowek.gif') ;  }
#PANEL .naglowek ul { text-align:center; float: left; display: block;  font-size: 16px; margin: 10px 10px; padding: 10px 10px; }
#PANEL .naglowek ul a:link { color: #000000; text-decoration: none; font-weight: bold; font-style: normal;}
#PANEL .naglowek ul a:visited { color: #000000; text-decoration: none; font-weight: bold; font-style: normal;}
#PANEL .naglowek ul a:hover { color: #6c2020; text-decoration: underline; font-weight: bold; font-style: normal; }
#PANEL .tekst { float: left; width: 1000px; height: auto; background-image: url('grafiki/panel,tekst.gif')  ; overflow: hidden; display: inline; }
#PANEL .tekst ul { width: 1000px; height: auto;  float: left; display: block;  font-size: 14px;  }
#PANEL .tekst ul a:link { color: #000000; text-decoration: none; font-weight: bold; font-style: normal;}
#PANEL .tekst ul a:visited { color: #000000; text-decoration: none; font-weight: bold; font-style: normal;}
#PANEL .tekst ul a:hover { color: #6c2020; text-decoration: underline; font-weight: bold; font-style: normal; }
#PANEL .tekst ul li {}
#PANEL .tekst ul li.google { float:left; height: auto; width: 450px; display:inline; list-style-type: none;  margin: 5px 0px; padding: 5px 0px; }
#PANEL .tekst ul li.face { float:left; height: auto; width: 540px; display:inline; list-style-type: none;  margin: 5px 0px; padding: 5px 0px; }
#PANEL .tekst ul li.reklamy { float:left; display:inline; list-style-type: none;  margin-left: 5px; margin-top: 10px;}
#PANEL .bottom { float: left; width: 1000px; height: 20px; background-image: url('grafiki/panel,dol.gif') ;}

#PORADY	{ width: 200px; height:1000px; float: right; display: block; }
#PORADY .naglowek { width: 200px; height: 50px; background-image: url('grafiki/naglowek,porady.gif'); float: left; display: block; }
#PORADY .naglowek ul { margin: 10px 10px; padding: 10px 10px;  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: 950px; background-image: url('grafiki/tekst,porady.gif'); float: left; display: 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;  display: block; }
#PORADY2 .naglowek { width: 200px; height: 50px; background-image: url('grafiki/naglowek,porady2.gif'); float: left; display: block; }
#PORADY2 .naglowek ul { margin: 10px 10px; padding: 10px 10px;  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'); float: left; display: block; }
#PORADY2 .tekst ul { margin: 5px 5px; padding: 5px 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: auto;    float: left; margin: 5px 0px; padding: 0px 0px; }
#REKLAMY ul { float: left; display: inline;text-align: center; margin: 10px 10px; padding: 0px 0px;}

#REKLAMY3 { width: 1000px; height: auto;    float: left; margin: 5px 10px; padding: 0px 0px; }
#REKLAMY3 ul { text-align: center; margin: 10px 10px; padding: 0px 0px;}


#REKLAMY1 { width: 1000px; height: 0px;    float: left; margin: 0px 0px; padding: 0px 0px; }
#REKLAMY1 ul { float: left; display: inline; visibility: hidden;text-align: center; margin: 10px 35px 10px 0px; padding: 0px 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; }

	#fb
	{
	width: 222px;
	height: 311px;
	top: 10%;
	right: -205px;
	position: fixed;
	padding: 10px 5px 10px 5px;
	background: url('images/f.png') no-repeat;
	}

	#fb iframe
	{
	width: 195px;
	height: 290px;
	float: right;
	}
#partner{ display:block; width:1000px; height:auto;  margin: 0px 0px 0px 0px; padding: 0px 0px;  float: left;   color: #000000;  }
#partner .top { float: left;  width:1000px; height: 15px;  background:url('grafiki/partnertop.gif') no-repeat 0px 0px; }
#partner .tekst { width:1000px; height: auto; float:left; background:url('grafiki/partner.gif') repeat-y; font-size:12px; font-family:Georgia; Verdana, Geneva, Arial, Helvetica, sans-serif; }
#partner .tekst ul.tresc { float: left; width: 720px; height: auto; margin: 5px 10px; padding: 5px 10px;}
#partner .tekst ul.tresc a { color: #000000; text-decoration:none; font-weight: bold; }
#partner .tekst ul.tresc a:hover { color:#F03; text-decoration:none; }
#partner .tekst ul.img1 { width: 200px; height: auto;  margin: 45px 20px 10px 10px; padding: 0px 0px; float:right; display: inline;}
#partner .tekst ul.img2 { width: 200px; height: auto;  margin: 35px 20px 10px 10px; padding: 0px 0px; float:right; display: inline;}
#partner .bot { float: left;  width:1000px; height: 15px;  background:url('grafiki/partnerbot.gif') no-repeat 0px 0px; }

#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; }

