@font-face {
  font-family: 'Asap';
  src: url('../lib/fonts/v3/Asap-Regular.eot');
  src: url('../lib/fonts/v3/Asap-Regular.eot') format('eot'), url('../lib/fonts/v3/Asap-Regular.eot?#iefix') format('embedded-opentype'), url('../lib/fonts/v3/Asap-Regular.woff') format('woff'), url('../lib/fonts/v3/Asap-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Asap-bold';
  src: url('../lib/fonts/v3/Asap-Bold.eot');
  src: url('../lib/fonts/v3/Asap-Bold.eot?') format('eot'), url('../lib/fonts/v3/Asap-Bold.eot?#iefix') format('embedded-opentype'), url('../lib/fonts/v3/Asap-Bold.woff') format('woff'), url('../lib/fonts/v3/Asap-Bold.ttf') format('truetype');
}
@font-face {
  font-family:'Asap-italic';
  src: url('../lib/fonts/v3/Asap-Italic.eot');
  src: url('../lib/fonts/v3/Asap-Italic.eot') format('eot'), url('../lib/fonts/v3/Asap-Italic.eot?#iefix') format('embedded-opentype'), url('../lib/fonts/v3/Asap-Italic.woff') format('woff'), url('../lib/fonts/v3/Asap-Italic.ttf') format('truetype');
}
@font-face {
  font-family:'Asap-bolditalic';
  src: url('../lib/fonts/v3/Asap-BoldItalic.eot');
  src: url('../lib/fonts/v3/Asap-BoldItalic.eot') format('eot'), url('../lib/fonts/v3/Asap-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../lib/fonts/v3/Asap-BoldItalic.woff') format('woff'), url('../lib/fonts/v3/Asap-BoldItalic.ttf') format('truetype');
}
html,body{
	margin:0;
	padding:0;
}
html{
	height:100%;
}
body{
	background-color: #EEF5FB;
	position:relative;
	min-height:100%;
}
h1, h2, h3{
	font-family:Asap-bold;
	color:#333333;
}
p, a{
	font-family:Asap;
	text-decoration:none;
	margin:0;
	color:#333333;
	font-size:19px;
	line-height:30px;
}
.sales label{
	font-family:Asap;
	display:block;
	font-size:19px;
}
.sales label span{
	font-size:14px;
	color:#888888;
}
.sales input[type=text], .sales select{
	border:1px solid #BABABA;
	background-color:#F7F7F7;
	font-family:Asap-bold;
	font-size:20px;
	margin:5px 0 20px;
	padding:10px 15px;
}
.sales select{
	margin-right:10px;
	padding:9px 15px;
}
.header{
	background-color: #FFFFFF;
	border-bottom: 1px solid #E1E1E1;
	position: fixed;
	width: 100%;
	height: 65px;
	z-index: 1;
}
#topHeaderContent {
	margin: auto;
	width: 1024px;
}
.fakeHeader{
	height:55px;
	margin-bottom:20px;
}
.logoKing{
	background-image:url('https://content.jogosdorei.com.br/img/baralho-online/medium/logo-rei.png');
	width:200px;
	height:67px;
	display:inline-block;
	margin:6px 30px 5px;
	float:left;
	background-repeat: no-repeat;
}
.container{
	width:950px;
	margin:auto;
	position:relative;
}
.whiteContainer{
	background-color:white;
	border:1px solid #E5EEF9;
	position:relative;
	border-radius: 3px;
}
.miniP{
	font-size:11px;
	float:left;
	background-image:url('../images/conta/cadeado.png');
	background-repeat:no-repeat;
	background-position:right;
	padding:3px 13px 0 0;
}
.containerSpacer{
	height:2px;
	margin:30px 0;
	background-color:#EEEEEE;
}
.greenBtn{
	background-color:#2ECD71;
	color:white;
	font-family:Asap-bold;
	font-size:25px;
	padding:15px 100px;
	display:inline-block;
	border:none;
}
.planBadge{
	background-image:url('../images/v3/badges.png');
	width:42px;
	height:42px;
	display:inline-block;
	position:absolute;
	left:-10px;
	top:-10px;
}
.greenBtn:hover{
	background-color:#FF9900;
	cursor:pointer;
}
.greenA{
	color:#33C475;
}
.blueA{
	color:#29abe2;
}
.greenA:hover, .blueA:hover{
	text-decoration:underline;
}

