@charset "iso-8859-2";
/* CSS Document */

span.order { border: 1px solid #FFF; padding: 3px 8px; background: #ED7A0F; }
    span.order a { font-size: 12px; text-decoration: none; color: #FFF; }
    span.order a:hover { font-size: 12px; text-decoration: underline; color: #FFF; }

div.layout { height: 100%; background: url(../img/main_bg.jpg) top left no-repeat; }
    div.layout div.main { width: 992px; }
        div.layout div.main div.shadow { width: 992px; background: url(../img/shadow_left.png) top right repeat-y; }
            div.layout div.main div.shadow_top { background: url(../img/shadow_top.jpg) top right no-repeat; }
            div.layout div.main div.shadow_content { width: 976px; overflow: hidden; }
            div.layout div.main div.shadow_bottom { height: 18px; background: url(../img/shadow_bottom.png) top left repeat-x; }
                div.layout div.main div.shadow_corner { float: right; background: #DDD url(../img/shadow_corner.png) bottom right no-repeat;
                                                        width: 16px; height: 18px; }

        div.layout div.main div.top { height: 235px; }
            div.main div.top div.logo { float: left; padding-top: 45px; }
            div.main div.top div.flash { float: right; }

        div.layout div.main div.menu { height: 51px; background: url(../img/menu_bg.jpg) top left repeat-x; }
            div.main div.menu div.topmenu { float: left; padding-left: 20px; }
            div.main div.menu div.counter { float: right; padding: 18px 10px 0px 0px; }
            div.main div.menu div.home { float: right; }
                div.main div.menu div.home a { height: 51px; width: 30px; display: block; background: url(../img/icon_home_a.jpg) top left no-repeat; }
                div.main div.menu div.home a:hover { background: url(../img/icon_home.jpg) top left no-repeat; }
            div.main div.menu div.right { float: right; height: 50px; width: 8px; background: url(../img/menu_top_right.jpg) top left no-repeat; }

        div.layout div.main div.menu_sub { height: 46px; background: url(../img/menusub_bg.jpg) top left repeat-x; border-right:1px solid #818181;
                                           padding-left: 20px; }        

        div.layout div.main div.content { height: 340px; overflow: hidden; border-right:1px solid #818181; clear: both; }
            div.layout div.main div.content td.news { width: 295px; }

        div.layout div.main div.content_sub { border-right:1px solid #818181; }
            div.layout div.main div.content_sub td.left { width: 295px; background: #FEFEFE url(../img/news_bg.jpg) top left repeat-y; }
            div.layout div.main div.content_sub td.leftreal { width: 295px; background: #EFEFEF url(../img/real_bg.jpg) top right repeat-y; }
            div.layout div.main div.content_sub td.leftinfo { width: 295px; background: #E9E9E9; }

        div.layout div.main div.bottom { background: #FEFEFE url(../img/company_bg.gif) top left repeat-y;
                                        border-bottom:1px solid #818181; border-right:1px solid #818181; }

        div.layout div.main div.footer { padding: 15px 25px 25px 25px; }
            div.main div.footer div.menunav { float: left; }
            div.main div.footer div.copyright { float: right; color: #8A8A8A; }
                div.main div.footer div.copyright span { color: #D77618; }
            div.main div.footer div.seo { float: right; color: #8A8A8A; font-size: 11px; padding: 0px 0px 0px 10px; }
                div.main div.footer div.seo h1 { color: #8A8A8A; font-weight: normal; text-transform: uppercase; font-size: 11px; padding: 0px; float: left; }
                div.main div.footer div.seo a { color: #D77618; font-weight: normal; text-transform: uppercase; font-size: 11px; padding: 0px; float: left; }
                div.main div.footer div.seo a:hover { color: #D77618; font-weight: normal; text-transform: uppercase; font-size: 11px; padding: 0px; }


/* REALIZATIONS LIST */

div.layout div.main div.real_list { height: 101px; background: #D7D7D7; border-right:1px solid #818181; }
    div.layout div.main div.real_list td.left_real { width: 22px; }
    div.layout div.main div.real_list td.right_real { width: 20px; }
    div.layout div.main div.real_list td.center_real { padding-top: 10px; }
        div.real_list td.center_real div.item_real { float: left; width: 104px; text-align: center; }
            div.item_real p.pic { }
                div.item_real p.pic a img { border: 1px solid #DCDCDC; }
                div.item_real p.pic a:hover img { border: 1px solid #EE8417; }
                div.item_real p.pic a#active img { border: 1px solid #EE8417; }
                div.item_real p.pic a#active:hover img { border: 1px solid #EE8417; }
            div.item_real p.name { padding-top: 3px; }
                div.item_real p.name a { color: #4B4B4B; text-decoration: none; }
                div.item_real p.name a:hover { color: #4B4B4B; text-decoration: underline; }

    div.scroll_real { height: 90px; width: 930px; overflow: hidden; }

/* REALIZATIONS GALLERY */

div.real_gallery div.scroll_realgallery { height: 355px; width: 635px; overflow: hidden; float: right; margin: 5px 5px 10px 0px; }
    div.real_gallery div.scroll_realgallery div.item_realgallery { float: left; width: 635px; text-align: center; }
    
    div.real_gallery div.realgallery_select { clear: both; float: right; margin: 0px 10px 10px 0px; }
    div.real_gallery div.realgallery_select a { color: #FFF; background: #D1D1D1; padding: 2px 5px; text-decoration: none; }
    div.real_gallery div.realgallery_select a:hover { color: #FFF; background: #F27E0F; padding: 2px 5px; text-decoration: none; }

    div.real_gallery div.realgallery_select a#active { color: #FFF; background: #F27E0F; padding: 2px 5px; text-decoration: none; }
    div.real_gallery div.realgallery_select a#active:hover { color: #FFF; background: #F27E0F; padding: 2px 5px; text-decoration: none; }

/* ARTICLE */

div.main div.content_sub td.article { background: #EBEBEB url(../img/article_corner.gif) bottom right no-repeat; }
    div.content_sub td.article div.article p.article_title { height: 30px; background: url(../img/article_title.jpg) top left no-repeat;
                        margin: 15px 0px; color: #474747; font-size: 14px; font-weight: bold; padding: 9px 0px 0px 30px; }
        td.article div.article div.article_text { color: #717171; padding: 10px 45px 30px 45px;  }

/* INFO BOX */

div.info { width: 295px; }
    div.info p.info_title { background: url(../img/info_title.jpg) top left no-repeat; height: 30px; padding: 9px 0px 0px 35px; margin-top: 15px; }
        div.info p.info_title a { font-size: 14px; font-weight: bold; text-decoration: none; color: #393939; }
        div.info p.info_title a:hover { text-decoration: underline;  }
    div.info div.info_lid { padding: 20px 35px; color: #868485; }

/* REALIZATIONS BOX */

div.real { width: 295px; }
    div.real p.real_title { background: url(../img/real_title_bg.jpg) top left no-repeat; height: 31px; padding: 9px 0px 0px 35px; margin-top: 15px; }
    div.real div.real_list_box { padding: 5px 28px 20px 30px; }

    div.real div.real_list_box div.real_box_line { height: 1px; font-size: 1px; line-height: 1px; border-bottom: 1px dashed #CAC3C3; margin: 1px 0px; }

    div.real div.real_list_box p.header_real { padding: 6px 0px 8px 20px; background: url(../img/offer_pointer.gif) 0px 10px no-repeat; }
        div.real div.real_list_box p.header_real a { color: #4D4747; font-weight: bold; text-decoration: none; }
        div.real div.real_list_box p.header_real a:hover { color: #4D4747; font-weight: bold; text-decoration: underline; }
    div.real div.real_list_box div.entry_real { }
        div.real div.real_list_box div.entry_real a { background: url(../img/real_img_bg.jpg) top left no-repeat;
                                                display:block; padding:4px; height: 104px; width: 237px; }

/* NEWS */
        
div.news { width: 295px; height: 340px;  background: url(../img/news_bg.jpg) top left repeat-x; }
    div.news div.news_title { background: url(../img/news_title.jpg) top left no-repeat; height: 34px; margin-top: 15px; padding: 10px 0px 0px 33px; }
    div.news div.news_list { padding: 5px 25px; }
        div.news div.news_list div.news_box_line { height: 1px; font-size: 1px; line-height: 1px; border-bottom: 1px dashed #CAC3C3; margin: 1px 0px; }

        div.news div.news_list p.header_news a { display: block; color: #4E4747; font-weight: bold; padding: 10px 0px 10px 15px; font-size: 11px; }
        div.news div.news_list p.header_news a:hover { background: #F4F4F4; }
        div.news div.news_list p#header_active a { background: url(../img/news_minus.gif) 98% 50% no-repeat; }
        div.news div.news_list p#header_active a:hover { background: #F4F4F4 url(../img/news_minush.gif) 98% 50% no-repeat; }
        div.news div.news_list p#header_inactive a { background: url(../img/news_plus.gif) 98% 50% no-repeat; }
        div.news div.news_list p#header_inactive a:hover { background: #F4F4F4 url(../img/news_plush.gif) 98% 50% no-repeat; }

        div.news div.news_list div.entry_news div.news_box_line { margin-bottom: 10px; }
        div.news div.news_list div.entry_news img { border: 1px solid #818181; margin: 0px 5px 5px 0px; }

/* OFFER */

div.offer { height: 340px; background: url(../img/offer_bg.jpg) top left repeat-x; }
    div.offer div.offer_entry { height: 340px; width: 169px; float: left; overflow: hidden;
                                background: url(../img/offer_entry_bg.jpg) bottom left no-repeat; }
        div.offer div.offer_entry p.offer_title { background: url(../img/offer_title.jpg) top left no-repeat; height: 25px; margin-top: 15px;
                                                  padding: 14px 0px 0px 15px;  }
            div.offer div.offer_entry p.offer_title a { font-size: 14px; font-weight: bold; text-decoration: none; color: #3A3A3A }
            div.offer div.offer_entry p.offer_title a:hover { font-size: 14px; font-weight: bold; text-decoration: underline; }
            div.offer div.offer_entry div.offer_lid { padding: 15px 0px 15px 40px; background: url(../img/offer_pointer.gif) 20px 20px no-repeat; width: 115px; }
            div.offer div.offer_entry div.offer_text { padding: 15px 0px 15px 40px; background: url(../img/offer_pointer.gif) 20px 20px no-repeat; width: 490px; }
                div.offer div.offer_entry div.offer_bg0 { background: url(../img/offer0.jpg) bottom left no-repeat; height: 325px; _height: 340px; }
                div.offer div.offer_entry div.offer_bg1 { background: url(../img/offer1.jpg) bottom left no-repeat; height: 325px; _height: 340px; }
                div.offer div.offer_entry div.offer_bg2 { background: url(../img/offer2.jpg) bottom left no-repeat; height: 325px; _height: 340px; }
                div.offer div.offer_entry div.offer_bg3 { background: url(../img/offer3.jpg) bottom left no-repeat; height: 325px; _height: 340px; }

            div.offer div.offer_entry div.offer_entry_small { background: url(../img/offer_vertical.jpg) bottom left no-repeat; height: 340px;
                                                                vertical-align: bottom; }
        div.offer div#offer_entry0 { border-right: 1px solid #CECECE; }
        div.offer div#offer_entry1 { border-right: 1px solid #CECECE; }
        div.offer div#offer_entry2 { border-right: 1px solid #CECECE; }
        div.offer div#offer_entry3 { }

/* COMAPANY */

td.company { background: url(../img/company_bottom.gif) bottom left no-repeat; width: 638px; }

td.company div.company_name { background: url(../img/company_top.gif) top left no-repeat; height: 30px; padding: 26px 0px 0px 35px; }
    td.company div.company_name a { font-size: 14px; font-weight: bold; text-decoration: none; color: #FFF; }
    td.company div.company_name a:hover { text-decoration: underline; }
td.company div.company_desc { padding: 20px 35px; color: #FFF; }

/* LOGOS */
td.logos { background: url(../img/logos_bg.jpg) bottom left no-repeat; }
    td.logos p.name { background: url(../img/logos_name2.jpg) top left no-repeat; height: 29px; padding:30px 0 0 25px; }
    td.logos div.logos { padding: 25px 0px 0px; text-align: center; }
        td.logos div.logos td.logos_image { width: 50%; height: 70px; vertical-align: top; }