/* --------------------------------------------------------------

   reset.css
   * Resets default browser CSS.

-------------------------------------------------------------- */

html {
  margin:0;
  padding:0;
  border:0;
}

body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* This helps to make newer HTML5 elements behave like DIVs in older browers */
article, aside, details, figcaption, figure, dialog,
footer, header, hgroup, menu, nav, section {
    display:block;
}

/* Line-height should always be unitless! */
body {
  line-height: 1.4;
  background: white;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table {
  border-collapse: separate;
  border-spacing: 0;
}
/* float:none prevents the span-x classes from breaking table-cell display */
caption, th, td {
  float:none !important;
}


/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* Remember to define your own focus styles! */
:focus { outline: 0; }
/* --------------------------------------------------------------

   typography.css
   * Sets up some sensible default typography.

-------------------------------------------------------------- */

/* Default font settings.
   The font-size percentage is of 16px. (0.938 * 16px = 15px) */
html { font-size:100.01%; }
body, input, textarea, button, select, option {
  font-size: 93.8%;
  color: #303030;
  font-family: 'PT Sans', Arial, Helvetica, sans-serif;
}

input:-moz-placeholder { color: #bbb !important; }
input::-webkit-input-placeholder { color: #bbb !important; }
.placeholder {
    color: #bbb !important; 
}
input:-ms-input-placeholder {
    color: #bbbbbb !important;
}
textarea:-ms-input-placeholder {
    color: #bbbbbb !important;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6 { font-weight: normal; }

h1, .h1 { font-size: 1.867em; line-height: 1; margin-bottom: 0.7em; font-weight: bold; }
h2, .h2 { font-size: 1.6em; line-height: 1; margin-bottom: 0.75em; }
h3, .h3 { font-size: 1.4em; line-height: 1; margin-bottom: 1em; }
h4, .h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5, .h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6, .h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.2em; }
/*
  These can be used to pull an image at the start of a paragraph, so
  that the text flows around it (usage: <p><img class="left">Text</p>)
 */
.left       { float: left !important; }
p .left     { margin: 1.5em 1.5em 1.5em 0; padding: 0; }
.right      { float: right !important; }
p .right    { margin: 1.5em 0 1.5em 1.5em; padding: 0; }

a:focus,
a:hover     { color: #cc0000; }
/*a           { color: #006ed4; text-decoration: underline; }*/
a           { color: #17882b; text-decoration: underline; }

a.system:focus, a.system:hover {
    border-bottom: 1px dotted #cc0000;
}
    a.system {
        text-decoration: none;
        /*border-bottom: 1px dotted #006ed4;*/
        border-bottom: 1px dotted #17882b;
        cursor: pointer;
    }

.yellow {
    color: #ffcc00;
}    
    
#top-nav a.admin:focus, #top-nav  a.admin:hover {
    color: #ffcc00 !important;
}
    #top-nav  a.admin, #top-nav .admin {
        color: #00ff00 !important;
        background: transparent;
    }

.admin {
    color: #1c9034;
    background: #ebebeb;
    text-align: center;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
    a.admin:hover, .admin a:hover {
        color: #cc0000;
    }
    a.admin, .admin a {
        color: #1c9034;
    }
    
    .admin-field {
        border: 1px solid #1c9034 !important;
        background: #dff0d8 !important;
    }

a.green-link:focus, a.green-link:hover {
    color: #cc0000 !important;
}
    a.green-link {
        color: #1c9034 !important;
    }
    
    a.green-link.system:focus, a.green-link.system:hover {
        border-bottom: 1px dotted #cc0000;
    }
        a.green-link.system {
            border-bottom: 1px dotted #1c9034;
        }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong,dfn, .bold  { font-weight: bold; }
.not-bold { font-weight: normal !important; }
em,dfn      { font-style: italic; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; cursor: help; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre         { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul,
li ol  { margin: 0.4em 0; }
ul, ol { margin: 0 1.5em 1.5em 0; padding-left: 1.5em; }

ul     { list-style-type: square; }

li {
    margin: 5px 0;
}

ol     { list-style-type: decimal; }

dl     { margin: 0 0 1.5em 0; }
dl dt  { font-weight: bold; }
dd     { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */




/* Misc classes
-------------------------------------------------------------- */

.clear {
    clear:both;
    height:0;
    line-height:0;
    font-size:0;
    margin:0;
    padding:0;
}
.clear-left {
    clear: left;
}
.small     { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large     { font-size: 1.2em; line-height: 1.6em; margin-bottom: 1.25em; }
.hide      { display: none; }

.quiet     { color: #777; }
.loud      { color: #000; }
.highlight { background:#ff0; }
.added     { background:#060; color: #fff; }
.removed   { background:#900; color: #fff; }


/*
.first     { margin-left:0; padding-left:0; }
.last      { margin-right:0; padding-right:0; }
.top       { margin-top:0; padding-top:0; }
.bottom    { margin-bottom:0; padding-bottom:0; }
*/
.margin0 {
    margin: 0 !important;
}

.text-right {
    text-align: right;
}

.v-middle {
    vertical-align: middle !important;
}
.v-text-bottom {
    vertical-align: middle !important;
}

hr {
    color: #e1e1e1; /*для IE*/
	background-color: #e1e1e1; /*для нормальных браузеров*/
	border: none;
	height: 1px;
	clear: both;
    margin: 15px 0;
}
html {
	height: 100%;
}

body {
	/*width: 100%;*/
    min-width: 320px;
	height: 100%;
}
body {
    /*background: #f7f7f7 url('/img/body-bg.png') scroll repeat top left;*/
    background: #f5fff7;
}

#loader {
    display: none;
    width: 32px;
    height: 32px;
    background: transparent url('/img/loading2.gif') scroll no-repeat center center;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 10000;
}

.box {
    /*min-width: 983px;*/
    min-width: 320px;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
}
.borders {
    margin: 0 10px;
}

.mobile-only {
    display: none;
}

.submit-button {
    cursor: pointer;
    font-size: 18px;
    color: white;
    text-shadow: 0px -1px 1px #2e9b54;
    
    font-weight: bold;
    margin: 0;
    padding: 6px 22px;
    
    border: 1px solid #156027;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    
    background: #45d980;
    background: -moz-linear-gradient(top,  #45d980 0%, #17882b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45d980), color-stop(100%,#17882b));
    background: -webkit-linear-gradient(top,  #45d980 0%,#17882b 100%);
    background: -o-linear-gradient(top,  #45d980 0%,#17882b 100%);
    background: -ms-linear-gradient(top,  #45d980 0%,#17882b 100%);
    background: linear-gradient(to bottom,  #45d980 0%,#17882b 100%);
    -pie-background: linear-gradient(top, #45d980 0%, #17882b 100%);
    
   -webkit-box-shadow:  0px 1px 2px 1px #9aaf98;
    box-shadow:  0px 1px 2px 1px #9aaf98;
        
    position: relative;
        
    behavior: url('/css/PIE.htc');
}

#yii-info {
    background: #777;
    color: white;
    font-size: 14px;
    position: fixed;
    top: 44px;
    right: 0;
    padding: 2px 7px;
    cursor: pointer;
    border-radius: 3px;
    opacity: 0.4;
}
    #yii-info:hover {
        opacity: 1;
    }

.fixed-block {
    position: fixed;
}

#wrapper {
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
    position: relative;
}

html>body #wrapper {
    height: auto !important;
    min-height: 100%;
    
    max-width: 1280px; /*1280*/
    /*min-width: 990px;*/
    min-width: 320px;
}

/* Top-nav
-----------------------------------------------------------------------------*/
#top-nav {
    height: 42px;
    margin-bottom: 26px;
    
    font-size: 15px;
    line-height: 42px;
    
    background: #1a4293 url('/img/top-nav-bg.png') scroll repeat-x top left;
    
    border-left: 1px solid #223e83;
    border-right: 1px solid #223e83;
    
    -webkit-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
    
    behavior: url('/css/PIE.htc');
}
    #top-nav ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }
        #top-nav ul li {
            margin: 0;
            padding: 0 20px;
            list-style: none;
            float: left;
            color: #ffffff;
            height: 42px;
        }
        #top-nav ul li.first {
            padding-left: 26px;
        }
        #top-nav ul li.last {
            padding-right: 26px;
        }
        #top-nav ul li.break {
            width: 2px !important;
            font-size:0;
            margin: 0;
            padding: 0;
            background: url('/img/top-nav-break.png') scroll no-repeat 50% 0;
        }
        
        #top-nav ul li a span {
            font-weight: bold;
        }
        #top-nav ul li a {
            color: #ffffff;
        }
            #top-nav a:focus, #top-nav a:hover {
                color: #ffcc00;
            }
            
        #top-nav ul li a.system {
            border-bottom: 1px dotted #ffffff;
        }
            #top-nav ul li a.system:focus, #top-nav ul li a.system:hover {
                border-bottom: 1px dotted #ffcc00;
            }
        #top-nav ul li.main-link a {
            text-decoration: none;
            padding-left: 21px;
            background: url('/img/home-ico.png') scroll no-repeat 0 3px;
            font-weight: bold;
            color: #688acd;
        }
        
        #top-nav ul li.top-nav-lk-link {
            max-width: 400px;
            overflow: hidden;
            
        }
        
        #top-nav ul li.add-button {
            font-size: 18px;
        }
            #top-nav ul li.add-button, #top-nav ul li.add-button a {
                color: #55ff00;
                text-shadow: 0px 0px 3px #555;
            }
                #top-nav ul li.add-button:hover, #top-nav ul li.add-button:hover a, #top-nav ul li.add-button a:hover {
                    color: #ffcc00;
                }
            

