/*
Свойство float имеет следующие значения: (с какой стороны блок будет принудительно выровнен. При этом с другого края, он может обтекаться другими элементами)
    left – блок выравнивается по левому краю, обтекание справа
    right – блок выравнивается по правому краю, обтекание слева
    none – обтекание не задано, блок ведет себя по умолчанию, как в предыдущих примерах.

Свойство clear, которое управляет поведением плавающих элементов:
    left – запрещает обтекание с левой стороны, все элементы будут показаны с новой строки (под элементом)
    rigth – запрещает обтекание элемента с правой стороны
    both – запрещает обтекание элемента с обоих сторон, рекомендуется использовать, когда явно надо показать элемент с новой строки или неизвестно с какой именно стороны возможно обтекание другими элементами

*/ 

table.tab1 {
    table-layout  : fixed;
    height        : 100%;
    width         : 100%;
    border        : 0px solid black;
}

table.testtab {
    table-layout  : fixed;
    height        : 10%;
    width         : 50%;
    background    : white;
    border        : 1px solid black;
}

table.Full_0 {
    table-layout  : fixed;
    height        : 100%;
    width         : 100%;
    background    : white;
    border        : 0px solid black;
}

table.Full {
    table-layout  : fixed;
    height        : 100%;
    width         : 100%;
    background    : white;
    border        : 1px solid black;
}

table._404 {
    table-layout  : fixed;
    height        : 100%;
    width         : 100%;
    background    : white;
    border        : 0px solid black;
}

#Td_zastavka{
    border        : 0px solid black;
    text-align    : center;
}

#BK {
    /*background  : lightgoldenrodyellow;*/
    background    : white; /* Прозрачный фон */
}


td.testtd {
    height        : 100%;
    width         : 100%;
    border        : 0px solid black;
}

td.td1 {
  border          : 0px solid black; /*для теста контроль границ*/
  text-align      : center;  
}

td.td_border_C {
  border          : 1px solid black;
  border-radius   : 5px;
  text-align      : center;
}

td.td_border_L {
  border          : 1px solid black;
  border-radius   : 5px;
  text-align      : left;
}

td.info {
  border        : 0px solid black; /*для теста контроль границ*/
  text-align    : center;
  font-size     : 30px; 
}

textarea { /* Настройка поля ввода */
   /* background: #fce9c0;  Цвет фона */
    border      : 1px solid black; /* Параметры рамки */
    padding     : 10px; /* Поля */
    width       : 100%; /* Ширина */
    height      : 200px; /* Высота */
    box-sizing  : border-box; /* Алгоритм расчёта ширины */
    font-size   : 14px; /* Размер шрифта */
    resize      : none; /* Запрет изменения размера */
   }

body {
    /*max-width: 900px;     /* ограничение максимальной ширины  */
    margin              : 0px;      /*Отступ с краев*/
    overflow            : hidden;   /* Скрываем прокрутку */
    width               : 100vw;
    background-color    : white;
    background-image    : url('../Images/F8.png');
    background-position : center;
}

form.testForm {
    /*background  : lightgoldenrodyellow;*/
    background  : white; /* Прозрачный фон */
    border      : 1px solid black; /* Параметры рамки */
}

p.testP {
    text-align: center;
    font-size: x-large;
    font-style: oblique;
}

Div.testDiv {
    background  : transparent; /* Прозрачный фон */
    height      : auto;
    top         : 300px;
    width       : 30%;
    left        : 50px;
    overflow    : hidden;
    float       : left;
}

Div._404 {        /* блок по центру по ширине */
    background  : transparent; /* Прозрачный фон */
    position    : relative; /* Относительное позиционирование сдвигает элемент относительно его обычного положения */
    width       : 80vw;    
    height      : 80%;
    left        : 10vw; /* чтобы спозиционировать по середине, 35 = (100 - 30) / 2 */
    top         : 10%;
}

Div.TT {        /* блок по центру по ширине */
    background  : transparent; /* Прозрачный фон */
    position    : relative; /* Относительное позиционирование сдвигает элемент относительно его обычного положения */
    width       : 50vw;
    left        : 25vw; /* чтобы спозиционировать по середине, 35 = (100 - 30) / 2 */
}

Div.Head {
    /*background  : lightgoldenrodyellow;*/
    background  : transparent; /* Прозрачный фон */
    height      : 80px;
    left        : 0;
    right       : 0;
    top         : 0;
    overflow    : hidden;
}

Div.Body {
    /*background  : lightgrey;*/
    background  : transparent; /* Прозрачный фон */
    height      : calc(100vh - 80px + 25px); /*вычисляем высоту среднего слоя при изменении размеров*/
    left        : 0;
    right       : 0;
    top         : 80px;
    overflow-y  : auto;     /*Делаем прокрутку*/
}

Div.Basement {
    /*background  : lightgoldenrodyellow;*/
    background  : transparent; /* Прозрачный фон */
    position    : fixed;
    height      : 25px;
    left        : 0;
    right       : 0;
    bottom      : 0;
}




/*Примеры*/
/* для всех блоков внутри body изменяем алгоритм расчета ширины блоков и добавляем все блокам поля 10px */
/*body div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
}

.header {
    background: #CCA69E;
    padding: 10px;
}

.left-sidebar {
    width: 20%;
    background: #8ED9B6;
    float: left;
}

.content {
    float: left;
    width: 60%;    
}

.right-sidebar {
    width: 20%;
    background: #FF9282;
    float: left;
}

.footer {
    background: #000;
    clear: both; <-- запрещаем обтекание с обоих сторон, блок выводится с новой строки -->
    color: #ccc;
}


h1 {
  color: red;
  
}

li.hh1 {
  color: red;
}

li.hh2 {
  color: orange;
}

li.Li1 {
  color: red;
}

*/