@charset "utf-8";

@font-face {
	font-family:'MuseoSans';
	src:url('../../../fonts/MuseoSans_500-webfont.eot');
	src:url('../../../fonts/MuseoSans_500-webfontd41d.eot?#iefix') format('embedded-opentype'),
		url('../../../fonts/MuseoSans_500-webfont.woff') format('woff'),
		url('../../../fonts/MuseoSans_500-webfont.ttf') format('truetype'),
		url('../../../fonts/MuseoSans_500-webfont.svg#MuseoSans500') format('svg');
	font-weight:normal;
	font-style:normal;
}


body {
    background-attachment: fixed;
    background-image: url("images/others/bodybackground.png");
    background-repeat: no-repeat;
    transform: scale(0.9);
    background-position: 0% 0%;
	transform: scale(0.9);
    margin-top: -288px;
    background-size: 100% 100%;
    font-family: Tahoma, verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: white;
    text-shadow: 1px 1px 0px #000;
}

/* *, ul, li, h1, h2, p, b { */
	/* font-size: 12px; */
	/* margin:0px; */
	/* padding:0px; */
	/* list-style:none; */
	/* line-height:1.5; */
/* } */

h1 {
}

h2 {
}

h3 {
	margin: 0px;
	font-size: 16px;
	color: #2D2D2D;
}

.awesomeText {
    color: #000;
    font-size: 150%;
}
	
p, ol, ul {
	margin-top: 0px;
	margin-bottom: 1em;
	line-height: 160%;
	text-align: justify;
}

*:focus {
	outline:none;
}

.clear {
	clear:both;
}

input, select, textarea {
	box-sizing:content-box;
	-ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
}

a {
	text-decoration:none;
	color:yellow;
}

a:hover {
	color:#A07332;
}

a img {
	border:none;
}

#left #left_menu li a, #top_menu li a, footer #logo, #logoH, #DjokxF, a{
	transition:0.3s all;
	-webkit-transition:0.3s all;
	-moz-transition:0.3s all;
	-ms-transition:0.3s all;
	-o-transition:0.3s all;
}

#sidebar #left_menu li a {
	display:block;
	padding:10px;
	font-size:34px;
	color:#b2995f;
	padding-left:45px;
}

#sidebar #box9 li a:hover {
    background: url(/templates/loleslav/images/others/homepag.png);
    width: 169px;
    margin-left: -3px;
    filter: contrast(0.5);
    background-position: 15px;
    filter: brightness(1.7);
}



#ucp_buttons a { transition:none;
	-webkit-transition:none;
	-moz-transition:none;
	-ms-transition:none;
	-o-transition:none;
}


/* =========== CMS: general =========== */
#slider_bg {	
	width: 739px;
	height: 236px;
	margin: 25px 0 0 7px;
}

#slider_frame {
	width: 739px;
	height: 236px;
	background:url(images/BGSlider.png) no-repeat;
	position: absolute;
	z-index: 999;
	margin: -16px 0 0 -16px;
	color: green;
	font-size: 20px !important;	
}

#slider {
	width:704px;
	height:201px;
}


div.caixa {
    width: 450px;
    height: 360px;
    overflow: auto;
}

.caixa {
	white-space: nowrap; 
	padding: 5px;
}
 
.caixa::-webkit-scrollbar {
    width: 16px;
    height: 16px;
}

.caixa::-webkit-scrollbar {
    width: 2em;
    height: 2em
}

.caixa::-webkit-scrollbar-track-piece {
    background-repeat: no-repeat, repeat-y;
}
 
.caixa::-webkit-scrollbar-thumb { 
	background-image: url("../images/kunaiTopDown.png");
}

.acctable {
	color: #FFF;
	border: 2px solid #1b120d;
	background-color: #2d1c14;
}

.acctable2 {
	color: #79745b;
	border: 2px solid #1b120d;
	background-color: #1b120d;
}

.tableDetail{
	position: relative;
	margin-top: -36px;
	right: -97px !important;
	width:64.3% !important; 
}

.tableDetail tr{
	/*position: relative;*/
	background: #1B120D;
	font-weight: bold !important; 
	right: -97px !important;
}

.hoverTablePage{
	 width:100%; 
}

