body {
   padding: 0px;
   margin: 0px;
   background: #12569a;
   font: normal 11px Verdana, sans-serif; 
}

#content {
   width: 817px;
   margin: 0px auto 50px auto;
   padding: 0px;
   position: relative;
   clear: both;
   background: url(../images/paseczek_menu.jpg) 128px 0px repeat-y #fff;
}
#tophead {
   position: relative;
   width: 817px;
   height: 364px;
   background-color: #fff;
}
.toph_A { background: url(../images/top_glowna.jpg) no-repeat 0px 0px; }
.toph_B { background: url(../images/top_szkolenia.jpg) no-repeat 0px 0px; }
.toph_C { background: url(../images/top_wakacje.jpg) no-repeat 0px 0px; }
.toph_D { background: url(../images/top_galeriafoto.jpg) no-repeat 0px 0px; }
.toph_E { background: url(../images/top_polecane_strony.jpg) no-repeat 0px 0px; }
.toph_F { background: url(../images/top_imprezy_pod_zaglami.jpg) no-repeat 0px 0px; }
.toph_G { background: url(../images/top_kontakt.jpg) no-repeat 0px 0px; }
.toph_H { background: url(../images/top_informacjedlakursantow.jpg) no-repeat 0px 0px; }
.toph_I { background: url(../images/top_rejsyprywatne.jpg) no-repeat 0px 0px; }

#tophead img.menutitle {
   position: absolute;
   bottom: 25px;
   left: 160px;
}

#menuleft { 
   width: 130px;
   position: absolute;
   top: 320px;
   left: 10px;
   background: transparent;
   text-align: center;
}
#menuleft a img { border: none; padding: 5px; }
#menuleft ul {
   text-align: left;
   padding: 0px;
   margin: 0px;
   width: 130px;
   list-style: none;
}
#menuleft ul li { padding: 3px 10px; background: url(../images/cz_kropka.png) 0px 50% no-repeat;}
#menuleft ul li:hover { background: url(../images/n_kropka.png) 0px 50% no-repeat;}
#menuleft ul li a { text-decoration: none; font: bold 10px Tahoma,sans-serif; color: #000; display: block; width: 100%; }
#menuleft ul li a:hover { text-decoration: underline; }
#rightbox { width: 645px; min-height: 400px; float: right; padding: 10px; margin: -30px 0px 0px 0px; position: relative; }
#footer {
   position: relative;
   clear: both;
   width: 817px;
   height: 32px;
   background: url(../images/stopka.jpg) no-repeat 0px 0px;
}

#paseczek {
   width: 22px;
   height: 100px;
   position: absolute;
   top: 284px;
   left: 128px;
   background: url(../images/paseczek_menu.jpg) 0px 0px repeat-y #fff;
}
#paseczek2 {
   width: 22px;
   height: 32px;
   position: absolute;
   top: 0px;
   left: 128px;
   background: url(../images/paseczek_menu.jpg) 0px 0px repeat-y #fff;
}

.clear { 
   padding: 0px; margin: 0px; clear: both; border: none; 
}
.imgclear { float: left; }
.cent { text-align: center; }
.navA { font-weight: bold; color: #669; }


table.tabgal {
   width: 100%;
   margin: 20px auto;
   border-collapse: collapse;
}
table.tabgal td {
   border: 1px solid #eee;
   text-align: center;
   vertical-align: middle;
   font: bold 10px Tahoma, sans-serif;
   padding: 5px; 
}
table.tabgal td p { 
   width: 90%; margin: 0px auto; text-align: center; padding: 0px;  font-size: 9px;
}
table.tabgal td a img { border: 1px solid #ddd; padding: 5px; background: #eeeeff; }

dl.dlgal {
   width: 100%;
}
dl.dlgal dt { 
   font: bold 12px Tahoma, sans-serif;
   color: #224;
}
dl.dlgal dd {
   width: 80%;
   margin: 5px auto;
   padding: 5px;
   background: #f1f7ff;
   border: 1px solid #ddddee;
   font: normal 10px Tahoma, sans-serif; 
   color: #444;
}
.logolink {
   position: absolute;
   width: 270px;
   height: 50px;
   left: 0px;
   top: 0px;
   padding: 0px;
   margin: 0px;
   border: none;
}
dl.links { width: 80%; padding: 0px; margin: 0px; font: bold 11px Tahoma, sans-serif; clear: both; position: absolute; top: 5px;  }
dl.links dt a { color: #224; text-decoration: underline; }
dl.links dd { padding-bottom: 5px; border-bottom: 1px dotted #eee; margin-bottom: 5px; color:#999; font-weight: normal; }