/* CSS */
/* 
autor: © Jiri Jirasek 
*/


/* ***** ID ***** */

#all {
    width: 100%;
    position: relative;
    /* border: 1px solid red; */
    }

#page {
    position: relative;
    color: #000;
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: 15px;
    margin-right: 0px;
    background: url(img/bg_left.jpg) top left repeat-y; /* levy strana stranek - prechod z tmave do svetle zelene */
    /* border: 1px solid black; */
    }

/* ******* vycentrovani + pevna sirka - END CODE */

#certif_obal {
    position: absolute;
    /* width: 500px; */
    right: 40px;
    top: -8px;
    top: 18px;
    padding: 0px;
    padding-bottom: 0px;
    z-index: 100;
    font-size: xx-small;
    background-color: #42765F;
    background-color: #A9C5B6;
    background-color: #FFF;
    border: 1px #5F937C solid;
}

#certif {
position: static;
z-index: 101;
width: 177px;
text-align: center;
font-size: small;
font-family: Calibri;
/* color: #FFF; */
/* border: 1px red solid; */
}

#certif a img{
border: none; 
}


#certif_obal_en {
    position: absolute;
    left: 185px;
    top: 84px;
    padding: 0px;
    padding-bottom: 0px;
    z-index: 100;
    font-size: xx-small;
    color: #FFF;
}

#certif_en {
position: static;
z-index: 101;
text-align: left;
font-size: small;
font-family: Calibri;
}



    #top {
        width: 100%; height: 176px;
        background: url("img/bg_top.jpg") repeat; /* pozadi v #page zasahuje castecne do #top prostoru
        /* border: 1px solid black; */
    }

        #logo {
            width: 176px; height: 176px;
            left: 0px; top: 0px;
            background: url("img/logo.jpg") no-repeat; /* logo */
            position: absolute;
            /* border: 1px solid red; */
        }
        
        #top_right {
            width: 576px; height: 105px;
            left: 176px; top: 0px;
            background: url("img/top_right2.jpg") no-repeat; /* Hlavni nadpis stranky s grafikou */ 
            position: absolute;
            /* border: 1px solid red; */
        }
        
        #top_right_bottom {
            width: 576px; height: 45px;
            left: 176px; top: 131px;
            background: url("img/bg_top_right_bottom.jpg") no-repeat; /* doplnek grafiky */
            position: absolute;
            /* border: 1px solid red; */
        }
        





/***** MIDDLE *****/

    #middle {
        position: relative;
        padding: 0px;
        width: 100%;
        /* border: 1px magenta solid; */
    }
    
        #middle2 {
            background: url(img/bg_middle2.jpg) no-repeat left top; /* doplnek podkladove grafiky */
            
            /* musi byt nastaveno pro pripad, ze by nebyl zadny hlavni obsah */
            min-height: 300px;
            _height: 300px;
            
            padding: 0px 30px 0px 30px;
            /* border: 1px yellow solid; */
        }

            #right {
                margin: 0px 0px 0px 175px;
                padding: 0px;
                /* border: 1px green solid; */
            }
                #right-content {
                    margin: 0px 0px 0px 0px;
                    padding: 0px;
                    /* border: 1px solid red; */
                }
        
        
    #left {
        position: absolute;
        left: 0px; top: 0px;
        float: left;
        padding: 0;
    }
        #menu {
            left: 0px; top: 20px;
            width: 170px;
            position: absolute;
            z-index: 10;
            
            /* background-color: white; */
            /* border: 1px solid brown; */
        }
        
        #menu a {
            font-weight: normal;
        }



     #aktuality_upoutavka {
        border-left: 1px brown solid; 
        margin-bottom: 15px;
        padding: 0 0 0 1em;
     }
     
     #aktuality_menu {
        font-size: x-small;
        }



/***** footer *****/

    #footer {
        clear: both;
        width: 100%;
        padding: 0;
        /* background: #A8C6B3 url(img/bg_main.jpg) repeat-y; */
    }
        #footer-content {
            /* border: 1px solid red; */
        }
        
    #autor { 
        width: 165px;
        padding: 5px ;
        font-size: xx-small;
        
        /* border: 1px red solid; */
        }
        
        
        
/***** NAVIGACE *****/
    /***** LINK *****/
    #menu_cesta { /* v dokumentu je menu_cesta vlozena na konec stranky - pres css je vyjmuta a vlozena na pozadovane misto */
        height: 23px;
        left: 187px; top: 110px;
        font-size: 13px;
        font-weight: bold;
        color: white;
        position: absolute;
        z-index: 10;
        /* display: none; */

        /* border: 1px solid red; */
    }
    #menu_cesta a {
        font-weight: bold;
        text-decoration: underline;
        color: white;
    }
    #menu_cesta a:hover {
        text-decoration: none;
        background-color: white;
        color: #0C4A2E;
    }
    
    /***** LINK *****/
    #menu_lang { /* v dokumentu je menu_cesta vlozena na konec stranky - pres css je vyjmuta a vlozena na pozadovane misto */
        height: 23px;
        right: 40px; top: 84px;
        font-size: 13px;
        font-weight: bold;
        color: white;
        position: absolute;
        z-index: 10;
        /* display: none; */

        /* border: 1px solid red; */
    }
    #menu_lang a {
        font-weight: bold;
        text-decoration: underline;
        color: white;
    }
    #menu_lang a:hover {
        text-decoration: none;
        background-color: white;
        color: #0C4A2E;
    }



/* ***** OSTATNI ***** */

    a img#mapa { 
        border: 1px black solid; 
        left: 0px;
        }
        
    a:hover img#mapa { 
        border: 1px white solid; 
        left: 0px;
        }