Problema na visualização de avatar no perfil

Detalhes da questão

Descrição

Código:

#content-container div#left {
display: none !important;
}

/***Template Padrão do RPG (Não Mexa sem autorização)***/
.templebody {
    background: transparent;
    width: 700px;
    border: 2px solid #111;
    padding: 7px;
    font-family: Verdana;
    font-size: 11px;
    text-align: justify;
    color: #000;
    border-bottom: 20px solid #111;
    line-height: 100%;
}
.templetitle {
    font-family: Montserrat;
    background: rgba(51, 51, 51, 0.26);
    padding: 20px;
    font-size: 20px;
    border: 1px solid #111;
    text-align: center;
    font-weight: 800;
    text-transform: uppercase;
}
/***Fim***/
#tabs a span {
    background: #e5e5e5;
    color: #111;
    display: block;
    float: left;
    padding: 6px 10px 6px 5px;
    white-space: nowrap;
}

.forumbg {
    background-color: #111;
    background-image: url(https://2img.net/i/fa/empty.gif);
    background-position: 0 0;
    background-repeat: repeat-x;
    border: 2px solid #fff;
    clear: both;
    margin-bottom: 4px;
    padding: 0 5px;
}
ul.topiclist {
    color: #fff;
    list-style-type: none;
    margin: 0;
}
ul.topiclist li {
    display: block;
    color: #e5e5e5;
}

#cp-main .panel {
    background-color: #111;
}
.panel {
    background-color: #111;
    color: #444;
    margin-bottom: 4px;
    padding: 0 10px;
}
.row3 {
    background-color: #111;
}
li.row:hover {
 background: transparent;
}
li.row {
    border: 1px solid #111;
  background: transparent;
}
.module {
  display: none;
}
dl.icon dd.dterm, dl.icon dt {
    background-position: 5px 50%;
    background-repeat: no-repeat;
    border: none;
}


/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v10/yg0glPPxXUISnKUejCX4qfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v10/pEobIV_lL25TKBpqVI_a2w.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin-ext */
@font-face {
  font-family: 'Abril Fatface';
  font-style: normal;
  font-weight: 400;
  src: local('Abril Fatface'), local('AbrilFatface-Regular'), url(https://fonts.gstatic.com/s/abrilfatface/v8/X1g_KwGeBV3ajZIXQ9VnDn1PgMwFt2V-WJ2uOZ4WXLU.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Abril Fatface';
  font-style: normal;
  font-weight: 400;
  src: local('Abril Fatface'), local('AbrilFatface-Regular'), url(https://fonts.gstatic.com/s/abrilfatface/v8/X1g_KwGeBV3ajZIXQ9VnDjxObtw73-qQgbr7Be51v5c.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/****************** S K I N  D E L  F O R O *******************/
/*Cuerpo del Foro*/

body {
  background: url(https://i.imgur.com/zaHbrnv.png);
}

#wrap {
    background: #111;
    margin-top: 10px;
    border: 1px solid #ccc;
    max-width: 1000px;
    min-width: 1000px;
    padding: 10px!important;
    width: 1000px;
}
 
/*mueve la imagen del logo para que cuadre con el foro*/
#logo img {
    margin-left: -5px;
    margin-top: -5px;
}
#logo {
padding: 0;
}
/*elimina el titulo del foro y el subtitulo*/
#site-title, #site-title h1 {
font-size: 0px;
padding-top: 0px;
}

#logo-desc p {
font-size: 0px;
margin: 0;
padding: 0;
}
 
/*elimina el buscar*/
#search-box {
display: none;
}
 
.navbar {
    background-color: #111;
    clear: both;
    padding: 0 10px;
}

/*barra del menu*/
ul.navlinks {
    background: #111111;
    display: block;
    font-family: Calibri;
    font-size: 9px;
    font-weight: lighter;
    letter-spacing: 1px;
    line-height: 30px;
    margin-left: -20px;
    margin-top: -17px;
    padding: 10px 10px 10px 20px;
    text-align: right;
    width: 990px;
    word-spacing: 1px;
}
 
ul.navlinks a {
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: lighter;
cursor: pointer;
}
 
ul.navlinks a:hover {
text-decoration: none;
}

/*edita comandos del menu*/
#menu-logout, #menu-login, #menu-perfil, #menu-home {display: inline-block;}
#menu-none {display: none;}
#menu-home {float: left;}

/*titulo de los foros - subforos - ultimos mensajes*/
 
li.header {
    background: url(https://i.imgur.com/FMy5sJX.png);
    background-position: 20px, 10px;
    background-repeat: no-repeat;
    font-size: 0;
    height: 100px;
    border: 1px solid #ccc;
    line-height: 90px;
    padding: 15px;
    text-align: center;
    text-transform: none;
}
.table-title {
    border-bottom: 1px solid #e5e5e5;
    color: #e5e5e5;
    float: right;
    font-family: montserrat;
    font-size: 16px;
    font-variant: normal;
    font-weight: 400;
    letter-spacing: 7px;
    line-height: 60px;
    text-align: right;
    text-shadow: 1px 1px 1px #000;
    text-transform: uppercase;
    width: 890px;
}
.table-title h2 {
    color: #e5e5e5;
    font-size: 15px;
    font-family: Montserrat;
    font-variant: normal;
    font-weight: 100;
    letter-spacing: 10px;
    top: 5px;
    position: relative;
    left: -30px;
    text-shadow: 1px 1px 1px #000;
    text-transform: uppercase;
    width: 950px;
}

.forabg li.header dd.dterm {
text-align: center;
width: 100%;
}
.forabg {
    background-color: transparent;
    background-position: 0 0;
    border: none;
    background-repeat: repeat-x;
    clear: both;
    margin-bottom: 4px;
    padding: 0 5px;
}


/*desaparece la cabera*/
    .forabg li.header dd.lastpost {
    display:none;
    }
 
    .forabg li.header dd.posts {
    display:none;}
 
    .forabg li.header dd.topics {
    display:none;
    }
ul.forums {
    background: transparent;
    background-repeat: repeat;
    border-bottom: 30px solid transparent;
}
/*titulo de los subforos*/
a.forumtitle {
    -moz-transition: all 1.7s ease-in-out;
    -webkit-transition: all 1.7s ease-in-out;
    border-bottom: 1px solid #e5e5e5;
    color: #e5e5e5;
    display: block;
    font-family: 'Montserrat';
    font-size: 11px;
    font-weight: 100;
    letter-spacing: 5px;
    line-height: 20px;
    margin-top: 4px;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 1.7s ease-in-out;
    width: 580px;
}

/*cantidad de temas*/
.forabg dd.topics {
    background: rgba(229, 229, 229, 0.1);
    color: #fff;
    font-family: verdana;
    font-size: 8px;
    letter-spacing: 2px;
    line-height: 10px;
    border: 1px solid #ccc;
    margin-left: 85px;
    margin-top: 40px;
    padding: 15px 10px;
    text-transform: uppercase;
    width: 80px;
}
 
.forabg li.row dd.topics:after {content: "Tópicos"; display: block;}
.forabg li.row dd.posts:after {content: "Mensagens"; display: block;}
 
/*cantidad de post*/
.forabg dd.posts {
    background: rgba(229, 229, 229, 0.1);
    color: #fff;
    font-family: verdana;
    font-size: 8px;
    border: 1px solid #ccc;
    letter-spacing: 2px;
    line-height: 10px;
    margin-left: 2px;
    margin-top: 40px;
    padding: 15px 10px;
    text-transform: uppercase;
    width: 80px;
}
 
/*ultimo mensaje*/
.forabg dd.lastpost {
    background: rgba(229, 229, 229, 0.1);
    color: #e5e5e5;
    float: right;
    border: 1px solid #ccc;
    font-family: verdana;
    font-size: 7px;
    height: 30px;
    letter-spacing: 2px;
    line-height: 12px;
    margin-right: 94px;
    margin-top: 2px;
    padding: 10px;
    position: abolute;
    text-align: center;
    text-transform: uppercase;
    width: 184px;
}

li dd.lastpost span a {
  display: inline-block;
  line-height: 10px;
  text-transform: uppercase;
  font-family: verdana;
  color: #555;
  font-size: 8px;
  letter-spacing: 2px;
}

/*****************Descrições dos foruns************/
.table-desc-code {
    border: 1px solid #d8d8d8;
    height: 120px;
    font-family: Montserrat;
    font-size: 9px;
    font-style: italic;
    padding: 15px;
    text-align: justify;
    font-weight: 100;
    text-transform: uppercase;
    overflow: auto;
    width: 569px;
}
#linkstyle1 {
    background: #272727;
    padding: 5px;
    color: #fff;
    margin-left: 3px;
    border: 1px solid #ccc;
    font-style: normal;
}

#linkstyle1:hover {
  background: rgba(204, 204, 204, 0.52);
  color: #fff;
  border: 1px solid #ccc;
  transition: 1s;
}

/*titulos*/
.h3 {
    background: #e5e5e5;
    color: #111;
    font-family: Verdana;
    font-size: 10px;
    font-variant: normal;
    font-weight: 400;
    letter-spacing: 2px;
    padding: 25px 10px;
    text-align: center;
    text-transform: uppercase;
}
 
.h3 a {
  text-decoration: none;
  color: #fff;
}
 
.h3 a:hover {
  text-decoration: none;
  color: #fff;
}
 
h1.page-title {
background: #e5e5e5;
color: #111;
font-family: 'Verdana';
font-size: 10px;
font-variant: normal;
font-weight: normal;
text-transform: uppercase;
padding: 35px 10px;
text-align: center;
letter-spacing: 2px;
}
 
h1.page-title a {
    color: #111;
    text-decoration: none;
}
 
h1.page-title a:hover {
  text-decoration: none;
  color: #fff;
}

#tema-titulo a {
    background: rgba(17, 17, 17, 0.85);
    color: #fff;
    display: block;
    font-family: Verdana;
    font-size: 9px;
    letter-spacing: 2px;
    margin-left: -10px;
    padding: 22px 10px;
    text-align: center;
    text-transform: uppercase;
    width: 990px;
}

#tema-autor {
    background: #eee;
    color: #000;
    display: block;
    font-family: Verdana;
    font-size: 7px;
    letter-spacing: 2px;
    line-height: 23px;
    margin-left: -10px;
    margin-top: 2px;
    padding: 0 10px;
    text-align: left;
    text-transform: uppercase;
    width: 760px;
}

#tema-autor img {display: none}

#tema-opc {
    background: #343434;
    display: block;
    letter-spacing: 2px;
    line-height: 23px;
    margin-left: -10px;
    margin-top: 2px;
    padding: 0 10px;
    text-align: right;
    width: 760px;
}

.boton {
  color: #eee;
  font-family: 'Verdana';
  font-size: 7px;
  text-transform: uppercase;
  display: inline-block;
  margin-right: 10px;
}

/*edita la respuesta*/
.postbody .content {
  font-size: 1.3em;
  width: 750px;
  text-align: justify;
  margin-top: 10px;
  margin-left: -5px;
}

/*PERFILES DE LOS PERSONAJES*/
#perfil-cuerpo {
    -moz-transition: all 1.7s ease-in-out;
    -webkit-transition: all 1.7s ease-in-out;
    background: #343434;
    border-top: 1px solid #e5e5e5;
    height: 420px;
    margin-top: 55px;
    transition: all 1.7s ease-in-out;
    width: 230px;
}

