body{font-size:12px;text-align:center;font-family:"Verdana",sans-serif;margin:0;padding:0;background:black url(bg5.png) repeat-x;}

.wrapper{width:980px;margin:0 auto;text-align:right;background:blue;}

h1 {font-size: 10px;}
h1#top_s {position: relative; height: 240px; width: 529px; margin: 0 auto;}
h1#top_s span.tr {position: absolute; width: 100%; height: 100%; background: url(top3.jpg) no-repeat;
top: 0; left: 0;}

h1#top {position: relative; height: 326px; width: 767px; margin: 0 auto; padding: 0;}
h1#top span.tr {position: absolute; height: 326px; width: 767px; background: url(top1.jpg) no-repeat;
top: 0; left: 0;}

h1#top_bio {position: relative; height: 174px; width: 514px; margin: 0 auto;}
h1#top_bio span.tr {position: absolute; width: 100%; height: 100%; background: url(top5.jpg) no-repeat;
top: 0; left: 0;}

h1#top_contact {position:relative;height:240px;width:514px;margin:0 auto;}
h1#top_contact span.tr {position: absolute; width: 100%; height: 100%; background: url(top4.jpg) no-repeat;
top: 0; left: 0;}

h1#top_exhibits {position: relative; height: 240px; width: 514px; margin: 0 auto;}
h1#top_exhibits span.tr {position: absolute; width: 100%; height: 100%; background: url(top6.jpg) no-repeat;
top: 0; left: 0;}

a {color: #FF7B08;}

ul#langlink {list-style:none;text-align:left;float:left; position:relative;z-index:11;margin: 30px 0 0 0;} 
ul#langlink li {float: left; margin: 0 2px 0 2px; z-index: 22;}
ul#langlink li a {color: #4FF3FF; font-size: 0.9em; padding: 0; margin: 0; z-index: 22;}
ul#langlink li a.active {color: orange;} 
ul#langlink li img {border: 1px solid silver; padding: 0; margin: 0; z-index: 22;}

/* menu */
#colmenu {float:right;width:160px;background:none;} 
ul#nav {list-style:none;margin:0;padding:0;}
ul#nav li{margin: 6px 5px 0 0;width:160px;border-bottom: solid 1px silver;text-align:left;}
ul#nav li a{color:silver;text-decoration:none;display:block;width: 100%;padding:5px 0 0 2px;}
ul#nav li a.active {color: orange;}
ul#nav li a:hover, ul#nav li a:focus, ul#nav li a:active {background: #373737;} 
ul#nav li a#LastInMenu:hover {background: black;}

#content {width:808px;margin:0;text-align:left;color:white;padding:0px;float:left;_width:812px;}
#content h2 {font-family:"Verdana",sans-serif;color:#FFA500;font-size:18px;margin-top:0;padding-top:0;text-align:left;}
h3 {margin-top:30px;color:#FFA500;font-size:14px;}

ul#gal, ul#galEx {list-style:none;float:right; margin: 2px 0 0 0px;padding: 0; clear: both;}
ul#gal li, ul#galEx li {background: black; 
border: solid 1px #161616; padding: 3px; height: 23em; _height: 24em;
margin: 0 3px 3px 0; float: left; width: 190px;}
ul#gal li img {border:0;display:block;margin-left:auto;margin-right:auto;}
ul#gal li p {color: white; text-align: left; color: white; margin: 5px 0;}
ul#gal li p.desc {width: auto; background: black; 
padding: 4px; color: #FF4700; font-size: 10px; color: white;}

ul#galEx {float:left; margin: 0;}
ul#galEx li {height:160px;width:160px; _height:165px; text-align: center;margin:8px 10px;}
ul#galEx li img {margin: 5px auto;}

div.hr {
  height: 5px;
  background: transparent url(hr1.png) repeat-x scroll center;
  margin: 5px 0 0 0; padding: 0;
}

div.hr hr {display: none;}

span.date {display: block; color: silver; font-weight: bold;}
span.place {display: block; color: white;}
#footer {background: black url(footer.png) repeat-x; font-size: 9px;
color: white; width: 100%; height: 100px; clear: both; padding: 0px 0 40px 0;}
#footer  p.autor {float: right; padding: 10px;}
#footer  p.copy {float: left; padding: 10px; color: #5E5E5E;}
#footer  a {color: #5E5E5E; text-decoration: none;}

img.bio {float: right; margin: 0 1px 2px 2px;}
#content  p.bio {float: left; width: 100%; margin: 0; text-align: justify; text-indent: 30px;}

#kontrolki {width:auto;margin:0;float:left;height:34px;padding:0;} 
table#wallcol {margin:0;} 
table#wallcol tr td {border: solid 1px gray; height: 20px; width: 20px;}
table#wallcol tr td img, table#wallcol td a {display: block; margin: 0; 
border: 0; padding: 0; height: 20px; width: 20px;}
p.flashobjmin {float: left; margin: 0 20px 0 0;}

td#td1 {background: #000000;}
td#td2 {background: #FFFFFF;}
td#td3 {background: #930000;}
td#td4 {background: #FF7E08;}
td#td5 {background: #FCE419;}
td#td6 {background: #00A402;}
td#td7 {background: #090098;}
td#td8 {background: #FF8CD4;}
td#td9 {background: #F5E2C5;}


ul#linki {list-style: none;}
ul#linki li {margin: 8px 0;}


/* facebook */
#wysuwane
{
    background:  url(fb_bg.png) no-repeat scroll 0 0 transparent;
    padding: 5px;
    width: 330px;
    height:600px;
    position: fixed;
    margin-top: -300px; /*połowa wysokości panelu w górę */
    left: 0px;
    top: 50%;
}
.zamknij {background-position: 0px 0px -242px 0px;}
iframe {border: none;}


/* wystawy */

#ExList .ExBox {border: solid 1px #101010; clear: both; height: 170px; margin: 3px 0;}
.ExBox div {margin: 0; padding: 0; width: 100%;}
#ExList p {float: left; width: 545px; margin: 0 0 0 10px; padding: 2px;color: white;}
#ExList p.ExTitle {font-weight: bold; color:#FF8500; margin-top: 10px;}
.ExDate {font-style: italic; color: #E5E5E5;}
#ExList img {float: right; padding: 0; border: solid 5px #0E0E0E; margin: 8px 5px 0 0;}
a.ExLink {display:block;height:170px;width: 100%;padding:0; margin:0;text-decoration: none; color: #F3F3F3;}
a.ExLink:hover {background: #0C0C0C;}