html{margin:0;padding:0;}
body{color:#eee;background-color:#262626;line-height:150%;font-family:sans-serif;padding:0;margin:0;}
table td{padding:5px}
@font-face {font-family:plogo;src:url(uas.woff) format('woff')}

button{font-weight:bold;font-size:80%;margin-top:15px;padding:10px;color:#fff;background-color:#000;border-width:0;border-radius:3px;cursor:pointer}
button:hover{background-color:#d40055}

.blinker{animation:blinker 6s linear infinite}
.blinker:hover{color:#fff;background-color:initial}
@keyframes blinker{0%,80%,100%{background-color:#000}90%{background-color:#8A189E}}

.altaccent {color:#FF9A75}
.altaccent a:link{color:#FF9A75}
.altaccent a:visited{color:#FF9A75;text-decoration:none}
.altaccent a:hover{color:#fff;text-decoration:none}
.altaccent a:active{color:#fff;text-decoration:none}

.moretrans{background:linear-gradient(to bottom, rgba(38,38,38,.0),rgba(38,38,38,1), rgba(38,38,38,1))}

.svgpreload{background-repeat:no-repeat;
    background-size:cover; background-position:center; 
    background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxNzQwIDg2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMCAwdjg2MGgxNzQwdi04NjBoLTE3NDB6bTg3MCAxMTVhMzE1IDMxNSAwIDAgMSAzMTUgMzE1IDMxNSAzMTUgMCAwIDEtMzE1IDMxNSAzMTUgMzE1IDAgMCAxLTMxNS0zMTUgMzE1IDMxNSAwIDAgMSAzMTUtMzE1em0yNyAxNTdjLTI0LTAuNDMtNTAgMy44LTc0IDkuNC0zNyA4LjktNzQgMTgtMTEwIDI3IDI3IDkzIDU0IDE4NiA4MCAyNzh2MmUtM2M0NC0xMSA4OS0yMSAxMzQtMzMgNDYtMTMgODgtNDAgOTgtNzIgNy42LTI2IDEuMi01NC0yMi03Mi0xNy0xMy00OC0xNy03Ny0xMyAxNC0xMCAzNy0yMyA0My0zOCAxNS0yOCA2LjItNTgtMjItNzUtMTMtNy42LTMxLTExLTQ5LTExem0tNDUgNTBjOC44LTAuMDMgMTcgMS43IDIyIDYuNiAxMiAxMiAxNyAyOSAxMSA0Ni01LjkgMTQtMjggMjEtNDcgMjV2LTJlLTNjLTYuOS0yNC0xNC00OC0yMS03MiAxMS0zLjEgMjQtNi4xIDM1LTYuMXptNDIgMTA5YzguNyAwLjA3MSAxNyAxLjYgMjMgNS41IDE4IDEyIDIyIDMxIDE3IDUwLTUuNSAxNy0zMiAyOS01NyAzMy0xLjggMC40My0zLjUgMC44Ni01LjMgMS4zbC0yZS0zIDAuMDAzOWMtNy45LTI3LTE2LTU1LTI0LTgyIDE0LTMuOSAzMS03LjggNDUtNy43eiIgZmlsbC1vcGFjaXR5PSIuNTMiIHN0cm9rZS13aWR0aD0iMTIiLz48L3N2Zz4K)}


a:link{color:#3CBEF6;text-decoration:none}
a:visited{color:#3CBEF6;text-decoration:none}
a:hover{color:#E91E63;text-decoration:none}
a:active{color:#E91E63;text-decoration:none}

.mwidth{max-width:920px}
.link{color:#3CBEF6;cursor:pointer}

#bigtop{position:fixed;top:0;left:0;width:100%;color:#eee;background-color:#333;box-shadow:2px 2px 2px #000;z-index:999}
#bigtop .content{margin:auto;width:100%}
.bignav{float:right;font-size:14px;line-height:85px;font-variant:small-caps} .bignav span{margin-right:10px}

.logo{font-family:plogo,sans-serif;font-size:60px;line-height:30px;letter-spacing:6px;color:#3CBEF6;text-shadow: 2px 2px 0px #333, 4px 4px 0px #111}
.sublogo{font-family:plogo,sans-serif;position:absolute;top:60px;opacity:0.6;font-size:12px;line-height:15px;letter-spacing:4px}

.smalltop{position:fixed;top:0;left:0;width:100%;color:#eee;background-color:#333;box-shadow:2px 2px 2px #000;z-index:998}
.smalltop .content{margin:auto;width:100%}
.smallnav{float:right;font-size:14px;line-height:35px;font-variant:small-caps} .smallnav span{margin-right:10px}
.smalllogo{font-family:plogo,sans-serif;margin:10px;line-height:35px;font-size:28px;letter-spacing:2px;color:#3CBEF6}

#bigtop a:link{color:#eee;text-decoration:none}
#bigtop a:visited{color:#eee;text-decoration:none}
#bigtop a:hover{color:#E91E63;text-decoration:none}
#bigtop a:active{color:#E91E63;text-decoration:none}

.smalltop a:link{color:#eee;text-decoration:none}
.smalltop a:visited{color:#eee;text-decoration:none}
.smalltop a:hover{color:#E91E63;text-decoration:none}
.smalltop a:active{color:#E91E63;text-decoration:none}

/* #content{margin:auto;margin-top:120px;width:100%;background-color:#262626;color:#fff;text-align:justify;opacity:0;animation:slod 0.8s ease-in 1 forwards}
@keyframes slod{0%{opacity:0}50%{opacity:0}100%{opacity:1}} */

#content{margin:auto;margin-top:120px;width:100%;background-color:#262626;color:#fff;text-align:justify}
#content .content{margin:10px}
#content .left{margin-left:10px}
#content .right{margin-right:10px}

.bottomctrl{float:left;display:inline-block;margin:1px;width:20px;height:20px;border-radius:100%;cursor:pointer}

var{display:inline-block;border-radius:5px;color:#fff;background-color:#2c5aa0;padding:0 20px 0 20px;font-style:normal;font-size:90%;line-height:200%;border-bottom:5px solid #eee;box-shadow: 0 0 4px #222}
p,li{text-align:justify;margin-bottom:5px}

h1{font-size:22px;padding-bottom:10px;border-bottom:1px solid #333}
h2{font-size:20px;padding-bottom:8px;border-bottom:1px solid #333}
h3{font-size:18px;padding-bottom:6px;border-bottom:1px solid #333}
h4{font-size:16px}

hr{border-width:0;height:1px;background-color:#333}

pre{padding:10px 5px 10px 5px;color:#aaa;background-color:#222;border-radius:0 5px 5px 0;border-left:5px solid #E91E63;overflow:auto}
li code{padding:2px 5px 2px 5px;color:#aaa;background-color:#222;border-radius:2px}
p code{padding:2px 5px 2px 5px;color:#aaa;background-color:#222;border-radius:2px}

#links{text-align:center;padding:20px 40px 0 40px;color:#fff;background-color:#333;margin-top:20px}
#links ul{font-size:85%;display:inline-block;vertical-align:top;min-width:18%;margin-right:5%;padding:0;list-style-type:none}

.botbutt{width:50px;height:50px;margin-left:10px;border-radius:100%}
.tbl{color:#fff;background-color:#333;font-size:90%}

#infod{position:fixed;bottom:-300px;right:0;left:0;padding:30px;text-align:center;word-wrap:break-word;color:#fff;background-color:#ad1457;box-shadow:0 -1px 5px #000}
.infu{animation:info_u 4s 1 ease-in forwards} 
@keyframes info_u{0%{bottom:-300px}8%{bottom:0}80%{bottom:0}100%{bottom:-300px}}

#fixedcoupo{font-family:monospace;font-size:15px;display:none;position:fixed;bottom:-200px;right:15px;color:#fff;background-color:#E64A19;padding:20px;border-radius:5px}
.coupo{animation:acoup .8s 1 ease-out forwards}
@keyframes acoup{0%{bottom:-200px}100%{bottom:15px}}