@font-face {
    font-family: 'heb';
    src: url('/fonts/heb.eot');
    src: url('/fonts/heb.eot?#iefix') format('embedded-opentype'),
        url('/fonts/heb.ttf') format('truetype');
}

body, html, img, div, p {
    margin: 0;
    padding: 0;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
}

* {
    font-family: Arial,Helvetica,sans-serif;
}

a {
    outline: none;
}

p {
    padding-bottom: 12px;
}

/* Разметка основного шаблона */
body {
    background: url("/images/tle/subtlenet2_@2X.png") #cccccc;
}

html, body, #wrapper-main, #main {
    width: 100%;
    height: 100%;
}

#main {
    display: table;
    width: 90%;
    margin: auto;
    min-width: 988px;
}
#wrapper-top-space {
    display: table-row;
    height: 10px;
}
#top-space {
    display: table-cell;
}
#wrapper-top {
    display: table-row;
    height: 10px;
}
#top {
    display: table-cell;
    border-top: solid 1px #3387cc;
    border-right: solid 1px #3387cc;
    border-left: solid 1px #3387cc;
    border-right: solid 1px #3387cc;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #fff;
}

#wrapper-logo {
    display: table-row;
}
#logo {
    display: table-cell;
    background-color: #fff;
    border-left: solid 1px #3387cc;
    border-right: solid 1px #3387cc;
    background: url('/images/logo-small.png') white right no-repeat;
    height: 121px;
    margin: 16px 0 0;
    padding: 0 20px;
}
#logo .logotext {
    padding: 30px 0 0 0;
}

#logo .slogan {
    padding: 10px 0 0 0px;
    font-size: 20px;
    font-family: heb;
    color: #05a742;
}
#personal {
    display: table-cell;
    background-color: #fff;
    border-left: solid 1px #3387cc;
    border-right: solid 1px #3387cc;
    padding: 0 20px;
}
#wrapper-mainmenu {
    display: table-row;
    height: 50px;
}
#mainmenu {
    display: table-cell;
    vertical-align: middle;
    background-color: #fff;
    border-left: solid 1px #3387cc;
    border-right: solid 1px #3387cc;
    padding: 10px 20px;
}
#wrapper-title {
    display: table-row;
    height: 46px;
}
#title {
    display: table-cell;
    text-align: center;
    color: #e15616;
    font-size: 22px;
    vertical-align: middle;
    background-color: #fff;
    border-left: solid 1px #3387cc;
    border-right: solid 1px #3387cc;
    padding: 0 20px;
}
#wrapper-messages {
    display: table-row;
}

#messages {
    display: table-cell;
    background-color: #fff;
    border-left: solid 1px #3387cc;
    border-right: solid 1px #3387cc;
    padding: 0 20px 10px;
}
#wrapper-content {
    display: table-row;
    height: 100%;
}
#content {
    display: table-cell;
    background-color: #fff;
    border-left: solid 1px #3387cc;
    border-right: solid 1px #3387cc;
    padding: 0 20px;
}
#wrapper-bottom {
    display: table-row;
    height: 50px;
}
#bottom {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    background-color: #fff;
    border-left: solid 1px #3387cc;
    border-right: solid 1px #3387cc;
    padding: 0 20px;
}


a {
    color: #036f2c;
    text-decoration: none;
}

a:hover, a:active, a:focus {
    color: #bf4913;
}

.red {
    color: #da0000 !important;
}
a.red:hover {
    color: red !important;
}
.green {
    color: green !important;
}
a.green:hover {
    color: lime !important;
}
.blue {
    color: blue !important;
}
a.blue:hover {
    color: skyblue !important;
}
.grey {
    color: #888 !important;
}
a.grey:hover {
    color: red !important;
}
.white {
    color: white !important;
}
a.white:hover {
    color: whitesmoke !important;
}

.clear {
    clear: both;
    margin: 0 !important;
    padding: 0 !important;
}

#personal .username {
    float: left;
}