@import url("forms.css");
@import url("defaults.css");

#body {
    /* background: url(images/homepage/homepage_bg.jpg) no-repeat 50% 0px; */
    background: url(images/page_bg.jpg) no-repeat 50% 15px;
}

#page {
    width: 100%;
    text-align: center;
}
#page_in {
    width: 980px;
    margin: 0px auto;
    text-align: left;
}

#homepageContent {
    text-align: center;
    /* background: url(images/page_bg_left.jpg) no-repeat 50% 20px; */
}
#homepageContentIn {
    width: 980px;
    margin: 0px auto;
    text-align: left;
}

#domain {
    width: 980px;
    margin: 0px auto;
}
#bottom {
    width: 980px;
    margin: 0px auto;
}

#panels {
    margin: 0px 0px 11px 0px;
}
#panels .panel {
    float: left;
    padding: 0px;
    text-align: left;
    background: url(images/homepage/vytocto_panel_bg.gif) repeat-y left top;
}
#panels .panel_bottom {
    padding: 0px;
    background-repeat: no-repeat;
    background-position: left bottom;
}
#panels .panel_top {
    background: url(images/homepage/vytocto_panel_top.gif) no-repeat left top;
    min-height: 184px;
    _height: 184px;
    position: relative;
    padding: 0px 0px 20px 0px;
}
#panels .panel_1 {
    width: 322px;
}
#panels .panel_1 .panel_bottom {
    background-image: url(images/homepage/vytocto_panel_bottom_1.gif);
}
#panels .panel_2 {
    width: 324px;
    margin: 0px 5px;
}
#panels .panel_2 .panel_bottom {
    background-image: url(images/homepage/vytocto_panel_bottom_2.gif);
}
#panels .panel_2 .panel_top {
    background: url(images/homepage/vytocto_panel_top2.gif) no-repeat left top;
}
#panels .panel_3 {
    width: 324px;
}
#panels .panel_3 .panel_bottom {
    background-image: url(images/homepage/vytocto_panel_bottom_3.gif);
}
#panels .panel_3 .panel_top {
    background: url(images/homepage/vytocto_panel_top2.gif) no-repeat left top;
}
#panels .panel dl {
    margin: 0px;
    padding: 10px 20px;
}
#panels .panel dl dt {
    margin: 0px;
    padding: 0px;
    font-family: times,sans-serif;
    font-size: 2.1em;
}
#panels .panel dl dt a {
    text-decoration: none;
}
#panels .panel dl dt .vytocto {
    background: url(images/vytocto.gif) no-repeat 3px 2px;
    padding: 1px 0px 1px 110px;
}
#panels .panel dl dt .vytocto span {
    display: none;
}
#panels .panel dl dd {
    margin: 0px;
    padding: 0px;
}
#panels .panel dl dd.info {
    padding: 13px 110px 10px 9px;
    font-size: 1.1em;
}
#panels .panel_3 dl dt {
    padding-left: 8px;
}
#panels .panel_3 dl dd.info {
    padding-right: 145px;
}
#panels .panel .go {
    /* background: url(images/btn_service_go.gif) no-repeat left top; */
    background: none;
    /* width: 89px;
    height: 29px; */
    position: absolute;
    left: 25px;
    bottom: 25px;
    text-align: center;
    padding: 7px 0px 8px 0px;
    min-width: 97px;
    _width: 97px;
}
#panels .panel .go a {
    /* color: #FFF; */
    /* display: block; */
    /* padding: 7px 18px 5px 5px; */
    /* width: 66px;
    height: 17px; */
}

span.btngo {
    /* background: url(images/vytocto_panel_btn_left.gif) no-repeat center left; */
    background: url(images/button_left.gif) no-repeat center left;
    color: #FFFFFF;
    font-weight: normal;
    white-space: nowrap;
    padding: 5px 0px 7px 0px;
}
/* span.btngo span.btngoEnd {
    background: url(images/button_right.gif) no-repeat 100% 50%;
    padding: 5px 0px 7px 0px;
} */
span.btngo span.btngoEnd {
    background: url(images/button_end_clear.gif) no-repeat 100% 50%;
    padding: 5px 0px 7px 0px;
}
span.btngo a.btngo {
    color: #FFFFFF;
    text-decoration: none;
    /* padding: 6px 23px 6px 15px; */
    padding: 6px 15px 6px 15px;
    cursor: pointer;
}

#page .bigbanner {
    text-align: center;
}

