/* FUENTES DEL FORO */
@font-face {
font-family: 'Besom'; font-weight: 400; font-style: normal;
src: url('http://nevermore.b1.jcink.com/uploads/nevermore/besom.eot') format('eot'), 
    url('http://nevermore.b1.jcink.com/uploads/nevermore/besom.woff') format('woff'), 
    url('http://nevermore.b1.jcink.com/uploads/nevermore/besom.ttf')  format('truetype'),
    url('http://nevermore.b1.jcink.com/uploads/nevermore/besom.svg#besom') format('svg');
}

@font-face {
font-family: 'Montserrat Alternates'; font-weight: 400; font-style: normal;
src: url('http://nevermore.b1.jcink.com/uploads/nevermore/montserratalternates_regular.eot') format('eot'), 
    url('http://nevermore.b1.jcink.com/uploads/nevermore/montserratalternates_regular.woff') format('woff'), 
    url('http://nevermore.b1.jcink.com/uploads/nevermore/montserratalternates_regular.ttf')  format('truetype'),
    url('http://nevermore.b1.jcink.com/uploads/nevermore/montserratalternates_regular.svg#montserratalternates_regular') format('svg');
}

@font-face {
font-family: 'Montserrat Alternates'; font-weight: 700; font-style: normal;
src: url('http://nevermore.b1.jcink.com/uploads/nevermore/montserratalternates_bold.eot') format('eot'), 
    url('http://nevermore.b1.jcink.com/uploads/nevermore/montserratalternates_bold.woff') format('woff'), 
    url('http://nevermore.b1.jcink.com/uploads/nevermore/montserratalternates_bold.ttf')  format('truetype'),
    url('http://nevermore.b1.jcink.com/uploads/nevermore/montserratalternates_bold.svg#montserratalternates_bold') format('svg');
}

/****************** S K I N  D E L  F O R O *******************/
/*Cuerpo del Foro*/
#wrap {
padding: 10px!important;
width: 950px;
max-width: 950px;
min-width: 950px;
margin-top: 10px;
}
 
/*hace que desaparezca la imagen del logo*/
#logo img {
display: none;
}

/*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 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;}
 
/*elimina el buscar*/
#search-box {
display: none;
}

/*barra del menu*/
ul.navlinks {
width: 970px;
padding: 5px 0px;
background: #8F8280;
font-family: 'Calibri';
font-size: 9px;
line-height: 30px;
text-align: center;
letter-spacing: 1px;
word-spacing: 1px;
font-weight: lighter;
cursor: pointer;
margin-top: -42px;
margin-left: -20px;
}
 
ul.navlinks a {
color: #F3F2ED;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: lighter;
}
 
ul.navlinks a:hover {text-decoration: none; }
 
/*titulo de los foros - subforos - ultimos mensajes*/
ul.topiclist li {
display: block;
margin: 0;
}

.forabg {
  background: #E9E7CA;
  width: 950px;
  overflow: hidden;
}
 
li.header {
background: #8F8280;
font-size: 0;
line-height: 90px;
text-align: center;
text-transform: none;
width: 940px;
}
 
.table-title, .table-title h2 {
color: #fff;
font-family: 'Besom';
font-size: 35px;
font-variant: normal;
font-weight: normal;
text-shadow: 1px 1px 1px #000;
text-transform: lowercase;
line-height: 80px;
}
 
/*centra el titulo de la categoria*/
.forabg li.header dd.dterm {
text-align: center;
width: 100%;
}
 
