@charset "utf-8";
body{
	text-align: center;
	font-family: 'Lato', sans-serif;
	font-style: normal;
	font-size: 18px;
	background: url("../img/theme.png") center top no-repeat #000;
}

/* configuration */
*{
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
}

/* cursor */
body, html, label, input{cursor:url("../img/cursor/default.cur"), default;}
.field input{cursor:url("../img/cursor/default.cur"), default;}
a, button[type=submit], select, option{cursor:url("../img/cursor/pointer.cur"), pointer !important;}

/* container */
.container{
	float: left;
	width: 100%;
	height: auto;
}

/* header */
.header{float: left; width: 100%; height: auto; position: relative; z-index: 9; background: rgba(0, 0, 0, 0.8);}
/* middle-header */
.middle-header{width: 70%; height: auto; margin: 0 auto;}

/* other settings for widths of 100% */
.header-cf{box-shadow: 1px 6px 10px rgba(0, 0, 0, 0.8);}

/* menu */
.menu{width: auto; height: auto; margin: 0 auto;}
.menu img{float: left; position: relative; top: -3px; margin-right: 5px;}
.menu li{display: inline;}
.menu li a{
	color: #C19343;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.9em;
	padding: 25px 15px;
	box-sizing: border-box;
	display: inline-block;
	text-shadow: 1px 1px 1px #000;
	transition: all 0.5s;
}
.menu li a:hover{
	color: #fff;
	text-shadow: 1px 1px 20px #fff;
}
.menu li:last-child a{border-right: 0;}

/* section */
.section{
	width: 1103px;
	height: 579px;
	margin: 0 auto;
	background: url("../img/bg_top.jpg") center center no-repeat;
}

/* logo */
.logo{
	float: left;
	width: 439px;
	height: 239px;
	margin-top: 95px;
	margin-left: 120px;
	background: url("../img/logo.png") no-repeat;
}
/* dragon*/
.dragon{
	float: left;
	width: 421px;
	height: 229px;
	background: url("../img/dragon2.png") no-repeat;
	position: relative;
	top:320px;
	left: -600px;
	z-index: 999;
}

/* main */
.main{
	display: block;
	width: 1101px;
	height: 1095px;
	margin: 0 auto;
}

/* middle-main */
.middle-main{
	float: left;
	width: 100%;
	height: auto;
}

/* mySlide */
.mySlides {display: none}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
	width: 100%; 
	height: auto; 
	background-color: #333; 
	padding: 5px; 

	box-sizing: border-box; 
	border-radius: 4px; 
	box-shadow: 1px 5px 10px #000;
	position: relative;
	margin: 0 auto;
}