/* Header
-----------------------------------------------------------------------------*/
#header {
    margin-bottom: 32px;
}
    
    #logo {
        
    }
    #logo img {
        -webkit-filter: brightness(123%) contrast(119%) saturate(180%) hue-rotate(286deg) blur(0px) sepia(0%) grayscale(0%) invert(0%);
        filter: brightness(123%) contrast(119%) saturate(180%) hue-rotate(286deg) blur(0px) sepia(0%) grayscale(0%) invert(0%);
        mix-blend-mode: normal;
        opacity: 1;
    }
    
    #header ul {
        padding: 18px 0 0 0;
        margin: 0;
        list-style: none;
    }
    
        #header ul li {
            padding: 0 20px;
            margin: 0;
            list-style: none;
            float: left;
            color: #585858;
            width: auto !important;
        }
        #header ul li p {
            padding: 0;
            margin: 0;
            font-size: 13px;
            line-height: 21px;
            height: 21px;
        }
        
        #header ul li.break {
            width: 2px !important;
            line-height: 42px;
            font-size: 0;
            margin: 0;
            padding: 0;
            background: url('/img/header-break.png') scroll no-repeat 50% 0;
        }
        #header ul li a, #header ul li .hint {
            font-size: 12px;
        }
            #header ul li .hint {
                color: #999;
            }
        
    #header .date {
        font-size: 16px;
    }
    #header .date span {
        font-size: 20px;
        font-weight: bold;
    }
    #header .temp {
        font-size: 21px;
        font-weight: bold;
    }
        #header .temp img {
            position: absolute;
            width: 30px;
            height: 30px;
            margin: -5px 0 0 0;
        }
    #header .cbrf {
        font-size: 18px;
    }
        #header .cbrf sup {
            font-size: 10px;
        }
        #header .cbrf sup.minus {
            color: #e03d60;
        }
        #header .cbrf sup.plus {
            color: #139128;
        }
        #header .cbrf span {
            font-weight: bold;
            color: #006ed4;
        }


/* Search
-----------------------------------------------------------------------------*/
#search {
    margin-bottom: 45px;
}
    #search .search-top {
        height: 44px;
        background: #3962a9 url('/img/search-bg.png') scroll repeat-x 0 0;
        border: 1px solid #1a4aa6;
        border-bottom: none;
        border-right: none;
        -webkit-border-radius: 10px 0 0 0;
        border-radius: 10px 0 0 0;
        
        float: left;
        
        padding: 0 25px;
        
        line-height: 44px;
        
        font-size: 21px;
        font-weight: bold;
        color: #ffffff;
        text-shadow: 0px -1px 1px #203a98;
        z-index: 100;
        position: relative;
        behavior: url('/css/PIE.htc');
    }
        #search .search-top sup {
            font-size: 13px;
            color: #9eb8db;
        }
    #search .search-right-corner {
        z-index: 100;
        position: relative;
        height: 44px;
        width: 26px;
        float: left;
        background: url('/img/search-right-corner.png') scroll no-repeat top left;
        margin-top: 1px;
    }
    
    
    
    #search .search-add-button {
        float: left;
        height: 30px;
        border: 1px solid #00cc00;
        border-bottom: none;
        margin: 14px 0 0 -30px;
        padding: 0 25px 0 35px;
        z-index: 50;
        
        position: relative;
        
        background: #45d980;
        background: -moz-linear-gradient(top,  #45d980 0%, #17882b 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45d980), color-stop(100%,#17882b));
        background: -webkit-linear-gradient(top,  #45d980 0%,#17882b 100%);
        background: -o-linear-gradient(top,  #45d980 0%,#17882b 100%);
        background: -ms-linear-gradient(top,  #45d980 0%,#17882b 100%);
        background: linear-gradient(to bottom,  #45d980 0%,#17882b 100%);
        -pie-background: linear-gradient(top, #45d980 0%, #17882b 100%);
        
        -webkit-border-radius: 0 30px 0 0;
        border-radius: 0 30px 0 0;
        
        
        behavior: url('/css/PIE.htc');
    }
        #search .search-add-button a {
            text-decoration: none;
            color: #fff;
            font-weight: normal;
            line-height: 30px;
            font-size: 16px;
        }
            #search .search-add-button a:hover {
                color: #ccff00;
            }
            #search .search-add-button a span {
                text-decoration: underline;
            }
    
            
    .search-pages-links {
        float: left;
        height: 44px;
        overflow: hidden;
        padding: 0;
    }
        .search-pages-links ul {
            margin: 8px 0 0 0;
            padding: 0;
            list-style: none;
        }
            .search-pages-links ul li {
                float: left;
                padding: 3px 7px;
                margin: 0 0 0 10px;
                list-style: none;
                
                font-size: 12px;
                color: #595959;
                border: 1px dotted #bbb;
                
                -webkit-border-radius: 7px;
                border-radius: 7px;
            }
            
            .search-pages-links ul li.active {
                background: #ebebeb;
            }
                .search-pages-links ul li.active a {
                    color: #303030;
                    text-decoration: none;
                    cursor: default;
                    font-weight: bold;
                }
    
    #search .search-box {
        clear: left;
        background: #1a4293 url('/img/search-bg.png') scroll repeat-x 0 -44px;
        border: 1px solid #1a4aa6;
        border-top: none;
        border-bottom: 1px solid #9cadd0;
        
        -webkit-border-radius: 0 10px 10px 10px;
        border-radius: 0 10px 10px 10px;
        
        behavior: url('/css/PIE.htc');
    }
        #search .search-box div.search-box-borders {
            padding: 15px 17px;
        }
    
    #search table.main-search {
        width: 100%;
        margin: 0;
        padding: 0;
        border: none;
        border-collapse: collapse;
        border-spacing: 0;
    }
    #search table.main-search td {
        white-space: nowrap;
        vertical-align: top;
    }
    
    #search form label {
        font-size: 18px;
        font-weight: bold;
        color: #6496d5;
        display: block;
        padding: 0;
        margin: 0 0 3px 6px;
    }
    
    #search input, #search select, #search button {
        -ms-box-sizing:content-box;
        -moz-box-sizing:content-box;
        -webkit-box-sizing:content-box;
        box-sizing:content-box;
    }
    
    #search input[type=text], #search select {
        font-size: 16px;
        padding: 7px 7px;
        display: block;
        margin: 0;
        width: 96%;
        
        border: 1px solid #dcdcdc;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        
        behavior: url('/css/PIE.htc');
    }
    
    #search input[type=text] {
        -webkit-box-shadow: inset 0 0 2px 2px #eaeaea;
        box-shadow: inset 0 0 2px 2px #eaeaea;
        
        behavior: url('/css/PIE.htc');
    }
    #search select {
        padding-right: 0 !important;
        width: 97%;
        vertical-align: center;
        padding-top: 6px;
        padding-bottom: 6px;
        
        *zoom: 2;
        *font-size: 10px;
    }
    
    #search .custom-select-box {
        width: 100%;
        margin: 0 !important;
    }
        #search .custom-select-box .custom-select-list {
            width: 100%;
            margin: 0 !important;
        }

    #search .ui-helper-hidden-accessible {
        display: none;
    }
    
    #search button {
        cursor: pointer;
        font-size: 18px;
        color: white;
        text-shadow: 0px -1px 1px #2e9b54;
        
        font-weight: bold;
        margin: -1px 0 0 0;
        padding: 0;
        height: 37px;
        
        width: 100%;
        
        border: 1px solid #156027;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        
        background: #45d980;
        background: -moz-linear-gradient(top,  #45d980 0%, #17882b 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45d980), color-stop(100%,#17882b));
        background: -webkit-linear-gradient(top,  #45d980 0%,#17882b 100%);
        background: -o-linear-gradient(top,  #45d980 0%,#17882b 100%);
        background: -ms-linear-gradient(top,  #45d980 0%,#17882b 100%);
        background: linear-gradient(to bottom,  #45d980 0%,#17882b 100%);
        -pie-background: linear-gradient(top, #45d980 0%, #17882b 100%);
        
        behavior: url('/css/PIE.htc');
    }
    
    #search #adv-search-link {
        color: #6690e2;
        padding: 0;
        margin: 0;
        border-top: 1px solid #133270;
    }
    #search #adv-search-link div    {
            border-top: 1px solid #5674b0;
            padding: 8px 20px;
        }
    #search #adv-search-link a {
        color: #6690e2;
        font-size: 13px;
        border-bottom: 1px dashed #6690e2;
        text-decoration: none;
    }

#search-examples {
    font-size: 13px;
    color: #dfeaff;
    margin-top: 3px;
}
    #search-examples a {
        color: #dfeaff;
        text-decoration: none;
        border-bottom: 1px dotted #dfeaff;
        line-height: normal !important;
    }
    #search-examples a:hover {
        color: #ffcc00;
        border-bottom: 1px dotted #ffcc00; 
    }

