* {
    margin: 0;
    padding: 0;
    text-align: left;
    border-width: 0;
    }
    ul, li {
        list-style-type: none;
    }
    body, table, table td, form, div, a, input, textarea, select, button, p {
        font-family: Arial, sans-serif;
        font-size: 13px;
        color: #3e2e27;
    }
    body {
        text-align: center;
        background: #f4d2ac url('../images/body_image.jpg') no-repeat scroll center top;
        }
        a:link,
        a:visited {
            color: #ff6600;
            font-weight: normal;
            text-decoration: none;
            }
            a img {
                vertical-align: middle;
            }
        a:focus, a:active {
            outline: none;
        }
        a:hover {
            text-decoration: underline;
        }
        
a.under         { text-decoration: underline; }
a.under:hover   { text-decoration: none; }
a.underb        { text-decoration: none; border-bottom: 1px solid #3e2e27; }
a.underb:hover  { border-bottom: 1px solid transparent; }

p img { vertical-align: middle; }
.bold       { font-weight: bold; }
.right      { text-align: right !important; }
.clear      { display: block; font-size: 1px; height: 1px; clear: both; }
.clear      { clear: both; }
.hidden     { display: none; }
.red        { color: #f00; }
.center     { text-align: center; }
.full       { width: 100% ! important; }
.half       { width: 48% !important; }
.trio       { width: 31% !important; }

#body {
    width: 960px;
    margin: 0 auto;
    
    padding-bottom: 0px;
    text-align: left;    
    /*background: url('../images/header_bg.jpg') no-repeat scroll left top;*/
}

#header {
    position: relative;
    height: 272px;
    background: url('../images/head_bg.jpg') no-repeat scroll right 74px;
    }
    #header a.logo:link,
    #header a.logo:visited {
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        width: 350px;
        height: 272px;
        overflow: hidden;
        background: url('../images/logo.png') no-repeat scroll left top;
    }
    #main-menu {
        position: relative;
        margin-left: 350px;
        width: 610px;
        height: 74px;
        overflow: hidden;
        background: url('../images/menu_bg.png') no-repeat scroll left top;
        }
        #main-menu ul {
            display: block;
            padding: 30px 0 0 30px;
            }
            #main-menu ul li {
                position: relative;
                margin-right: 5px;
                display: block;
                float: left;
                width: auto;
                height: 44px;
                overflow: hidden;
                }
                #main-menu ul li a:link,
                #main-menu ul li a:visited {
                    display: block;
                    padding: 0 20px;
                    line-height: 44px;
                    text-align: center;
                    font-size: 13px;
                    font-weight: bold;
                    color: #fff;
                    }
                    #main-menu ul li span.wrap-left,
                    #main-menu ul li span.wrap-right {
                        position: absolute;
                        left: 0;
                        top: 0;
                        display: block;
                        width: 20px;
                        height: 44px;
                        overflow: hidden;
                        background: url('../images/menu_link.png') no-repeat scroll left -132px;
                    }
                    #main-menu ul li span.wrap-right {
                        left: auto;
                        right: 0;
                        background-position: -20px -132px;
                    }
                    #main-menu ul li a > span.text {
                        display: block;
                        padding: 0 18px;
                        background: url('../images/menu_link.png') repeat-x scroll left -88px;
                    }
            #main-menu ul li.active {
                }
                #main-menu ul li.active a:link,
                #main-menu ul li.active a:visited {
                    color: #262626;
                    }
                    #main-menu ul li.active span.wrap-left,
                    #main-menu ul li.active span.wrap-right {
                        overflow: hidden;
                        background: url('../images/menu_link.png') no-repeat scroll left -44px;
                    }
                    #main-menu ul li.active span.wrap-right {
                        background-position: -20px -44px;
                    }
                    #main-menu ul li.active a > span.text {
                        background: url('../images/menu_link.png') repeat-x scroll left top;
                    }
                    #english {display: block;position: absolute;background-color: #000;height: 24px;width: 24px;right: 25px;top: 35px;background: url('../images/flag-en.png') no-repeat center center;}
    .intro {
        margin: 35px 50px 0 385px;
        }
        .intro p {
            line-height: 27px;
            text-align: justify;
        }

#page {
    overflow: hidden;
    }

