/**
 *    aMord base style
 *    Used on: -> global layout and design styles
 *
 *    @author  David Panzalović (david@visoo.eu)
 *    @version 1.0
 **/

/* =common
----------------------------------------------- */
body {
    line-height: 24px;
    font-size: 12px;
    font-family: Arial, Georgia;
    background: url(../images/bckg_main.png) no-repeat top;
    color: #404040;
}

a {
    color: #d9541e;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* =header
----------------------------------------------- */
#header {
    width: 100%;
    border-bottom: 1px solid #e3e3e3;
}

    #header > div {
        width: 940px;
        height: 144px;
        padding: 32px 0 32px 0;
        margin: 0 auto 0 auto;
        position: relative;
    }
    
    #header > div + div {
        width: 100%;
        padding: 32px 0 32px 0;
        text-align: center;
        border-top: 1px solid #e3e3e3;
    }
    
        #header > div + div > div {
            width: 940px;
            margin: auto;
            position: relative;
        }
    
            #header > div + div > div > a {
                width: 240px;
                height: 144px;
                line-height: 144px;
                padding-left: 16px;
                position: absolute;
                top: 0;
                right: 0;
                font-size: 18px;
                font-family: Arial;
                font-weight: bold;
                background: url(../images/button_book.png) no-repeat -1px -4px;
                color: #FFF;
            }
    
        #header > div > h1 {
            width: 100px;
            height: 86px;
            position: absolute;
            left: 0;
            bottom: 32px;
        }
        
            #header > div > h1 a {
                width: 100px;
                height: 86px;
                display: block;
                text-indent: -99999px;
                background: url(../images/sprite_main.png) no-repeat 0 0;
            }

        #header > div > h1 + ul {
            width: auto;
            position: absolute;
            right: 0;
            bottom: 44px;
        }
        
            #header > div > h1 + ul > li {
                width: 120px;
                float: left;
            }
            
            #header > div > h1 + ul > li.s {
                width: 100px;
            }
            
            #header > div > h1 + ul > li.l {
                width: auto;
            }
            
                #header > div > h1 + ul > li > h4 {
                    font-size: 14px;
                    font-family: Georgia;
                    font-weight: bold;
                }
                
                    #header > div > h1 + ul > li > h4 > a {
                        padding-left: 16px;
                        position: relative;
                        left: -16px;
                    }
                    
                    #header > div > h1 + ul > li > h4 > a:hover, #header > div > h1 + ul > li > h4 > a.a {
                        background: url(../images/sprite_main.png) no-repeat 0 -116px;
                        text-decoration: none;
                    }
                
                #header > div > h1 + ul > li > p {
                    line-height: 16px;
                    font-size: 11px;
                    color: #818181;
                }

        #header > div > h1 + ul + ul {
            width: auto;
            position: absolute;
            top: 16px;
            right: 0;
        }
        
            #header > div > h1 + ul + ul > li {
                width: 16px;
                margin-left: 10px;
                float: left;
                text-indent: -99999px;
            }
            
                #header > div > h1 + ul + ul a {
                    width: 16px;
                    height: 11px;
                    display: block;
                }
                
                #header > div a.slo { background: url(../images/sprite_main.png) no-repeat 0 -200px; }
                #header > div a.eng { background: url(../images/sprite_main.png) no-repeat 0 -220px; }
                #header > div a.nem { background: url(../images/sprite_main.png) no-repeat 0 -260px; }
                #header > div a.slo:hover, #header > div a.slo.a { background: url(../images/sprite_main.png) no-repeat 0 -160px; }
                #header > div a.eng:hover, #header > div a.eng.a { background: url(../images/sprite_main.png) no-repeat 0 -180px; }
                #header > div a.nem:hover, #header > div a.nem.a { background: url(../images/sprite_main.png) no-repeat 0 -240px; }

/* =footer
----------------------------------------------- */
#footer {
    width: 100%;
    line-height: 16px;
    padding: 20px 0 32px 0;
    border-top: 1px solid #e3e3e3;
    float: left;
    clear: left;
    font-size: 11px;
    color: #818181;
}

    #footer h4 {
        margin-bottom: 16px;
        font-weight: bold;
    }

    #footer > ul {
        width: 940px;
        margin: 0 auto 0 auto;
    }
    
        #footer > ul > li {
            width: 300px;
            margin-right: 20px;
            float: left;
        }
        
        #footer > ul > li.l {
            margin-right: 0;
            float: right;
            text-align: right;
        }

            #footer dt {
                width: 108px;
                margin-bottom: 2px;
                float: left;
                clear: left;
            }
            
            #footer li.l dt {
                width: 150px;
            }
            
            #footer dd {
                width: 192px;
                margin-bottom: 2px;
                float: left;
            }
            
            #footer li.l dd {
                width: 150px;
            }

            #footer li.l p {
                margin-bottom: 2px;
            }