/*parte de los foros*/
ul.forums {background: #E9E7CA;}

/*cuadrado principal de la descripción*/
ul.topiclist.forums li.row {
 width: 465px;
 height: 270px;
 overflow: hidden;
 background: #fff;
 border: 1px solid #8F8280;
 margin: 5px;
 margin-left: 0px;
 margin-bottom: 0px;
 display: inline-block;
}
 
/*titulo de los subforos*/
a.forumtitle {
width: 453px;
background: #8C8A62;
font-family: 'Montserrat Alternates';
font-size: 25px;
color: #fff;
text-align: center;
padding-top: 25px;
padding-bottom: 0px;
display: block;
font-weight: lighter;
text-shadow: 0px 0px 1px #000;
text-transform: lowercase;
}
 
a.forumtitle:hover {text-decoration: none; color: #fff}
 
/*descripción de los foros*/
#fbase {
  background-color: #fcfcfc;
  border: 1px solid #f3f3f3;
  padding: 5px;
  width: 441px;
  height: 128px;
  overflow: hidden;
  margin-top: 25px;
}

#ftext1, #ftext2 {
  background-color: #fff;
  border: 1px solid #f3f3f3;
  padding: 5px;
  width: 431px;
  height: 60px;
  overflow: auto;
  text-align: justify;
}

#ftext1 {
  width: 300px; 
  height: 117px;
  margin-top: -3px;
}

#fimg1, #fimg2 {
  background-color: #fff;
  outline: 1px solid #f3f3f3;
  margin: 1px;
  border: 5px solid #fff;
  width: 429px;
  height: 116px;
}

#fimg2 {
  width: 117px; 
  height: 117px;
  margin-left: -2px;
  margin-top: -2px;
}

#flinks {
  background-color: #fff;
  border: 1px solid #f3f3f3;
  padding: 4px;
  width: 433px;
  height: 44px;
  overflow: hidden;
  margin-top: 2px;
}

#flinks a {
  background: #7B5F54;
  margin: 1px;
  width: 142px;
  height: 20px;
  line-height: 20px;
  color: #fff;
  font-family: arial;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
  display: inline-block;
}
 
    /*desaparece la cabera*/
    .forabg li.header dd.lastpost {
    display:none;
    }
 
    .forabg li.header dd.posts {
    display:none;}
 
    .forabg li.header dd.topics {
    display:none;
    }
 
/*cantidad de temas*/
.forabg dd.topics {
width: 215px;
background: #8C8A62;
font-family: 'arial';
font-size: 8px;
text-transform: uppercase;
color: #fff;
text-align: right;
padding-bottom: 20px;
display: inline-block;
font-weight: lighter;
letter-spacing: 2px;
margin-left: -284px;
margin-top: 52px;
position: absolute;
}

.forabg li.row dd.topics:after {content: "temas ///"; }
 
/*cantidad de post*/
.forabg dd.posts {
width: 236px;
background: #8C8A62;
font-family: 'arial';
font-size: 8px;
text-transform: uppercase;
color: #fff;
text-align: left;
padding-bottom: 20px;
display: inline-block;
font-weight: lighter;
letter-spacing: 2px;
margin-left: -68px;
margin-top: 52px;
position: absolute;
}

.forabg li.row dd.posts:after {content: "mensajes";}
.forabg li.row dd.posts:before {content: "/// ";}
 
/*ultimo mensaje*/
.forabg dd.lastpost {
width: 433px;
height: 20px;
overflow: hidden;
padding: 0px 10px;
margin-left: 6px;
margin-top: 242px;
background: #E9E7CA;
line-height: 20px;
text-transform: uppercase;
font-family: verdana;
font-size: 8px;
letter-spacing: 2px;
color: #333;
position: absolute;
}
 
li dd.lastpost span a {margin-left: 10px;}
.forabg dd.lastpost a {color: #7B5F54; margin-right: 5px;}
.lastpost br {display:none;}
.last-post-icon{ display: inline-block; margin-left: -10px}
 
/*titulos*/
.h3 {
background: #8F8280;
color: #fff;
font-family: 'Besom';
font-size: 30px;
font-variant: normal;
font-weight: normal;
text-shadow: 1px 1px 1px #000;
text-transform: lowercase;
line-height: 75px;
text-align: center;
}
 
.h3 a {
  text-decoration: none;
  color: #F3F2ED;
}
 
.h3 a:hover {
  text-decoration: none;
  color: #F3F2ED;
}
 
h1.page-title {
background: #8F8280;
color: #fff;
font-family: 'Besom';
font-size: 30px;
font-variant: normal;
font-weight: normal;
text-shadow: 1px 1px 1px #000;
text-transform: lowercase;
line-height: 75px;
text-align: center;
}
 
h1.page-title a {
  text-decoration: none;
  color: #F3F2ED;
}
 
h1.page-title a:hover {
  text-decoration: none;
  color: #F3F2ED;
}
 

/*titulo de los temas*/
#post-tite {
background-color: #fcfcfc;
outline: 1px solid #f3f3f3;
margin: 1px;
padding: 5px;
margin-bottom: 5px;
}