.home {
    }
    .home > div > span.label-image {
        display: block;
        height: 34px;
    }
    .home .features {
        height: 346px;
        overflow: hidden;
        background: url('../images/home/hlavni_nabidka_bg.jpg') no-repeat scroll left 34px;
        }
        .home .features > ul {
            height: 312px;
            }
            .home .features > ul > li {
                float: left;
                width: 232px;
                height: 312px;
                overflow: hidden;
                background-position: left top;
                background-attachment: scroll;
                background-repeat: no-repeat;
                }
                .home .features ul li h1,
                .home .features ul li h2 {
                    margin: 93px 19px 0 31px;
                    line-height: 26px;
                    text-align: right;
                    text-transform: uppercase;
                    font-weight: normal;
                    font-size: 20px;
                    height: 78px;
                    }
                    .home .features ul li h1 a:link,
                    .home .features ul li h1 a:visited,
                    .home .features ul li h2 a:link,
                    .home .features ul li h2 a:visited {
                        font-size: 20px;
                        color: #262626;
                        text-decoration: none;
                        border-bottom: 1px solid #262626;
                    }
                    .home .features ul li h1 a:hover,
                    .home .features ul li h2 a:hover {
                        text-decoration: none;
                        border-color: #666666;
                    }
                .home .features ul li ul {
                    margin-top: 8px;
                    height: 120px;
                    }
                    .home .features ul li ul li {
                        padding-right: 19px;
                        line-height: 30px;
                        text-align: right;
                        font-size: 14px;
                        color: #262626;
                        background: url('../images/laquo_white.gif') no-repeat scroll right 10px;
                    }
            .home .features > ul > li:first-child,
            .home .features > ul > li.first-child {
                width: 233px;
            }
            .home .features ul li.una      { background-image: url('../images/home/features_1.png'); }
            .home .features ul li.duo      { background-image: url('../images/home/features_2.png'); }
            .home .features ul li.tres     { background-image: url('../images/home/features_3.png'); }
            .home .features ul li.quattuor { background-image: url('../images/home/features_4.png'); }
    .home .references {
        margin-top: 17px;
        height: 304px;
        overflow: hidden;
        position: relative;
        background: url('../images/home/ukazky_bg.jpg') no-repeat scroll left 34px;
        }
        .home .references .preview {
            margin: 20px 31px 0 31px;
            position: relative;
            z-index: 0;
            }
            .home .references .preview > div {
                position: relative;
                z-index: 1;
                width: 898px;
                height: 250px;
                overflow: hidden;
            }
            .home .references .preview span.image {
                position: absolute;
                left: 1px;
                top: 1px;
                z-index: 2;
                width: 896px;
                height: 250px;
                text-align: left;
                overflow: hidden;
            }
            .home .references .preview .layer {
                position: relative;
                z-index: 3;
                width: 100%;
                height: 100%;
                overflow: hidden;
                background: url('../images/reference_layer.png') no-repeat scroll left top;
                }
                .home .references .preview .layer h3 {
                    margin: 25px 0 0 676px;
                    height: 40px;
                    overflow: hidden;
                    line-height: 20px;
                    font-size: 19px;
                    font-weight: normal;
                    color: #161210;
                }
                .home .references .preview .layer ul {
                    margin: 10px 0 0 676px;
                    height: 134px;
                    overflow: hidden;
                    }
                    .home .references .preview .layer ul li {
                        line-height: 26px;
                        color: #161210;
                    }
                .home .references .preview .layer a.advance:link,
                .home .references .preview .layer a.advance:visited {
                    display: block;
                    margin: 0 100px 0 676px;
                    line-height: 18px;
                    text-decoration: none;
                    color: #2e2e2e;
                    }
                    .home .references .preview .layer a.advance:link span,
                    .home .references .preview .layer a.advance:visited span {
                        margin-right: 10px;
                        border-bottom: 1px solid #2e2e2e;
                    }
                    .home .references .preview .layer a.advance:hover span {
                        border-bottom-width: 0;
                    }
        .home .references .index {
            position: absolute;
            left: 51px;
            top: 74px;
            z-index: 10;
            }
            .home .references .index ul {
                }
                .home .references .index ul li {
                    display: block;
                    margin-bottom: 10px;
                    width: 45px;
                    height: 45px;
                    }
                    .home .references .index ul li a:link,
                    .home .references .index ul li a:visited {
                        display: block;
                        height: 45px;
                        line-height: 45px;
                        text-align: center;
                        font-size: 14px;
                        font-weight: bold;
                        color: white;
                        background: url('../images/reference_index.png') no-repeat scroll left top;
                    }
                    .home .references .index ul li a.active:link,
                    .home .references .index ul li a.active:visited {
                        background-position: left -45px;
                    }
    .home .why-us {
        margin: 16px 0 -10px 0;
        padding-bottom: 40px;
        /*height: 284px;*/
        overflow: hidden;
        background: url('../images/home/proc_my_bg.jpg') no-repeat scroll left 34px;
        }
        /*.home .why-us > div {
            margin: 30px 60px 0 192px;
            height: 170px;
            overflow: hidden;
        }*/
        .home .why-us p {
            line-height: 27px;
            text-align: justify;
            /*margin-top: 12px;*/
            padding-bottom: 12px;
        }
        .home .why-us .bg-top { margin-top: 0px; height: 25px; background: url('../images/home/why_us_box_top.png') no-repeat scroll left top; }
        .home .why-us .bg-bottom { height: 5px; background: url('../images/home/why_us_box_bottom.png') no-repeat scroll left top; }
        .home .why-us .bg-content { padding: 17px 60px 16px 70px; background: url('../images/home/why_us_box_bg.png') repeat-y scroll left top; }
        .home .why-us .bg-content .art-list { width: 160px;height: 220px;float: left;line-height: 30px;margin-right: 20px;}
        .home .dqube { padding-right: 300px;padding-left: 150px;position:relative;}
        .home .dqube img { right: 0; top: 10px; position:absolute; }
        
        .home .why-us .bg-content .art-list {background: url('../images/dots_v_orange.gif')repeat-y right top;height: 230px;position: relative;z-index: 3;}
        .home .why-us .bg-content .art-list li { line-height: 17px;padding-left: 15px;margin-bottom: 7px;}
        .home .why-us .bg-content .art-list li.art {width: 140px;background: url(../images/square_black_art.gif) no-repeat scroll left top} 
