/* CADASTRO */

.avatar-body, .avatar-color {
	clear: both;
}
.body-box {
	display: block;
	float: left;
	margin-left: -6px;
	margin-right: -6px;
	border: 1px solid transparent;
}
/*a.color-box:active, a.body-box:active {
	border: 1px solid #808080;
}*/
a.color-box {
    display: block;
	float: left;
    margin: 6px 12px 0 0;
	width: 20px;
	height: 20px;
}
.avatar-color a.color-box {
/*    border: 1px solid #fef7bb;*/
}
.avatar-color a.color-box:hover, .avatar-color a.color-box.selected {
/*    border-color: #ecd599;*/
}


/* SMALL */

.small-boneco-cinza { background-image: url(../img/avatar-small/small-boneco-cinza.png); }
.small-polvo-cinza { background-image: url(../img/avatar-small/small-polvo-cinza.png); }
.small-dino-cinza { background-image: url(../img/avatar-small/small-dino-cinza.png); }
.small-peludo-cinza { background-image: url(../img/avatar-small/small-peludo-cinza.png); }
.small-boneco-turquesa { background-image: url(../img/avatar-small/small-boneco-turquesa.png); }
.small-polvo-turquesa { background-image: url(../img/avatar-small/small-polvo-turquesa.png); }
.small-dino-turquesa { background-image: url(../img/avatar-small/small-dino-turquesa.png); }
.small-peludo-turquesa { background-image: url(../img/avatar-small/small-peludo-turquesa.png); }
.small-boneco-roxo { background-image: url(../img/avatar-small/small-boneco-roxo.png); }
.small-polvo-roxo { background-image: url(../img/avatar-small/small-polvo-roxo.png); }
.small-dino-roxo { background-image: url(../img/avatar-small/small-dino-roxo.png); }
.small-peludo-roxo { background-image: url(../img/avatar-small/small-peludo-roxo.png); }
.small-boneco-verde { background-image: url(../img/avatar-small/small-boneco-verde.png); }
.small-polvo-verde { background-image: url(../img/avatar-small/small-polvo-verde.png); }
.small-dino-verde { background-image: url(../img/avatar-small/small-dino-verde.png); }
.small-peludo-verde { background-image: url(../img/avatar-small/small-peludo-verde.png); }
.small-boneco-abobora { background-image: url(../img/avatar-small/small-boneco-abobora.png); }
.small-polvo-abobora { background-image: url(../img/avatar-small/small-polvo-abobora.png); }
.small-dino-abobora { background-image: url(../img/avatar-small/small-dino-abobora.png); }
.small-peludo-abobora { background-image: url(../img/avatar-small/small-peludo-abobora.png); }

.small-cabelo1 { background-image: url(../img/avatar-small/small-cabelo1.png); }
.small-cabelo2 { background-image: url(../img/avatar-small/small-cabelo2.png); }
.small-cabelo3 { background-image: url(../img/avatar-small/small-cabelo3.png); }
.small-cabelo4 { background-image: url(../img/avatar-small/small-cabelo4.png); }

.small-cabelo1 { background-image: url(../img/avatar-small/small-cabelo1.png); }
.small-cabelo2 { background-image: url(../img/avatar-small/small-cabelo2.png); }
.small-cabelo3 { background-image: url(../img/avatar-small/small-cabelo3.png); }
.small-cabelo4 { background-image: url(../img/avatar-small/small-cabelo4.png); }

.small-cabelo1 { background-image: url(../img/avatar-small/small-cabelo1.png); }
.small-cabelo2 { background-image: url(../img/avatar-small/small-cabelo2.png); }
.small-cabelo3 { background-image: url(../img/avatar-small/small-cabelo3.png); }
.small-cabelo4 { background-image: url(../img/avatar-small/small-cabelo4.png); }


.user-avatar {
	clear: both;
	width: 80px;
	height: 100px;
	border: 1px solid #8d878d;
}
.user-avatar div {
	display: block;
	top: 0;
	left: 0;
	width: 80px;
	height: 100px;
}
#user-avatar-body {
/*	position: absolute;*/
/*	display: block;
	float: left;
	top: 0;
	left: 0;
	width: 80px;
	height: 100px;*/
	background-size: 80px 100px;
/*	background-color: red;*/
/*	background-image: url('../img/avatar-small/small-polvo-cinza.png');*/
}


/* AVATAR MENU SMALL */

