/*
	@ AT7 Design
	@ Estruturado por Alex Luiz
	@ Design por AsR
	@modificado por Adriano Ferreira 
*/

/* Reset */
*{
	padding:0px;
	margin:0px;	
}
html {background:#000 url(images/bgsite.png) no-repeat center bottom; width: 100%;}
body
{
    height: auto;
   	z-index: 0;

}
    div.bg
    {
        position: absolute;
        width: 100%;
        height: 100%;
      	background-position:center top;
        background-repeat: no-repeat;
		clear:both;

	
    }
div#background1
{
    background-image: url(images/bgs/bg1.jpg);
z-index: 0; 
}
div#background2
{
    background-image: url(images/bgs/bg2.jpg);
	z-index: 0;
}
div#background3
{
    background-image: url(images/bgs/bg3.jpg);
	z-index: 0;
}
div#background4
{
    background-image: url(images/bgs/bg4.jpg);
z-index: 0; 
}
div#background5
{
    background-image: url(images/bgs/bg5.jpg);
	z-index: 0;
}
div#background6
{
    background-image: url(images/bgs/bg6.jpg);
	z-index: 0;
}
div#background7
{
    background-image: url(images/bgs/bg7.jpg);
z-index: 0; 
}
div#background8
{
    background-image: url(images/bgs/bg8.jpg);
	z-index: 0;
}
div#background9
{
    background-image: url(images/bgs/bg9.jpg);
	z-index: 0;
}
div#background10
{
    background-image: url(images/bgs/bg10.jpg);
z-index: 0; 
}
div#background11
{
    background-image: url(images/bgs/bg11.jpg);
	z-index: 0;
}

body{
	font-family:Tahoma;
	font-size:10px;
	color:#c1c1c1;	
}.spacing {
    padding: 18px 16px;
 color: #FFFFFF;
}.right{
	float:right;
}.red{
	color:#3ca100;
	text-decoration: underline;
}.clearfix {
    clear: both;
}a{
    color: #FFFFFF;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
 color: #339900;
}


/* Line TOP */
#line {
	background-image:url(images/line_bg.png);
    line-height: 40px;
z-index: 100;
}
.mainw {
    margin: 0 auto;
    width: 960px;
    text-align: left;
    position: relative;
z-index: 100;
}
#line #networks {
    position: absolute;
    line-height: 19px;
    top: 3px;
    padding: 0 8px;
    right: -100px;
    width: 250px;
}#networks ul li{
	float:left;
	list-style:none;	
}#networks img:hover{
	-moz-opacity: 0.90;
	filter: alpha(opacity=65);
}

/* Content */
#bg{
 background:url(images/bg.png) no-repeat top center;
position:relative;
height:1000px;



}
#header {
    height: 306px;
}
.logo 
{ 
	background: url(images/logo.png);
	margin-top: 140px; 
	margin-left: 30px; 
	width: 900px; 
	height:230px; 
	float:left;
	clear:both;
}
/*================ MENU START ================*/
#menu 
{  
	background: url(images/menu/bg_menu.png) repeat-x; width: 960px;
	height: 46px ;
	float: left;
	border-bottom: 1px solid #3ca100;
	border-radius: 10px 10px 0  0;
	text-transform:uppercase;
}
#menu ul li 
{
	display:inline;
	list-style: none; 
}
#menu  a 
{ 
	float: left;
	text-decoration: none;
	color: #ccc;
	font-weight: bold;
	font-size: 12px;
	padding: 15px 20px; 
}
#menu li a:hover 
{ 
	color: #FFF;
	background: url(images/menu/menu_bg_hover.png);
	height: 16px;
}
.menu_curves a:hover 
{ 
	color: #FFF; 
	background: url(images/menu/menu_bg_hover.png);  
	border-radius: 10px 0 0 0;
	height: 16px; 
}
/*################	END MENU  ################*/
/* Main Content */
#main {
    width: 955px;
	margin:0 auto;
}#slide {
	background-image:url(images/slide_bg.png);
    float:right;
    width: 685px;
	height: 193px;
    text-align: center;
    margin-bottom: 10px;
	margin:2px 5px;
}#slide img{
	margin:4px;	
}#rightbar {
    float:right;
    width: 258px;
}ul.info {
    margin: 20px 30px;;
    list-style: none;
}#rightbar .info li {
	list-style-image:url(images/li-ball.png);
    padding:1px;
color:#FFFFFF;
}
#rightbar .box {
    background: #111 url(images/l-bg.png) repeat-y top center;
    font-size: 12px;
	color:#3c3c3c;
	font-family:Tahoma;
    padding: 0 1px;
	border-bottom: 1px solid #1e1e1e;
    margin-bottom: 10px;