.hoverTablePage tr{
	background: #1B120D;
	text-align: center;
	font-weight: bold;	
}

.tabelado{
	 width:100%; 

}

.tabelado td{
	border: 1px solid #88745b;
	background: #271712;
	text-align: center;
	font-weight: bold;	
}

.tablestyle {
	margin: 20px 0 30px 45;
	width: 60%;
}

.boldtableitens, .boldtableitens TD, .boldtableitens TH { 
	color:#9F9456; 
	border: 1px solid #200f07;
}

.botao {
	background-color: #185a18;
}

.botao-dois {
	padding: .2em .6em .3em;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	border-radius: .25em;
}


/* =========== Title Section ========== */

.titulo-secao {
    background-image: url(images/title_section_1.png);
    width: 730px;
    height: 60px;
    position: relative;
}

.titulo-secao p {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 22px;
    left: 60px;
	font-family: MuseoSlab, Helvetica, Arial, sans serif;
    text-transform: uppercase;
    font-size: 20px !important;
    text-align: center;
    color: #FFF;
}

.titulo-menus {
    background-image: url(images/menus.png);
    width: 284px;
    height: 63px;
    position: center;
	margin-bottom: -4px;
}

.titulo-menus p {
    margin: 0;
    padding: 0;
	margin-top: -10px;
    top: 22px;
    left: 60px;
	font-family: MuseoSlab, Helvetica, Arial, sans serif;
    text-transform: uppercase;
    font-size: 20px !important;
    color: #FFF;
}
/* =========== CMS: general =========== */

.nice_button, input[type="submit"] {
	font-size: 12px; 
	text-decoration: none!important; 
	font-family: MuseoSlab, Helvetica, Arial, sans serif;
	padding: 6px;
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	box-shadow: inset 0px 0px 2px black;
	-o-box-shadow: inset 0px 0px 2px black;
	-webkit-box-shadow: inset 0px 0px 2px black;
	-moz-box-shadow: inset 0px 0px 2px black;
}
.nice_button:active, input[type="submit"]:hover {
	box-shadow: inset 0px 0px 3px black;
	-o-box-shadow: inset 0px 0px 3px black;
	-webkit-box-shadow: inset 0px 0px 3px black;
	-moz-box-shadow: inset 0px 0px 3px black;
}

