HTML{margin:0}
BODY{height:100vh;margin:0;font-family:'Times New Roman';font-weight:normal;color:#606060;background-color:#dce3e6;text-align:center}
TABLE{border:0;font-size:1.3vw;text-align:left;width:100%;vertical-align:top;padding:0px;border-spacing:0px}
TD{vertical-align:top;padding:0.3vw}
TD.empt{min-width:15.7vw;}
TD.prev{height:8.85vw;min-height:8.85vw;min-width:15.7vw;text-align:center}
TD.prev:hover{background-color:#EEEEEE}
TD.badt{background-color:#cc0000}
TD.gift{background-color:#009900}
TD.curt{background-color:#FFFFFF}
TH{background-color:#dce3e6;border-bottom:dotted 0.1vw #606060;vertical-align:top;text-align:right;font-weight:normal}
H1, H2, H5{font-size:1.5vw;font-weight:bold;margin:0;color:#606060}
A{color:#A06060;text-decoration:none}
A:hover{color:#CC0000 !important; text-decoration:underline}
A:visited{color:#D0B0B0}
P{margin:1vw;text-align:justify}

IMG{border:solid 0.1vw #606060;margin:0px;max-width:99vw}
.prev{height:8.3vw;min-height:8.3vw;max-width:15.7vw}
IMG.nop{border:0;vertical-align:text-bottom}
IMG.big{max-width:99vw}
IMG.fts{max-height:96vh}
IMG.x100{float:left;margin-right:0.6vw}

.h100{height:100%}
.w100{width:100%}

.comm{border:0;padding:0;margin:0}
.comm TD{padding-bottom:0px;padding-top:0px}
.uilt{background-color:#dce3e6;border-top:dotted 1px #606060}
.footer{background-color:#ffffff;color:#606060;border-top:0.1vw solid #606060;vertical-align:middle;text-align:right;padding-right:0.5em}
.footer A{color:#606060}
.tdd TD,TH{padding:2px;word-break:break-word;text-align:right}
.tdd TH{position:sticky;top:0px;padding-right:0px}
.tdd TH:nth-child(1){text-align:left}
.tdd TD:nth-child(1){text-align:justify}
.tdd TH:nth-child(2){min-width:5vw;width:5vw}
.tdd TH:nth-child(3){min-width:9vw;width:9vw}
.tdd TH:nth-child(4){min-width:5vw;width:5vw}
.tdd TH:nth-child(5){min-width:5vw;width:5vw}
.tdd TH:nth-child(6){min-width:5vw;width:5vw}
.tdd TH:nth-child(7){min-width:10vw;width:10vw}

.tdd TR:nth-child(even){background-color:#d2d9dc}
.tdd TR:hover{background-color:#c8cfd2}
.tdi TD{padding:0 8px 2px 0}
.tdi TD:nth-child(odd){text-align:right;white-space:nowrap}
.tdi TD:nth-child(even){text-align:justify;width:100%}

.header{font-size:1.5vw;color:#606060;font-weight:bold;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60vw;}
.header TD{background-color:#ffffff;border-bottom:0.1vw solid #606060}
.header A{text-decoration:none;color:#606060}
.header A:hover{text-decoration:underline}
.header A:visited{color:#606060}

.r280{text-align:right;width:15vw;min-width:15vw;white-space:nowrap;padding-right:0.5em}
.r280 A{padding-left:1vw;}

.topmenu{color:#000000}
.topmenu A{color:#606060}
.topmenu A:hover{color:#303030;text-decoration:underline}

.mi-s{font-size:1.5vw !important;font-weight:bold !important;vertical-align:bottom}
.mi-b{font-size:8vw !important;width:8vw !important;color:#606060;float:left;margin:0 8px 0 0}
A.mi-b:hover{color:#cc0000;text-decoration:none}

form{margin:0px}
textarea,select,input{font-family:inherit;font-size:1.3vw;vertical-align:baseline;padding:0px;margin:0px;padding-left:2px}
textarea{font-size:1.3vw;color:#606060;border:solid 0.1vw #606060}
.commentado {height:4vw}
input[type=file]{border:0}
select,input[type=text],input[type=password]{text-decoration:none;font-size:1.3vw;font-weight:normal;color:#606060;border:solid 0.1vw #606060;margin:0}
input[type=checkbox],checkbox{border:0;padding:0}
input[type=submit],input[type=button]{vertical-align: baseline}

.tomato{color:#CC0000 !important;font-weight:bold}
.navi{font-size:2.5vw;vertical-align:middle;text-decoration:none}
.x50{height:4vw;width:4vw;background-size:100%;background-repeat:no-repeat}
.x100{height:8vw;width:8vw;background-size:100%;background-repeat:no-repeat}
.nologo{background-image:url('../images/nologo.jpg')}
.reco{width:14.7vw;height:14.7vw;max-width:280px;max-height:280px;}

.recot:nth-child(6n+1) {clear: both}
.recot {float: left;margin: 0 0.6vw 0 0.6vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:15.2vw;}

@media screen and (max-width: 600px) {
    .header {font-size:2.5vw !important}
    .material-icons {font-size:3vw !important}
    .mi-s {font-size:3vw !important;vertical-align:middle}
    .mi-b {font-size:8vw !important;width:8vw !important;}
    .navi {font-size:4vw !important}
    table {font-size:3vw !important}
    H1, H2, H5 {font-size:3vw}
    select,input[type=text],input[type=password],input[type=submit],input[type=button] {font-size:2vw}
    .tdd TH:nth-child(2){min-width:9vw;width:9vw}
    .tdd TH:nth-child(3){min-width:18vw;width:18vw}
    .tdd TH:nth-child(4){min-width:9vw;width:9vw}
    .tdd TH:nth-child(5){min-width:9vw;width:9vw}
    .tdd TH:nth-child(6){min-width:9vw;width:9vw}
    .tdd TH:nth-child(7){display:none}
    .tdd TD:nth-child(7){display:none}
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src:
            url(https://fonts.gstatic.com/s/materialicons/v82/flUhRq6tzZclQEJ-Vdg-IuiaDsNaIhQ8tQ.woff) format('woff');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 1.9vw;
    line-height: 1;
    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: middle
}