ddddddddddddddddddddddddddddddddddddddc

hmn na verdade esse fundo branco na postagem está muito estranho... preferia como estava antes, talvez com o mesmo fundo mas com uma opacidade mais escura ou clara..

Sim, o objetivo inicial era acrescentar uma tonalidade branca mas quando adicionei percebi que ficava estranho, igual esta vendo. O que fez com que eu deixasse sem edição. Estou a utilizar este fundo e borda unicamente para ajeitar as bordas do perfil.

Por sinal, a esfera sobre o avatar no perfil seria a localização dos RANKS. Eu achei que seria interessante utiliza-los unicamente para registrar as vilas que os membros pertencem, e as demais informações ficarem dentro dos campos do perfil (ao posicionar o mouse sobre o avatar).

Entendo. A ideia da ficha rápida atrás do avatar ficou interessante, mas tenho algumas dúvidas quanto a esfera. No Naruto Survival as vilas e o rank ninja são definidos conforme a bandana:



O simbolo mostra a vila e a cor, a graduação (tendo bandanas vermelhas para chunnins, pretas para jounins, etc). Essa esfera irá substituir isso?

É perfeitamente capaz de ser feito. Tenho duas sugestões por sinal.

A primeira, gerar a imagem das vilas de fora esférica, estando acompanhadas com a borda que simula a coloração do nível de graduação

Ou posso fazer os RANKs com a aparência da bandana, sobrepondo a parte superior do avatar, aí bastaria fazer um RANK para cada vila/graduação. O que seria interessante também, pois seria possível faze-lo de forma "tridimensional" o que simulara a bandana estar sobre o avatar como se fosse de fato a cabeça do personagem

Olá Hugh, pode me dizer se falta muito para acabar o template?

Estou formulando o das estatísticas. Penso em alguma forma de fazer com que os grupos interajam com algum campo.

Por exemplo: Ao clicar sobre o grupo, irá aparecer um campo contendo a descrição do grupo e uma imagem de fundo que contenha o simbolo da vila, por exemplo.

E sobre o perfil irei voltar para o método anterior, com os RANKS em forma oval, mas se preferir posso coloca-los da forma padrão (retangular).

Entendo, acredito que a respeito dos ranks seja melhor deixá-los apenas aos cargos (Narrador, Staff, por exemplo)

Bem, ainda tem o retângulo verde atrapalhando a leitura e o chat também parece estar estranho, aqui um print:

Dorian, precisamos apurar o Design do fórum, quando você volta?

O design está ficando cada vez melhor

Eu estou precisando saber se está agradável, se precisa de mais alguma mudança e tal. E aí consigo entregar.

Está bom, mas no inicio do fórum ele fica com dois menus, tá certo isso?

#cp-main .panel {
background: ;
border: 4px double #C0CCC0;
padding: 15px;
margin-left: -10px;
}

#cp-main h1 {
color: black;
line-height: 22px;
}

.esta0 {
min-height: 300px;
max-height: 600px;
}

#esta {
background: rgba(130, 99, 90, 0.1);
margin-left: 0px;
margin-top: -5px;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 7px;
width: 1003px;
font-size: 10px;
border-bottom: 15px solid #83645b;
}

.esta1 {
width: 400px;
padding-left: 10px;
text-align: justify;
font-size: 10px;
line-height: 15px;
}

.esta2 {
width: 400px;
padding-left: 10px;
border-left: 5px solid #83645b;
text-align: justify;
font-size: 10px;
line-height: 15px;
}

#es-rec, #es-leye {
background: ;
font-size: 11px;
width: 475px;
height: 150px;
overflow: auto;
display: inline-block;
padding: 10px;
text-align: justify;
}

#es-tit, #leye-tit {
width: 485px;
padding: 5px;
background: #65737A;
margin-top: -10px;
margin-left: -10px;
line-height: 20px;
font-size: 12px;
letter-spacing: 2px;
color: #F3F2ED;
font-family: 'Unica One';
text-transform: uppercase;
text-align: center;
text-decoration: none;
font-weight: lighter;
}