.nice_button, input[type="submit"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: linear-gradient(to bottom, #602c84 0%,#000000 100%);
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: white;
    text-transform: uppercase;
    border: 1px solid #110706;
    font-weight: bold;
    border-radius: 4px;
    text-shadow: 1px 1px 0 rgba(0,0,0,.2), 0 0 5px rgba(0,0,0,.2);
    box-shadow: inset 0 0 10px rgba(0,0,0,.15), inset 0 0 0 1px rgba(255,255,255,.02), inset 0 2px 0 rgba(255,255,255,.05), 0 0 6px rgba(0,0,0,.4);
    transition: all 500ms;
    -moz-transition: all 500ms;
    -webkit-transition: all 500ms;
    -o-transition: all 500ms;
}

.nice_button:hover, input[type="submit"]:hover {
	background: #251610;
	transition: background 0.5s ease-in-out;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242424', endColorstr='#2A2826',GradientType=0 );
	box-shadow: inset 0 0 10px rgba(255,204,0,.02),inset 0 0 10px rgba(0,0,0,.15), inset 0 0 0 1px rgba(255,255,255,.02), inset 0 2px 0 rgba(255,255,255,.05), 0 0 6px rgba(0,0,0,.4);
	color: #88745B;
	cursor:pointer;
}

.nice_button:active, input[type="submit"]:active {border: 1px inset #666;}

/* =========== CMS: general =========== */

input[type=checkbox] {
	display:auto;
}

input[type=checkbox] {
	padding-left:20px;
	height:15px; 
	display:inline-block;
	line-height:15px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
	cursor:pointer;
	-webkit-appearance:auto;
	-ms-appearance: auto;
	margin: -5px 0 0 -8px;
	outline: auto;
}

input[type=checkbox]:checked {
	background-position: 0 -15px;
}

input[type=checkbox]{
	background-image:url(images/dark-check-orange.png);
}
				
input:-webkit-autofill {
    background-color: #211c15 !important;
    -webkit-box-shadow: 0 0 0px 1000px #8c7f90 inset;
    font-weight: bold;
    color: rgb(255 255 255);
}


p.byline {
	line-height: normal;
	font-size: 10px;
	color: #A5A5A5;
}

p.byline a {
	color: #A5A5A5;
}
ul.list1 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.list1 li {
  height: 37px;
}


ul.list1 a {
    display: block;
    text-align: center;
    padding: 11px;
    background: url(/templates/loleslav/images/others/homepag.png);
    padding-left: 15px;
    background: LINEAR-GRADIENT;
    border-radius: 46px;
    filter: hue-rotate(12deg);
    font-size: 12px;
    left: -7px;
	margin-left: -3px;
    text-shadow: 1px 1px 1px black;
    font-weight: bold;
    position: relative;
    color: #ffffff;
    transition: 0.5s;
    margin-right: 1px;
    text-decoration: none;
    width: 183px;
}


ul.list1 a:hover {
    color: #ebd559;
    display: block;
    text-align: center;
    padding: 11px;
	
    padding-left: 29px;
    font-size: 12px;
    left: -7px;
    position: relative;
    color: #fffc00;
    margin-left: 8px;
    margin-right: 1px;
    transition: 0.2s;
    top: 0px;
	background: url(/templates/loleslav/images/others/homepag.png); text-shadow: 0 0 5px black;
	width: 183px;
}

.list1 li {
  position: relative;
  margin: 2%;
  width: 203px;
}
.list1 li img {
  max-width: 100%;
  
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.list1 li:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

a {
	color: yellow;
}

a:hover {
	text-decoration: none;
}

a img {
	border: none;
}

img.border {
	padding: 2px;
	background: #FFFFFF;
	border: 1px solid #B6B6B6;
}

img.alignleft {
	float: left;
	margin: 3px 20px 0px 0px;
}

img.alignright {
	float: right;
	margin: 3px 0px 0px 20px;
}

img.aligncenter {
	margin: 0px auto;
}

hr {
	color: #fff;
	background-color: #fff;
	border: none;
	height: 1px;
}

.container {
    width: 1107px;
    margin: 0px auto;
}

/** BACKGROUNDS */

#bg2 {
    background: url(images/others/logoheader.png) no-repeat center top;
    z-index: 4;
    margin-top: 160px;
}

#bg3 {
    position: relative;
    top: -61px;
}


#bg5 {
}

/** HEADER */

#header {
    height: 657px;
}



/** TOPMENU */

#topmenu {
	float: right;
	width: 492px;
	height: 17px;
}

#topmenu ul {
	float: right;
	margin: 0px;
	padding: 95px 10px 0px 0px;
	list-style: none;
}

#topmenu li {
	float: left;
	border-left: 1px solid #658A9C;
}

#topmenu li.first {
	border: none;
}

#topmenu a {
	padding: 0px 12px;
	color: #658A9C;
}

/** MENU */

#menu {
    width: 1300px;
    height: 250px;
    background: url(images/others/navbar.png) no-repeat center top;
    margin-bottom: -74px;
    margin-top: -24px;
    margin-left: 21px;
    transform: scale(1.4) translateX(0px);
    display: block;
}
.menu_container{
	width: 1032px;
    margin: 0 auto;
}
a.menu_link{
	width: 205px;
	height: 70px;
	display: block;
	float: left;
	background: url(images/others/navbar.png);
}
a.menu_link.one{
	background-position-x: -4px;
}
a.menu_link.two{
	background-position-x: -205px;
}
a.menu_link.three{
	background-position-x: -410px;
}
a.menu_link.four{
	background-position-x: -615px;
}
a.menu_link.five{
	background-position-x: -820px;
}
a.menu_link:hover{
	background-position-y: -87px;
}
#menu ul {
    height: 87px;
    padding: 20px 0px 6px 0px;
    background: url(images/others/navbar.png) no-repeat center top;
    text-align: center;
    line-height: normal;
    list-style: none;
}

#menu li {
	display: inline;
	padding: 0px 20px 0px 28px;
	background: url(images/others/homepage02.gif) no-repeat left center;
}

#menu a {
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
}


#menu li.first {
	background: none;
}


/** PAGE */

#page {
	background: url(images/others/bg01.png) repeat-y left top;
}