#adv-search {
    margin-top: 20px;
}

    #adv-search table {
        width: auto;
        border: none;
        border-collapse: collapse;
        border-spacing: 0;
    }
        #adv-search td, #adv-search th {
            font-size: 15px;
            color: #dfeaff;
            padding: 0;
            margin: 0;
            border: none;
        }
        #adv-search th {
            font-weight: bold;
            padding-right: 12px;
        }
        
        #adv-search td.space {
            width: 65px !important;
        }
    
    #adv-search label {
        font-size: 15px !important;
        color: #dfeaff !important;
        font-weight: normal !important;
        padding: 0 !important;
        margin: 0 0 4px 0 !important;
    }

/* News-company
-----------------------------------------------------------------------------*/
#news-company {
    border: 1px solid #e1e1e1;
    /*position: relative;*/
    margin-bottom: 40px;
    z-index: 100;
}
    #news-company .news-company-box {
        border: 1px solid #ffffff;
        padding: 30px;
    }
    #news-company ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }
        #news-company ul li {
            padding: 0;
            margin: 0 0 0 2%;
            list-style: none;
            float: left;
            width: 23%;
            
            line-height: 18px;
            font-size: 14px;
        }
        #news-company ul li.first {
            margin-left: 0 !important;
        }
        #news-company ul li a {
            
        }
        #news-company ul li span {
            font-size: 11px;
            color: #8a8a8a;
        }
        
        #news-company .h1 {
            padding: 0 5px;
            position: absolute;
            margin: -47px 0 0 -5px;
            
            background: #f7f7f7 url('/img/body-bg.png') scroll repeat top left;
        }
        
        #news-company .image {
            height: 45px;
            margin-bottom: 4px;
        }
            #news-company .image img {
                
            }


/* Catecory-list
-----------------------------------------------------------------------------*/
.category-list {
    padding: 15px 0 0 0;
    margin: 0;
    list-style: none;
}
    .category-list li {
        padding: 0;
        margin: 0 4% 35px 0;
        list-style: none;
        float: left;
        width: 45%;
    }
    
    .category-list .image {
        float: left;
        overflow: hidden;
        width: 60px;
        padding-left: 5px;
    }
    .category-list .image img {
        -webkit-filter: brightness(123%) contrast(119%) saturate(180%) hue-rotate(286deg) blur(0px) sepia(0%) grayscale(0%) invert(0%);
        filter: brightness(123%) contrast(119%) saturate(180%) hue-rotate(286deg) blur(0px) sepia(0%) grayscale(0%) invert(0%);
        mix-blend-mode: normal;
        opacity: 1;
    }
    .category-list .links {
        padding: 0 0 0 65px;
        font-size: 14px;
    }
    
    .category-list .header {
        font-size: 16px;
        color: #747474;
        margin-bottom: 5px;
    }
        .category-list .header span {
            cursor: help;
            
            background: #42b02b url('/img/category-plus-bg.png') scroll repeat-x bottom left;
            color: #ffffff;
            font-size: 13px;
            font-weight: bold;
            
            -webkit-border-radius: 4px;
            border-radius: 4px;
            padding: 1px 4px;
            
            behavior: url('/css/PIE.htc');
        }
        .category-list .header a, .category-list .header p {
            font-size: 20px;
            line-height: 22px;
            font-weight: bold;
        }
        .category-list .header p {
            color: #ccc;
            cursor: pointer;
            margin: 0;
            padding: 0;
            display: inline;
        }
        
        .category-list .sub-categories span {
            color: #bbb;
        }
        
        




#bottom-text {
    padding-top: 25px;
    color: #777;
}


/* Middle
-----------------------------------------------------------------------------*/
#middle {
	width: 100%;
	height: 1%;
	position: relative;
}
#middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
#container {
	width: 100%;
	float: left;
	overflow: hidden;
}
#container.column1 #content {
	padding: 0;
}
#container.column2 #content {
    padding: 0 280px 0 0;
}

/* Sidebar Right
-----------------------------------------------------------------------------*/

#side-right {
	float: left;
	margin-right: -3px;
	width: 245px;
	margin-left: -245px;
	position: relative;
}


/* Banner
-----------------------------------------------------------------------------*/
.banner {
    margin-bottom: 20px;
    text-align: right;
}
.b1280x90 {
    margin: 0 0 5px 0;
    padding: 0;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    height: 90px;
    position: relative;
}
    .b1280x90 span {
        display: block;
    }

    .b1280x90 img {
        border: none;
        padding: 0;
        position: absolute;
        top: 0;
        left: 50%;
        margin: 0 0 0 -640px;
    }
    .b1280x90 a {
        padding: 0;
        margin: 0;
        font-size: 0;
        display: block;
        text-decoration: none;
        white-space: nowrap;
    }


.content-box {
    border: 1px solid #e1e1e1;
}
    .content-box .content-box-inner {
        border: 1px solid #ffffff;
        padding: 30px 95px 30px 30px;
    }
    
    .content-box .content-box-header {
        padding: 0 5px;
        position: absolute;
        margin: -47px 0 0 -5px;
        
        /*background: #f7f7f7 url('/img/body-bg.png') scroll repeat top left;*/
        background: #f5f5f5;
    }
    

.text-block {
    max-width: 650px;
}


/* Cabinet
-----------------------------------------------------------------------------*/
 
.cabinet-box {
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}
    .cabinet-box .cabinet-box-inner {
        border: 1px solid #ffffff;
        padding: 1px;
        border-radius: 4px;
        -webkit-border-radius: 4px;
    }
    
    .cabinet-box .cabinet-box-content {
        padding: 30px;
    }
        
h1.cabinet-header {
    margin-left: 20px;
}
    