#es-leye {
width: 972px;
height: auto;
margin-left: 2px;
margin-top: 3px;
text-align: center;
}

#leye-tit {
width: 982px;
margin-bottom: 10px;
}

#es-recp {
width: 489px;
padding: 3px;
background: #BDB78C;
margin-left: -10px;
line-height: 15px;
font-size: 7px;
font-family: 'verdana';
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
text-decoration: none;
font-weight: lighter;
}

#page-body p.page-bottom {
width: 325px;
padding: 5px 2px;
background: ;
margin-left: 2px;
line-height: 15px;
font-size: 8px;
font-family: 'verdana';
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
text-decoration: none;
font-weight: lighter;
display: inline-block;
}

#ley1, #ley2, #ley3, #ley4, #ley5, #ley6 {
margin: 1px;
padding: 2px;
font-weight: 400;
line-height: 14px;
font-style: italic;
font-size: 10px;
font-family: Arial;
color: #fff;
letter-spacing: 0px;
text-transform: uppercase;
text-align: center;
display: inline-block;
}

#ley1 a {color: #AA00FF; }
#ley2 a {color: #AD9810; }
#ley3 a {color: #224FD4;; }
#ley4 a {color: #DCB34E; }
#ley5 a {color: #AF6C77; }
#ley6 a {color: #333333; }

h1.page-title, .h3 {
background-image: url(https://i.imgur.com/ks7DYZQ.png);
text-align: center;
padding: 28px;
font-weight: 700;
color: white;
font-family: cousine;
font-size: 12px;
text-shadow: 0px 0px 1px #000;
letter-spacing: 3px;
text-transform: uppercase;
margin: px;
}

h1.page-title a, .h3 a {
color: #ebe4da;
}

/*****topicos*****/
/* P E R F I L E S */
#perfil-cuerpo {
float: left;
position: absolute;
background: #E5E5E5;
border: 4px double white;
padding: 10px;
width: 155px;
overflow: hidden;
margin-left: 0px;
margin-top: px;
}

#perfil-avatar {
margin: 0px;
margin-left: 0px;
width: 155px;
overflow: hidden;
text-align: center;
margin-top: px;
margin-bottom: 5px;
}

#perfil-img img {
width: 150px;
height: 300px;
border: 2px solid white;
position: static;
-moz-transition: all .7s ease-in-out;
-webkit-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
transition-delay: 2s;
}

#perfil-cuerpo:hover #perfil-img img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-moz-transition: all .7s ease-in-out;
-webkit-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
}

#perfil-img img {
filter: none !important;
}

#perfil-avatar {
padding-bottom: px;
}

#perfil-avatar > .fa-show-hidden-profile {
margin-top: 10px;
background: white;
border: 3px double #a0877d;
padding: 2px;
margin-top: 5px;
margin-bottom: 5px;
margin-left: -1px;
width: 150px;
text-align: center;
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.39);
-moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.39);
-ms-box-shadow: inset 0 1px rgba(255, 255, 255, 0.39);
-o-box-shadow: inset 0 1px rgba(255, 255, 255, 0.39);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.39);
}

.fa-hidden-profile,
.fa-hidden-profile * {
box-sizing: border-box;
}

.fa-hidden-profile {
background-color: #fff;
border-radius: 6px;
border: solid 10px #bbb;
position: absolute;
left: 110%;
padding: 10px;
}

.fa-hidden-profile .fa-hidden-profile-rank {
display: block;
text-align: center;
}

.fa-hidden-profile .fa-hidden-profile-rank > img {
max-height: 65px;
width: auto;
}

#perfil-fijo {
background: white;
border: 3px double #a0877d;
padding: 2px;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 0px;
width: 143px;
text-align: center;
}