#perfil-rotulo {
    /* height: 50px; */
    left: 14px;
    margin-top: 5px;
    position: relative;
    overflow: hidden;
    width: 200px;
}
#rotulo-nombre {
    background: rgba(255, 255, 255, 0.15);
    font-family: Montserrat;
    border: 1px solid #ccc;
    font-size: 10px;
    height: 10px;
    left: -20px;
    letter-spacing: 1px;
    padding: 10px;
    position: relative;
    text-align: center;
    text-shadow: 1px 0 1px #111;
    text-transform: uppercase;
    width: 230px;
    word-spacing: 1px;
}
#rotulo-nombre a:hover {text-decoration: none;}

#rotulo-irango {
  width: 230px;
  height: 50px;
  blackground: #511;
}

#rotulo-nrango {
display: none;
}

#perfil-data {
  width: 230px;
  height: 320px;
  overflow: hidden;
}

#data-label {
  opacity: 0;
  z-index: 999;
  position: absolute;
  width: 200px;
  height: 270px;
  overflow: hidden;
  margin-left: 15px;
  margin-top: 15px;
  -moz-transition: all 1.7s ease-in-out;
  -webkit-transition: all 1.7s ease-in-out;
  transition: all 1.7s ease-in-out;
}

#data-avatar {
  opacity: 1;
  position: static;
  position: relative;
  left: 14px;
  -moz-transition: all 1.7s ease-in-out;
  -webkit-transition: all 1.7s ease-in-out;
  transition: all 1.7s ease-in-out;
  transition-delay: 1s;
}

#perfil-cuerpo:hover #data-avatar {
  opacity: 0.3;
  position: relative;
    left: 14px;
  -moz-transition: all 1.7s ease-in-out;
  -webkit-transition: all 1.7s ease-in-out;
  transition: all 1.7s ease-in-out;
}

#perfil-cuerpo:hover #data-label {
  opacity: 1;
  -moz-transition: all 1.7s ease-in-out;
  -webkit-transition: all 1.7s ease-in-out;
  transition: all 1.7s ease-in-out;
  transition-delay: 1s;
}

#label-info {
  width: 180px;
  height: 130px;
  overflow: auto;
  border: 10px solid #fff;
  background: #fff;
  margin-top: 95px;
  margin-bottom: 5px;
}

#lab-dato {
  display: block;
  color: #333;
  font-family: verdana;
  font-size: 7px;
  line-height: 8px;
  padding: 4px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

#lab-sep {height: 1px; background: #777; margin: 0px;}

#lab-dato img {
  position: absolute;
  width: 85px;
  height: 85px;
  margin-top: -105px;
  background: #fff;
  padding: 10px;
  border-radius: 50%;
  margin-left: 33px;
}

/*Code, Spoiler y Quote*/
dl.codebox {
background-color: #fcfcfc;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 3px solid #CFC071;
font-size: 11px;
}
 
dl.codebox dt {
display:block;
text-shadows: 1px 1px 1px #000;
text-align: center;
font: 8px 'verdana';
text-transform: uppercase;
background: #3A442D;
color:#ffffff;
padding: 10px;
letter-spacing: 1px;
}
 
dl.codebox code {
color:#333333;
font-size:11px;
padding: 5px;
}
 
blockquote {
background: #fcfcfc url(http://i42.servimg.com/u/f42/09/02/12/09/commen10.png) 6px 12px no-repeat;
border-bottom: 5px solid #3A442D;
border-top: none;
border-left: none;
color: #333333;
border-right: none;
}
 
.content blockquote {
color:#333333;
font-family: verdana;
font-size: 11px;
padding: 5px;
}
 
blockquote cite {
display: block;
font-family: 'Oswald';
font-size: 18px;
line-height: 20px;
color: #CFC071;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
font-weight: lighter;
letter-spacing: 1px;
padding: 5px;
}

blockquote blockquote {background: #fff; }

/*editar*/
#edit {display: none}

/*Color de las pestañas del Perfil*/
#tabs {
    background-color: transparent;
    color: #eee;
    display: block;
    font-size: 7px;
    position: relative;
    padding: 5px;
    top: 15px;
    font-weight: lighter;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    width: 845px;
}

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

#cp-main .panel.sig {background-color: #fff; }

/*botones*/
a.button1, a.button2, button.button2, input.button1, input.button2 {
background: #333;
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: #333;
border: 0px;
color: #fff;
display: inline-block;
font-family: calibri;
font-size: 10px;
outline: medium none;
text-transform: uppercase;
}
 
/*formulario*/
.inputbox, select {
background-color: #fcfcfc;
border: 0px;
border-bottom: 1px solid #333;
padding: 5px 10px;
color: #111;
display: inline-block;
font-family: verdana;
font-size: 10px;
}
 
#cp-main h1 {
border-bottom: none;
color: #fff;
margin-left: 10px;
padding: 20px;
}

.pathname-box, p.path {
  color: #CFC071;
  font-size: 7px;
  letter-spacing: 1px;
  font-family: 'verdana';
  text-transform: uppercase;
}

.pathname-box a, p.path a {color: #000; }

/*seleccionar asi todo mono*/
::selection {
  background: #A1BBAC;
  color: #000;
}
 
::-moz-selection {
  background: #4A5947;
  color: #fff;
}
 
/*barra lateral*/
::-webkit-scrollbar-thumb {
  background-color: #CFC071;
  border: 2px solid #fff;
  height: auto;
  width: 5px;
}
 
::-webkit-scrollbar {
  background-color: #CFC071;
  border: 4px solid #fff;
  height: 10px;
  width: 10px;
}

/*estadisticas del foro*/
#es-cuerpo {
  display: block;
  background: #111;
  border-bottom: 10px solid #e5e5e5;
  padding: 10px;
}

#es-caja1, #es-caja2 {
    height: 189px;
    overflow: hidden;
    width: 480px;
}

#es-caja1 {margin-right: 10px}

#es-tit {
  display: block;
  padding: 5px 10px;
  border-bottom: 1px solid #e5e5e5;
  margin-top: 4px;
  line-height: 20px;
  font-size: 12px;
  letter-spacing: 2px;
  color: #e5e5e5;
  font-family: 'Oswald';
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  font-weight: lighter;
}

#es-con {
    border: 1px solid #e5e5e5;
    display: block;
    height: 130px;
    margin: 10px;
    overflow: auto;
    font-size: 8px;
    letter-spacing: 1px;
    color: #e5e5e5;
    font-family: calibri;
    text-transform: uppercase;
    padding: 0 10px 10px;
    text-align: justify;
}

#es-con a {
  font-family: 'Montserrat';
  font-weight: normal;
  letter-spacing: 0px;
  word-spacing: 2px;
  line-height: 20px;
  font-size: 10px;
}

#box1, #box2, #box3 {
    background: #272727;
    border-bottom: 5px solid #cccccc;
    display: inline-block;
    font-family: 'Montserrat';
    font-size: 11px;
    color: #ccc;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 20px;
    margin-left: 10px;
    margin-top: 10px;
    padding: 10px;
    text-align: center;
    width: 295px;
    word-spacing: 2px;
}

#box1:before, #box2:before, #box3:before {
  background: #e5e5e5;
  line-height: 10px;
  padding: 10px;
  width: 295px;
  margin-top: -10px;
  margin-left: -10px;
  margin-bottom: 10px;
  font-size: 8px;
  letter-spacing: 2px;
  color: #111;
  font-family: 'verdana';
  text-transform: uppercase;
  display: block;
}

#box1:before {content: "Mensagens Postadas"}
#box2:before {content: "Usuários Registrados"}
#box3:before {content: "Seja Bem-Vindo:"}

#box4 {
    background: #cccccc;
    color: #111;
    display: block;
    font-family: verdana;
    font-size: 7px;
    letter-spacing: 2px;
    line-height: 10px;
    margin: 10px;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
}

#box-ley {
  display: block;
  padding: 10px;
  border: 1px solid #e5e5e5;
  overflow: hidden;
  height: 120px;
  text-align: center;
}

#box-grup1, #box-grup2, #box-grup3, #box-grup4, #box-grup5, #box-grup6, #box-grup7, #box-grup8, #box-grup9, #box-grup10, #box-grup11, #box-grup12 {
  width: 108px;
  height: 38px;
  margin: 1px;
  display: inline-block;
  overflow: hidden;
}

#box-grup1 {background: #4B0082;}
#box-grup2 {background: #ABDECD;}
#box-grup3 {background: #2E4F4F;}
#box-grup4 {background: #75DFFF;}
#box-grup5 {background: #B80000;}
#box-grup6 {background: #8A6508;}
#box-grup7 {background: #919967;}
#box-grup8 {background: #304709;}
#box-grup9 {background: #8A2BE3;}
#box-grup10 {background: #CCC}
#box-grup11 {background: #029BC9;}
#box-grup12 {background: #00FF80;}

#nom {
  background: #fff;
  line-height: 10px;
  padding: 4px;
  display: block;
  font-size: 8px;
  letter-spacing: 1px;
  font-family: 'verdana';
  text-transform: uppercase;
  text-align: center;
  color: #000;
  margin-left: 120px;
  -moz-transition: all 1.7s ease-in-out;
  -webkit-transition: all 1.7s ease-in-out;
  transition: all 1.7s ease-in-out;
}

#cen {
  font-family: 'Abril Fatface';
  font-weight: normal;
  letter-spacing: 0px;
  word-spacing: 2px;
  line-height: 19px;
  font-size: 14px;
  color: #fff;
  opacity: 0px;
  margin-left: -120px;
  -moz-transition: all 1.7s ease-in-out;
  -webkit-transition: all 1.7s ease-in-out;
  transition: all 1.7s ease-in-out;
}

#box-grup1:hover #nom, #box-grup1:hover #cen {margin-left: 0px; opacity: 1; -moz-transition: all 1.7s ease-in-out; -webkit-transition: all 1.7s ease-in-out; transition: all 1.7s ease-in-out;}
#box-grup2:hover #nom, #box-grup2:hover #cen {margin-left: 0px; opacity: 1; -moz-transition: all 1.7s ease-in-out; -webkit-transition: all 1.7s ease-in-out; transition: all 1.7s ease-in-out;}
#box-grup3:hover #nom, #box-grup3:hover #cen {margin-left: 0px; opacity: 1; -moz-transition: all 1.7s ease-in-out; -webkit-transition: all 1.7s ease-in-out; transition: all 1.7s ease-in-out;}
#box-grup4:hover #nom, #box-grup4:hover #cen {margin-left: 0px; opacity: 1; -moz-transition: all 1.7s ease-in-out; -webkit-transition: all 1.7s ease-in-out; transition: all 1.7s ease-in-out;}
#box-grup5:hover #nom, #box-grup5:hover #cen {margin-left: 0px; opacity: 1; -moz-transition: all 1.7s ease-in-out; -webkit-transition: all 1.7s ease-in-out; transition: all 1.7s ease-in-out;}
#box-grup6:hover #nom, #box-grup6:hover #cen {margin-left: 0px; opacity: 1; -moz-transition: all 1.7s ease-in-out; -webkit-transition: all 1.7s ease-in-out; transition: all 1.7s ease-in-out;}
#box-grup7:hover #nom, #box-grup7:hover #cen {margin-left: 0px; opacity: 1; -moz-transition: all 1.7s ease-in-out; -webkit-transition: all 1.7s ease-in-out; transition: all 1.7s ease-in-out;}
#box-grup8:hover #nom, #box-grup8:hover #cen {margin-left: 0px; opacity: 1; -moz-transition: all 1.7s ease-in-out; -webkit-transition: all 1.7s ease-in-out; transition: all 1.7s ease-in-out;}
#box-grup9:hover #nom, #box-grup9:hover #cen {margin-left: 0px; opacity: 1; -moz-transition: all 1.7s ease-in-out; -webkit-transition: all 1.7s ease-in-out; transition: all 1.7s ease-in-out;}
#box-grup10:hover #nom, #box-grup10:hover #cen {margin-left: 0px; opacity: 1; -moz-transition: all 1.7s ease-in-out; -webkit-transition: all 1.7s ease-in-out; transition: all 1.7s ease-in-out;}
#box-grup11:hover #nom, #box-grup11:hover #cen {margin-left: 0px; opacity: 1; -moz-transition: all 1.7s ease-in-out; -webkit-transition: all 1.7s ease-in-out; transition: all 1.7s ease-in-out;}
#box-grup12:hover #nom, #box-grup12:hover #cen {margin-left: 0px; opacity: 1; -moz-transition: all 1.7s ease-in-out; -webkit-transition: all 1.7s ease-in-out; transition: all 1.7s ease-in-out;}

