body , html {
        width : 100%;
        margin : 0px auto 0px auto;
        padding : 0px;
        background-color : #000000;
        text-align : center;
        font-family : "Verdana", "Arial CE", "arial", sans-serif;
        }
        
        h1 {
        display : block;
        width : 100%;
        height : 100px;
        margin : 0px;
        padding : 100px 0px 0px 0px;
        z-index : 2;
        background-color : #000000; 
        color : #ffffff;
        cursor : pointer;
        }
        
        #brainware {
        position : absolute;
        display : block;
        top : 0px;
        left : 50%;
        width : 550px;
        height : 199px;
        margin : 0px;
        margin-left : -275px;
        z-index : 3;
        border : 0px;
        text-align : center;
        }
        
        #main {
        /* div - pozice*/
        position : relative;
        display : block;
        width : 100%;
        margin : 0px auto 0px auto;
        padding : 0px 0px 0px 0px;
        z-index : 1;
        /* div - vzhled */
        border : 0px;
        background-color : #134f96;
        background-image : url("images/bg-main.png");
        background-repeat : repeat-x; 
        /* div - text */
        text-align : center; 
        color : #ffffff;
        }
        
        #body {
        /* div - pozice*/
        position : relative;
        display : block;
        width : 800px;
        min-height : 350px;
        margin : 80px auto 0px auto;
        padding : 0px 0px 50px 0px;
        z-index : 1;
        /* div - vzhled */
        border : 0px;
        background-color : transparent;
        /* div - text */
        text-align : center; 
        }

        .invisible {
        position : absolute;
        top : -100px;
        left : -30000px;
        }

        #menu {
        display : block;
        width : 540px;
        min-height : 30px;
        margin : 0px auto 0px auto;
        padding : 0px;
        z-index : 2;
        border : 0px;
        text-align : center;
        }
        
            #menu li {
            margin : 0px 15px 0px 15px;
            list-style-type : none;
            float : left;
            }
            
            #menu a {
            position : relative;
            display : block;
            height : 17px;
            width : 100px;
            margin : 0px;
            padding : 6px 0px 7px 0px;
            background-color : transparent;
            text-decoration : none;
            font-size : 0.9em; 
            font-weight : bold;
            color : #000000;
            /* div - text */
            text-align : center;
            }
            
            #menu a:link {
            }
                  
            #menu a:visited {
            }
             
            #menu a:active {
            }
            
            #menu a:hover {
            color : #002e68;
            background-image : url("images/menu-arrow.png");
            background-repeat : no-repeat;
            background-position : center bottom;
            }

        #footer {
        /* div - pozice*/
        position : relative;
        display : block;
        width : 100%;
        height : 60px;
        margin : 0px;
        padding : 100px 0px 0px 0px;
        z-index : 1;
        clear : both;
        /* div - vzhled */
        border : 0px;
        background-color : #66291b;
        background-image : url("images/bg-footer.png");
        background-repeat : repeat-x;
        background-position : left top;
        /* div - text */
        text-align : center;
        font-size : 0.8em; 
        color : #616161;
        }
        
        #bottom a {
        color : #a2a287;
        }
        
        #body p {
        text-align : justify;
        font-size : 0.95em;        
        }
        
        .pko {
        width : 500px;
        margin : 0px 0px 0px 100px;
        }
        
        #body ul {
        text-align : left;
        margin : 5px 0px 0px 20px;
        padding : 0px 0px 0px 30px;
        font-size : 0.95em;
        }
        
            #body ul li {
            margin : 0px;
            list-style-type : disc;
            float : none;
            }
        
        h2 {
        font-size : 1.5em;
        color : #ffffff;
        text-align : left;
        }
        
        h3 {
        margin : 0px 0px 10px 0px;
        font-size : 1.1em;
        color : #96eaff;
        text-align : left;
        }
       
        h4 {
        margin : 5px;
        margin-left : 10px;
        }
        
        a {
        text-decoration : underline;
        color : #96eaff;
        }
        
        a:hover {
        text-decoration : none;
        }
        
        input, textarea, select {
        border : 1px solid #bbbbbb;
        padding : 1px;
        }
        
        .reference {
        width : 300px;
        height : 150px;
        margin : 5px;
        border : 4px solid #313131;
        float : left;
        text-align : left;
        }
        
        hr {
        clear : both;
        height : 10px;
        width : 799px;
        padding : 0px;
        margin : 0px;
        border : 0px;
        visibility: hidden;
        }