z-index: 100;
}
#rightbar h1 {
    background: url(images/l-boxt_03.png) no-repeat left top;
    line-height: 38px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
    padding-left: 45px;
	color:#c1c1c1;
	font-weight:bold;
}#rightbar p {
    margin: 0 12px 8px 0;
    text-align: right;
}.info hr{
	background: url(images/dashed.png) repeat-x left bottom;
	margin:10px 10px;
	border:0px;
}hr{
	background: url(images/dashed.png) repeat-x left bottom;
	margin:10px 10px;
	border:0px;
}ul{
	list-style:none;
}

/* Servidores */
#rightbar .room_bg {
	background: url(images/room_bg.png) no-repeat;
    height: 14px;
	width:241px;
    background-color: #161616;
    margin: 2px -19px 8px;
    text-align: left;
    font-size: 0;
    overflow: none;
}
#rightbar .room_bg .fill {
    height: 14px;
    background: url(images/room-fill.png) no-repeat top left;
}div.gaugeDiv {
    margin: 0px;
    padding: 0px;
}
div.gaugeDiv ul li {
	list-style-position: outside;
	list-style-image: url(images/li-ball.png);
	list-style-type: square;
	margin-left: 20px;
	color: #1e1e1e;
}
div.gaugeDiv ul li a {
	color: #1e1e1e;
}.gauge{
    margin: 0px 0px 5px 0px;
    padding: 0px;
    overflow: hidden;
}
.gauge .top{
    margin: 0px 1px;
    overflow: hidden;
    height: 1px;
    background: #1e1e1e;
}
.gauge .bottom{
    margin: 0px 1px;
    overflow: hidden;
    height: 1px;
    background: #1e1e1e;
}
.gauge .content{
    border-left-width: 1px;
    border-right-width: 1px;
    border-style: none solid;
    border-left-color: #1e1e1e;
    border-right-color: #1e1e1e;
    overflow: hidden;
    background: none;
}
.gauge .content .filling{
    background-color: #1e1e1e;
}
.gauge .content .remaining{
    border: 1px solid #999;
    overflow: hidden;
    background-color: #1e1e1e;
}

/* Inputs */
input[type=text], input[type=password]{
	background-image:url(images/ipt-bg.png);
    font: 11px Verdana;
    padding: 5px 5px;
    color: #000;
	border:0px solid;
}select{
	background-image:url(images/ipt-bg.png) no-repeat top;
    font: 11px Verdana;
    padding: 5px;
    color: #000;
	border:0px solid;
}textarea{
	background-image:url(images/ipt-bg.png) no-repeat top;
    font: 11px Verdana;
    padding: 5px;
    color: #000;
	border:0px solid;
}.button{
    background: url(images/btn-bg.png) repeat-x left top;
	border:0px solid;
    color: #FFF;
    padding: 5px 5px;
    text-transform: uppercase;
	font:11px Arial ;
    cursor: pointer;
	font-weight:bold;
	text-shadow:  2px 1px 2px #000000;
}

.ipt-text {
	background-image:url(images/ipt-bg.png);
    font: 11px Verdana;
    padding: 5px;
    color: #000;
	border:0px solid;
}
.ipt-btn {
    background: url(images/btn-bg.png) repeat-x left top;
	border:0px solid;
    color: #FFF;
    padding: 8px 10px;
    text-transform: uppercase;
	font:11px Arial ;
    cursor: pointer;
	font-weight:bold;
	text-shadow:  2px 1px 2px #000000;

}

/* Center Init */

#center {
    float: left;
    width: 685px;
	margin-bottom: 20px;
	margin:2px 5px;
}
#center .box {
    background: #111 url(images/c-bg.png) repeat-y top center;
    margin-bottom: 10px;
    font-size: 11px;
	border-bottom: 1px solid #1e1e1e;
	margin:7px 0;
    border-top-right-radius:20px;
	border-top-left-radius:20px;
}#center h1 {
    background: url(images/c-box_03.png) no-repeat left top;
    line-height: 38px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
    padding-left: 45px;
	color:#c1c1c1;
	font-weight:bold;
    padding-left: 45px;
}.box tr,td{
	background:none;
}
.box th{
	font-size:12px;
	background-color:#349700;
	text-transform:uppercase;
	color:#CCC;
	line-height:15px;
	padding:5px;
	text-align:center;
	opacity:0.8;
}
.box table{
	border:1px dashed #1e1e1e;
}ul.regras {
    margin: 20px 30px;
    list-style: none;
}#rightbar .regras li {
	list-style-image:url(images/li-ball.png);
    padding:1px;
}