#perfil-nombre, #perfil-nombre a, #perfil-nombre strong {
font-family: oswald;
font-size: 18px;
line-height: 22px;
font-weight: 400;
text-align: center;
padding: right: 5px;
display: block;
text-transform: uppercase;
}

.postbody {
min-height: 450px;
top: 5px;
font-size: 10px;
margin-left: 10px;
padding: 10px;
padding-top: 10px;
width: 700px;
border-left: px solid #D0D0D0;
}

.post1 {
background: ;
border-bottom: 5px solid darkgreen;
position: relative;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 6px;
padding-left: 2px;
}

.postbody .content {
padding: 15px;
margin-left: -83px;
position: relative;
width: 750px;
border: 10px solid #e9e9e9;
}

/*titulo de los temas*/
#post-tite {
background: #2E8B57;
text-align: center;
padding: 10px;
width: 990px;
margin-left: -5px;
color: white;
font-family: cousine;
font-size: 10px;
text-transform: uppercase;
}

#post-tite a {
color: white;
font-family: cousine;
font-size: 10px;
letter-spacing: px;
text-transform: uppercase;
}

/*autor de los mensajes*/
p.author {
float: left;
margin-top: px;
margin-left: -55px;
padding: 5px;
display: block;
font-size: 11px;
letter-spacing: 0px;
font-family: tahoma;
color: #333;
width: 790px;
text-align: left;
border-bottom: 1px solid white;
}

/*editar-citar-borrar*/
.postbody ul.profile-icons {
margin-top: -20px;
margin-right: -15px;
text-align: center;
}

.boton {
margin-top: -35px;
width: 70px;
line-height: 20px;
display: inline-block;
background: #7B5F54;
outline: 1px solid #f3f3f3;
margin-left: 3px;
margin-right: 3px;
border: 2px solid #fff;
font-size: 7px;
letter-spacing: 1px;
font-family: 'verdana';
color: #fff;
text-align: center;
text-transform: uppercase;
}


/*Code, Spoiler y Quote*/
dl.codebox {
background-color: #fcfcfc;
outline: 1px solid #f3f3f3;
margin: 1px;
border-top: none;
border-left: none;
border-right: none;
font-size: 11px;
}

dl.codebox dt {
display:block;
text-shadows: 0px 0px 1px #000;
text-align: center;
font: 8px 'verdana';
text-align: uppercase;
background: #8C8A62;
color:#ffffff;
padding: 5px;
margin-bottom: 3px;
}

dl.codebox dt a {color: #eee; }

dl.codebox code, .spoiler_content.hidden {
color:#333333;
font-size:11px;
background-color: #fff;
outline: 1px solid #f3f3f3;
margin: 1px;
padding: 5px;
line-height: 12px;
text-align: justify;
}

blockquote {
outline: 1px solid #f3f3f3;
margin: 1px;
color: #333333;
}

.content blockquote, .content blockquote div {
color: #333;
display: block;
background: #fff;
outline: 1px solid #f3f3f3;
margin: 1px;
border: 5px solid #fff;
}

blockquote div {margin-left: 0px; }

blockquote cite {
display: block;
font-family: verdana;
font-size: 8px;
color: #fff;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
font-weight: lighter;
letter-spacing: 1px;
text-align: center;
padding: 5px;
background: #8C8A62;
margin-bottom: 5px;
}

blockquote blockquote {
background: #fcfcfc;
border: 1px solid #f3f3f3;
}

/*Color de las pestañas del Perfil*/
#tabs {
float: center;
width: 1008px;
background-color: ;
margin: 1px;
padding: 10px 0px;
color: #7B5F54;
font-size: 8px;
text-transform: uppercase;
text-align: center;
letter-spacing: 2px;
display: block;
}

/*Efecto en la numeracion de paginas*/
.pagination span a, .pagination span a:active, .pagination span a:link, .pagination span a:visited {
background-color: #7B5F54;
border: 1px solid #7B5F54;
color: #fff;
font-size: 10px;
font-weight: 400;
line-height: 1.5em;
margin: 0 2px;
padding: 0 2px;
text-decoration: none;
}

