* { box-sizing: border-box; padding: 0px; margin: 0px; }

body { background: rgb(0, 0, 0) url('background.jpg') repeat scroll 0% 0%; width: 100%; max-width: 870px; overflow-x: hidden; text-align: center; margin: 20px auto 0px; color: rgb(55, 55, 55); font-family: "GEORGIA"; font-size: 14px; }

.top { margin: 60px; }
.top-img { margin: 10px; padding: 10px; border: 1px solid rgb(0, 0, 0); }
.top-img img { vertical-align: bottom; }




.toplist { display:inline-block; width:1000px; max-width:100%; }

.mrdkaa { display: inline-block; display: flex; -moz-box-pack: center; justify-content: center; flex-wrap: wrap; padding: 8px; }
div.TRFIX a img { margin-bottom: 3px; }
div.greatt a, div.great2 a { -moz-box-flex: 1; flex-grow: 1; position: relative; display: inline-block; line-height: 32px; height: 32px; padding-left: 5px; letter-spacing: -1px; font-size: 15px; text-decoration: none; color: rgb(205, 255, 205); text-align: center; font-weight: 200; white-space: nowrap; overflow: hidden; margin: 4px -5px; width: 162px; border-radius: 4px; background: url('war.svg') no-repeat scroll 0% 0%, transparent linear-gradient(to bottom, rgb(135, 135, 135), rgb(0, 0, 0), rgb(0, 0, 0) 90%, rgb(255, 55, 55) 100%) repeat scroll 0% 0%; }
div.greatt a > span:nth-child(1), div.great2 a > span:nth-child(1) { position: absolute; left: 0px; top: 0px; width: 30px; letter-spacing: -1px; text-align: center; font-size: 10px; font-weight: 500; line-height: 32px; color: rgb(0, 0, 0); }
div.greatt a:hover, div.great2 a:hover { background: url('war2.svg') no-repeat scroll 0% 0%, transparent linear-gradient(to left bottom, rgb(150, 150, 150), rgb(100, 100, 100)) repeat scroll 0% 0%; font-size: 15px; text-decoration: none; color: rgb(255, 255, 255); -webkit-transition: color 1.1s linear; transition: color 1.1s linear;  }
div.HOVNE a:nth-child(n+36) span:nth-child(1) { font-size: 9px; top: 1px; }
div.greatt2 a > span:nth-child(1) { width: 77px; line-height: 78px; font-size: 14px; }
div.greatt2 a > span:nth-child(1) > span { color: rgb(222, 32, 46); }






div.indexFLEX { display: flex; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; }
div.orderFlexthumbs { -moz-box-ordinal-group: 2; order: 1; }
div.orderFlextoplist { -moz-box-ordinal-group: 1; order: 2; }
.MX { display: inline-block; max-width: 100%; margin: -20px 0px 10px; padding: 0px 20px 6px; }
a { color: rgb(0, 0, 0); font-size: 16px; }
a:hover { color: rgb(130, 130, 130); text-decoration: none; padding: 0px; margin: 0px; }
.q { font-size: 28px; margin: 20px 0px 10px; padding: 0px 20px 6px; border-bottom: 2px dotted rgb(99, 99, 99); display: inline-block; }
.qq { font-size: 28px; margin: 20px 0px 10px; padding: 0px 20px 6px; border-bottom: 2px dotted rgb(99, 99, 99); display: inline-block; }
div.T a { display: inline-block; overflow: hidden; width: 44%; margin: 1.25%; border-radius: 8px; border: 2px solid rgb(255, 255, 255); background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); line-height: 24px; text-decoration: none; font-size: 3px; white-space: nowrap; }
div.T a img { vertical-align: bottom; width: 100%; height: auto; display: block; }
div.T a:hover { background-color: rgb(229, 30, 37); color: rgb(255, 255, 255); border-color: rgb(229, 30, 37); box-shadow: 0px 0px 0px 1px rgb(229, 30, 37), 0px 0px 0px 3px rgb(255, 255, 255); }
.mrdka { display: flex; -moz-box-pack: center; justify-content: center; flex-wrap: wrap; padding: 14px; }
div.TRFIX a img { margin-bottom: 3px; }


