*, *:before, *:after { box-sizing: border-box; }
:root { color-scheme: light dark; }
body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 16px; background-color: #eee; color: #345; }
h2 { text-decoration: none; font-size: 24px; line-height: 32px; color: #243; margin-top: 0; margin-bottom: 12px; }
a { text-decoration: none; color: #05a; }
a:hover { color: #373; text-decoration: underline; }
p { text-decoration: none; line-height: 22px; }
p img { padding: 0; max-width: 100%; height: auto; }
img { border: 0; }
img.center { display: block; margin: 8px auto; padding: 4px; border: 1px solid #cec; }
img.alignright { padding: 4px; margin: 5px; display: inline; border: 1px solid #cec; }
img.alignleft { padding: 4px; margin: 5px; display: inline; border: 1px solid #cec; }
.alignright { float: right; margin: 4px; }
.alignleft { float: left; margin: 4px; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; border: 1px solid #cec; padding: 4px; }
.antorijrtop { width: 100%; height: auto; overflow: hidden; margin-bottom: 12px; }
.antorijrtitle { color: #243; font-size: 48px; line-height: 1.1; font-family: Impact, sans-serif; font-weight: normal; text-align: left; height: auto; padding: 0 10px 0 5px; margin-bottom: 4px; }
.antorijrtitle a { color: #243; text-decoration: none; }
.antorijrtitle a:hover { color: #373; text-decoration: underline; }
.antorijrtop .rket { color: #373; font-size: 13px; margin: 0 0 15px 5px; padding: 0; text-decoration: none; font-family: Arial, Helvetica, sans-serif, Verdana; display: block; }
.antorijrtop .logo { width: 215px; height: 75px; float: left; max-width: 100%; object-fit: contain; }
.homelink { padding-left: 22px !important; }
.nav { width: 100%; font-size: 12px; margin-top: 5px; margin-bottom: 15px; overflow: hidden; }
.mnantorij { float: left; list-style: none; position: relative; line-height: 24px; width: 100%; padding: 0; margin: 0; background-color: #243; border-radius: 4px; }
.mnantorij ul { margin: 0; padding: 0; list-style: none; position: absolute; display: none; top: 30px; left: -1px; }
.mnantorij a { display: block; padding: 8px 14px; color: #fff; text-decoration: none; font-weight: 500; }
.mnantorij a:hover { color: #fff; background-color: #373; }
.mnantorij li { float: left; position: relative; display: block; }
.mnantorij li ul { width: 100%; }
.mnantorij li ul a { height: auto; float: left; }
.mnantorij ul ul { line-height: 20px; top: auto; }
.mnantorij li ul ul { left: 12em; margin: 0px 0 0 10px; }
.mnantorij li:hover ul ul, .mnantorij li:hover ul ul ul, .mnantorij li:hover ul ul ul ul { display: none; }
.mnantorij li:hover ul, .mnantorij li li:hover ul, .mnantorij li li li:hover ul, .mnantorij li li li li:hover ul { display: block; }
.search { background: #fff; border: 1px solid #cec; float: right; height: 36px; margin: 0 15px 12px 0; width: 100%; max-width: 250px; border-radius: 4px; }
.search input { background: transparent; border: 0; color: #222; width: 100%; font-size: 14px; padding: 8px 10px; }
.bigcont { width: 100%; overflow: hidden; }
.cont { margin-top: 5px; margin-bottom: 5px; padding-bottom: 10px; float: right; width: 62%; }
.antorijrcont { margin-bottom: 15px; border: 1px solid #cec; padding: 16px; background-color: #fff; border-radius: 6px; }
.antorijrconttitle { border-bottom: 1px solid #ccc; padding-bottom: 8px; margin-bottom: 12px; }
.antorijrconttitle h2 { margin: 0px; font-size: 26px; line-height: 34px; }
.antorijrconttitle h2 a { color: #243; }
.antorijrconttitle h2 a:hover { color: #373; }
.antorijrcont blockquote { color: #345; padding: 12px; margin: 12px 0; border-left: 4px solid #373; background: #efe; border-radius: 0 4px 4px 0; }
.antorijrright { margin-top: 5px; float: left; width: 36%; background-color: #efe; border-radius: 6px; border: 1px solid #cec; padding: 8px; }
.antorijrright .box { border: 1px solid #cec; padding: 8px; margin-bottom: 12px; background-color: #fff; border-radius: 4px; }
.antorijrright .box h4, .antorijrright h4 { margin-top: 0px; color: #fff; background-color: #243; margin-bottom: 0px; font-size: 1em; font-weight: bold; padding: 8px 12px; border-radius: 3px; }
.antorijrright ul { list-style-type: none; padding: 0; margin: 5px 0; }
.antorijrright ul li { padding: 8px 4px; border-bottom: 1px dotted #cec; }
.antorijrright ul li ul { list-style-type: square; margin-left: 1.5em; padding: 0; border: 0; }
.antorijrright ul li ul li { border: 0; }
.antorijbt { max-width: 980px; width: 100%; border-top: 0px solid #ccc; }
.navbt { text-align: center; float: left; max-width: 980px; width: 100%; font-size: 13px; margin: 25px 0 15px 0; color: #456; }
@media only screen and (max-width: 768px) { body { font-size: 18px; } }
@media only screen and (max-width: 768px) { p { font-size: 18px; line-height: 28px; } }
@media only screen and (max-width: 768px) { li { font-size: 17px; line-height: 26px; } }
@media only screen and (max-width: 768px) { .wrap { background: #efe; width: 100% !important; border: 0 !important; margin: 0 !important; padding: 12px !important; } }
@media only screen and (max-width: 768px) { .antorijrtop .rket { display: none; } }
@media only screen and (max-width: 768px) { .cont { float: none !important; width: 100% !important; margin: 0 0 15px 0 !important; } }
@media only screen and (max-width: 768px) { .antorijrright { float: none !important; width: 100% !important; margin: 0 0 15px 0 !important; } }
@media only screen and (max-width: 768px) { .search { float: none; max-width: 100%; margin: 10px 0; height: 42px; } }
@media only screen and (max-width: 768px) { .search input { font-size: 16px; padding: 10px; } }
@media only screen and (max-width: 768px) { .antorijrtitle { font-size: 34px; } }
@media only screen and (max-width: 768px) { h2 { font-size: 20px; line-height: 28px; } }
@media only screen and (max-width: 768px) { .antorijrconttitle h2 { font-size: 22px; line-height: 30px; } }
@media only screen and (min-width: 808px) { body { margin: 0 auto; padding: 0; font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 16px; color: #345; background-color: #eee; } }
@media only screen and (min-width: 808px) { .wrap { background: #fff; max-width: 980px; width: 100%; border: 2px solid #cec; margin: 20px auto; padding: 24px; border-radius: 8px; } }
@media (prefers-color-scheme: dark) { body { background-color: #111; color: #eee; } }
@media (prefers-color-scheme: dark) { h2 { color: #eee; } }
@media (prefers-color-scheme: dark) { a { color: #68c; } }
@media (prefers-color-scheme: dark) { a:hover { color: #4b7; } }
@media (prefers-color-scheme: dark) { .wrap { background: #121 !important; border-color: #243 !important; } }
@media (prefers-color-scheme: dark) { .antorijrtitle { color: #4b7; } }
@media (prefers-color-scheme: dark) { .antorijrtitle a { color: #4b7; } }
@media (prefers-color-scheme: dark) { .antorijrtitle a:hover { color: #68c; } }
@media (prefers-color-scheme: dark) { .antorijrtop .rket { color: #8ee; } }
@media (prefers-color-scheme: dark) { .mnantorij { background-color: #122; } }
@media (prefers-color-scheme: dark) { .mnantorij a:hover { background-color: #274; } }
@media (prefers-color-scheme: dark) { .antorijrcont { background-color: #122; border-color: #243; color: #eee; } }
@media (prefers-color-scheme: dark) { .antorijrconttitle { border-bottom-color: #243; } }
@media (prefers-color-scheme: dark) { .antorijrconttitle h2 a { color: #4b7; } }
@media (prefers-color-scheme: dark) { .antorijrconttitle h2 a:hover { color: #68c; } }
@media (prefers-color-scheme: dark) { .antorijrcont blockquote { color: #eee; background: #122; border-left-color: #4b7; } }
@media (prefers-color-scheme: dark) { .antorijrright { background-color: #112; border-color: #243; color: #eee; } }
@media (prefers-color-scheme: dark) { .antorijrright .box { border-color: #243; background-color: #122; } }
@media (prefers-color-scheme: dark) { .antorijrright .box h4, .antorijrright h4 { background-color: #122; } }
@media (prefers-color-scheme: dark) { .antorijrright ul li { border-bottom-color: #243; } }
@media (prefers-color-scheme: dark) { .search { background: #122; border-color: #243; } }
@media (prefers-color-scheme: dark) { .search input { color: #fff; } }
@media (prefers-color-scheme: dark) { img.center, img.alignright, img.alignleft, .aligncenter { border-color: #243; filter: brightness(0.85); } }
.daftar-isi { background: #efe; padding: 16px; margin-bottom: 24px; border-left: 4px solid #373; border-radius: 6px; border: 1px solid #cec; border-left-width: 4px; }
.daftar-isi-title { margin-top: 0; margin-bottom: 12px; font-size: 16px; font-weight: bold; color: #243; }
.daftar-isi-list { margin: 0; padding-left: 20px; }
.daftar-isi-list li { margin-bottom: 8px; line-height: 1.5; }
.daftar-isi-list a { color: #05a; text-decoration: none; }
.daftar-isi-list a:hover { color: #373; text-decoration: underline; }
@media (prefers-color-scheme: dark) { .daftar-isi { background: #122; border-color: #243; border-left-color: #4b7; } }
@media (prefers-color-scheme: dark) { .daftar-isi-title { color: #eee; } }
@media (prefers-color-scheme: dark) { .daftar-isi-list a { color: #68c; } }
@media (prefers-color-scheme: dark) { .daftar-isi-list a:hover { color: #4b7; } }