.cabinet-menu {
    border-bottom: 1px solid #e0e0e0;
    
    background: #e3e3e3; /* Old browsers */
    background: -moz-linear-gradient(top,  #fafafa 0%, #e3e3e3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e3e3e3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fafafa 0%,#e3e3e3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fafafa 0%,#e3e3e3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fafafa 0%,#e3e3e3 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fafafa 0%,#e3e3e3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */
}
.cabinet-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
    
    display: block;
}
    .cabinet-menu ul li {
        padding: 0 22px;
        margin: 0;
        height: 46px;
        line-height: 46px;
        float: left;
        font-size: 18px;
        position: relative;
        
        border-right: 1px solid #e1e1e1;
        border-left: 1px solid #fff;
    }
    
        .cabinet-menu ul li.first {
            border-left: none !important;
        }
        .cabinet-menu ul li.last {
            border-right: none !important;
            padding: 0;
        }
    
    .cabinet-menu ul li a {
        color: #244b98;
        text-shadow: 0px 2px 1px #ffffff;
    }
        .cabinet-menu ul li a:hover {
            color: #c00;
        }
        
    .cabinet-menu ul li.active {
        background: #ddd; /* Old browsers */
        background: -moz-linear-gradient(top,  #fafafa 0%, #bbb 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#bbb)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #fafafa 0%,#bbb 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #fafafa 0%,#bbb 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #fafafa 0%,#bbb 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #fafafa 0%,#bbb 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#bbbbbb',GradientType=0 ); /* IE6-9 */
    }
    .cabinet-menu ul li.active a {
        color: #313131;
        text-decoration: none;
    }
    
    .cabinet-menu ul li.active a:before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-left: 14px solid transparent;
        border-right: 14px solid transparent;
        border-bottom: 6px solid #f7f7f7;
        left: 50%;
        bottom: 0;
        margin: 0 0 -2px -14px;
    }
    
    
.treeview-categories .level-1 {
    font-size: 18px;
}
    .treeview-categories .level-2 {
        font-size: 14px;
    }
.treeview-categories .checked {
    font-weight: bold;
}
    
    
/* Forms
-----------------------------------------------------------------------------*/

.form .row {
    margin-bottom: 18px;
    margin-left: 28px;
}
    .form .row.last {
        margin-bottom: 0 !important;
    }
    .form .h3 {
        border-bottom: 2px solid #3a63ab;
        padding-bottom: 5px;
        padding-left: 10px;
        color: #3a63ab;
    }
    .form .row label {
        display: block;
        font-weight: bold;
        color: #6d6d6d;
        padding: 0;
        margin: 0 0 2px 12px;
    }
    
    
    
    .form .row .checkboxes-inline {
        margin: 0;
        padding: 10px 10px;
        line-height: normal;
    }
        .form .row .block-light {
            border: 1px solid #c3c3c3;
            background: #eceff5;
            
            border-radius: 3px;
            -webkit-border-radius: 3px;
        }
        .form .row .checkboxes-inline label {
            display: inline !important;
            margin: 0 25px 0 0 !important;
            padding: 0;
            font-weight: normal;
            color: #303030;
            line-height: normal;
        }
    
    .form .row .input-small {
        width: 280px !important;
    }
    
    .form .row .input-xmini {
        width: 230px !important;
    }
    
    .form .row .input-mini {
        width: 120px !important;
    }
    
    
    
    .form .row .input-micro {
        width: 60px !important;
    }
    
    .form .row .text-field {
        width: 430px;
        
        margin: 0;
        padding: 4px 10px;
        line-height: normal;
        
        border: 1px solid #c3c3c3;
        color: #303030;
        border-radius: 3px;
        -webkit-border-radius: 3px;
    }
        .form .row input.text-field {
            height: 25px;
        }
        .form .row .text-field:focus {
            border: 2px solid #bbc8df;
            padding: 3px 9px;
        }
        
        .form .row .error .text-field, .form .row .text-field.error {
            border: 2px solid #fb7c7c !important;
            padding: 3px 9px;
        }
        /*
        .form .row .success .text-field {
            border: 2px solid #45d980 !important;
            padding: 3px 9px;
        }*/
        
        .form .row .errorMessage {
            color: #eb3f3f;
            font-size: 13px;
            line-height: normal;
            margin: 2px 12px;
        }
        .form span.required {
            color: #eb3f3f;
        }
    
    .form .row .orange-field {
        border: 1px solid #fba723;
        background: #fff8e8;
    }
    
    .form table.cols {
        border: none;
        padding: 0;
        margin: 0;
        border-spacing: 0;
        border-collapse: collapse;
        width: 100%;
    }
        .form table.cols td {
            padding: 0;
            margin: 0;
            border-spacing: 0;
             vertical-align: top;
        }
        .form table.cols td.col-field {
            padding-right: 12px;
            width: 450px;
        }
        
        .form table.cols td.col-help {
           
        }
        
        .form table.cols td.col-help div.help-content {
            font-size: 14px;
            padding: 7px 14px;
            color: #777;
            min-height: 35px;
        }
        
        .form .help-content em {
            font-weight: bold;
            margin: 0 4px;
            border-bottom: 1px dashed #bbb;
            font-size: 13px;
        }
        
        .form .hint {
            font-size: 13px;
            color: #777;
            margin: 0 0 2px 12px;
        }
            .form .hint em {
                margin: 0 4px;
                border-bottom: 1px dashed #bbb;
            }
        
        .form table.cols tr.focused td.col-help div.help-content {
            background: #3a63ab;
            color: #ffffff;
        }
            .form table.cols tr.focused td.col-help div.help-content a {
                color: #ffffff;
            }
                .form table.cols tr.focused td.col-help div.help-content a:hover {
                    color: #ffcc00;
                }
        
        
        .form table.cols td.col-help div.help-box {
            background: url('/img/help-arrow.png') scroll no-repeat -100% center;
            padding: 0 0 0 10px;
            margin: 13px 0 0 0;
        }
        .form table.cols tr.focused td.col-help div.help-box {
            background: url('/img/help-arrow.png') scroll no-repeat left 16px;
        }
        
        .form table.cols td.col-help span {
            display: block;
            position: absolute;
        }
        .form table.cols td.col-help p {
            display: block;
            padding: 0 0 0 17px;
            margin: 0;
            line-height: normal;
        }
    
    .form .row.buttons {
        margin-top: 45px;
    }
    
    .form .form-button, .form-button {
        cursor: pointer;
        font-size: 18px;
        color: white;
        text-shadow: 0px -1px 1px #2e9b54;
        
        font-weight: bold;
        margin: 0;
        padding: 0 20px;
        height: 45px;
        text-decoration: none;
        text-align: center;
        
        border: 1px solid #156027;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        
        background: #45d980;
        background: -moz-linear-gradient(top,  #45d980 0%, #17882b 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45d980), color-stop(100%,#17882b));
        background: -webkit-linear-gradient(top,  #45d980 0%,#17882b 100%);
        background: -o-linear-gradient(top,  #45d980 0%,#17882b 100%);
        background: -ms-linear-gradient(top,  #45d980 0%,#17882b 100%);
        background: linear-gradient(to bottom,  #45d980 0%,#17882b 100%);
        -pie-background: linear-gradient(top, #45d980 0%, #17882b 100%);
        
        behavior: url('/css/PIE.htc');
    }
        a.form-button {
            display: inline;
            height: auto !important;
            padding-top: 5px;
            padding-bottom: 5px;
        }
        a.form-button:hover {
            color: white;
        }

        .form-button .form-button-sendmail {
            padding: 0 0 0 26px;
            margin: 0;
            display: inline;
            background: url('/img/icon-message.png') scroll no-repeat center left;
        }
    
    .form select.form-select {
        width: 450px;
        
        margin: 0;
        padding: 4px 0;
        line-height: normal;
        
        border: 1px solid #c3c3c3;
        
        border-radius: 3px;
        -webkit-border-radius: 3px;
    }
        .form .ui-customSelect {
            width: 450px;
        }
        
    .form .captcha-box {
        
    }
        .form .captcha-button {
            font-size: 13px;
            padding: 0;
            display: block;
        }
        .form .captcha-box .captcha-field {
            margin: 15px 0;
        }
            .form .captcha-box .captcha-field img {
                margin: 0 7px;
            }
            .form .captcha-box .captcha-field .errorMessage {
                margin-left: 50px;
            }


    .form .form-block {
        -webkit-border-radius: 8px;
        border-radius: 8px;
        
        
        background: #e7eaf0; /* Old browsers */
        background: -moz-linear-gradient(top,  #e7eaf0 0%, #d9dee8 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7eaf0), color-stop(100%,#d9dee8)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #e7eaf0 0%,#d9dee8 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #e7eaf0 0%,#d9dee8 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #e7eaf0 0%,#d9dee8 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #e7eaf0 0%,#d9dee8 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7eaf0', endColorstr='#d9dee8',GradientType=0 ); /* IE6-9 */

    }
        .form .form-block .row {
            margin: 0 0 18px 0;
        }
        .form .form-block .form-block-box {
            padding: 22px 28px;
            
        }
        .form .form-block .h3 {
            border: none;
            padding: 0;
            color: #373737;
            margin: 0;
        }
        
        .form .form-block .form-block-box table td, .form table.simple td {
            padding: 0 15px 0 0;
        }
        .form .form-block .hr {
            background: #dbdfe7;
            border-top: 1px solid #eceff5;
            height: 1px;
            clear: both;
            margin: 0;
            padding: 0;
            line-height: 1px;
        }
            .form .form-block .hr.hr-light {
                background: white;
                height: 3px;
            }
        
        .form .form-block a.add-addr-link {
            font-size: 18px;
            color: #3a63ab;
            font-weight: bold;
            text-decoration: none;
        }
            .form .form-block a.add-addr-link span {
                border-bottom: 1px dashed #3a63ab;
            }
            
            .form .form-block a.add-addr-link:hover {
                color: #cc0000;
            }
                .form .form-block a.add-addr-link:hover span {
                    border-bottom: 1px dashed #cc0000;
                }
            .form .addr-one .addr-number {
                position: absolute;
                left: 10px;
                margin-top: -15px;
                font-size: 20px;
                font-weight: bold;
                color: #777;
            }
            
            .form .addr-one .remove-addr-link {
                position: absolute;
                right: 110px;
                margin-top: -15px;
                font-size: 16px;
                color: #de3163;
                text-decoration: none;
            }
                .form .addr-one .remove-addr-link span {
                    border-bottom: 1px dashed #de3163;
                }
                
        .form a.add-phone-link {
            font-size: 15px;
            color: #1c9034;
            font-weight: bold;
            text-decoration: none;
        }
            .form a.add-phone-link span {
                border-bottom: 1px dashed #1c9034;
            }
            
            .form a.add-phone-link:hover {
                color: #cc0000;
            }
                .form a.add-phone-link:hover span {
                    border-bottom: 1px dashed #cc0000;
                }

.form .errorSummary {
    
}
    .form .errorSummary li {
        list-style: none;
        color: #eb3f3f;
    }



[class^="my-icon-"],
[class*=" my-icon-"],
[class^="icon-"],
[class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 2px;
    
    line-height: 14px;
    vertical-align: baseline;
    background-repeat: no-repeat;
}

[class^="my-icon-"],
[class*=" my-icon-"] {
    vertical-align: middle;
}

.my-icon-user {
    background-image: url('/img/icon-user.png');
    background-position: center top;
}
.my-icon-off {
    background-image: url('/img/icon-off.png');
    background-position: center bottom;
}


/* Footer
-----------------------------------------------------------------------------*/
#empty {
    height: 175px;
    clear: both;
}

#footer {
	position: absolute;
    bottom: 0;
    width: 100%;
    height: 110px;
    border-top: 1px solid #dedede;
}
    #footer .footer-content {
        padding: 22px 0 0 0;
    }
    #footer ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }
        #footer ul li {
            padding: 0;
            margin: 0 0 0 35px;
            float: left;
            font-size: 12px;
        }
        #footer ul li p {
            padding: 0;
            margin: 0 0 1px 0;
            color: #888;
        }
        #footer ul li a {
            color: #3189db;
        }
        #footer ul li a:focus, #footer ul li a:hover {
            color: #cc0000;
        }
    #footer ul li.first {
        margin-left: 0;
    }
    #footer ul li.logo img {
        margin-top: -7px;
    }
    