.pagination span strong {
background-color: #E9E7CA;
border: 1px solid #7B5F54;
border:none;
color: #fff;
font-size: 10px;
margin: 0 2px;
padding: 0 2px;
}

.pagination span a:hover {
background-color: #E5DCC3;
border: 1px solid #7B5F54;
border:none;
color: #fff;
font-size: 10px;
font-weight: 400;
line-height: 1.5em;
margin: 0 2px;
padding: 0 2px;
text-decoration: none;
}

/*botones*/
a.button1, a.button2, button.button2, input.button1, input.button2 {
background: #7B5F54;
border: 0px;
color: #fff;
display: inline-block;
font-family: calibri;
font-size: 10px;
outline: medium none;
padding: 5px 8px;
text-transform: uppercase;
letter-spacing: 1px;
}

a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
background: #7B5F54;
border: 0px;
color: #fff;
display: inline-block;
font-family: calibri;
font-size: 10px;
outline: medium none;
padding: 5px 8px;
text-transform: uppercase;
}

/****Chatbox****/
#chatbox_header {
background-image: url(https://i.imgur.com/ks7DYZQ.png);
font-family: verdana;
letter-spacing: px;
font-size: px;
}

#chatbox_footer {
font-size:;
font-family: verdana;
background-image: url(https://i.imgur.com/ks7DYZQ.png);
height: 100px;
}

.chatbox-title {
color: ;
padding-top: 3px;
padding-bottom: 7px;
font-size: 21px;
font-family: arial;
letter-spacing: -1px;
text-transform:uppercase;
font-weight: 700;
}


/**/

/****Nada de muito importante****/
::-webkit-scrollbar {
width: 7px;
height: 5px;
}​
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
height: 5px;
display: block;
background: #b0b0b0;
}
::-webkit-scrollbar-track-piece {
background: #b0b0b0;
}
/*barrita vertical*/
::-webkit-scrollbar-thumb:vertical {
height: 50px;
background: #181818;
border: 1px solid #;
}

/*barrita horizontal*/
::-webkit-scrollbar-thumb:horizontal {
width: 50px;
background: #181818;
border: 1px solid #;
}

