@charset  "UTF-8";
/*
* Выдвигающаяся верхняя панель
* исключительно средствами CSS
* работает на скрытых чекбоксах(checkbox)
*
* автор: @dobrovoi dbmast.ru
*/
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body {
    background: #d0d0d0;
    background: -webkit-linear-gradient(90deg,#abbaab 10%,#fff 90%);
    background: -moz-linear-gradient(90deg,#abbaab 10%,#fff 90%);
    background: -ms-linear-gradient(90deg,#abbaab 10%,#fff 90%);
    background: -o-linear-gradient(90deg,#abbaab 10%,#fff 90%);
    background: linear-gradient(90deg,#abbaab 10%,#fff 90%);
    font-size: 100%;
    font-family: Arial
}

h1 {
    font-weight: 300;
    font-size: 130%;
    color: #191919;
    -webkit-font-smoothing: antialiased
}

h2 {
    font-weight: 300;
    font-size: 130%;
    color: #888;
    padding: 5px 0
}

h3 {
    font-weight: 300;
    font-size: 130%;
    color: #80FF00;
    padding: 5px 0;
	text-align: left;
}

.info {
    margin: 50px auto;
    text-align: center
}

.info a {
    text-decoration: none;
    color: #016993
}

.info a:hover {
    color: #ad8c02
}
.fa {
    color: #fd6969
}
@media only screen and (max-width: 400px) {
    body {
        font-size: 90%
    }
}

@media only screen and (max-width: 800px) {
    body {
        font-size: 100%
    }
}

@media only screen and (min-width: 1100px) {
    body {
        font-size: 100%
    }
}
/*  ===== Выдвигающаяся верхняя панель
*   =========================================
*   Базовый контейнер выдвижной панели */
.top-panel {
    background: #FF8080;
    position: absolute;
    top: -60px;
    left: 0;
    width: 100%;
    height: 90px;
    padding: 0;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    transition: top 400ms cubic-bezier(0.17,0.04,0.03,0.94)
}

.table2 {
 font-size: 1000%
}
/* Блок сообщения */
.message {
    color: #fff;
    font-weight: 100;
    position: absolute;
    top:-50px;
    padding: 3em 2em;
    margin: 0 auto;
    width: 100%;
}
/* Заголовок 1 уровня */
.message h1 {
    color: #fff
}
/* Заголовок 2 уровня */
.message h2 {
    color: #888
}
.message p {
    margin: 1em 0
}
.message a {
    text-decoration: none;
    color: #748b74
}
.message a:hover {
    color: #95984b
}
/* Переключатель панели */
label.btn {
    display: block;
    position: absolute;
    right: 10px;
    top: 0;
    cursor: pointer;
    background: #2bbbad;
    width: 50px;
    border-radius: 0 0 5px 5px;
    padding: 8px 5px;
    color: #FFF;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
    transition: all 400ms cubic-bezier(0.17,0.04,0.03,0.94);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    z-index: 9999
}
/* Переключатель при наведении */
label.btn:hover {
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15)
}
/* Стрелка переключателя вниз */
label.btn:after {
    content: '\f078';
    font: normal 18px/1 FontAwesome;
    text-decoration: inherit
}
/* Активация панели */
.open:checked ~ .top-panel {
    top: 0
}

.open:checked ~ label.btn {
    top: 90px
}
/* Смещение контейнера контента страницы */
.open:checked ~ .container {
    margin-top: 400px
}
/* Цвет переключателя при клике */
.open:checked + label.btn {
    background: #dd6149
}
/* Стрелка переключателя вверх*/
.open:checked + label.btn:after {
    content: '\f077';
    font: normal 18px/1 FontAwesome
}
/* Контейнер контента */
.container {
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    transition: margin 400ms cubic-bezier(0.17,0.04,0.03,0.94);
    padding: 5em 3em
}

#toTop {
width:100px;
border:1px solid #ccc;
background:#f7f7f7;
text-align:center;
padding:5px;
position:fixed;
bottom:10px; /* отступ кнопки от нижнего края страницы*/
right:10px;
cursor:pointer;
display:none;
color:#333;
font-family:verdana;
font-size:11px;
}