.postbody .topic-title a {
  background: #fff;
  outline: 1px solid #f3f3f3;
  margin: 1px;
  padding: 5px;
  display: block;
  font-family: 'Besom';
  font-size: 18px;
  text-align: center;
  text-transform: lowercase;
  font-weight: lighter;
  margin-bottom: 3px;
}
 
/*autor de los mensajes*/
p.author {
  background: #fff;
  outline: 1px solid #f3f3f3;
  margin: 1px;
  padding: 5px;
  display: block; 
  font-size: 7px; 
  letter-spacing: 1px;
  font-family: 'verdana';
  color: #333;
  text-align: center;
  text-transform: uppercase;
}
 
/*editar-citar-borrar*/
.postbody ul.profile-icons {
  margin-top: 0px;
  margin-right: -15px;
}

.boton {
  width: 70px;  
  line-height: 20px;
  display: inline-block;
  background: #7B5F54;
  outline: 1px solid #f3f3f3;  
  margin: 1px;  
  border: 2px solid #fff;  
  font-size: 7px; 
  letter-spacing: 1px;
  font-family: 'verdana';
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}
 
/*cuerpo del mensaje*/
.postbody {
clear: both;
color: #333;
float: left;
line-height: 1.48em;
padding: 0;
width: 665px;
padding: 10px;
}
 
/*cuerpo de las respuestas*/
.postbody .content {
font-size: 12px;
font-family: verdana;
line-height: 13px;
padding-top: 10px;
text-align: justify;
}

/*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: 918px;
background-color: #fff;
outline: 1px solid #f3f3f3;
border: 5px solid #fcfcfc;
margin: 1px;
padding: 5px 10px;
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;
}
 
/*formulario*/
.inputbox, select {
background-color: #fff;
outline: 1px solid #f3f3f3;
border: 5px solid #fcfcfc;
margin: 1px;
padding: 5px 10px;
color: #000;
display: inline-block;
font-family: verdana;
font-size: 10px;
}
 
#cp-main h1 {
border-bottom: none;
color: #fff;
margin-left: 10px;
padding: 0;
}
 
/*rutas*/
.pathname-box {
float: center;
width: 918px;
background-color: #fff;
outline: 1px solid #f3f3f3;
border: 5px solid #fcfcfc;
margin: 1px;
padding: 5px 10px;
color: #7B5F54;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 2px;
display: block;
}

/*titles*/
.tipsy { 
padding: 5px; 
font-size: 11px; 
position: absolute; 
text-shadow: none;
z-index: 999;
}
.tipsy-inner { 
padding: 0px 4px; 
background-color: #7B5F54; 
color: #fff; 
font-family: verdana;
font-size: 8px;
line-height: 20px;
text-transform: uppercase;
max-width: 200px; 
text-align: center; 
}

