@charset "UTF-8";
@import "reset.css";
@import "default.css";

/*
	INDEX
	+geral
	+wrap
	+header
	+nav
	+content
	+footer
	+classes
*/

/* +geral */

body {
	height:100%;
	min-width:1008px;
	background:#000 url(../imgs/backgrounds/body.jpg);
	font:62.5% georgia, times new roman, palatino, serif;
}
input, button {border:none}
button {cursor:pointer}

input, select, textarea {font-family:tahoma, verdana, arial, sans-serif}

h2{margin-bottom:10px;}
p{margin:15px 0; line-height:1.4em;}
/* end geral */


/* +wrap */
#wrap {
	font-size: 1.1em;
}
	
/* end wrap */


/* +header */
#header {
	width:990px;
	height:42px;
	margin:auto;
	background:url(../imgs/backgrounds/header.jpg) no-repeat
}
#header h1{
	text-indent:-9999px;
}
/* end header */

/* +header */
#content{
	width:1008px;

	margin:0 auto;
	position:relative;
	z-index:0;
}

/* end header */

/* +nav */
#nav {
	width:100%;
	min-width:1008px;
	height:51px;
	margin:auto;
}
#flash_menu {width:100%;height:127px;top:0px;position:absolute;z-index:1;}
#menu_container {height:114px;background:url(../imgs/alternatives/bg_menu.jpg) no-repeat center 33px}
#menu {
	width:990px;
	height:127px;
	margin:auto;
	background:url(../imgs/others/logo_warland.png) no-repeat center top;
}
#menu li {float:left}
#menu a {height:26px;position:relative;top:45px;}
#menu a.the_game {width:62px;background:url(../imgs/alternatives/mnu_the_game.gif) no-repeat;left:100px}
#menu a.tender {width:88px;background:url(../imgs/alternatives/mnu_tender.gif) no-repeat;left:112px}
#menu a.collection {width:75px;background:url(../imgs/alternatives/mnu_collection.gif) no-repeat;left:124px}
#menu a.invite_a_friend {width:74px;height:37px;background:url(../imgs/alternatives/mnu_invite_a_friend.gif) no-repeat;top:36px;left:430px}
#menu a.gifts {width:47px;background:url(../imgs/alternatives/mnu_gifts.gif) no-repeat;left:442px}
#menu a.contact {width:76px;background:url(../imgs/alternatives/mnu_contact.gif) no-repeat;left:454px}
/* end nav */


/* +content */
#content {}

.home .main {height:392px;text-align:center;position:relative}

.home #login_form {
	width:643px;
	height:97px;
	text-align:left;
	background:url(../imgs/backgrounds/home_form_login.jpg) no-repeat;
	z-index:3;
	position:absolute;
	bottom:-2px;
	left:50%;
	margin-left:-321px;
}
.home #login_form legend strong {width:275px;height:50px;position:absolute;background:url(../imgs/titles/choose_a_side.gif) no-repeat;top:26px;left:51px}
.home #login_form div.form_content {
	width:270px;
	float:right;
	position:relative;
	top:22px;
}
.home #login_form label{
	width:45px;
	height:10px;
	margin:5px 6px 0 0;
	color:#fff;
	text-transform:uppercase;
	font-size:10px;
}

.home #login_form div.field {width:190px;float:left;margin-bottom:4px;clear:both}
.home #login_form div.field label {float:left}
.home #login_form div.field span {width:133px;height:22px;float:left;padding-left:4px;background:url(../imgs/backgrounds/input_left.gif) no-repeat left top;display:block}
.home #login_form div.field span span {width:129px;float:none;padding-left:0;background:url(../imgs/backgrounds/input_right.gif) no-repeat right top}
.home #login_form div.field input {width:125px;height:18px;padding-top:4px;font-size:1em;color:#fff;background:url(../imgs/backgrounds/input_center.gif) repeat-x}
.home #login_form button.ok {width:55px;height:55px;position:absolute;top:0;right:20px;background:url(../imgs/buttons/form_ok.jpg) no-repeat}
.home #login_form p{clear:both;}
.home #login_form a {
	color:#bb9264;
	clear:both;
	text-decoration:underline;
	padding-left:13px;
	background:url(../imgs/others/link_marker.gif) no-repeat left top;
	margin-right:8px;	
	font-size:10px;
}
.home #login_form a.forgot-password{background:none;padding-left:0px;}

.home #highlights {width:990px;height:243px;margin:auto;background:url(../imgs/backgrounds/home_highlights.jpg) no-repeat}
.home #highlights .info {width:223px;float:right}
.home #highlights .info h2 {margin:20px 0 13px 0}
.home #highlights .info p {width:220px;font-size:1.1em; line-height:1.2em;}
.home #highlights a.more {width:95px;height:22px;position:absolute;bottom:10px;}
.home #highlights #prize, .home #highlights #collection  {width:415px;padding:23px 0 0 72px;float:left;position:relative}
.home #highlights #collection  {width:485px;padding-left:2px}
.home #highlights #prize .info {margin-right:38px}
.home #highlights #collection .info {margin-right:43px}
.home #highlights #prize h2 {width:150px;height:50px;background:url(../imgs/titles/tender_finished.gif) no-repeat}
.home #highlights #collection h2 {width:139px;height:51px;background:url(../imgs/titles/know_the_collection.gif) no-repeat}
.home #highlights #prize img, .home #highlights #collection img {float:right}
.home #highlights #prize a.more {background:url(../imgs/buttons/more_red.gif) no-repeat;left:226px; bottom:10px;}
.home #highlights #collection a.more {background:url(../imgs/buttons/more_green.gif) no-repeat;left:222px}
/* end content */