/*WIDGETS DEL FORO*/

#content-container div#left {
background: transpatent;
height: 100%;
left: 70px;
line-height: 100%;
margin-right: 0;
overflow-x: hidden;
overflow-y: auto;
position: fixed;
top: 0;
width: 200px;
text-align: center;
}
 
#left {
position: fixed;
top: 0px;
left:0px;
height: 100%;
}
 
#content-container div#content { margin-right: 0px !important;}
#content-container div#left .h3 {display:none}

#comments_scroll_div {
  display: block;
  height: 95px;
  background: #fff;
  padding: 20px;
  text-align: justify;
  font-size: 8px;
  letter-spacing: 1px;
  font-family: 'verdana';
  text-transform: uppercase;
  line-height: 9px;
}

#comments_scroll_div:before {
  display: block;
  background: #CFC071;
  line-height: 10px;
  padding: 10px;
  width: 160px;
  margin-top: -20px;
  margin-left: -20px;
  margin-bottom: 10px;
  font-size: 8px;
  letter-spacing: 2px;
  color: #fff;
  font-family: 'verdana';
  text-transform: uppercase;
  content: "Ultimos temas";
}

/* C H A T  B O X  */
.chatbox-title, .chatbox-title a.chat-title {
  font-family: Oswald;
  font-weight: normal;
  font-size: 15px;
  color: #3A442D;
  margin-left: 5px;
}

.chatbox-options li, .chatbox-options li a, .chatbox-options li label, .chatbox-options li strong {
  font-family: verdana;
  font-size: 8px;
  text-transform: uppercase;
  font-weight: 700;
  color: #3A442D;
  letter-spacing: 1px;
  font-weight: lighter;
}
#chatbox_header{background: #111; border: 1px solid #ccc;}
#chatbox_footer{background-color: #111; border: 1px solid #ccc;}
#chatbox {background: #111;}

.chatbox_row_1,.chatbox_row_2,.chatbox_row_3{
  font-size:11px;
  font-family: verdana;
  background: transparent;
  line-height: 12px;
}
#chatbox_footer label {
  font-family: verdana;
  font-size: 8px;
  font-weight: 700;
  background: #111;
  text-transform: uppercase;
  color: #e7ebe3;
}
#chatbox_members{
  font-size: 8px;
  background: #111;
  font-family: verdana;
  text-transform: uppercase;
  line-height: 9px;
  letter-spacing: 2px;
}
#chatbox_members .member-title {
    background-color: #111;
    background-image: none;
    color: #444;
    font-family: Calibri;
    font-size: 12px;
    padding: .5em .25em;
    text-align: center;
}


/*AFILIADOS AL PIE DEL FORO*/
#afi-nom {
    background: #e5e5e5;
    color: #111;
    display: block;
    font-family: verdana;
    font-size: 8px;
    letter-spacing: 2px;
    line-height: 10px;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
}

#afi-nor a {
    background: #e5e5e5;
    color: #111;
    display: block;
    font-family: verdana;
    font-size: 8px;
    letter-spacing: 2px;
    line-height: 66px;
    margin-left: 60px;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    width: 540px;
}

#afi-mano, #afi-vip {
  display: block;
  width: 300px;
  padding: 0px;
  background: #eee;
  margin-bottom: 10px;
}

#afi-vip {
    margin-right: 10px;
    width: 560px;
    margin-left: 60px;
}
#afi-cu1, #afi-cu2, #afi-cu4 {display:block; padding: 20px; background: #272727;}
#afi-cu1 {width: 260px;}
#afi-cu2 {width: 520px;}
#afi-cu4 {width: 260px;}
#afi-cu1 img {width: 50px; height: 90px; margin: 1px;}
#afi-cu2 img {width: 40px; height: 40px; margin: 1px;}
#afi-cu4 img {width: 50px; height: 50px; margin: 1px;}

/* T A B L O N  D E  A N U N C I O S */
.wid {
  margin-top: 70px;
  margin-left: 10px;
  width: 140px;
  height: 180px;
  padding: 20px;
  background: #fff;
  margin-bottom: -10px;
  overflow: hidden;
}

#wid-u {
  display: block;
  background: #CFC071;
  line-height: 10px;
  padding: 10px;
  width: 160px;
  margin-top: -20px;
  margin-left: -20px;
  margin-bottom: 20px;
  font-size: 8px;
  letter-spacing: 2px;
  color: #fff;
  font-family: 'verdana';
  text-transform: uppercase;
}

#wid-u strong {color: #fff; font-weight: lighter;}

#wid-ava img {
  width: 115px;
  height: 150px;
  margin-top: -7px;
  margin-left: 2px;
}

.bot1, .bot2, .bot3, .bot4, .bot5 {
  width: 25px;
  line-height: 20px;
  height: 20px;
  text-align: center;
  color: #000;
}

#caja1, #caja2, #caja3, #caja4, #caja5 {
  position: fixed;
  top: 20%;
  left: 30%;
  width: 500px;
  height: 350px;
  padding: 10px;
  display: none;
  background: #FFF;
  border: 10px solid #CFC071;
}

#cont-img {
  width: 208px;
  height: 310px;
  padding: 20px;
}

#img-texto {
  width: 188px;
  height: 150px;
  padding: 10px;
  background: #FFF;
  margin-top: 140px;
  font-size: 10px;
  line-height: 11px;
  text-align: justify;
  overflow: auto;
}

#cont-link {
  width: 248px;
  height: 198px;
}

#cont-link a {
  display: block;
  background: #CFC071;
  line-height: 10px;
  padding: 5px;
  margin-bottom: 2px;
  font-size: 8px;
  letter-spacing: 2px;
  color: #fff;
  font-family: 'verdana';
  text-transform: uppercase;
  text-aling: center;
}

#tit-img {
  width: 228px;
  height: 132px;
  padding: 10px;
}

#tit-tex, #tit-jef {
  display: block;
  background: #fff;
  line-height: 10px;
  padding: 5px;
  margin-top: 60px;
  font-size: 8px;
  letter-spacing: 2px;
  color: #000;
  font-family: 'verdana';
  text-transform: uppercase;
  text-aling: center;
}

#img-r1, #img-r2, #img-r3, #img-r4, #img-r {
  width: 188px;
  height: 35px;
  padding: 20px 10px;
  background: #fff;
  margin-bottom: 3px;
  font-size: 20px;
  line-height: 25px;
  font-family: 'Abril Fatface';
  text-align: center; 
}

#img-r1 p, #img-r2 p, #img-r3 p, #img-r4 p, #img-r p {
  display: block;
  line-height: 10px;
  font-size: 8px;
  letter-spacing: 2px;
  color: #000;
  font-family: 'verdana';
  text-transform: uppercase;
  text-aling: center;
}

#img-r1 {color: #d1111a;}
#img-r2 {color: #008080;}
#img-r3 {color: #f4a611;}
#img-r4 {color: #148444;}

#cont-jefes {
  width: 248px;
  height: 350px;
}

#jefes {
  width: 100px;
  height: 152px;
  padding: 10px;
  display: inline-block;
  margin-bottom: 5px;
  -moz-transition: all .7s ease-in-out;
  -webkit-transition: all .7s ease-in-out;
  transition: all .7s ease-in-out;
}

#tit-jef strong {display: block; letter-spacing: 0px;}
#tit-jef {width: 100px; margin-top: 0px; padding: 0px; height: 0px; overflow: hidden; position: absolute; -moz-transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; transition: all .7s ease-in-out;}
#jefes:hover #tit-jef {width: 90px; margin-top: 0px; padding: 5px; height: auto; -moz-transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; transition: all .7s ease-in-out;}

/*tablon en el índice*/
#in-caja {
  display: block;
  padding: 20px;
  background: #111;
  border: 10px solid #ccc;
}

#in-staff {width: 188px; height: 108px}
#in-staff img {margin: 2px; width: 90px; height: 50px}