.headerA{
	font-family:Asap-bold;
	float:right;
	margin:28px 40px;
}
.whiteBox{
	border:1px solid #CDCDCD;
	display:inline-block;
	background-color:white;
	padding:15px;
	margin:54px 5px;
	width:192px;
}
.whiteBox:hover{
	cursor:pointer;
}
.plansUl{
	list-style-type:none;
	padding:0;
	margin:20px 0;
}
.plansUl li{
	color:#71DB9B;
	font-family:Asap-bold;
	line-height:28px;
	font-size:17px;
}
.whiteClicker{
	border:1px solid #CCCCCC;
	background-color:white;
	padding:5px 30px;
	margin-top:10px;
	position:relative;
}
.seta{
	width:15px;
	height:15px;
	background-image:url('../images/conta/seta.png');
	background-repeat:no-repeat;
	position:absolute;
	top:12px;
	left:8px;
	background-position:0 -15px;
}
.whiteClicker:hover{
	cursor:pointer;
}
.whiteClicker p{
	font-family:Asap-bold;
	font-size:19px;
	float:left;
	margin-right:10px;
}
.whiteClicker img{
	float:left;
	margin:2px 5px;
}
.inputHolder{
	display:inline-block;
}
.safeInput{
	background-image:url('../images/conta/cadeado_cinza.png');
	background-repeat:no-repeat;
	background-position:right 15px top 15px;
}
.cardVerHelp{
	display:inline-block;
	width:16px;
	height:16px;
	background-image:url('../images/conta/interrogacao.png');
	margin-left:5px;
}
.cardVerHelp:hover{
	cursor:pointer;
}
.paymentUl{
	list-style-position:inside;
	margin:0;
	padding:0;
}
.paymentUl li{
	font-family:Asap;
	margin:15px 0;
	line-height:22px;
}
.buyTable{
	width:100%;
	margin-top:30px;
	margin-bottom:20px;
	text-align:center;
	border-spacing:0;
}
.buyTable td{
	padding:18px 10px;
	font-family:Asap;
}
.bigTr td{
	border-bottom: 1px solid #D4D6D8;
	font-family:Asap-bolditalic;
	font-size:28px;
	width:195px;
}
.biggerPrice{
	font-size:26px;
	font-family:Asap-bolditalic;
}
.biggerAmend td{
	border-bottom: 1px solid #D4D6D8;
	padding:10px 20px;
}
.borderBottomTr td{
	border-bottom: 1px solid #D4D6D8;
}
.btnTr td{
	padding:10px;
}
.payment{
	background-color:white;
	margin:40px 6px 100px 6px;
	font-size:18px;
	position:relative;
}
.payment p{
	display:inline-block;
	font-size:21px;
	margin:15px 25px !important;
}
.creditCards{
	background-color:#F6F7F7;
	padding:15px;
	height:80px;
}
.creditCards div{
	background-color:white;
	width:118px;
	height:80px;
	display:inline-block;
	margin:0 10px;
	float:left;
	background-position:center;
	background-repeat:no-repeat;
	box-sizing: border-box;
}
.creditCards div:hover{
	cursor:pointer;
}
.paymentForm p{
	font-family:Asap-bold;
	font-size:16px;
	display:block;
	margin-bottom:5px !important;
}
.paymentForm input[type=text], .paymentForm select{
	display:inline-block;
	margin:0 25px;
	font-family:Asap;
	background-color:#F3F3F3;
	border:none;
	padding:8px 10px;
	font-size:16px;
	color:#666666;
	box-sizing:content-box;
	background-image:url('../images/v3/input_shadow.png');
	background-repeat:repeat-x;
}
.inputSmall{
	width:80px;
}
.inputMed{
	width:145px;
}
.inputBig{
	width:350px;
}
.simpleCheck{
	background-image:url('../images/v3/checkbox_2.png');
	background-repeat:no-repeat;
	background-position:0 3px;
	font-size:14px;
	padding-left:28px;
}
.simpleCheck a{
	font-size:14px;
	color:blue;
}
.simpleCheckOld{
	position:absolute;
	left:0;
	top:-3px;
	width:21px;
	height:21px;
	background-image:url('../images/v3/checkbox_2.png');
	background-position:0 -21px;
}
.paymentForm label{
	margin:10px 25px;
	position:relative;
	font-size:13px;
	padding-left:30px;
}
.buyError{
	color:#D63C23;
	font-family:Asap;
	background-color:white;
	padding:0 10px;
	text-align:center;
}
.nonCardDiv{
	padding-top:15px;
}
.nonCardDiv p{
	font-family:Asap;
	font-size:15px;
}
.nonCardDiv a{
	color:blue;
	font-size:15px;
}
.btSelected{
	border:2px solid #FF7F00;
	border-radius: 3px;
}
.backButton{
	background-image:url('../images/loja/back.png');
	background-color:#2ECD71;
	background-position:center;
	background-repeat:no-repeat;
	width:50px;
	height:40px;
	display:inline-block;
}
.backButton:hover{
	background-color:#FF9900;
	cursor:pointer;
}
.spacer{
	width:100%;
	height:1px;
	background-color:#CCCCCC;
}
.myCoins{
	float:right;
	font-family:Asap-italic;
	font-size:24px;
	margin:7px 0;
	background-image:url('../images/loja/coin.png');
	background-position:right;
	background-repeat:no-repeat;
	padding:0 40px 4px;
}
.myCoins span{
	font-size:30px;
	font-family:Asap-bolditalic;
}
.coinsTable{
	width:100%;
	border-collapse:collapse;
}
.coinsTable td{
	border-top:1px solid #CCCCCC;
	font-family:Asap-bolditalic;
	height:80px;
}
.coinsTd{
	background-position:center;
	background-repeat:no-repeat;
	width:100px;
}
.imgAvatarSize{
	height:75px;
	width:60px;
}
.statsAvatar{
	width: 86px;
	height: 107px;
	padding: 2px;
	border:2px solid #847565;
	border-radius: 5px;
	position:relative;
	float:left;
	margin-right:20px;
}
.statsAvatar a img{
	width: 86px; 
	height: 107px;
}
.statsAvatar .avtPlan{
	position:absolute;
	bottom: 0px;
	right:-15px;
	width:35px;
}
.statsAvatar .trophy{
	position:absolute;
	top:-15px;
	left:-15px;
	height:50px;
}
.radioHolder{
	display:inline-block;
	position:relative;
	margin:0 30px 0 0px;
	padding: 5px 15px 5px 45px;
}
.radioHolder input{
	position:absolute;
	top:17px;
	left:8px;
}
.radioHolder label{
	font-size:18px;
}
.radioHolder span{
	font-family:Asap-bold;
	color:black;
	font-size:21px;
}
.radioHolder p{
	color:#CE3824;
	font-family:Asap-italic;
	font-size:14px;
}
.btnFlat,.btnFlatGreen,.btnFlatGrey,.btnFlatBlue,.btnFlatOrange{
	font-family:Asap-bold;
	color:white;
	padding:3px 20px;
	font-size:16px;
	background-color:#DD3C23;
	text-decoration:none;
	display:inline-block;
	text-align:center;
}
.btnFlatGreen{
	background-color:#2ecc71;
}
.btnFlatGrey{
	background-color:#DDDDDD;
	color:#444444;
}
.btnFlatBlue{
	background-color:#36508F;
}
.btnFlatOrange{
	background-color:#FF9900;
}
.btnFlat:hover{
	background-color:#F77474;
	cursor:pointer;
}
.btnFlatGreen:hover{
	background-color:#37DD7A;
	cursor:pointer;
}
.btnFlatGrey:hover{
	background-color:#CCCCCC;
	cursor:pointer;
}
.btnFlatBlue:hover{
	background-color:#7485F7;
	cursor:pointer;
}
.btnFlatOrange:hover{
	background-color:#FFBB33;
	cursor:pointer;
}
.btnBordered, .selectBordered{
	font-family:Asap-bold;
	color:#4D4D4D;
	padding:0 12px;
	font-size:16px;
	text-decoration:none;
	display:inline-block;
	border:2px solid #C2C3C6;
	text-align:center;
	border-radius: 3px;
}
.btnBordered:hover{
	background-color:#DCDCDC;
	cursor:pointer;
}
.selectBordered span{
	font-family:Asap;
	font-size:13px;
}
.selectBordered:hover{
	cursor:pointer;
}
.leagueBadge{
	position:absolute;
	top:30px;
	right:285px;
}
.sectionSpacer{
	background-color:#E0E0E0;
	width:100%;
	height:1px;
	margin:20px 0;
}
.statsTitle{
	display:inline-block;
	margin:0 5px 2px;
	font-size:22px;
	color:#484848;
	font-weight:normal;
}
.statsTitle span{
	font-size:16px;
	font-family:Asap;
}
.achieveItem {
	display:inline-block;
	padding:4px;
	width:70px;
	height:70px;
	background-repeat:no-repeat;
	background-position:center;
	border-style:none;
	background-color:#E6E6E6;
	margin:3px 5px;
}
.achieveItem:hover {
	border-style: none;
}
.achieveItem > span {
	display: none;
}