.tipsy-arrow { 
position: absolute; 
background: url('http://cuul.tk/img/tipsy.gif') no-repeat top left; 
width: 9px; 
height: 5px; 
}
.tipsy-n .tipsy-arrow { 
top: 0; 
left: 50%; 
margin-left: -4px; 
}
.tipsy-nw .tipsy-arrow { 
top: 0; 
left: 10px; 
}
.tipsy-ne .tipsy-arrow { 
top: 0; 
right: 10px; 
}
.tipsy-s .tipsy-arrow { 
bottom: 0; 
left: 50%; 
margin-left: -4px; 
background-position: bottom left; 
}
.tipsy-sw .tipsy-arrow { 
bottom: 0; 
left: 10px; 
background-position: bottom left; 
}
.tipsy-se .tipsy-arrow { 
bottom: 0; 
right: 10px; 
background-position: bottom left; 
}
.tipsy-e .tipsy-arrow { 
top: 50%;
margin-top: -4px; 
right: 0; 
width: 5px; 
height: 9px; 
background-position: top right; 
}
.tipsy-w .tipsy-arrow { 
top: 50%; 
margin-top: -4px; 
left: 0; 
width: 5px; 
height: 9px; 
}

/*seleccionar asi todo mono*/
::selection {
  background: #7B5F54;
  color: #fff;
}

::-moz-selection {
  background: #7B5F54;
  color: #fff;
}

/*barra lateral*/
::-webkit-scrollbar-thumb {
  background-color: #7B5F54;
  border: 2px solid #fff;
  height: auto;
  width: 5px;
}

::-webkit-scrollbar {
  background-color: #7B5F54;
  border: 4px solid #fff;
  height: 10px;
  width: 10px;
}

.copyright a {
  padding: 5px;
  background: #7B5F54;
  outline: 1px solid #f3f3f3;  
  margin: 1px;  
  border: 2px solid #fff;  
  font-size: 7px; 
  letter-spacing: 1px;
  font-family: 'verdana';
  color: #fff;
  text-align: center;
  text-transform: uppercase;  
  font-weight: lighter;
}

/*Elimina la cantidad de edisiones de un mensaje*/
#editado {display: none;}

/* P E R F I L E S */
#perfil-cuerpo {
background-color: #fcfcfc;
outline: 1px solid #f3f3f3;
border: 5px solid #fcfcfc;
margin: 1px;
width: 242px;
overflow: hidden;
margin-left: -45px;
margin-top: 6px;
}

#perfil-avatar {
outline: 1px solid #f3f3f3;
border: 5px solid #fff;
margin: 1px;
width: 230px;
height: 320px;
overflow: hidden;
margin-top: 5px;
margin-bottom: 5px;
}

#perfil-img img {
width: 230px;
height: 320px;
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-datos {
width: 220px;
position: absolute;
display: block;
margin-left: 5px;
margin-top: -315px;
overflow: hidden;
}

#datos-info {
outline: 1px solid #f3f3f3;
background: #fcfcfc;
margin: 1px;
margin-bottom: 6px;
padding: 5px;
margin-left: 250px;
-moz-transition: all .7s ease-in-out;
-webkit-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
transition-delay: 2s;
}

#info-cont {
  width: 204px;
  background: #fff;
  outline: 1px solid #f3f3f3;
  margin: 1px;
  margin-bottom: 3px;
  padding: 2px;
  font-family: verdana;
  font-size: 8px;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
}

#info-sep {display: none;}

#datos-contacto {
outline: 1px solid #f3f3f3;
border: 5px solid #fcfcfc;
background: #fff;
margin: 1px;
margin-bottom: 6px;
margin-left: 250px;
-moz-transition: all .7s ease-in-out;
-webkit-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
transition-delay: 2s;
}

#perfil-rango {
outline: 1px solid #f3f3f3;
border: 5px solid #fcfcfc;
background: #fff;
margin: 1px;
margin-left: 250px;
-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-cuerpo:hover #datos-info, #perfil-cuerpo:hover #datos-contacto, #perfil-cuerpo:hover #perfil-rango {
  margin-left: 0px;
  transition-delay: 1s;
  -moz-transition: all .7s ease-in-out;
  -webkit-transition: all .7s ease-in-out;
  transition: all .7s ease-in-out;
}

#perfil-cuerpo:hover #datos-contacto {transition-delay: 2s; }
#perfil-cuerpo:hover #perfil-rango {transition-delay: 3s; }

#perfil-fijo {
outline: 1px solid #f3f3f3;
border: 5px solid #fff;
background: #fff;
margin: 1px;
width: 230px;
text-align: center;
}