/* Firm
-----------------------------------------------------------------------------*/
.payment-icon {
    background-image: url('/img/icons-payments.png');
    background-repeat: no-repeat;
    height: 22px;
    display: inline-block;
    text-indent: -1000px;
    margin: 0 5px 0 5px;
    vertical-align: middle;
    cursor: help;
}
    .payment-cash {
        width: 16px;
        background-position: 0 0;
    }
    .payment-cards {
        width: 28px;
        background-position: -32px 0;
    }
    .payment-internet {
        width: 20px;
        background-position: -108px 0;
    }
    .payment-non-cash {
        width: 22px;
        background-position: -76px 0;
    }
.firm {
    
}
    .firm .firm-review-top {
        margin-bottom: 7px;
    }
    .firm .firm-review-top > * {
        display: inline-block;
    }
    .firm .firm-review-top > a.system {
        margin-left: 15px;
    }
    .firm .firm-table {
        margin-top: 25px;
    }
        .firm .firm-table td {
            vertical-align: top;
        }
        
    .firm .firm-block p {
        margin: 0 0 8px 0;
    }
    .firm .firm-block {
        margin-bottom: 25px;
    }
    .firm h1 {
        margin-bottom: 0.4em;
        margin-right: 12px;
        float: left;
    }
    .firm h2 {
        font-size: 1em;
        color: #b1b1b1;
    }
    
    .firm .firm-catalog-links {
        float: left;
        margin-bottom: 15px;
    }
        .firm .firm-catalog-links span {
            float: left;
            margin: 0 3px 3px 3px;
        }
            .firm .firm-catalog-links span a {
                display: block;
                padding: 0 5px;
                line-height: 20px;
                white-space: nowrap;
                font-size: 12px;
                color: #fff;
                background: #2daf54;
                text-decoration: none; 
            }
    
    .firm .firm-block-header {
        font-size: 20px;
        font-weight: bold;
        background: url('/img/header-line-bg.png') scroll repeat-x left 57%;
        margin-bottom: 8px;
    }
        .firm .firm-block-header span {
            background: #f7f7f7 url('/img/body-bg.png') scroll repeat top left;
            padding-right: 10px;
        }
    .firm-block-content {
        margin-left: 3px;
    }
        
    .firm .firm-website, .firms-list .text .firm-website {
        width: 400px;
        overflow: hidden;
        position: relative;
        white-space: nowrap;
    }
        .firm .firm-website {
            background: url('/img/icon-browser.png') no-repeat left center;
            padding-left: 30px;
        }
        .firm .firm-website a {
            line-height: 21px;
        }
    .firm .firm-website:before, .firms-list .text .firm-website:before{
        content: "";
        position: absolute;
        
        left: 390px;
        width: 40px;
        height: 21px;
        -webkit-transition:margin-left 0.4s ease-out, opacity 0.1s ease-out;
        background-image:linear-gradient(to right, rgba(247,247,247, 0) 0px, #f7f7f7 20px);
        background-position:initial initial;
        background-repeat:no-repeat repeat;
        opacity:1;
        transition:margin-left 0.4s ease-out, opacity 0.1s ease-out;
        white-space:nowrap;
    }
    
    .firm .firm-right-col {
        white-space: nowrap;
        width: 200px;
        padding-left: 22px;
    }
    .firm .firm-right-col .image {
        text-align: center;
        background: #fff;
        padding: 5px;
        margin: 0 0 15px 0;
    }
    
    .firm a.form-button {
        display: block;
    }

    .firm #map {
        width: 100%;
        height: 430px;
        background: #fcf9f0 url('/img/loading2.gif') scroll no-repeat center center;
    }
    .firm #map.loaded {
        background: none;
    }
    
    .firm .firm-many-addrs {
        padding: 0;
        margin: 0;
        list-style: none;
    }
        .firm .firm-many-addrs li {
            padding: 0 0 15px 20px;
            margin: 0 0 30px 0;
            background: url('/img/addr-ico.png') scroll no-repeat 0 5px;
            border-bottom: 1px dotted #bbb;
        }

    .firm-edit-info {
        display: inline-block;
        line-height: 20px;
        background: url('/img/icon-edit.png') scroll no-repeat left center;
        padding: 0 0 0 24px;
        margin-left: -24px;
    }

    a.phone-link {
        text-decoration: none;
        border-bottom: 1px dotted;
        color: #000;
        white-space: nowrap;
    }
    a.phone-link:hover {
        color: #cc0000;
    }

    .changeinfo__company_name {
        padding: 5px 5px 5px 34px;
        background: #ebebeb url('/img/icon-edit.png') scroll no-repeat 10px 50%;
        line-height: 20px;
        margin: 0 0 12px 0;
    }

    .ui-tooltip {
        padding: 8px;
        position: absolute;
        z-index: 9999;
        max-width: 300px;
        -webkit-box-shadow: 0 0 5px #aaa;
        box-shadow: 0 0 5px #aaa;
        background-color: #494949;
        border-color: #BCE8F1;
        color: #ffffff;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    /* Fades and background-images don't work well together in IE6, drop the image */
    * html .ui-tooltip {
        background-image: none;
    }
    body .ui-tooltip { border-width: 2px; }

.other-firms {
    margin: 45px 0 0 0;
    
    font-size: 0.867em;
    
    -webkit-border-radius: 8px;
        border-radius: 8px;
        
        
        background: #e7eaf0; /* Old browsers */
        background: -moz-linear-gradient(top,  #e7eaf0 0%, #d9dee8 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7eaf0), color-stop(100%,#d9dee8)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #e7eaf0 0%,#d9dee8 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #e7eaf0 0%,#d9dee8 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #e7eaf0 0%,#d9dee8 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #e7eaf0 0%,#d9dee8 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7eaf0', endColorstr='#d9dee8',GradientType=0 ); /* IE6-9 */
}
    .other-firms .other-firms-box {
        padding: 10px 15px;
    }
    
    .other-firms .hr {
        background: #dbdfe7;
        border-top: 1px solid #eceff5;
        height: 1px;
        clear: both;
        margin: 0;
        padding: 0;
        line-height: 1px;
    }
    .other-firms .h3 {
        margin: 0;
        font-weight: bold;
    }
    
    .other-firms table {
        width: 100%;
    }
        .other-firms table td {
            width: 50%;
            padding: 5px 15px 15px 5px;
            color: #555;
        }
        .other-firms table td p {
            margin: 0;
            padding: 0;
        }

.sub-categories-links {
    margin: 0 0 25px 0;
    font-size: 14px;
}
    .sub-categories-links span {
        color: #bbb;
    }

/*
 * firms-list
 */
.firms-list {
    padding: 0;
    margin: 0;
    list-style: none;
}
    .firms-list li {
        padding: 18px 18px 25px 18px;
        margin: 0;
        list-style: none;
        
        border: 1px solid #e3e3e3;
        border-bottom: none;
        
        background: -moz-linear-gradient(top,  rgba(251,251,251,1) 0%, rgba(247,247,247,0.51) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(251,251,251,1)), color-stop(100%,rgba(247,247,247,0.51))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(251,251,251,1) 0%,rgba(247,247,247,0.51) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(251,251,251,1) 0%,rgba(247,247,247,0.51) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(251,251,251,1) 0%,rgba(247,247,247,0.51) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(251,251,251,1) 0%,rgba(247,247,247,0.51) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#82f7f7f7',GradientType=0 ); /* IE6-9 */
    }

    .firms-list li.firms-highlight {
        background: #FCF8E3; /* url('../img/icon-action.png') scroll no-repeat 98% 50%; */
        border: 1px solid #ffd359;
        margin-bottom: 10px;
    }

    .firms-list li.last {
        border-bottom: 1px solid #e3e3e3;
    }
    .firms-list li .image {
        width: 109px;
        float: left;
    }
    .firms-list .text {
        margin-left: 127px;
    }
    .firms-list .text p {
        margin: 0 0 3px 0;
        padding: 0;
    }
    .firms-list .text h3 {
        font-size: 20px;
        font-weight: bold;
        margin: 0 0 15px 0;
    }
    .firms-list .text .phone-link + .phone-link {

    }
    
    .firms-list .text .more-addrs {
        margin-bottom: 14px;
        font-size: 18px;
    }
    
    .firms-list .text .more-phones {
        font-size: 12px;
        vertical-align: super;
        margin-left: 5px;
    }
    
    .firms-list .text .firm-radio {
        margin-top: 14px;
        background: url('/img/icon-play-3.png') scroll no-repeat 0 50%;
        line-height: 20px;
        padding-left: 25px;
    }
        .firms-list .text .firm-radio a {
            color: #fea501;
            font-weight: bold;
        }
            .firms-list .text .firm-radio a:hover {
                text-decoration: none;
            }

    .firms-list .text .firm-legal {
        font-size: 13px;
        color: #bbb;
        margin-top: -5px;
        margin-bottom: 12px;
        font-weight: normal;
        display: block;
    }
    
    .h1-catalog {
        float: left;
        
    }
    .h1-info {
        color: #c8c8c8;
        float: left;
    }
        .h1-info span {
            cursor: help;
            background: #42b02b url('/img/category-plus-bg.png') scroll repeat-x bottom left;
            color: #ffffff;
            font-size: 15px;
            font-weight: bold;
            
            -webkit-border-radius: 4px;
            border-radius: 4px;
            padding: 1px 4px;
            
            behavior: url('/css/PIE.htc');
        }
        
.catalog-sort {
    padding: 0;
    margin: 0;
}
    .catalog-sort li {
        padding: 4px 8px;
        margin: 0 10px 18px 0;
        list-style: none;
        float: left;
        font-size: 17px;
        color: #5f5f5f;
    }
    .catalog-sort li span {
        font-weight: bold;
    }

    .catalog-sort li.label {
        padding-left: 0;
        padding-right: 0;
    }    
    .catalog-sort li.active {
        border: 1px solid #e4e4e4;
        font-weight: bold;
    }
        .catalog-sort li.active a {
            text-decoration: none;
            color: #5f5f5f;
        }

/*
 * .yiiPager
 */


.pages {
    padding: 0;
    margin: 18px 0;
}
    .pages li {
        float: left;
        list-style: none;
        margin: 0 4px 0 0;
    }
    .pages li.page a {
        display: block;
        padding: 2px 6px;
        font-size: 15px;
        line-height: 17px;
        border: 1px solid #c4daee;
        text-decoration: none;
    }
    .pages li.selected a {
        border: 1px solid #e3e3e3;
        background: #ebebeb;
        color: #575757;
        font-weight: bold;
    }
    .pages li.prev {
        margin: 0 15px 0 0;
    }
    .pages li.next {
        margin: 0 0 0 15px;
    }
    
    .pages:after {
        content: "";
        height: 1px;
        font-size: 0px;
        display: block;
        clear: left;
    }
    
    .pages li.off a {
        color: #bbb;
        text-decoration: none;
    }
    
/*
 * .breadcrumbs
 */

.breadcrumbs {
    font-size: 13px;
    margin: 0 0 20px 0;
    color: #888;
}
.breadcrumbs .breadcrumbs__h1 {
    font-size: 13px;
    margin: 0;
    padding: 0;
    font-weight: normal;
    color: #888;
    display: inline;
}

.yandex-share {
    height: 30px;
    opacity: 0.4;
}
    .yandex-share:hover {
        opacity: 1;
    }


.vn-tabs .menu {
    margin: 18px 0;
    padding: 0;
    list-style: none;
}
    .vn-tabs .menu li {
        margin: 0 9px;
        padding: 3px 10px;
        list-style: none;
        float: left;
        
        border: 1px solid #ddd;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        
        font-size: 16px;
    }
        .vn-tabs .menu li a {
            color: #244b98;
            text-shadow: 0px 2px 1px #ffffff;
        }
    
    .vn-tabs .menu li.active {
        background: #ddd; /* Old browsers */
        background: -moz-linear-gradient(top,  #fafafa 0%, #bbb 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#bbb)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #fafafa 0%,#bbb 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #fafafa 0%,#bbb 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #fafafa 0%,#bbb 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #fafafa 0%,#bbb 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#bbbbbb',GradientType=0 ); /* IE6-9 */
    }
        .vn-tabs .menu li.active a {
            color: #313131;
            text-decoration: none;
        }
    
    .vn-tabs .menu li.first, .vn-tabs .menu li:first-child {
        margin-left: 0;
    }
        
    .vn-tabs .menu li.last, .vn-tabs .menu li:last-child {
        margin-right: 0;
    }
    
    .vn-tabs .menu li.text {
        border: none;
        padding-right: 0;
        padding-left: 0;
    }
    

#mapNav {
    position: absolute;
    right: 35px;
    width: 215px;
    margin: 0 0 0 0;
    padding: 7px;
    border: 2px solid #ccc;
    
    -webkit-border-radius: 7px;
    border-radius: 7px;
}

#mapNav .h {
    font-weight: bold;
    text-align: center;
    padding: 0 0 7px 0;
    margin: 0 0 11px 0;
    border-bottom: 1px solid #ccc;
}

#mapNav ol {
    margin: 0;
}
    #mapNav ol li {
        font-size: 13px;
        line-height: 16px;
        margin-bottom: 12px;
        padding: 3px 10px;
        
        border: 1px solid transparent;
        
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }
    
    #mapNav ol li .city {
        font-size: 11px;
        line-height: 13px;
        color: #999;
        margin-top: 3px;
    }
    
    #mapNav ol li.active {
        border: 1px solid #ddd;
        background: #fff;
    }
    
    #mapNav ol li.active a {
        color: #303030;
        border-bottom: none;
        cursor: default;
        font-weight: bold;
    }
    #mapNav ol li.active .city {
        color: #333;
    }