#small-avatar-box {
    width: 120px;
    height: 120px;
    /*background: url(../img/avatar-box.gif) no-repeat;*/
}
#small-avatar-box img {
    position: absolute;
    width: 88px;
    height: 110px;
    margin-left: 16px;
    margin-top: 4px;
    background-repeat: no-repeat;
}

/* AVATAR MENU BIG */

#big-avatar-box {
    width: 480px;
    height: 600px;
}
#big-avatar-box img {
    position: absolute;
    background-repeat: no-repeat;
    width: 480px;
    height: 600px;
}


/* TURBINAR AVATAR */

#avatar .left {
    float: left;
    margin-left: 40px;
    width: 300px;
}
#avatar h3 {
    font-family: 'gooddog', 'MS Trebuchet', 'Lucinda Sans', Helvetica, Arial;
    font-size: 20px;
}
#normal-avatar {
    clear: both;
    width: 240px;
    height: 300px;
    margin-top: 50px;
}
#normal-avatar img {
    position: absolute;
    width: 240px;
    height: 300px;
    margin-left: 16px;
    margin-top: 5px;
    background-repeat: no-repeat;
}

#items-right {
    float: left;
    width: 400px;
    margin-top: 10px;
}
.avatar-items hr {
    clear: both;
    margin: 0;
    width: 100%;
}

div.item {
	display: block;
    float: left;
    margin: 4px 8px 4px 10px;
}
div.item.color {
	margin: 0;	
}

.avatar-items a.item-box, .avatar-items a.item-body {
    display: block;
    float: left;
/*    margin: 4px 8px 4px 10px;*/
}

.avatar-items a.item-box {
	display: block;
    width: 52px;
    height: 52px;
    padding: 5px 5px 0 5px;
	text-decoration: none;
	text-align: center;
}
.avatar-items a.info {
	position: absolute;
	display: block;
	background: url(../img/info.png) no-repeat; 
	padding: 0;
	margin: 38px 42px;
	width: 30px;
	height: 30px;
}

.avatar-items a.item-box, .avatar-items a.item-body, .avatar-items a.turb-color-box {
	text-decoration: none;
	text-align: center;
}

.avatar-items a.item-box span, .avatar-items a.item-body span, .avatar-items a.turb-color-box span {
	display: none;
}

.avatar-items a.item-box:hover span, .avatar-items a.item-body:hover span, .avatar-items a.turb-color-box:hover span {
	display: block;
	position: absolute;
	font-weight: bold;
	margin-top: 8px;
	font-size: 28px;
	width: 52px;
}
.avatar-items a.item-body:hover span {
	margin-top: 28px;
	width: 70px;
}
.avatar-items a.turb-color-box:hover span {
	color: white;
	margin-top: 4px;
	width: 20px;
	font-size: 12px;
}

.avatar-color-right {
    float: left;
    width: 80px;
    margin-left: 24px;
}
.avatar-items a.turb-color-box, a.turb-color-box {
	display: block;
	float: left;
    margin: 4px;
	width: 20px;
	height: 20px;
	border: 4px solid #fff;
}
.color-cinza { background-color: #8d878d; }
.color-roxo { background-color: #b6508e; }
.color-turquesa { background-color: #5ac5c1; }
.color-verde { background-color: #79c549; }
.color-abobora { background-color: #e48b15; }

.avatar-items a.item-box.equiped, .avatar-items a.item-body.equiped {
    background-color: #fef7bb;
}
.avatar-items a.item-box.owed, .avatar-items a.item-body.owed {
    background-color: #ecd599;
}
.avatar-items a.item-box:hover, .avatar-items a.item-body:hover {
    background-color: #ecd599;
/*    background: #ecd599 url(../img/moeda-peq.png) no-repeat 0px 27px;*/
}
/*
.avatar-items a.item-box:hover span, .avatar-items a.item-body:hover span {
    display: hidden;
    float: left;
    position: absolute;
    width: 60px;
    height: 30px;
}
.avatar-items a.item-box:hover span, .avatar-items a.item-body:hover span {
    display: block-visible;
}*/

.avatar-items a.turb-color-box.equiped {
    border-color: #fef7bb;
}
.avatar-items a.turb-color-box.owed {
    border-color: #ecd599;
}
.avatar-items a.turb-color-box:hover {
    border-color: #ecd599;
}

.itens-bottom {
	clear: both;
	margin-left: 20px;
	margin-right: 20px;
}