body, img, h1, h2, h3, h4, h5, h6, p, form, ul, ol, li, td, th { margin:0; padding:0; }
img { border: 0px; }
table   { border-collapse: collapse; }
.cleaner {clear: both; font-size: 1px; }
.hidden { display: none; }
a span { display: none; }

.left {float: left;}
.right {float: right; }

a { text-decoration: none; color: #333333;  }
a:Hover { text-decoration: underline; }


body {
    font-family: Tahoma, Arial;
    font-size: 11px;
    color: #333333; 
    background-color: white;
    text-align: center; 
    line-height: 14px;
}


    #wrapper {
        width: 910px;
        text-align: left;
        margin: 0 auto;
        _overflow: hidden;
    }

        #wrapper_left {
            width: 110px;
            float: left;
            min-height: 489px;
            _height: 489px;
            background-image: url('bg.sloupce.png');
            background-repeat: no-repeat;
            background-position: right top;
        }
        
        #wrapper_center {
            width: 659px;
            float: left; 
            min-height: 489px;
            _height: 489px;
        }
        
        #wrapper_center2 {
            width: 659px;
            overflow: hidden;
            
            float: left; 
            min-height: 278px;
            _height: 278px;
        }
        
        #wrapper_right {
            width: 110px;
            float: left;
            min-height: 421px;
            _height: 421px;
            background-image: url('bg.sloupce.png');
            background-repeat: no-repeat;
            background-position: left top;

        }
        
        #wrapper .wrapper_right2 {background-image: url('bg.wrapper_right2.png'); background-repeat: no-repeat; }
        #wrapper .wrapper_right3 {background-image: url('bg.wrapper_right3.png'); background-repeat: no-repeat; min-height: 278px; _height: 278px; }
        
        #wrapper_content {
            float: right;
            width: 770px;
            margin-top: 25px;
            margin-bottom: 10px;
        }
        
        
            #wrapper_left ul {
                list-style-type: none;
                margin: 229px 18px 0px 0px;
            }

            #wrapper_right ul {
                list-style-type: none;
                margin: 229px 0px 0px 18px;
            }
            
                #wrapper_left ul li,
                #wrapper_right ul li {
                    width: 100px;
                    height: 58px;
                    display: block;
                    background-image: url('bg.li.png');
                    background-repeat: repeat-x;
                    background-position: left bottom;
                }
                
                    #wrapper_left ul li a,
                    #wrapper_right ul li a {
                        color: #996699;
                        font-weight: bold;
                        position: relative;
                        top: 16px;
                        display: block;
                    }
                    
                    #wrapper_left ul .kosik,
                    #wrapper_right ul .kosik {
                        height: 60px; 
                        background-image: url('bg.kosik.png');
                        background-repeat: no-repeat;
                        background-position: 65px 10px 
                    }
                        #wrapper_left ul .kosik a,
                        #wrapper_right ul .kosik a {
                            width: 39px;
                        }
                    
                    #wrapper_left ul .kamera,
                    #wrapper_right ul .kamera {
                        height: 60px; 
                        background-image: url('bg.kamera.jpg');
                        background-repeat: no-repeat;
                        background-position: left bottom;
                    }
            
            .wrapper_right2 .fotogalerie {
                margin: 36px 0px 0px 1px;
            }
            
            .wrapper_right3 .fotogalerie {
                margin: 32px 0px 0px 2px;
            }
            
            .seznamte_se { width: 400px; margin-left: 40px; _margin-left: 20px; float: left;}
            .specifikace { float: right; width: 215px; margin-right: 7px;}
            .hr {background-image: url('bg.li.png'); border: 0px; margin: 16px 8px 24px 40px }
        
        #copyright {
            width: 910px;
            height: 72px;
            background-image: url('bg.copyright.png');
            clear: both;
        }
    
            #copyright .left { margin: 20px 0px 0px 20px;}
            #copyright .right { margin: 20px 20px 0px 0px; text-align: right;}
            #copyright .right a { margin: 0px 5px 0px 5px; }
        
        /*               left              */

            #logo {
                width: 110px;
                height: 186px;
                display: block;
                background-image: url('logo.png');
                margin: 35px 0px 82px 5px;
            }
            #logog {
                width: 110px;
                height: 186px;
                display: block;
                background-image: url('logo-gki.png');
                margin: 35px 0px 82px 5px;
            }
        
            #wrapper_left p {
                width: 140px;
                text-align: right;
                margin-bottom: 20px;
            }
            
                #wrapper_left p a {color: #996699; text-decoration: underline; }
                    #wrapper_left p a:Hover { text-decoration: none}
        
        
        

        .menu {
                list-style-type: none;
                padding-top: 15px;
                position: relative;

                display: block;
                float: right;
                padding-right: 16px;
                _padding-right: 16px;
            }

                .menu li {
                    width: 125px;
                    height: 53px;
                    display: block;
                    background-image: url('bg.li2.png');
                    background-repeat: repeat-y;
                    float: left;
                    background-position: left top;
                }
                
                    .menu li a {
                        color: #996699;
                        font-weight: bold;
                        /*padding-top: 14px;*/
                        margin-left: 17px;
                        display: block;
                        width: 82px;
                        position: relative;
                        top: 14px;
                    }
                    
                    .menu .kosik {
                        
                    }
                        .menu .kosik a {
                            height: 48px;
                            width: 117px;
                            background-image: url('bg.kosik.png');
                            background-repeat: no-repeat;
                            background-position: right 3px;
                            position: static; 
                            padding-top: 14px;
                        }
                        
                            .menu .kosik a span { display: block; color: #999999; font-weight: normal; text-decoration: none }
                            
        /*          center            */
        
        #wrapper_center #wrapper_inner,
        #wrapper_center2 #wrapper_inner {
            margin: 5px 25px 0px 20px; clear: both;

        }
            
            #wrapper_inner h1 {
                color: #996699;  
                font-family: Times;
                font-size: 20px;
                font-weight: normal;
                margin: 0px 0px 15px 0px;
                position: relative;
                top: 5px;
            }
            
            #wrapper_inner p {
                margin-bottom: 15px;
            }
            
            #wrapper_inner ul {
                margin-left: 15px;
                list-style-type: 
            }
            
            
            .detail_table {
                clear: both;
                margin-left: 35px;
                width: 670px;
                
            }
            
                .detail_table td {padding: 0px 4px 0px 4px;}
                .detail_table .barva { width: 15px; height: 15px; background-image: url('bg.color.png');}
                .detail_table .submit { display: block; width: 137px; height: 36px; border: 0px; background-image: url('btn.koupit.jpg'); margin: 0px; float: right; cursor: pointer; }
                .detail_table .pu a {display: block; width: 10px; height: 10px; margin: 1px; }
                    .detail_table .pu .u { background-image: url('btn.u.png');}
                    .detail_table .pu .d { background-image: url('btn.d.png');}
                .detail_table .sklad { color: #009900; font-weight: bold; }
                    .detail_table .sklad .sorange {color: #d88900;}
                .detail_table .cena span {color: #8c67a0; font-size: 15px;}
                
            .seznamte_se h1,
            .specifikace h3 {
                color: #996699;  
                font-family: Times;
                font-size: 20px;
                font-weight: normal;
                margin: 0px 0px 10px 0px;
                
            }
            
            .specifikace p,
            .seznamte_se p {
                margin-bottom: 14px;
            }
            
            .specifikace, seznamte_se {
                margin-bottom: 20px;
            }
            
            .barva_znacka {
                width: 15px;
                height: 15px;
                background-image: url('ico.color.jpg');
            }
            
                .barva_znacka div {
                    width: 11px;
                    height: 11px;
                    position: relative;
                    top: 2px;
                    left: 2px;
                }
                
            .seznamte_se ul li,
            .specifikace ul li {
                margin-left: 20px;
            }
                
    .frm label {display: block; width: 100px; float: left; position: relative; top: 2px;}
    .frm input { font-size: 11px; color: #333333; }
    .frm .formField {margin-bottom: 3px; }
    .frm .submit {margin-left: 100px;}
    
    form .iText {
            font-size: 11px;
        }
        
    .reg_formular label {
            float: left;
            display: block;
            width: 70px;
        }
    
    .spacer2 {
        height: 1px;
        width: 645px;
        background-image: url('bg.li.png');
        background-repeat: repeat-x;
        margin: 5px 0px 5px 0px;
        font-size: 1px;
    }
    
    .anchor_foto {
        background-image: url('galerie.gif');
        display: block;
        width: 106px;
        height: 21px;
        position: relative;
        top: -290px;
        left: 360px;
    }
    
    .btn_pokracovat {
        display: block;
        width: 240px;
        height: 36px;
        background-image: url('btn.pokracovat.png');
        float: left;
        margin-left: 20px;
    }
    
    .btn_prejit {
        display: block;
        width: 240px;
        height: 36px;
        background-image: url('btn.prejit.png');
        float: left;
        margin-left: 40px;
    }
    
    
    .btn_objednat {
        display: block;
        width: 155px;
        height: 36px;
        background-image: url('btn.objednat.png');
        margin-left: 60px;
        border: 0px;
        cursor: pointer;
    }
    
    .manualy {margin: 30px 0px 20px 10px; }
        .manualy a {text-decoration: underline; }
            .manualy a:Hover {text-decoration: none; }
    .pdf {
        padding-left: 20px;
        background-image: url('ico.pdf.gif');
        padding-bottom: 5px;
        background-repeat: no-repeat; 
    }
    
    
    
    #banner2 { width: 659px; height: 369px; background: url('bg.jpg'); margin-top: 40px; }
    
    
    #box2 { position: absolute; }
        .mask{
        	position:relative;
        	width:640px;
        	height:475px;
        	overflow:hidden;


        }
        .mask img{
        	position:absolute;
        	display:block;
        	border:none;
        }