/* Autocomplete
----------------------------------*/
.ui-autocomplete {
    background: #ffffff; border: 1px solid #ccc; position: absolute;
    max-width: 500px;
}  


/* Menu
----------------------------------*/
.ui-autocomplete.ui-menu {
    list-style:none;
    padding: 0;
    margin: 0;
    display: block;
}

.ui-autocomplete.ui-menu .ui-menu-item {
    padding: 0;
    margin: 0 !important;
    list-style: none;
    cursor: pointer;
    overflow: hidden;
}
.ui-autocomplete.ui-menu .ui-menu-item a {
    text-decoration:none;
    display: block;
    padding: 7px 3% !important;
    color: #333;
}
.ui-state-hover,
.ui-state-active,
.ui-state-focus{
    background:#beebff;
}
.search-item {

}
li.search-item + li.search-item {
    border-top: 1px solid #ebebeb;
}
.search-item a {
    display: block;
}
.search-item a:after {
    content: '';
    display: block;
    clear: both;
}
.search-item-logo {
    width: 40px;
    float: left;

}
.search-item-logo img {
    max-width: 100%;
    width: 100%;
}
.search-item-logo,
.search-item-info {
    display: block;
}
.search-item-info {
    padding-left: 52px;
}
.search-item-title {

}
.search-item-legal {
    font-size: 11px;
    color: #bbb;
    margin-top: 12px;
}
.search-item-address {
    font-size: 12px;
    margin-top: 4px;
    color: #656;
    background: url("/img/map-point.svg") scroll no-repeat left center;
    background-size: auto 12px;
    padding-left: 14px;
}
.search-item-address sup {
    color: #999;
}



