body, img, h1, h2, h3, h4, h5, h6, p, form, ul, ol, li, td, th { margin:0; padding:0; }
img { border: 0px; }
table   { border-collapse: collapse; }
.cleaner {clear: both; font-size: 1px; }
.hidden { display: none; }
.hidden2 { visibility: hidden; }
a span { display: none; }
a b,
.upper { text-transform: uppercase; }
.lower { text-transform: lowercase; }

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

.right {float: right;}
.left {float: left; }
.textLeft { text-align: left; }
.block { display: block; }


body { font-family: Verdana, Arial, Helvetica, sans-serif; background: #f5f5f5; line-height: 13px; }

    #wrapper { width: 760px; height: 590px; display: block; background: white; position: absolute; top: 50%; left: 50%; margin: -295px 0 0 -380px; overflow: auto; }

    ul#topMenu { display: block; width: 545px; height: 42px; background: url('bg.topMenu.gif'); margin: 7px 0px 0px 7px }
        ul#topMenu li { list-style-type: none; display: block; float: left; }
            ul#topMenu li strong { display: block; width: 109px; height: 42px; float: left; cursor: pointer }
            ul#topMenu li strong span { display: none; }
            ul#topMenu li.btn1 strong { background: url('bg.topMenu.over.gif') 0px 0px }
            ul#topMenu li.btn2 strong { background: url('bg.topMenu.over.gif') -109px 0px }
            ul#topMenu li.btn3 strong { background: url('bg.topMenu.over.gif') -218px 0px }
            ul#topMenu li.btn4 strong { background: url('bg.topMenu.over.gif') -327px 0px }
            ul#topMenu li.btn5 strong { background: url('bg.topMenu.over.gif') -436px 0px }
            
    #wrapper .topMenuEn { background: url('bg.topMenu.en.gif');}
            #wrapper ul.topMenuEn li.btn1 strong { background: url('bg.topMenu.en.over.gif') 0px 0px }
            #wrapper ul.topMenuEn li.btn2 strong { background: url('bg.topMenu.en.over.gif') -109px 0px }
            #wrapper ul.topMenuEn li.btn3 strong { background: url('bg.topMenu.en.over.gif') -218px 0px }
            #wrapper ul.topMenuEn li.btn4 strong { background: url('bg.topMenu.en.over.gif') -327px 0px }
            #wrapper ul.topMenuEn li.btn5 strong { background: url('bg.topMenu.en.over.gif') -436px 0px }
            
            #tab1, #tab2, #tab3, #tab4, #tab5 { display: none; font-family: Verdana }
            #tab1 h2, #tab2 h2, #tab3 h2, #tab4 h2, #tab5 h2 { display: none; }
            #tab1 a, #tab2 a, #tab3 a, #tab4 a, #tab5 a { color: #c42333; text-decoration: none; }
            #tab1 a:Hover, #tab2 a:Hover, #tab3 a:Hover, #tab4 a:Hover, #tab5 a:Hover { color: black;}
            
            #tab4 a { text-transform: uppercase; }
            #tab4 ul { margin-bottom: 10px}
            
            #tab1 ol li, #tab2 ol li, #tab3 ol li, #tab4 ol li, #tab5 ol li { font-size: 9px; color: #c42333; text-transform: none; list-style-type: none}
            #tab1 ul li, #tab2 ul li, #tab3 ul li, #tab4 ul li, #tab5 ul li { font-size: 9px; color: #c42333; text-transform: uppercase; list-style-type: none }
            #tab1 ol { display: none; margin: 10px; }
            
            #tab1 { margin: 14px 0px 0px 45px}
            #tab2 { margin: 14px 0px 0px 154px}
            #tab3 { margin: 14px 0px 0px 183px}
            #tab4 { margin: 14px 220px 0px 0px; font-size: 9px; font-family: Verdana; text-align: right; color: #c42333; }
            #tab5 { margin: 14px 60px 0px 0px; font-size: 9px; font-family: Verdana; text-align: right; color: #c42333;  }
            
            
    #topContent { width: 545px;height: 210px; margin-left: 7px; background-color: #dbdbdb; overflow: hidden }
    
    #middleContent { width: 745px; height: 43px; background: url('bg.middleContent.gif') no-repeat; margin-left: 7px; }
        #middleContent a { display: block; width: 136px; height: 43px; background: url('btn.home.gif'); margin-left: 587px }
            #middleContent a:Hover { background: url('btn.home.over.gif');}
    
        #middleContent a.btn-en-undo { background: url('btn.home.en.gif'); }
            #middleContent a.btn-en-undo:Hover { background: url('btn.home.en.over.gif'); }
    
    #bottomContent { width: 545px; height: 245px; background-color: #f5f5f5; margin-left: 7px; }
    
    #copyright { font-size: 9px; color: #dbdbdb; margin: 2px 0px 0px 7px; width: 730px; }
        #copyright strong { text-transform: uppercase; }
        #copyright a { float: right; background: url('bg.li.copyright.gif') right 4px no-repeat; padding-right: 10px; color: #dbdbdb; text-decoration: none;  font-size: 11px;  }
        #copyright span { margin-left: 30px; background: url('bg.li.copyright.gif') 165px center no-repeat; }
        #copyright span a { float: none;  font-size: 9px; background: none; margin-left: 30px; }
        #copyright span a:Hover { background: none; }
        
        #copyright a:Hover { background-image: url('bg.li.black.gif'); color: black; }
    
    
    .homePage #topContent { background: #dbdbdb url('home.atelier_sestak.gif') 167px bottom no-repeat; }
    .homePage #bottomContent { background: #dbdbdb url('home.bottomContent.gif') right bottom no-repeat; }
    
    .content { padding: 14px 10px 0px 10px; font-size: 9px; font-family: Verdana; line-height: 12px; }
    .content h1 { font-size: 10px; font-weight: bold; text-transform: uppercase; padding-right: 15px; background: url('bg.li.black.gif') right center no-repeat }
    .content h2 { font-size: 9px; font-weight: bold; text-transform: uppercase; padding-left: 15px; background: url('bg.li.black.gif') left center no-repeat } 
    .content a:link,
    .content a:visited,
    .content a { color: #c42333 }
    .content strong { color: #c42333; padding-left: 10px; background: url('bg.li.red.gif') left center no-repeat; }
    /*.content ul { margin: 0px 0px 8px 0px; padding-left: 14px;}*/
    /*.content ul { margin: 0px 0px 8px 0px; position: relative; left: 13px; }
    .content div ul { position: static; left: 0px; padding-left: 13px; }
    .content ul li { list-style-image: url('bg.li.black.gif');  }*/
    
    .content ul { margin: 0px 0px 8px 0px; padding-left: 14px; }
    .content ul li { list-style-image: url('bg.li.black.gif'); position: relative; left: 14px;  }
    .content div div ul li { position: static; left: 0px; }
    /*.irena ul li { font-size: 8px; }*/
    
    .content p {margin: 6px 0px 0px 0px;}
    
    .navigace { padding-left: 340px; margin: 0px;  }                                             
    .navigace a { font-size: 9px; font-family: Verdana; margin: 0px; padding: 0px; text-transform: uppercase; text-decoration: none; float: left; }
    .navigace a.prev { padding-left: 10px; background: url('ico.li.grey.gif') left 3px no-repeat; margin-left: 10px; }
    .navigace a.next { padding-right: 10px; background: url('ico.li.grey.gif') right 3px no-repeat; }
    .navigace a:Hover { color: black; background-image: url('bg.li.black.gif'); }
    .navigace span { float: left; font-size: 11px; width: 60px; text-align: center; position: relative; top: -1px;}
    
    .years { font-size: 11px; margin: 5px 0px 5px 20px; }
        .years a { color: #c42333; }
            .years a.selected { color: #333333; }
            
    .selectList { font-size: 11px; margin: 10px 0px 0px 20px; }
        .selectList li { list-style-type: none;}