#content {
    margin: 20px 0px 0px 0px;
}
#content .content {
    width: 654px;
    float: left;
    min-height: 300px;
    _height: 300px;
    margin: 0px 15px 0px 0px;
    text-align: center;
}
#content .mediumbanner {
    float: left;
    text-align: center;
}

#productsPanel {
    margin: 20px 0px 15px 0px;
    position: relative;
}
#productsPanelHead {
    margin: 0px 0px 0px 15px;
    padding: 0px;
    list-style: none;
    position: absolute;
    left: 0px;
    top: -25px;
}
#productsPanelHead li {
    margin: 0px;
    padding: 0px 10px 0px 10px;
    float: left;
    border-right: 1px dotted #B3B3B3;
}
#productsPanelHead li a {
    font-weight: bold;
    font-size: 1.1em;
}
#productsPanelHead li.active {
    background: url(images/products_active_bottom.gif) no-repeat center bottom;
    height: 41px;
    margin: 0px 10px;
    padding: 0px;
    border: none;
}
#productsPanelHead li.active .left {
    background: url(images/products_active_left.gif) no-repeat left top;
    display: block;
    float: left;
    min-height: 32px;
    _height: 32px;
    padding: 0px 0px 0px 20px;
}
#productsPanelHead li.active .right {
    background: url(images/products_active_right.gif) no-repeat right top;
    display: block;
    float: left;
    min-height: 32px;
    _height: 32px;
    padding: 7px 20px 0px 0px;
    min-width: 100px;
    _width: 100px;
}
#productsPanelHead li.active a {
    color: #FFFFFF;
}

#products {
    margin: 0px auto;
    padding: 0px;
    width: 629px;
    min-height: 230px;
    _height: 230px;
}

#packages {
    margin: 0px auto;
    padding: 0px 0px 0px 50px;
    width: 602px; /*  629px; */
    min-height: 230px;
    _height: 230px;
}

#news {
    margin: 0px auto;
    padding: 0px;
    width: 629px;
    min-height: 230px;
    _height: 230px;
}

#products .products_left, #products .products_right {
    margin: 0px;
    padding: 110px 0px 0px 0px;
    width: 22px;
    height: 124px;
}
#products .products_left {
    background: url(images/products_left.gif) no-repeat left 50%;
    float: left;
    margin: 0px 10px 0px 0px;
}
#products .products_right {
    background: url(images/products_right.gif) no-repeat left 50%;
    float: right;
}
#products .products_left a, #products .products_right a {
    /* display: block;
    width: 22px;
    height: 29px; */
    text-decoration: none;
    padding: 7px 8px;
}
#products .products_left a span, #products .products_right a span {
    display: none;
}
#products .products_list {
    width: 575px;
    position: relative;
    height: 230px;
    overflow: hidden;
}
#plist {
    height: 230px;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 10000px;
}

#homeProductsForm {
    float: left;
    width: 575px;
}

#news .news_in {
    /* padding: 0px 20px 10px 20px; */
    padding: 0px 20px;
    /* overflow: auto; */
    /* height: 215px; */
}

dl.homepage_news {
    margin: 0px 0px 5px 0px;
    padding: 0px;
    text-align: left;
}
dl.homepage_news dt {
    margin: 0px;
    padding: 0px;
    font-size: 1.1em;
    font-weight: bold;
}
dl.homepage_news dd {
    margin: 0px;
}
dl.homepage_news dd p {
    padding: 0px;
}
dl.homepage_news dd.desc {
    padding: 5px 0px 10px 0px;
    background: url(images/apps/content_sep.gif) no-repeat left bottom;
    font-size: 1.1em;
}
dl.homepage_news dd.desc_last {
    background: none;
}
dl.homepage_news dd.go {
    padding: 0px 0px 5px 0px;
    text-align: right;
    background: url(images/apps/content_sep.gif) no-repeat left bottom;
}
dl.homepage_news dd a {
    color: #24369B;
}
dl.homepage_news dd.go_last {
    padding: 0px;
    background: none;
}
dl.homepage_news dd.go a {
    color: #354EB9;
}

.followus {
    background: url(../images/twitter.gif) no-repeat left top;
    width: 166px;
    height: 50px;
    position: absolute;
    left: 15px;
    top: -30px;
    padding: 5px 0px 0px 15px;
}
.followus a {
    display: block;
    width: 160px;
    height: 48px;
    outline: none;
}
.followus a span {
    display: none;
}