@charset "utf-8";
body,td,th {
	background:#666;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}


A:Hover{	
	color:#0CF;/*kolor niebieski- po najechaniu na linkt*/
	font-family:;
	text-decoration:none;
}
A{
	color:#a0e983;/*-kolor pomarańcz -link*/
	text-decoration:none;
}

#apDivGlowny{
	position: absolute;
	width:1000px;
	height: 700px;
	text-align:center;
	left: 50%;
	border:0px;
	margin:10px 0px 0px -500px;
	padding:0px;
	opacity:0,73;
	top: 10px;
	z-index:GLOWNY;
	font-size: 15px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	/* szary*/
}
#apDiv0{
	position: absolute;
	top: 36px;
	left: 41px;
	z-index: 0;
}
#apDivMozajka {
	position: absolute;
	left: 244px;
	top: -11px;
	width: 519px;
	height: 348px;
	z-index: 1;
}
#apDiv1 {
	position: absolute;
	left: 0px;
	top: 54px;
	width: 151px;
	height: 24px;
	z-index: 1;
	border: 1px;
	font-size: 17px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #41a2a2;
}
#apDiv5 {
	position: absolute;
	left: 19px;
	top: 512px;
	width: 113px;
	height: 25px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #FC3;
	color: #0C0;
	z-index: 5;
}

#apDivINFO{
	position: absolute;
	left: 18px;
	top: 234px;
	width: 240px;
	height: 287px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14;
	text-align: justify;
	color: #CCC;
	z-index: INFO;
}
#apDiv0{
	position: absolute;
	top: 36px;
	left: 41px;
	z-index: 0;
}

ul#navigation {
      position: fixed;
      margin: 0px;
      padding: 0px;
      top:0px;
      right: 10px;
      list-style: none;
      z-index:999999;
      width:auto;
      }
      ul#navigation li {
      display:inline;
      float:left; /*element ustawiony po lewej stronie, względem elementów sąsiadujących (np obrazka)tutaj: kolejność pozycji menu układa się od lewej lub od prawej-right */
      width:100px;  /*wyjsciowo było 52, co dało klawisze menu obok siebie- teraz mamy rozciągnięte po szerokości strony*/ 
      }
         ul#navigation li a {
      display: block;
      float:left;
	  color:#0FF;
      margin-top: -2px;
      height: 25px;
      width:100px;
      background-repeat:no-repeat;
      background-position:50% 10px;
      background-color:#e7f2f9;
      border:1 solid #bddcef;
      -moz-border-radius:0px 0px 10px 10px;
      -webkit-border-bottom-right-radius: 10px;
      -webkit-border-bottom-left-radius: 10px;
      -khtml-border-bottom-right-radius: 10px;
      -khtml-border-bottom-left-radius: 10px;
      text-decoration:none;
      text-align:center;
      padding-top:80px;
      opacity: 0.7;
      filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);  
      }
      
      ul#navigation li a:hover{
     background:transparent;
      }
      ul#navigation .home a{
      background:transparent url(png/settings.png);
      }
      ul#navigation .about a{
     background:transparent url(png/notes.png);
      }
      ul#navigation .search a{
      background:transparent url(png/notes.png);
      }
      ul#navigation .podcasts a{
     background:transparent url(png/ipod.png);
      }
      ul#navigation .rssfeed a{
      background:transparent url(png/weather.png);
      }
      ul#navigation .photos a{
     background:transparent url(png/maps.png);
      }
      ul#navigation .contact a{
      background:transparent url(png/chat.png);
      }
/* CSS Document */