.home #page {
    background-image: url(imagens/fundopagina.png);
    width: 1200px;
}

.single #page {
	background-image: url(images/others/subpage2_02.jpg);
}

/** CONTENT */

#content {
    float: right;
    width: 749px;
    padding-right: 86px;
}

.single #content {
	float: none;
	width: auto;
	padding: 0px 12px;
}



/** BAR */

#teste3 .container {
	position: relative;
	height: 149px;
	width: 980px;
	top: 27px;
    left: 4px;
	background: url(imagens/navbar.png) no-repeat left top;
	z-index: 3;
}

#bar .container {
	position: relative;
	height: 60px;
	width: 1050px;
	top: -50px;
	background: url(imagens/navbar.png) no-repeat left top;
	z-index: 2;
}

#bar form {
	margin: 0px;
	padding: 0px;
}

#bar fieldset {
	margin: 0px;
	padding: 0px;
	border: none;
}

#bar .input-text {
	width: 132px;
	height: 22px;
	padding: 2px 10px 0px 10px;
	background: url(images/others/homepage03.jpg) no-repeat left top;
}

#bar .input-text input {
	width: 100%;
	background: none;
	border: none;
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #B5B3B1;
	outline: none;
}


/** SIDEBAR */

#sidebar {
    float: left;
    width: 218px;
    padding-left: 89px;
}
#sidebar2 {
    float: left;
    margin-left: -42px;
    margin-top: 12px;
    width: 529px;
}

#sidebar3 {
	float: right;
	width: 218px;
}

/** FOOTER */

#footer p {
    padding: 55px 0px 4px;
    left: 2px;
    height: 400px;
    background: url(images/others/subpage1_03.jpg) no-repeat left top;
    text-align: center;
    line-height: normal;
    position: relative;
    bottom: 2px;
    color: lime;
}

.home #footer p {
    background-image: url(imagens/footer.png);
    width: 1300px;
}
.single #footer p {
	background-image: url(images/subpage2_03.jpg);
}

#footer .legal {
}

#footer .links {
}


/* =========== Footer =========== */
#rodape {
	background-image:url(images/footer.png);
	background-repeat:no-repeat;
	background-position:bottom center, top center;	
	clear: both;
	height:67px;
	color:#A07332;
	font-size:14px;
}

footer {
	background-repeat:no-repeat;
	background-position:bottom center, top center;	
	clear: both;
	height:67px;
	color:#A07332;
	font-size:14px;
}

footer p {
	display:block;
	padding:24px;
}

footer #logo {
	float:right;
	display:block;
	width:143px;
	height:20px;
	margin-top:24px;
	margin-right:24px;
}

footer #logo:hover {
	background-position:0px 20px;
}


footer #DjokxF {
	float:right;
	display:block;
	width:50px;
	height:50px;
	position: absolute;	
	margin: 11px 0 0 750px;
	opacity: 0.5;
	filter:alpha(opacity=50);
}

footer #DjokxF:hover {
	opacity: 1;
	filter:alpha(opacity=100);
}

/** BOX STYLES */
.title {
	height: 24px;
	margin: 0px;
	padding: 13px 5px 0px 12px;
	font-size: 15px;
	text-align: center;
	color: white;
	font-family: 'Catamaran', sans-serif;
}
.title2 {
	height: 30px;
	margin-top: 60;
	padding: 12px 0 0 12px;
	font-size: 15px;
	font-family: 'BLADRMF';
	src: url(fonts/BLADRMF.tff);
    color: white;
}
.title3 {
    height: 39px;
    margin: 0;
    text-align: center;
    padding: 17px 0 0 0px;
    font-size: 15px;
    font-family: 'BLADRMF';
    width: 544px;
    src: url(fonts/BLADRMF.tff);
    color: white;
}
.box-style1 .title {
	background: url(images/others/homepage13.jpg) no-repeat left top;
}

.box-style2 .title {
    background: url(images/others/homepage12.png) no-repeat left top;
    width: 274px;
    height: 50px;
    margin-left: -45px;
    margin-top: 10px;
    padding: 0 0 0 27px;
    line-height: 48px;
    text-shadow: 0 1px 3px #0007;
    box-sizing: border-box;
}

