html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body {
    background-color: #FAFAFA;
    background-position: 50% 0px;
    background-repeat: repeat-y;
    background-attachment: fixed;
}

p {
    text-align: justify;
}
tr.hidden {
	display: none;
}
th.sorted.ascending:after {
	content: "  \2191";
}

th.sorted.descending:after {
	content: " \2193";
}
.dark-td > a {
    color: aliceblue;
    font-weight: bold;
}
@media (min-width: 1120px) {
    body {
        background-color: #FAFAFA;
        background-image: url("/img/bg.png");
        background-repeat: repeat;
        background-attachment: fixed;
        padding-top: 5px;
        min-height: 90%;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 14pt;
    }
    .left {
        float: left;
    }
    #login_form {
        background-color: #FAFAFA;
        box-shadow: 0 0 4px rgba(0,0,0,.4);
        margin-top: 10%;
        margin-left: 35%;
        margin-right:35%;
        padding-left: 20px;
        padding-right: 20px;
        width: 30%;   
    }
    #register_form {
        background-color: #FAFAFA;
        box-shadow: 0 0 4px rgba(0,0,0,.4);
        margin-top: 5%;
        margin-left: 25%;
        margin-right:25%;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 10px;
        font-size: 9pt;
        width: 50%;   
    }
    #main {
        background-color: #FAFAFA;
        box-shadow: 0 0 4px rgba(0,0,0,.4);
        margin-top: 5%;
        margin-left: 2%;
        margin-right: 2%;
        width: 96%;
        font-size: 9pt;
        padding: 2%;
    }

    #login_btn {
        margin-bottom: 15px;
    }
    #label_input_password, #check_box_remember_me {
        margin-top: 10px;
    }
    .form-group {
        margin-left:5px;
        margin-right: 5px;
    }
    #forgot_pass {
        margin-left: 53%;
        margin-top: -32px;
        font-size: 12pt;
    }
    #reg_btn {
        float: right;
    }
    #main {
        min-height: 85%;
        box-shadow: 0 0 4px rgba(0,0,0,.4);
    }
    #tableTranslate > tbody>  tr > td > p > a {
        text-decoration: none;
        color: #000;
    }
    #header {
        margin-top: 20px;
        border-bottom: 3px solid #810000;
        height: 50px;
        border-bottom: 1px solid #810000;
    }

    #TextLogo {
        float: left;
        margin: 10px;
        padding-top: 5px;
        font-weight: normal;
        font-style: italic;
        font-size: 18pt;
        width: 580px;
    }

    #search {
        float: right;
        margin: 10px;
        margin-top: 15px;
        font-size: 14pt;
        width: 280px;
    }

    #lang {
        margin: 1px;
        margin-top: -23px;
        font-size: 10pt;
        padding-right: 5px;
        padding-top: 42px;
        float: right;
    }

    #mainmenu {
        height: 40px;
        padding-left: 10px;
    }

    .main_menu_item {
        min-width: 120px;
        font-size: 14pt;
        width: auto;
        height: 33px;
        margin: 0 auto;
        float: left;
        padding-top: 7px;
        padding-left: 15px;
        padding-right: 15px;
        cursor: pointer;
        text-align: center;
        color: #040074;
        /*color: #505050;*/
        border-right: 2px solid #D1D1D1;
        background-color: #E1E1E1;
        font-weight: 400;
    }

        .main_menu_item:hover, .selected-item {
            background: linear-gradient(180deg, #810000, #FF0000);
            text-decoration: none;
            color: #FFFFFF;
        }

        .main_menu_item > a:hover {
            text-decoration: none;
            color: #FFF;
        }

    .main_menu_subitem > a {
        text-decoration: none;
        color: #000;
    }

    .main_menu_subitem {
        display: block;
        border: 1px solid #AA0000;
        position: absolute;
        z-index: 100;
        padding-left: 0px;
        margin-left: 162px;
        min-width: 120px;
        max-width: 550px;
        margin-top: 2px;
        width: auto;
        background-color: rgba(255,255,255,.99);
        font-size: 9pt;
        color: #D1D1D1;
    }

    .main_menu_subitem-item {
        display: block;
        padding-left: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-right: 5px;
        cursor: pointer;
        color: #555555;
    }

        .main_menu_subitem-item:hover {
            /*color:  rgba(36,150,200,.9);*/
            background-color: #DD0000;
            color: #FFF;
        }

    .main_menu_subitem-item-head {
        color: #AA0000;
        font-weight: bold;
        font-size: 12pt;
        padding-left: 5px;
    }

    #breadcrumbs {
        display: block;
        margin-left: 10px;
        margin-top: 10px;
        font-size: 10pt;
    }

    .menu {
        display: inline-block;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-shadow: 0 0 4px rgba(0,0,0,.4);
        background-color: #FEFEFE;
        margin-top: 10px;
        margin-left: 15px;
        padding: 10px;
        border-radius: 7px;
        /*font-family: Helvetica, Arial, Verdana,  sans-serif;*/
        font-size: 10pt;
        width: 250px;
        vertical-align: top;
        overflow-y: auto;
        overflow-x: hidden;
        height: auto;
    }

    .to-top {
        margin-top: -130px;
        margin-bottom: 50px;
        position: fixed;
    }

    .menu > a {
        text-decoration: none;
        color: #111;
    }

        .menu > a:visited {
            text-decoration: none;
            color: #333;
            cursor: pointer;
        }

        .menu > a:hover {
            text-decoration: none;
            color: #DE0000;
        }


    .top-menu-subitem > a,
    .top-menu-item > a {
        text-decoration: none;
        color: #111;
    }
    #top1, 
    #top2 {
        margin-right: 5px;
    }
    .menu-item > a {
        text-decoration: none;
        color: #111;
    }
        .top-menu-subitem > a:visited,
        .top-menu-item > a:visited,
        .menu-item > a:visited {
            text-decoration: none;
            color: #333;
            cursor: pointer;
        }
        .top-menu-subitem:hover,
        .top-menu-subitem >a:hover,
        .top-menu-item > a:hover {
            background-color: #DD0000;
            color: #FFF;
        }
        .menu-item > a:hover {
            text-decoration: none;
            color: #DE0000;
        }

    .menu-item,
    .top-menu-item {
        margin: 0px;
        height: auto;
        border-bottom: 1px solid #E1E1E1;
        padding: 5px;
        padding-left: 15px;
        padding-top: 10px;
        padding-bottom: 10px;
        color: #111;
        cursor: pointer;
    }
        .top-menu-item:hover,
        .menu-item:hover {
            /*	background-color: #fafaf7; (1,183,16,.68)
                background-color: rgba (28,19,98,0.99);*/
            color: #DF0000; /*rgba(71,150,59,.99);*/
            /*	height: auto;*/
        }

    .selected,
    .selected > a,
    .selected > a:visited {
        color: #DE0000; /*rgba(71,150,59,.99);*/
        font-weight: 500;
    }

    .top-menu-subitem {
        margin-left: -10px;
        margin-top: 3px;
        margin-right: 0px;
        margin-bottom: 3px;
        padding: 1px;
        color: #000;
        max-width: 450px;
    }
    .menu-subitem {
        /*visibility: hidden;*/
        margin-left: 15px;
        margin-top: 2px;
        margin-right: -3px;
        margin-bottom: 10px;
        /*border: 1px solid; 
        border-color: rgb(247,218,142);
        border-radius: 4px;
        background-color: #fffFf5;
        background-color: rgba(36,150,200,.9);*/
        /* box-shadow:  0 0 2px rgba(0,0,0,.4);*/
        padding: 5px;
        /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
        color: #000;
    }

    .selectedSub {
        color: #DE0000; /*rgba(71,150,59,.99);*/
    }

    .top-menu-subitem:hover,
    .menu-subitem:hover {
        color:  #FAFAFA; /*rgba(71,150,59,.99);*/
        background-color : #DE0000; 
        /*background-color: rgba(13,70,166,.8); rgba(247,218,142,.9);*/
    }

    #text {
        display: inline-block;
        /*box-shadow:  0 0 4px rgba(0,0,0,.4);*/
        border: 1px solid;
        border-color: rgba(0,0,0,.1);
        border-radius: 7px 7px 0 0;
        /*#fffFf5;*/
        box-shadow: 0 0 2px rgba(0,0,0,.4);
        margin-top: 10px;
        /*font-family: "Helvetica Neue", Helvetica,  Arial, Verdana, sans-serif;*/
        font-size: 11pt;
        background-color: #FAFAFA; /*#FEFEFE;*/
        width: 830px;
        height: auto;
        padding: 15px;
        padding-top: 0px;
        margin-left: 10px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        vertical-align: top;
    }

    #content > h3 {
        color: #FA0000;
        font-size: 16pt;
    }

    .menu-header {
        font-size: 16pt;
        text-align: center;
        background-color: #AA0000;
        background: linear-gradient(180deg, #810000, #FF0000);
        width: 250px;
        height: 30px;
        margin-left: -10px;
        margin-top: -10px;
        border-radius: 7px 7px 0 0;
        padding-top: 5px;
        box-shadow: 0 0 2px rgba(0,0,0,.4);
    }

        .menu-header > a,
        .menu-header > a:visited {
            text-decoration: none;
            color: #FFF;
        }


    th {
        padding: 10px;
        padding-left: 0px;
        text-align: left;
    }

    .table-tech > th, td {
        /* border-bottom: 1px solid gray;	*/
        vertical-align: center;
        /*padding: 10px;*/
    }

    img {
        margin-left: 5px;
        margin-right: 10px;
    }

    #RenderIt {
        display: block;
        width: 400px;
        height: 200px;
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .WorldNews {
        /*clear: both;*/
        margin-top: 10px;
    }

    .newsCell > img {
        max-width: 200px;
        max-height: 80px;
    }

    .exhibition {
        margin: 5px;
        display: inline-block;
    }

    .fluid_container {
        margin: 0 auto;
        max-width: 1000px;
        width: 90%;
    }

    #myTab > li > a {
        padding: 10px 15px;
    }

    #tCategoryRU, #tCategoryEN {
        width: 100%;
    }

    #tProduction, #tProductionEN {
        width: 100%;
    }

    #tModification, #tModificationEN {
        width: 100%;
    }

    #tProductionAdd {
        width: 100%;
    }

    #tCategoryAdd {
        width: 100%;
    }



    .modification {
        font-size: inherit;
    }

    #About > img {
        float: left;
    }

    #tCategoryEN > tbody > tr.striped, #tCategoryRU > tbody > tr.striped, .modification > tbody > tr.striped {
        background-color: #d9edf7;
    }

    #tProductionEN > tbody > tr.striped, #tProduction > tbody > tr.striped, .modification > tbody > tr.striped {
        background-color: #d9edf7;
    }

    #tModificationEN > tbody > tr.striped, #tModification > tbody > tr.striped, .modification > tbody > tr.striped {
        background-color: #d9edf7;
    }

    #tCategoryEN > tbody > tr.backlight, #tCategoryRU > tbody > tr.backlight {
        background-color: #6f5499;
        color: #E1E1E1;
        cursor: pointer;
    }

    #dialogEdit {
        font-size: 8pt;
    }

    #tblDialogEdit, #tblDialogEditEN {
        width: 100%;
        height: 100%;
    }

    .box {
        padding: 10px;
        margin: 2px;
        padding-left: 6px;
        background-color: #d9edf7;
    }

    #footer {
        display: block;
    }

    @font-face {
        font-family: 'Glyphicons Halflings';
        src: url('../fonts/glyphicons-halflings-regular.eot');
        src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
    }

    .glyphicon {
        position: relative;
        top: 1px;
        display: inline-block;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .glyphicon-remove:before {
        content: "\e014";
    }

    .glyphicon-pencil:before {
        content: "\270f";
    }

    .glyphicon-plus-sign:before {
        content: "\e081";
    }

    .glyphicon-ok:before {
        content: "\e013";
    }

    .glyphicon-minus:before {
        content: "\2212";
    }

    .glyphicon-plus:before {
        content: "\2b";
    }
    .glyphicon-envelope:before {
        content: "\2709";
    }
    .glyphicon-home:before {
        content: "\e021";
      }
    .pdf {
        position: relative;
        float: right;
        display: inline-block;
        cursor: pointer;
        width: 45px;
        height: 43px;
        background-image: url("/images/pdf.gif");
        color: black;
    }
    /* Отображает вверху контента подсказку */
    [data-hint-up]:after, [data-hint-up]:before {
        opacity: 0;
        content: "";
        position: absolute;
        bottom: 100%;
        left: 50%;
        z-index: 1000;
        cursor: default;
        white-space: pre;
    }

    [data-hint-up]:hover {
    }
        /* IE10 без этой строчки не работает */
        [data-hint-up]:hover:before {
            opacity: 1;
            -webkit-transition: opacity 0.2s 50ms ease;
            -moz-transition: opacity 0.2s 50ms ease;
            -o-transition: opacity 0.2s 50ms ease;
            transition: opacity 0.2s 50ms ease;
            content: attr(data-hint-up);
            border: 1px solid #999;
            border-radius: 3px;
            font: normal 11px Tahoma;
            padding: 5px 5px 5px 25px;
            box-shadow: 3px 3px 3px -2px rgba(0,0,0,0.5);
            background: #ffffed 2px center no-repeat;
            margin: 0 0 9px -10px;
        }

        [data-hint-up]:hover:after {
            opacity: 1;
            -webkit-transition: opacity 0.2s 50ms ease;
            -moz-transition: opacity 0.2s 50ms ease;
            -o-transition: opacity 0.2s 50ms ease;
            transition: opacity 0.2s 50ms ease;
            content: "\25BC";
            color: #ffffed;
            margin: 0 0 -5px -7px;
            text-shadow: 1px 2px 2px #666;
        }
}