/* +contact */
.contact #content{
	width:1008px;
	height:557px;
	margin:0 auto;
	background: url(../imgs/backgrounds/contato.gif) no-repeat;	
}
.contact .form{
	margin:0px 0 0 150px;
	padding-top:70px;
	color:#3E2924;
	font-weight:bold;
	font-size:1.1em;
}
.contact .form h2.title{
	width:153px;
	height:43px;
	text-indent:-9999px;
	background: url(../imgs/titles/contato.gif) no-repeat;
	margin-bottom:10px;
}
.contact .form form button{
	display:block;
	border:none;
	width:95px;
	height:31px;
	background: url(../imgs/buttons/enviar.gif) no-repeat;
	text-indent:-9999px;
	float:right;
	margin-right:8px;
}
.contact .form form{
	margin-top:25px;
	width:487px;
}
.contact fieldset.personal-data{width:220px; float:left;}
.contact fieldset.message{width:260px; float:left; margin-bottom:10px;}
.contact .form form label{
	display:block;
	margin:5px 0 3px 0;
	text-transform:uppercase;
	color:#333;
}
.contact .form form input.text, .contact .form form select, .contact .form form textarea{
	border-top:1px solid #0D0806;
	border-right:1px solid #0D0806;
	border-left:1px solid #7D4F37;
	border-bottom:1px solid #7D4F37;
	color:#BD9C7C;
	font-size:1.1em;
	background:#442B1E;
	padding:3px 4px;
}
.contact .form form input.text, .contact .form form select{width:192px;}
.contact .form form input.text.prefix{width:36px;}
.contact .form form input.text.phone{width:145px;}
.contact .form form textarea{width:250px; height:206px;}
/* end contact */
	
/* +tender */
.tender #content{
	width:388px; /* tamanho orinal de 1008px  */
	height:512px; /* tamanho orinal de 557px  */
	background: url(../imgs/backgrounds/concurso-final.jpg) no-repeat;
	padding:45px 435px 0 185px;
	color:#E2D4AA;
}
.tender h2.title{
	height:47px;
	width:181px;
	background: url(../imgs/titles/concurso.gif) no-repeat;
	text-indent:-9999px;
	margin-bottom:;
}	
.tender p.buttons{text-align:center; display:block;}
.tender p.buttons a{
	display:block;
	text-indent:-9999px;
	width:273px;
	height:26px;
	margin:2px 0 5px 60px;
}
.tender p.buttons a.play{background:url(../imgs/buttons/ja-sou-cadastrado.gif) no-repeat;}
.tender p.buttons a.join{background:url(../imgs/buttons/quero-participar.gif) no-repeat;}
.tender p.buttons a#terms{background:url(../imgs/buttons/regulamento.gif) no-repeat;}

/* end tender */

/* +gifts */
.gifts #content{
	width:823px; /*original 1008px*/
	height:522px; /*original 557px*/
	background: url(../imgs/backgrounds/gifts.gif) no-repeat;
	padding: 35px 0 0 185px;
	color:#E2D4AA;
}
.gifts h2.title{
	height:48px;
	width:93px;
	background: url(../imgs/titles/gifts.gif) no-repeat;
	text-indent:-9999px;
	float:left;
	margin:0 15px 0 112px;
	position:relative;
	top:8px;
}
.gifts p.desc{
	width:282px;
	float:left;
}
.gifts .gifts{
	width:600px;
	margin:15px 0 0 25px;
	position:relative;
	z-index:5;
}
.gifts .gifts li{
	width:204px;
	float:left;
	display:block;
	margin:0 0 20px 54px;
}
.gifts .gifts li h3{
	display:block;
	text-indent:-99999px;
	margin:5px auto 0 auto;
	height:20px;
}
.gifts li.wallpapers h3{
	width:102px;
	background: url(../imgs/titles/wallpapers.gif) no-repeat;
}
.gifts li.cards h3{
	width:192px;
	background: url(../imgs/titles/cards.gif) no-repeat;
}
.gifts li.scraps h3{
	width:158px;
	background: url(../imgs/titles/scraps.gif) no-repeat;
}
.gifts li.emoticons h3{
	width:95px;
	background: url(../imgs/titles/emoticons.gif) no-repeat;
}
.gifts li.scraps, .gifts li.emoticons{
	position:relative;
	left:-55px;
}
.gifts #magic{
	position:absolute;
	right:-52px;
	bottom:-53px;
	z-index:2;
}
.gifts form input{
	background:transparent url(../imgs/backgrounds/input-login.gif) no-repeat;
	color:#FFFFFF;
	font-size:1em;
	height:18px;
	padding:4px 5px 0;
	width:123px;
}
.gifts form button{
	display:inline-block;
	width:42px;
	height:22px;
	background:url(../imgs/buttons/ok.gif) no-repeat;
	position:relative;
	top:2px;
	text-indent:-9999px;
}
.gifts {
	color:#E2D4AA;
}
.gifts.wallpaper p{margin:7px;}
.gifts ul.list{
	margin:15px 0 0 0;
}
.gifts label{
	color:#FFF;
	text-transform:uppercase;
}
.gifts a.back{
	display:block;
	width:84px;
	height:33px;
	background:url(../imgs/buttons/voltar.gif) no-repeat;
	position:absolute;
	text-indent:-9999px;
}
.gifts.wallpapers #content{
	width:1008px; /*original 1008px*/
	height:522px; /*original 557px*/
	padding: 35px 0 0 0px;
}

.gifts.wallpapers a.back{
	bottom:45px;
	right:45px;
}
.gifts h2.wallpapers{
	display:block;
	width:196px;
	height:37px;
	background: url(../imgs/titles/gifts-wallpapers.gif) no-repeat;
	text-indent:-9999px;	
}
.gifts h2.scraps{
	display:block;
	width:295px;
	height:43px;
	background: url(../imgs/titles/gifts-scraps.gif) no-repeat;
	text-indent:-9999px;	
}
.gifts h2.emoticons{
	display:block;
	width:182px;
	height:40px;
	background: url(../imgs/titles/gifts-emoticons.gif) no-repeat;
	text-indent:-9999px;	
}
.gifts h2.cards{
	display:block;
	width:356px;
	height:45px;
	background: url(../imgs/titles/gifts-cards.gif) no-repeat;
	text-indent:-9999px;	
}
.gifts.wallpapers div.desc{
	margin-left:200px;
}
.gifts.wallpapers ul.list{
	margin-left:50px;
	width:953px;
}
.gifts.wallpapers ul.list ul{
	position:absolute;
	top:13px;
	left:44px;
}
.gifts.wallpapers ul.list ul li{
	margin:1px 0 2px 0;
	padding:0;
	float:none;
	display:block;
	width:133px;
}
.gifts.wallpapers ul.list ul li a{
	display:block;
	width:133px;
	height:28px;
	text-indent:-9999px;
}