.sublinks {
font-family: roboto condensed;
border: 5px solid #e4ceae;
background-image: url(https://i.imgur.com/VVZgXjP.png);
background: #e4ceae;
color: white;
height: 20px;
margin: 10px 95px 5px;
overflow: hidden;
position: absolute;
width: 583px;
top: 48px;
text-align: center;
text-transform: uppercase;
-moz-transition: .5s ease-in;
-ms-transition: .5s ease-in;
-o-transition: .5s ease-in;
-webkit-transition: .5s ease-in;
}

.sublinks:hover {
font-family: roboto condensed;
border: 5px solid #e4ceae;
background-image: url(https://i.imgur.com/VVZgXjP.png);
background: #e4ceae;
color: red;
cursor: default;
height: 125px;
max-height: 125px;
margin: 10px 95px 5px;
overflow: hidden;
position: absolute;
width: 583px;
top: 48px;
text-align: center;
text-transform: uppercase;
-moz-transition: .5s ease-in;
-ms-transition: .5s ease-in;
-o-transition: .5s ease-in;
-webkit-transition: .5s ease-in;
}
.icon {
position: relative !important;
left: 30px;
}
.boom:hover .boom1 {
transform: translateX(0px);
}
.boom .boom1 {
background-color: #EBEBEB;
height: 100px;
opacity: 1;
overflow: auto;
transform: translateX(600px);
transition: all .8s ease-in-out;
width: 583px;
}

.boom:hover img {
transform: translateY(-300px);
}
.boom img {
display: block;
height: 260px;
margin: 0;
padding: 0;
position: absolute;
transition: all .8s ease-in-out;
width: 583px;
}

.boom {
border: 5px solid #e4ceae;
cursor: default;
height: 100px;
margin: 15px 95px 5px;
outline: 3px solid #e4ceae;
outline-offset: 2px;
overflow: hidden;
position: relative;
width: 583px;
}

a.forumtitle {
-moz-transition: .5s ease-in;
-ms-transition: .5s ease-in;
-o-transition: .5s ease-in;
-webkit-transition: .5s ease-in;
color: #EBEBEB;
display: inline-block;
font-family: roboto condensed;
font-size: 23px;
height: 13px;
letter-spacing: px;
margin-left: -10px;
margin-top: 15px;
padding: 3px;
text-align: center;
text-decoration: none;
text-shadow: 0 1px 0 #000;
transition: .5s ease-in;
text-transform: uppercase;
width: 800px;
}

a.forumtitle:hover {
-moz-transition: .5s ease-in;
-ms-transition: .5s ease-in;
-o-transition: .5s ease-in;
-webkit-transition: .5s ease-in;
color: #e02020;
display: inline-block;
height: 13px;
font-family: roboto condensed;
font-size: 23px;
letter-spacing: 0;
margin-left: -10px;
margin-top: 15px;
padding: 3px;
text-align: center;
text-decoration: none;
text-shadow: 0 1px 0 #000;
transition: .5s ease-in;
text-transform: uppercase;
width: 800px;
}
ul.forums {
background: ;
}

ul.forums li.row dl.icon dd.lastpost {
background: none repeat scroll 0 0 #e4ceae;
color: #000;
font-size: 12px;
font-variant: small-caps;
height: 40px;
left: 87px;
letter-spacing: 1px;
line-height: 18px;
margin-bottom: 10px;
margin-left: 55px;
margin-top: -92px;
outline: 6px solid #e4ceae;
outline-offset: 2px;
padding: 20px;
position: relative;
text-align: justify;
width: 365px;
}

.lastpost-avatar img {
display: block;
height: 50px;
width: 30px;
margin-right: 30px;
margin-bottom: 10px;
top: 30px;
}

.forabg .row {
background: url(https://i.imgur.com/VgiNmUY.png);
width: 923px;
margin-lefT: 45px;
margin: 30px;
height: 270px;
overflow: hidden;
}

.forabg dd.topics {
background-color: #e4ceae;
color: #a08c6d;
font-family: Oswald;
font-size: 11px;
height: 4px;
left: 40px;
line-height: 8px;
margin-left: 526px;
margin-top: 5px;
outline: 4px solid #e4ceae;
outline-offset: 2px;
padding: 15px;
position: relative;
text-transform: uppercase;
width: 16%;
}

.forabg dd.posts {
background-color: #e4ceae;
color: #a08c6d;
font-family: Oswald;
font-size: 11px;
height: 4px;
left: 40px;
line-height: 8px;
margin-bottom: 10px;
margin-left: 526px;
margin-top: 16px;
outline: 4px solid #e4ceae;
outline-offset: 2px;
padding: 15px;
position: relative;
text-align: center;
text-transform: uppercase;
width: 16%;
}
/**/

.topoforum {
display: block;
width: 1036px;
height: 150px;
background: url(https://i.imgur.com/YBfi9Fc.png);
position: fixed;
text-align: center;
top: 0;
margin-left: -19px;
z-index: 999;
}

li.header {
margin-left: -5px;
position: relative;
text-align: center;
background: url(https://i.imgur.com/ks7DYZQ.png);
background-position: center;
font-weight: 700;
letter-spacing: 0;
padding: 45px;
text-transform: none;
}

/*Titulo do Forum*/
.table-title h2 {
font-size: 11px;
padding: 10px;
border: 1px solid white;
line-height: 11px;
letter-spacing: 2px;
font-weight: 100;
font-family: cousine;
}

/*centra el titulo de la categoria*/
.forabg li.header dd.dterm {
width: 92%;
}

/****Base Principal****/

#logo img{
width: 1010px;
margin-left: -15px;
margin-top: -5px;
position: relative;
}

#wrap {
background: white;
border-left: solid 10px #0a0a0a;
border-right: solid 10px #0a0a0a;
border-top: solid 10px #0a0a0a;
margin-top: 123px;
padding: 0px 5px;
min-width: 1000px;
max-width: 1000px;
overflow-x: hidden;
display: block;
position: relative;
}

body {
background-image: url(https://i.imgbox.com/DTgmgnxM.png);
background-position: center top;
background-attachment: fixed;
color: #000;
padding: 0px;
height: auto;
z-index: -999;
}

/*barra del menu*/
ul.navlinks {
width: 1010px;
padding-top: 5px;
padding-bottom: 3px;
background: #2F4F4F;
font-family: cousine;
font-size: 8px;
text-align: center;
letter-spacing: 1px;
word-spacing: 1px;
font-weight: lighter;
cursor: pointer;
margin-top: -16px;
margin-left: -15px;
}

ul.navlinks a {
color: #F3F2ED;
text-transform: uppercase;
letter-spacing: 0px;
font-weight: 100;
}

ul.navlinks a:hover {text-decoration: none; }

/****outros****/
/*desaparece la cabera*/
.forabg li.header dd.lastpost {
display:none;
}

.forabg li.header dd.posts {
display:none;}

.forabg li.header dd.topics {
display:none;
}

.forabg li.row dd.posts:after {
content: "Postagens";
}

.forabg li.row dd.topics:after {
content: "Tópicos";
}

.tituloparceiros {
text-transform: uppercase;
font-family: Roboto Condensed;
font-size: 40px;
color: black;
text-align: right;
width: 745px;
border-bottom: 10px solid black;
float: right;
}

.circulo1 {
position: relative;
z-index: 999;
top: 215px;
left: 175px;
background: url(https://i.imgur.com/x7a1hJ0.png);
height: 70px;
width: 70px;
border-radius: 100px;
border: 2px solid black;
}

.circulo1:hover {
position: relative;
z-index: 999;
top: 215px;
left: 175px;
background: url(https://i.imgur.com/NNWYkHT.png);
height: 70px;
width: 70px;
border-radius: 100px;
border: 2px solid black;
transition: 0.8s;
}

.circulo2 {
position: relative;
z-index: 999;
top: 245px;
left: 175px;
background: url(https://i.imgur.com/KbIR0h0.png);
height: 70px;
width: 70px;
border-radius: 100px;
border: 2px solid black;
}

.circulo2:hover {
position: relative;
z-index: 999;
top: 245px;
left: 175px;
background: url(https://i.imgur.com/c5HKOHN.png);
height: 70px;
width: 70px;
border-radius: 100px;
border: 2px solid black;
transition: 0.8s;
}

.circulo3 {
position: relative;
z-index: 999;
top: 275px;
left: 175px;
background: url(https://i.imgur.com/0gt5r9i.png);
height: 70px;
width: 70px;
border-radius: 100px;
border: 2px solid black;
}

.circulo3:hover {
position: relative;
z-index: 999;
top: 275px;
left: 175px;
background: url(https://i.imgur.com/ms8O7mW.png);
height: 70px;
width: 70px;
border-radius: 100px;
border: 2px solid black;
transition: 0.8s;
}

.tabela1 {
display: block;
position: relative;
height: 280px;
width: 220px;
background: ;
border: none;
}

.tabela1img {
height: 265px;
width: 205px;
padding: 5px;
}

.tabela2 {
display: block;
position: relative;
top: -280px;
left: 205px;
height: 270px;
max-height: 280px;
overflow: auto;
width: 745px;
background: ;
border: none;
margin-left: 10px;
padding-top: 10px;
padding-bottom: -10px;
padding-left: 36px;
}

.parceiros:hover {
border: 3px solid #d42d2d;
transition: 0.8s;
}

.parceiros {
background: white;
height: 31px;
width: 88px;
margin: 5px;
border: 3px solid #3b3b3b;
}

.copyrights {
position: relative;
text-transform: uppercase;
text-align: center;
width: auto;
background: white;
color: black;
font-size: 11px;
font-family: roboto condensed;
padding: 5px;
}

.fundoparceiros {
display: none;
background: url(https://i.imgur.com/SIw215b.png);
padding-top: 180px;
width: 1010px;
text-align: center;
overflow: hidden;
}

.fundoparceiros img {
background: white;
margin: 4px;
border: 1px solid #83645b;
box-shadow: 0px 0px 2px #83645b;
width: 88px;
height: 31px;
}


/* T A B L O N D E A N U N C I O S */
.module {
background: ;
border: 6px double #DADEDA;
overflow: hidden;
padding: 0px 10px;
}

#tab-background {
background: ;
border: 5px double #DADEDA;
overflow: hidden;
padding: 7px;
padding-bottom: 5px;
padding-top: 5px;
margin: 7px;
}

#tab-nom {
width: 218px;
padding: 10px;
background: #44473E;
border-bottom: 10px solid #7A2C18;
display: none;
color: #f6f6f6;
font-family: 'Oswald';
font-size: 20px;
font-variant: normal;
font-weight: normal;
text-shadow: 1px 1px 1px #000;
text-transform: lowercase;
line-height: 30px;
text-align: right;
}

#tab-nom:after {content: ",";}

#tab-cont {
width: 200px;
padding: 5px;
padding-left: 10px;
background: #DADEDA;
border: 2px solid #FBF3E8;
outline: 2px solid #DADEDA;
text-align: left;
font-family: verdana;
height: 264px;
overflow: hidden;
font-size: 10px;
letter-spacing: 0px;
line-height: 11px;
}

#tab-cont a {
font-size: 10px;
}

#tab-amb {
width: 200px;
padding: 10px;
background: #9BB09B;
border: 5px double white;
height: 257px;
margin-left: 5px;
color: white;
overflow: auto;
font-size: 10px;
line-height: 11px;
text-align: justify;
}

#tab-nov {
background: #8FBC8F;
border: 2px solid #FBF3E8;
outline: 2px solid #8FBC8F;
width: 180px;
margin-left: 5px;
padding: 0px;
height: 276px;
overflow: hidden;
font-size: 11px;
line-height: 12px;
text-align: justify;
}

#tab-staff {
width: 160px;
padding: 5px;
height: 255px;
overflow: hidden;
font-size: 11px;
line-height: 12px;
text-align: justify;
}

#nov-fecha {
padding: 2px 6px;
background: black;
border-radius: 6px;
-moz-border-radius: 6px;
color: #aaa;
display: inline-block;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 2px;
}

#tab-staff a {
background: #2F4F4F;
color: white;
display: inline-block;
font-size: 8px;
line-height: 9px;
text-transform: uppercase;
letter-spacing: 2px;
padding: 8px;
margin: 2px;
text-align: center;
width: 150px;
transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-webkit-transition: all .7s ease-in-out;
}

#tab-staff a:hover {
background: #7A2C18;
transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-webkit-transition: all .7s ease-in-out;
}

#tab-staff2 {
width: 108px;
padding: 10px;
background: #a0877d;
border: 5px double #ebe4da;
height: 257px;
margin-left: 5px;
color: white;
overflow: auto;
font-size: 10px;
line-height: 11px;
text-align: justify;
}

/*Elimina la parte de los widgets*/
#content-container div#left {
background: trasnparent;
float: left;
height: 100%;
left: 0;
line-height: 100%;
margin-right: 0;
overflow-x: hidden;
overflow-y: auto;
position: fixed;
top: 0;
width: 0px;
}

#left {
position: fixed;
top: 0px;
left:0px;
height: 100%;
}

#content-container div#content { margin-right: 0px !important;}