#in-clima, #in-nov {
  width: 330px;
  height: 88px;
  padding: 10px;
  overflow: auto;
  text-align: justify;
  font-size: 10px;
  line-height: 11px;
}
#in-clima strong {
    font-family: 'Montserrat';
    text-transform: uppercase;
    font-size: 13px;
    color: #999;
    line-height: 20px;
}
/************FONTES****************/
@font-face {
  font-family: 'IM Fell English SC';
  font-style: normal;
  font-weight: 400;
  src: local('IM FELL English SC'), local('IM_FELL_English_SC'), url(http://themes.googleusercontent.com/static/fonts/imfellenglishsc/v3/h3Tn6yWfw4b5qaLD1RWvz9gX5f6-V0DImePmAcKHNfQ.ttf) format('truetype');
}
@font-face {
  font-family: \'Quicksand\';
  font-style: normal;
  font-weight: 400;
  src: local(\'Quicksand Regular\'), local(\'Quicksand-Regular\'), url(http://themes.googleusercontent.com/static/fonts/quicksand/v2/sKd0EMYPAh5PYCRKSryvWz8E0i7KZn-EPnyo3HZu7kw.woff) format(\'woff\');
}
@font-face {
  font-family: \'Open Sans Condensed\';
  font-style: normal;
  font-weight: 300;
  src: local(\'Open Sans Cond Light\'), local(\'OpenSans-CondensedLight\'), url(http://themes.googleusercontent.com/static/fonts/opensanscondensed/v6/gk5FxslNkTTHtojXrkp-xF1YPouZEKgzpqZW9wN-3Ek.woff) format(\'woff\');
}
@font-face {
  font-family: \'Quicksand\';
  font-style: normal;
  font-weight: 400;
  src: local(\'Quicksand Regular\'), local(\'Quicksand-Regular\'), url(http://themes.googleusercontent.com/static/fonts/quicksand/v2/sKd0EMYPAh5PYCRKSryvWz8E0i7KZn-EPnyo3HZu7kw.woff) format(\'woff\');
}
@font-face {
  font-family: \'Open Sans Condensed\';
  font-style: normal;
  font-weight: 300;
  src: local(\'Open Sans Cond Light\'), local(\'OpenSans-CondensedLight\'), url(http://themes.googleusercontent.com/static/fonts/opensanscondensed/v6/gk5FxslNkTTHtojXrkp-xF1YPouZEKgzpqZW9wN-3Ek.woff) format(\'woff\');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat-Regular'), url(http://themes.googleusercontent.com/static/fonts/montserrat/v3/zhcz-_WihjSQC0oHJ9TCYC3USBnSvpkopQaUR-2r7iU.ttf) format('truetype');
}

@font-face {
  font-family: 'Montserrat Alternates';
  font-style: normal;
  font-weight: 400;
  src: local('MontserratAlternates-Regular'), url(http://themes.googleusercontent.com/static/fonts/montserratalternates/v1/z2n1Sjxk9souK3HCtdHukgnkfjG14KscmNg0xC38TkM.ttf) format('truetype');
}

@font-face {
  font-family: 'Montserrat Subrayada';
  font-style: normal;
  font-weight: 400;
  src: local('MontserratSubrayada-Regular'), url(http://themes.googleusercontent.com/static/fonts/montserratsubrayada/v1/nzoCWCz0e9c7Mr2Gl8bbgmKug4NwxLoXRUZJcef-dI0.ttf) format('truetype');
}

@font-face {
  font-family: 'Wire One';
  font-style: normal;
  font-weight: 400;
  src: local('Wire One'), local('WireOne'), url(http://themes.googleusercontent.com/static/fonts/wireone/v3/fas9dl2wmMkt5rCu-aBez_esZW2xOQ-xsNqO47m55DA.woff) format('woff');
}

 @font-face { font-family: "sueellen"; src: url('http://themes.googleusercontent.com/static/fonts/sueellenfrancisco/v2/TwHX4vSxMUnJUdEz1JIgrrtXaZAN_aGv07JTA91X2HI.woff'); }
 
@font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }

@font-face {
  font-family: 'Mrs Saint Delafield';
  font-style: normal;
  font-weight: 400;
  src: local('Mrs Saint Delafield'), local('MrsSaintDelafield-Regular'), url(http://themes.googleusercontent.com/static/fonts/mrssaintdelafield/v1/vuWagfFT7bj9lFtZOFBwmkQ9lQTg7ma6s-K-LsDIgkk.woff) format('woff');
}

@font-face {
  font-family: 'Caesar Dressing';
  font-style: normal;
  font-weight: 400;
  src: local('Caesar Dressing'), local('CaesarDressing-Regular'), url(http://themes.googleusercontent.com/static/fonts/caesardressing/v3/2T_WzBgE2Xz3FsyJMq34T2P6V2CHcxaChb7jOf5qsHM.woff) format('woff');
}
@font-face {
  font-family: 'Metal Mania';
  font-style: normal;
  font-weight: 400;
  src: local('Metal Mania'), local('MetalMania-Regular'), url(http://themes.googleusercontent.com/static/fonts/metalmania/v3/_MPduYXiaptg6GQ2M6AHtIbN6UDyHWBl620a-IRfuBk.woff) format('woff');
}

/* latin-ext */
@font-face {
  font-family: 'Fjalla One';
  font-style: normal;
  font-weight: 400;
  src: local('Fjalla One'), local('FjallaOne-Regular'), url(http://fonts.gstatic.com/s/fjallaone/v3/SHXJdWnWW6HDq-6DpcG8P_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Fjalla One';
  font-style: normal;
  font-weight: 400;
  src: local('Fjalla One'), local('FjallaOne-Regular'), url(http://fonts.gstatic.com/s/fjallaone/v3/rxxXUYj4oZ6Q5oDJFtEd6vk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 400;
  src: local("Oswald Regular"), local("Oswald-Regular"), url("http://themes.googleusercontent.com/static/fonts/oswald/v8/-g5pDUSRgvxvOl5u-a_WHw.woff") format("woff");
}

@font-face {
  font-family: 'Kaushan Script', cursive;
  font-style: normal;
  font-weight: 400;
  src: local("Kaushan Script"), local("Kaushan Script"), url("") format("css");
}
@font-face {
    font-family: 'TeXGyreAdventorRegular';
    src: url('../fonts/TeX-Gyre-Adventor-fontfacekit/texgyreadventor-regular-webfont.eot');
    src: url('../fonts/TeX-Gyre-Adventor-fontfacekit/texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TeX-Gyre-Adventor-fontfacekit/texgyreadventor-regular-webfont.woff') format('woff'),
        url('../fonts/TeX-Gyre-Adventor-fontfacekit/texgyreadventor-regular-webfont.ttf') format('truetype'),
        url('../fonts/TeX-Gyre-Adventor-fontfacekit/texgyreadventor-regular-webfont.svg#TeXGyreAdventorRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: "RalewayRegular";
    src: url("../fonts/RalewayRegular/RalewayRegular.eot");
    src: url("../fonts/RalewayRegular/RalewayRegular.eot?#iefix")format("embedded-opentype"),
    url("../fonts/RalewayRegular/RalewayRegular.woff") format("woff"),
    url("../fonts/RalewayRegular/RalewayRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {font-family: 'Yanone Kaffeesatz'; font-style: normal; font-weight: 300;  src: local('Yanone Kaffeesatz Light'), local('YanoneKaffeesatz-Light'), url(http://themes.googleusercontent.com/static/fonts/yanonekaffeesatz/v4/We_iSDqttE3etzfdfhuPRVMR8FhBa8rkfAKaPBwAU3s.woff) format('woff');}
@font-face {font-family: 'Yanone Kaffeesatz'; font-style: normal; font-weight: 400; src: local('Yanone Kaffeesatz Regular'), local('YanoneKaffeesatz-Regular'), url(http://themes.googleusercontent.com/static/fonts/yanonekaffeesatz/v4/YDAoLskQQ5MOAgvHUQCcLRTHiN2BPBirwIkMLKUspj4.woff) format('woff');}
@font-face {font-family: 'Sacramento'; font-style: normal; font-weight: 400; src: local('Sacramento'), local('Sacramento-Regular'), url(http://themes.googleusercontent.com/static/fonts/sacramento/v1/WFDkXpubrEwopJnSlHV6CBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');}
@font-face {font-family: 'Cookie'; font-style: normal; font-weight: 400; src: local('Cookie-Regular'), url(http://themes.googleusercontent.com/static/fonts/cookie/v4/Tvkve1y-JrkMx2S9u2OW1g.woff) format('woff');}
@font-face {font-family: 'Sue Ellen Francisco'; font-style: normal; font-weight: 400; src: local('Sue Ellen Francisco '), local('SueEllenFrancisco'), url(http://themes.googleusercontent.com/static/fonts/sueellenfrancisco/v4/TwHX4vSxMUnJUdEz1JIgrrtXaZAN_aGv07JTA91X2HI.woff) format('woff');}
@font-face {font-family: 'Baumans'; font-style: normal; font-weight: 400; src: local('Baumans'), local('Baumans-Regular'), url(http://themes.googleusercontent.com/static/fonts/baumans/v2/3DEdKAl82M5rDSLBVcU5jA.woff) format('woff');}
@font-face {font-family: 'Six Caps'; font-style: normal; font-weight: 400; src: local('Six Caps'), local('SixCaps'), url(http://themes.googleusercontent.com/static/fonts/sixcaps/v4/tMrhQDUBAHnnGuM33-yobPesZW2xOQ-xsNqO47m55DA.woff) format('woff');}
@font-face {font-family: 'Bangers'; font-style: normal; font-weight: 400; src: local('Bangers'), local('Bangers-Regular'), url(http://themes.googleusercontent.com/static/fonts/bangers/v4/DqeGA7eaz0hhOYTfkeJBIA.woff) format('woff');}
@font-face {font-family: 'Quicksand'; font-style: normal; font-weight: 400; src: local('Quicksand Regular'), local('Quicksand-Regular'), url(http://themes.googleusercontent.com/static/fonts/quicksand/v2/sKd0EMYPAh5PYCRKSryvWz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');}
@font-face {font-family: 'Open Sans Condensed';font-style: normal; font-weight: 300; src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(http://themes.googleusercontent.com/static/fonts/opensanscondensed/v6/gk5FxslNkTTHtojXrkp-xF1YPouZEKgzpqZW9wN-3Ek.woff) format('woff');}
@font-face {font-family: Medula One ; font-weight: 400; src: url(http://static.tumblr.com/kqwo46q/Nw2mt74jf/medulaone-regular.ttf) format("truetype"); }
@font-face {font-family: Squada One ; font-weight: 400; src: url(http://themes.googleusercontent.com/static/fonts/squadaone/v2/DIbfqh10Zkwc_Qd08Y0sab3hpw3pgy2gAi-Ip7WPMi0.woff) format('woff'); }
@font-face {font-family:wireone; font-weight: 200; src: url(http://static.tumblr.com/kqwo46q/vvEm48fyk/wireone.ttf) format("truetype"); } 
@font-face {font-family:Marvel; font-weight:100; src: url(http://static.tumblr.com/kqwo46q/SQ1m82675/marvel-regular.ttf) format("truetype");}
@font-face {font-family:Poiret; font-weight: 400; src: url(http://themes.googleusercontent.com/static/fonts/poiretone/v1/HrI4ZJpJ3Fh0wa5ofYMK8RsxEYwM7FgeyaSgU71cLG0.woff) format('woff'); }
@font-face {font-family:Economica; font-weight: 200; src: url(http://static.tumblr.com/kqwo46q/7sWmd983f/economica-regular.ttf) format("truetype"); }
@font-face {font-family:Archivo Narrow; font-weight: 400; src: url(http://static.tumblr.com/kqwo46q/joamie4iu/archivonarrow-regular.ttf) format("truetype"); } 
@font-face {font-family:Text me one; font-weight: 900; src: url(http://static.tumblr.com/kqwo46q/mtLmie4zo/textmeone-regular.ttf) format("truetype");}
@font-face {font-family:Julius Sans One; font-weight: 400; src: url(http://static.tumblr.com/kqwo46q/YZTmjkjfd/juliussansone-regular.ttf) format("truetype"); } 
@font-face {font-family:Benchnine; font-weight: 400; src: url(http://static.tumblr.com/kqwo46q/i0mmjvhdz/benchnine-regular.ttf) format("truetype"); } 
@font-face {
   font-family: 'Montserrat';
   src: url('fonts/montserrat-thin-webfont.woff2') format('woff2'),
       url('fonts/montserrat-thin-webfont.woff') format('woff');
   font-weight: 100;
   font-style: normal;
}

@font-face {
   font-family: 'Montserrat';
   src: url('fonts/montserrat-extralight-webfont.woff2') format('woff2'),
       url('fonts/montserrat-extralight-webfont.woff') format('woff');
   font-weight: 200;
   font-style: normal;
}

@font-face {
   font-family: 'Montserrat';
   src: url('fonts/montserrat-light-webfont.woff2') format('woff2'),
       url('fonts/montserrat-light-webfont.woff') format('woff');
   font-weight: 300;
   font-style: normal;
}

@font-face {
   font-family: 'Montserrat';
   src: url('fonts/montserrat-regular-webfont.woff2') format('woff2'),
       url('fonts/montserrat-regular-webfont.woff') format('woff');
   font-weight: 400; // normal
   font-style: normal;
}

@font-face {
   font-family: 'Montserrat';
   src: url('fonts/montserrat-medium-webfont.woff2') format('woff2'),
       url('fonts/montserrat-medium-webfont.woff') format('woff');
   font-weight: 500;
   font-style: normal;
}

@font-face {
   font-family: 'Montserrat';
   src: url('fonts/montserrat-semibold-webfont.woff2') format('woff2'),
       url('fonts/montserrat-semibold-webfont.woff') format('woff');
   font-weight: 600;
   font-style: normal;
}

@font-face {
   font-family: 'Montserrat';
   src: url('fonts/montserrat-bold-webfont.woff2') format('woff2'),
       url('fonts/montserrat-bold-webfont.woff') format('woff');
   font-weight: 700;
   font-style: normal;
}

@font-face {
   font-family: 'Montserrat';
   src: url('fonts/montserrat-extrabold-webfont.woff2') format('woff2'),
       url('fonts/montserrat-extrabold-webfont.woff') format('woff');
   font-weight: 800;
   font-style: normal;
}

@font-face {
   font-family: 'Montserrat';
   src: url('fonts/montserrat-black-webfont.woff2') format('woff2'),
       url('fonts/montserrat-black-webfont.woff') format('woff');
   font-weight: 900;
   font-style: normal;
}

@import url('https://fonts.googleapis.com/css?family=Cinzel:400,700,900|Libre+Barcode+39+Text|Merienda:400,700|Monoton|Shadows+Into+Light|Spectral+SC:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i');


/************FIM DAS FONTES****************/

Código:

.module {
display: inline !important;
background-color: transparent !important;
}
#content-container div#left {
display: none !important;
}

/***Template Padrão do RPG (Não Mexa sem autorização)***/
.templebody {
    background: transparent;
    width: 700px;
    border: 2px solid #111;
    padding: 7px;
    font-family: Verdana;
    font-size: 11px;
    text-align: justify;
    color: #000;
    border-bottom: 20px solid #111;
    line-height: 100%;
}
.templetitle {
    font-family: Montserrat;
    background: rgba(51, 51, 51, 0.26);
    padding: 20px;
    font-size: 20px;
    border: 1px solid #111;
    text-align: center;
    font-weight: 800;
    text-transform: uppercase;
}
/***Fim***/
#tabs a span {
    background: #e5e5e5;
    color: #111;
    display: block;
    float: left;
    padding: 6px 10px 6px 5px;
    white-space: nowrap;
}

.forumbg {
    background-color: #111;
    background-image: url(https://2img.net/i/fa/empty.gif);
    background-position: 0 0;
    background-repeat: repeat-x;
    border: 2px solid #fff;
    clear: both;
    margin-bottom: 4px;
    padding: 0 5px;
}
ul.topiclist {
    color: #fff;
    list-style-type: none;
    margin: 0;
}
ul.topiclist li {
    display: block;
    color: #e5e5e5;
}

#cp-main .panel {
    background-color: #111;
}
.panel {
    background-color: #111;
    color: #444;
    margin-bottom: 4px;
    padding: 0 10px;
}
.row3 {
    background-color: #111;
}
li.row:hover {
 background: transparent;
}
li.row {
    border: 1px solid #111;
  background: transparent;
}
dl.icon dd.dterm, dl.icon dt {
    background-position: 5px 50%;
    background-repeat: no-repeat;
    border: none;
}


/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v10/yg0glPPxXUISnKUejCX4qfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v10/pEobIV_lL25TKBpqVI_a2w.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin-ext */
@font-face {
  font-family: 'Abril Fatface';
  font-style: normal;
  font-weight: 400;
  src: local('Abril Fatface'), local('AbrilFatface-Regular'), url(https://fonts.gstatic.com/s/abrilfatface/v8/X1g_KwGeBV3ajZIXQ9VnDn1PgMwFt2V-WJ2uOZ4WXLU.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Abril Fatface';
  font-style: normal;
  font-weight: 400;
  src: local('Abril Fatface'), local('AbrilFatface-Regular'), url(https://fonts.gstatic.com/s/abrilfatface/v8/X1g_KwGeBV3ajZIXQ9VnDjxObtw73-qQgbr7Be51v5c.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/****************** S K I N  D E L  F O R O *******************/
/*Cuerpo del Foro*/

body {
  background: url(https://i.imgur.com/zaHbrnv.png);
}

#wrap {
    background: #111;
    margin-top: 10px;
    border: 1px solid #ccc;
    max-width: 1000px;
    min-width: 1000px;
    padding: 10px!important;
    width: 1000px;
}
 
/*mueve la imagen del logo para que cuadre con el foro*/
#logo img {
    margin-left: -5px;
    margin-top: -5px;
}
#logo {
padding: 0;
}
/*elimina el titulo del foro y el subtitulo*/
#site-title, #site-title h1 {
font-size: 0px;
padding-top: 0px;
}

#logo-desc p {
font-size: 0px;
margin: 0;
padding: 0;
}
 
/*elimina el buscar*/
#search-box {
display: none;
}
 
.navbar {
    background-color: #111;
    clear: both;
    padding: 0 10px;
}

/*barra del menu*/
ul.navlinks {
    background: #111111;
    display: block;
    font-family: Calibri;
    font-size: 9px;
    font-weight: lighter;
    letter-spacing: 1px;
    line-height: 30px;
    margin-left: -20px;
    margin-top: -17px;
    padding: 10px 10px 10px 20px;
    text-align: right;
    width: 990px;
    word-spacing: 1px;
}
 
ul.navlinks a {
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: lighter;
cursor: pointer;
}
 
ul.navlinks a:hover {
text-decoration: none;
}

/*edita comandos del menu*/
#menu-logout, #menu-login, #menu-perfil, #menu-home {display: inline-block;}
#menu-none {display: none;}
#menu-home {float: left;}

/*titulo de los foros - subforos - ultimos mensajes*/
 
li.header {
    background: url(https://i.imgur.com/FMy5sJX.png);
    background-position: 20px, 10px;
    background-repeat: no-repeat;
    font-size: 0;
    height: 100px;
    border: 1px solid #ccc;
    line-height: 90px;
    padding: 15px;
    text-align: center;
    text-transform: none;
}
.table-title {
    border-bottom: 1px solid #e5e5e5;
    color: #e5e5e5;
    float: right;
    font-family: montserrat;
    font-size: 16px;
    font-variant: normal;
    font-weight: 400;
    letter-spacing: 7px;
    line-height: 60px;
    text-align: right;
    text-shadow: 1px 1px 1px #000;
    text-transform: uppercase;
    width: 890px;
}
.table-title h2 {
    color: #e5e5e5;
    font-size: 15px;
    font-family: Montserrat;
    font-variant: normal;
    font-weight: 100;
    letter-spacing: 10px;
    top: 5px;
    position: relative;
    left: -30px;
    text-shadow: 1px 1px 1px #000;
    text-transform: uppercase;
    width: 950px;
}

.forabg li.header dd.dterm {
text-align: center;
width: 100%;
}
.forabg {
    background-color: transparent;
    background-position: 0 0;
    border: none;
    background-repeat: repeat-x;
    clear: both;
    margin-bottom: 4px;
    padding: 0 5px;
}


/*desaparece la cabera*/
    .forabg li.header dd.lastpost {
    display:none;
    }
 
    .forabg li.header dd.posts {
    display:none;}
 
    .forabg li.header dd.topics {
    display:none;
    }
ul.forums {
    background: transparent;
    background-repeat: repeat;
    border-bottom: 30px solid transparent;
}
/*titulo de los subforos*/
a.forumtitle {
    -moz-transition: all 1.7s ease-in-out;
    -webkit-transition: all 1.7s ease-in-out;
    border-bottom: 1px solid #e5e5e5;
    color: #e5e5e5;
    display: block;
    font-family: 'Montserrat';
    font-size: 11px;
    font-weight: 100;
    letter-spacing: 5px;
    line-height: 20px;
    margin-top: 4px;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 1.7s ease-in-out;
    width: 580px;
}

/*cantidad de temas*/
.forabg dd.topics {
    background: rgba(229, 229, 229, 0.1);
    color: #fff;
    font-family: verdana;
    font-size: 8px;
    letter-spacing: 2px;
    line-height: 10px;
    border: 1px solid #ccc;
    margin-left: 85px;
    margin-top: 40px;
    padding: 15px 10px;
    text-transform: uppercase;
    width: 80px;
}
 
.forabg li.row dd.topics:after {content: "Tópicos"; display: block;}
.forabg li.row dd.posts:after {content: "Mensagens"; display: block;}
 
/*cantidad de post*/
.forabg dd.posts {
    background: rgba(229, 229, 229, 0.1);
    color: #fff;
    font-family: verdana;
    font-size: 8px;
    border: 1px solid #ccc;
    letter-spacing: 2px;
    line-height: 10px;
    margin-left: 2px;
    margin-top: 40px;
    padding: 15px 10px;
    text-transform: uppercase;
    width: 80px;
}
 
/*ultimo mensaje*/
.forabg dd.lastpost {
    background: rgba(229, 229, 229, 0.1);
    color: #e5e5e5;
    float: right;
    border: 1px solid #ccc;
    font-family: verdana;
    font-size: 7px;
    height: 30px;
    letter-spacing: 2px;
    line-height: 12px;
    margin-right: 94px;
    margin-top: 2px;
    padding: 10px;
    position: abolute;
    text-align: center;
    text-transform: uppercase;
    width: 184px;
}

li dd.lastpost span a {
  display: inline-block;
  line-height: 10px;
  text-transform: uppercase;
  font-family: verdana;
  color: #555;
  font-size: 8px;
  letter-spacing: 2px;
}

/*****************Descrições dos foruns************/
.table-desc-code {
    border: 1px solid #d8d8d8;
    height: 120px;
    font-family: Montserrat;
    font-size: 9px;
    font-style: italic;
    padding: 15px;
    text-align: justify;
    font-weight: 100;
    text-transform: uppercase;
    overflow: auto;
    width: 569px;
}
#linkstyle1 {
    background: #272727;
    padding: 5px;
    color: #fff;
    margin-left: 3px;
    border: 1px solid #ccc;
    font-style: normal;
}

#linkstyle1:hover {
  background: rgba(204, 204, 204, 0.52);
  color: #fff;
  border: 1px solid #ccc;
  transition: 1s;
}

/*titulos*/
.h3 {
    background: #e5e5e5;
    color: #111;
    font-family: Verdana;
    font-size: 10px;
    font-variant: normal;
    font-weight: 400;
    letter-spacing: 2px;
    padding: 25px 10px;
    text-align: center;
    text-transform: uppercase;
}
 
.h3 a {
  text-decoration: none;
  color: #fff;
}
 
.h3 a:hover {
  text-decoration: none;
  color: #fff;
}
 
h1.page-title {
background: #e5e5e5;
color: #111;
font-family: 'Verdana';
font-size: 10px;
font-variant: normal;
font-weight: normal;
text-transform: uppercase;
padding: 35px 10px;
text-align: center;
letter-spacing: 2px;
}
 
h1.page-title a {
    color: #111;
    text-decoration: none;
}
 
h1.page-title a:hover {
  text-decoration: none;
  color: #fff;
}

#tema-titulo a {
    background: rgba(17, 17, 17, 0.85);
    color: #fff;
    display: block;
    font-family: Verdana;
    font-size: 9px;
    letter-spacing: 2px;
    margin-left: -10px;
    padding: 22px 10px;
    text-align: center;
    text-transform: uppercase;
    width: 990px;
}

#tema-autor {
    background: #eee;
    color: #000;
    display: block;
    font-family: Verdana;
    font-size: 7px;
    letter-spacing: 2px;
    line-height: 23px;
    margin-left: -10px;
    margin-top: 2px;
    padding: 0 10px;
    text-align: left;
    text-transform: uppercase;
    width: 760px;
}

#tema-autor img {display: none}

#tema-opc {
    background: #343434;
    display: block;
    letter-spacing: 2px;
    line-height: 23px;
    margin-left: -10px;
    margin-top: 2px;
    padding: 0 10px;
    text-align: right;
    width: 760px;
}

.boton {
  color: #eee;
  font-family: 'Verdana';
  font-size: 7px;
  text-transform: uppercase;
  display: inline-block;
  margin-right: 10px;
}

/*edita la respuesta*/
.postbody .content {
  font-size: 1.3em;
  width: 750px;
  text-align: justify;
  margin-top: 10px;
  margin-left: -5px;
}

/*PERFILES DE LOS PERSONAJES*/
#perfil-cuerpo {
    -moz-transition: all 1.7s ease-in-out;
    -webkit-transition: all 1.7s ease-in-out;
    background: #343434;
    border-top: 1px solid #e5e5e5;
    height: 420px;
    margin-top: 55px;
    transition: all 1.7s ease-in-out;
    width: 230px;
}

#perfil-rotulo {
    /* height: 50px; */
    left: 14px;
    margin-top: 5px;
    position: relative;
    overflow: hidden;
    width: 200px;
}
#rotulo-nombre {
    background: rgba(255, 255, 255, 0.15);
    font-family: Montserrat;
    border: 1px solid #ccc;
    font-size: 10px;
    height: 10px;
    left: -20px;
    letter-spacing: 1px;
    padding: 10px;
    position: relative;
    text-align: center;
    text-shadow: 1px 0 1px #111;
    text-transform: uppercase;
    width: 230px;
    word-spacing: 1px;
}
#rotulo-nombre a:hover {text-decoration: none;}

#rotulo-irango {
  width: 230px;
  height: 50px;
  blackground: #511;
}

#rotulo-nrango {
display: none;
}

#perfil-data {
  width: 230px;
  height: 320px;
  overflow: hidden;
}

#data-label {
  opacity: 0;
  z-index: 999;
  position: absolute;
  width: 200px;
  height: 270px;
  overflow: hidden;
  margin-left: 15px;
  margin-top: 15px;
  -moz-transition: all 1.7s ease-in-out;
  -webkit-transition: all 1.7s ease-in-out;
  transition: all 1.7s ease-in-out;
}

#data-avatar {
  opacity: 1;
  position: static;
  position: relative;
  left: 14px;
  -moz-transition: all 1.7s ease-in-out;
  -webkit-transition: all 1.7s ease-in-out;
  transition: all 1.7s ease-in-out;
  transition-delay: 1s;
}

#perfil-cuerpo:hover #data-avatar {
  opacity: 0.3;
  position: relative;
    left: 14px;
  -moz-transition: all 1.7s ease-in-out;
  -webkit-transition: all 1.7s ease-in-out;
  transition: all 1.7s ease-in-out;
}

#perfil-cuerpo:hover #data-label {
  opacity: 1;
  -moz-transition: all 1.7s ease-in-out;
  -webkit-transition: all 1.7s ease-in-out;
  transition: all 1.7s ease-in-out;
  transition-delay: 1s;
}

#label-info {
  width: 180px;
  height: 130px;
  overflow: auto;
  border: 10px solid #fff;
  background: #fff;
  margin-top: 95px;
  margin-bottom: 5px;
}

#lab-dato {
  display: block;
  color: #333;
  font-family: verdana;
  font-size: 7px;
  line-height: 8px;
  padding: 4px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

#lab-sep {height: 1px; background: #777; margin: 0px;}

#lab-dato img {
  position: absolute;
  width: 85px;
  height: 85px;
  margin-top: -105px;
  background: #fff;
  padding: 10px;
  border-radius: 50%;
  margin-left: 33px;
}

/*Code, Spoiler y Quote*/
dl.codebox {
background-color: #fcfcfc;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 3px solid #CFC071;
font-size: 11px;
}
 
dl.codebox dt {
display:block;
text-shadows: 1px 1px 1px #000;
text-align: center;
font: 8px 'verdana';
text-transform: uppercase;
background: #3A442D;
color:#ffffff;
padding: 10px;
letter-spacing: 1px;
}
 
dl.codebox code {
color:#333333;
font-size:11px;
padding: 5px;
}
 
blockquote {
background: #fcfcfc url(http://i42.servimg.com/u/f42/09/02/12/09/commen10.png) 6px 12px no-repeat;
border-bottom: 5px solid #3A442D;
border-top: none;
border-left: none;
color: #333333;
border-right: none;
}
 
.content blockquote {
color:#333333;
font-family: verdana;
font-size: 11px;
padding: 5px;
}
 
blockquote cite {
display: block;
font-family: 'Oswald';
font-size: 18px;
line-height: 20px;
color: #CFC071;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
font-weight: lighter;
letter-spacing: 1px;
padding: 5px;
}

blockquote blockquote {background: #fff; }

/*editar*/
#edit {display: none}

/*Color de las pestañas del Perfil*/
#tabs {
    background-color: transparent;
    color: #eee;
    display: block;
    font-size: 7px;
    position: relative;
    padding: 5px;
    top: 15px;
    font-weight: lighter;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    width: 845px;
}

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

#cp-main .panel.sig {background-color: #fff; }

/*botones*/
a.button1, a.button2, button.button2, input.button1, input.button2 {
background: #333;
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: #333;
border: 0px;
color: #fff;
display: inline-block;
font-family: calibri;
font-size: 10px;
outline: medium none;
text-transform: uppercase;
}
 
/*formulario*/
.inputbox, select {
background-color: #fcfcfc;
border: 0px;
border-bottom: 1px solid #333;
padding: 5px 10px;
color: #111;
display: inline-block;
font-family: verdana;
font-size: 10px;
}
 
#cp-main h1 {
border-bottom: none;
color: #fff;
margin-left: 10px;
padding: 20px;
}

.pathname-box, p.path {
  color: #CFC071;
  font-size: 7px;
  letter-spacing: 1px;
  font-family: 'verdana';
  text-transform: uppercase;
}

.pathname-box a, p.path a {color: #000; }

/*seleccionar asi todo mono*/
::selection {
  background: #A1BBAC;
  color: #000;
}
 
::-moz-selection {
  background: #4A5947;
  color: #fff;
}
 
/*barra lateral*/
::-webkit-scrollbar-thumb {
  background-color: #CFC071;
  border: 2px solid #fff;
  height: auto;
  width: 5px;
}
 
::-webkit-scrollbar {
  background-color: #CFC071;
  border: 4px solid #fff;
  height: 10px;
  width: 10px;
}

/*estadisticas del foro*/
#es-cuerpo {
  display: block;
  background: #111;
  border-bottom: 10px solid #e5e5e5;
  padding: 10px;
}

#es-caja1, #es-caja2 {
    height: 189px;
    overflow: hidden;
    width: 480px;
}

#es-caja1 {margin-right: 10px}

#es-tit {
  display: block;
  padding: 5px 10px;
  border-bottom: 1px solid #e5e5e5;
  margin-top: 4px;
  line-height: 20px;
  font-size: 12px;
  letter-spacing: 2px;
  color: #e5e5e5;
  font-family: 'Oswald';
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  font-weight: lighter;
}

#es-con {
    border: 1px solid #e5e5e5;
    display: block;
    height: 130px;
    margin: 10px;
    overflow: auto;
    font-size: 8px;
    letter-spacing: 1px;
    color: #e5e5e5;
    font-family: calibri;
    text-transform: uppercase;
    padding: 0 10px 10px;
    text-align: justify;
}

#es-con a {
  font-family: 'Montserrat';
  font-weight: normal;
  letter-spacing: 0px;
  word-spacing: 2px;
  line-height: 20px;
  font-size: 10px;
}

#box1, #box2, #box3 {
    background: #272727;
    border-bottom: 5px solid #cccccc;
    display: inline-block;
    font-family: 'Montserrat';
    font-size: 11px;
    color: #ccc;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 20px;
    margin-left: 10px;
    margin-top: 10px;
    padding: 10px;
    text-align: center;
    width: 295px;
    word-spacing: 2px;
}

#box1:before, #box2:before, #box3:before {
  background: #e5e5e5;
  line-height: 10px;
  padding: 10px;
  width: 295px;
  margin-top: -10px;
  margin-left: -10px;
  margin-bottom: 10px;
  font-size: 8px;
  letter-spacing: 2px;
  color: #111;
  font-family: 'verdana';
  text-transform: uppercase;
  display: block;
}

#box1:before {content: "Mensagens Postadas"}
#box2:before {content: "Usuários Registrados"}
#box3:before {content: "Seja Bem-Vindo:"}

#box4 {
    background: #cccccc;
    color: #111;
    display: block;
    font-family: verdana;
    font-size: 7px;
    letter-spacing: 2px;
    line-height: 10px;
    margin: 10px;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
}

#box-ley {
  display: block;
  padding: 10px;
  border: 1px solid #e5e5e5;
  overflow: hidden;
  height: 120px;
  text-align: center;
}

#box-grup1, #box-grup2, #box-grup3, #box-grup4, #box-grup5, #box-grup6, #box-grup7, #box-grup8, #box-grup9, #box-grup10, #box-grup11, #box-grup12 {
  width: 108px;
  height: 38px;
  margin: 1px;
  display: inline-block;
  overflow: hidden;
}

#box-grup1 {background: #4B0082;}
#box-grup2 {background: #ABDECD;}
#box-grup3 {background: #2E4F4F;}
#box-grup4 {background: #75DFFF;}
#box-grup5 {background: #B80000;}
#box-grup6 {background: #8A6508;}
#box-grup7 {background: #919967;}
#box-grup8 {background: #304709;}
#box-grup9 {background: #8A2BE3;}
#box-grup10 {background: #CCC}
#box-grup11 {background: #029BC9;}
#box-grup12 {background: #00FF80;}

#nom {
  background: #fff;
  line-height: 10px;
  padding: 4px;
  display: block;
  font-size: 8px;
  letter-spacing: 1px;
  font-family: 'verdana';
  text-transform: uppercase;
  text-align: center;
  color: #000;
  margin-left: 120px;
  -moz-transition: all 1.7s ease-in-out;
  -webkit-transition: all 1.7s ease-in-out;
  transition: all 1.7s ease-in-out;
}

#cen {
  font-family: 'Abril Fatface';
  font-weight: normal;
  letter-spacing: 0px;
  word-spacing: 2px;
  line-height: 19px;
  font-size: 14px;
  color: #fff;
  opacity: 0px;
  margin-left: -120px;
  -moz-transition: all 1.7s ease-in-out;
  -webkit-transition: all 1.7s ease-in-out;
  transition: all 1.7s ease-in-out;
}

#box-grup1:hover #nom, #box-grup1:hover #cen {margin-left: 0px; opacity: 1; -moz-transition: all 1.7s ease-in-out; -webkit-transition: all 1.7s ease-in-out; transition: all 1.7s ease-in-out;}
#box-grup2:hover #nom, #box-grup2:hover #cen {margin-left: 0px; opacity: 1; -moz-transition: all 1.7s ease-in-out; -webkit-transition: all 1.7s ease-in-out; transition: all 1.7s ease-in-out;}
#box-grup3:hover #nom, #box-grup3:hover #cen {margin-left: 0px; opacity: 1; -moz-transition: all 1.7s ease-in-out; -webkit-transition: all 1.7s ease-in-out; transition: all 1.7s ease-in-out;}
#box-grup4:hover #nom, #box-grup4:hover #cen {margin-left: 0px; opacity: 1; -moz-transition: all 1.7s ease-in-out; -webkit-transition: all 1.7s ease-in-out; transition: all 1.7s ease-in-out;}
#box-grup5:hover #nom, #box-grup5:hover #cen {margin-left: 0px; opacity: 1; -moz-transition: all 1.7s ease-in-out; -webkit-transition: all 1.7s ease-in-out; transition: all 1.7s ease-in-out;}
#box-grup6:hover #nom, #box-grup6:hover #cen {margin-left: 0px; opacity: 1; -moz-transition: all 1.7s ease-in-out; -webkit-transition: all 1.7s ease-in-out; transition: all 1.7s ease-in-out;}
#box-grup7:hover #nom, #box-grup7:hover #cen {margin-left: 0px; opacity: 1; -moz-transition: all 1.7s ease-in-out; -webkit-transition: all 1.7s ease-in-out; transition: all 1.7s ease-in-out;}
#box-grup8:hover #nom, #box-grup8:hover #cen {margin-left: 0px; opacity: 1; -moz-transition: all 1.7s ease-in-out; -webkit-transition: all 1.7s ease-in-out; transition: all 1.7s ease-in-out;}
#box-grup9:hover #nom, #box-grup9:hover #cen {margin-left: 0px; opacity: 1; -moz-transition: all 1.7s ease-in-out; -webkit-transition: all 1.7s ease-in-out; transition: all 1.7s ease-in-out;}
#box-grup10:hover #nom, #box-grup10:hover #cen {margin-left: 0px; opacity: 1; -moz-transition: all 1.7s ease-in-out; -webkit-transition: all 1.7s ease-in-out; transition: all 1.7s ease-in-out;}
#box-grup11:hover #nom, #box-grup11:hover #cen {margin-left: 0px; opacity: 1; -moz-transition: all 1.7s ease-in-out; -webkit-transition: all 1.7s ease-in-out; transition: all 1.7s ease-in-out;}
#box-grup12:hover #nom, #box-grup12:hover #cen {margin-left: 0px; opacity: 1; -moz-transition: all 1.7s ease-in-out; -webkit-transition: all 1.7s ease-in-out; transition: all 1.7s ease-in-out;}

/*WIDGETS DEL FORO*/

#content-container div#left {
background: transpatent;
height: 100%;
left: 70px;
line-height: 100%;
margin-right: 0;
overflow-x: hidden;
overflow-y: auto;
position: fixed;
top: 0;
width: 200px;
text-align: center;
}
 
#left {
position: fixed;
top: 0px;
left:0px;
height: 100%;
}
 
#content-container div#content { margin-right: 0px !important;}
#content-container div#left .h3 {display:none}

#comments_scroll_div {
  display: block;
  height: 95px;
  background: #fff;
  padding: 20px;
  text-align: justify;
  font-size: 8px;
  letter-spacing: 1px;
  font-family: 'verdana';
  text-transform: uppercase;
  line-height: 9px;
}

#comments_scroll_div:before {
  display: block;
  background: #CFC071;
  line-height: 10px;
  padding: 10px;
  width: 160px;
  margin-top: -20px;
  margin-left: -20px;
  margin-bottom: 10px;
  font-size: 8px;
  letter-spacing: 2px;
  color: #fff;
  font-family: 'verdana';
  text-transform: uppercase;
  content: "Ultimos temas";
}

/* C H A T  B O X  */
.chatbox-title, .chatbox-title a.chat-title {
  font-family: Oswald;
  font-weight: normal;
  font-size: 15px;
  color: #3A442D;
  margin-left: 5px;
}

.chatbox-options li, .chatbox-options li a, .chatbox-options li label, .chatbox-options li strong {
  font-family: verdana;
  font-size: 8px;
  text-transform: uppercase;
  font-weight: 700;
  color: #3A442D;
  letter-spacing: 1px;
  font-weight: lighter;
}
#chatbox_header{background: #111; border: 1px solid #ccc;}
#chatbox_footer{background-color: #111; border: 1px solid #ccc;}
#chatbox {background: #111;}

.chatbox_row_1,.chatbox_row_2,.chatbox_row_3{
  font-size:11px;
  font-family: verdana;
  background: transparent;
  line-height: 12px;
}
#chatbox_footer label {
  font-family: verdana;
  font-size: 8px;
  font-weight: 700;
  background: #111;
  text-transform: uppercase;
  color: #e7ebe3;
}
#chatbox_members{
  font-size: 8px;
  background: #111;
  font-family: verdana;
  text-transform: uppercase;
  line-height: 9px;
  letter-spacing: 2px;
}
#chatbox_members .member-title {
    background-color: #111;
    background-image: none;
    color: #444;
    font-family: Calibri;
    font-size: 12px;
    padding: .5em .25em;
    text-align: center;
}


/*AFILIADOS AL PIE DEL FORO*/
#afi-nom {
    background: #e5e5e5;
    color: #111;
    display: block;
    font-family: verdana;
    font-size: 8px;
    letter-spacing: 2px;
    line-height: 10px;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
}

#afi-nor a {
    background: #e5e5e5;
    color: #111;
    display: block;
    font-family: verdana;
    font-size: 8px;
    letter-spacing: 2px;
    line-height: 66px;
    margin-left: 60px;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    width: 540px;
}

#afi-mano, #afi-vip {
  display: block;
  width: 300px;
  padding: 0px;
  background: #eee;
  margin-bottom: 10px;
}

#afi-vip {
    margin-right: 10px;
    width: 560px;
    margin-left: 60px;
}
#afi-cu1, #afi-cu2, #afi-cu4 {display:block; padding: 20px; background: #272727;}
#afi-cu1 {width: 260px;}
#afi-cu2 {width: 520px;}
#afi-cu4 {width: 260px;}
#afi-cu1 img {width: 50px; height: 90px; margin: 1px;}
#afi-cu2 img {width: 40px; height: 40px; margin: 1px;}
#afi-cu4 img {width: 50px; height: 50px; margin: 1px;}

/* T A B L O N  D E  A N U N C I O S */
.wid {
  margin-top: 70px;
  margin-left: 10px;
  width: 140px;
  height: 180px;
  padding: 20px;
  background: #fff;
  margin-bottom: -10px;
  overflow: hidden;
}

#wid-u {
  display: block;
  background: #CFC071;
  line-height: 10px;
  padding: 10px;
  width: 160px;
  margin-top: -20px;
  margin-left: -20px;
  margin-bottom: 20px;
  font-size: 8px;
  letter-spacing: 2px;
  color: #fff;
  font-family: 'verdana';
  text-transform: uppercase;
}

#wid-u strong {color: #fff; font-weight: lighter;}

#wid-ava img {
  width: 115px;
  height: 150px;
  margin-top: -7px;
  margin-left: 2px;
}

.bot1, .bot2, .bot3, .bot4, .bot5 {
  width: 25px;
  line-height: 20px;
  height: 20px;
  text-align: center;
  color: #000;
}

#caja1, #caja2, #caja3, #caja4, #caja5 {
  position: fixed;
  top: 20%;
  left: 30%;
  width: 500px;
  height: 350px;
  padding: 10px;
  display: none;
  background: #FFF;
  border: 10px solid #CFC071;
}

#cont-img {
  width: 208px;
  height: 310px;
  padding: 20px;
}

#img-texto {
  width: 188px;
  height: 150px;
  padding: 10px;
  background: #FFF;
  margin-top: 140px;
  font-size: 10px;
  line-height: 11px;
  text-align: justify;
  overflow: auto;
}

#cont-link {
  width: 248px;
  height: 198px;
}

#cont-link a {
  display: block;
  background: #CFC071;
  line-height: 10px;
  padding: 5px;
  margin-bottom: 2px;
  font-size: 8px;
  letter-spacing: 2px;
  color: #fff;
  font-family: 'verdana';
  text-transform: uppercase;
  text-aling: center;
}

#tit-img {
  width: 228px;
  height: 132px;
  padding: 10px;
}

#tit-tex, #tit-jef {
  display: block;
  background: #fff;
  line-height: 10px;
  padding: 5px;
  margin-top: 60px;
  font-size: 8px;
  letter-spacing: 2px;
  color: #000;
  font-family: 'verdana';
  text-transform: uppercase;
  text-aling: center;
}

#img-r1, #img-r2, #img-r3, #img-r4, #img-r {
  width: 188px;
  height: 35px;
  padding: 20px 10px;
  background: #fff;
  margin-bottom: 3px;
  font-size: 20px;
  line-height: 25px;
  font-family: 'Abril Fatface';
  text-align: center; 
}