#scrollUp {
    bottom: -8px;
    right: 8px;
    height: 28px;
    padding: 5px 10px;
    
    text-align: center;
    text-decoration: none;
    
    color: #ffffff;
    background: #3962a9 url('/img/search-bg.png') scroll repeat-x 0 0;
    
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    text-shadow: 0px -1px 1px #203a98;
    
    -webkit-box-shadow: 0 0px 3px 1px rgba(61,112,184,0.4);
    -moz-box-shadow: 0 0px 3px 1px rgba(61,112,184,0.4);
    box-shadow: 0 0px 3px 1px rgba(61,112,184,0.4);
    
    -webkit-transition: bottom 150ms linear;
    -moz-transition: bottom 150ms linear;
    transition: bottom 150ms linear;
    
    opacity: 0.8;
}
#scrollUp:hover {
    bottom: 0;
}

#yandex_ad_list_mobile {
    display: none;
}
#yandex_ad_list {
    display: block;
}


.test-top-banners {
    margin-top: -25px;
}
.test-top-banners ul {
    text-align: justify;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;

    /* Обнуляем для родителя*/
    line-height: 0;
    font-size: 2px; /* 1px для Opera */

    /* Лекарство для IE6-7*/
    text-justify: newspaper;
    zoom:1;

    /* Включаем в работу последнюю строку*/
    text-align-last: justify;
}
.test-top-banners ul:after {
    width: 100%;
    height: 0px;
    visibility: hidden;
    overflow: hidden;
    content: '';
    display: inline-block;
}
.test-top-banners ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;

    width: 240px;

    display: inline-block;
    text-align: left;

    /* Востанавливаем у потомков, кроме последнего*/
    line-height: normal;

    /* Без него в Opera будет отступ под элементами */
    vertical-align: top;

    /* эмуляция inline-block для IE6-7*/
//display : inline;
//zoom : 1;
}
/*@media all and (min-width: 600px) and (max-width: 819px) {

}


@media all and (min-width: 640px) {

}

@media all and (min-width: 640px) and (max-width: 1023px) {

}

@media all and (min-width: 820px) and (max-width: 1023px) {

}

@media all and (min-width: 900px) and (max-width: 1023px) {

}

@media all and (min-width: 960px) {

}

@media all and (min-width: 1024px) {

}

@media all and (max-width: 960px) {

}*/

@media screen and (min-width: 320px) and (max-width: 980px) {
    .test-top-banners {
        margin-top: 5px;
        max-width: 100%;
        overflow: hidden;
    }
    #yandex_ad_list_mobile {
        display: block;
    }
    #yandex_ad_list {
        display: none;
    }

    h1, .h1 {
        font-size: 22px;
    }
    #top-nav {
        margin-bottom: 10px;
    }
    #top-nav .right {
        display: none;
    }

    #top-nav .right {
        display: none;
    }
    #search {
        margin-bottom: 7px;
    }
    #search .search-top {
        font-size: 14px;
        height: 25px;
        line-height: 25px;
    }
    #search .search-right-corner {
        height: 25px;
    }

    #search .search-box div.search-box-borders {
        padding: 10px 10px;
    }

    #search form label {
        display: none;
    }

    #search input[type="text"] {
        font-size:13px;
        padding-top: 5px;
        padding-bottom: 5px;

    }
    #search #search-examples {
        display: none;
    }

    #search button {
        font-size: 13px;
        font-weight: 600;
        height: 29px;
    }
    #search button span {
        display: none;
    }

    #search .category-select {
        display: none;
    }

    #search .search-td {
        width: 76% !important;
    }

    #footer {

    }

    #footer .right {
        display: none;
    }
    #footer .logo {
        display: none;
    }

    #scrollUp {
        display: none !important;
    }

    .category-list li {
        float: none;
        padding: 0;
        margin: 0 0 15px 0;
        width: auto;
    }

    .category-list li .image img {
        width: 30px;
        height: auto;
    }

    .category-list li .image {
        width: 40px;
    }

    .category-list li .links {
        padding-left: 45px;
    }

    .category-list .header a, .category-list .header p {
        font-size: 16px;
    }

    .category-list .sub-categories {
        font-size: 12px;
    }

    #container.column2 #content {
        padding: 0 !important;
    }
    #container.column2 {
        float: none !important;
        clear: none;
    }
    #side-right {
        display: none;
    }
    
    #header {
        margin-bottom: 12px;
    }
    #header ul {
        padding-top: 10px;
    }

    #header .right, #header .right li {
        float: none !important;
        display: block;
    }
    #header .right li {
        display: none;
    }

    #header #logo.left {
        float: none !important;

    }

    #header #logo img {
        max-width: 260px;
        width: auto;
        height: auto;
    }

    #header ul li p {
        height:17px;
        line-height:17px;
    }

    #header .right li.cbrf-box, #header .right li.weather-box {
        display: inline-block;
        padding: 0 10px;
    }


    p.cbrf {
        font-size: 13px !important;
    }

    .cbrf-box .hint, .weather-box .hint, .weather-box a {
        font-size: 10px !important;
    }

    .weather-box p.temp {
        font-size: 14px !important;
    }

    #header .temp img {
        width: 25px;
        height: 25px;
        margin: -5px 0 0 0;
    }



    .h1-info {
        font-size: 12px;
    }

    .content-box .content-box-inner {
        padding-left: 10px;
        padding-right: 0;
    }

    #sendmail-form .row table td {
        display: inline-block;
        width: 100% !important;
    }

    #sendmail-form .form {
        width: auto !important;
        max-width: 100%;
        margin: 0;
    }
    
    #sendmail-form .row {
        margin-left: 0;
    }

}

