body { background: #060606 url('img/bg.gif') repeat-x; margin: 0px; color: white; font-family : Arial;}

.clr { clear: both; }

#all { border: 0px solid red; width: 960px; margin: auto; }

#top { border: 0px solid red; width: 775px; height: 82px; float: left; background: url('img/top.gif') 50% 70% no-repeat; }

#logo { border: 0px solid red; background: url('img/logo.gif') 19px 40px no-repeat; float: right; width: 150px; height: 220px; padding: 0px 10px; }
#logo a { border: 0px solid red; display: block; width: 18px; height: 18px; float: left; display: inline; margin: 41px 0px 0px 0px; }
#logo #l1 { margin-left: 37px; }
#logo #l2, #logo #l3, #logo #l4 { margin-left: 11px; }

#menu { border: 0px solid red; width: 150px; float: right; padding: 10px; background-color: black; }
#menu a { border: 0px solid red; display: block; width: 149px; height: 24px; margin: 1px 0px 2px 0px; }
#menu #m1 { background: url('img/m1.gif') top left no-repeat; }
#menu #m1:hover { background: url('img/m1.gif') bottom right no-repeat; }
#menu #m2 { background: url('img/m2.gif') top left no-repeat; }
#menu #m2:hover { background: url('img/m2.gif') bottom right no-repeat; }
#menu #m3 { background: url('img/m3.gif') top left no-repeat; }
#menu #m3:hover { background: url('img/m3.gif') bottom right no-repeat; }
#menu #m4 { background: url('img/m4.gif') top left no-repeat; }
#menu #m4:hover { background: url('img/m4.gif') bottom right no-repeat; }
#menu #m5 { background: url('img/m5.gif') top left no-repeat; }
#menu #m5:hover { background: url('img/m5.gif') bottom right no-repeat; }
#menu #m6 { background: url('img/m6.gif') top left no-repeat; }
#menu #m6:hover { background: url('img/m6.gif') bottom right no-repeat; }
#menu #m7 { background: url('img/m7.gif') top left no-repeat; }
#menu #m7:hover { background: url('img/m7.gif') bottom right no-repeat; }
#menu #m8 { background: url('img/m8.gif') top left no-repeat; }
#menu #m8:hover { background: url('img/m8.gif') bottom right no-repeat; }
#menu #m9 { background: url('img/m9.gif') top left no-repeat; }
#menu #m9:hover { background: url('img/m9.gif') bottom right no-repeat; }
#menu #m10 { background: url('img/m10.gif') top left no-repeat; }
#menu #m10:hover { background: url('img/m10.gif') bottom right no-repeat; }

#content { border: 0px solid red; position: relative; width: 775px; min-height: 300px; float: left; _height: 300px; padding: 0px; margin: 2px 0px 0px 0px; text-align: center; }
#content #cat { border: 1px solid red; margin: 0px auto 0px auto; text-align: left; }
#content #links { margin: 20px; }
#content #links a { border: 0px solid red; margin: 3px; display: block; width: auto;}

#pics { border: 0px solid red; width: 775px; }
#pics img {  }
#obraz { border: 0px solid red; display: block; margin: auto;}
#thumbs { border: 0px solid lightgreen; }

#page_text { padding: 40px 50px; text-align: left; background-color: black; }

.single_thumb { border: 0px solid red; float: left; margin: 2px; }
.pic1 { border-top: 1px solid white; border-bottom: 1px solid white; border-left: 1px solid white; border-right: 1px solid white;cursor:pointer; }
.pic2 { border-top: 1px solid white; border-bottom: 3px solid white; border-left: 1px solid white; border-right: 1px solid white; cursor:pointer; }
.single_thumb img, .single_thumb2 img { width: 99px; }
.title { border: 0px solid red; display: block; text-align: center; text-transform: uppercase; letter-spacing: 2px; font-size:10px; padding: 3px 0px 7px 0px; }

a { color: white; text-decoration: none; font-size: 10px; }
#next { float: right; }
#prev { float: left; }

#thumb_links { border: 0px solid red; float: left; width: 945px;}
#thumbs_show { border: 0px solid red; float: left; width: 950px; }
#frame_thumbs { border: 0px solid red; }
iframe { margin: 0px 0px 0px 4px}