﻿*{                                                  /*Обнуление всех рамок и отступов, шрифт по умолчанию веде устанавливаем 16, от него будем отталкиваться...*/
    padding: 0;
    margin: 0;
    font-size: 24px;
    border: 0 ;
    font-family: "Times_New_Roman", sans-serif;
    color: #0700db;
}

html{
    width: 100%;                                    /*Ширина блока*/
    height: 100%;                                   /*Высота блока*/
    background: url('../images/fon.jpg') no-repeat ;/*Устанавливаем фоновую картинку без повтроения*/
    background-attachment: fixed;                   /*Фиксируем картинку на видимой части страницы*/
    background-size:cover;
}

body{
    height: 100%;                                   /*Высота блока*/
}

.wrapper_auth {
    /* border: 3px solid #20005e;   Рамку блоку толщину и цвет*/
    width: 100%;                                  /*Делаем зазор блока по отношению к другому блоку*/
    margin: 0 auto;                              /*распологаем вложенный блок по центру относительно родителя по горизонтали*/
    min-height: 100%;                                /*Мин. высота блока,  чтобы это заработало а не выставлялось по ширине контента надо установить ширину контента у всех родительских элементов то есть у  body и у html так как усли только у body то сам body выстроится равный 100% самому себе то есть по контенту...)*/
    height: 100%;
    /* background-attachment: fixed;                   Фиксируем картинку на видимой части страницы*/
}
.wrapper_index {

    width: 100%;                                  /*Делаем зазор блока по отношению к другому блоку*/
    margin: 0 auto;                              /*распологаем вложенный блок по центру относительно родителя по горизонтали*/
    min-height: 100%;                                /*Мин. высота блока,  чтобы это заработало а не выставлялось по ширине контента надо установить ширину контента у всех родительских элементов то есть у  body и у html так как усли только у body то сам body выстроится равный 100% самому себе то есть по контенту...)*/
    height: 100%;
    /* background-attachment: fixed;                   Фиксируем картинку на видимой части страницы*/

}
.main_content_auth{
    /* border: 3px solid #20005e; Рамку блоку толщину и цвет*/
    text-align: center;
    position: relative;   /* относительная располага блока относительно экрана(родителя) */
    top: 20%; /* 50 процентов вниз сдвижка */
    font-size: 60px;
}

.main_content_index{
     /*  border: 3px solid #20005e;  Рамку блоку толщину и цвет*/
     text-align: center;
     position: relative;   /* относительная располага блока относительно экрана(родителя) */
     top: 15%; /* 50 процентов вниз сдвижка */
     font-size: 60px;
    /*border: 3px solid #e7471f;  Рамку блоку толщину и цвет*/
}

.check_auth_text{
    font-size: 60px;
}

.main_content_btn {
    /*  border: 3px solid #20005e; Рамку блоку толщину и цвет*/
    text-align: center;
    position: relative;   /* относительная располага блока относительно экрана(родителя) */
    top: 35%; /* 50 процентов вниз сдвижка */
    font-size: 60px;
    color: #0029ff;
    /*background: rgba(255,255,255,.1) no-repeat fixed; */
    width: 99%;
    margin: 0 auto;                              /*распологаем вложенный блок по центру относительно родителя по горизонтали*/
    /* border: 3px solid #005e18; Рамку блоку толщину и цвет */

    white-space: nowrap;
    overflow: hidden;
}


.main_content_link {
    font-size: 20px;
    display: inline-block;
    margin: 10px;
    font-weight:bold;
}


.check_auth_input_p {

    margin: 10px;
}


/*--------------------------------------Основное меню начало--------------------------------------------------------------------------------------*/
