body{xoverflow:hidden;margin:40px 0px 0px 0px;padding:0px;font-family:tahoma;font-size:11px;background:#0e102f;color:#fff;}
*{box-sizing:border-box;}
input,button,textarea{border:0px;font-size:11px;font-family:tahoma;margin:0px;padding:0px;outline:none;}
a{text-decoration:none;color:inherit;}
u{text-decoration:none;}

*:last-child{margin-bottom:0px !important;}

.scroll{overflow-x:auto;}
.scroll::-webkit-scrollbar{width:6px;}
.scroll::-webkit-scrollbar-thumb{background:rgba(0,0,0,.5);border-radius:3px;}

#h{width:100%;position:fixed;left:0px;top:0px;padding:5px 10px;background:#47218b;z-index:10;}
#h .a{font-weight:bold;text-transform:uppercase;line-height:30px;font-size:13px;}
#h .nav{display:none;}

#m{font-size:0px;}
#m >*{display:inline-block;vertical-align:top;font-size:11px;height:calc(100vh - 40px);}

#a{width:170px;background:#000;padding:10px;transition:left .2s;}
#a h2{margin:0px 0px 10px 0px;font-size:11px;text-transform:uppercase;}
#a h2 a{display:block;padding:6px 10px;xline-height:24px;border-radius:3px;}
#a h2 a i:nth-child(2){float:right;}
#a .ul{margin:0px 0px 10px 15px;padding:0px;list-style:square;font-size:11px;}
#a .ul li{line-height:20px;color:#5b5d75;}
#a .ul li:hover{color:#fff;}
#a .ul li a{display:block;font-weight:bold;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#a .ul li.se{color:#ffd116;}

#s{width:650px;}
#s > h2{margin:0px 0px 0px 0px;font-size:13px;text-transform:uppercase;background:#000;padding:10px 10px;}

.blq{width:100%;padding:10px;margin:0px 0px 10px 0px;}

#online{max-height:calc(100vh - 172px);}
#online{font-size:0px;border-bottom:1px solid rgba(255,255,255,.05);border-top:1px solid rgba(0,0,0,.3);}
#online .item{line-height:22px;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(0,0,0,.3);counter-increment:div;}
#online .item > *{display:inline-block;vertical-align:top;font-size:11px;}
#online .item .n::before{content:counter(div);background:#0e102f;font-size:10px;border-radius:3px;padding:2px 4px;width:40px;}

#online .item:nth-child(1){counter-reset:div;}
#online .item:hover{background:rgba(0,0,0,0.2);}
#online .item:hover div:nth-child(3){color:#fff;}

#online .item > div:nth-child(1){width:30px;text-align:right;padding-right:5px;color:rgba(255,255,255,.4);}
#online .item > div:nth-child(2){width:calc(100% - 225px);xfont-weight:bold;padding-left:10px;}
#online .item > div:nth-child(3){width:110px;text-align:left;color:rgba(255,255,255,.2);font-family:monospace;padding-left:10px;}
#online .item > div:nth-child(3) u{cursor:pointer;}
#online .item > div:nth-child(4){width:50px;text-align:right;padding-right:5px;}
#online .item > div:nth-child(5){width:35px;text-align:right;padding-right:10px;}
#online .item > div:nth-child(5) a{opacity:0.5;}
#online .item:hover > div:nth-child(2) a{color:#ffd116;}
#online .item:hover > div:nth-child(5) a{opacity:1;}
#online .item > div b{font-size:10px;border-radius:3px;padding:2px 6px;}

#grupo{font-size:0px;border-bottom:1px solid rgba(255,255,255,.05);border-top:1px solid rgba(0,0,0,.3);}
#grupo .item{line-height:22px;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(0,0,0,.3);counter-increment:div;}
#grupo .item > *{display:inline-block;vertical-align:top;font-size:11px;}
#grupo .item .n::before{content:counter(div);background:#0e102f;font-size:10px;border-radius:3px;padding:2px 4px;width:40px;}

#grupo .item:nth-child(1){counter-reset:div;}
#grupo .item:hover{background:rgba(0,0,0,0.2);}
#grupo .item:hover div:nth-child(3){color:#fff;}

#grupo .item > div:nth-child(1){width:30px;text-align:right;padding-right:5px;color:rgba(255,255,255,.4);}
#grupo .item > div:nth-child(1){width:30px;text-align:right;padding-right:5px;color:rgba(255,255,255,.4);}
#grupo .item > div:nth-child(2){width:calc(100% - 65px);xfont-weight:bold;padding-left:10px;}
#grupo.grupo .item > div:nth-child(2){width:calc(100% - 80px);xfont-weight:bold;padding-left:10px;}
#grupo.grupo .item > div:nth-child(3){width:25px;text-align:right;padding-right:5px;}
#grupo.grupo .item > div:nth-child(4){width:25px;text-align:right;padding-right:5px;}
#grupo .item > div:nth-child(3){width:35px;text-align:right;padding-right:10px;}
#grupo .item > div:nth-child(3) a{opacity:0.5;}
#grupo .item:hover > div:nth-child(2) a{color:#ffd116;}
#grupo .item:hover > div:nth-child(3) a{opacity:1;}
#grupo .item > div b{font-weight:normal;border-radius:3px;padding:2px 6px;}

#total{font-size:0px;margin-bottom:10px;text-align:center;}
#total > *{display:inline-block;vertical-align:top;font-size:12px;}
#total span{border-radius:3px;line-height:22px;text-transform:uppercase;font-size:10px;padding:0px 10px;}
#total span b{font-size:14px;}
#total span:nth-child(2){margin-left:15px;}

.off{background:#da3400 !important;}
.off i:nth-child(1):before{content:'\f103';}
.on{background:#177c1b !important;}
.on i:nth-child(1):before{content:'\f102';}

.c1{background:#009edf !important;}
.c2{background:#e91e63 !important;}
.c3{background:#177c1b !important;}
.c4{xbackground:#47218b !important;}
.c5{background:#da3400 !important;}
.c6{background:#3f51b5 !important;}

#frm{font-size:0px;margin-bottom:10px;text-align:center;}
#frm > *{display:inline-block;vertical-align:top;line-height:26px;padding:0px 10px;margin:0px 3px;border-radius:3px;}
#frm input{width:200px;background:rgba(255,255,255,.2);color:#fff;}
#frm.onl input:nth-child(1){width:200px;}
#frm.onl input:nth-child(2){width:110px;}
#frm button{color:#fff;cursor:pointer;text-transform:uppercase;font-weight:bold;font-size:10px;}

.menu{margin:0px 0px 15px 0px;padding:0px;list-style:none;text-align:center;font-size:0px;}
.menu li{display:inline-block;padding:3px;}
.menu li a{display:block;font-weight:bold;line-height:22px;font-size:11px;padding:0px 8px;background:#009edf;border-radius:3px;}
.menu li.se a{background:#e91e63;}

.avisos{margin:0px 0px 15px 0px;padding:8px 5px 8px 25px;border-radius:3px;}
.avisos.rojo{color:#fff;background:#e84102;}
.avisos.verde{color:#fff;background:#008000;}
.avisos li{line-height:14px;font-size:11px;}

#form{font-size:0px;margin:0px -5px;}
#form > div{padding:5px;}
#form .in{display:inline-block;vertical-align:top;width:100%;}
#form .in.x6{width:calc(100% / 6);}
#form .in.x5{width:calc(100% / 5);}
#form .in.x4{width:calc(100% / 4);}
#form .in.x3{width:calc(100% / 3);}
#form .in.x2{width:calc(100% / 2);}
#form .in.h1 .t{min-height:203px;}
#form .in.h2 .t{min-height:700px;}
#form .in.cl{display:block;}
#form .in .n{font-size:11px;margin-bottom:5px;xletter-spacing:.5px;color:#787b9c;}
#form .in .n b{font-weight:normal;font-size:10px;color:#03a9f4;margin-right:3px;}
#form .in .n b.f{font-weight:bold;font-size:11px;color:#03a9f4;}
#form .in .n span{float:right;}
#form .in .n i{font-style:normal;color:#ff9800;}
#form .in .n a{color:#1fb025;margin-left:15px;}
#form .in .n a:hover{text-decoration:underline;}
#form .in .i{width:100%;border-radius:2px;line-height:26px;padding:0px 7px;color:#fff;background:rgba(255,255,255,.2);}
#form .in .t{width:100%;max-width:100%;border-radius:2px;line-height:14px;padding:5px 7px;color:#fff;background:rgba(255,255,255,.2);min-height:66px;margin:0px;font-family:monospace;}
#form .in .t.mt{width:100%;max-width:100%;border-radius:2px;line-height:14px;padding:5px 7px;color:#fff;background:rgba(255,255,255,.2);min-height:66px;margin:0px;font-family:monospace;}
#form .in .t.mt{min-height:52px;}
#form .btn{display:block;margin:5px;border-radius:2px;color:#fff;line-height:26px;padding:0px 15px;font-weight:bold;text-transform:uppercase;cursor:pointer;font-size:10px;}

.none{display:none !important;}

#stats{font-size:0px;}
#stats iframe{height:200px;width:100%;border:0px;}

.img-ul{margin:0px;padding:0px;list-style:none;font-size:0px;}
.img-ul.br{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #ccc;}
.img-ul li{display:inline-block;vertical-align:top;width:120px;padding:5px;width:calc(100% / 4);}
.img-ul li > *{display:inline-block;vertical-align:top;}
.img-ul li figure{width:39px;margin:0px;position:relative;cursor:pointer;}
.img-ul li figure img{width:100%;}
.img-ul li div{width:calc(100% - 39px);padding-left:10px;font-size:11px;}
.img-ul li div > *{display:block;}
.img-ul li div b{font-weight:normal;}
.img-ul li div i{font-style:normal;color:red;}

@media(max-width:767px){

#h .nav{display:block;position:absolute;top:5px;right:10px;width:30px;height:30px;line-height:30px;text-align:center;font-size:26px;color:#fff;}
#h .nav.open i:before{content:"\f00d";}

#a{left:-170px;position:fixed;z-index:99;padding:10px;}

#s{max-width:100%;}
.blq{padding:10px 5px 10px 5px;}

#s > h2{font-size:11px;padding:0px 10px;line-height:26px;}

#frm.onl input:nth-child(1){width:calc(100% - 168px);}
#frm.onl input:nth-child(2){width:120px;}
#frm button{font-size:0px;position:relative;width:30px;padding:0px;}
#frm button i{font-size:10px;line-height:26px;position:absolute;left:calc(50% - 5px);}

#online{max-height: calc(100vh - 155px);}
#online .item{line-height:20px;}
#online .item > div:nth-child(2){font-weight:normal;width:calc(100% - 190px);padding-left:5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#online .item > *{font-size:10px;}
#online .item > div:nth-child(3){width:85px;padding-left:5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#online .item > div:nth-child(4){width:45px;}
#online .item > div b{font-weight:normal;}
#online .item > div:nth-child(5){width:30px;}

#grupo .item{line-height:20px;}
#grupo .item > div:nth-child(2){font-weight:normal;width:calc(100% - 60px);padding-left:5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#grupo .item > div:nth-child(3){width:30px;}

#form .in.x4{width:calc(100% / 2);}
#form .in.x3{width:calc(100% / 2);}
#form .in .n{font-size:9px;}
#form .in .n i{xdisplay:none;font-size:8px;}

.menu{margin-bottom:10px;}

.img-ul li{width:calc(100% / 2);}

}