.notices ul {
    list-style: none;
  
}
.notices li {
    padding: 8px 10px 3px;
	list-style: none;
	float:left;
	background-image:url(images/bg-li.png);
	height:15px;
	width:97%;
	margin:0 auto;
       
}
.notices li a {
    background: url(images/li-ball.png) no-repeat left center;
    padding-left: 15px;
     color:#FFFFFF;
}.notices small {
	text-align:right;
	float:right;
}


/**/
#center ul.ulstyle {
    list-style: none;
    margin-top: 1px;
}
#center .ulstyle li {
    list-style: none;
    padding: 4px 0 4px 8px;
    line-height: 13px;
}
#center .ulstyle li.even {
    background-color: #111;
}#center .box #clastle{
	background-image:url(images/castle.png);
	width:663px;
	height:114px;
}#clastle .owner{
	color:red;
	font-weight:bold;
	position:relative;
	top:58px;
	left:115px;
	width:200px;
}#clastle .date{
	color:red;
	font-weight:bold;
	position:relative;
	top:93px;
	left:60px;
	width: 200px;
}#center .box #gens{
	background-image:url(images/gens.png);
	width:663px;
	height:144px;
}#gens .duprian{
	float:left;
	padding-top:23px;
	margin:0 170px;
	color:#FFF;
	display:block;
}#gens .duprian_points{
	float:left;
	padding-top:26px;
	margin:0 170px;
	color:#FFF;
	display:block;
}#gens .venert{
	float:left;
	padding-top:0px;
	margin:-13px 3px;
	color:#FFF;
	display:block;
}#gens .venert_points{
	float:left;
	padding-top:0px;
	margin:26px 3px;
	color:#FFF;
	display:block;
	
}#guilds img{
	width:129px;
	height:136px;
	border:1px solid #333;
	padding:3px;
}

/* Menu Painel */
#menu_cp {
    margin-bottom: 5px;
    border: 1px solid #1e1e1e;
    padding: 5px;
}
#menu_cp ul {
    margin: 0 2px 2px 4px;
}
#menu_cp li {
    margin: 0px;
    display: inline;
    list-style: none;
    background:url(images/li-ball.png) no-repeat 1px 3px;
    padding: 0px 13px 0px 13px;
}

/* Virtual vault */
.vaultBox {                
    width: 300px;
    height: 589px;
    background-image: url(images/vault.png); 
}

.vaultBox #vaultName {                
    position: relative;
    top: 15px;  
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px;
    text-align: center;
    color: #fff;
}

.vaultBox ul#itemsVaultGame, ul#itemsVaultVirtual {                   
    position: relative;
    top: 68px;
    left: 25px;               
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: auto;                 
    width: 251px;
    height: 474px;    
}
.vaultBox ul#itemsVaultGame li, ul#itemsVaultVirtual li {                
    width: 96%;
    height: 17px;    
    margin: 0;
    padding-left: 8px;
    color: #fff;
    overflow: hidden;
    list-style: none; 
    background: none;
}
.vaultBox ul#itemsVaultGame li:hover, ul#itemsVaultVirtual li:hover {                
    width: 96%;
    height: 17px;    
    margin: 0;    
    padding-left: 8px;
    color: #000;
    background-color: #FFF;
    overflow: hidden; 
}
.vaultBox ul#itemsVaultGame li:hover, ul#itemsVaultVirtual li:hover {                
    cursor: pointer; 
}

/*################## FOOTER ##################*/
#footer {
	margin-top:100px;
	background:url(images/footer.png); 
	height: 80px; 
	width: 100%; 
	float: left; 
}
#footer_content {
	width: 960px; 
	margin: 0 auto;
	clear:both; }

#footer_separator { 
	height: 2px; 
	width: 100%;
	float: left; 
	background: url(images/hr.png) ;
	margin-top: 8px;
	list-style: none
	 }
#footer_content a { 
	color: #bababa; 
	font-size: 12px; 
	margin-top: 10px;
	}
#footer_content a:hover {
	text-decoration:none;
	}
#footer_content span { 
	color: #3ca100; 
	font-weight: bold;}
#noticias
{
	width:100%;	
}
#noticias h1
{
	background:none;
	color:#349700;
	text-transform:uppercase;
	text-align:center;	
}
/* interface game */
.goldenArcherBox {                
    width: 626px;
    height: 589px;
    background-image: url(images/goldenarcher/interface.jpg);
    font: 11px Tahoma,Geneva,sans-serif !important; 
}

