body, img, h1, h2, h3, h4, h5, h6, p, form, ul, ol, li, td, th, menu, dir { margin:0; padding:0; }
img { border: 0px; }
table   { border-collapse: collapse; }
.cleaner {clear: both; font-size: 1px; }
.cleaner_right { clear: right; font-size: 1px; }
.hidden { display: none; }
a span { display: none; }

a {  color: #996699; }
a:Hover { text-decoration: none; }

.right {float: right;}
.left {float: left; }

body {  font-family: Tahoma, Arial; font-size: 11px; color: #333333;  background-color: white; text-align: center; line-height: 14px; }

div#header, div#content_ctn { width: 980px; margin: auto; padding: 0; text-align: left; }
div#header {  height: 230px; text-align: center; position: relative; }

#content { text-align: left; padding: 0 0 40px 0; margin: auto; height: 340px;  }
#content_ctn { margin: auto; text-align: center; }



.navlist { background: url('spliter.png') center top repeat-y ;}

.logo { display: block; width: 216px; height: 100px; background: url('logo.png'); position: absolute; left: 382px; top: 34px;  }
.top-menu { background: #f5f5f5; width: 390px; height: 35px; line-height: 35px; position: absolute; left: 295px; top: 161px; }
    .top-menu a { font-weight: bold; text-decoration: none; padding: 0px 15px 0px 15px }
        .top-menu a:Hover { text-decoration: underline; }
        
.tagline { font-size: 12px; font-family: Arial; margin-top: 30px; }
    .tagline a { font-size: 11px; font-family: Tahoma; font-weight: bold; display: block; padding-top: 10px; }

.navlist { height: 34px; position: relative; }
.previous { background: transparent url('left.png') no-repeat; font-size: 1px; width: 16px; height: 18px; display: block; color: #666666; display: block; position: absolute; left: 119px; top: 13px; }
.next { background: transparent url('right.png') no-repeat; font-size: 1px; width: 16px; height: 18px; display: block; color: #666666; display: block; position: absolute; left: 165px; top: 13px; }
                                                             
.copyright { background: #e4e4e4; border: 5px solid #f5f5f5; width: 870px; margin: auto; height: 60px; color: #666666; }
    .copyright a { color: #666666; text-decoration: none; }
        .copyright a:Hover { text-decoration: underline; }
    
    .copyright .left { text-align: left; position: relative; top: 15px; left: 15px; }
    .copyright .right { text-align: right; position: relative; top: 15px; right: 15px; }


    .content { text-align: left; padding: 20px 0 40px 0; margin: auto; width: 830px; }
    
        .content h1 {color: #996699; font-family: Times; font-size: 20px; font-weight: normal; margin: 0px 0px 15px 0px; }
        .content p { margin-top: 10px; }
        .content ul { margin: 10px 0px 10px 0px; }
            .content ul li { margin-left: 15px; }


    .fotogal { width: 180px; margin-left: 20px; padding-left: 20px; float: right; border-left: 1px solid #d9d5d9; background: url('bg.kosik.png') left 60px no-repeat; }
    .kosik { display: block; height: 50px; padding-top: 20px; margin-left: 20px; text-decoration: none; font-weight: bold;   }
        .kosik:Hover { text-decoration: underline; }
    
    
        #box2 { position: absolute; }
        .mask{ position:relative; width:550px; height:350px; overflow:hidden; margin-top: 20px; }
        .mask img{ position:absolute; display:block; border:none; }