#img-r1 p, #img-r2 p, #img-r3 p, #img-r4 p, #img-r p {
  display: block;
  line-height: 10px;
  font-size: 8px;
  letter-spacing: 2px;
  color: #000;
  font-family: 'verdana';
  text-transform: uppercase;
  text-aling: center;
}

#img-r1 {color: #d1111a;}
#img-r2 {color: #008080;}
#img-r3 {color: #f4a611;}
#img-r4 {color: #148444;}

#cont-jefes {
  width: 248px;
  height: 350px;
}

#jefes {
  width: 100px;
  height: 152px;
  padding: 10px;
  display: inline-block;
  margin-bottom: 5px;
  -moz-transition: all .7s ease-in-out;
  -webkit-transition: all .7s ease-in-out;
  transition: all .7s ease-in-out;
}

#tit-jef strong {display: block; letter-spacing: 0px;}
#tit-jef {width: 100px; margin-top: 0px; padding: 0px; height: 0px; overflow: hidden; position: absolute; -moz-transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; transition: all .7s ease-in-out;}
#jefes:hover #tit-jef {width: 90px; margin-top: 0px; padding: 5px; height: auto; -moz-transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; transition: all .7s ease-in-out;}

/*tablon en el índice*/
#in-caja {
  display: block;
  padding: 20px;
  background: #111;
  border: 10px solid #ccc;
}