.default {
    background: url('../images/default_page_top.png') no-repeat scroll left top;
    }
    .default > .shadows {
        padding-bottom: 36px;
        background: url('../images/default_page_bottom.png') no-repeat scroll left bottom;
    }

#body-logo {
    position: relative;
    text-align: center;
    background: url('../images/body_logo.png') no-repeat scroll center 19px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { html { margin-left: -1px; overflow-Y: scroll; } }
#footer {
    position: relative;
    padding-top: 20px;
    width: 900px;
    margin: 0 auto;
    overflow: hidden;
    background: url('../images/outro_bg.jpg') no-repeat scroll left top;
    }
    #footer .outro {
        height: 200px;
        text-align: left;
        }
        #footer .outro > div {
            float: left;
            width: 172px;
            height: 200px;
            background: url('../images/dots_v_orange.gif') repeat-y scroll right top;
            }
            #footer .outro > div > span {
                display: block;
                height: 30px;
                line-height: 30px;
                font-weight: bold;
                color: #fff;
                }
                #footer .outro > div > span a:link,
                #footer .outro > div > span a:visited {
                    font-weight: bold;
                    color: #fff;
                    text-decoration: none;
                    border-bottom: 1px solid white;
                }
                #footer .outro > div > span a:hover {
                    text-decoration: none;
                    border-bottom-width: 0;
                }
            #footer .outro > div > span + ul {
                margin-top: 10px;
                line-height: 30px;
                color: #fff;
                }
                #footer .outro > div > ul li {
                    }
                    #footer .outro > div > ul li a:link,
                    #footer .outro > div > ul li a:visited {
                        color: #fff;
                    }
        #footer .outro .menu {
            width: 172px;
            }
            #footer .outro .menu > span,
            #footer .outro .menu ul {
                margin-left: 40px;
                }
                #footer .outro .menu ul li.active a:link,
                #footer .outro .menu ul li.active a:visited {
                    color: #f26529;
                }
        #footer .outro .features {
            width: 235px;
            }
            #footer .outro .features > span,
            #footer .outro .features ul {
                margin-left: 31px;
                }
                #footer .outro .features ul li {
                    padding-right: 30px;
                    }
                    #footer .outro .features ul li a:link,
                    #footer .outro .features ul li a:visited {
                        display: block;
                        line-height: 30px;
                        background: url('../images/raquo_orange.gif') no-repeat scroll right 12px;
                    }
        #footer .outro .info {
            width: 250px;
            }
            #footer .outro .info > span,
            #footer .outro .info ul {
                margin-left: 30px;
                }
                #footer .outro .info ul li {
                    padding-right: 30px;
                    }
                    #footer .outro .info ul li a:link,
                    #footer .outro .info ul li a:visited {
                        display: block;
                        line-height: 30px;
                        /*width: 176px;*/
                        background: url('../images/raquo_orange.gif') no-repeat scroll right 12px;
                    }
                    #footer .outro .info ul li.active a:link,
                    #footer .outro .info ul li.active a:visited {
                        color: #f26529;
                    }
        #footer .outro .contacts {
            width: 240px;
            background: none;
            }
            #footer .outro .contacts > span,
            #footer .outro .contacts ul {
                margin-left: 30px;
                }
                #footer .outro .contacts ul li strong {
                    display: block;
                    float: right;
                    width: 80%;
                    }
                    #footer .outro .contacts ul li strong a:link,
                    #footer .outro .contacts ul li strong a:visited {
                        font-weight: bold;
                    }
                    #footer .outro .contacts ul li strong span {
                        font-weight: normal;
                    }
    #footer a.up:link,
    #footer a.up:visited {
        position: absolute;
        left: 715px;
        top: 240px;
        display: block;
        width: 132px;
        height: 55px;
        line-height: 40px;
        text-align: center;
        font-weight: bold;
        color: #fff;
        background: url('../images/up.gif') no-repeat scroll left top;
    }
    .copy {
        position: relative;
        height: 189px;
        overflow: hidden;
        background: url('../images/copy_dots.gif') no-repeat scroll 309px 82px;
        }
        .copy > p {
            float: left;
            position: relative;
            top: 75px;
            /*margin-left: 309px;*/
            padding-left: 40px;
            line-height: 36px;
            color: #161210;
        }
        .copy p.left {
            margin-left: 0;
            float: left;
        }
        .copy a:link,
        .copy a:visited {
            color: #161210;
            text-decoration: none;
            }
            .copy a:link strong,
            .copy a:visited strong {
                padding: 0;
                margin: 0;
                border-bottom: 1px solid transparent;
            }
        .copy a:hover {
            text-decoration: none;
            }
            .copy a:hover strong {
                text-decoration: none;
                line-height: 20px;
                border-bottom: 1px solid #161210;
            }
        .copy .social { float: left; margin-left: 70px; padding-left: 30px; width: 64px; height: 80px; line-height: 70px; vertical-align: middle; background: url('../images/copy_dots.gif') no-repeat scroll right 7px;}

