body {

margin:0 auto;


color:#FFF;
 background:#000080 url(1.gif) repeat-x  ;
 font-size:12px;
font-family:Arial, Verdana, sans-serif;

}
#cl {
  margin:0 auto;
  width:740px;
   
  
}
#nav {
  margin:0 auto;overflow:hidden;
 
  height:30px;
  padding:0;
  
}
#nav ul{
display:inline;}
#nav ul, ul li 
{
	display: inline;
	list-style: none;
 margin:  0;
	padding: 0;
	}
#nav li{

  float:left;
  width:123px;
  font-family:Arial, Verdana, sans-serif;
  
  font-size:12pt;
  font-weight:bold;
  text-align:center;padding: 0;
  }	
#nav ul li a:link,ul li a:visited
{
 color:#FFF;
  text-decoration:none;
  display:block;
  background: url(odn.gif) no-repeat center;
  padding:0 0 2px 0;height:30px;
}	
#baner{ background: url(nl1.gif) no-repeat center;
  margin: 0 auto;
  width:730px;
  height:140px;
   overflow:hidden;
  padding:0;
}
.gora{width:60%;height:305px;margin: 0 auto;
  overflow:hidden;
  }
h1{
  text-align:center;
  font-family:veranda,Helvetica, 'Seans-serif'
  } 
img{
  border:0
}
#tr
{
  margin:0 auto;
  width:730px;
  height:880px;

  padding: 0;
}
/*prawa strona*/
.prawy{
  float:right;
 
  width:235px;height:30px;
 background:url(g.png) no-repeat center;
  
}
.prawyd{float:right;
width:230px;
color:#FFF;
height:500px;
border-left: #003366 solid 2px ;
border-right:#003366 solid 2px; 
padding:3px 0 13px 0;
  }
 table a:link,a:visited,a:hover
  {
    text-decoration:none;color:#FFFF99
    }
  .prawydd
  {
    float:right;
    width:235px;height:30px;
    background:url(d.png) no-repeat center;
  
    }
.lewy{float:left;
  width:482px;
 
  
  }
.prawyd td{
  width:105px;
  }
a:link,a:visited,a:hover
 {
    text-decoration:none;color:#FFFF99
    }
#galeria 
{
  width:75%;
  margin:0 auto;
  
  
  }
#galeria td
{
  height:125px;
  background:url(td.gif) repeat-y center;
text-align:center;
  
  
  }