.gifts.wallpapers ul.list ul li.res-1280x1024 a{background:url(../imgs/buttons/1280x1024.gif) no-repeat}
.gifts.wallpapers ul.list ul li.res-1280x800 a{background:url(../imgs/buttons/1280x800.gif) no-repeat}
.gifts.wallpapers ul.list ul li.res-1024x768 a{background:url(../imgs/buttons/1024x768.gif) no-repeat}
.gifts.wallpapers ul.list ul li.res-800x600 a{background:url(../imgs/buttons/800x600.gif) no-repeat}

.gifts.wallpapers ul.list li img{
	background:url(../imgs/backgrounds/wallpapers.gif) no-repeat;
	display:block;
	padding:11px 9px;
}
.gifts.wallpapers ul.list li{
	width:213px;
	float:left;
	margin:0 20px 10px 0;
	position:relative;
}
.gifts-layer{position:relative;}

.wallpapers.gifts-layer{
	width:993px;
	height:416px;
	padding-top:25px;
	background:url(../imgs/backgrounds/layer-wallpapers.jpg) no-repeat;
}
.gifts-layer.wallpapers h2{
	display:block;
	width:386px;
	height:42px;
	background:url(../imgs/titles/wallpapers-exclusivos.gif) no-repeat;
	margin:0 auto;
	text-indent:-9999px;
}
.gifts-layer.wallpapers ul.list{margin:0 0 0 35px;}
.gifts-layer.wallpapers ul.list li.w3, .gifts-layer.wallpapers ul.list li{margin:12px 20px 0 0;}
.gifts-layer #closeLayer{
	display:block;
	width:84px;
	height:33px;
	background:url(../imgs/buttons/fechar-layer.gif) no-repeat;
	text-indent:-9999px;
	position:absolute;
	bottom:-10px;
	right:10px;
}

.gifts.emoticons ul.list{
	display:block;
	margin:40px 0 0 210px;
	width:425px;
}
.gifts.emoticons ul.list li img{
	display:block;
	padding:14px 13px 12px 12px;
	background:url(../imgs/backgrounds/emoticons.gif) no-repeat;
}
.gifts.emoticons ul.list li{
	float:left;
	margin:0 50px 40px 0;
}
.gifts.emoticons ul.list li.first{margin-left:20px}

.gifts.emoticons a.back{
	bottom:45px;
	right:45px;
}
.gold-emoticons.gifts-layer{
	width:400px;
	height:405px;
	padding-top:35px;
	background:url(../imgs/backgrounds/layer-emoticons.jpg) no-repeat;
}
.gold-emoticons.gifts-layer h2{
	display:block;
	text-indent:-9999px;
	height:73px;
	width:229px;
	margin:0 auto;
	background:url(../imgs/titles/emoticons-exclusivos.gif) no-repeat;
}
.gold-emoticons.gifts-layer ul.list{
	width:370px;
	margin:40px 0 0 50px;
}
.gold-emoticons.gifts-layer ul.list li, .gold-emoticons.gifts-layer ul.list li.emoticon-3, .gold-emoticons.gifts-layer ul.list li.emoticon-6{margin:0;}
.gold-emoticons.gifts-layer ul.list li, .gold-emoticons.gifts-layer ul.list li.emoticon-3{
	margin:0 30px 30px 0;
}
.gold-emoticons.gifts-layer ul.list li.emoticon-4{
	margin-left:25px;
	display:inline;
}

.gifts.scraps ul.list{
	display:block;
	margin:20px 0 0 100px;
	width:705px;
}
.gifts.scraps ul.list li{
	float:left;
	margin:0 60px 18px 0;
	position:relative;
	width:263px;
}
.gifts.scraps ul.list li textarea{
	position:absolute;
	top:11px;
	left:9px;
	width:263px;
	height:133px;
	border:none;
	font-size:1.0em;
	display:none;
}
.gifts.scraps ul.list li img{
	background:url(../imgs/backgrounds/scraps.gif) no-repeat;
	padding:12px 11px 11px  10px;	
}
.gifts.scraps ul.list li.scraps-3{
	margin:0 0 10px 170px;
}
.gifts.scraps a.back{
	bottom:45px;
	right:45px;
}
.gifts.scraps ul.list li a.copy-code{
	position:absolute;
	display:block;
	width:133px;
	height:28px;
	left:77px;
	bottom:-5px;
	background:url(../imgs/buttons/copiar-codigo.gif) no-repeat;
	text-indent:-9999px;
}
.gifts-layer.gold-scraps{
	padding-top:20px;
	width:428px;
	height:482px;
	background:url(../imgs/backgrounds/layer-scraps.jpg);
}
.gifts-layer.gold-scraps h2{
	display:block;
	width:296px;
	height:79px;
	background:url(../imgs/titles/scraps-exclusivos.gif) no-repeat;
	text-indent:-9999px;
	margin:0 auto;
}
.gifts-layer.gold-scraps ul.list{
	width:283px;
	margin: 0 auto;
}
.gifts-layer.gold-scraps ul.list li{
	display:block;
	float:none;
	margin:20px 0;
	
}
.cards ul.list{
	overflow:auto;
	position:relative;
	left:55px;
	margin:40px 0 0 0;
	width:900px;
}
.cards ul.list li{
	width:161px;
	float:left;
	margin-right:10px;
}
.cards ul.list li img{
	padding:9px 11px 9px 10px;
	background:url(../imgs/backgrounds/cards.gif) no-repeat;
	display:block;
}
.cards ul.list li a.print{
	display:block;
	height:28px;
	width:133px;
	background:url(../imgs/buttons/imprimir.gif) no-repeat;
	text-indent:-9999px;
	position:relative;
	top:-20px;
	margin:0 auto;
}
.gold-cards.gifts-layer{
	width:791px;
	height:535px;
	padding-top:15px;
	background:url(../imgs/backgrounds/layer-cards.jpg) no-repeat;
}
.gold-cards.gifts-layer h2{
	display:block;
	height:49px;
	width:540px;
	background:url(../imgs/titles/cards-exclusivos.gif) no-repeat;
	text-indent:-9999px;
	margin:0 auto;
}
.gold-cards.gifts-layer ul.list {
	left:0;
	position:relative;
	margin:0 auto;
	overflow:auto;
	width:705px;
}
.gifts.cards a.back{
	bottom:45px;
	right:45px;
}
/* end gifts */