.box-style3 .title3 {
	background: url(images/others/homepage16.png) no-repeat left top;
}

.box-style4 .title2 {
    background: url(images/others/box4.png) no-repeat left top;
    height: 50px;
    margin-left: -14px;
    margin-top: 10px;
    padding-top: 4px;
    padding-right: 15px;
    width: 258px;
    line-height: 48px;
    text-shadow: 0 1px 3px #0007;
    box-sizing: border-box;
}

.box-style5 .title {
	background: url(images/others/subpage2_04.jpg) no-repeat left top;
}

/** BOX1 */

#box1 {
	background: ;
}

#box1 .entry {
	padding: 15px;
}

/** BOX2 */

#box2 {
}

#box2 .entry {
	padding: 17px 17px 0px 17px;
}

#box2 .column1 {
	float: left;
	width: 238px;
	padding: 80px;
}

#box2 .column2 {
	float: right;
	width: 238px;
	padding: 80px;
}

/** BOX3 */

#box3 {
}

#box3 .entry {
	padding: 17px;
}
.main_content {
    margin-left: 0px;
    width: 528px;
    margin-top: 20px;
    justify-items: center;
}
/** BOX4 */

#box4 {
}

/** BOX5 */

#box5 {
}

/** BOX6 */

#box6 {
}

/** BOX7 */

#box7 {
}

/** BOX8 */

#box8 {
}


/** BOX9 */

#box9 {
}


#box9 .entry {
	padding: 17px;
}


.transition {
	transition-duration: 0.3s;
}
.btn-no-image{
	display: block;
	padding: 4px 8px;
	color: white;
	border: 1px solid #fff;
	border-radius: 5px;
	text-decoration: none;
	background: transparent;
}
.btn-no-image:hover {
	background: #fff;
	color: black;
	border: 1px solid #fff;
}
.spinner-load-main {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 5000;
}
.spinner-load-main-box {
	margin: auto;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.lds-roller {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}
.lds-roller div {
	animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	transform-origin: 40px 40px;
}
.lds-roller div:after {
	content: " ";
	display: block;
	position: absolute;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #f2f2f2;
	margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
	animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
	top: 63px;
	left: 63px;
}
.lds-roller div:nth-child(2) {
	animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
	top: 68px;
	left: 56px;
}
.lds-roller div:nth-child(3) {
	animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
	top: 71px;
	left: 48px;
}
.lds-roller div:nth-child(4) {
	animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
	top: 72px;
	left: 40px;
}
.lds-roller div:nth-child(5) {
	animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
	top: 71px;
	left: 32px;
}
.lds-roller div:nth-child(6) {
	animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
	top: 68px;
	left: 24px;
}
.lds-roller div:nth-child(7) {
	animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
	top: 63px;
	left: 17px;
}
.lds-roller div:nth-child(8) {
	animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
	top: 56px;
	left: 12px;
}
@keyframes lds-roller {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}


.box-log{
	width: 388px;
	height: 450px;
	position: absolute;
	top: 56%;
	left: 50%;
	transform: translate(-50%,-50%);
	background: url(imagens/login3.png) repeat-y left top;
	border-radius: 24px;
}

.box-log h1{
	color: white;
	text-transform: uppercase;
	font-weight: 500;
	font-family: 'Molot';
	position: relative;
	top: 20px;
}

.box-log input[type = "text"],.box-log input[type = "password"]{
	position: relative;
	border: 0;
	background: none;
	display: block;
	margin: 20px auto;
	text-align: center;
	border: 2px solid #800000	;
	padding: 14px 10px;
	width: 200px;
	outline: none;
	color: white;
	border-radius: 24px;
	transition: 0.25s;
	left: 80px;
}


.box-log input[type = "submit"]{
	border: 0;
	background: none;
	display: block;
	margin: 20px auto;
	text-align: center;
	border: 2px solid #800000;
	padding: 14px 40px;
	outline: none;
	color: white;
	border-radius: 24px;
	transition: 0.25s;
	cursor: pointer;
}

.box-log input[type = "submit"]:hover{
	background: #800000;
}

.box-log-create {
    max-width: 400px;
    margin: 0 auto;
    height: 570px;
    position: inherit;
    padding: 20px;
    background: linear-gradient(180deg, #101720 80%, #101720 30%);
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    transform-style: preserve-3d;
    perspective: 1000px;
}

.box-log-create h1{
	color: white;
	text-transform: uppercase;
	font-weight: 500;
	font-family: 'Molot';
	position: relative;
	top: 20px;
}

.box-log-create input[type = "text"],.box-log-create input[type = "password"]{
	position: relative;
	border: 0;
	top: 20px;
	background: none;
	display: block;
	text-align: center;
	border: 2px solid #800000;
	padding: 7px 5px;
	width: 200px;
	outline: none;
	color: white;
	border-radius: 24px;
	transition: 0.25s;
	left: 80px;
}


.box-log-create input[type = "submit"]{
	border: 0;
	background: none;
	display: block;
	margin: 20px auto;
	text-align: center;
	border: 2px solid #800000;
	padding: 14px 40px;
	outline: none;
	color: white;
	border-radius: 24px;
	transition: 0.25s;
	cursor: pointer;
}

.box-log-create input[type = "submit"]:hover{
	background: #800000;
}

.box-log-create select{
	width: 150px;
	position: relative;
	left: 110px;
	top: 10px;

}

.country-img {
	position: relative;
	left: 120px;
	top: 10px;
}

.aceito-termos {
	position: relative;
	left: 80px;
	top: 10px;
}

.aceito-termos1 {
	position: relative;
	left: 110px;
	top: 10px;
}

.remember {
	position: relative;
	left: 60px;
}

#account_indicator {
	position: relative;
	left: 85%;
	top: -12px;
}

#email_indicator {
	position: relative;
	left: 85%;
	top: -12px;
}

