/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

* Filename: layout.css
* Website: http://www.cesky-statek.cz/
* Author: Vlada Kobetic
* Description: Layout declaration. Language bar style declaration.

== INDEX: ===================================
_page
_header
_content
_footer
_language-bar
_layout-right-left: Layout of two columns, right is first, left is second; Used in #content section.
============================================
*/



/* _page
==========================================*/
#page {
    margin-left:auto;
    margin-right:auto;
    width:719px;
    background:#fff;
    border:1px solid #323018;
    border-top:0;
}

/* _header
==========================================*/
#header {
    background:url('../img/common/header.jpg') 0 0 no-repeat;
    position:relative;
    width: 719px;
    height: 210px;
}


/* _content
==========================================*/
#content {
    border-bottom:1px solid #2e2c16;
    font-size:11px;
    font-family:Verdana;
}

/* _footer
==========================================*/
#footer {
    background:#767340 url('../img/common/footer-decoration-left.jpg') 30px 20px no-repeat;
    color:#fff;
    border-top:1px solid #8b8a7c;
    text-align:center;
    font-size:13px;
    padding:20px;
    position:relative;
}
#footer a {
    color:#fff;
}
#footer-decoration-right {
    background:url('../img/common/footer-decoration-right.jpg') 0 0 no-repeat;
    position:absolute;
    top:20px;
    right:30px;
    display:block;
    width:110px;
    height:27px;
}




/* _language-bar
==========================================*/
#language-bar {
    position:absolute;
    top:10px;
    right:20px;
    color:#333b10;
    _width:225px;
    text-align:center;
}
#language-bar ul {
}
#language-bar li, #language-bar h1 {
    background:url('../img/common/language-bg.gif') 0 0 repeat-x;
    display:block;
    float:left;
    height:21px;
    position:relative;
    margin:2px;
    font:11px Arial;
}
#language-bar h1 {
    float:none;
    display:block;
    text-align:center;  
    font-weight:bold;
    letter-spacing:0.05em;  
}
#language-bar span.left, #language-bar span.right {
    display:block;
    height:21px;
    width:4px;
    position:absolute;
    top:0;
}
#language-bar span.left {
    background:url('../img/common/language-bg-left.gif') 0 0 no-repeat;
    left:0;
}
#language-bar span.right {
    background:url('../img/common/language-bg-right.gif') 0 0 no-repeat;
    right:-1px;
}
#language-bar a {
    color:#333b10;
    text-decoration:none;
    display:block;
    padding:4px;
}
#language-bar a:hover {
    text-decoration:underline;
}
#language-bar li a {
    padding:4px 10px 4px 26px;
}
#language-bar a#language-cz {
    background:url('../img/common/language-cz.gif') 6px 5px no-repeat;
}
#language-bar a#language-en {
    background:url('../img/common/language-en.gif') 6px 5px no-repeat;
}
#language-bar a#language-de {
    background:url('../img/common/language-de.gif') 6px 5px no-repeat;
}


/* _layout-right-left
==========================================*/
.right {
    float:right;
    width:70%;
    background:#f9fac6;
}
.left {
    float:left;
    width:30%;
    
}