@charset "utf-8";

/* CSS Document */
.facebook {
position: relative;
float: right;
padding: 5px;
margin: 2px; 0 0 5px;
}
.youtube {
position: relative;
float: right;
padding: 5px;
margin: 2px 0 0 10px;
}
#left_navigation {
    margin-top: 68px;
    width: 170px;
    padding: 10px 10px 12px;
    float: left;
    background-color: rgba(35,44,51,.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc232c33', endColorstr='#cc232c33');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc232c33',       endColorstr='#cc232c33')";
}

    #left_navigation ul {
        float: left;
        padding-bottom: 2px;
    }

    #left_navigation ul {
        background: url(../images/navi_divider.gif) repeat-x left bottom;
    }

        #left_navigation ul li {
            margin-bottom: 0;
            padding-bottom: 0;
            float: left;
        }

            #left_navigation ul li a {
                color: #fff;
                font-size: 12px;
                font-weight: 700;
                padding-left: 5px;
                width: 165px;
                display: block;
                padding-bottom: 6px;
                padding-top: 8px;
                line-height: 14px;
            }

                #left_navigation ul li a:hover, #left_navigation ul li li a:hover {
                    color: #f37a1f;
                }

            #left_navigation ul li.active li a:hover, #left_navigation ul li.active ul li.active li a:hover, #left_navigation ul li.active ul li.active a:hover {
                color: #f37a1f!important;
            }

            #left_navigation ul li.active a:hover, #left_navigation ul li.active ul li.active a:hover, #left_navigation ul li.active ul li.active li.active a:hover {
                color: #fff!important;
            }

            #left_navigation ul li a {
                background: url(../images/navi_divider.gif) repeat-x left top!important;
            }

            #left_navigation ul li ul li a {
                background: url(../images/navi_divider_2.gif) repeat-x left top;
            }

            #left_navigation ul li a.afterfirst, #left_navigation ul ul li a.afterfirst {
                background: none!important;
            }

            #left_navigation ul li:first-child a {
                background-image: none!important;
            }

            #left_navigation ul li a.active {
                background: url(../images/navi_1_active.gif) repeat-x scroll 0 0 transparent!important;
            }

        #left_navigation ul ul {
            border-bottom: 1px solid #f67a20;
            margin-bottom: 7px;
            background-color: rgba(35,44,51,.7);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3232c33', endColorstr='#b3232c33');
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3232c33',       endColorstr='#b3232c33')";
        }

        #left_navigation ul li:first-child ul li a {
            background: url(../images/navi_divider_2.gif) repeat-x left top!important;
        }


        #left_navigation ul ul li a {
            color: #fff;
            font-size: 12px;
            font-weight: 400;
            width: 165px;
            display: block;
            background: url(../images/navi_divider_2.gif) repeat-x left top!important;
            line-height: 14px;
            margin-left: 10px;
            padding-left: 5px;
            margin-right: 9px;
            padding-right: 0;
            width: 146px;
        }

        #left_navigation ul ul ul {
            border-left: 2px solid #f67a20;
            border-bottom: 0;
            margin-left: 10px;
            width: 150px;
            margin-bottom: 3px;
            padding-bottom: 0;
            background-color: rgba(35,44,51,.7);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3232c33', endColorstr='#b3232c33');
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3232c33',       endColorstr='#b3232c33')";
        }

            #left_navigation ul ul ul li a {
                color: #fff;
                font-size: 12px;
                font-weight: 400;
                width: 165px;
                display: block;
                background: url(../images/navi_divider_2.gif) repeat-x left top;
                padding-bottom: 7px;
                padding-top: 7px;
                line-height: 14px;
                margin-left: 10px;
                padding-left: 5px;
                margin-right: 9px;
                padding-right: 0;
                width: 126px;
            }

        #left_navigation ul ul li.active {
            color: #f67a20;
            font-weight: 700;
            background: none!important;
        }

        #left_navigation ul ul ul li a.active {
            font-weight: 400;
        }

        #left_navigation ul ul li a:hover, #left_navigation ul ul a:focus {
            color: #f67a20;
        }

        #left_navigation ul ul li {
            background: 0;
        }

        #left_navigation ul ul ul li a {
            color: #fff;
        }

#content_flash {
    float: left;
    margin-left: 4px;
    margin-top: -5px;
    margin-bottom: -4px;
    background: url(http://www.unikomerc-uvoz.hr/Cms_Data/Sites/Unikomerc/Themes/images/product_teaser.png) no-repeat;
    width: 745px;
    height: 335px;
    padding: 15px 0 0 15px;
}

#main_content {
    width: 950px;
    margin: 20px auto;
    padding-bottom: 10px;
    margin-top: 30px; 
}

