﻿div.sitemapnodetree
{
    margin:2px 0 2px 30px;
}

div.sitemapnode
{
    background:url(../img/menu_arrow.png) 2px 7px no-repeat;
}

div.sitemapnode a
{
    font-style:italic;
    padding-left: 10px;
}

div.sitemapnode a:hover
{
    text-decoration:underline;
}

/* company contacts */
div.contacts
{
    float:left;
    width:40%;
    font-size:14px;
}

    div.contacts div.margin
    {
        margin: 15px 0;
    }

    /* into div.margin */

        div.contacts .data
        {
            float:left;
            max-width: 250px;
        }

        div.contacts .data span.label
        {            
            color: #B1B5B7;         
            margin: 0 0 1em
        }

        div.contacts .data span.info
        {
            color: rgb(223, 8, 8);
            display: block;
            font-style: italic;
            font-size: 12px;
        }

        div.contacts .icon
        {
            float:left;
            height: 25px; 
            width:25px;
            background: url(/content/img/contacts_sprite.png) no-repeat;
        }

        div.contacts .icon.location { width:19px; background-position: 0 0; margin: 1px 8px 0 4px; }
        div.contacts .icon.phones { background-position: -19px 0; margin: 1px 7px 0 0; }
        div.contacts .icon.mail { background-position: -45px 0; margin: 1px 5px 0 0; }
        div.contacts .icon.skype { background-position: -71px 0; margin: 4px 7px 0 0; }
        div.contacts .icon.qr { background-position: -96px 0; margin: 4px 7px 0 0; }

div.geo
{
    float:left;
    width:60%;
}

    div.geo #map_main
    {
        border: 1px solid whitesmoke;
        height:400px;
    }

    div.geo .maps
    {
        margin:5px 0;
        padding-left:63%;
    }

    div.geo .maps .map
    {
        float:left;
        margin:0 10px;
        background:url(../img/mapproviders_sprite.png) no-repeat;
        width: 35px;
        height: 35px;
        background-size: 107px;
        cursor:pointer;
        opacity:0.88;
    }

    div.geo .maps .map.google { background-position:0 0; }
    div.geo .maps .map.yandex { background-position:-36px 0; }
    div.geo .maps .map.gis { margin-right:0; background-position:-72px 0; }
    div.geo .maps .map.google:hover { opacity:1; }
    div.geo .maps .map.yandex:hover { opacity:1; }
    div.geo .maps .map.gis:hover { opacity:1; }

    div.geo .enlarge { width:100%; text-align:right; margin:3px 0 8px; }