/* +game */
.game #content{
	padding-top:220px;
	height:315px;
	background: url(../imgs/backgrounds/game.jpg) no-repeat;
}

.game  #login, .game  #sign-up, .game  #tender{
	width:275px;
	height:209px;
	float:left;
	color:#fff;
}
.game  #sign-up{
	background: url(../imgs/backgrounds/sign-up.gif) no-repeat;
	margin-left:62px;
	padding: 0 35px;
	width:205px;
}
.game  #sign-up h3{
	background:url(../imgs/titles/cadastre-se.gif) no-repeat;
	width:158px;
	margin:43px auto 0 auto;
}
.game  #sign-up a.signup{
	display:block;
	height:22px;
	width:132px;
	background: url(../imgs/buttons/fazer-cadastro.gif) no-repeat;
	text-indent:-9999px;
}
.game  #login{
	background: url(../imgs/backgrounds/login.gif) no-repeat;
	margin:0 34px 0 34px;
	padding: 0 48px 0 46px;
	width:181px;
}

.game  #login h3{
	background:url(../imgs/titles/faca-login.gif) no-repeat;
	width:129px;
	margin:43px auto 14px auto;
}
.game  #login label, .game  #login input{display:block;float:left;margin:2px 0;}
.game  #login label{
	width:46px;
	height:17px;
	padding-top:5px;
}
.game  #login input{
	background: url(../imgs/backgrounds/input-login.gif) no-repeat;
	width:123px;
	font-size:1em;
	height:18px;
	padding:4px 5px 0 5px;
	color:#fff;
}
.game  #login a{
	color:#C08780;
	font-size:9px;
	position:relative;
	top:5px;
	left:-1px;
	text-decoration:underline;
}
.game  #login form button{
	display:inline-block;
	width:80px;
	height:22px;
	border:none;
	text-indent:-99999px;
	background: url(../imgs/buttons/entrar.gif) no-repeat;
	float:right;
	position:relative;
	top:2px;
	right:2px;
}
.game  #tender{
	background: url(../imgs/backgrounds/concurso-game.gif) no-repeat;
	padding: 0 27px 0 35px;
	width:213px;
}
.game  #login h3, .game  #sign-up h3, .game  #tender h3{
	display:block;
	height:27px;
	text-indent:-9999px;
}
.game  #tender h3{
	width:111px;
	margin:40px auto 0 auto;
	background: url(../imgs/titles/game-collection.gif) no-repeat;
}
.game  #tender img{
	float:left;
	margin-top:10px;
}
.game  #tender p{
	float:right;
	width:130px;
}
.game  #tender a.read_more{
	display:block;
	width:92px;
	height:22px;
	background: url(../imgs/buttons/saiba-mais.gif) no-repeat;
	text-indent:-9999px;
	margin-top:7px;
}
.game  div.shield{
	width:518px;
	height:128px;
	background:url(../imgs/backgrounds/shield.png) no-repeat;
	position:absolute;
	bottom:25px;
	left:250px;
}
/* end game */
/* +home game */
.gameHome #content{
	width:1015px;
	height:625px;
	padding:70px 0 0 0;
	margin:0 auto;
	background: url(../imgs/backgrounds/gameHome.jpg) no-repeat;
}
.gameHome h2{
	width:615px;
	height:248px;
	background: url(../imgs/titles/warland-online.png);
	text-indent:-999px;
	margin:0 auto;
}
.gameHome ul.game-menu{
	width:547px;
	margin:10px auto;
}
.gameHome ul.game-menu li a{
	display:block;
	text-indent:-9999px;
	height:55px;
}
.gameHome ul.game-menu li a.cpu{background:url(../imgs/titles/jogar-contra-cpu.png) no-repeat 0 -55px;}
.gameHome ul.game-menu li a.chalenge{background:url(../imgs/titles/desafiar.png) no-repeat 0 -55px;}
.gameHome ul.game-menu li a.rules{background:url(../imgs/titles/regras.png) no-repeat 0 -55px;}
.gameHome ul.game-menu li a.ranking{background:url(../imgs/titles/ranking.png) no-repeat 0 -55px;}
.gameHome ul.game-menu li a:hover{background-position:0 0;}
/* end home game */

/* game selecione um nível */
.level #content{
	width:1015px;
	height:697px;
	margin:0 auto;
	background: url(../imgs/backgrounds/level.jpg) no-repeat;
}
.level .profile{
	padding:40px 27px 0 27px;
	width:511px;
	height:110px;
	margin:0 auto;
	background: url(../imgs/backgrounds/perfil.jpg) no-repeat bottom;
}
.level .profile div.avatar, .level .profile div.user-profile, .level .profile table{float:left;}
.level .profile div.avatar{
	margin:0px 10px 0 0;
	display:block;
	width:70px;
	border:1px solid #000 !important;
}
.level .profile div.user-profile{
	margin:0px 10px 0 0;
	border:1px solid #000 !important;
}
.level .profile .name{
	font-size:1.6em;
	color:#fff;
	font-weight:bold;
	font-family:Sylfaen, Palatino Linotype, Georgia;
}
.level span.level{
	padding:0px 0 2px 20px;
	font-size:1.1em;
	font-weight:bold;
	color:#E57700;
	display:block;
}

