html, body {
    width: 100%;
    min-height: 100%; /* размер "в высоту экрана" */
    margin: 0;
    padding: 0;
    background: none;
}

.container {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    min-width: 960px;
    min-height: 100%; /* контейнер с фоном не меньше экрана всегда */
    margin: 0;
    padding: 1%;
    background: url("../images/bg-wood.jpg") repeat;
    background-clip: padding-box;
}

table.theory {
    width: 100%;
    margin: 1em auto 0;
    table-layout: fixed;
    border: solid 3px #000000;
    border-collapse: collapse;
    text-align: center;
    background: #ffffff url("../images/bg-paper-white.png") repeat;
    outline: solid 1px #ffffff;
    box-shadow: 4px 6px 5px 0 rgba(0,0,0,0.5);
}

table.theory tr {
    /*background: transparent;*/

}

table.theory td {
    /*margin: 0 auto;*/
    width: 6.25%;
    padding: 3px 2px;
    border: solid 1px #000000;
    font: normal 12px/12px "Arial", "Helvetica", sans-serif;
    text-align: center;
    vertical-align: top;
    text-transform: uppercase;
    overflow: hidden;
}

table.theory.dichotomy td {
    width: auto;
    padding: 7px 2px;
    border: solid 1px #000000;
    font: normal 12px/12px "Arial", "Helvetica", sans-serif;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    overflow: hidden;
}

table.theory .left {
    text-align: left;
    float: none;
}

table.theory .right {
    text-align: right;
    float: none;
}

table.theory .null {
    /*background: transparent;*/
}

table.theory a,
table.theory a:visited {
    color: #000000;
    text-decoration: none;
}

table.theory a:hover {
    color: #7c0000;
    text-decoration: none;
}

table.theory h1 {
    margin: 0;
    padding: 0;
    font: bold 30px/30px "Arial", "Helvetica", sans-serif;
    text-align: center;
}

table.theory h2 {
    margin: 0;
    padding: 0;
    font: normal 20px/24px "Arial", "Helvetica", sans-serif;
    text-align: center;
}

table.theory h3 {
    margin: 0;
    padding: 0;
    font: normal 16px/19px "Arial", "Helvetica", sans-serif;
    text-align: center;
}

table.theory td p {
    margin: 0;
    padding: 0;
    font: normal 10px/10px "Arial", "Helvetica", sans-serif;
    color: #404040;
}

table.theory .tim {
    font-weight: bold;
}

table.theory .tim p {
    font: bold 8px/10px "Arial", "Helvetica", sans-serif;
    color: #404040;
}

table.theory .tim.alpha p + p,
table.theory .tim.beta p + p,
table.theory .tim.gamma p + p,
table.theory .tim.delta p + p {
    font: normal 7px/10px "Arial", "Helvetica", sans-serif;
    color: #404040;
}

table.theory .alpha p + p,
table.theory .beta p + p,
table.theory .gamma p + p,
table.theory .delta p + p {
    font: normal 8px/12px "Arial", "Helvetica", sans-serif;
    color: #404040;
}

table.theory .tim img {
    width: 90%;
    margin: 5%;
    background: #ffffff;
    box-shadow: none;
    outline: solid 1px #000000;
}

table.theory .alpha {
    background: rgba(119, 235, 119, 0.60);
}

table.theory .tim.alpha {
    background: rgba(119, 235, 119, 0.31);
}

table.theory .beta {
    background: rgba(250, 124, 124, 0.61);
}

table.theory .tim.beta {
     background: rgba(250, 124, 124, 0.30);
 }

table.theory .gamma {
    background: rgba(245, 193, 68, 0.60);
}

table.theory .tim.gamma {
    background: rgba(245, 193, 68, 0.31);
}

table.theory .delta {
    background: rgba(119, 235, 235, 0.60);
}

table.theory  .tim.delta {
    background: rgba(119, 235, 235, 0.31);
}


table.theory .aspects {
    font: normal 9px/9px "Arial", "Helvetica", sans-serif;
    background: rgba(0, 0, 0, 0.20);
}

table.theory .dichotomy {
     background: rgba(0, 0, 0, 0.10);
 }

table.theory .model-a {
    background: rgba(0, 0, 0, 0.30);
}

table.theory .aspects a img {
    margin: 5px;
    padding: 5px;
    width: 40px;
    height: 40px;
    background: #ffffff;
    box-shadow: none;
    outline: solid 1px #000000;
}

/* Выделения ячеек по наведению */

table.theory .aspects a img:hover {
    background: #ffffff;
    outline: solid 1px #ff0000;
}

.hover-from-script {
     /*background: #ff7c00;*/
     color: #ffffff;
     /*text-shadow: #ffffff 0 0 3px;*/
     /*box-shadow: inset 0 0 1em rgba(255, 0, 0, 0.50);*/
     /*outline: solid 1px #ff0000;*/
 }

.theory.dichotomy .hover-from-script {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.20);
}

/* Подсвечивание ячеек ТИМов в которые скрипт добавил класс маркер наведения hover-from-script */
table.theory .tim.alpha.hover-from-script {
    background: rgba(119, 235, 119, 0.90);
    /*box-shadow: inset 0 0 1em rgba(119, 235, 119, 1.0);*/
}

table.theory .tim.beta.hover-from-script {
    background: rgba(250, 124, 124, 0.90);
}

table.theory .tim.gamma.hover-from-script {
    background: rgba(245, 193, 68, 0.90);
}

table.theory .tim.delta.hover-from-script {
    background: rgba(119, 235, 235, 0.90);
}


/* ТАБЛИЦА С ЛИЦАМИ ТИМов*/

#tims-faces .tims td img {
    width: 20%;
    margin: 3px;
    padding: 0;
}

/*#tims-faces .tims td img:nth-child(4) {*/
    /*width: 80%;*/
/*}*/


/* ТАБЛИЦА ПРИЗНАКОВ РЕЙНИНА*/

.reinin {

}

table.theory.reinin tr td {
    width: 5.55%;
    margin: 0;
    padding: 1px;
    vertical-align: middle;
}

table.theory.reinin tr td:nth-child(1) {
    font: normal 10px/10px "Arial", "Helvetica", sans-serif;
    text-align: left;
}