@import "reset.css";

/* stylized blocks */

        html, body { background:#58626b; }
        body, table, td { font:12px Arial, sans-serif; }
        a { color:inherit; color:expression(this.parentNode.currentStyle.color); }
        a:hover { text-decoration:none; }
        table, td { vertical-align:top; }
        h1, .header1 { font:bold 15px Arial; color:#003399; margin:1em 0; }
        h2 { font-size:14px; font-weight:bold; text-transform:uppercase; color:#666; }

        .rel { position:relative; }
        .left { float:left; }
        .right { float:right; }

        .green { color:#147607 !important; }
        .blue { color:#003399 !important; }

/* structure blocks */

        /* шапка */
        div.header { position:relative; min-width:1000px; width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 1000? "1000px": "auto"); }
        div.header table.bgc { width:100%; }
        div.header .bgc .sea { background:url(../images/h_sea_bgc_left.png) repeat-x left top; width:40%; height:203px; }
        div.header .bgc .beach { background:url(../images/h_bgc_center.jpg) repeat-x left top; width:60%; height:203px; }
        div.header .bgc .grass { background:url(../images/h_grass.jpg) repeat-x left top; height:49px; }

        .header .h_right_block { position:absolute; top:0; right:0; background:url(../images/h_right_block.jpg) no-repeat; width:505px; height:252px; }
        .header .h_clouds_left { position:absolute; top:0; left:0; background:url(../images/h_clouds_left.png) no-repeat; width:428px; height:109px; }
        .header .h_sea_left { background:url(../images/h_sea_left.jpg) no-repeat; width:496px; height:164px; float:right; }
        .header .h_birds_and_sun { position:absolute; top:0; left:30%; background:url(../images/h_birds_and_sun.png) no-repeat; width:335px; height:99px; }
        .header .h_left_block { position:absolute; top:107px; left:0; background:url(../images/h_left_block.png) no-repeat; width:255px; height:145px; }
        .header .logo { position:absolute; top:12px; left:13px; background:url(../images/logo.png) no-repeat; width:228px; height:96px; cursor:pointer; }
        .header .icons_navig { position:relative; float:right; margin:15px 40px; }

        .header .car1 { position:relative; float:right; margin-top:-15px; margin-right:70px; background:url(../images/h_car1.png) no-repeat; width:107px; height:49px; }
        .header .car2 { position:absolute; top:140px; left:50%; background:url(../images/h_car2.png) no-repeat; width:184px; height:60px; }
        .header .car3 { position:absolute; top:155px; right:15%; background:url(../images/h_car3.png) no-repeat; width:186px; height:60px; }


/** основной блок с контентом **/
        div.contents { margin-right:15px; margin-top:-10px; }
        div.contents table.index { width:100%; }
        div.contents table.index td.left_block_menu { width:250px; background:url(../images/menu_bgc_gray.png) repeat-y; }
        div.contents table.index td.contents_and_menu { background:white url(../images/lines_bgc.png) repeat-y right top; padding:30px; padding-top:0; text-align:justify; color:#666; }

        /* горизонтальное меню */
        div.contents table.index td.contents_and_menu .m_menu {
                position:relative;
                height:41px;
                background:url(../images/menu2_bgc.png) repeat-x left top;
                margin:0 -30px;
                text-indent:45px;
                color:white;
                font:15px/35px Arial;
                padding-right:25px;
                white-space:nowrap;
                margin-bottom:10px;
        }
        div.contents table.index td.contents_and_menu .m_menu .corner { background:url(../images/menu2_corner.png) no-repeat; width:17px; height:41px; position:absolute; right:-16px; top:0; }
        div.contents table.index td.contents_and_menu .m_menu a { text-decoration:none; text-transform:uppercase; position:relative; -top:5px; }
        div.contents table.index td.contents_and_menu .m_menu a:hover,
        div.contents table.index td.contents_and_menu .m_menu a.active { background:none; color:#003399; }
        div.contents table.index td.contents_and_menu .m_menu a:hover img,
        div.contents table.index td.contents_and_menu .m_menu a.active img { background-position:-8px 0; }
        div.contents table.index td.contents_and_menu .m_menu a img { vertical-align:middle; width:8px; height:13px; background:url(../images/menu2_arrow.png) no-repeat left top; position:relative; top:-2px; margin-right:5px;  }
        div.contents table.index td.contents_and_menu .m_menu i { font-size:20px; margin:0 15px; position:relative; -top:5px; }

        div.contents table.index td.contents_and_menu .text { padding:15px; padding-right:50px; }

        /* вертикальное меню */
        .menu .title {
                background:url(../images/menu_title_bgc.png) no-repeat;
                width:250px;
                height:52px;
                display:block;
                position:relative;
                z-index:15;
                text-align:center;
                font:bold 21px/52px Arial;
                text-transform:uppercase;
                color:#003399;
                text-indent:10px;
                left:15px;
                margin-top:-15px;
        }
        .menu .title span { position:relative; }

        .menu .bgc { background:url(../images/menu_bgc_middle.png) repeat-y; }
        .menu .service { position:relative; padding-bottom:140px; background:url(../images/menu_bgc_bottom.png) no-repeat left bottom; }
        .menu .service .head_bgc { background:url(../images/menu_bgc_top.png) no-repeat; width:250px; height:45px; display:block; }
        .menu .service .content { position:relative; top:-20px; margin-bottom:-35px; display:block; margin-left:50px; }
        .menu .service .content a { font-size:13px; text-decoration:none; text-transform:uppercase; color:#003399; }
        .menu .service .content a:hover { text-decoration:underline; }
        .menu .service .content .sub { display:block; margin-left:12px; //margin-left:17px; padding-top:3px; }
        .menu .service .content .sub a { color:#3a3a3a; font:9px/14px Verdana; }
        .menu .service .content .sub a:before { content:"\2d\ "; }
        .menu .service .content .sub a:hover { color:#999; }
        .menu .service .content .lines { height:3px; overflow:hidden; background:url(../images/menu_lines.png) no-repeat center top; display:block; margin:5px 0; margin-left:-15px; }
        .menu .service .content a.ico { display:block; margin-left:18px; }
        .menu .service .content a.ico img { background:url(../images/menu_icons.gif) no-repeat left top; vertical-align:middle; margin-right:5px; margin-left:-20px; width:15px; height:15px; }

        /* онлайн-заявка */
        .feedback { padding-bottom:30px; font-size:11px; position:relative; background:url(../images/menu_bgc_gray.png) repeat-y; margin-top:0; }
        .feedback table.form { font-size:12px; margin:15px; width:210px; }
        .feedback table.form td { padding:3px 0; font-size:12px; vertical-align:middle; }
        .feedback table.form .submit { cursor:pointer; }
        .feedback table.form input,
        .feedback table.form textarea { width:115px; }


        /* подвал */
        tr.footer td.left_part { background:url(../images/footer_bgc_left2.png) repeat-y; }
        tr.footer td.right_part { padding:15px; background:#7f7f7f; color:white; text-align:right; font-size:12px; }