@import "reset.css";

/* stylized blocks */

        html, body { background:#e5d4ba url(../images/bgc1.png) repeat-x left top; }
        body, table, td { font:12px Verdana, sans-serif; }
        a { color:inherit; color:expression(this.parentNode.currentStyle.color); }
        a:hover { text-decoration:none; }
        h1  { font:20px/21px Tahoma; font-weight:bold; color:#cd922e }
        table, td { vertical-align:top; }
         h2   { font:13px/14px Tahoma; font-weight:bold; color:#874407 }

        table, td { vertical-align:top; }
        .rel { position:relative; }
        .left { float:left; }
        .right { float:right; }

        /* useful colors */
        .gray { color:#666; }
        .brown { color:#990000; font:13px/23px Tahoma; }
        .black { color:black; }


/* structure blocks */

        div.main {
                position:relative;
                min-width:1000px;
                width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 1000 ? "1000px": "auto");
                background:url(../images/bgc2.png) no-repeat center top;
                overflow-x:hidden;
        }

/* header */
        div.main  div.header { position:relative; text-align:center; height:373px; }

        div.main  div.header .phones { text-align:left; position:absolute; left:20px; top:-15px; color:white; font:13px/20px Tahoma; white-space:nowrap; }
        div.main  div.header .decor { position:absolute; top:41px; }
        div.main  div.header .decor.l { left:20px; width:206px; height:166px; background:url(../images/header_1.png) no-repeat; }
        div.main  div.header .decor.r { right:20px; width:239px; height:296px; background:url(../images/header_3.png) no-repeat; }

        div.main  div.header .head { position:relative; z-index:100; display:block; margin-left:-130px; }
        div.main  div.header .head .logo { margin-right:-90px; }

        .navig { position:absolute; right:20px; top:10px; z-index:1000; }
        .navig a { float:left; margin-left:25px; width:23px; height:23px; overflow:hidden; }
        .navig a img { width:11px; height:11px; background:url(../images/icons_navig.gif) no-repeat 0 0; margin:6px; }
        .navig a:hover, .navig a.active { background:url(../images/icons_navig_bgc.gif) no-repeat; }
        .navig a.home img { background-position:0 0; }
        .navig a.sitemap img { background-position:-11px 0; }
        .navig a.email img { background-position:-22px 0; }

/* contents & menu */
        table.contents { position:relative; background:#f0e4d3 url(../images/main_bgc_right2.png) repeat-y right; margin-left:-30px; margin-top:10px; width:100%; height:400px; }
        table.contents td { padding:20px; }
        table.contents td.left_block, div.footer .left { width:300px; }
        table.contents td.left_block { background:url(../images/main_bgc_left2.png) repeat-y right top; padding-left:50px; }
        table.contents td.right_block { padding-left:0; }

        /* левый блок */
        table.contents .menu {
                position:relative;
                height:146px;
                background:url(../images/main_bgc_left1.png) no-repeat right top;
                margin:-21px -20px -80px 0;
        }
        table.contents .menu .w_line {
                position:relative;
                top:20px;
                background:#f2f2f2;
                height:29px;
                margin:0 120px 0 -20px;
                text-indent:20px;
        }
        table.contents .menu .w_line a { font:14px Arial; position:relative; top:6px; color:#990000; text-decoration:none; white-space:nowrap; }
        table.contents .menu .w_line a img { background:#d5b687; vertical-align:middle; margin:0 3px; }
        table.contents .menu .w_line a:hover, table.contents .menu .w_line a.active { font-weight:bold; }
        table.contents .menu .w_line a:hover img, table.contents .menu .w_line a.active img { background:#990000; }

        table.contents td.left_block address { margin:70px; margin-left:0; font-size:13px; }
        table.contents td.left_block address .spacer { font-size:0; height:0; overflow:hidden; clear:both; margin:3px 0; display:block; }





        table.contents td.left_block .gallery a {
                font:13px/20px Arial, Helvetica, sans-serif;
                text-decoration:none; color:#560319; font-weight:bold;
                behavior:expression( !this.after ? this.after = this.innerHTML = '&#45; ' + this.innerHTML : '' );
        }
        table.contents td.left_block .gallery a:hover { color:#990000; }
        table.contents td.left_block .gallery a:before { content: "\2d\ "; }

        /* правый блок */
        table.contents td.right_block .menu { height:124px; background-image:url(../images/main_bgc_right1.png); margin:-33px -12px -40px 0; }
        table.contents td.right_block .menu .w_line { top:32px; margin-left:-15px; text-indent:0; }
        table.contents td.right_block .menu table { width:100%; }
        table.contents td.right_block .menu table td { padding:0; text-align:center; width:15%; }

        table.contents td.right_block .text { position:relative; text-align:justify; padding:80px 50px 20px 20px; }
        table.contents td.right_block .text img { position:relative; }
        table.contents td.right_block .text img.bordered { border:4px outset #d5b687; }
        table.contents td.right_block .text img.left { margin:0 1em 1em 0; }
        table.contents td.right_block .text img.right { margin:0 0 1em 1em; }

        /* нижняя тень таблицы */
        table.contents tr.shadow { background:url(../images/f_shadow.jpg) repeat-x left top; }
        table.contents tr.shadow td { height:22px; padding:0; }
        table.contents tr.shadow td.l i { background:url(../images/f_shadow1.jpg) no-repeat right top; display:block; margin-right:60px; height:100%; }
        table.contents tr.shadow td.r i { background:url(../images/f_shadow2.jpg) no-repeat left top; display:block; height:100%; position:relative; left:-60px; margin-right:-60px; }
        table.contents tr.shadow td img { position:relative; right:-3px; //right:-60px; }

        /* подвал */
        div.footer { color:#666; padding:15px; margin-bottom:25px; }
        div.footer .menu a { margin-right:20px; font:14px/20px Arial; }





/* стили для других страниц сайта */
        div.pagenator { padding:10px 0; }
        div.pagenator a { text-decoration:none; margin:0 3px; }
        div.pagenator a strong { text-decoration:underline; }

        table.catalog { margin:-20px; width:100% !important; position:relative; }
        table.catalog, table.catalog td { border-collapse:separate; padding:10px; width:50%; }
        table.catalog .rounded { background:url(../images/catalog_img_bgc.png) no-repeat left top; text-align:center; margin-bottom:15px; }
        table.catalog .big_icons { position:static; }
        table.catalog .big_icons img { margin:10px; }

        table.catalog div.icon { position:relative; width:280px; height:280px; margin:5px auto; text-align:center; overflow:hidden; }
        table.catalog div.icon * { position:relative; }
        table.catalog div.icon span { display:table; border-collapse:collapse; width:100%; height:100%; top:expression( (this.parentNode.offsetHeight - this.offsetHeight) / 2); }
        table.catalog div.icon span i { display:table-cell; vertical-align:middle; }
        table.catalog div.icon.big { width:600px; height:auto; padding:10px 0; }
        table.catalog div.icon.big span { top:auto; }

        table.catalog .icon_text { text-align:left; padding:10px; padding-top:0; }
        table.catalog .desc { padding-bottom:5px; text-align:left; height:50px; overflow:hidden; margin-bottom:10px; width:70%; }