/* CSS Document */

body {
    background: url(images/body-bg.png) repeat left top;
    overflow-y: scroll;
    font-size: 15px;
    color: #443B32;
    font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
    line-height: 20px;
}

h1 {
    visibility: hidden;
    display: none;
}

h2 {
    font-size: 25px;
    margin: 3px 0 28px 0;
    line-height: 28px;
    text-transform: uppercase;
}

h3 {
    font-size: 16px;
    margin: 20px 0 10px 0;
    font-weight: bold;
    text-transform: uppercase;
}

hr {
    background: none;
    border: none;
    border-bottom: solid #A5915B 1px;
}

p {
   margin: 0 0 10px 0;
}

a {
    color: #860278;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

label {

}

input, textarea {

}

input.submit {

}

ul {

}

ul li {

}

ul li ul li {
margin-left: 20px;
}

ul li ul li ul li {
margin-left: 40px;
}

table tr td, table tr td {
    padding: 5px;
    font-size: 13px;
    border: solid #A5925D 1px;
}

table p {
    margin: 0;
}
/***************header*******************/
.logo {
    display: block;
    width: 320px;
    height: 120px;
    margin-top: 15px;
    margin-left: 25px;
    float: left;
    position: absolute;
    background: url(images/logo.png) no-repeat left top;
}

.intro {
    width: 315px;
    
    margin: 150px 0 0 20px;
    float: left;
    position: absolute;
    line-height: 22px;
}

.menu ul li {
    float: left;
    padding: 5px 15px 5px 15px;
    margin: 3px 1px 1px 1px;
}
    .menu ul li.last {
    }
        .menu ul li a {
            color: #443B32;            
        }
        
        .menu ul li.active a {
            text-decoration: none;
        }

    .infobox {
        float: right;
        width: 270px;
        margin: 48px 50px 0 0;
        clear: right;
        font-size: 15px;
    }
    .infobox a {
        color: #00BFEF;
    }

        .infobox ul {
        margin-top:10px;
        }
        .infobox li {
            border-bottom: dotted #FFFFFF 1px;
            margin: 0 0 5px 2px;
            padding: 4px 0 5px 34px;
            background: url(images/foot-infobox.png) no-repeat left 6px;    
        }
        .infobox li span {
            display: block;
        }
        .infobox a {
            text-decoration: none;
            background-color: #EEE8CA;
        }
            .infobox a:hover {
                text-decoration: underline;
            }
/*********konfigurator zakazky*************/

.main_radio {
    margin: 0 0 0 0;
    overflow: hidden;
}

.main_radio li {
    float: left;
}

.main_radio a {
    background: transparent url(images/radio.gif) no-repeat left top;
    height: 35px;
    overflow: hidden;
    display:block;
    float: left;
    padding: 0 0 0 20px;
    margin: 0 0 0 80px;
    color: #860278;
    line-height: 13px;
}
    .main_radio a.current {
        background: transparent url(images/radio-active.gif) no-repeat left top;
    }
    
    .main_radio a.current span {
        display:block;
        height: 35px;
        overflow: hidden;
        background: url(images/arrow-top-bg.gif) no-repeat center bottom;
    }
    
    .main_radio a.first {
        margin-left: 0;
    }

.konfigurator_section {
    /*display: none;*/ 
    margin: 0 0 20px 0;
    /*overflow: hidden;*/
}

    .konfigurator_section select {
        width: 300px;
    }
    
    .konfigurator_section input {
        width: 321px;
    }
    
    .konfigurator_section textarea {
        width: 320px;
        height: 70px;
    }
    
    .konfigurator_section label {
        display: block;
        float: left;
        width: 110px;
        clear: both;
        padding-top: 2px;
    }
    
    .konfigurator_section img {
        float: left;
        margin: 6px 0 0 10px;
    }
    
    .konfigurator_section .final_count_button {
        display: block;
        margin-top: 2px;
        padding: 10px 0 0 0;
        width: 171px;
        height: 30px;
        color: #FFFFFF;
        text-decoration: none;
        float: left;
        background: url(images/final_count_button.png) no-repeat left top;
        font-weight: bold;
        font-size: 17px;
        text-align: center;
    }
    .konfigurator_section .final_count_button:hover {
        color: #FFCC00;
    }
    
    .konfigurator_section .radio_fold {
        background-color: #FF9999;
        margin: 0 60px 0 150px;
        display: none;
}
        .konfigurator_section .radio_fold div {
            float: left;
            margin: 5px;
            background-color: #FFFFFF;
            width: 120px;
            height: 75px;
            overflow: hidden;
        }
    
    #final_price {
        margin: 2px 10px 0 10px;
        padding: 6px 0 15px 15px;
        float: left;
        width: 155px;
        height: 44px;
        overflow: hidden;
        background: url(images/final-price.png) no-repeat left bottom;
        /*font-weight: bold;*/
        font-size: 17px;
    }
        #final_price .alert {
            
            font-size: 13px;
        }
    #tooltip { 
        display:none; 
        width:300px; 
        padding:5px; 
        background-color: #EEE8CA;
        color: #000000;
        font-size:13px;
        border:2px solid #443B32;
        -webkit-border-radius: RADIUS;    /* for Safari */
        -moz-border-radius: 6px;
        border-radius: 6px;
    }
        .tooltip-img {
            cursor: pointer;
        } 
    #odeslat {
        display: none;
        width: 171px;
        height: 40px;
        color: #FFFFFF;
        background: url(images/final_count_button.png) no-repeat left top; !important
        float: left;
        text-align: center;
    }
         #odeslat span, #odeslat span span {
            background: none;
            color: #FFFFFF;
            font-weight: bold;
            font-size: 15px;
            margin-left: 13px;
         }
    
    .czk {
        color: #EA27B1;
    }
/*********usefull*****************/

.right_bar ul li {
    background: url(images/foot-small.png) no-repeat left center;
    padding: 0 0 0 20px;
    margin:0px 0px 12px 8px;
}

.right_bar p {
    margin-left:8px;
}

.cleaner {
    clear: both;
    font-size: 0%;
    line-height: 0%;
    height: 0;
}

.right {
    float: right;
}

.left {
    float: left;
}

.center {
    margin-left: auto !important;
    margin-right: auto !important;
}

.alignright {
    text-align: right;
}

.alignleft {
    text-align: left;
}


.alert {
    color: #EA27B1;
    font-weight: bold;
}

.highlight {
    color: #00BFEF;
    font-weight: bold;
}
    h3.highlight {
    margin: 0;
    text-transform: none;
    font-size: 15px;
}

.highlight_p {
    background-color: #EEE8CA;
    padding: 10px;
    overflow: hidden;
    margin-bottom: 25px;
}

.display {
    display: block !important;
}
.margin-top {
    margin-top: 20px;
}
.bold {
    font-weight: bold;
}


.coex-right {
    margin: 3px 0 0 3px;
    line-height: 14px;
    height: 14px;
    display: block;
    overflow: hidden;
    float: right;
    background: url(images/coex-right.png) no-repeat left top;
    /*color: #6B6B6B !important;*/
    padding-left: 17px;
    text-decoration: none; 
}
    .coex-right:hover {
        background: url(images/coex-right.png) no-repeat left bottom;
        /*color: #7CB62F !important;*/
        text-decoration: underline;
    }