/* section title */

h3#section-title {
    color: #802400;
}

/* title image container */

#title-image-container {
	margin: auto;
    height: 400px;
    max-width: 688px;
    background: transparent url('../../img/decoration_ucebnice_pomucky_1.gif') 10px top no-repeat;
}

    #title-image-container div {
        background: transparent url('../../img/decoration_ucebnice_pomucky_2.gif') right top no-repeat !important;
    }

        #title-image-container div img {
            position: absolute;
            top: 1px;
        }

        #img-1 {
            left: 10%;
            z-index: 100;
        }

        #img-2 {
            left: 2%;
            z-index: 20;
        }

        #img-3 {
            top: 3px !important;
            right: 19%;
            z-index: 50;
        }

        #img-4 {
            top: 3px !important; 
            left: 0px;
            z-index: 50;
        }

        #img-5 {
            top: 2px !important; 
            left: 0px;
            z-index: 60;
        }

        #img-6 {
            top: 2px !important; 
            right: 0px;
            z-index: 40;
        }
        
/* guidepost (main column) */

ul.guidepost li strong a {
    color: #FF4800;
}

ul.guidepost li p,
ul.guidepost li p a {
    color: #9D9D9D;
}

ul.guidepost li p a:hover {
    color: #000000;
}        

/* rozcestnik (side column) */

#rozcestnik ul li.open {
    background: #FFFFFF url('../../img/ar_small_right_black.png') 8px 8px no-repeat;
}

    #rozcestnik ul li a {
        color: #FF4800;
    }
    
    /* IE6 doesn't support :hover on tags, except "a" -> usisng .over and JS */
    #rozcestnik ul li a:hover,
    #rozcestnik h3:hover,
    #rozcestnik h3.over {
        color: #FFFFFF !important;
        background-color: #FF4800 !important;
    }