#perfil-nombre, #perfil-nombre a {
  font-family: 'Besom';
  font-size: 20px;
  line-height: 22px;
  text-align: right;
  padding: right: 5px;
  display: block;
}

/* E S T A D I S T I C A S   D E L   F O R O */
#esta {
outline: 1px solid #f3f3f3;
background: #fcfcfc;
margin: 1px;
padding: 5px;
display: block;
overflow: hidden;
}

#esta-n {
background: #8C8A62;
font-family: 'Montserrat Alternates';
font-size: 25px;
color: #fff;
text-align: center;
padding: 20px;
display: block;
font-weight: lighter;
text-shadow: 0px 0px 1px #000;
text-transform: lowercase;
}

#esta-b1, #esta-b2 {
outline: 1px solid #f3f3f3;
background: #fff;
margin: 1px;
padding: 5px;
width: 456px;
height: 125px;
margin-left: -1px;
margin-right: 3px;
}

#esta-b2 {
  height: 75px;
  margin-top: -1px;
  overflow: hidden;
}

#esta-tit {
  background: #7B5F54;
  color: #fff;
  display: block;
  padding: 5px;
  font-family: verdana;
  font-size: 8px;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
}

#esta-rot {
  color: #333;
  display: block;
  padding: 5px;
  font-family: verdana;
  font-size: 7px;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
}

#esta-in {
  height: 85px;
  padding: 5px;
  display: block;
  text-align: justify;
  font-family: verdana;
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 1px;
  overflow: auto;
  margin-top: -10px;
}

#esta-in a {
  font-family: 'Besom';
  font-size: 18px;
  text-tranform: lowercase;
  font-weight: lighter;
}

#esta-p {
outline: 1px solid #f3f3f3;
background: #fff;
border: 5px solid #fcfcfc;
margin: 1px;
padding: 5px 20px;
display: inline-block;
margin-right: 3px;
margin-top: 3px;
text-align: center;
}

#esta-p strong {
  font-family: 'Besom';
  font-size: 15px;
  font-weight: lighter;
  line-height: 19px;
}

#lst-p {
  font-family: verdana;
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

#lst-bienve {
  font-family: verdana;
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: block;
  width: 120px;
}

/*grupos*/
#grup1, #grup2, #grup3, #grup4, #grup5, #grup6 {
outline: 1px solid #f3f3f3;
border: 5px solid #fcfcfc;
margin: 1px;
display: inline-block;
width: 62px;
height: 40px;
overflow: hidden;
margin-right: 3px;
margin-top: 3px;
}

#grup1 {background: #6b524e;}
#grup2 {background: #53002c;}
#grup3 {background: #d7bc2e;}
#grup4 {background: #86af77;}
#grup5 {background: #c76e1c;}
#grup6 {background: #8f3922;}

#g1, #g2, #g3, #g4, #g5, #g6 {
  background: #fff;
  height: 20px;
  line-height: 20px;
  width: 62px;
  font-family: verdana;
  font-size: 7px;
  text-transform: uppercase;
  text-align: center;
  color: #333;
  margin-top: 50px;
  -moz-transition: all .7s ease-in-out;
  -webkit-transition: all .7s ease-in-out;
  transition: all .7s ease-in-out;
}

#grup1:hover #g1, #grup2:hover #g2, #grup3:hover #g3, #grup4:hover #g4, #grup5:hover #g5, #grup6:hover #g6 {
  margin-top: 10px;
  -moz-transition: all .7s ease-in-out;
  -webkit-transition: all .7s ease-in-out;
  transition: all .7s ease-in-out;
}

/* A F I L I A D O S   A L   P I E */
#af-base {
outline: 1px solid #f3f3f3;
background: #fcfcfc;
margin: 1px;
padding: 5px;
display: block;
overflow: hidden;
}

#af-n {
background: #8C8A62;
font-family: 'Montserrat Alternates';
font-size: 25px;
color: #fff;
text-align: center;
padding: 20px;
display: block;
font-weight: lighter;
text-shadow: 0px 0px 1px #000;
text-transform: lowercase;
}