.navigator {
    margin-bottom: 5px;
    padding: 0 31px;
    height: 56px;
    overflow: hidden;
    text-align: left;
    }
    .navigator ul {
        padding: 0 42px;
        }
        .navigator ul li {
            display: inline;
            line-height: 56px;
            }
            .navigator ul li a:link,
            .navigator ul li a:visited {
                color: #3e2e27;
                text-decoration: underline;
            }
            .navigator ul li a:hover {
                text-decoration: none;
            }
            .navigator ul li img {
                margin: 0 8px;
            }
            .navigator ul li:last-child a:link,
            .navigator ul li:last-child a:visited,
            .navigator ul li.last-child a:link,
            .navigator ul li.last-child a:visited {
                font-weight: bold;
                text-decoration: none;
            }
            .navigator ul li.last-child a:hover,
            .navigator ul li:last-child a:hover {
                text-decoration: underline;
            }
        .navigator ul li.back {
            float: right;
            }
            .navigator ul li.back a:link,
            .navigator ul li.back a:visited {
                text-decoration: none;
            }
            .navigator ul li.back a:hover {
                text-decoration: underline;
            }
#breadcrumb { margin-bottom: 5px; padding: 0 31px; height: 56px; overflow: hidden; text-align: left; }
#breadcrumb ul { padding: 0 42px; }
#breadcrumb ul li { margin-right: 3px; display: inline; line-height: 56px; }
#breadcrumb ul li a { color: #3e2e27; text-decoration: underline; }
#breadcrumb ul li a:hover { text-decoration: none; }
#breadcrumb ul li img { margin: 0 8px; }
#breadcrumb ul li.last a ,
#breadcrumb ul li:last-child a { font-weight: bold; text-decoration: none; }
#breadcrumb ul li.last a:hover,
#breadcrumb ul li:last-child a:hover { text-decoration: underline; }
#breadcrumb ul li.back { float: right; margin-right: 0; }
#breadcrumb ul li.back a { text-decoration: none; }
#breadcrumb ul li.back a:hover { text-decoration: underline; }

    
.content {
    width: 898px;
    min-height:500px;
    margin: 0 31px;
    padding-bottom: 20px;
    overflow: hidden;
    background: url('../images/default_page_bg.gif') repeat-y scroll center bottom;
    }
    .content .hint-menu {
        margin: 60px 42px 0 42px;
        padding: 16px 18px 12px 18px;
        background: url('../images/dots_h_black.gif') repeat-x scroll left top;
        }
        .content ul.hint-menu {
            }
            .content ul.hint-menu li {
                display: inline;
                margin-right: 40px;
                line-height: 24px;
                }
                .content ul.hint-menu li a:link,
                .content ul.hint-menu li a:visited {
                    
                }
            .content ul.hint-menu li:last-child,
            .content ul.hint-menu li.last-child {
                margin-right: 0 !important;
            }
    .content .hint-menu.shorter ul li { margin-right: 28px; }
    .content .filter-menu { margin: 19px 42px 0px 42px; padding-bottom: 20px; background: url('../images/dots_h_black.gif') repeat-x scroll left bottom; }
    .content .filter-menu ul { text-align: left; }
    .content .filter-menu ul li { float: left; min-width: 110px; height: 39px; }
    .content .filter-menu ul li a:link, .content .filter-menu ul li a:visited { display: block; padding: 0 20px; line-height: 37px; text-align: center; font-weight: bold; color: #433c37; border: 1px solid white; }
    .content .filter-menu ul.off li a:link, .content .filter-menu ul.off li a:visited { color: #a39c97; }
    .content .filter-menu ul li.active a:link, .content .filter-menu ul li.active a:visited { color: white; border: 1px solid #27211e; background: #27211e url('../images/button_bg.gif') repeat-x scroll left top; }
    .content .pagination {
        margin: 26px 42px 0px 42px;
        padding-bottom: 5px;
        background: url('../images/dots_h_black.gif') repeat-x scroll left top;
        }
        .content .pagination ul {
            padding-top: 20px;
            height: 55px;
            text-align: center;
            }
            .content .pagination ul li {
                margin: 0 12px;
                display: inline-block;
                width: 55px;
                height: 55px;
                }
                .content .pagination ul li a:link,
                .content .pagination ul li a:visited {
                    display: inline-block;
                    width: 55px;
                    height: 55px;
                    line-height: 55px;
                    text-align: center;
                    font-weight: bold;
                    font-size: 16px;
                    color: #302a27;
                }
            .content .pagination ul li.active {
                background: url('../images/pagination_active.gif') no-repeat scroll left top;
                }
                .content .pagination ul li.active a:link,
                .content .pagination ul li.active a:visited {
                    color: white;
                }
    
.text       { overflow: hidden; }
.text h1,
.text h2,
.text h3,
.text p,
.text ul            { margin-left: 42px; margin-right: 42px; position: relative; }
.text h1            { z-index: 10; margin-top: 40px; padding-bottom: 19px; line-height: 30px; font-size: 24px; font-weight: normal; color: #161210; background: url('../images/dots_h_black.gif') repeat-x scroll left bottom; }
.text h1 span.hint  { color: #a6a2a0; }
.text h2            { z-index: 10; margin-top: 30px; line-height: 24px; font-size: 16px; font-weight: normal; color: #161210; }
.text h2 a          { font-size: 16px; font-weight: normal; color: #161210; }
.text h2.h3,
.text h3            { margin-top: 30px; line-height: 24px; font-size: 13px; font-weight: bold; color: #161210; }
.text h3 a          { font-size: 13px; font-weight: bold; color: #161210; }
.text p             { margin-top: 10px; line-height: 27px; line-height: 20px; text-align: justify; z-index: 0; }
.text h1 + p        { margin-top: 20px; }
.text p a           { text-decoration: underline; }
.text p a:hover     { text-decoration: none; }
.text p a.advance   { padding-right: 8px; line-height: 18px; color: #2e2e2e; background: url('../images/raquo_orange.gif') no-repeat scroll right center; }
.text ul            { z-index: 0; margin-top: 30px;  }
.text ul li         { padding: 3px 0 3px 18px; line-height: 18px; background: url('../images/square_black.gif') no-repeat scroll left 10px; }
.text ul li p       { margin-left: 0; margin-right: 0; }
.text ul ul         { margin-top: 10px; }
.text ul ul li      { background: none; line-height: 20px; }
.text ul.inline li  { margin-right: 20px; padding: 0 0 0 12px; display: inline; line-height: 30px; background-position: left 56%; }
.text h2 + ul,
.text h3 + ul       { margin-top: 20px; }
.text .full-image   { margin-top: 40px; padding-left: 1px; display: block; }
.text strong a      { font-weight: bold !important; }
.text .top-space-10 { margin-top: 10px; }
.text .top-space-20 { margin-top: 20px; }
.text .ul-pad       { padding-left: 18px; }
.text .fr           { margin-right: 42px; float: right; }
.text .dots-after   { padding-bottom: 24px; background: url('../images/dots_h_black.gif') repeat-x scroll left bottom; }
.text .quarter-text { width: 80%; }
.text .half-text    { width: 60%; }
.text .prev-h2-background { margin-top: -34px; padding-top: 44px; } 
    
.cooperation-bg     { background: url('../images/backgrounds/cooperation.gif') no-repeat scroll right 40px; }
.business-bg        { background: url('../images/backgrounds/business.gif') no-repeat scroll right 40px; }
.question-bg        { background: url('../images/backgrounds/question.gif') no-repeat scroll right 40px; }
.creation-bg        { background: url('../images/backgrounds/creation.gif') no-repeat scroll right 40px; }
.about-bg           { background: url('../images/backgrounds/about.gif') no-repeat scroll right 40px; }
.handover-bg        { background: url('../images/backgrounds/handover.gif') no-repeat scroll right 40px; }
.contact-phone-bg   { background: url('../images/backgrounds/logo.png') no-repeat scroll 86% 140px; }
.gears-bg           { background: url('../images/backgrounds/gears.png') no-repeat scroll 86% 300px; }
.big-puzzle-1-bg    { background: url('../images/backgrounds/big_puzzle1.gif') no-repeat scroll right 40px; }
.big-puzzle-2-bg    { background: url('../images/backgrounds/big_puzzle2.gif') no-repeat scroll right 40px; }
.big-puzzle-3-bg    { background: url('../images/backgrounds/big_puzzle3.gif') no-repeat scroll right 40px; }
.big-eshop-bg       { background: url('../images/backgrounds/big_eshop.gif') no-repeat scroll right 40px; }

.puzzle-1-bg        { background: url('../images/backgrounds/puzzle1.gif') no-repeat scroll 200px top; }
.puzzle-2-bg        { background: url('../images/backgrounds/puzzle2.gif') no-repeat scroll 180px top; }
.puzzle-3-bg        { background: url('../images/backgrounds/puzzle3.gif') no-repeat scroll 310px top; }
.cart-bg            { background: url('../images/backgrounds/cart.gif') no-repeat scroll 240px top; }
    
.messages {
    margin: 26px 42px 0 42px;
    padding: 12px 10px 15px 6px;
    position: relative;
    text-align: left;
    letter-spacing: 1px;
    -moz-border-radius: 10px;    
    background-color: #e9eaff;
    }
.messages .label            { display: block; padding-left: 42px; font-weight: bold; margin-bottom: 6px; padding-top: 2px; }
.messages ul                { padding-left: 42px; }
.messages ul li             { min-height: 18px; font-weight: bold; line-height: 18px; vertical-align: middle; }
.messages ul li a:link,
.messages ul li a:visited   { text-decoration: underline; font-weight: bold; }
.messages ul li a:hover     { text-decoration: none; }
.messages.headed ul         { padding-left: 70px; }
.messages.headed ul li      { list-style-type: disc; font-weight: normal; }
.message-success            { background: #efe url('../images/icons/success.png') no-repeat scroll 6px 7px; border: 2px solid #dfd; }
.message-info               { background: #eef url('../images/icons/info.png') no-repeat scroll 6px 7px; border: 2px solid #ddf; }
.message-error              { font-weight: bold; background: #fee url('../images/icons/error.png') no-repeat scroll 6px 7px; border: 2px solid #fdd; }
.message-warning            { background: #eed url('../images/icons/warning.png') no-repeat scroll 6px 7px; border: 2px solid #ddc; }
.messages a.close           { display: block; width: 11px; height: 11px;  background: url('../images/admin/ico_close_off.png') top left no-repeat; font-size: 0%; text-indent: -9999px; position: absolute; top: 3px; right: 3px; }
.messages a.close:hover     { background: url('../images/admin/ico_close_ovr.png') top left no-repeat; }


.form {
    }
    input,
    textarea {
        padding: 12px;
        padding: 5px;
        line-height: 15px;
        background-color: #fff3ed;
        border: 1px solid #f5be91;
    }
    select {
        padding: 12px;
        padding: 5px;
        vertical-align: middle;
        background-color: #fff3ed;
        border: 1px solid #f5be91;
        }
        select > option {
            padding-left: 10px;
            margin-right: 20px;
        }
    .button,
    button {
        padding: 12px 30px;
        /*padding: 5px 25px;*/
        display: inline-block;
        text-align: center;
        font-weight: bold;
        color: #fff;
        border: 1px solid #27211e;
        background: #201b19 url('../images/button_bg.gif') repeat-x scroll left top;
        cursor: pointer;
    }
    input.phone     { background-image: url('../images/icons/mono_phone_16.gif'); background-repeat: no-repeat; background-attachment: scroll; background-position: right center; }
    input.email      { background-image: url('../images/icons/mono_mail_16.gif'); background-repeat: no-repeat; background-attachment: scroll; background-position: right center; }
    input.check     { background-image: url('../images/icons/mono_checkmark_16.gif'); background-repeat: no-repeat; background-attachment: scroll; background-position: right center; }
    input.person    { background-image: url('../images/icons/mono_user_16.gif'); background-repeat: no-repeat; background-attachment: scroll; background-position: right center; }
    input.case      { background-image: url('../images/icons/mono_case_16.gif'); background-repeat: no-repeat; background-attachment: scroll; background-position: right center; }
    textarea.pen    { background-image: url('../images/icons/mono_pencil_16rt.gif'); background-repeat: no-repeat; background-attachment: scroll; background-position: right top; }
.form-table {
    margin: 26px 42px 0 42px;
    }
    .form-table table {
        /*width: 100%;*/
        border-collapse: collapse;
        }
        .form-table table td {
            padding: 10px;
            line-height: 32px;
            vertical-align: middle;
            font-weight: bold;
            white-space: nowrap;
        }
        .form-table table tr td:first-child,
        .form-table table tr td.first-child {
            width: 160px;
            vertical-align: top;
            text-align: right;
            }
        .form-table table td h2 {
            margin: 0;
            padding-top: 10px;
        }
        .form-table table tr td .requied {
            font-weight: bold;
            color: red;
        }
        .form-table table tr td .captcha {
            margin-left: 10px;
            letter-spacing: 2px;
            font-weight: normal;
            color: #ccc;
            }
            .form-table table tr td .captcha .marked {
                font-weight: bold;
                font-size: 15px;
                color: #F26329;
            }
        .form-table table div.td {
            margin-top: 20px;
            line-height: 32px;
            vertical-align: middle;
            font-weight: bold;
            white-space: nowrap;
        }
    
.reference-list {
    margin-top: 34px;
    }
    .reference-list > div {
        position: relative;
        z-index: 1;
        width: 898px;
        height: 269px;
        overflow: hidden;
        background: url('../images/reference_list_item_shadow.gif') no-repeat scroll left bottom;
    }
    .reference-list span.image {
        position: absolute;
        left: 1px;
        top: 0;
        z-index: 2;
        width: 896px;
        height: 248px;
        overflow: hidden;
    }
    .reference-list .overlay {
        position: absolute;
        z-index: 4;
        width: 50%;
        height: 220px;
        overflow: hidden;
        bottom:20px;
        left:0px;
        background: url('../images/overlay-graphic.png') no-repeat scroll left bottom;
        }
    .reference-list .layer {
        position: relative;
        z-index: 3;
        width: 100%;
        height: 248px;
        overflow: hidden;
        background: url('../images/reference_list_layer.png') no-repeat scroll left top;
        }
        .reference-list .layer h3 {
            margin: 25px 0 0 676px;
            height: 40px;
            overflow: hidden;
            line-height: 20px;
            font-size: 19px;
            font-weight: normal;
            color: #161210;
        }
        .reference-list .layer ul {                                      
            margin: 10px 0 0 676px;
            height: 134px;
            overflow: hidden;
            }
            .reference-list .layer ul li {
                line-height: 26px;
                color: #161210;
            }
        .reference-list .layer a.advance:link,
        .reference-list .layer a.advance:visited {
            display: block;
            margin: 0 100px 0 676px;
            line-height: 18px;
            text-decoration: none;
            color: #2e2e2e;
            }
            .reference-list .layer a.advance:link span,
            .reference-list .layer a.advance:visited span {
                margin-right: 10px;
                border-bottom: 1px solid #2e2e2e;
            }
            .reference-list .layer a.advance:hover span {
                border-bottom-width: 0;
            }

.hosting-price-table                    { margin-top: 20px; padding: 0 42px; }
.hosting-price-table table              { width: 100%; border-collapse: collapse; }
.hosting-price-table table small        { font-size: 11px; }
.hosting-price-table table th,
.hosting-price-table table td           { padding: 3px 10px 3px 30px; min-height: 20px; line-height: 18px; vertical-align: top; white-space: nowrap; }
.hosting-price-table table td.spaced    { font-size: 1px; background: url('../images/dots_h_black.gif') repeat-x scroll left center; }
.hosting-price-table table thead th     { text-align: right; background: url('../images/laquo_orange.gif') no-repeat scroll right center; }
.hosting-price-table table thead th strong { margin-left: 20px; display: block; font-weight: 700; text-align: right; }
.hosting-price-table table thead td.spaced { line-height: 10px; background-position: left top; }
.hosting-price-table table tbody th     { padding-left: 0; padding-right: 20px; }
.hosting-price-table table tbody td     { text-align: right; }
.hosting-price-table table tbody tr.after td { padding-bottom: 10px; }
.hosting-price-table table tbody tr.last-child td { padding-bottom: 14px; }
.hosting-price-table table tfoot th     { padding-top: 8px; text-align: right; background: url('../images/dots_h_black.gif') repeat-x scroll left top; }
.hosting-price-table table tfoot th strong { font-size: 15px; font-weight: 700; }

#jobs {width: 350px;height: 120px;position: absolute;background: url(../images/jobs_bg.png) no-repeat left bottom;text-align: center;padding-top: 10px;line-height: 20px;text-shadow: 2px 1px 2px rgba(0,0,0,0.20);z-index: 3;left:0;}
#jobs a {text-shadow: 1px 1px 2px rgba(0,0,0,1);color: white;}
article .pagination{line-height: 30px;}

#fancybox-loading{position:fixed;top:50%;left:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;cursor:pointer;overflow:hidden;z-index:1104;display:none}#fancybox-loading div{position:absolute;top:0;left:0;width:40px;height:480px;background-image:url('../fancybox/fancybox.png')}#fancybox-overlay{position:absolute;top:0;left:0;width:100%;z-index:1100;display:none}#fancybox-tmp{padding:0;margin:0;border:0;overflow:auto;display:none}#fancybox-wrap{position:absolute;top:0;left:0;padding:20px;z-index:1101;outline:0;display:none}#fancybox-outer{position:relative;width:100%;height:100%;background:#fff}#fancybox-content{width:0;height:0;padding:0;outline:0;position:relative;overflow:hidden;z-index:1102;border:0 solid #fff}#fancybox-hide-sel-frame{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:1101}#fancybox-close{position:absolute;top:-15px;right:-15px;width:30px;height:30px;background:transparent url('../fancybox/fancybox.png') -40px 0;cursor:pointer;z-index:1103;display:none}#fancybox-error{color:#444;font:normal 12px/20px Arial;padding:14px;margin:0}#fancybox-img{width:100%;height:100%;padding:0;margin:0;border:0;outline:0;line-height:0;vertical-align:top}#fancybox-frame{width:100%;height:100%;border:0;display:block}#fancybox-left,#fancybox-right{position:absolute;bottom:0;height:100%;width:35%;cursor:pointer;outline:0;background:transparent url('../fancybox/blank.gif');z-index:1102;display:none}#fancybox-left{left:0}#fancybox-right{right:0}#fancybox-left-ico,#fancybox-right-ico{position:absolute;top:50%;left:-9999px;width:30px;height:30px;margin-top:-15px;cursor:pointer;z-index:1102;display:block}#fancybox-left-ico{background-image:url('../fancybox/fancybox.png');background-position:-40px -30px}#fancybox-right-ico{background-image:url('../fancybox/fancybox.png');background-position:-40px -60px}#fancybox-left:hover,#fancybox-right:hover{visibility:visible}#fancybox-left:hover span{left:20px}#fancybox-right:hover span{left:auto;right:20px}.fancybox-bg{position:absolute;padding:0;margin:0;border:0;width:20px;height:20px;z-index:1001}#fancybox-bg-n{top:-20px;left:0;width:100%;background-image:url('../fancybox/fancybox-x.png')}#fancybox-bg-ne{top:-20px;right:-20px;background-image:url('../fancybox/fancybox.png');background-position:-40px -162px}#fancybox-bg-e{top:0;right:-20px;height:100%;background-image:url('../fancybox/fancybox-y.png');background-position:-20px 0}#fancybox-bg-se{bottom:-20px;right:-20px;background-image:url('../fancybox/fancybox.png');background-position:-40px -182px}#fancybox-bg-s{bottom:-20px;left:0;width:100%;background-image:url('../fancybox/fancybox-x.png');background-position:0 -20px}#fancybox-bg-sw{bottom:-20px;left:-20px;background-image:url('../fancybox/fancybox.png');background-position:-40px -142px}#fancybox-bg-w{top:0;left:-20px;height:100%;background-image:url('../fancybox/fancybox-y.png')}#fancybox-bg-nw{top:-20px;left:-20px;background-image:url('../fancybox/fancybox.png');background-position:-40px -122px}#fancybox-title{font-family:Helvetica;font-size:12px;z-index:1102}.fancybox-title-inside{padding-bottom:10px;text-align:center;color:#333;background:#fff;position:relative}.fancybox-title-outside{padding-top:10px;color:#fff}.fancybox-title-over{position:absolute;bottom:0;left:0;color:#FFF;text-align:left}#fancybox-title-over{padding:10px;background-image:url('../fancybox/fancy_title_over.png');display:block}.fancybox-title-float{position:absolute;left:0;bottom:-20px;height:32px}#fancybox-title-float-wrap{border:0;border-collapse:collapse;width:auto}#fancybox-title-float-wrap td{border:0;white-space:nowrap}#fancybox-title-float-left{padding:0 0 0 15px;background:url('../fancybox/fancybox.png') -40px -90px no-repeat}#fancybox-title-float-main{color:#FFF;line-height:29px;font-weight:bold;padding:0 0 3px 0;background:url('../fancybox/fancybox-x.png') 0 -40px}#fancybox-title-float-right{padding:0 0 0 15px;background:url('../fancybox/fancybox.png') -55px -90px no-repeat}.fancybox-ie6 #fancybox-close{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../fancybox/fancy_close.png',sizingMethod='scale')}.fancybox-ie6 #fancybox-left-ico{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../fancybox/fancy_nav_left.png',sizingMethod='scale')}.fancybox-ie6 #fancybox-right-ico{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../fancybox/fancy_nav_right.png',sizingMethod='scale')}.fancybox-ie6 #fancybox-title-over{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../fancybox/fancy_title_over.png',sizingMethod='scale');zoom:1}.fancybox-ie6 #fancybox-title-float-left{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../fancybox/fancy_title_left.png',sizingMethod='scale')}.fancybox-ie6 #fancybox-title-float-main{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../fancybox/fancy_title_main.png',sizingMethod='scale')}.fancybox-ie6 #fancybox-title-float-right{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../fancybox/fancy_title_right.png',sizingMethod='scale')}.fancybox-ie6 #fancybox-bg-w,.fancybox-ie6 #fancybox-bg-e,.fancybox-ie6 #fancybox-left,.fancybox-ie6 #fancybox-right,#fancybox-hide-sel-frame{height:expression(this.parentNode.clientHeight+"px")}#fancybox-loading.fancybox-ie6{position:absolute;margin-top:0;top:expression((-20+(document.documentElement.clientHeight ? document.documentElement.clientHeight/2:document.body.clientHeight/2)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop))+'px')}#fancybox-loading.fancybox-ie6 div{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../fancybox/fancy_loading.png',sizingMethod='scale')}.fancybox-ie .fancybox-bg{background:transparent!important}.fancybox-ie #fancybox-bg-n{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../fancybox/fancy_shadow_n.png',sizingMethod='scale')}.fancybox-ie #fancybox-bg-ne{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../fancybox/fancy_shadow_ne.png',sizingMethod='scale')}.fancybox-ie #fancybox-bg-e{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../fancybox/fancy_shadow_e.png',sizingMethod='scale')}.fancybox-ie #fancybox-bg-se{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../fancybox/fancy_shadow_se.png',sizingMethod='scale')}.fancybox-ie #fancybox-bg-s{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../fancybox/fancy_shadow_s.png',sizingMethod='scale')}.fancybox-ie #fancybox-bg-sw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../fancybox/fancy_shadow_sw.png',sizingMethod='scale')}.fancybox-ie #fancybox-bg-w{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../fancybox/fancy_shadow_w.png',sizingMethod='scale')}.fancybox-ie #fancybox-bg-nw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../fancybox/fancy_shadow_nw.png',sizingMethod='scale')}