.level span.level.l1{color:#4C750E; background:url(../imgs/others/nivel1.png) no-repeat}
.level span.level.l2{color:#E57700; background:url(../imgs/others/nivel2.png) no-repeat}
.level span.level.l3{color:#3499BD; background:url(../imgs/others/nivel3.png) no-repeat}


.level p.points{
	margin:5px 0;
	width:170px;
	color:#E7A160;
	line-height:1em;
}
.level p.points span{
	font-weight:bold;
	color:#fff;
}
.level .profile table{
	width:175px;
	text-align:left;
	color:#fff;
	margin:4px 0 0 0;
}
.level .profile table th{
	color:#E3C29E;
	font-size:1.2em;
	font-weight:bold;
}
.level .profile table td{
	padding:2px 0 0 0;
}
.level .profile table tr.victories td span{color:#37C70B;}
.level .profile table tr.loss td span{color:#FF0000;}
.level .profile a.edit{
	display:block;
	width:70px;
	height:32px;
	text-indent:-9999px;
	background:url(../imgs/buttons/editar-perfil.gif) no-repeat;
	float:left;
	margin:38px 0 0 0;
}
.level .choose-level{
	width:450px;
	height:360px;
	margin:50px auto 0 auto;
	padding:24px 0 0 0;
	background: url(../imgs/backgrounds/nivel.jpg) no-repeat;
	text-align:center;
	
}
.level .choose-level h4{
	text-transform:uppercase;
	color:#fff;
	font-size:1.5em;
}
.level .choose-level h2{
	width:400px;
	height:44px;
	display:block;
	margin:0 auto;
	background:url(../imgs/titles/jogar-contra-cpu-nivel.gif) no-repeat;
	text-indent:-99999px;
	margin-bottom:-5px;
}
.level .choose-level ul{
	width:272px;
	margin:20px auto 0 auto;
}
.level .choose-level ul li{margin:20px 0;}
.level .choose-level ul li a, .level .choose-level ul li strong{
	display:block;
	text-indent:-9999px;
	width:262px;
	margin:0 auto;
	height:50px;
}
.level .choose-level span{margin: 5px;}
.level .choose-level span.victories{color:#fff;}
.level .choose-level span.loss{color:#E7A160;}

.level .choose-level li.disabled span.victories{color:#8D8A74;}
.level .choose-level li.disabled span.loss{color:#5A584A;}

.level .choose-level a.level1{background: url(../imgs/buttons/nivel1.gif) no-repeat;}
.level .choose-level strong.level1{background: url(../imgs/buttons/nivel1.gif) no-repeat;}
.level .choose-level a.level2{background: url(../imgs/buttons/nivel2.gif) no-repeat;}
.level .choose-level strong.level2{background: url(../imgs/buttons/nivel2-disable.gif) no-repeat;}
.level .choose-level a.level3{background: url(../imgs/buttons/nivel3.gif) no-repeat;}
.level .choose-level strong.level3{background: url(../imgs/buttons/nivel3-disable.gif) no-repeat;}
/* end game selecione um nível */


/* game multiplayer */
.multiplayer #content{
	width:1015px;
	height:697px;
	margin:0 auto;
	background: url(../imgs/backgrounds/level.jpg) no-repeat;
}
.multiplayer .profile{
	padding:40px 27px 0 27px;
	width:511px;
	height:110px;
	margin:0 auto;
	background: url(../imgs/backgrounds/perfil.jpg) no-repeat bottom;
	
}

.multiplayer .profile div.avatar, .multiplayer .profile div.user-profile, .multiplayer .profile table{float:left;}
.multiplayer .profile div.avatar{
    margin:0px 10px 0 0;
    display:block;
    width:70px;
    border:1px solid #000 !important;
}

.multiplayer .profile div.user-profile{
    margin:0px 10px 0 0;    
}

.multiplayer .profile .name{
	font-size:1.6em;
	color:#fff;
	font-weight:bold;
	font-family:Sylfaen, Palatino Linotype, Georgia;
}
.multiplayer span.level{
	padding:0px 0 2px 20px;
	font-size:1.1em;
	font-weight:bold;
	color:#E57700;
	display:block;
}

.multiplayer span.level.l1{color:#4C750E; background:url(../imgs/others/nivel1.png) no-repeat}
.multiplayer span.level.l2{color:#E57700; background:url(../imgs/others/nivel2.png) no-repeat}
.multiplayer span.level.l3{color:#3499BD; background:url(../imgs/others/nivel31.gif) no-repeat}


.multiplayer p.points{
	margin:5px 0;
	width:170px;
	color:#E7A160;
	line-height:1em;
}
.multiplayer p.points span{
	font-weight:bold;
	color:#fff;
}
.multiplayer .profile table{
	width:175px;
	text-align:left;
	color:#fff;
	margin:4px 0 0 0;
}
.multiplayer .profile table th{
	color:#E3C29E;
	font-size:1.2em;
	font-weight:bold;
}
.multiplayer .profile table td{
	padding:2px 0 0 0;
}
.multiplayer .profile table tr.victories td span{color:#37C70B;}
.multiplayer .profile table tr.loss td span{color:#FF0000;}
.multiplayer .profile a.edit{
	display:block;
	width:70px;
	height:32px;
	text-indent:-9999px;
	background:url(../imgs/buttons/editar-perfil.gif) no-repeat;
	float:left;
	margin:38px 0 0 0;
}
.multiplayer #multiplayer-game{
	width:955px;
	margin: 60px auto 0 auto;
	display:block;
}
/* end game multiplayer */

/* game ranking */
.ranking #content{
	width:1015px;
	height:647px;
	margin:0 auto;
	padding-top:50px;
	background: url(../imgs/backgrounds/level.jpg) no-repeat;
}
.ranking #content h2{
	width:146px;
	height:39px;
	margin:0 auto;
	background: url(../imgs/titles/ranking-title.gif) no-repeat;
	text-indent:-9999px;
}
.ranking #content #ranking{
	width:530px;
	margin:0 auto;
}
/* end game ranking */

/* game ranking */
.howToPlay #content{
	width:1015px;
	height:647px;
	margin:0 auto;
	padding-top:50px;
	background: url(../imgs/backgrounds/level.jpg) no-repeat;
}
.howToPlay #content h2{
	width:218px;
	height:51px;
	margin:0 auto;
	background: url(../imgs/titles/como-jogar.gif) no-repeat;
	text-indent:-9999px;
}
.howToPlay #content #rules{
	width:940px;
	margin:0 auto;
	position:relative;
	top:21px;
}
/* end game ranking */

/* +selecione clã */
.race #content{
	width:1015px;
	height:647px;
	margin:0 auto;
	padding-top:50px;
	background: url(../imgs/backgrounds/level.jpg) no-repeat;
}
.race #content h2,.race #content h3 {
	display:block;
	text-indent:-9999px;
}
.race #content h2.singlePlayer{
	width:400px;
	height:46px;
	margin:0 auto -12px auto;
	background:url(../imgs/titles/jogar-contra-cpu-title.gif) no-repeat;
}
.race #content h2.multiPlayer{
	width:373px;
	height:49px;
	margin:0 auto;
	background:url(../imgs/titles/desafiar-um-jogador.gif) no-repeat;
}
.race #content h3{
	width:292px;
	height:22px;
	margin:0 auto;
	background:url(../imgs/titles/selecione-cla.gif) no-repeat;
}
.race #content .races{
	padding:0 0 0 45px;
}
/* end selecione clã */