div.great a, div.great2 a { -moz-box-flex: 1; flex-grow: 1; position: relative; display: inline-block; line-height: 100px; height: 32px; border: 2px solid rgb(55, 55, 55); padding-left: 0px; letter-spacing: -1px; font-size: 27px; text-decoration: none; color: rgb(205, 255, 205); text-align: center; font-weight: 600; white-space: nowrap; overflow: hidden; margin: 10px 5px; margin-top: 1px; width: 540px; height: 104px; border-radius: 8px; background: url('111.jpg') no-repeat scroll 0% 0%, transparent linear-gradient(to bottom, rgb(55, 55, 55), rgb(0, 0, 0), rgb(0, 0, 0) 90%, rgb(255, 55, 55) 100%) repeat scroll 0% 0%; }



div.great a > span:nth-child(1), div.great2 a > span:nth-child(1) { position: absolute; left: 0px; top: 0px;  width: 30px; letter-spacing: -1px; text-align: center; font-size: 12px;  font-weight: 700; line-height: 42px; color: rgb(150, 150, 150);}



div.great a:hover, div.great2 a:hover { background: url('1war2.svg') no-repeat scroll 0% 0%, transparent linear-gradient(to left bottom, rgb(15, 15, 15), rgb(95, 95, 95)) repeat scroll 0% 0%; font-size: 27px; text-decoration: none; color: rgb(250, 250, 250); text-align: center; font-weight: 600; -webkit-transition: color 1.1s linear; transition: color 1.1s linear; background: url('111.jpg') no-repeat scroll 0% 0%, }



div.HOVNE a:nth-child(n+36) span:nth-child(1) { font-size: 9px; top: 1px; }
div.great2 a > span:nth-child(1) { width: 77px; line-height: 78px; font-size: 18px; }
div.great2 a > span:nth-child(1) > span { color: rgb(222, 32, 46); }
a.porn { display: inline-block; position: relative; width: 100%; max-width: 100%; min-height: 140px; background: transparent linear-gradient(to bottom, rgb(89, 71, 65), rgb(0, 0, 0), rgb(0, 0, 0) 90%, rgb(223, 32, 46) 100%) repeat scroll 0% 0%; padding: 14px 10px 10px; text-decoration: none; font-size: 15px; text-align: center; color: rgb(217, 217, 217); overflow: hidden; }
a.porn div { font-size: 28px; font-weight: 700; letter-spacing: 0px; color: rgb(255, 255, 255); }
a.porn:hover { color: rgb(255, 255, 255); background: transparent linear-gradient(to left bottom, rgb(255, 191, 191), rgb(255, 62, 62)) repeat scroll 0% 0%; }
a.porn:hover div { text-decoration: underline; }
a.easiFIX { height: auto; min-height: 0px; }
a.navigation { min-width: 250px; margin: 4px; }
@media not all, only screen and (min--moz-device-pixel-ratio: 1.5), not all {
}
.footer { float: none; width: 790px; margin: 0px auto; }
#bottom { height: 52px; background-image: url('bg_bottom.gif'); background-repeat: repeat-x; float: left; width: 100%; text-align: center; margin: 10px auto;  margin-left: 0px; font-size: 10px; }
.footerb_2 { float: left; height: 52px; width: 790px; text-align: center;  color: rgb(160, 160, 160); font-family: Geneva,Arial,Helvetica,sans-serif; font-size: 13px; font-weight: normal; line-height: 16px; }
.footerb_2 a:link { font-size: 12px; color: rgb(99, 99, 99); text-decoration: none; border: medium none; }
.footerb_2 a:visited { color: rgb(99, 99, 99); text-decoration: none; border: medium none; padding: 0px; }
.footerb_2 a:hover { color: rgb(190, 190, 190); text-decoration: none; padding: 0px; margin: 0px; }
#bottomm { height: 52px; background-image: url('bg_bottom.gif'); background-repeat: repeat-x; float: left; width: 100%; text-align: center; margin: 10px auto;  margin-left: 10px; font-size: 10px; }