@charset "utf-8";
body {
background-color: #000;
margin:0;
font-family:Arial, Helvetica, sans-serif;
}
div {
	margin:0;
	position:relative;
}
.line{
	width:100%; 
	height:25.7px;
	left:3px;
	padding-top:5px;
	color:#CCC;
}
.lineB{
	width:262px; 
	height:98px;
	padding-top:5px;
	color:#CCC;
}
.valorSimples{
	float:left;
	background-image:url(valorSimples.png);
	background-repeat:no-repeat;
}

.off {
	opacity:0.7;
}

.BgA{
	color:#CCC;
	background-image:url(linha_bl.png);
	background-repeat:no-repeat;
}
.BgB{
	color:#999;
	background-image:url(linha_white.png);
	background-repeat:no-repeat;
}

.lineName {
	float:left;
	padding-left:3px;
}
.lineValue{
	float:right;
	padding-right:30px;
	width:100px;
	text-align:right;
}
.vBlue{
	font-weight:bold;
	color: #0000FF;
}
.vGreen{
	font-weight:bold;
	color: #00FF00;
}
.vRed{
	font-weight:bold;
	color: #FF0000;
}
	.bgo{
	width: 100%;
	min-width:800px;
    margin: 0 auto;
    height: 100%;
    position: relative;
	}	
	.vipcol{
	width: 280px;
    height: 800px;
    float: left;
	}	
	.vipcol .hdr{
		width:100%; height:61px;
	}
	.vipcol .bgcol{
    margin: 0 auto;
    width: 100%;
    position: relative;
	}
	#MaxDiv .bgcol{
	background: url(tableMax_d.png) no-repeat;	
	}
	#MegaDiv .bgcol{
	background:url(tableMega_d.png) no-repeat; 		
	}
	#PlusDiv .bgcol{
	background:url(tablePlus_d.png) no-repeat; 			
	}
	.vipbuy .bg{
	background: url(vipbuy.png) no-repeat;
    width: 100%;
    height: 100;
    position: relative;		
	}	
	.vipbuy .txt{
    font-size: 26px;
    color: white;
    text-shadow: 0 0px 3px red, 0 0px 8px red, 0 0px 14px red;
    width: auto;
    position: relative;
    top: 35px;
    text-align: center;
	}	
	.vipbuy{
	width: 100%;
    height: 100;
    position: relative;
    top: -8px;
    left: 0px;
	}	
	.header{
    width: 100%;
    display: -webkit-box;
    position: relative;
    background-image: url(linha_bl.png);
    background-repeat: repeat-x;
    height: 17px;
    background-position: 0px -10px;
	}
	.data{
	width: 100%;
    display: -webkit-box;
    position: relative;		
	}	
	.header .ln{
    color: #CCC;
    font-size: 8px;	
	width: 80px;	
	}
	.data .lnval{
	padding:3px;		
	}	
	.data .ln{
    color: #CCC;
    font-size: 12px;	
    width: 80px;		
	}
	.header .lnval{
	padding:3px;		
	}	