/* +register */
.register #content{
	width:813px; /*original 1008px; */
	height:471px; /*original 686px; */
	padding:215px 0 0 195px;
	background: url(../imgs/backgrounds/cadastro.jpg) no-repeat;
}
.register h2.title{
	width:158px;
	height:27px;
	background: url(../imgs/titles/cadastre-se-jogo.gif) no-repeat;
	text-indent:-9999px;
}
.register h2.edit-title{
	width:162px;
	height:27px;
	background: url(../imgs/titles/editar-perfil.gif) no-repeat;
	text-indent:-9999px;
}
.register form input.text, .register form select, .register form textarea{
	background:#58534C;
	border-top:1px solid #996600;
	border-left:1px solid #996600;
	border-right:1px solid #C29B6F;
	border-bottom:1px solid #C29B6F;
	color:#e1dcc9;
	font-size:1.1em;
	padding:3px 4px;

}

.register label{
	text-transform:uppercase;
	display:block;
}
.register label span{
	font-size:9px;
}
.register form p{
	float:left;
	margin:0 6px 10px 0;
}
.register p.name{width:181px;}
.register p.name input{width:173px;}

.register p.nickname{width:172px;}
.register p.nickname input{width:164px;}

.register p.email{width:254px;}
.register p.email input{width:246px;}

.register p.password{width:159px;}
.register p.password input{width:151px;}

.register p.password-confirmation{width:127px;}
.register p.password-confirmation input{width:119px;}

.register p.address{width:238px;}
.register p.address input{width:230px;}

.register p.number{width:77px;}
.register p.number input{width:69px;}

.register p.neighborhood{width:253px;}
.register p.neighborhood input{width:245px;}

.register p.city{width:278px;}
.register p.city input{width:270px;}

.register p.state{width:80px;}
.register p.state select{width:77px; padding:2px 0;}


.register p.gameCode{width:246px;}
.register p.gameCode input{width:238px;}

.register p.terms{text-transform:uppercase;}
.register p.terms a{color:#000;text-decoration:underline;}
.register p.info{
	width:345px;
	line-height:1.1em;
	margin:13px 0 0 5px;
}
.register form button{
	border:none;
	width:132px;
	height:34px;
	background: url(../imgs/buttons/finalizar.gif) no-repeat;
	text-indent:-9999px;
	float:left;
}
.register a.back{
	display:block;
	float:left;
	width:108px;
	height:34px;
	background:url(../imgs/buttons/voltar2.gif);
	text-indent:-9999px;
	margin:0 7px 0 0;
}

.register #avatar-upload{
	position:relative;
	top:-5px;
	left:-35px;
}
/* end register */

/* profile */
.profile #content{
	width:833px; /*original 1008px; */
	height:486px; /*original 686px; */
	padding:200px 0 0 175px;
	background: url(../imgs/backgrounds/cadastro.jpg) no-repeat;
}
.profile #avatar{
	width:325px;
	float:left;
}
.profile #profile{
	width:410px;
	padding-left:20px;
	float:left;
}
.profile h3{
	font-weight:bold;
	font-size:24px;
	color:#587D18;
	font-family:Sylfaen, Palatino Linotype, Georgia;
}


.profile table.score{
	border-collapse: collapse;
	color:#616055;
	text-transform:uppercase;
	margin-top:5px;
}
.profile table.score td{
	padding:10px;
	vertical-align:middle;
}
.profile td.legend{
	text-align:left;
	border:1px solid #000;
	border-right:none;
	width:70px;
}

