/* spolecne ******************************************************************/

* {
    margin: 0px;
    padding: 0px;
}

body {
    font: normal 13px Arial, Tahoma, Verdana, sans-serif;
    color: #e9e4e4;
    text-align: center;
    background: #5c5a5a url("../images/bkg_body.png") repeat-x left top;
    margin: 0px;
    padding: 0px;
}

h2, h3, h4 {
    font-weight: normal;
    font-size: 20px;
}

a {
    color: #e9e4e4;
    font-size: 13px;
    border: none;
}

h2 a, h3 a, h4 a {
    font-size: 20px;
}

.clearfix:before, .clearfix:after {  content: "\0020"; display: block; height: 0; visibility: hidden;     } 
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.clear {
    clear: both;
}

ul ul {
    margin-left: 15px;
}

#ie6 table { font-size: 12px; }

#wrapper {
    width: 100%;
    margin: 0 auto;
    padding: 0px;
    text-align: center;
    background: url("../images/bkg_wrapper.jpg") no-repeat center top;
}

#header {
    width: 1030px;
    height: 130px;
    margin: 0 auto;
    text-align: left;
    position: relative;
}

    #header h1 {
        width: 276px;
        height: 76px;
        position: relative;
        top: 30px;
        left: 3px;
        overflow: hidden;
    }

    #header h1 a span,
    #header h1 strong span {
        background: url("../images/logo.jpg") no-repeat left top;
        display: block;
        width: 276px;
        height: 76px;
        position: absolute;
        top: 0px;
        left: 0px;
    }

    #header ul {
        list-style-type: none;
        position: absolute;
        top: 61px;
        right: 13px;
        z-index: 100;
    }
    
        #header ul li {
            display: block;
            float: left;
            margin: 0 5px 0 0;
            text-transform: uppercase;
        }
        
        #header ul li a {
            display: block;
            padding: 8px 11px 6px 8px;
            text-decoration: none;
        }
        
        #header ul li.active,
        #header ul li a:hover {
            background: #a30000;
            padding: 8px 11px 6px 8px;
        }
        
        #header ul li.active a {
            padding: 0px;
        }
    
#footer {
    width: 1030px;
    height: 150px;
    margin: 0 auto;
    text-align: left;
    background: url("../images/bkg_footer.png") no-repeat 7px -1px;
    position: relative;
}

#ie6 #footer { background-image: none; }

    #footer ul {
        list-style-type: none;
        position: absolute;
        top: 22px;
        left: 42px;
        font-size: 11px;
        color: #f7f9ed;
    }
    
        #footer ul li {
            display: block;
            float: left;
            margin: 0 10px 0 0;
            text-transform: uppercase;
            font-size: 11px;
            color: #f7f9ed;
        }
        
        #footer ul li a {
            display: block;
            padding: 6px 6px 5px 5px;
            text-decoration: none;
            font-size: 11px;
            color: #f7f9ed;
        }
        
        #footer ul li.active,
        #footer ul li:hover a {
            background: #a0605e;
            padding: 6px 6px 5px 5px;
        }
    
        #footer ul li.active a {
            padding: 0px;
        }
    
    #footer span#manifesto {
        position: absolute;
        top: 22px;
        right: 42px;
        font-size: 11px;
        color: #f7f9ed;
        display: block;
        width: 300px;
        text-align: right;
    }
    
    #ie6 #footer span#manifesto { width: 315px; }
    
        #footer #manifesto em {
            font-style: normal;
            display: block;
            margin-left: 20px;
            float: left;
            text-align: right;
        }
        
        #footer #manifesto a {
            font-size: 11px;
            color: #f7f9ed;
        }
        
        

#content {
    width: 980px;
    margin: 0 auto;
    text-align: left;
    background: url("../images/bkg_content.png") no-repeat -2px top;
    position: relative;
    padding: 32px 25px 0 25px;
}

#ie6 #content { width: 1030px; height: 1px; }

#zenska {
    width: 144px;
    height: 562px;
    background: url('../images/pruhledna_zenstina.png') no-repeat right top;
    position: absolute;
    top: -562px;
    left: -118px;
}

    #ie6 #zenska {background: none; width: 0px; height: 0px;}