@media screen and (min-width: 320px) and (max-width: 532px) {

    body, input, textarea, button, select, option {
        font-size: 87.5%;
    }

    .firm-right-col {
        display: none;
    }

    .other-firms-box td {
        display: inline-block;
        width: 100% !important;
    }

    .firm-table .mobile-only .image img {
        width: 100px;
    }

    .firm a.form-button {
        display: inline-block;
        margin: 7px 0;
        width: auto !important;
        font-size: 14px !important;
    }



    .mobile-only {
        display: block;
    }

    .firm-catalog-links {
        display: none;
    }

    .yandex-share {
        opacity: 1;
    }

    .firms-list .text h3 {
        font-size: 14px;
    }

    .firm .firm-website {
        width: auto;
        max-width: 100%;
    }

    .firms-list .image {
        width: 60px !important;
        margin: 0;
    }
    .firms-list .image img {
        width: 50px;
    }

    .firms-list .text {
        margin-left: 67px !important;
    }

    .firms-list table td, .firms-list table th, .firms-list p {
        font-size: 14px;
    }

    .firms-list li table td:first-child {
        display: none;
    }

    .firms-list .more-phones {
        display: none;
    }

    .firms-list .more-addrs {
        font-size: 12px !important;
    }

    .breadcrumbs {

    }

    #top-nav .left li, #top-nav .add-button {
        font-size: 11px !important;
    }
    #top-nav .left li {
        padding-left: 5px !important;
        padding-right: 5px !important;
        height: 22px;
        line-height: 22px;
    }
    #top-nav {
        height: 22px;
        line-height: 22px;
    }

    .search-top sup span {
        display: none;
    }

    .search-item-legal {
        display: none;
    }
    .search-item-address {
        display: none;
    }
}.popup, .shadow {
    display: none;
}

.shadow {
	position: fixed !important;
	z-index: 500;
	width: 100%;
	height: 100%;
	background: #000000;
	filter: alpha(opacity=60);
	opacity: 0.6;
}

.popup {
    position: absolute;
    z-index: 510;
    /*width: 430px;*/
    
    left: 50%;
    top: 100px;
}
    .popup .popup-arrow {
        width: 32px;
        height: 13px;
        background: url('/img/popup-arrow.png') scroll no-repeat left bottom;
        margin: -10px 0 0 30px;
        position: absolute;
    }
    .popup .popup-box {
        border: 3px solid #2c519b;
        background: #fdfdfd;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: 0 0 5px 1px rgba(255,255,255,0.3);
        box-shadow: 0 0 5px 1px rgba(255,255,255,0.3);
    }
    
    .popup .close {
        display: block;
        position: absolute;
        right: 10px;
        top: 10px;
        width: 13px;
        height: 11px;
        background: url('/img/close-ico.png') scroll no-repeat center center;
        text-decoration: none;
    }
    
    .popup .popup-content {
        margin: 23px 45px 20px 20px;
    }
    
    .popup .header {
        font-size: 24px;
        font-weight: bold;
        color: #777777;
        margin: 0 0 15px 0;
    }
    
    .popup .form .row {
        margin-bottom: 15px;
    }
    
    .popup .form .row label {
        display: block;
        padding: 0;
        margin: 0 0 3px 12px;
        font-size: 14px;
        font-weight: bold;
        color: #6d6d6d;
    }
    
    .popup .form .row .text-field {
        border: 2px solid #bdcbe2;
        height: auto !important;
        padding: 6px 10px;
        margin: 0;
        font-size: 15px;
        color: #434343;
        width: 275px !important;
        
        -webkit-border-radius: 4px;
        border-radius: 4px;
        position: relative;
        
        behavior: url('/css/PIE.htc');
    }
    .popup .form .row a.system {
        color: #2c519b;
        border-bottom: 1px dotted #2c519b;
        text-shadow: 0px -1px 1px #c3c3c3;
    }
        .popup .form .row a.system:hover {
            color: #cc0000;
            border-bottom: 1px dotted #cc0000;
        }

    .popup .form .row address.text-field {
        background: #ebebeb;
        border: 2px solid #aaa;
    }
        
        
#categories-popup .form {
    height: 350px;
    overflow: auto !important;
    border: 2px solid #e1e1e1;
    background: #ebebeb;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}


/*!
 * jQuery Custom Form Plugin
 * Examples and documentation at: http://zoomwebstudio.ru/tools/customform/
 * Copyright (c) 2011-2012 Zoomwebstudio, M. Malyukov
 * Version: 1.1 (11-JUL-2012)
 * Dual licensed under the MIT and GPL licenses.
 * Requires: jQuery v1.7 or later
 */
.custom-select-box {
    position:relative;
    display:inline-block;
}
    .custom-select-box .custom-select-field:after {
        content:"";
        border-color:  #6d6d6d transparent ;
        border-style: solid;
        border-width: 10px 6px 0 6px ;
        content: "";
        display: block;
        right: 8px;
        position: absolute;
        top: 50%;
        width: 0;
        margin-top: -4px;
        z-index: 100;
    }
    .custom-select-box .custom-select-field {
        cursor:pointer;
        margin: 0;
        
        padding: 7px 3% !important;
        position: relative;
        border: 1px solid #dcdcdc;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-user-select: none;
        -webkit-user-select: none;
        background: #c9c9c9 url('/img/search-select-bg.png') scroll repeat-x top left;
        
        overflow: hidden;
        
        behavior: url('/vn/css/PIE.htc');
    }
    .custom-select-box .custom-select-list {
        display:none;
        position:absolute;
        border:1px solid #BEC4C7;
        background:#FFF;
        z-index:95;
        left:0;
        /*top: 27px;*/
        padding: 0;
        overflow: auto;
        max-height: 350px;
    }
    .custom-select-box .custom-select-list li {
        background: #ffffff;
        line-height: 20px;
        padding: 7px 3% !important;
        margin: 0 !important;
        list-style: none;
        cursor: pointer;
        overflow: hidden;
        white-space: normal !important;
        border-bottom: 1px solid #eee;
    }
    .custom-select-box .custom-select-list li:hover {
        background:#beebff;
    }
.custom-radio-box {
    display:inline-block;
}
    .custom-radio-box .custom-radio {
        width:15px;
        height:15px;
        border: 1px solid #B3B3B3;      
        border-radius: 8px;
        background:#FFFFFF;
        cursor:pointer;
        position:relative;
    }
    .custom-radio-box .custom-radio.checked:after {
        width:9px;
        height:9px; 
        border-radius: 5px;
        background:#BEEBFF;
        cursor:pointer;
        position:absolute;
        left:3px;
        top:3px;
        content:"";
        display:block;
    }
.custom-checkbox-box {
    display:inline-block;
    margin-bottom: -2px;
    margin-right: 2px;
}
    .custom-checkbox-box .custom-checkbox {
        border:1px solid #a7adbb;
        width:15px;
        height:15px;
        background:#f7f7f7;
        cursor:pointer;
        position:relative;
        
        -webkit-border-radius: 2px;
        border-radius: 2px;
    }
    .custom-checkbox-box .custom-checkbox.checked:after {
        width:11px;
        height:11px;
        background:#555  url('/img/checkbox-point.png') scroll no-repeat center center;
        cursor:pointer;
        position:absolute;
        left:2px;
        top:2px;
        content:"";
        display:block;
    }
.custom-file-box {
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-align: left;
    vertical-align: middle;
}
    .custom-file-box .custom-file-button {
        display:inline-block;
        border:1px solid #acacac;
        font-size:13px;
        color:#333333;
        text-align:center;
        padding:3px 15px;
        text-decoration:none;
        box-shadow: inset 0 0 1px #FFFFFF;
        text-shadow: 0 1px 1px #FFFFFF;
        background: #f9f9f9; /* Old browsers */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#dbdbdb');
        background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#dbdbdb)); /* for webkit browsers */
        background: -moz-linear-gradient(center top , #f9f9f9, #dbdbdb); /* for firefox 3.6+ */
        background: -o-linear-gradient(top,#f9f9f9 0%,#dbdbdb 100%); /* for opera */
        background: linear-gradient(center top , #f9f9f9, #dbdbdb);
        user-select: none;
    }
    .custom-file-box:hover .custom-file-button {
        border:1px solid #b3b3b3;
        background: #ededed;
        background: -moz-linear-gradient(top,  #fafafa 0%, #e8e8e8 85%, #fafafa 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(85%,#e8e8e8), color-stop(100%,#fafafa));
        background: -o-linear-gradient(top,  #fafafa 0%,#e8e8e8 85%,#fafafa 100%);
        background: linear-gradient(top,  #fafafa 0%,#e8e8e8 85%,#fafafa 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e8e8e8',GradientType=0 );
    }
    .custom-file-box input[type=file] {
        cursor: pointer;
        font-size: 90px;
        height: 32px;
        left: -932px;
        opacity: 0;
        position: absolute;
        top: 0;
    }