.tooltip {
	position: absolute;
	background-color: #ffffff;
	color: #000000;
	border: 1px solid #ddd9d5;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.tooltip .content {
	background-image: url(../images/tooltipbottom.png);
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 1px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.tooltip .content > p, .tooltip .content > ul, .tooltip .content > ol {
	margin: 0 10px 6px;
}

.tooltip h1 {
	background-color: #f5f5f5;
	padding: 8px 11px;
	font-size: 1em;
	font-weight: normal;
	color: #a9391a;
	margin: 0 0 10px 0;

	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;

}

.tooltip .content > p.rating {
	position: absolute;
	top: 9px;
	right: 8px;
	margin: 0;
}

.tooltip .table {
	display: table;
	margin: 0;
	padding: 0;
}

.tooltip .table li {
	display: table-row;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.tooltip .label {
	display: table-cell;
	padding: 0 10px 6px 0;
	color: #7c7c7c;
} 

.tooltip .value {
	display: table-cell;
	padding: 0 0 6px 0;
	max-width: 300px;
	line-height: 20px;
}
.tooltip .rating .desc {
	display: none;
}

.tooltip .tooltipArrow, .tooltip .tooltipArrow div {
	position: absolute;
	width: 0;
	height: 0;
}

.tooltip.fromRight .tooltipArrow {
	left: 100%;
	top: 50%;
	margin-top: -7px;
	border-top: 10px solid transparent;
	border-left: 15px solid #ddd9d5;
	border-bottom: 10px solid transparent;
	border-right-width: 0;
	z-index: 100;
}

.tooltip.fromRight .tooltipArrow div {
	top: -8px;
	left: -15px;
	border-top: 8px solid transparent;
	border-left: 13px solid #ffffff;
	border-bottom: 8px solid transparent;
	border-right-width: 0;
}

.tooltip.fromBottom .tooltipArrow {
	left: 50%;
	top: 100%;
	margin-left: -15px;
	border-left: 10px solid transparent;
	border-top: 15px solid #ddd9d5;
	border-right: 10px solid transparent;
	border-bottom-width: 0;
}

.tooltip.fromBottom .tooltipArrow div {
	top: -15px;
	left: -8px;
	border-left: 8px solid transparent; 
	border-top: 13px solid #ffffff;
	border-right: 8px solid transparent; 
	border-bottom-width: 0;
}

.tooltip.fromLeft .tooltipArrow {
	left: -15px;
	top: 50%;
	margin-top: -7px;
	border-top: 10px solid transparent;
	border-right: 15px solid #ddd9d5;
	border-bottom: 10px solid transparent;
	border-left-width: 0;
}

.tooltip.fromLeft .tooltipArrow div {
	top: -8px;
	left: 2px;
	border-top: 8px solid transparent;
	border-right: 13px solid #ffffff;
	border-bottom: 8px solid transparent;
	border-left-width: 0;
}

.tooltip.fromTop .tooltipArrow {
	left: 50%;
	top: -15px;
	margin-left: -15px;
	border-left: 10px solid transparent;
	border-bottom: 15px solid #ddd9d5;
	border-right: 10px solid transparent;
	border-top-width: 0;
}

.tooltip.fromTop .tooltipArrow div {
	top: 2px;
	left: -8px;
	border-left: 8px solid transparent;
	border-bottom: 13px solid #ffffff;
	border-right: 8px solid transparent;
	border-top-width: 0;
}
.greyFoot{
	background-color:#F5F5F5;
	border:1px solid #E5EEF9;
	border-top:none;
	height:35px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
.greyFoot p{
	display:inline-block;
	font-size:14px;
	margin:2px 30px;
	color:#4A4A4A;
}
.greyFoot a{
	font-size:14px;
	float:right;
	margin:2px 25px;
	color:#2078a9;
}
.greyFoot a:hover{
	text-decoration:underline;
}
.greyFoot span{
	font-family:Asap-bold;
}
.whiteFoot{
	background-color: #d9e6f7;
	border: inherit;
}
.avatarbg{
	width: 64px;
	height: 80px;
	padding: 4px 0 0 4px;
	background-image: url(../images/avatarbg.png);
	background-repeat: no-repeat;
	position:relative;
	display:inline-block;
	margin:5px;
}
.avtImg{
	width: 60px; 
	height: 75px;
	display: block;
	background-image: url(../images/avtdeff.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.avtImg div{
	width: 60px; 
	height: 75px;
	display: block;
	background-repeat: no-repeat;
}
.statsTable td{
	border:none;
	padding:5px 0;
	
}
.statsTable{
	border-spacing:25px 0;
	width:990px;
	padding-bottom:100px;
}
.profileTable td{
	border:none;
	padding:5px 0;
	
}
.dashboardTable td{
	border:none;
	padding:5px 0;
	
}
.profileTable{
	border-spacing:25px 0;
	width:990px;
}
.profileStatsTable{
	border-spacing:0;
	background-color: white;
	margin-bottom:100px;
	border: 1px solid #ebf2fc;
	width: 940px;
	border-radius: 10px;
}
.dashboardTable{
	border-spacing:0;
	background-color: white;
	margin-bottom:100px;
	border: 1px solid #ebf2fc;
	width: 940px;
	border-radius: 10px;
}
.playNowButton{
	background-image: url(/images/jogar-agora-2017.png);
	width: 272px;
	height: 81px; 
}
.playNowButton:hover{
	cursor: pointer;
	background-position: 0px 162px;
}
.profileTable .profileLink:hover {
	color: #2078a9;
	text-decoration: underline;
}
.profileTable .profileLinkTitle {
	display: inline-block;
	font-size: 22px;
	color: #333333;
	font-weight: normal;
	font-family: Asap-bold;
}
.profileTable .profileLinkTitle:hover {
	text-decoration: underline;
}
.profileInventoryLine {
	background-image: url(/images/white-estante.jpg);
	background-repeat: repeat-x;
	background-position-y: 72px;
	background-position-x: -8px;
	padding-left: 8px;
	height: 105px;
}
.profileInventoryItem {
	height: 80px;
	margin-left: 8px;
	margin-top: 5px;
}
.profileGameSelect {
	width: 185px;
	height: 90px;
	display: inline-block;
	float: left;
	background-position: center;
	background-repeat: no-repeat;
	box-sizing: border-box;
}
.profileGameSelect:hover {
	cursor: pointer;
}
.profileGameDash {
	height: 100px;
}
.twoPSelect {
	background-image: url(/images/btn-2jogadores.png);
	width: 106px;
	height: 70px;
	float: left;
}
.twoPSelect:hover {
	cursor: pointer;
	background-image: url(/images/btn-2jogadores.png);
	background-position: 0px 140px;
}
.fourPSelect {
	background-image: url(/images/btn-4jogadores.png);
	width: 106px;
	height: 70px;
	float: left;
	margin-left: 10px;
}
.fourPSelect:hover {
	cursor: pointer;
	background-image: url(/images/btn-4jogadores.png);
	background-position: 0px 140px;
}
.pSelected {
	background-position: 0px 70px; 
}
.pSelected:hover {
	cursor: initial;
	background-position: 0px 70px; 
}
.statsSubtitle{
	margin:0;
	color:#484848;
	font-weight:normal;
	font-size:22px;
}
.statsUl{
	padding:0 0 25px;
	margin:20px 0;
	border-bottom:1px solid #CCCCCC;
}
.statsUl li{
	list-style-type:none;
	font-family:Asap;
	color:#333;
	font-size:16px;
	line-height:26px;
}
.pieGraphTable{
	position:absolute;
	top:60px;
	right:10px;
}
.pieGraphTable td{
	border:none;
	padding:5px 0;
	font-family:Asap;
	font-size:14px;
}
.compareP{
	font-size:16px;
	margin:8px 0;
	line-height:15px;
	color:#666666;
}
.compareP span{
	font-family:Asap-bold;
	color:#333333;
}

#allFooter{
	background-image:url('../images/v3/rodape.jpg');
	background-repeat:repeat-x;
	background-color:#9B1F1F;
	background-position:top;
	width:100%;
	color:white;
	text-align:center;
	position:absolute;
	bottom:0;
}
.fakeFooter{
	height:290px;
}
.footerQuarter{
	padding:25px;
	text-align:left;
	display:inline-block;
}
.footerQuarter p{
	font-family:Asap-bold;
	font-size:18px;
	margin:0;
	color:white;
}
.footerQuarter a{
	color:#CD8F8F;
	font-size:15px;
	font-family:Asap-bold;
}
.footerQuarter a:hover{
	color:white;
}
.footerQuarter ul{
	padding:0;
	list-style-type:none;
	margin:10px 0;
}
.footerQuarter li{
	margin:0;
}
.footerSpacer{
	width:135px;
	height:2px;
	background-color:#AE4242;
	margin:8px 0 0;
}
.footerLast{
	display:inline-block;
	padding:25px;
}
.footerLast p{
	color:#CD8F8F;
	text-align:right;
	margin:0;
	padding-top:13px;
	font-family:Asap-bold;
	font-size:18px;
	clear:both;
	line-height:15px;
}
.footerLast span{
	font-size:14px;
}
.footerLast .footerSpacer{
	width:100%;
	margin-top:18px;
}
.logoWhite{
	float:right;
	background-image:url('../images/v3/logo_white.png');
	width:181px;
	height:48px;
	display:inline-block;
}
.logoWhite:hover{
	background-position:0 -48px;
}
.footerIcon{
	display:inline-block;
	width:28px;
	height:22px;
	margin:20px 11px 30px;
	background-image:url('https://content.jogosdorei.com.br/img/baralho-online/icon_rodape.png');
}
.iconFace{
	background-position:0 0;
}
.iconFace:hover{
	background-position:0 -22px;
}
.iconGoogle{
	background-position:-28px 0;
}
.iconGoogle:hover{
	background-position:-28px -22px;
}
.iconTwitter{
	background-position:-56px 0;
}
.iconTwitter:hover{
	background-position:-56px -22px;
}
.iconBlog{
	background-position:-84px 0;
}
.iconBlog:hover{
	background-position:-84px -22px;
}
.footerAppBadges{
	display:block;
	margin-top:4px;
	margin-bottom:10px;
}
.footerAppBadges a{
	display:inline-block;
	margin:0 6px;
	opacity:0.85;
	transition:opacity 0.2s;
}
.footerAppBadges a:hover{
	opacity:1;
}

/*Configura��es Padr�es*/
#navMenu{
	float:left;
	padding-top:5px;
}

ul.navMenu, .navMenu li, .navMenu a{ margin:0; padding:0; list-style:none; text-decoration:none;}
ul.navMenu ul{ position:absolute; display:none;  box-shadow:1px 1px 1px 1px #ccc;}

/* Configura��es nivel 1*/
ul.navMenu{ display:inline-block; z-index:1000; position:relative; font-size:20px; border-radius:5px; padding:0 5px;}
.navMenu li{float:left; width:auto; position:relative;}
.navMenu li a{font-size:24px; display:block; padding-left:20px; padding-right:43px; line-height:45px; height:46px; float:left; transition:all 0.1s linear;}

/* Configura��es nivel 2*/
.navMenu li:hover > ul.submenu-1{ display:block; top:55px; padding:5px; width:260px; left:0 }
.navMenu li:hover > ul.submenu-1a{ display:block; top:55px; padding:5px; width:260px; right:2 }
.navMenu ul.submenu-1 a{  width:198px; padding-left:10px; padding-right:10px; padding-top:05px; padding-bottom:5px}
.navMenu ul.submenu-1a a{  width:198px; padding-left:10px; padding-right:10px; padding-top:05px; padding-bottom:5px}

/* Configura��es nivel 2*/
.navMenu li:hover > ul.submenu-2{ display:block; top:0; left:260px; padding:5px; width:200px; }
.navMenu ul.submenu-2 a{  width:160px; padding-left:10px; padding-right:30px;}

/* Configura��es nivel 3*/
.navMenu li:hover > ul.submenu-3{ display:block; top:0; left:195px; padding:5px; width:200px;  }
.navMenu ul.submenu-3 a{  width:160px; padding-left:10px; padding-right:30px;}


/*Configura��es de cores*/

/*nivel 1*/
.navMenu a{color:#000; padding-top:50px}

/*nivel 2*/
.submenu-1{ background:#f7f7f7;}
.submenu-1 a{color:#5c5c5c;}
.submenu-1a{ background:#f7f7f7;}
.submenu-1a a{color:#5c5c5c;}

/*nivel 3*/
.submenu-2{ background:#f7f7f7;}
.submenu-2 a{color:#5c5c5c;}

/*nivel 3*/
.submenu-3{ background:#333;}
.submenu-3 a{color:#fff;}
.submenu-3 li:hover > a{ background:#000; }

.imgNavMenu{
	width:16px;
	height:16px;
	display:inline-block;
	float:left; 
	padding-top:15px;
}

#navegacao{
	background-image:url(/images/barra-navegacao/setita.png);
	background-repeat: no-repeat;
	padding-bottom:15px;
	height: 35px;
	font-size:18px;
	float:right;
	padding-left:12px;
	padding-top:5px;
	padding-right:20px;
	background-position: 100% 52%;
}

#navegaUser{
	background-image:url(/images/barra-navegacao/setita.png);
	background-repeat: no-repeat;
	height: 37px;
	font-size:18px;
	float:right;
	padding-left:12px;
	padding-top:6px;
	padding-right:28px;
	padding-bottom:15px;
	margin-right: 18px;
	background-position: 99% 50%;
}

.vipMenu {
    margin-top: -32px;
    display: block;
    margin-left: 30px;
    height: 20px;
}

.menuSetita{
	background-image:url(/images/barra-navegacao/setita02.png);
	background-repeat: no-repeat;
	background-position: 70% 50%;
}

.menuSetita:hover{
	background-image:url(/images/barra-navegacao/setita02.png);
	background-repeat: no-repeat;
	background-position: 70% 50%;
}
.menuHoverDefault:hover > a{ background:#d4d6d8; color:#000}
.buracoMenu:hover > a{ background:#ebada7; color:#000}
.buracoFechadoMenu:hover > a{ background:#a1e1bc; color:#000}
.buracoSTBLMenu:hover > a{ background:#ebc19d; color:#000}
.trancaMenu:hover > a{ background:#9fc2d9; color:#000}
.canastraMenu:hover > a{ background:#ebada7; color:#000}
.trucoMenu:hover > a{ background:#cdb3d8; color:#000}

.buracoMenuUl li:hover > a{ background:#ebada7; color:#000}
.buracoFechadoMenuUl li:hover > a{ background:#a1e1bc; color:#000}
.buracoSTBLMenuUl li:hover > a{ background:#ebc19d; color:#000}
.trancaMenuUl li:hover > a{ background:#9fc2d9; color:#000}
.canastraMenuUl li:hover > a{ background:#ebada7; color:#000}
.trucoMenuUl li:hover > a{ background:#cdb3d8; color:#000}

#entrarCabecalho {
	float: right;
	margin: 30px 30px;
}

#entrarCabecalho a {
	font-family:Asap-bold;
	color:#CE3824;
	font-size:19px;
}

#botaoJogarBuraco{
	height: 38px;
	width: 150px;
	background-color: #2ecc71;
	float: right;
	margin-top: 10px;
	margin-right: 20px;
	text-align: center;
	padding-top: 7px;
	color:#fff;
	font-size:23px;
	font-family:Asap-bold;
}

#botaoJogarBuraco:hover{
	background-color:#37dd7a;	
}

#navegaUserImg{
	height:50px;
}

#navegaUserImgLink{
	background-image: url(../images/baralho-online/medium/avatarplace.png);
	height:55px;
	width: 45px;
	float:left;
	padding-top:3px;
	padding-right:0px;
	padding-left: 21px;
	background-repeat: no-repeat;
}
#navegaUserSpace{
	height:92px;
	width:6px;
	padding: 0 0 0 0;
	float:right;
}

#navegaNaveSpace{
	height:79px;
	width:2px;
	padding: 0 0 0 0;
	float:right;
}

#navegaUserMenu{
	float: right; right:18px; top:4px;
}
#menuBuracoSTBL{
	height:45px;
	display:inline-block;
	line-height: 120%;
	padding-top:12px;
	padding-bottom:24px;
}

#menuBuracoSTBL2{
	width:16px;
	padding-right:0;
	padding-left:0px;
	padding-top:2px;
	padding-bottom:12px;
	height:67px;
}

#menuBuracoSTBL3{
	width:16px;
	padding-right:0;
	height:73px;
	padding-top:3px;
}

#menuDefault{
	width: 240px;
}

.menuDefaultTripa{
	width:195px;
	height:1px;
	background-color:#d4d6d8;
	margin: 10px 0;
	margin-left:7px;
}

#menuHoverDefaultA{
	width:185px;
}
#players_online_holder {
	margin-top: -30px;
	height: 70px;
}
#pessoasJogando{
	background-image:url('/images/users.png');
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:20px;
	color: #555555;
	display: table;
	width: auto;
	margin: auto;
}
#card_flag{
	position:absolute;
	width:42px;
	height:26px;
	top:51px;
	left:430px;
	display:none;
}

.fullContainer{
	background-color:white;
	margin:20px auto;
	padding:40px;
	text-align:center;
	position:relative;
	width:857px;
}
.fullContainer p{
	font-family:Asap-bold;
	font-size:35px;
	color:#606060;
	margin:10px;
}
.fullContainer span{
	color:#2ECC71;
}
.fullContainer .marker{
	background-image:url(../images/v3/marker.png);
	position:absolute;
	top:65px;
	left:355px;
	width:21px;
	height:16px;
}
.titleLine{
	width:90px;
	height:2px;
	background-color:#EEEEEE;
	position:absolute;
	top:70px;
}
.borderHolder{
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
.fullContainer .border1, .fullContainer .border2{
	display:inline-block;
	width:18px;
	height:7px;
	float:left;
}
.fullContainer .border1{
	background-color:#ECC253;
}
.fullContainer .border2{
	background-color:#E3BA50;
}

.middleContainer{
	background-color:white;
	width:600px;
	margin:30px auto 15px;
	color:#3B3B3B;
}
.middleContainer .inner{
	width:400px;
	padding:30px;
	margin:auto;
}
.middleContainer h1{
	font-family:Asap-bold;
	font-size:27px;
	margin:0;
}
.middleContainer p{
	margin:3px 0;
	font-size:15px;
}
.recoverPassForm input{
	background-color:#F3F3F3;
	border:1px solid #d6d6d6;
	width:378px;
	padding:14px 10px;
	margin:0;
	font-size:20px;
}
.recoverPassForm label{
	margin:20px 3px 5px;
	display:block;
	font-family:Asap-bold;
}
.recoverPassForm a{
	color:red;
	display:block;
	font-size:15px;
}
.btn-recoversenha{
	background-color: #2ECC71;
	text-align: center;
	color: white;
	font-family: Asap-bold;
	padding: 30px;
	font-size: 35px;
	margin-top:15px;
}
.btn-recoversenha:hover{
	cursor:pointer;
}
.outerP{
	font-size:15px;
	text-align:center;
	color:#7F7F7F;
	line-height:25px;
	margin:0;
}
.alertMini{
	position:absolute;
	top:22px;
	left:260px;
	background-color:#ECF587;
	padding:4px 8px;
	font-family:Asap-bold;
	overflow:hidden;
	line-height:18px;
}
.alertMini:hover{
	cursor:default;
}
.captchaArrow{
	background-image:url(../images/v3/seta_captcha.png);
	width:71px;
	height:135px;
	position:absolute;
	left:-80px;
	top:80px;
}
.alertSquare{
	background-color:#ECF587;
	padding:15px;
	font-family:Asap;
	font-size:15px;
}
.alertSquare p, .randomP{
	margin:0 0 10px;
	font-size:15px;
	line-height:25px;
}
.alertSquare span{
	font-family:Asap-bold;
	display:block;
	font-size:17px;
}

#divisorMenuPerfil{width:190px}
#divisorMenuNavegar{width:245px}

.landingJogarContainer{
	text-align:center;
	display:inline-block;
	width:1000px;
	margin-top:50px;
}
.landingJogarInner{
	width:600px;
	float:right;
}
.landingJogarContainer h1{
	font-size:38px;
	margin-top:-9px;
	margin-left:15px;
	text-align:left;
}
.landingJogarContainer p{
	font-size:24px;
	text-align:left;
	margin-left:16px;
	margin-bottom:12px;
}
#BotaoJogarJa{
	padding:17px;
	background-color:#2ecc71;
	margin-top:25px;
	text-align:center;
	color:#fff;
	font-size:28px;
	font-family:Asap-bold;
	display: inline-block;
	float:left;
	margin-left:18px;
}
#BotaoJogarJa:hover{
	background-color:#37dd7a;
}
.sectionTitle{
	font-size:40px;
	font-family:Asap;
	margin:0;
	color:#666;
	font-weight:normal;
}
.landingJogarContainer h4{
	text-align:left;
	margin:5px 18px;
	font-size:15px;
	float:left;
	font-family:Asap;
	font-weight:normal;
}
.landingJogarBox{
	display:inline-block;
	width:1000px;
	margin-bottom:60px;
	margin-top:50px;
	background-color:#F7F7F7;
	padding:30px;
	border: 2px solid #DEDEDE;
	text-align:left;
}
.landingJogarBox p{
	line-height:35px;
}

@media (max-width:1067px){
	#botaoJogarBuraco{height:38px; padding-top:7px; width:150px; font-size:23px}
	#navegaUser{height:37px; padding-top:7px; font-size:16px; padding-right:20px}
	#navegaUserImg{height:43px}
	#navegaUserImgLink{height:51px; background: inherit;}
	#navegaUserSpace{height:59px}
	#navegaUserMenu{right:5px}
	#botaoJogarBuraco{margin-right:10px}
	#navegacao{padding-right:23px; height:37px; padding-top:7px; top:-1; font-size:15px}
	#players_online_holder {height: 10px; padding-top: 20px;}

	.logoKing{background-image:url('https://content.jogosdorei.com.br/img/baralho-online/medium/logo-rei.png');width:198px;height:54px; margin-right:10px}
	#topHeaderContent{width:100%;}
	.navMenu li:hover > ul.submenu-1{ display:block; top:55px; padding:5px; width:210px; left:0 }
	.navMenu li:hover > ul.submenu-1a{ display:block; top:55px; padding:5px; width:210px; right:2 }
	.navMenu ul.submenu-1 a{  width:148px; padding-left:10px; padding-right:10px; padding-top:0px; padding-bottom:14px}
	.navMenu ul.submenu-1a a{  width:148px; padding-left:10px; padding-right:10px; padding-top:05px; padding-bottom:5px}
	
	/* Configura��es nivel 2*/
	.navMenu li:hover > ul.submenu-2{ display:block; top:0; left:210px; padding:5px; width:200px; }
	.navMenu ul.submenu-2 a{  width:160px; padding-left:10px; padding-right:30px;}
	ul.navMenu{ display:inline-block; z-index:1000; position:relative; font-size:14px; border-radius:5px; padding:0 5px;}
	.navMenu li a{font-size:20px; display:block; padding-left:20px; padding-right:43px; line-height:45px; height:32px; float:left; transition:all 0.1s linear;}
	#menuBuracoSTBL{height:33px; padding-top:9px}
	#menuBuracoSTBL2{height:52px}
	#menuBuracoSTBL3{height:49px}
	.imgNavMenu{padding-top:16px}
	#imgSTBL{padding-top:10px}
	#menuHoverDefaultA{line-height:34px}
	#menuDivisorPerfil{width:190px}	
	#divisorMenuNavegar{width:195px}
	#menuDefault{width: 190px}
	#navegaNaveSpace{width:10px}
	.footerQuarter{padding:20px 15px}
	.footerLast{padding:20px 10px}
	.footerQuarter p{font-size:16px;line-height:26px}
	.footerQuarter a{font-size:14px;line-height:24px}
	.footerQuarter ul{margin:8px 0}
	.footerLast p{padding-top:8px;font-size:16px}
	.footerLast span{font-size:12px}
	.footerLast .footerSpacer{margin-top:10px}
	.footerIcon{margin:16px 8px 25px}
	.fakeFooter{height:236px}
	
	#entrarCabecalho {margin: 20px 20px;font-size:19px;}
	#entrarCabecalho a {font-size:19px;}
	
	#pessoasJogando{font-size:15px}
	
	.landingJogarContainer{width:704px;margin-top:40px}
	.landingJogarContainer img{width:300px}
	.landingJogarContainer h1{font-size:30px;margin-bottom:10px}
	.landingJogarContainer p{font-size:16px}
	.landingJogarInner{width:404px}
	#BotaoJogarJa{padding:12px;margin-top:8px;font-size:24px}
	.sectionTitle{font-size:36px}
	.landingJogarContainer h4{font-size:12px}
	.landingJogarBox{width:640px;padding:20px;margin-top:40px;margin-bottom:40px}
	.landingJogarBox p{font-size:15px;line-height:25px}
}

@media (max-width:720px){
	#botaoJogarBuraco{height:38px; padding-top:7px; width:100px; font-size:17px;}
	#navegaUser{height:37px; padding-top:7px; font-size:0px; padding-right:10px}
	#navegaUserImg{height:43px}
	#navegaUserImgLink{height:51px}
	#navegaUserSpace{height:59px}
	#navegaUserMenu{right:5px}
	#botaoJogarBuraco{margin-right:10px}
	#navegacao{padding-right:23px; height:37px; padding-top:7px; top:-1; font-size:15px; padding-left:0px}
	.logoKing{background-image:url('https://content.jogosdorei.com.br/img/baralho-online/small/logo-rei.png');width:130px;height:36px; margin-top:17px; margin-left:8px; margin-right:5px;}

	.navMenu li:hover > ul.submenu-1{ display:block; top:55px; padding:5px; width:210px; left:0 }
	.navMenu li:hover > ul.submenu-1a{ display:block; top:55px; padding:5px; width:210px; right:2 }
	.navMenu ul.submenu-1 a{  width:148px; padding-left:10px; padding-right:10px; padding-top:0px; padding-bottom:14px}
	.navMenu ul.submenu-1a a{  width:148px; padding-left:10px; padding-right:10px; padding-top:05px; padding-bottom:5px}
	
	/* Configura��es nivel 2*/
	.navMenu li:hover > ul.submenu-2{ display:block; top:0; left:210px; padding:5px; width:200px; }
	.navMenu ul.submenu-2 a{  width:160px; padding-left:10px; padding-right:30px;}
	#navegaNaveSpace{width:0px}
	
	#entrarCabecalho {margin: 20px 10px;font-size:15px;}
	#entrarCabecalho a {font-size:15px;}
	#pessoasJogando{display:none}
	
	.landingJogarContainer{width:436px;margin-top:30px}
	.landingJogarContainer img{display:none}
	.landingJogarContainer h1{font-size:28px;text-align:center}
	.landingJogarContainer p{font-size:14px;text-align:center;margin-left:0}
	.landingJogarInner{float:initial;text-align:center}
	#BotaoJogarJa{padding:10px;font-size:20px;margin:auto;display:inline-block;float:initial}
	.sectionTitle{font-size:25px}
	.landingJogarContainer h4{float:initial;margin:5px auto;display:inline-block;font-size:10px}
	.landingJogarBox{width:395px;padding:15px;margin-top:30px;margin-bottom:30px}
	.landingJogarBox p{font-size:13px;line-height:20px}
}

@media (max-width:600px){
	#entrarCabecalho {margin: 20px 15px;font-size:15px;}
	#entrarCabecalho b {font-size: 0px;}
	#entrarCabecalho a {font-size:18px;}
	#players_online_holder {height: 0px;}
}

@media (max-width:450px){
	#botaoJogarBuraco{height:38px; padding-top:7px; width:60px; font-size:16px; margin-right:-5px; line-height:16px}
	#navegaUser{height:37px; padding-top:7px; font-size:0px; padding-right:10px}
	#navegaUserImg{height:43px}
	#navegaUserImgLink{height:51px}
	#navegaUserSpace{height:59px; width:0px}
	#navegaUserMenu{right:0px}
	#navegacao{padding-right:15px; height:37px; padding-top:7px; top:-1; font-size:0px; padding-left:0px}
	.logoKing{background-image:url('https://content.jogosdorei.com.br/img/baralho-online/small/logo-rei.png');width:130px;height:36px; margin-top:17px; margin-left:1px; margin-right:0px;}
	
	.navMenu li:hover > ul.submenu-1{ display:block; top:55px; padding:5px; width:210px; right:0 }
	.navMenu li:hover > ul.submenu-1a{ display:block; top:55px; padding:5px; width:210px; right:2 }
	.navMenu ul.submenu-1 a{  width:148px; padding-left:10px; padding-right:10px; padding-top:0px; padding-bottom:14px}
	.navMenu ul.submenu-1a a{  width:148px; padding-left:10px; padding-right:10px; padding-top:05px; padding-bottom:5px}
	
	/* Configura��es nivel 2*/
	.navMenu li:hover > ul.submenu-2{ display:block; top:0; left:210px; padding:5px; width:200px; }
	.navMenu ul.submenu-2 a{  width:160px; padding-left:10px; padding-right:30px;}
	#navegaNaveSpace{width:0px}
	
	.landingJogarContainer{width:336px;margin-top:25px}
	.landingJogarContainer h1{font-size:25px}
	.landingJogarContainer p{font-size:13px}
	.landingJogarInner{width:320px}
	.sectionTitle{font-size:20px}
	.landingJogarBox{width:312px;padding:10px;margin-top:25px;margin-bottom:20px}
	.landingJogarBox p{font-size:12px;line-height:18px}
}

/* escondendo partes do footer */
@media (max-width:930px){
	.footerQuarter:nth-child(3){display:none}
}
@media (max-width:750px){
	.footerQuarter:nth-child(2){display:none}
}
@media (max-width:580px){
	.footerQuarter:nth-child(4){display:none}
}
@media (max-width:400px){
	.footerQuarter:nth-child(1){display:none}
}
