HTML{margin:0}
BODY{line-height:1.3;height:100vh;margin:0;font-family:'Roboto',sans-serif;font-size:1.4vw;font-weight:300;color:#555;background-color:#FFF;text-align:center}
TABLE{border:0;text-align:left;width:100%;vertical-align:top;padding:0px;border-spacing:0px}
TD{padding:0.4vw;vertical-align:top}
TD.empt{min-width:15vw}
TD.prev{height:8.85vw;min-height:8.85vw;min-width:15vw;text-align:center;padding-bottom:0}
TD.prev:hover{background-color:#FFF;cursor:pointer}
TD.badt{background-color:#c00}
TD.test{background-color:#F99}
TD.gift{background-color:#090}
TD.curt{background-color:#FFF}
TH{background-color:#d2d9dc;vertical-align:top;text-align:right;font-weight:300}
H1,H2,H5{font-size:inherit;font-weight:bold;margin:0;color:#555}
H3{display:inline;font-size:inherit}
.he{display:inline-block;font-weight:300}
A{color:#903030;text-decoration:none}
A:hover{color:#C00000 !important; text-decoration:underline}
A:visited{color:#B99}
P{margin:1vw 0 1vw 0;text-align:justify}
P:first-letter{margin-left:1vw}

.photos-hidden{display:none}

IMG{border:solid 0.1vw #606060;margin:0px;max-width:100vw}
IMG.big{height:auto;margin:0 calc(50% - 50vw);}
IMG.prev{width:auto}
.prev{height:8.3vw;min-height:8.3vw;max-width:15vw}
IMG.nop{border:0;vertical-align:text-bottom;width:3vw;height:3vw;margin-right:0.6vw;}
.fts{max-height:92vh;width:auto}
IMG.x100{float:left;margin-right:0.6vw;object-fit:cover;object-position:50% 0;}
.x100{vertical-align:top;background-repeat:no-repeat;background-size:100%;height:8.3vw;width:8.3vw}
.content{min-height:80%;vertical-align:top;text-align:left;padding:1vw 0.5vw;background-color:#eaf4fb;}
.w100{width:29vw;vertical-align:top}
.w100-left {width:16vw;display:inline-block;text-align:left}

.tdd TD, .tdd TH{padding:2px 2px 2px 0;word-break:break-word;text-align:right;vertical-align:top}
.tdd TH{position:sticky;top:0px;}
.tdd TH:nth-child(n){min-width:5vw;}
.tdd TH:nth-child(1), .tdd TD:nth-child(1){min-width:50vw;text-align:left}
.tdd TH:nth-child(2){min-width:11vw;}
.tdd TH:nth-child(4){min-width:8vw;}
.tdd TH:nth-child(7), .tdd TD:nth-child(7){min-width:12vw;padding-right:0px}
.tdd TH:nth-child(8), .tdd TD:nth-child(8){display:none}
.tdd TR:nth-child(even){background-color:#d2d9dc}
.tdd TR:hover{background-color:#c8cfd2}

TR.tdd:nth-child(even){background-color:#d2d9dc}

.marked{background-color:#edd}
.verified{background-color:#ded}
TR.verified:nth-child(even){background-color:#cdc}
TR.verified:hover{background-color:#bcb}

.header, .footer, .announce {color:#555;min-height:2vw;height:2vw;padding:1vw 0.5vw;vertical-align:middle;}
.header {border-bottom:0.1vw solid #555;display:flex;}
.footer {border-top:0.1vw solid #555;text-align:right;}
A.header-title:visited {color:#555}

.header-title {flex:2;text-align:left;white-space:nowrap;overflow:hidden;}

.header-members{flex:0 0 15vw;text-align:right}

.album-description{text-align:justify}

.topmenu{text-align:right;padding-bottom:1vw}
.topmenu A{padding-left:1vw;color:#555}

.main-desc{float:left;width:74vw}

.announce{border-bottom: 0.1vw solid #555;color:#FFF;background-color:#000;}
A.announce,A.announce:hover{color:#FFF !important;border:none;}

FORM{margin:0px}
.form-header {width:14vw;display:inline-block;text-align:left}
.search-str {width:49vw}

.material-icons {
    font-family:'Material Symbols Outlined';
    font-weight:normal;
    font-style:normal;
    font-size:1.4vw;
    letter-spacing:normal;
    text-transform:none;
    display:inline-block;
    white-space:nowrap;
    word-wrap:normal;
    direction:ltr;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    vertical-align:top !important;
}

.filled {
    font-variation-settings: 'FILL' 1;
}

.mi-b{font-size:7vw !important;color:#555;float:left;margin:0 0.6vw 0 0;padding:0 0.7vw}
A.mi-b:hover{color:#cc0000;text-decoration:none}

textarea,select,input{font-family:inherit;font-size:inherit;font-weight:inherit;color:#555;text-decoration:none;border:solid 0.1vw #555;border-radius:5px;margin:0 0 0.2vw 0;vertical-align:baseline;padding:0px;padding-left:2px}
input[type=file]{border:0}
input[type=checkbox],input[type=radio]{border:0;transform:scale(1.5);vertical-align:middle}
input[type=button],input[type=submit]{padding: 0.1em 0.4em;color:#FFFFFF;background-color:#4090f0;border-radius:5px}
input[type=text],input[type=password],textarea{padding: 0.2vw 0.4vw}
input:disabled{background-color:#909090}
.commentado{height:3.7vw;width:60vw}

.tomato{color:#CC0000 !important;}
.x50{height:4vw;width:4vw;background-size:100%;background-repeat:no-repeat;vertical-align:top;object-fit: cover;object-position: 50% 0;}

.nologo{background-image:image('../images/nologo.webp','../images/nologo.jpg')}
.nologo-jpg{background-image:url('../images/nologo.jpg')}
.nologo-webp{background-image:url('../images/nologo.webp')}
.reco{width:16.35vw;height:16.35vw;object-fit:cover;object-position:50% 0;}

.recot {float:left;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:16.5vw;min-width:16.5vw;}

.mem-info{width:45%;float:left;}
.mem-about{width:31.6vw;height:9.9vw}

.halfeditor {display:inline-block;width:49%;vertical-align:top;text-align:left}

.front-ul{line-height:1.47;margin:0px}

div.x50{padding:0 0 0.6vw 0.3vw}
div.comm{padding:0 0 0 1vw;vertical-align:top;text-align:left;}

.fade{
    transition: background 1.5s 0s ease;
    background-color: #eaf4fb !important;
}

.form-data{width:22vw}
.form-data-short{width:14vw}

@media only screen and (max-width: 768px) {
    BODY{font-size:3vw}

    IMG.nop{width:5vw;height:5vw;}
    div.comm{word-wrap:break-word;max-width:80vw;}
    .form-header{width:28vw}
    .form-data{width:45vw}
    .form-data-short{width:22vw}
    .search-str{width:38vw}
    .search-cat{width:33vw}
    .commentado{height:8.7vw;}
    .x50{height:9vw;width:9vw}
    .topmenu A{padding:0 1vw;}
    .header-members{flex:0 0 30vw}
    .header, .footer, .announce {min-height:5vw;height:5vw;}

    .content{min-height:76vh}

    .album-description{display:none;}

    .photos-hidden{display:inline}

    input[type=checkbox],input[type=radio]{transform:scale(0.7)}
    UL{padding-left:20px}
    .front-ul{line-height:1.6}
    .x100{height:14vw;width:14vw}
    .halfeditor{width:100%;vertical-align:top;text-align:left}
    .footer{text-align:center;}
    .material-icons{font-size:3vw;padding:0 1px}
    .mi-b{font-size:14.15vw !important;margin:0 0.6vw 0 0}
    .tdd TH:nth-child(n){min-width:7vw}
    .tdd TH:nth-child(1), .tdd TD:nth-child(1){min-width:44vw;text-align:left}
    .tdd TH:nth-child(2){min-width:21vw}
    .tdd TH:nth-child(8), .tdd TD:nth-child(8){min-width:29vw;text-align:left;display:table-cell;padding-right:0px}
    .tdd TH:nth-child(3), .tdd TD:nth-child(3), .tdd TH:nth-child(4), .tdd TD:nth-child(4), .tdd TH:nth-child(5), .tdd TD:nth-child(5), .tdd TH:nth-child(6), .tdd TD:nth-child(6), .tdd TH:nth-child(7), .tdd TD:nth-child(7) {display:none}
    .tdd-total{font-size:0}
    .mem-info{width:100%;}
    .mem-about{width:45vw;}
    .w100{width:54vw;}
    .w100-left{width:38vw;}
    .fts{max-height:52.5vh;}
    .prev {
        height:14.7vw;
        width:14.7vw !important;
        object-fit:cover;
        object-position: 50% 0;
    }
    .main-desc{width:69vw}
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: fallback;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCRc4AMP6lbBP.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: fallback;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fABc4AMP6lbBP.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: fallback;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc4AMP6lQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: fallback;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: fallback;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: fallback;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family:'Material Symbols Outlined';
    font-style:normal;
    font-weight: 400 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v76/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsLjBuVY.woff2) format('woff2');
}