#af-her, #af-dir, #af-vip, #af-nor {
outline: 1px solid #f3f3f3;
background: #fff;
margin: 2px;
padding: 5px;
margin-left: -1px;
margin-top: 3px;
overflow: hidden;
}

#af-her, #af-dir {width: 320px; }
#af-vip, #af-nor {width: 592px; }

#af-t1, #af-t2, #af-nor a {
  background: #7B5F54;
  color: #fff;
  display: block;
  padding: 5px;
  font-family: verdana;
  font-size: 8px;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
}

#af-her img, #af-dir img, #af-vip img {
outline: 1px solid #f3f3f3;
border: 5px solid #fcfcfc;
margin: 1px;
display: inline-block;
width: 50px;
height: 90px;
overflow: hidden;
margin-right: 3px;
margin-top: 3px;
}

#af-dir img {height: 50px; }
#af-vip img {
  width: 41.7px; 
  height: 41.7px; 
  border: 4px solid #fcfcfc;
}

#af-nor a {
outline: 1px solid #f3f3f3;
border: 5px solid #fcfcfc;
margin: 1px;
line-height: 17px;
}

/* L O G O   +   T A B L O N */
#tablon { 
outline: 1px solid #f3f3f3;
margin: 1px;
background: #fcfcfc;
padding: 5px;
}

#tab-logo img {
  width: 500px;
  height: 312px;
  outline: 1px solid #f3f3f3;
  border: 5px solid #fff;
}

#caja {
  outline: 1px solid #f3f3f3;
  background: #fff;
  display: block;
  padding: 4px;
  margin-left: 3px;
  height: 314px;
  width: 391px;
  overflow: hidden;
}

#tab-caja {
background: #8C8A62;
width: 55.2px;
font-family: 'Montserrat Alternates';
font-size: 18px;
color: #fff;
text-align: center;
padding: 10px;
display: block;
font-weight: lighter;
text-shadow: 0px 0px 1px #000;
text-transform: lowercase;  
cursor: pointer;
}

#caja-b {
  outline: 1px solid #f3f3f3;
  background: #fcfcfc;
  display: block;
  padding: 5px;
  margin: 1px;
  width: 219px;
  height: 125px;
}

#caja-tit {
  background: #7B5F54;
  color: #fff;
  display: block;
  padding: 5px;
  font-family: verdana;
  font-size: 8px;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
}

#caja-cnt {
  outline: 1px solid #f3f3f3;
  background: #fff;
  display: block;
  padding: 5px;
  margin: 1px;
  width: 208px;
  height: 91px;
  margin-top: 3px;
  overflow: hidden;
}

#img-box {
  outline: 1px solid #f3f3f3;
  background: #fff;
  display: block;
  border: 5px solid #fcfcfc;
  margin: 1px;
  width: 141px;
  height: 125px;
  overflow: hidden;
}

#img-bln {
  background: #fff;
  padding: 5px;
  display: block;
  opacity: 0.7;
  width: 131px;
  height: 115px;
  margin-left: -150px;
  -moz-transition: all .7s ease-in-out;
  -webkit-transition: all .7s ease-in-out;
  transition: all .7s ease-in-out;
}

#img-txt {
  position: absolute;
  margin-top: -126px;
  margin-left: 150px;
  padding: 5px;
  width: 131px;
  height: 115px;
  opacity: 0px;
  -moz-transition: all .7s ease-in-out;
  -webkit-transition: all .7s ease-in-out;
  transition: all .7s ease-in-out;
}

#img-tem {
  outline: 1px solid #f3f3f3;
  background: #fff;
  display: block;
  border: 5px solid #fcfcfc;
  margin: 1px;
  width: 119px;
  height: 82px;
  overflow: auto;
  margin-top: 3px;
}

#img-box:hover #img-bln {
  margin-left: 0px;
  -moz-transition: all .7s ease-in-out;
  -webkit-transition: all .7s ease-in-out;
  transition: all .7s ease-in-out;
}