.ln.reset {
    background: #00b5d747;
}
.ln.game {
        background: #709d3c52;
}
.ln.site {
background: #e96d1e4d;
}
	
	green, .hval .gamexp{
		color:chartreuse;
	}
	blue, .hval .resetlevel{
		color:steelblue;
	}	
	red{
		color:crimson;
	}
	s17{
		font-size: 17px !important;
	}
	yl{
	color:yellow;
	}
	.txt .wolftitle:hover {
    text-shadow: 0px 0px 3px #2196F3, 0px 0px 8px #00BCD4 !important;
	}
	.txt .wolftitle {
		font-size: 24px;
		color: #08cd6c !important;
		text-shadow: 0px 0px 3px #b20042, 0px 0px 8px #ff3838;
		cursor: pointer;
	}

	.maxtxt{
	margin-bottom: 17px; margin-top: 9px;	
	}
	.maxtxt p{
    margin-left: 17px;
    margin-top: 8px;
    margin-right: 17px;
    background-color: rgb(67,22,5);
    color: #CDDC39;
    padding: 5px;
    border-radius: 8px;
    margin-bottom: 8px;
    text-shadow: 0 0 3px #000, 0 0 5px #000;	
	}


	.wolftitle {
		font-family: germania-one !important;
		font-size: 35px;
		color: #ff0046 !important;
		margin: 0px;
		margin-top: 8px;
		text-shadow: 0px 0px 8px #000, 0px 1px 3px #000;
	}
	.headerv{
    width: 100%;
    display: -webkit-box;
    position: relative;
    background-image: url(linha_bl.png);
    background-repeat: repeat-x;
    height: 53px;
    background-position: 0px 17px;
    font-family: germania-one !important;
	color: #fbfb00;		
	}
	.price b{
		font-size: 17px;
		color: #00a7ff !important;
		font-weight: 100 !important;		
	}

	.container{
    background: #6f000066;
    height: 530px;
    width: 260px;
    padding: 8px;
    margin: 0px 8px;
    border-radius: 3px;
    background-image: linear-gradient(to top,#640b00 0%,#330400 62%);
    background-size: cover;
    background-position: center;
    float: right;
    z-index: 8;
    box-shadow: inset 0 0 5px 1px #301611;
	}	
	.container .price{
    margin: 0 auto;
    font-size: 32px;
    text-shadow: 0px 0px 3px rgb(246, 23, 16);
	}
	.container .logo{
    margin: 0 auto;
    font-size: 26px;
    text-align: center;
    color: white;
    height: 59px;		
	}	
	.container .data{
    width: 89%;
    margin: 0 auto;
    text-align: center;
    position: relative;
    display: block;
    max-height: 323px;
	}	
	.container .buy{
    width: 80%;
    height: 62px;
    border-radius: 3px;
    color: rgba(0,0,0,0.00);
    margin: 0px auto;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    background-image: url(http://www.muchaos.net.br/shop/newplans/comprar_bt.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: transform 1s;
	}
	.container h3{
	color: #0068d2;
    width: 100%;
    min-height: 62px;
    text-transform: uppercase;
    font-weight: 100 !important;
	}
	.txt{
    min-height: 107px;
    width: 100%;
    top: 8px;		
	}
	.container .detail{
	margin: 0 auto;
    text-align: center;
    color: #c8e6c9;
    font-style: italic;
    font-weight: 100 !important;
    font-family: auto;
    z-index: 80;
    height: 62px;
    top: -17px;
    line-height: 62px;
    text-shadow: 0 0 3px black, 0 0 5px black;
	}
	.container .explain{
    font-size: 12px;
    color: white;
    min-height: 107px;	
	}
	.container .pad{
    position: relative;
    max-height: 185px;
    font-size: 15px;
    min-height: 152px;
    text-align: left;
    color: blanchedalmond;
	}
	.col_extra{
	opacity: 0.35;
    color: grey;
    padding: 8px;
    margin: 0 auto;
    width: 80%;
    background-image: linear-gradient(to top,rgb(67, 22, 5) 0%, rgb(49, 1, 1) 50%, rgb(18, 0, 0) 100%);
    border-radius: 3px;
    box-shadow: inset 0 0 5px 1px #301611;	
	min-width: 260px;	
	cursor: pointer;
	transition: height 1s;
	height:8px;
overflow: hidden;
	}
	.fc{
		height:440px;
		opacity: 1 !important;
	}
	.col_extra .hr .l{
	font-size:12px;
	}
	.col_extra .hval .l{
	font-size: 14px;
    color: #ffffff;
	}	
	.col_extra .tl{
    text-align: center;
	border-bottom: solid;
    border-width: 1px;
    font-family: serif;
    font-size: 12px;		
	}
	.col_extra .ot .tl{
	padding-top:8px;	
     background-image: linear-gradient(to left,rgba(47, 100, 108, 0) 0%, rgba(47, 100, 108, 0.5098039215686274) 50%, rgba(47, 100, 108, 0) 100%);
    border-color: #005866;
    color: #80CBC4;		
	font-size: 17px;		
	}
	.col_extra .ot .tl a{
		color: #80CBC4;		
	}
	.col_extra .ot .tl a:visited{
		color: #80CBC4;		
	}
	.col_extra .rs .tl{
     background-image: linear-gradient(to left,rgba(47, 100, 108, 0) 0%, rgba(47, 100, 108, 0.5098039215686274) 50%, rgba(47, 100, 108, 0) 100%);
    border-color: #005866;
    color: #80CBC4;		
	}
	.col_extra .site .tl{
    background-image: linear-gradient(to left,rgba(47, 100, 108, 0) 0%, rgb(28, 1, 0) 50%, rgba(47, 100, 108, 0) 100%);
    border-color: #530000;
    color: #ff4e4e;
	}
	.col_extra .gam .tl{
    background-image: linear-gradient(to left,rgba(47, 100, 108, 0) 0%, rgb(43, 33, 1) 50%, rgba(47, 100, 108, 0) 100%);
    border-color: #FF8F00;
    color: #FFE082;
	}	
	.col_extra .rs .l{
		background: rgba(47, 100, 108, 0.17);
	}	
	.col_extra .gam .l{
		background: rgba(255, 193, 7, 0.08);
	}	
	.col_extra .site .l{
		background: rgb(74, 3, 0, 0.17);
	}	
	.col_extra .l{
		background: rgba(0, 0, 0, 0.17) !important;		
	}		
	.col_extra .hr .l, .col_extra .hval .l{
	height:17px;
	}
	.col_extra .hr{
    float: left;	
	text-align: left;
	width:38%;
	}
	.col_extra .hval .lnval{
    margin-right: 5px;		
	}
	.col_extra .hr .lnval{	
	}	
	.col_extra .hval{
    float: left;		
	text-align: right;		
	width:62%;	
	}
	.col_extra .gwrap{
    width: 100%;
    display: table;
    position: relative;		
	}
	.wrap{
		width: 80%;
		max-width: 1007px;
		margin: 0 auto;
		float: none;
		min-width: 890px;
	}
	.buylist{
	position: absolute;
    width: 100%;
    border-radius: 3px;
    height: 17px;
	opacity:0;	
    bottom: 8px;
    color: wheat;
	font-size: 14px;	
    padding-top: 8px;
    background-image: linear-gradient(to top,rgba(67, 22, 5, 0) 0%, rgba(49, 1, 1, 0.8) 35%, rgb(18, 0, 0) 100%);		
    transition: height 1s, opacity 0.8s;
    
	}
	.buylist .hr{
    float: left;
    text-align: center;
    width: 38%;
    font-weight: 100;	
	}
	.buylist .hval{
    float: left;
    text-align: center;
    width: 62%;
    font-weight: bold;

	}	
	.buylist .hval{
		
	}
	.buylist .plan{
    margin: 5px auto;
    height: 23px;
    line-height: 23px;
    background-color: #252525;
	}
	.buylist .plan:checked{	
		
	}
	.buylist .plan:hover{	
    background-color: #4F1212;		
    color: red;		
	}	
	.buylist .plan{
    color: grey;		
	}
	.buywrap:hover > .buylist{
		opacity:1;
		height: 170px;
	}
	.buylist .plan .pldata .hval .lnval i{
    font-size: 10px;
    width: 100%;
    margin: 0;
    float: left;
    top: -7px;
    position: relative;
    color: #b1ff57;	
	}
	.maxsignature_data{
    left: -107px !important;
    top: 35px !important;
    width: 85% !important;
    background-color: #0000007a !important;
    max-height: 503px !important;
    padding-left: 80px !important;
	}
	.qst{
    font-size: 17px;
    color: tomato;
    margin-bottom: 8px;
    text-shadow: 0 0 3px #000000, 0 0 8px #d70049;
    margin-top: 8px;
    font-weight: bold;
	}
	.ans{
	color:white;	
	}
	#MAXSIGN .logo{
	background: url(max_assine_ja.png) no-repeat;	
	}
	#MAX .logo{
	background: url(tableMax_d.png) no-repeat;	
	}
	#MEGA .logo{
	background:url(tableMega_d.png) no-repeat; 		
	}
	#PLUS .logo{
	background:url(tablePlus_d.png) no-repeat; 			
	}	
	.buy:hover{
    transform: scale(1.16);		
	}
	.tgbox {
    position: absolute;
    top: -9999px;
    left: -9999px;
	}
	.pldata label{
	cursor: pointer;
	}
	.buylist .plan input[type=checkbox]:checked~.pldata {
    background-color: #880000;		
    color: lawngreen;
	}