/* Caption text */
.text{
  float: left;
  width: 98%;
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px;
  box-sizing: border-box;
  position: absolute;
  bottom: 5px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.7);
}
.text h3{
	text-align: left;
	color: #CE8737;
}
.text p{
	color: #ccc;
	text-align: left;
}
.text p a{
	display: inline-block;
	padding: 5px 15px;
	background-color: #56271F;
	color: #888;
	border-radius: 4px;
	margin-top: 5px;
	transition: all 0.5s;
	box-shadow: 0px 0px 50px #000 inset;
}
.text p a:hover{
	color: #ccc;
	box-shadow: 0px 0px 5px #fff inset;
	text-decoration: underline;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #CE8737;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* register */
.formRegister{display: block; width:100%; height:auto; margin:0 auto; margin-top:15px; margin-bottom:15px;}

/* register ok */
.formRegister .ok{width:100%; margin:0 auto; padding:10px; box-sizing: border-box; color: #009933; font-size:18px;}
.formRegister .ok span{display:block; font-weight:100; font-size:13px;}

/* register erro */
.formRegister .erro{width:100%; margin:0 auto; padding:10px; box-sizing: border-box; color:#b30000; font-size:18px;}
.formRegister .erro span{display:block; font-weight:100; font-size:0.8em;}

.formRegister .span{text-align:center; color:#666;}
.formRegister .span a{color:#0099ff;}
.formRegister .span a:hover{text-decoration:underline;}
.formRegister input{display:block; outline:0px solid #333; padding:20px 10px 10px 30px; background: url("../img/line-form.png") no-repeat bottom; box-sizing: border-box; border-radius:3px; border:0; width:450px; margin:0 auto; margin-top:5px; color:#999; font-weight:600;}
.formRegister .bnt-create, .notices button[type=submit]{ display: block; margin: 0 auto; padding:15px 25px; width: 158px; height: 43px; background: url("../img/btn1.png"); text-transform:uppercase; margin-top: 15px; color:#666; font-size:10px; transition: all 0.5s; border: 0;  }
.formRegister .bnt-create:hover, .notices button[type=submit]:hover{color: #fff; text-shadow: 1px 1px 10px #fff; background: url("../img/btn1-over.png");}

/* PASSWORD RECOVER */
.form-recuperar{
	display: block;
	width: 100%;
	height: auto;
}

/* RECOVER ERROR */
.form-recuperar .recuperar-erro{
	color: #b30000;
	font-size: 0.8em;
	text-align: center;
	display: inline-block;
	width: 86%;
	height: auto;
	padding: 5px;
	box-sizing: border-box;
}

/* RECOVER OK */
.form-recuperar .recuperar-ok{
	color: #009933;
	font-size: 1em;
	display: inline-block;
	width: 86%;
	height: auto;
	padding: 5px;
	text-align: center;
	box-sizing: border-box;
	text-shadow: 1px 1px 1px #000;
	border-radius: 3px;
	margin: 7px 0px;
	margin-bottom: 15px;
}
.form-recuperar .recuperar-ok span{
	display: block;
	font-size: 0.8em;
}
.form-recuperar .campo{
	display: inline-block;
	width: 85%;
	height: auto;
}

/* INPUTS - RECOVER */
.form-recuperar .campo input[type=text]{
	float: left;
	color: #666;
	font-style: italic;
	font-size: 0.8em;
	width: 83%;
	height: auto;
	padding: 10px 10px;
	border: none;
	outline: none;
	background: url("../img/line-form.png") no-repeat bottom;
}
.form-recuperar .campo button[type=submit]{
	display: block;
	color: #666;
	border: none;
	margin: 0 auto;
	padding: 15px 20px;
	box-sizing: border-box;
	background: url("../img/btn1.png"); 
	text-transform: uppercase;
	font-size: 10px;
	transition: all 0.5s;
	cursor: pointer;
	border-radius: 4px;
	margin-top: 10px;
	width: 158px;
	height: 43px;
}
.form-recuperar .campo button[type=submit]:hover{
	color: #fff;
	text-shadow: 1px 1px 10px #fff;
	background: url("../img/btn1-over.png"); 
}

/* title site */
.title-site{width: 442px; height: 46px; margin: 0 auto; background: url("../img/title_bg.png") center center no-repeat;}
.box-tsite{margin: 0 auto; position: relative; top: 9px;}
.box-tsite h2{color: orange; font-size: 0.8em; font-weight: 100; text-shadow: 1px 1px 1px #000;}

/* box-content */
.box-content{display: block; width: 450px; margin: 0 auto; height: auto; position: relative; top: 60px;}
.t-news{float: left; width: 100%; height: auto; color: #BCB388; font-size: 1.1em; text-align: left; font-weight: 100; margin-top: 35px;}
.t-news img{float: left; position: relative; top: -5px; margin-right: 5px;}
.t-news a{float: right; color: #999; font-size: 0.8em;}
.t-news a:hover{color: #888;}
.box-content p{color: #888; font-size: 0.8em; margin-top: 10px; text-align: left;}

.news{display: inline-block; width: 100%; height: auto; margin-top: 15px;}
.info-news:last-child{padding-bottom: 10px;}
.box-icon-news{float: left; width: auto; height: auto; position: relative; top: 15px;}
.info-news{float: left; width: 380px; height: auto;}
.info-news h3{color: #ccc; text-align: left; position: relative; top: 10px; padding-left: 10px; font-size: 0.9em;}
.info-news p{padding-left: 10px;}
.info-news .date{float: left; width: 100%; height: auto; color: #555; margin-top: 5px; font-size: 0.8em; text-align: left; padding-left: 10px;}
.info-news .date a{float: right; padding-right: 10px; color: #666; font-weight: 600; position: relative;}
.info-news .date a:hover{color: #C79A3C;}

/* separator */
.separator{width: 442px; height: 1px; margin: 0 auto; background: url("../img/news_p.png") center center no-repeat; margin-top: 15px;}

/* column-center */
.column-center{
	float: left;
	width: 649px;
	height: auto;
}

/* title_top */
.column-center .title-top{
	width: 649px;
	height: 79px;
	background: url("../img/title_top.jpg") no-repeat;
}
.column-center .title_top a h1{color: #444; display: inline-block; margin-top: 17px; text-shadow: 1px 1px 2px #000; transition: all 0.5s;}
.column-center .title_top a h1:hover{color: #CE8737; text-shadow: 1px 1px 20px #CE8737;}
.column-center .title_top h1 span{display: block; font-size: 0.5em;}

/* title_top */
.column-center .content-center{
	width: 649px;
	height: 1042px;
	background: url("../img/content_center.jpg") no-repeat;
}

/* box download */
.box-download{display: inline-block; width: 100%; height: auto; border: 1px dashed #333; border-radius: 4px; padding: 10px; box-sizing: border-box;}
.box-download h2{text-align: left; color: #C79A3C; font-size: 0.9em;}
.box-download p{text-align: left; color: #999; font-size: 0.8em;}
.boxDownload{color: #444; opacity: 0.8; box-shadow: 0px 0px 90px inset #362119; text-shadow: 1px 1px 1px #000; display: block; width: 434px; height: 110px; margin: 0 auto; background: url("../img/download.fw.png") center center no-repeat; margin-top: 15px; text-align: left; transition: all 0.5s;}
.boxDownload:hover{color: #ccc; box-shadow: 0px 0px 5px inset #362119; opacity: 1;}
.boxDownload .title-server{font-size: 1.5em; position: relative; top: 18px; font-weight: 600;}
.boxDownload span{display: block; margin-left: 125px; font-size: 0.9em; position: relative; top: 18px;}

/* box server info */
.box-server-info{display: inline-block; width: 100%; height: auto; border: 1px dashed #333; border-radius: 4px; padding: 10px; box-sizing: border-box;}
.box-server-info h2{text-align: left; color: #C79A3C; font-size: 0.9em;}
.box-server-info p{text-align: left; color: #999; font-size: 0.8em;}

/* desc server info */
.desc-server-info{display: block; width: 100%; height: auto; background: url("../img/wz.png") no-repeat right;}
.desc-server-info p{color: #888; font-weight: bold; margin-left: 30px;}
.desc-server-info p span{color:#C79A3C; margin-left: 5px;}

.footer{
	width: 1599px;
	height: 467px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	left: 7px;
	right: 7px;
	background: url("../img/footer.fw.png") center center no-repeat;
}
.footer-middle{
	width: 400px;
	height: 200px;
	margin: 0 auto;
	position: relative;
	top: 110px;
	left: -5px;
}
.footer-middle h3{
	color: #777;
	text-align: left;
	margin-bottom: 15px;
	margin-left: 15px;
	position: relative;
	top: 15px;
	font-size: 0.9em;
	text-shadow: 1px 1px 1px #000;
	font-weight: 100;
}
.footer-middle h3 span{
	color: #C79A3C;
	font-weight: 600;
}
.footer p{
	clear: both;
	color: #666;
	font-size: 0.7em;
	margin-top: 5px;
}


/* notices */
.notices{
	display: block;
	width: 100%;
	height: auto;
}
.notices label, select, textarea{
	display: block;
	width: 100%;
}


/* action */
.action{
	display: block;
	width: 100%;
	height: auto;
}
.action li{display: block;}
.action li a{color: #666; transition: all 0.5s; width: 80%; text-align: left; display: inline-block; padding: 10px 15px; box-sizing: border-box; background-color: #111; margin: 10px 0; border-radius: 4px; border: 1px solid #333;}
.action li a:hover{background-color: #222; color: #777;}
/* register ok */
.notices .ok{width:100%; margin:0 auto; padding:10px; box-sizing: border-box; color: #009933; font-size:15px;}
.notices .ok span{display:block; font-weight:100; font-size:13px;}

.notices h2{color: #ccc;}
.notices input{float: left; width: 100%; padding: 10px; box-sizing: border-box; margin-bottom: 5px; border: 1px solid #333;}
.notices .size{width: 80%;}
.notices .sizeSelect{width: 20%; position: relative; left: 1px; border-radius: 0 3px 3px 0; border: 1px solid #333;}

/* register erro */
.notices .erro{width:100%; margin:0 auto; padding:10px; box-sizing: border-box; color:#b30000; font-size:18px;}
.notices .erro span{display:block; font-weight:100; font-size:0.8em;}


.notices select{padding: 10px; box-sizing: border-box; background-color: #eee; border-radius: 3px; border: 1px solid #333; outline: none;}
.notices label{color: #ccc; text-transform: uppercase; padding: 5px; box-sizing: border-box;  text-align: left; font-size: 0.8em;}
.notices textarea{padding: 10px; box-sizing: border-box; resize: none; font-family: 'Open Sans', sans-serif; background-color: #eee; outline: none; border-radius: 3px; border: 1px solid #333;}
.notices button{display: block; margin-top: 10px; padding: 10px 20px; box-sizing: border-box; border: 1px solid #333; border-radius: 3px;}

{
-webkit-::scrollbar-3d light-color:#000000;
::scrollbar-arrow-color:#000000;
::scrollbar-base-color:#000000;
::scrollbar-dark-shadow-color:#000000;
::scrollbar-face-color:#000000;
::scrollbar-highight-color:#000000;
::scrollbar-shadow-color:#000000;
}