/* konec spolecneho **********************************************************/

    /* titulka ***************************************************************/
    
    #content #breadcrumb {
        position: absolute;
        top: 10px;
        font-size: 11px;
    }
        
        #content #breadcrumb a {
            font-size: 11px;
        }
    
    #content #banner,
    #content #bannerJS {
        width: 980px;
        height: 416px;
        background: #e1e1e1;
    }
    
        #content #bannerJS {
            height: 378px;
            overflow: hidden;
        }
    
        #content #banner img {
            width: 980px;
        }
    
    #content #about {
        width: 307px;
        height: 368px;
        position: absolute;
        top: -21px;
        right: 4px;
        z-index: 99;
        overflow: hidden;
    }

    #ie6 #content #about, #ie7 #content #about { width: 307px; height: 187px; position: absolute; top: 110px; right: 5px; }
    
    #content #about ul {
        background: url("../images/bkg_about.png") no-repeat left top;
        display: block;
        width: 307px;
        height: 368px;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 0;
    }

    #ie6 #content #about ul, #ie7 #content #about ul { background: url("../images/bkg_about.gif") no-repeat left top; display: block; width: 307px; height: 187px; }
    
    #content #about ul li {
        visibility: hidden;
    }    
    
    #content #products {
        width: 978px;
        height: 203px;
        background: #3b2e2c url("../images/bkg_products.png") no-repeat left top;
        border: 1px solid #572f29;
        position: relative;
        overflow: hidden;
    }
    
    #ie6 #content #products { width: 980px; height: 205px; }
    
        #products img {
            border: 1px solid #574b4b;
            border-bottom: none;
        }
        
        #products span.title {
            display: block;
            width: 128px;
            height: 16px;
            padding: 5px 3px 3px 10px;
            margin: 0px;
            background: #3d2422;
            color: #e9e4e4;
            font-size: 11px;
            position: relative;
            top: -2px;
            text-decoration: underline;
            overflow: hidden;
        }

        #ie6 #products span.title {width: 141px; height: 24px; }
    
    #h2slogan {
        width: 978px;
        height: 86px;
        border: 1px solid #572f29;
        position: relative;
        top: 0px;
        left: 0px;
        overflow: hidden;
    }

        #h2slogan span {
            background: url("../images/h2slogan.png") no-repeat left top;
            display: block;
            width: 978px;
            height: 86px;
            position: absolute;
            top: 0px;
            left: 0px;
        }
    
    #ie6 #h2slogan { width: 980px; height: 88px; }
    
    #content #blocks,
    #content #productBlocks {
        width: 980px;
    }

    #content #blocks {
        background: #504b4b url("../images/bkg_blocks.png") no-repeat left top;
        border-top: none;
    }
    
    #ie6 #content #blocks { width: 980px; }
    
        #content #leftBlock,
        #content #rightBlock {
            width: 490px;
            position: relative;
            padding: 63px 0 0 0;
            float: left;
        }
        
        #content .block {
            width: 450px;
            overflow: hidden;
            float: left;
        }

        #content #blocks .block {
            padding: 0 20px 0 20px;
            height: 230px;
        }
        
        #ie6 #content #blocks .block { width: 490px; }
        
            #content #blocks .block.bottomBlock {
                padding-top: 40px;
            }
            
            #ie6 #content #blocks .block.bottomBlock {
                height: 270px;
            }

            #content #blocks .block ul {
                float: left;
                width: 220px;
                margin-bottom: 23px;
            }
            
            #content #blocks .block ul li {
                list-style-type: none;
                background: url("../images/odrazka.png") no-repeat left 4px;
                padding: 0 0 3px 22px;
            }

            #ie6 #content #blocks .block ul li {
                background: url("../images/odrazka.gif") no-repeat left 4px;
            }
        
            #content #blocks .block h3 a {
                font-size: 15px;
                color: #f5b1bd;
                font-weight: normal;
                text-decoration: none;
            }

            #content #blocks .block h3 {                
                margin-bottom: 17px;
            }
        
            #content #blocks #leftBlock .block img {
                float: left;
                margin: 0 20px 10px 0;
                width: 190px;
            }

            #content #blocks #leftBlock .block a img {
                border: none;
            }
        
            #content #blocks #rightBlock .block#productsBlock img,
            #content #textBlocks #rightBlock .block#productsBlock img {
                border: 1px solid #ba878f;
                float: left;
                margin: 0 21px 10px 0;
            }

            #content #blocks #rightBlock .block#productsBlock div,
            #content #blocks #rightBlock .block#newsBlock div,
            #content #textBlocks #rightBlock .block#productsBlock div,
            #content #textBlocks #rightBlock .block#newsBlock div {
                clear: both;
                margin-bottom: 30px;
                font-size: 12px;
                position: relative;
            }
            
            #content #blocks #rightBlock .block#productsBlock div strong.title,
            #content #blocks #rightBlock .block#newsBlock div strong.title,
            #content #textBlocks #rightBlock .block#productsBlock div strong.title,
            #content #textBlocks #rightBlock .block#newsBlock div strong.title {
                color: #f5b1bd;
                font-size: 15px;
                font-weight: normal;
                display: block;
                margin-bottom: 10px;
            }

            #content #blocks #rightBlock .block#productsBlock div strong.title a,
            #content #blocks #rightBlock .block#newsBlock div strong.title a,
            #content #textBlocks #rightBlock .block#productsBlock div strong.title a,
            #content #textBlocks #rightBlock .block#newsBlock div strong.title a {
                color: #f5b1bd;
                font-size: 15px;
                font-weight: normal;
            }

            #content #blocks #rightBlock .block#productsBlock div strong.title span,
            #content #blocks #rightBlock .block#newsBlock div strong.title span,
            #content #textBlocks #rightBlock .block#productsBlock div strong.title span,
            #content #textBlocks #rightBlock .block#newsBlock div strong.title span,
            #leftBlock h3 span {
                color: #e9e4e4;
                font-size: 12px;
                font-weight: bold;
            }

            #content #blocks #rightBlock .block#productsBlock div p,
            #content #blocks #rightBlock .block#newsBlock div p,
            #content #textBlocks #rightBlock .block#productsBlock div p,
            #content #textBlocks #rightBlock .block#newsBlock div p {
                margin-bottom: 10px;
            }
            
            #content #blocks #rightBlock .block#productsBlock div a,
            #content #blocks #rightBlock .block#newsBlock div a,
            #content #textBlocks #rightBlock .block#productsBlock div a,
            #content #textBlocks #rightBlock .block#newsBlock div a {
                color: #e9e4e4;
                font-size: 11px;
            }
            
            #h2categories,
            #h2products {
                position: absolute;
                top: 13px;
                left: 21px;
            }

            #h2news {
                margin-bottom: 20px;
            }

    /* konec titulky *********************************************************/        

    /* kategorie produktu ****************************************************/

    #content #categoriesBlocks,
    #content #textBlocks {
        padding-top: 53px;
        background: #504b4b url("../images/bkg_categoriesBlocks.jpg") no-repeat left top;
        border: none;
        width: 980px;
        margin: 0px;
    }
    
        #content #categoriesBlocks #leftBlock,
        #content #categoriesBlocks #rightBlock {
            padding: 20px 0 0 0;
            margin: 0 21px 0 21px;
            width: 448px;
        }
        
        #ie6 #content #categoriesBlocks #leftBlock, #ie6 #content #categoriesBlocks #rightBlock { height: 1px; display: inline; position: relative; margin: 0 20px 0 20px; }
        
        #content #categoriesBlocks h2 {
            margin-bottom: 7px;
            position: absolute;
            top: -20px;
            left: 0px;
        }

        #ie6 #content #categoriesBlocks h2 { height: 1px; }
    
        #content #categoriesBlocks .block {
            position: relative;
            margin-bottom: 30px;
            padding: 0px;
        }

            #ie6 #content #categoriesBlocks .block {
                float: none;
            }
            
            #content #categoriesBlocks .block h3 {
                margin-bottom: 7px;
            }
            
            #content #categoriesBlocks .block h3 a {
                font-size: 15px;
                font-weight: normal;
                color: #f3b1bb;
                text-decoration: none;
                position: relative;
            }
            
            #content #categoriesBlocks .block a img {
                border: none;
            }
            
            #content #categoriesBlocks .block p {
                font-size: 12px;
                color: #e9e4e4;
                margin-bottom: 7px;
                height: 90px;
            }
            
            #content #categoriesBlocks .block a.more {
                font-size: 11px;
                color: #f8e0e4;
                margin-bottom: 7px;
                position: absolute;
                bottom: 5px;
                left: 5px;
            }
            
        #content #textBlocks #rightBlock .productBlock,
        #content #categoriesBlocks #rightBlock .productBlock {
            width: 448px;
            background: #382c2d;
            margin-bottom: 20px;
            float: left;
            position: relative;
        }
        
            #content #textBlocks #rightBlock .productBlock img,
            #content #categoriesBlocks #rightBlock .productBlock img {
                width: 100px;
                float: left;
                margin-right: 10px;
            }
            #content #textBlocks #rightBlock .productBlock h3,
            #content #categoriesBlocks #rightBlock .productBlock h3 {
                width: 330px;
                float: left;
                font-size: 15px;
                font-weight: normal;
                color: #f3b1bb;
                margin: 5px 0 10px 0;
            }
            
            #content #textBlocks #rightBlock .productBlock p,
            #content #categoriesBlocks #rightBlock .productBlock p {
                width: 330px;
                float: left;
            }
            
            #content #textBlocks #rightBlock .productBlock a.more,
            #content #categoriesBlocks #rightBlock .productBlock a.more {
                position: absolute;
                right: 5px;
                bottom: 5px;
                font-size: 11px;
            }
            
    /* konec kategorie produktu **********************************************/
    
    /* produkty **************************************************************/

    #content #productBlocks {
        padding-top: 31px;
        background: #504b4b url("../images/bkg_productBlocks.jpg") no-repeat left top;
        border-top: none;
        position: relative;
        padding-bottom: 30px;
    }
    
    #ie6 #content #productBlocks { width: 980px; height: 1px; display: inline; }

        #content #productBlocks .block {
            margin: 0 20px 40px 20px;
            height: 204px;
            background: #382c2d;
            overflow: hidden;
            position: relative;
        }        
    
        #ie6 #content #productBlocks .block { width: 449px; display: inline; float: none; }
    
        #content #productBlocks .block.red {
            background: #792431;
        }
    
        #content #productBlocks .block img {
            float: left;
            width: 225px;
            margin-right: 10px;
        }
        
        #content #productBlocks .block h3,
        #content #productBlocks .block h3 a {
            width: 200px;
            font-size: 15px;
            color: #fda6b6;
            font-weight: bold;
            margin: 10px 0 17px 5px;
            float: left;
            display: inline;
            text-decoration: none;
        }
        
        #content #productBlocks .block table {
            float: left;
            width: 200px;
            font-size: 12px;
            margin: 0px;
            padding: 0px;
            display: inline;
        }
            
            #content #productBlocks .block table tr {
                display: block;
                margin-bottom: 2px;
            }
            
            #content #productBlocks .block table tr th {
                width: 70px;
                vertical-align: top;
            }
        
        #content #productBlocks .block a img {
            border: none;
        }
        
        #content #productBlocks .block a.more {
            position: absolute;
            bottom: 5px;
            right: 5px;
            font-size: 11px;
        }
        
        #content #productBlocks #paginator {
            position: absolute;
            bottom: 20px;
            right: 20px;
            background: url('../images/bkg_paginator.jpg') repeat-x left top;
            padding: 9px 10px 10px 10px;
        }
        
            #content #productBlocks #paginator a {
                color: #fbf5f5;
                font-size: 13px;
                margin: 0 3px 0 3px;
            }
        
    /* konec produkty ********************************************************/

    /* textove casti *********************************************************/            

    #content #textBlocks {
        /* viz #categoriesBlocks */
    }

        #ie6 #content #textBlocks { height: 1px; width: 980px; display: inline; }

        #content #textBlocks h2 {
            margin-bottom: 7px;
            position: absolute;
            top: -20px;
            left: 0px;
        }
    
        #ie6 #content #textBlocks h2 {
            height: 1px;
        }
    
        #content #textBlocks h3,
        #content #textBlocks h3 a,
        #content #textBlocks h4,
        #content #textBlocks h4 a {
            font-size: 16px;
            font-weight: normal;
            color: #f3b1bb;
            margin: 20px 0 13px 0;
        }

        #content #textBlocks h4,
        #content #textBlocks h4 a {
            font-size: 14px;
        }
    
        #content #textBlocks #leftBlock,
        #content #textBlocks #rightBlock {
            padding: 20px 0 10px 0;
            margin: 0 21px 30px 21px;
            width: 448px;
            position: relative;
        }

        #ie6 #content #textBlocks #leftBlock, #ie6 #content #textBlocks #rightBlock { height: 1px; float: left; margin: 0 20px 30px 20px; width: 448px; display: inline; }
        
        #content #textBlocks #leftBlock img {
            margin: 10px;
        }
        
        #content #textBlocks #rightBlock .block {
            width: 448px;
        }
        
            #ie6 #content #textBlocks #rightBlock .block {
                float: none;
            }
        
            #content #textBlocks #h2news {
                position: relative;
                top: 0px;
            }
            
            #content #textBlocks #leftBlock p {
                font-size: 12px;
                color: #e9e4e4;
                line-height: 16px;
                margin-bottom: 10px;
            }
        
            #content #textBlocks #rightBlock table {
                width: 420px;
            }
        
            #content #textBlocks #rightBlock th {
                width: 130px;
                font-size: 12px;
                font-weight: normal;
            }
            
            #content #textBlocks #rightBlock textarea {
                width: 280px;
            }
            
            #content #textBlocks #rightBlock input.text,
            #content #textBlocks #rightBlock textarea {
                background: #e9e4e4;
                border: 1px solid #462c2e;
                padding: 2px;
                font-size: 12px;
            }
            
        #content #textBlocks table {
            margin-bottom: 20px;
        }
        
            #content #textBlocks table tr td {
                padding: 0 5px 2px 3px;
            }
            
        #content #textBlocks a img {
            border: none;
        }
    
    /* konec textove casti ***************************************************/