#img-box:hover #img-txt {
  margin-left: 0px;
  opacity: 1;
  -moz-transition: all .7s ease-in-out;
  -webkit-transition: all .7s ease-in-out;
  transition: all .7s ease-in-out;
  transition-delay: 1s;
}

#caja-s {
  outline: 1px solid #f3f3f3;
  background: #fcfcfc;
  display: block;
  padding: 5px;
  margin: 1px;
  width: 374px;
  height: 110px;
  margin-left: 3px;
  margin-top: 3px;
}

#caja-s img {
  outline: 1px solid #f3f3f3;
  background: #fcfcfc;
  display: inline-block;
  padding: 5px;
  margin: 1px;
  width: 60px;
  height: 75px;
  margin-top: 3px;
  margin-right: 3px;
}

#caja-c, #caja-p {
  outline: 1px solid #f3f3f3;
  background: #fcfcfc;
  display: block;
  padding: 5px;
  margin: 1px;
  width: 374px;
  height: 119px;
  margin-left: 3px;
  margin-top: 3px;
  text-align: justify;
}

#caja-cc, #caja-l {
  outline: 1px solid #f3f3f3;
  background: #fff;
  padding: 5px;
  margin: 1px;
  width: 362px; 
  height: 85px; 
  margin-top: 3px;
  overflow: auto; 
  display: block;
  white-space: normal;
}

#caja-l a {
  width: 169px; 
  line-height: 9px; 
  margin: 1px;
  background: #8F8280;
  color: #fff;
  display: inline-block;
  padding: 5px;
  font-family: verdana;
  font-size: 8px;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
  -moz-transition: all .7s ease-in-out;
  -webkit-transition: all .7s ease-in-out;
  transition: all .7s ease-in-out;
}

#caja-l a:hover {
  background: #8C8A62;
  -moz-transition: all .7s ease-in-out;
  -webkit-transition: all .7s ease-in-out;
  transition: all .7s ease-in-out;
}

#cen1, #cen2, #cen3, #cen4, #cen5, #cen6 {
  width: 167.5px; 
  line-height: 16px; 
  margin: 1px;
  background: #8F8280;
  color: #fff;
  display: inline-block;
  padding: 5px;
  font-family: verdana;
  font-size: 8px;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
}

#cen1 {background: #6b524e; }
#cen2 {background: #53002c; }
#cen3 {background: #d7bc2e; }
#cen4 {background: #86af77; }
#cen5 {background: #c76e1c; }
#cen6 {background: #8f3922; }

#caja-p {
  height: 250px; 
  white-space: normal;
}

#prem {
  width: 173px; 
  height: 63px;
  outline: 1px solid #f3f3f3; 
  border: 5px solid #fff;
  display: inline-block;
  margin: 1px;
  margin-top: 2px;
  overflow: hidden;
}

#prem-c, #prem-n {
  background: #fff;
  height: 20px;
  line-height: 20px;
  width: 173px;
  font-family: verdana;
  font-size: 7px;
  text-transform: uppercase;
  text-align: center;
  color: #333;
  margin-top: 70px;
  -moz-transition: all .7s ease-in-out;
  -webkit-transition: all .7s ease-in-out;
  transition: all .7s ease-in-out;
  transition-delay: 0.5s;
}

#prem-n {
  margin-top: 32px; 
  font-weight: bold;
  -moz-transition: all .7s ease-in-out;
  -webkit-transition: all .7s ease-in-out;
  transition: all .7s ease-in-out;
}

#prem:hover #prem-c {
  margin-top: 11px;
  -moz-transition: all .7s ease-in-out;
  -webkit-transition: all .7s ease-in-out;
  transition: all .7s ease-in-out;
}

#prem:hover #prem-n {
  margin-top: 2px;
  -moz-transition: all .7s ease-in-out;
  -webkit-transition: all .7s ease-in-out;
  transition: all .7s ease-in-out;
  transition-delay: 0.5s; 
}