#password_indicator {
	position: relative;
	left: 85%;
	top: -12px;
}

#password2_indicator {
	position: relative;
	left: 85%;
	top: -12px;
}
.search-box{
	position: relative;
	top: 22px;
	left: 110px;
	transform: translate(-50%,-50%);
	background: url(imagens/bg1_06.png);
	height: 30px;
	border-radius: 24px;
	padding: 4px;
	width: 180px;
}

.search-box:hover > form .search-txt{
	width: 130px;
	padding: 0 6px;

}

.search-btn{
	position: relative;
	right: 10px;
	color: #e84118;
	float: right;
	background: none;
	display: flex;
	justify-content: center;
	align-items: center;
}

.search-txt{
	border: none;
	background: none;
	outline: none;
	float: left;
	padding: 0;
	color: white;
	font-size: 16px;
	transition: 0.4s;
	line-height: 40px;
	width: 0px;
}

.ranking-box {
	height: 300px;
	list-style: none;
    text-decoration: none;
}

.box-rank {
	position: relative;
	top: -10px;
}
.ranking-box-voc {
	position: relative;
	left: -60px;

}

.ranking-box-level {
	position: relative;
	left: 20px;
	top: -20px;
}

.ranking-box-level-numero {
	position: relative;
	left: 30px;
	top: -20px;
}

.ranking-box-nome {
	position: relative;
	top: -25px;
	left: 30px;
}

.button-guilds {
	position: relative;
	right: 55px;
}

.button-guilds1 {
	position: relative;
	right: 50px;
}

.button-guilds2 {
	position: relative;
	right: 25px;
}

.button-guilds3 {
	position: absolute;
	top: 40%;
	left: 34%;
}

.button-voltar {
	position: relative;
	right: 20px;
}

.discord {
	position: relative;
	left: 12px;
}
/* ANIMAÇÃO PERSONAGENS */

#clica {
	position: relative;
	cursor: pointer;
	z-index: 25;
}
#imgcontainer{
	display: none;
	position: fixed;
	z-index: 25;
	padding-top: 100px;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
	overflow: auto;
}

#imgcontainer .frente{
	display: none;
	position: fixed;
	z-index: 5;
	padding-top: 100px;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
	overflow: auto;
}
#imgModal{
	margin: auto;
	display: block;
	width: 100%;
	max-width: 800px;
	-webkit-animation: animatezoom 0.6s;
 	 animation: animatezoom 0.6s
}

#btFechar{
	position: absolute;
	top: 15px;
	right: 35px;
	font-size: 40px;
	font-weight: bold;
	cursor: pointer;
}