#in-staff {width: 188px; height: 108px}
#in-staff img {margin: 2px; width: 90px; height: 50px}

#in-clima, #in-nov {
  width: 330px;
  height: 88px;
  padding: 10px;
  overflow: auto;
  text-align: justify;
  font-size: 10px;
  line-height: 11px;
}
#in-clima strong {
    font-family: 'Montserrat';
    text-transform: uppercase;
    font-size: 13px;
    color: #999;
    line-height: 20px;
}
/************FONTES****************/
@font-face {
  font-family: 'IM Fell English SC';
  font-style: normal;
  font-weight: 400;
  src: local('IM FELL English SC'), local('IM_FELL_English_SC'), url(http://themes.googleusercontent.com/static/fonts/imfellenglishsc/v3/h3Tn6yWfw4b5qaLD1RWvz9gX5f6-V0DImePmAcKHNfQ.ttf) format('truetype');
}
@font-face {
  font-family: \'Quicksand\';
  font-style: normal;
  font-weight: 400;
  src: local(\'Quicksand Regular\'), local(\'Quicksand-Regular\'), url(http://themes.googleusercontent.com/static/fonts/quicksand/v2/sKd0EMYPAh5PYCRKSryvWz8E0i7KZn-EPnyo3HZu7kw.woff) format(\'woff\');
}
@font-face {
  font-family: \'Open Sans Condensed\';
  font-style: normal;
  font-weight: 300;
  src: local(\'Open Sans Cond Light\'), local(\'OpenSans-CondensedLight\'), url(http://themes.googleusercontent.com/static/fonts/opensanscondensed/v6/gk5FxslNkTTHtojXrkp-xF1YPouZEKgzpqZW9wN-3Ek.woff) format(\'woff\');
}
@font-face {
  font-family: \'Quicksand\';
  font-style: normal;
  font-weight: 400;
  src: local(\'Quicksand Regular\'), local(\'Quicksand-Regular\'), url(http://themes.googleusercontent.com/static/fonts/quicksand/v2/sKd0EMYPAh5PYCRKSryvWz8E0i7KZn-EPnyo3HZu7kw.woff) format(\'woff\');
}
@font-face {
  font-family: \'Open Sans Condensed\';
  font-style: normal;
  font-weight: 300;
  src: local(\'Open Sans Cond Light\'), local(\'OpenSans-CondensedLight\'), url(http://themes.googleusercontent.com/static/fonts/opensanscondensed/v6/gk5FxslNkTTHtojXrkp-xF1YPouZEKgzpqZW9wN-3Ek.woff) format(\'woff\');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat-Regular'), url(http://themes.googleusercontent.com/static/fonts/montserrat/v3/zhcz-_WihjSQC0oHJ9TCYC3USBnSvpkopQaUR-2r7iU.ttf) format('truetype');
}

@font-face {
  font-family: 'Montserrat Alternates';
  font-style: normal;
  font-weight: 400;
  src: local('MontserratAlternates-Regular'), url(http://themes.googleusercontent.com/static/fonts/montserratalternates/v1/z2n1Sjxk9souK3HCtdHukgnkfjG14KscmNg0xC38TkM.ttf) format('truetype');
}

@font-face {
  font-family: 'Montserrat Subrayada';
  font-style: normal;
  font-weight: 400;
  src: local('MontserratSubrayada-Regular'), url(http://themes.googleusercontent.com/static/fonts/montserratsubrayada/v1/nzoCWCz0e9c7Mr2Gl8bbgmKug4NwxLoXRUZJcef-dI0.ttf) format('truetype');
}

@font-face {
  font-family: 'Wire One';
  font-style: normal;
  font-weight: 400;
  src: local('Wire One'), local('WireOne'), url(http://themes.googleusercontent.com/static/fonts/wireone/v3/fas9dl2wmMkt5rCu-aBez_esZW2xOQ-xsNqO47m55DA.woff) format('woff');
}

 @font-face { font-family: "sueellen"; src: url('http://themes.googleusercontent.com/static/fonts/sueellenfrancisco/v2/TwHX4vSxMUnJUdEz1JIgrrtXaZAN_aGv07JTA91X2HI.woff'); }
 
@font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }

@font-face {
  font-family: 'Mrs Saint Delafield';
  font-style: normal;
  font-weight: 400;
  src: local('Mrs Saint Delafield'), local('MrsSaintDelafield-Regular'), url(http://themes.googleusercontent.com/static/fonts/mrssaintdelafield/v1/vuWagfFT7bj9lFtZOFBwmkQ9lQTg7ma6s-K-LsDIgkk.woff) format('woff');
}

@font-face {
  font-family: 'Caesar Dressing';
  font-style: normal;
  font-weight: 400;
  src: local('Caesar Dressing'), local('CaesarDressing-Regular'), url(http://themes.googleusercontent.com/static/fonts/caesardressing/v3/2T_WzBgE2Xz3FsyJMq34T2P6V2CHcxaChb7jOf5qsHM.woff) format('woff');
}
@font-face {
  font-family: 'Metal Mania';
  font-style: normal;
  font-weight: 400;
  src: local('Metal Mania'), local('MetalMania-Regular'), url(http://themes.googleusercontent.com/static/fonts/metalmania/v3/_MPduYXiaptg6GQ2M6AHtIbN6UDyHWBl620a-IRfuBk.woff) format('woff');
}

/* latin-ext */
@font-face {
  font-family: 'Fjalla One';
  font-style: normal;
  font-weight: 400;
  src: local('Fjalla One'), local('FjallaOne-Regular'), url(http://fonts.gstatic.com/s/fjallaone/v3/SHXJdWnWW6HDq-6DpcG8P_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Fjalla One';
  font-style: normal;
  font-weight: 400;
  src: local('Fjalla One'), local('FjallaOne-Regular'), url(http://fonts.gstatic.com/s/fjallaone/v3/rxxXUYj4oZ6Q5oDJFtEd6vk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 400;
  src: local("Oswald Regular"), local("Oswald-Regular"), url("http://themes.googleusercontent.com/static/fonts/oswald/v8/-g5pDUSRgvxvOl5u-a_WHw.woff") format("woff");
}

@font-face {
  font-family: 'Kaushan Script', cursive;
  font-style: normal;
  font-weight: 400;
  src: local("Kaushan Script"), local("Kaushan Script"), url("") format("css");
}
@font-face {
    font-family: 'TeXGyreAdventorRegular';
    src: url('../fonts/TeX-Gyre-Adventor-fontfacekit/texgyreadventor-regular-webfont.eot');
    src: url('../fonts/TeX-Gyre-Adventor-fontfacekit/texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TeX-Gyre-Adventor-fontfacekit/texgyreadventor-regular-webfont.woff') format('woff'),
        url('../fonts/TeX-Gyre-Adventor-fontfacekit/texgyreadventor-regular-webfont.ttf') format('truetype'),
        url('../fonts/TeX-Gyre-Adventor-fontfacekit/texgyreadventor-regular-webfont.svg#TeXGyreAdventorRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: "RalewayRegular";
    src: url("../fonts/RalewayRegular/RalewayRegular.eot");
    src: url("../fonts/RalewayRegular/RalewayRegular.eot?#iefix")format("embedded-opentype"),
    url("../fonts/RalewayRegular/RalewayRegular.woff") format("woff"),
    url("../fonts/RalewayRegular/RalewayRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {font-family: 'Yanone Kaffeesatz'; font-style: normal; font-weight: 300;  src: local('Yanone Kaffeesatz Light'), local('YanoneKaffeesatz-Light'), url(http://themes.googleusercontent.com/static/fonts/yanonekaffeesatz/v4/We_iSDqttE3etzfdfhuPRVMR8FhBa8rkfAKaPBwAU3s.woff) format('woff');}
@font-face {font-family: 'Yanone Kaffeesatz'; font-style: normal; font-weight: 400; src: local('Yanone Kaffeesatz Regular'), local('YanoneKaffeesatz-Regular'), url(http://themes.googleusercontent.com/static/fonts/yanonekaffeesatz/v4/YDAoLskQQ5MOAgvHUQCcLRTHiN2BPBirwIkMLKUspj4.woff) format('woff');}
@font-face {font-family: 'Sacramento'; font-style: normal; font-weight: 400; src: local('Sacramento'), local('Sacramento-Regular'), url(http://themes.googleusercontent.com/static/fonts/sacramento/v1/WFDkXpubrEwopJnSlHV6CBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');}
@font-face {font-family: 'Cookie'; font-style: normal; font-weight: 400; src: local('Cookie-Regular'), url(http://themes.googleusercontent.com/static/fonts/cookie/v4/Tvkve1y-JrkMx2S9u2OW1g.woff) format('woff');}
@font-face {font-family: 'Sue Ellen Francisco'; font-style: normal; font-weight: 400; src: local('Sue Ellen Francisco '), local('SueEllenFrancisco'), url(http://themes.googleusercontent.com/static/fonts/sueellenfrancisco/v4/TwHX4vSxMUnJUdEz1JIgrrtXaZAN_aGv07JTA91X2HI.woff) format('woff');}
@font-face {font-family: 'Baumans'; font-style: normal; font-weight: 400; src: local('Baumans'), local('Baumans-Regular'), url(http://themes.googleusercontent.com/static/fonts/baumans/v2/3DEdKAl82M5rDSLBVcU5jA.woff) format('woff');}
@font-face {font-family: 'Six Caps'; font-style: normal; font-weight: 400; src: local('Six Caps'), local('SixCaps'), url(http://themes.googleusercontent.com/static/fonts/sixcaps/v4/tMrhQDUBAHnnGuM33-yobPesZW2xOQ-xsNqO47m55DA.woff) format('woff');}
@font-face {font-family: 'Bangers'; font-style: normal; font-weight: 400; src: local('Bangers'), local('Bangers-Regular'), url(http://themes.googleusercontent.com/static/fonts/bangers/v4/DqeGA7eaz0hhOYTfkeJBIA.woff) format('woff');}
@font-face {font-family: 'Quicksand'; font-style: normal; font-weight: 400; src: local('Quicksand Regular'), local('Quicksand-Regular'), url(http://themes.googleusercontent.com/static/fonts/quicksand/v2/sKd0EMYPAh5PYCRKSryvWz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');}
@font-face {font-family: 'Open Sans Condensed';font-style: normal; font-weight: 300; src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(http://themes.googleusercontent.com/static/fonts/opensanscondensed/v6/gk5FxslNkTTHtojXrkp-xF1YPouZEKgzpqZW9wN-3Ek.woff) format('woff');}
@font-face {font-family: Medula One ; font-weight: 400; src: url(http://static.tumblr.com/kqwo46q/Nw2mt74jf/medulaone-regular.ttf) format("truetype"); }
@font-face {font-family: Squada One ; font-weight: 400; src: url(http://themes.googleusercontent.com/static/fonts/squadaone/v2/DIbfqh10Zkwc_Qd08Y0sab3hpw3pgy2gAi-Ip7WPMi0.woff) format('woff'); }
@font-face {font-family:wireone; font-weight: 200; src: url(http://static.tumblr.com/kqwo46q/vvEm48fyk/wireone.ttf) format("truetype"); } 
@font-face {font-family:Marvel; font-weight:100; src: url(http://static.tumblr.com/kqwo46q/SQ1m82675/marvel-regular.ttf) format("truetype");}
@font-face {font-family:Poiret; font-weight: 400; src: url(http://themes.googleusercontent.com/static/fonts/poiretone/v1/HrI4ZJpJ3Fh0wa5ofYMK8RsxEYwM7FgeyaSgU71cLG0.woff) format('woff'); }
@font-face {font-family:Economica; font-weight: 200; src: url(http://static.tumblr.com/kqwo46q/7sWmd983f/economica-regular.ttf) format("truetype"); }
@font-face {font-family:Archivo Narrow; font-weight: 400; src: url(http://static.tumblr.com/kqwo46q/joamie4iu/archivonarrow-regular.ttf) format("truetype"); } 
@font-face {font-family:Text me one; font-weight: 900; src: url(http://static.tumblr.com/kqwo46q/mtLmie4zo/textmeone-regular.ttf) format("truetype");}
@font-face {font-family:Julius Sans One; font-weight: 400; src: url(http://static.tumblr.com/kqwo46q/YZTmjkjfd/juliussansone-regular.ttf) format("truetype"); } 
@font-face {font-family:Benchnine; font-weight: 400; src: url(http://static.tumblr.com/kqwo46q/i0mmjvhdz/benchnine-regular.ttf) format("truetype"); } 
@font-face {
   font-family: 'Montserrat';
   src: url('fonts/montserrat-thin-webfont.woff2') format('woff2'),
       url('fonts/montserrat-thin-webfont.woff') format('woff');
   font-weight: 100;
   font-style: normal;
}

@font-face {
   font-family: 'Montserrat';
   src: url('fonts/montserrat-extralight-webfont.woff2') format('woff2'),
       url('fonts/montserrat-extralight-webfont.woff') format('woff');
   font-weight: 200;
   font-style: normal;
}

@font-face {
   font-family: 'Montserrat';
   src: url('fonts/montserrat-light-webfont.woff2') format('woff2'),
       url('fonts/montserrat-light-webfont.woff') format('woff');
   font-weight: 300;
   font-style: normal;
}

@font-face {
   font-family: 'Montserrat';
   src: url('fonts/montserrat-regular-webfont.woff2') format('woff2'),
       url('fonts/montserrat-regular-webfont.woff') format('woff');
   font-weight: 400; // normal
   font-style: normal;
}

@font-face {
   font-family: 'Montserrat';
   src: url('fonts/montserrat-medium-webfont.woff2') format('woff2'),
       url('fonts/montserrat-medium-webfont.woff') format('woff');
   font-weight: 500;
   font-style: normal;
}

@font-face {
   font-family: 'Montserrat';
   src: url('fonts/montserrat-semibold-webfont.woff2') format('woff2'),
       url('fonts/montserrat-semibold-webfont.woff') format('woff');
   font-weight: 600;
   font-style: normal;
}

@font-face {
   font-family: 'Montserrat';
   src: url('fonts/montserrat-bold-webfont.woff2') format('woff2'),
       url('fonts/montserrat-bold-webfont.woff') format('woff');
   font-weight: 700;
   font-style: normal;
}

@font-face {
   font-family: 'Montserrat';
   src: url('fonts/montserrat-extrabold-webfont.woff2') format('woff2'),
       url('fonts/montserrat-extrabold-webfont.woff') format('woff');
   font-weight: 800;
   font-style: normal;
}

@font-face {
   font-family: 'Montserrat';
   src: url('fonts/montserrat-black-webfont.woff2') format('woff2'),
       url('fonts/montserrat-black-webfont.woff') format('woff');
   font-weight: 900;
   font-style: normal;
}

@import url('https://fonts.googleapis.com/css?family=Cinzel:400,700,900|Libre+Barcode+39+Text|Merienda:400,700|Monoton|Shadows+Into+Light|Spectral+SC:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i');


/************FIM DAS FONTES****************/

.module {
display: inline !important;
background-color: transparent !important;
}

.module {
display: inline-block !important;
background-color: transparent !important;
}