html { overflow-y: scroll; }
body { font-size: 100%; font-family: Verdana, Geneva, sans-serif; background-color: #ffffff; color: #000000; margin-top: 3px; line-height: 1.4; }

.nav { width: 165px; text-align: center; margin-bottom: 1px; font-size: 12px; order: 1; flex: none; }
.hdr { text-align: center; margin-bottom: 1px; margin-left: 0; margin-right: 0; }
.ads { max-width: 165px; text-align: center; font-size: 12px; order: 3; flex: 1; }
.txt { padding-bottom: 10px; padding-left: 50px; padding-right: 50px; font-size: 1.25em; order: 2; flex: 1; margin: 0 5px 0 5px; }
.ftr { text-align: center; font-size: 12px; margin-top:10px; }

.wrapper { display: flex; }
.nav, .txt, .ads { justify-content: center; align-items: center; }
.sides { display: contents; }
.menu a, .earmenu a, .submenu a, .linkbox, .topbox, .footbox p, .payform, .container { border: solid 1px #555555; border-radius: 3px; }

a:link {color: #0000FF; font-weight: bold;}
a:visited, a:active {color: #0000FF;}
a:hover {color: #FF0000;}

.menu, .submenu, .earmenu { margin: 0px; padding: 0px; list-style: none; }
.menu li, .submenu li { margin-bottom: 4px; } 
.earmenu li { display:inline-block; margin-top: 4px;  margin-bottom: 2px; }
.menu a { width: 158px; }
.submenu a { width: 75px; color: #000000;  line-height: 1.4; }
.earmenu a { width: 110px; color: #000000; }
.menu a, .earmenu a, .submenu a { display: block; text-align: center; text-decoration: none; font-size: 12px; background: #ffffcc; }
.menu a, .submenu a { padding: 4px 2px 4px 2px; }
.earmenu a { padding: 2px; }
.submenu li a.subactive { font-weight:bold; background: #ffffff; }
.earbox { display: inline-block; vertical-align: bottom; margin: 4px; }
.submenu li { display:inline-block; }
.menu a:link, .submenu a:link, .earmenu a:link, .menu a:visited, submenu a:visited, earmenu a:visited { color: #000000; font-weight: normal; }
.menu a:hover, .submenu a:hover, .earmenu a:hover { color: #FF0000; font-weight: bold; }
.submenu { margin-top: 9px; text-align:center; margin-left: -20px; margin-right:-20px; }
.nodec { text-decoration: none; }
.highlight { background-color:#FFFF00; }

img {display:inline-block; margin: 6px auto 1px auto; border: 0; border-radius: 4px; max-width: 100%; height: auto; }
textarea { width: 290px; }
h1, h2, h3, h4, .linkhd { font-weight: bold; }
h1 { font-size: 2em; color: #0000ff;}
h2 { font-size: 1.5em; color: #0000ff; }
h3, .email { font-size: 1.25em; }
h4 { font-size: 15px; margin-top:3px; margin-bottom:0; line-height: 1.2; }
.linkbox { padding : 0px 3px 5px 0px; margin-bottom: 3px; background: #ffffcc; }
.linkbox p { text-align: left; padding-left:4px; margin:0 }
.topbox { margin-bottom: 5px; background: #ffff00; }
.topbox p { padding: 3px 8px 3px 8px; margin: 0; }
.boxhead { font-weight: bold; font-size: 18px; text-align: center; background:#000000; padding: 2px 6px 3px 6px; color: #ffffff; margin: 0; }
.footbox { font-weight: bold; font-size: 1.5em; padding: 0 250px 0 250px; }
.footbox p { background: #ffff00; padding: 10px; margin: 0 0 10px 0; }
.thumbnail {display:inline-block; padding: 0px 4px 0px 4px; }
.payform { padding : 10px; max-width: 350px; background-color: #ffffff; font-size: 15px; }
.center {display:table; margin-left: auto; margin-right: auto; }
.container { margin-bottom:15px; margin-top:10px; padding: 12px; } 
.telegram { margin-bottom:10px; margin-top:5px; } 
.left { float: left; padding: 12px; }
.spaced  li { margin-bottom: 1.2em; margin-right: 40px; }
iframe { border:none; background-color: #ffffff; }
select { margin-bottom: 15px; }
.twocol { list-style-type: none; columns: 2; -webkit-columns: 2; -moz-columns: 2; width: 100%; }
.ffffff { background:#ffffff; }
label { display: block; padding-left: 25px; text-indent: -25px; }

.marquee { width: 100%; margin: 0 auto; white-space: nowrap; overflow: hidden; font-size: 1.5em; line-height: 1.2; }
.marquee span { display: inline-block; padding-left: 100%; padding-bottom: 5px; text-indent: 0; animation: marquee 5s linear infinite alternate; }
.marquee span:hover { animation-play-state: paused; }
@keyframes marquee { 0%   { transform: translate(-45%, 0); } 100% { transform: translate(-55%, 0); } }

@media screen and (min-width: 1300px) {
body{width: 1280px; margin-left: auto; margin-right: auto;}
}
@media screen and (max-width: 775px) {
.wrapper { flex-direction: row; flex-wrap: wrap; }   
.txt { order: 3; flex-basis: 40%; }
.nav { order: 1; }
.ads { order: 2; }
.sides { display: block; }
.ads { margin-top: 4px; }
.txt { margin-right: 0; padding-left: 15px; padding-right: 15px; }
body { font-size: 80%; }
ul {margin-left: -25px;}
ol {margin-left: -20px;}
.spaced  li { margin-right: 0px; }
.left { float:none; }
.imgpos { display:table; margin-left: auto; margin-right: auto; }
.footbox { display:table; padding: 0 10px 0 10px; }
.twocol { list-style-type: none; columns: 1; -webkit-columns: 1; -moz-columns: 1; margin-left: -40px; }
.thumbnail {padding: 3px 3px 0px 3px; }
/*.submenu a { width: 65px; }*/
}
@media screen and (max-width: 370px) {
body { font-size: 60%; }
textarea { width: 160px; }
.txt { padding-left: 2px; padding-right: 2px; }
.left { float: left; padding: 2px; }
}
@media print {
.hdr, .nav, .ads, .ftr, .submenu, .noprint {display: none; }
.txt { margin: 0; border: 0; padding: 0; width: 100%; border:none; padding-left: 50px; padding-right: 50px; }
h1, h2 { color: #000000;}
body {font-size: 80%; }
}