.profile td.total{
	text-align:right;
	border:1px solid #000;
	border-left:none;
	font-size:1.6em;
	font-weight:bold;
}
.profile td.experience{background:#B8AA8E;}
.profile td.total.experience{color:#4E2A00;}

.profile td.games{background:#CBC1A6;}
.profile td.total.games{color:#4E2A00;}

.profile td.victories{background:#AABA8F;}
.profile td.total.victories{color:#1E8C1D;}

.profile td.loss{background:#DCC1AD;}
.profile td.total.loss{color:#F00000;}

.profile td.warn { width: 148px; background: #D8BB8C; font-size: 10px; text-transform: none !important; border-width: 1px 1px 1px 0; border: 1px solid #4E2A00; color: #4E2A00; text-align: center; }
.profile td.warn a { color: #4E2A00; }

h5.level{
	padding:0px 0 2px 20px;
	font-size:1.1em;
	font-weight:bold;
	color:#E57700;
	display: inline;
	float: left;
}
.profile h5.level.l1{color:#4C750E; background:url(../imgs/others/nivel1.png) no-repeat}
.profile h5.level.l2{color:#E57700; background:url(../imgs/others/nivel2.png) no-repeat}
.profile h5.level.l3{color:#3499BD; background:url(../imgs/others/nivel3.png) no-repeat}

.profile  .btn_newMessages { width: 200px; height: 20px; background: url(../imgs/others/botao_animado.gif) 0 0 no-repeat; float: left; font-size: 10px; padding: 7px 0 0 25px; margin:-7px 0 0 15px; }
.profile  .btn_newMessages a { color: #4E2A00; }

.profile h4.cla{
	display:block;
	text-indent:-9999px;
	margin:20px 0 6px 0;
}
.profile h4.cla.orcs{
	width:49px;
	height:17px;
	background:url(../imgs/titles/orcs.gif) no-repeat;	
}
.profile h4.cla.humanos{
	width:90px;
	height:22px;
	background:url(../imgs/titles/humanos.gif) no-repeat;
}
.profile p.score{
	margin:0;
	font-size:1.1em;
	font-weight:bold;
}
.profile p.score span.loss{color:#F00000;}
.profile p.score span.victories{color:#008003;}

.profile a.play, .profile a.edit-profile, .profile a.edit-avatar{
	display:block;
	height:31px;
	width:178px;
	text-indent:-9999px;
	margin:5px auto;
}
.profile a.play {
	background:url(../imgs/buttons/jogar.gif) no-repeat;
	width:104px;
	height:34px;
}
.profile a.edit-profile{	background:url(../imgs/buttons/editar-cadastro.gif) no-repeat;margin-top:15px;}
.profile a.edit-avatar{	background:url(../imgs/buttons/editar-avatar.gif) no-repeat;}

#profile_warn{
	width:341px;
	height:243px;
	background: url(../imgs/backgrounds/warn.png) -4px -4px no-repeat;
	position: relative;
	padding: 0;
}

#profile_warn  a.close{
	display:block;
	text-indent:-9999px;
	width:19px;
	height:16px;
	background:url(../imgs/buttons/ico_fechar.gif) no-repeat;
	position: absolute;
	top: 20px;
	right: 20px;
}

#profile_warn  div.txt-warn { width: 264px; height: 73px; background: url(../imgs/others/txt_alerta.gif) no-repeat; text-indent: -9999px; position: absolute; top: 60px; left: 50%; margin-left: -132px; }

#profile_warn  a.btn-imprimir { width: 136px; height: 26px; background: url(../imgs/buttons/imprimir-2.gif) no-repeat; text-indent: -9999px; display: block; position: absolute; bottom: 30px; left: 50%; margin-left: -68px; }
/* end profile */

/*+Regulamento*/
#terms-and-conditions{
	width:389px;/*original de 489px*/
	height:407px; /*orignal de 437px*/
	background: url(../imgs/backgrounds/regulamento.png) no-repeat;
	padding:30px 40px 0 60px; 
}
#terms-and-conditions h2{
	width:245px;
	height:43px;
	margin:0 auto 20px auto;
	background: url(../imgs/titles/regulamento.gif) no-repeat;
	text-indent:-9999px;
}
#terms-and-conditions .terms{
	padding-right:15px;
	height:265px;
	overflow:auto;
	color:#fff;
	font-size:11px;
}
#terms-and-conditions  a.close{
	display:block;
	text-indent:-9999px;
	width:83px;
	height:26px;
	background:url(../imgs/buttons/fechar.gif) no-repeat;
	margin:12px auto 0 auto;
}
/*end Regulamento*/

/*+collection*/
.collection #content{
	width:950px; /*original de 1008px; */
	height:807px; /*original 847px */
	background: url(../imgs/backgrounds/colecao.jpg) no-repeat;
	padding:38px 0 0 60px;
	color:#E2D4AA;
}
.collection .title{
	width:156px;
	height:45px;
	background: url(../imgs/titles/colecao.gif) no-repeat;
	text-indent:-9999px;
	float:left;
	margin-right:9px;
}	
.collection p.desc{
	float:left;
}
.collection #ax{
	position:absolute;
	top:85px;
	right:-91px;
}
.collection .notes{
	clear:both;
	margin:10px 0 0 0;
	width:560px;
	position:relative;
}
.collection .notes ul{
	display:block;
	width:350px;
	margin: 0 0 0 60px;
}
.collection .notes ul li p{
	margin:0;
}
.collection a#previous, .collection a#next{
	display:block;
	width:69px;
	height:76px;
	text-indent:-9999px;
	position:absolute;
	top:190px;
}

.collection a#previous{
	background: url(../imgs/titles/anterior.png) no-repeat -69px 0;
	left:-8px;
}
.collection a#previous:hover, .collection a#next:hover{background-position: 0 0;}

.collection a#next{
	background: url(../imgs/titles/proximo.png) no-repeat -69px 0;
	right:43px;
}

.collection .collection-list h3{
	width:188px;
	height:19px;
	background: url(../imgs/titles/escolha-uma-opcao.gif) no-repeat;
	text-indent:-9999px;
	margin:15px 0 0 50px;
}

.collection-list ul, .collection-list div.info {
	float:left;
}
.collection-list ul{
	position:relative;
	width:588px;
	left:-20px;
}
.collection-list div.info{
	width:320px;
	margin-top:25px;
}
.collection-list div.info strong{
	color:#E99523;
}
.collection-list a.tilibra{
	display:block;
	width:148px;
	height:22px;
	background: url(../imgs/buttons/tilibra.gif) no-repeat;
	text-indent:-9999px;
}
.collection-list ul li{
	width:147px;
	height:174px;
	display:block;
	float:left;
}
.collection .collection-list ul li a{
	display:block;
	width:147px;
	height:174px;
	text-indent:-99999px;
}

.collection-list #line1{background:url(../imgs/colecao/thumb1.png) no-repeat -147px 0;}
.collection-list #line2{background:url(../imgs/colecao/thumb2.png) no-repeat -147px 0;}
.collection-list #line3{background:url(../imgs/colecao/thumb3.png) no-repeat -147px 0;}
.collection-list #line4{background:url(../imgs/colecao/thumb4.png) no-repeat -147px 0;}

.collection-list #line1:hover,
.collection-list #line2:hover,
.collection-list #line3:hover,
.collection-list #line4:hover,
#content .collection-list a.active{
	background-position:0 0;
}

/*end collection*/

/*+jogo*/
.gamePlay{
	background:#000;
}
.gamePlay #header{
	display:none;
}
.gamePlay #nav{
	top:0px;
	position:relative;	
}	
.gamePlay #flash_menu{
	position:static;
	height:60px;
}	

.gamePlay #content{
	width:1008px;
	height:659px;
}
/*end jogo*/
/*+convide um amigo*/
.invite #content{
	width:930px; /*original de 1008px*/
	height:522px;	/*original de 557px*/
	background: url(../imgs/backgrounds/convide.gif) no-repeat;
	padding: 45px 0 0 78px;
	color:#E2D4AA;
}
.invite .profile{
	width:350px;
	float:left;
	margin-right:55px;
	
}
.invite form{
	display:block;
	float:left;
	width:455px;
	padding-top:80px;
}
.invite h2{
	width:313px;
	height:45px;
	background:url(../imgs/titles/convide-um-amigo.gif) no-repeat;
	text-indent:-9999px;
}
.invite form fieldset h3{
	width:260px;
	height:26px;
	display:block;
	text-indent:-9999px;
	background: url(../imgs/titles/dados-amigos.gif) no-repeat;
	margin:20px 0 10px 0;
}
.invite form fieldset{
	padding:20px 0 0 20px;
}
.invite form fieldset p{
	width:215px;
	float:left;
	margin:0;
}

