/* =======================================================
   ZAKOPANE MOUNTAIN RESORT
   Авторский стиль для форума Закопане
   ======================================================= */

body{
    margin:0;
    padding:15px;
    color:#253238;
    font:15px/1.6 "Segoe UI","Trebuchet MS",Verdana,sans-serif;
    background-color:#eef4f1;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900'%3E%3Crect fill='%23eef4f1' width='1600' height='900'/%3E%3Cpath fill='%23d7e7e0' d='M0 700L220 430L420 660L650 320L860 620L1120 350L1370 610L1600 430V900H0Z'/%3E%3Cpath fill='%23a8c7b9' d='M0 780L240 540L450 700L710 430L920 690L1180 480L1420 670L1600 560V900H0Z'/%3E%3Cpath fill='%237ca08e' d='M0 900L0 760L110 640L220 760L330 600L440 780L550 620L660 760L770 610L880 770L990 620L1100 780L1210 640L1320 800L1430 650L1540 780L1600 730V900Z'/%3E%3C/svg%3E");
    background-attachment:fixed;
    background-size:cover;

    scrollbar-face-color:#1f5f49;
    scrollbar-track-color:#eef4f1;
}

font,
td,
th,
p{
    font:15px "Segoe UI",Verdana,sans-serif;
}

/* ===================== ССЫЛКИ ===================== */

a:link,
a:visited,
a:active,
a.postlink{
    color:#166b57;
    text-decoration:none;
    transition:.2s;
}

a:hover{
    color:#0d3329;
    text-decoration:none;
}

/* ===================== ЗАГОЛОВКИ ===================== */

.maintitle,
h1{
    color:#124235;
    font-family:"Trebuchet MS",sans-serif;
    font-size:30px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
}

.subtitle,
h2,
h3{
    color:#275845;
    font-size:22px;
    font-weight:600;
}

.explaintitle{
    color:#1f5f49;
    font-size:15px;
    font-weight:bold;
}

.topictitle{
    font-size:15px;
    font-weight:bold;
}

a.topictitle:hover{
    color:#0a2d22;
}

/* ===================== ОСНОВА ===================== */

.bodyline{
    background:rgba(255,255,255,.90);
    border:1px solid #d0e0d8;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 10px 40px rgba(0,0,0,.08);
}

.forumline{
    background:transparent;
    border:none;
}

/* ===================== ТАБЛИЦЫ ===================== */

th{
    background:linear-gradient(135deg,#1f5f49,#34725f);
    color:#ffffff;
    font-size:14px;
    font-weight:bold;
    height:38px;
    border-bottom:2px solid #154538;
}

td.cat,
td.rowpic,
td.cathead,
.catLeft,
.catRight{
    background:linear-gradient(135deg,#2f6e59,#40856f);
    color:#ffffff;
    font-weight:bold;
    text-transform:uppercase;
    letter-spacing:1px;
    height:36px;
}

.row1{
    background:#ffffff;
}

.row2{
    background:#f4f8f6;
}

.row3{
    background:#edf4f0;
}

td.spacerow{
    background:#d7e7df;
    height:2px;
}

/* ===================== НАВИГАЦИЯ ===================== */

.nav{
    color:#1f5f49;
    font-size:14px;
    font-weight:bold;
}

/* ===================== СООБЩЕНИЯ ===================== */

.postbody{
    font-size:15px;
    line-height:1.8;
    color:#243239;
}

.postdetails{
    color:#62726c;
    font-size:12px;
}

.name{
    color:#194e3f;
    font-weight:bold;
    font-size:14px;
}

/* ===================== ЦИТАТЫ ===================== */

.quote{
    background:#f6fbf8;
    border-left:5px solid #3a8a70;
    border-radius:10px;
    padding:10px 14px;
    color:#245142;
    font-style:italic;
}

.code{
    background:#102f26;
    color:#b6ffe1;
    border-radius:10px;
    padding:12px;
    border:none;
    font-family:Consolas,monospace;
}

/* ===================== ФОРМЫ ===================== */

input.post,
textarea.post{
    background:#ffffff;
    border:1px solid #bdd5ca;
    border-radius:10px;
    padding:6px;
    color:#243239;
}

input.post:focus,
textarea.post:focus{
    border-color:#2f8368;
    outline:none;
    box-shadow:0 0 10px rgba(47,131,104,.25);
}

select{
    background:#ffffff;
    border:1px solid #bdd5ca;
    border-radius:8px;
}

/* ===================== КНОПКИ ===================== */

input.button,
input.liteoption,
.fakebut,
input.catbutton,
input.mainoption{
    background:linear-gradient(135deg,#2f6e59,#438970);
    color:#ffffff;
    border:none;
    border-radius:10px;
    padding:6px 14px;
    font-weight:bold;
    cursor:pointer;
}

input.button:hover,
input.liteoption:hover,
.fakebut:hover,
input.catbutton:hover,
input.mainoption:hover{
    background:linear-gradient(135deg,#245847,#326f59);
}

/* ===================== ПАГИНАЦИЯ ===================== */

.pgbutt a{
    background:#ffffff;
    border:1px solid #c8d8d0;
    border-radius:30px;
    color:#1f5f49;
    padding:4px 10px;
    margin:2px;
    box-shadow:0 2px 6px rgba(0,0,0,.05);
}

.pgbutt a:hover{
    background:#1f5f49;
    color:#ffffff;
}

/* ===================== АВАТАР БЕЗ ФОТО ===================== */

.guestavatar{
    width:120px;
    height:120px;
    display:table-cell;
    vertical-align:middle;
    text-align:center;

    background:
    linear-gradient(135deg,#2f6e59,#6fa98e);

    color:#ffffff;
    font-size:48px;
    font-weight:bold;
    border-radius:50%;
}

/* ===================== АДМИН И МОДЕРАТОР ===================== */

.admin,
a.admin,
a.admin:visited{
    color:#c0392b;
    font-weight:bold;
}

.mod,
a.mod,
a.mod:visited{
    color:#1f7a55;
    font-weight:bold;
}

/* ===================== ЛИНИИ ===================== */

hr{
    border:none;
    border-top:1px solid #ceddd6;
}

/* ===================== БЛОК ОШИБОК ===================== */

.errorline{
    background:#fff4e8;
    border:1px solid #efc48e;
    color:#8c4d00;
    border-radius:10px;
}

/* ===================== QR ===================== */

#qr img{
    width:40px;
    height:40px;
    position:fixed;
    right:15px;
    top:15px;
    background:#fff;
    padding:4px;
    border-radius:12px;
    box-shadow:0 5px 20px rgba(0,0,0,.15);
}

#qr img:hover{
    width:220px;
    height:220px;
    z-index:999;
}