.goldenArcherBox #goldenArcherName {                
    position: relative;
    top: 15px;  
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px;
    text-align: center;
    color: #96FFF0;
    width: 300px;
}
.goldenArcherBox #serialText {                
    height: 300px;
    left: 30px;
    position: relative;
    top: 65px;
    width: 240px;
    text-align: justify;
}
.goldenArcherBox #serialText p {                
    color: #fff;
    font-size: 11px;
    padding: 0px;
    margin: 0px;
    font: Tahoma, Geneva, sans-serif !important;
    line-height: normal;
}
.goldenArcherBox #serialText p.goldText {                
    color: #EAE25B;
    font-size: 11px;
    text-align: center;
}
.goldenArcherBox #serialText p.bold { 
    font-weight: bold;
}
.goldenArcherBox #serialInput {                
    position: relative;
    top: 106px;
    left: 62px;
    width: 174px;
}
.goldenArcherBox #serialInput input {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    font-size: 12px;
    height: 17px;
    text-align: center;
    width: 168px;
}
.goldenArcherBox #serialCheck {                
    position: relative;
    top: 131px;
    left: 53px;
    width: 193px;
}  
.goldenArcherBox #serialCheck input {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: yellow;
    font-size: 12px;
    height: 31px;
    text-align: center;
    width: 190px;
}
.goldenArcherBox #serialResponse {                
    position: relative;
    top: 151px;
    left: 53px;
    width: 193px;
    text-align: center;  
}
.goldenArcherBox #serialResponse p.yellow{                
    color: yellow;
    font-weight: bold;
}
.goldenArcherBox #serialResponse p.white{                
    color: white; 
    font-weight: bold;
}



/* question event */
#questionsEvent {
    width: 450px; 
    height: 360px;
    font-size: 12px;
}
#questionsEvent #answerQuestion {
    text-align: center;
}
#questionsEvent #answerQuestion p { 
    font-weight: bold;
    font-size: 12px;
    color: #000; 
    line-height: normal;
    margin: 0;
    padding: 0; 
}
#questionsEvent #answerQuestion p.congratulations { 
    font-weight: bold;
    font-size: 16px;
    color: green;
    line-height: normal;
    margin: 0;
    padding: 0;
}
#questionsEvent #optionsQuestion { 
    margin: 10px;
    width: 425px;
    overflow: hidden;
    padding-top: 10px;
}
#questionsEvent #stringQuestion { 
    color: black;
    font-weight: bold;
    font-size: 16px;
    width: 425px;
    background-color: #F2F2F2;
    /*padding: 5px;*/
    text-align: center;
    margin-bottom: 2px;
}
#questionsEvent #stringsAnswer { 
    color: black;
    font-size: 12px;       
    padding: 5px;
    background-color: #F8F8F8;
}
#questionsEvent #buttonSubmit { 
    width: 425px;
    background-color: #F8F8F8;
} 
#questionsEvent #buttonSubmit input { 
    color: #000;
    margin: 5px;
    width: 412px;
}  
#questionsEvent #reponseSubmit { 
    text-align: center;
} 
#questionsEvent #reponseSubmit p { 
    font-weight: bold;
    font-size: 12px;
    color: #000;
    line-height: normal;
    margin: 0;
    padding: 0;
} 
#questionsEvent #reponseSubmit p.correctResponse { 
    font-weight: bold;
    font-size: 16px;
    color: green;
    line-height: normal;
    margin: 0;
    padding: 0;
}
#questionsEvent #reponseSubmit p.incorrectResponse { 
    font-weight: bold;
    color: red;
    line-height: normal;
    margin: 0;
    padding: 0;
}
#questionsEvent #reponseSubmit p.serial { 
    font-weight: bold;
    font-size: 16px;
    color: green;
    line-height: normal;
    margin: 0;
    padding: 0;
}
                           
#questionsEvent #timerString {
    float: right;
    padding-right: 10px;
    font-weight: bold;
    font-size: 12px;
}
#questionsEvent #timerCount {
    display: inline;
    font-weight: bold;
    color: green;
    font-size: 12px;
}
.rei{
	width:198px;
	height:250px;
	background: url(images/rdpvp.png);
	margin-left:30px;
	}
.pvp{
	width:74px;
	height:96px;
	position:relative;
	top:101px;
	left:50px;
	text-align:center;
}
#popup{
position: absolute;
top: 15px;
left: 15px;
padding: 4px 4px 4px 4px;
border-width: 0px;
border-style: solid;

display: none;
z-index: 10000;
}

.table-style2{float:left;width:100%}
.table-list2 {float:left;margin-bottom:10px;width:100%}
.table-list2 th{padding:8px 10px}
.table-list2 td{padding:3px 10px;text-align:center}