html, body {
	height: 100%;
}

body {
	background-attachment: fixed;
	background-image: url(images/others/1.png);
    background-repeat: no-repeat;
    background-position: 0% 0%;
    background-size: 100% 100%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: white; 
	text-shadow: #000 0.em 0.2em 0.4em;
}

.mystyle{
   padding: 1px;
   border:1px solid #fff;
}


h1, h2, h3 {
	margin-top: 0px;
}

h1 {
}



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

p, ol, ul {
	margin-top: 0px;
	margin-bottom: 1em;
	line-height: 160%;
	text-align: justify;
}

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: 20px;
	padding: 4px 0px 0px 15px;
	background: url(images/others/homepage14.png) no-repeat left top;
}

ul.list1 a {
	text-decoration: none;
	padding-left: 5px;
	color: #fff;
	font-size: 12px;
text-shadow: black 0.1em 0.1em 0.2em;
}

ul.list1 a:hover {
	text-decoration: underline;
}

a {
	color: #0093C8;
}

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 {
	display: none;
}

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

/** BACKGROUNDS */

#bg1 {
	background: url(images/others/bg02.png) repeat-x left top;
}

#bg2 {
	background: url(images/others/2.png) no-repeat center;
	margin-left: 200px;
}

#bg3 {
	background: url(images/others/bg08.png) repeat-y center top;
}

#bg4 {
	background: url(images/others/bg07.png) no-repeat center top;
}

#bg5 {
}

/** HEADER */

#header {
	height: 250px;
}


/** MENU */

#menu {

}

#menu ul {
	height: 38px;
	padding: 12px 0px 6px 0px;
	background: url(images/others/bg1_01.jpg) no-repeat left top;
	text-align: center;
	line-height: normal;
	list-style: none;
}

#menu li {
	display: inline;


}

#menu a {
	text-decoration: none;

}

#menu a:hover {

}

#menu li.first {
	background: none;
}

/** BAR */

#bar {
	background: url(images/others/bg08.png) no-repeat center top;
}

#bar .container {
	height: 44px;
	background: url(images/others/subpage1_01.jpg) no-repeat left top;
}

.home #bar .container {
	background-image: url(images/others/bg1_02.jpg);
}

.single #bar .container {
	background-image: url(images/others/subpage2_01.jpg);
}

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

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

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

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

#bar .input-submit {
	width: 54px;
	padding: 2px 0px 6px 0px;
	background: url(images/others/homepage04.png) no-repeat left top;
	border: none;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}

/** LOGIN */

#login {
	float: left;
}

#login form {
	width: 580px;
	margin-right: 10px;
	padding-top: 5px;
}

#login .input-text, #login .input-submit {
	float: left;
	margin: 0px 0px 0px 9px;
}

#login p {
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	line-height: normal;
	font-size: 10px;
	color: #FFF6EB;
}

#login a {
	color: #FFF6EB;
}

/** SEARCH */

#search {
	float: right;
}

#search form {
	width: 230px;
	margin-right: 10px;
	padding-top: 5px;
}

#search .input-text, #search .input-submit {
	float: left;
	margin: 0px 0px 0px 9px;
}

/** PAGE */

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

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

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

/** CONTENT */

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

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

/** SIDEBAR */

#sidebar {
	float: left;
	width: 218px;
	padding-left: 12px;
}

#sidebar2 {
	float: left;
	width: 531px;
}

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

/** FOOTER */

#footer {
	background: url(images/others/bg08.png) no-repeat center top;
}

#footer p {
	padding: 60px 0px;
	background: url(images/others/subpage1_03.jpg) no-repeat left top;
	text-align: center;
	line-height: normal;
	color: #70899D;
}

.home #footer p {
	background-image: url(images/others/bg1_05.png);
}

.single #footer p {
	background-image: url(images/subpage2_03.jpg);
}

#footer .legal {
}

#footer .links {
}

/** BOX STYLES */

.title {
	height: 27px;
text-align: center;
	margin: auto;
	padding: 10px 0px 0px 0px;
	font-size: 15px;
	color: #FFFFFF;
}
.title2 {
	height: 27px;
text-align: center;
	margin: auto;
	padding: 11px 0px 0px 12px;
	font-size: 15px;
	color: #FFFFFF;
}

.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;
}

.box-style3 .title {
margin-top: 15px;
  width: 537px;
  height: 37px;
text-align: center;
	background: url(images/others/homepage16.png) no-repeat left top;
}

h2 {
}

.box-style4 .title {
	background: url(images/others/homepage15.png) no-repeat left top;
}

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

.box-style1 .title2 {
	background: url(images/others/homepage13.jpg) no-repeat left top;
}

.box-style2 .title2 {
	background: url(images/others/homepage12.png) no-repeat left top;
}

.box-style3 .title2 {
margin-top: 15px;
  width: 537px;
  height: 37px;
text-align: center;
	background: url(images/others/homepage16.jpg) no-repeat left top;
}

.box-style4 .title2 {
	background: url(images/others/homepage15.png) no-repeat left top;
}

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

/** BOX1 */

#box1 {
	background: #FFFFFF;
}

#box1 .entry {
	padding: 15px;
}

/** BOX2 */

#box2 {
}

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

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

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

/** BOX3 */

#box3 {
}

#box3 .entry {
	padding: 17px;
}
.main_content {
padding:0px 15px 0px 4px;
}

/** BOX4 */

#box4 {
}

/** BOX5 */

#box5 {
}

/** BOX6 */

#box6 {
}

/** BOX7 */

#box7 {
}

/** BOX8 */

#box8 {
}

/** BOX9 */

#box9 {
}

#box9 .entry {
	padding: 17px;
}

a.podpowiedz span {
    display: none;
    padding: 2px 3px;
    margin-left: 8px;
  
}
img {
	border: none;
}
a.podpowiedz:hover span{
    display: inline;
    position: absolute;
    margin: 15px 0 0 5px;
    background: #000000;
    border: 1px solid #b30000;
    color: #ffffff;
   -moz-opacity: 0.8;
   opacity:.80;
   filter: alpha(opacity=80);
   text-align: left;
}

.spinner-load-main {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 4;
}
.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);
	}
}
/* 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;
}

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

button.accordion {
	background: #1C1C1C;
	color: #fff;
	cursor: pointer;
	border: 0px;
	border-radius: 24px;
	padding: 18px;
	width: 90%;
	text-align: center;
	font-size: 18px;
	transition: .4s;
}

button.duvi {
	background: #1C1C1C;
	color: #fff;
	cursor: pointer;
	border: 0px;
	border-radius: 24px;
	padding: 18px;
	width: 50%;
	text-align: center;
	font-size: 18px;
	transition: .4s;
}

button.duvi.active, button.duvi:hover {
	background: #8B4513;
}

button:focus {
	outline: none;
}

button:after {
	  font-size: 13px;
	  color: white;
	  float: right;
	  margin-left: 5px;
}


button.accordion.active, button.accordion:hover, button.accordion1:hover {
	background: #8B4513;
}