#left_navigation ul li ul li.active a.active {
    background: url(../images/navi_divider_2.gif) repeat-x scroll left top transparent!important;
    color: #f37a1f;
}

#left_navigation ul li.active a.active:hover {
    color: #fff!important;
}

#left_navigation ul ul ul li.active {
    background: url(../images/navi_1_active.gif) repeat-x !important;
}

* + html #left_navigation li {
    display: inline-block;
    zoom: 1;
}

#left_navigation ul li.active ul li ul li.active a {
    color: #fff;
    background: none!important;
}

#left_navigation ul li.active {
    background: 0;
}

/* //////////////////// Main ////////////////////////////// */



.content {
    margin-left: 10px;
    margin-top: 68px;
    background: #FFF;
    width: 650px;
    float: left;
    min-height: 650px;
    height: auto;
    padding: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.content_middle ul {
}

#product_flash ul {
}

    #product_flash ul li, #product_flash ul li div.left_fade {
        width: 243px;
        height: 325px;
        float: left;
        padding: 0;
        margin: 0;
    }

        #product_flash ul li div.left_fade {
            position: relative;
            background: url(../images/product_li_gb.png) -12px 0 repeat-y;
        }

            #product_flash ul li div.left_fade.first_fade {
                background: 0;
            }

    #product_flash ul li {
        background-position: left top;
        background-repeat: no-repeat;
        position: relative;
    }

        #product_flash ul li:hover {
            cursor: pointer;
        }

        #product_flash ul li div.slide_top {
            position: absolute;
            bottom: 0;
            left: 0;
            background-color: rgba(35,44,51,.85);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d4232c33', endColorstr='#d4232c33');
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#d4232c33',       endColorstr='#d4232c33')";
            width: 233px;
            padding-left: 10px;
        }

#product_flash a:hover * {
    text-decoration: none;
}

#product_flash ul li div.slide_top h2 {
    color: #fff;
    padding: 9px 0 7px 3px;
    font-size: 16px;
    font-weight: 700;
}

#product_flash ul li div.slide_top em {
    background: url(http://www.unikomerc-uvoz.hr/Cms_Data/Sites/Unikomerc/Themes/images/product_li_right.png) 0 0 no-repeat;
    height: 29px;
    width: 15px;
    display: block;
    position: absolute;
    right: 10px;
    top: 5px;
}

    #product_flash ul li div.slide_top em.orange {
        background: url(http://www.unikomerc-uvoz.hr/Cms_Data/Sites/Unikomerc/Themes/images/product_li_right_orange.png) 0 0 no-repeat;
    }

#product_flash ul a:hover li div.slide_top h2 {
    text-decoration: none;
}

#product_flash ul li div.slide_top p {
    color: #d8d8d8;
    height: 40px;
    margin: 0 30px 0 4px;
    display: block;
    line-height: 14px;
}

    #product_flash ul li div.slide_top p a.orange_arrow {
        display: none;
    }

#flash_wrapper {
    position: relative;
}

    #flash_wrapper img.border {
        position: absolute;
        top: 5px;
        left: 4px;
    }

.page_corner_arrow_container {
    float: right;
    margin-left: -10px;
    margin-bottom: 20px;
}

.page_corner_arrow a {
    color: #fff;
    font-weight: 700;
}

.page_corner_arrow {
    background: url(http://www.unikomerc-uvoz.hr/Cms_Data/Sites/Unikomerc/Themes/images/page_corner_arrow.png) no-repeat;
    width: 200px;
    padding-left: 35px;
    padding-top: 5px;
    float: left;
    padding-bottom: 4px;
    position: relative;
    margin-right: -34px;
}

    .page_corner_arrow .page_corner_bottom {
        background: url(http://www.unikomerc-uvoz.hr/Cms_Data/Sites/Unikomerc/Themes/images/page_corner_arrow.png) bottom right no-repeat;
        width: 16px;
        height: 16px;
        position: absolute;
        right: 0;
        bottom: -16px;
    }

div.press ul li span {
    padding-left: 12px;
}

div.press ul li img.press_teaser_left {
    float: left;
    margin-top: 16px;
    padding-bottom: 16px;
}

div.flash_container {
    float: left;
    margin-bottom: 10px;
}

div.dealer_product_line div.input_wrap.no_float div.input_wrap label {
    margin-top: 2px;
}

    div.dealer_product_line div.input_wrap.no_float div.input_wrap label img {
        margin-top: -2px;
        margin-right: 5px;
    }

div.teaser_item.content_teaser_item div.teaser_item_text ul.linklist li a.external {
    margin-left: 0;
}

#left_navigation ul a.active {
    background: url(../images/navi_1_active.gif) repeat-x scroll 0 0 transparent!important;
}