.invite form fieldset label{
	display:block;
	margin:5px 0 2px;
	text-transform:uppercase;
	color:#35201D;
	font-size:1.1em;
	font-weight:bold;	
	color:#000;
}
.invite form fieldset input{
	background:#442B1E;
	border-top:1px solid #0D0806;
	border-right:1px solid #0D0806;
	border-left:1px solid #7D4F37;
	border-bottom:1px solid #7D4F37;
	color:#BD9C7C;
	font-size:1.1em;
	padding:3px 4px;
	width:194px;
}
.invite form button{
	display:block;
	border:none;
	width:95px;
	height:31px;
	background: url(../imgs/buttons/enviar.gif) no-repeat;
	text-indent:-9999px;
	float:right;
	margin:10px 15px 0 0;
}
/*end convide um amigo*/
	
/*+erros*/
#error_message{
	width:348px;
	background:url(../imgs/backgrounds/error.gif) repeat-y;
	font-size:11px;
	display:block;
}

#error_message strong{
	text-transform:uppercase;
	text-align:center;
	display:block;
	position:relative;
	top:-20px;
}
#error_message h2{
	position:relative;
	top:-25px;
	margin:0 auto;
	display:block;
	text-indent:-9999px;
}
.contact-error h2{
	width:246px;
	height:55px;
	background:url(../imgs/titles/guerreiro.gif) no-repeat;
}

#error_message .content{
	padding:0 45px;
	color:#FFFFFF;
}
#error_message .top{
	background:url(../imgs/backgrounds/error-top.gif) no-repeat;
	height:67px;
}
#error_message .bottom{
	background:url(../imgs/backgrounds/error-bottom.gif) no-repeat;
	height:67px;
}
#error_message #closeLayer{
	display:block;
	width:83px;
	height:26px;
	background:url(../imgs/buttons/fechar.gif) no-repeat;
	text-indent:-9999px;
	margin:10px auto 0 auto;
	position:relative;
	top:20px;
}
#error_message.login .content{
	text-align:center;
}
#error_message.login h2, #error_message.register-error h2{
	display:block;
	width:298px;
	height:95px;
	background:url(../imgs/titles/erro-login.gif) no-repeat;
	text-indent:-99999px;
	margin: 0 auto;
}
#error_message.login .content, #error_message.register-error .content{
	padding:0;
}

#error_message.register-error .content ul, #error_message.register-error .content h3{
	width:230px;
	margin:0 auto;
}
#error_message.success h2{
	width:215px;
	height:62px;
	background:url(../imgs/titles/sucesso.gif) no-repeat;
}
#error_message.success p{
	margin:0;
	font-size:11px;
}
#error_message.error p{
	margin:0;
	font-size:11px;
}
#error_message.error h2{
	width:164px;
	height:84px;
	background:url(../imgs/titles/error.gif) no-repeat;
}
/*end erros*/


/* +footer */
#footer {width:970px;padding:5px 10px;overflow:auto;margin:auto}
#tilibra {width:38px;height:18px;float:left;background:url(../imgs/others/logo_tilibra.gif) no-repeat}
#footer .copyright {color:#e5d198;font-size:1em;float:left;margin:4px 5px 0}
#footer #logo_w3haus {float:right} 
#footer #logo_w3haus a {display:block;cursor:pointer;text-indent:-9999px;overflow:hidden;width:50px;height:14px;}


#warland-game #w3haus, #warland-game #tilibra{
	display:block;
	text-indent:-9999px;
	float:right;
	margin:0 3px;
}
#warland-game #w3haus{
	width:50px;
	height:14px;
	position:relative;
	top:2px;
}
#warland-game #tilibra{
	width:37px;
	height:18px;
	background: url(../imgs/titles/tilibra.gif) no-repeat;
}
/* end footer */


/* +classes */
/* end classes */
body.gameHome a.back{
	display:block;
	width:84px;
	height:33px;
	background:url(../imgs/buttons/voltar.gif) no-repeat;
	position:absolute;
	top:630px;
	left:900px;
	text-indent:-9999px;
}

p.vencedores{padding:40px 0 0 0; font-size:12px; font-weight:bold; color:#5f2d0e;}
ul.list{width:430px; border:0px solid red; overflow:hidden;}
	ul.list li{width:210px; padding:15px 0 0px 0; float:left; color:#301504;}
	ul.list li.clear{clear:left;}
		ul.list li.right{float:right;}