.close {
  /* Position it in the top right corner outside of the modal */
  position: absolute;
  right: 25px;
  top: 0; 
  color: #fff;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: red;
  cursor: pointer;
}

.animate {
  -webkit-animation: animatezoom 0.6s;
  animation: animatezoom 0.6s
}

@-webkit-keyframes animatezoom {
  from {-webkit-transform: scale(0)} 
  to {-webkit-transform: scale(1)}
}

@keyframes animatezoom {
  from {transform: scale(0)} 
  to {transform: scale(1)}
}

/* FIM DE ANIMAÇÃO PERSONAGENS */

/* Inventário dos personagens */

.inventario {
	background: url(/templates/nto1/images/Avatar.png) no-repeat;
	width: 350px;
	height: 400px;
	position: relative;
	left: 90px;
}
.amulet {
	position: relative;
	left: 75px;
	top: 83px;
}
.arma {
	position: relative;
	top: 245px;
	left: 89px;
}
.shield {
	position: relative;
	left: 271px;
	top: 93px;
}
.armor-inv {
	position: relative;
	left: 250px;
	top: -16px;
}
.helmet-inv {
	position: relative;
	top: -105px;
	left: 100px;
}
.legs {
	position: relative;
	top: 77px;
	left: 250px;
}
.boots {
	position: relative;
	top: 144px;
	left: 61px;
}
.ring {
	position: relative;
	left: 45px;
	top: -51px;
}
.ring-dir {
	position: relative;
	top: -129px;
	left: 148px;
}
/* Fim do inventário*/

.wrapper {
	margin: 20px auto;
	font-weight: 400;
	text-align: center;
}
/* Fim do inventário*/

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}




/* Accordion */

.accordion-controls { list-style: none; }
.accordion-controls__content { display: none; }
.accordion-controls__content--active { display: block; }
.accordion-controls__button {
    display: block;
    background: #ddd;
    border: 1px solid #d8d8d8;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    cursor: pointer;
    font-size: 18px;
    padding: 20px 0 20px 10px;
    width: 25%;
}

.accordion-controls__button {
    transition: all .2s ease;
}

.accordion-controls__button:hover {
    opacity: .9;
}

.accordion-controls__content {
    background: #fff;
    animation: accordionClose linear .75s;
    padding: 20px 0 20px 10px;
}

.accordion-controls__content--active {
    animation: accordionOpen linear 10s;
}

@keyframes accordionOpen {
    0%   { max-height: 0; }
    100% { max-height: 1000px; }
}

.tablebest {
    background-repeat: no-repeat;
    height: 220px;
    width: 220px;
	background-image: url(images/others/tablebest.png);
	margin-top:-120px;
    display: flex;
}

.toplist li {
    width: 100%;
    padding: 7.4px;
    margin-bottom: 1px;
	font-size: 20px;
	font-weight: bold;
}
    .toplist {
    top:12px;
	left:15px;
    list-style-type: none;
    position:relative;
}

.sdf {
	margin-top: -21px;
}

/* Inventário dos personagens */

.inventario {
	background: url(/templates/loleslav/imagens/Avatar.png) no-repeat;
	width: 350px;
	height: 400px;
	position: relative;
	left: 90px;
}
.amulet {
	position: relative;
	left: 75px;
	top: 83px;
}
.arma {
	position: relative;
	top: 245px;
	left: 89px;
}
.shield {
	position: relative;
	left: 271px;
	top: 93px;
}
.armor-inv {
	position: relative;
	left: 250px;
	top: -23px;
}
.helmet-inv {
	position: relative;
	top: -115px;
	left: 100px;
}
.legs {
	position: relative;
	top: 67px;
	left: 250px;
}
.boots {
	position: relative;
	top: 133px;
	left: 61px;
}
.ring {
	position: relative;
	left: 45px;
	top: -65px;
}
.ring-dir {
	position: relative;
	top: -145px;
	left: 148px;
}
/* Fim do inventário*/

.wrapper {
	margin: 20px auto;
	font-weight: 400;
	text-align: center;
}

/* Inicio dos Items */
button.accordion1 {
	background: none;
    cursor: pointer;
    border: 0px;
    border-radius: 24px;
      transition: .4s;
}
/* Fim dos items */