AVAM SKIN CSS

/* CUERPO */
#left{display:none;}


#comments_scroll_div {
  font-size: 9px;
    text-align: left;
    height: 129px;
    overflow: auto;
}

#wrap {
    background-color: rgba(0,0,0,0.67);
    margin: 130px auto;
    min-width: 768px;
    outline: 20px solid rgba(0,0,0,0.67);
    outline-offset: 0px;
    width: 820px;
}

body {
    background: url(https://i.imgur.com/VdPR7hT.gif) no-repeat center center fixed;
    background-color: #111;
    background-position: center center;
    background-size: cover;
    font-family: georgia;
    font-size: 10px;
}




/* CUERPO HEADER ABAJO */

.header {
    background: #0b0b0b00;
    border-bottom: 1px solid #09625D;
    height: 18px;
    margin-bottom: -2px!important;
    padding: 60px;
    width: 689px;
}

h2 {
    color: #ececec!important;
    font-family: arial;
    font-size: 14px!important;
    font-weight: 900;
    letter-spacing: -1px;
}



ul.forums li.row dd.lastpost span br {
display:none;
}

.cuerpodelultimtema {
     background: #0000008f;
    border: 10px solid #00000000;
    height: 75px;
    padding: 10px;
    width: 500px;
}

a.forumtitle {
    color: #a8a8a8;
    display: block;
    font-family: calibri;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: -34px;
    margin-top: 18px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}


.subforo {
background: #000;
    color: #acacac;
    float: right;
    font-family: calibri;
    font-size: 8.5px;
    height: 65px;
    letter-spacing: .5px;
    line-height: 9px;
    margin-right: -483px;
    margin-top: -33px;
    padding: 25px;
    text-align: justify;
    text-transform: uppercase;
    width: 218px;
  overflow:auto;
}



.linkssubforo {
background: #030303a8;
    font-family: calibri;
    font-size: 8px;
    height: 11px;
    letter-spacing: 1px;
    margin-left: 85px;
    margin-top: 83px;
    padding: 5px;
    text-align: right;
    text-transform: uppercase;
    width: 588px;
}

h1.page-title {
    background: #101010;
    font-family: calibri;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-right: 7px;
    margin-top: -2px;
    padding: 6px;
    text-align: center;
    text-transform: uppercase;
    width: 717px;
    float: right;
}

h1.page-title a {color:#ccc;}



/* NAVBAR */

a.mainmenu[href="/calendar"], a.mainmenu[href="/portal"],  a.mainmenu[href="/memberlist"], a.mainmenu[href="/groups"]{
display:none;
}

.mainmenu[href="/faq"]{display:none}

ul.navlinks {
background-color: rgba(0,0,0,0.67);
    border: 0;
    height: 15px;
    left: 0;
    margin-left: 0!important;
    opacity: 1;
    padding: 20px;
    position: fixed;
    text-align: left;
    top: -5px;
    width: 100%;
    z-index: 998;
}

a.mainmenu {
    color: #ccc;
    font-family: calibri;
    font-size: 8px;
    font-weight: lighter;
    letter-spacing: .5px;
    margin: 0px;
    padding: 5px;
    text-transform: uppercase;
}

.subnavbar {
background-color: #000;
    border: 0;
    border-top: 1px solid #09625d;
    color: #e1e1e1;
    font-family: calibri;
    font-size: 8px;
    height: 12px;
    left: 0;
    letter-spacing: 2px;
    opacity: 1;
    padding: 4px 20px 4px 4px;
    position: fixed;
    text-align: right;
    text-transform: uppercase;
    top: 55px;
    width: 100%;
    z-index: 998;
}

.subnavbar a {color:#fff;}






.topiclist .icon {
     background-position: left; }

 .content strong {
  color: #c5c5c5;
}

.colorpicker {
   width: 356px;
   height: 176px;
   overflow: hidden;
   position: absolute;
   background: url(http://i83.servimg.com/u/f83/17/45/19/77/light11.png) !important;
   font-family: Arial, Helvetica, sans-serif;
   display: none;
   padding: 0 !important;
}
.colorpicker.dark{
 background: url(http://i83.servimg.com/u/f83/17/45/19/77/dark11.png) !important;
}
.colorpicker_color {
   width: 150px;
   height: 150px;
   left: 14px;
   top: 13px;
   position: absolute;
   background: #f00;
   overflow: hidden;
   cursor: crosshair;
}
.colorpicker_color div {
   position: absolute;
   top: 0;
   left: 0;
   width: 150px;
   height: 150px;
   background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.png);
}
.colorpicker_color div div {
   position: absolute;
   top: 0;
   left: 0;
   width: 11px;
   height: 11px;
   overflow: hidden;
   background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.gif);
   margin: -5px 0 0 -5px;
}
.colorpicker_hue {
   position: absolute;
   top: 13px;
   left: 171px;
   width: 35px;
   height: 150px;
   cursor: n-resize;
}
.colorpicker_hue div {
   position: absolute;
   width: 35px;
   height: 9px;
   overflow: hidden;
   background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.gif) left top;
   margin: -4px 0 0 0;
   left: 0px;
}
.colorpicker_new_color {
   position: absolute;
   width: 60px;
   height: 30px;
   left: 213px;
   top: 13px;
   background: #f00;
}
.colorpicker_current_color {
   position: absolute;
   width: 60px;
   height: 30px;
   left: 283px;
   top: 13px;
   background: #f00;
}
.colorpicker input {
   background-color: transparent;
   border: 1px solid transparent;
   position: absolute;
   font-size: 10px;
   font-family: Arial, Helvetica, sans-serif;
   color: #898989;
   top: 4px;
   right: 11px;
   text-align: right;
   margin: 0;
   padding: 0 !important;
   height: 11px;
}
.colorpicker_hex {
   position: absolute;
   width: 72px;
   height: 22px;
   background: url(http://i83.servimg.com/u/f83/17/45/19/77/custom11.png) top;
   left: 212px;
   top: 142px;
}
.colorpicker.dark .colorpicker_hex {
   background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.png) top;
}
.colorpicker_hex input {
   right: 6px;
}
.colorpicker_field {
   height: 22px;
   width: 62px;
   background-position: top;
   position: absolute;
}
.colorpicker_field span {
   position: absolute;
   width: 12px;
   height: 22px;
   overflow: hidden;
   top: 0;
   right: 0;
   cursor: n-resize;
}
.colorpicker_rgb_r {
   background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom12.png);
   top: 52px;
   left: 212px;
}
.colorpicker.dark .colorpicker_rgb_r{
 background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp12.png);
}
.colorpicker_rgb_g {
   background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom13.png);
   top: 82px;
   left: 212px;
}
.colorpicker.dark .colorpicker_rgb_g {
 background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp13.png);
}
.colorpicker_rgb_b {
   background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom14.png);
   top: 112px;
   left: 212px;
}
.colorpicker.dark .colorpicker_rgb_b {
 background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp14.png);
}
.colorpicker_hsb_h, .colorpicker_hsb_s, .colorpicker_hsb_b {
 display: none;
}
.colorpicker_submit {
 position: absolute;
    background: url("http://i83.servimg.com/u/f83/17/45/19/77/accept10.png") no-repeat;
    cursor: pointer;
    right: 10px;
 width: 48px;
 height: 50px;
    top: 118px;
 overflow: hidden;
}
.colorpicker_focus {
   background-position: center;
}
.colorpicker_hex.colorpicker_focus {
   background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
   background-position: bottom;
}
.colorpicker_slider {
   background-position: bottom;
}
.colorpicker { z-index: 3; }

#fa_toolbar #fa_service {
    display: inline-block!important;
    text-decoration: none!important;
    font-size: 0px;
    visibility: visible!important;
}

#fa_menu {
    display: inline-block;
    text-transform: uppercase;
    font-size: 10px;
    font-family: calibri;
    font-weight: 900;
}

#fa_search {
display: none !important;
}

#fa_share {
display: none !important;
}


 #fa_menulist, #notif_list {
margin-top: 5px !important;
border-color: transparent !important;
border-radius: 6px !important;
-moz-border-radius: 6px !important;
-webkit-border-radius: 6px !important;
-moz-box-shadow: -1px 3px 5px #000;
-webkit-box-shadow: -1px 3px 5px #000;
box-shadow: -1px 3px 5px #000;
background-color: #fff;
}

.see_all, .see_all a {
color: #000 !important;
background-color: transparent !important;
}

#fa_right #fa_notifications{
    color: #1C1C1C;
    line-height: 30px;
    padding: 0 5px;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 900;
    font-family: calibri;
}



p.right {
    text-align: right;
    padding: 10px;
    font-size: 8px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}



.postbody .topic-title a {
    color: #FFF;
}

.topictitle-container .topictitle-info h2.topic-title a{    color: #FFF;}

select {
    background-color: #161414;
    border: 1px solid #536f70;
    color: #fff;
    cursor: pointer;
    font-family: Calibri;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 10px;
    padding: 1px;
    vertical-align: middle;
}


.pagination {
    float: right;
    margin-top: 5px;
    text-align: right;
    width: auto;
    text-transform: uppercase;
    font-size: 8px;
    letter-spacing: 0.5px;
      margin-right: 90px!important;
}




.h2avam:first-letter {
 font: 35px/16px arial;
   float: left; padding: 10px; margin-right:4px; color: #fff;
}

.h2avam{
    padding: 23px;
}




.topic-title img {
    display: none;
}



.inputbox {
    background-color: #111;
        border: #2d3436 solid 1px;
    color: #fff;
    cursor: text;
    padding: 2px;
}




.sceditor-container {
    background: #536f70;
    background-clip: padding-box;
    border: 1px solid #191717!important;

    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 12px;
    border-radius: 0px!important;
    font-weight: 700;
    line-height: 1;
    position: relative;
}


.sceditor-container iframe, .sceditor-container textarea {
color: #fff!important;
      font-family: arial!important;
    font-size: 13px;
}


body.widgetsHidden #wrap {
    margin: 0 auto;
  margin-top:280px;
}


.postbody ul.profile-icons {
font-size: 7px;
    letter-spacing: 1px;
    list-style: none;
    margin-right: -277px;
    margin-top: 83px;
    padding: 2px;
    text-align: center;
    text-transform: uppercase;
    width: 135px;
}

a.ul.profile-icons { color: #ccc; }




a.nav-username { color: #ccc; }

.chatbox-title, .chatbox-title a.chat-title {
    font-family: arial;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 14px;
}

#chatbox_footer {
        height: 25px;
    background: #000;
}

#chatbox_footer label {
    color: #000;
}

#message.post {
    font-weight: normal;
    font-style: normal;
    color: #fff;
}

#chatbox {
    bottom: 21px;
    left: 181px;
    line-height: 11px;
    overflow: auto;
    position: absolute;
    right: 0;

    background: #000;
    top: 30px;
    font-family: arial;
    font-size: 12px;
    color: #fff;
}

#chatbox_members {
    border-right: #2d3436 solid 1px;
    bottom: 30px;
    background: #000;
    overflow: auto;
    font-family: arial;
    position: absolute;
    top: 30px;
    width: 180px;
}

#message {
    height: 11px!important;
    margin-top: 2px;
  #09625d solid 1px!important
    width: 280px!important;
    margin-right: 5px!important;
}

#chatbox_header {
        border-bottom: #2d3436 solid 1px;
    height: 30px;

    background: #000;
    font-size: 8px!important;
    font-family: calibri;
    text-transform: uppercase;
}

#cp-main .panel {
    background-color: #000;
        border: #212121 solid 1px;
    color: #fff;
}



.Widgetshide ul, .Widgetshide li {list-style: none; margin: 0; padding: 0;}


.menu li {
    box-sizing: border-box;
    height: 25px;
    line-height: 10px;
    text-transform: uppercase;
    padding: 0 20px;}

.menu .hide{display:none;}


.menu .openwidget {
    background-color: #6178804a;
    color: #f1f1f1;
    cursor: pointer;
    display: block;
    font-family: calibri, arial;
    font-size: 10px;
    font-weight: 900;
    height: 30px;
    letter-spacing: 1px;
    line-height: 30px;
    margin-bottom: 5px;
    text-align: center;
    text-transform: uppercase;
}


a.lw {
    background-color: #3d3c3c;
    font-family: calibri;
    font-size: 10px;
    height: 10px;
    line-height: 10px;
    padding: 4px 5px;
    text-align: center;
    width: 162px;
    display: block;
    margin: auto auto 5px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: white;
}




 ul.linklist li {
position: relative;
float: left;
}

    li:hover #prof-contentperfil {
      opacity: 1;
      visibility: visible;
      margin-top: -5px;
    }

    #prof-contentperfil {
      margin-top: -15px;
      margin-left: -5px;
      _margin: 0; /*IE6 only*/
      opacity: 0;
  text-transform:uppercase;
      visibility: hidden;!important
      position: absolute;
      top: 29px;
      z-index: 999;
      background: #fff;
      padding: 5px;
      -moz-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
      -webkit-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
      box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
      -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
      -ms-transition: all .2s ease-in-out;
      -o-transition: all .2s ease-in-out;
    }

    #prof-contentperfil a {
      display:block;
  color: #141414;
      width:auto;
      margin-left: 5px;
    }



    li:hover #proff-content {
      opacity: 1;
      visibility: visible;
      margin-top: -5px;
    }

    #proff-content {
      margin-top: -15px;
      margin-left: -5px;
      _margin: 0; /*IE6 only*/
      opacity: 0;
  text-transform:uppercase;
      visibility: hidden;
      position: absolute;
      top: 29px;
      z-index: 999;
      background: #fff;
      padding: 5px;
      -moz-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
      -webkit-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
      box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
      -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
      -ms-transition: all .2s ease-in-out;
      -o-transition: all .2s ease-in-out;
    }

    #proff-content a {
      display:block;
  color: #141414;
      width: 150px;
      margin-left: 5px;
    }










.module .h3 {
        background-color: #6178804a;
    color: #FFF;
    font-family: calibri;
    font-size: 9px;
    margin-left: -10px;
    width: 171px;
  text-align:center;
    letter-spacing: 1px;
    margin-bottom: 10px;
  margin-top:-6px;
    height: 15px;
    line-height: 18px;
    padding: 10px;
    text-transform: uppercase;
    vertical-align: middle;
}

.module {
color: #adaaaa;
    font-family: calibri;
    font-size: 10px;
    line-height: 11px;
    letter-spacing: 0.5px;
    margin-bottom: 4px;
    overflow: hidden;
    padding: 0 10px;
    text-align: justify;
    text-transform: uppercase;
}







.campoperfil {/*campos del perfil*/

  width:100px;
  height:10px;

}

.anunciocampo { /*nombre de los campos del perfil*/
 width:100px;
  height:10px;
}

.contenidocampo { /*contenido de los campos del perfil*/
 width:100px;
  height:10px;
}

.postprofile-tab-informacion {font-size:0px;}

.postprofile-tab-personal{font-size:0px;}









p.path, .pathname-box {
    clear: left;
    font-family: calibri;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1px;
    width: 820px;
    text-align: center;
    margin-top: -32px;
    text-transform: uppercase;
}


a.topictitle {
    color: #f1f1f1;
    font-family: raleway;
    font-size: 1.1em;
    margin-top: 14px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
}

.span-tab {
    font-size: 9px;
    text-transform: uppercase;
    font-family: calibri;
    letter-spacing: 0.5px;
    font-weight: 900;
    margin-left: 10px;
}







 .cuadroe{
    background: #000;
    height: 135px;
    margin-left: 1px;
    margin-top: 1px;
    padding: 10px;
    width: 820px;
}

.infox {
    font-family: Calibri;
    font-size: 8px;
    font-weight: 900;
    height: 11px;
    text-align: center;
    letter-spacing: 0.5px;
    background: #141414;
    margin-bottom: 1px;
    margin-top: 2px;
    margin-left: 2px;
    padding: 7px;
    color: #fff;
    text-transform: uppercase;
    width: 148px;
}

.tit1 {
  font-family: 'Raleway', sans-serif;
  font-size:22px;
  text-transform:uppercase;
  letter-spacing:-2px;
}





ul.forums li.row dd.lastpost span br {
display:none!important;
}


.tg {
    color: #fff;
    font-family: Raleway, sans-serif;
    font-size: 95px;
    font-weight: 900;
    letter-spacing: -7px;
    line-height: 70px;
    margin-left: 40px;
    margin-top: -15px;
    text-align: left;
    text-shadow: 2px -1px 0 #2E2831, 2px -1px 0 #827f73, 4px 0 0 #94979abf;
    text-transform: uppercase;
}

.tp {
  color:#fff;
    font-family: calibri;
    font-size: 8px;
    font-weight: 800;
    height: 100px;
    overflow: auto;
    padding: 8px;
  letter-spacing:1px;
    text-align: justify;
    text-transform: uppercase;
    width: 200px;
}



.nav-username {
    font-size: 17px;
    text-transform: uppercase;
    text-align: right;
    font-family: arial;
    margin-left: 550px;
    letter-spacing: -1px;
    margin-top: -10px;
    font-weight: 900;
}


img.nav-avatar {
    width:0px;
    height:0px;
    vertical-align: middle;
    margin-right: 2px;
}




#logo-desc {
margin-right: -0px;
margin-top: -10px;
}


.forabg li.header dd.dterm { width: auto;
    padding: 6px;
}
.forabg li.header dd.topics { display: none; }
.forabg li.header dd.posts { display: none; }
.forabg li.header dd.lastpost { display: none; }


#desc {
width: 360px;
padding: 10px;
background-color: #FFFFFF;
border: 10px solid #141414;
margin-right: -169px;
margin-top: -24px;
display: block;
}

#descc {
padding: 10px;
background-color: #F0F0F0;
font-family: calibri;
font-size: 11px;
line-height: 100%;
text-align: justify;
}



.forabg .row .posts, .forabg .row .topics {
    background-color: rgba(255, 255, 255, 0);
    color: #fff;
    font-family: calibri;
    font-size: 11px;
    margin-top: -16px;
    margin-left: -99px;
    text-transform: uppercase;
}





.h3 a { color: #FFFFFF; }





#i_whosonline + p {
background-color: #F0F0F0;
border-bottom: 10px solid #BBB;
padding: 10px;
}

p em b a.gensmall {
font-family: calibri;
font-size: 18px;
font-style: none;
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
}

p em {
font-style: normal;
color: transparent;
}

.page-bottom {

padding-left: 10px;
}
ul#picture_legend {
    padding: 10px;
    font-size: 0px;
    text-transform: uppercase;
}




#search-box { display: none; }



.postbody .topic-title a {
font-family: calibri;
color: #000;
}



.postprofile {
    display: flex;
    flex-direction: column;
    height: 399px;
    margin-right: 6px;
    margin-top: 120px;
    min-height: 370px;
    overflow: hidden;
    text-align: center;
    width: 245px;
    word-spacing: 2px;
}


.postprofile dt {margin-left: -1px;}
.postprofile dt strong {
     font-family: arial;
    letter-spacing: 2px;
    background: #141414;
    margin-top: 10px;
    font-size: 10px;
    width: 230px;
    display: block;
    margin-bottom: -1px!important;
    padding: 0px;
    text-transform: uppercase;}

.postprofile dd {
text-align: center;
margin-top: 1px;
margin-left: -1px;
}

dl.codebox {
    background-color: #111111;
    color: #fff!important;
        border: #2d3436 solid 1px;
    font-size: 10px;
    padding: 6px;
}

dl.codebox dt {
        border-bottom: #2d3436 solid 1px;
    display: block;
    letter-spacing: 1px;
    margin-bottom: 3px;
    text-align: center;
    text-transform: uppercase;
}

blockquote cite {
    display: block;
    font-size: .9em;
    font-style: normal;
    font-weight: 700;
    text-align: right;
    border-bottom:#2d3436 solid 1px;
}

blockquote {
background-color: #111111;
    padding: 15px;
    margin-left: 3px;
        border: #2d3436 solid 1px;
}

dl.codebox code {
    border-bottom: none;
    color: #fff;
    font-family: arial;
}

.clickable {
width: 50px;
height: 25px;
border-bottom: 0px;
display: inline-block;
margin-right: 5px;
cursor: pointer;
background-color: #282421;
color: #FFF;
font-size: 11px;
font-weight: lighter;
text-transform: uppercase;
line-height: 225%;
text-align: center;
}
.tab-content {
background-color: none;
display: none;
}
#tab1-content {
display: block;}
#tab-strip {
list-style: none outside none;
margin-left: -40px;
display: inline;
background-color:none;
}
#tab-strip a {text-decoration: none;}


a:hover {
text-decoration: none !important;
-webkit-transition:1.3s;
-o-transition:1.3s;
-moz-transitio:1.3s;
}

::-webkit-scrollbar {
height:9px;
width: 5px;
}
::-webkit-scrollbar-thumb {
background: #5E6261;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
}
::-webkit-scrollbar-track  {
background-color: #141414;
display: block;
}

@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');
}






.bf1 {
 width:300px;
  background:#111;
  color:#f1f1f1;
  font-size:11px;
  font-family:Arial;
  text-align:justify;
  padding:50px;
  outline: 1px solid #2c2c2c;
  outline-offset:-20px;
}

.imaf1 {
  width:100px;
  height:100px;
      border: #2d3436 solid 3px;
  margin-top:-20px;
}



.imaf1avam {
  margin-top:20px;
  margin-bottom:30px;
  border: 6px solid #2c2c2c;
    height: 100px;
    border-radius: 100px;
    width: 100px;
    margin: auto;
}

.df2avam {
    font-family: calibri;
    font-size: 7px;
    letter-spacing: 1px;
    line-height: 9px;
    padding: 4px;
    text-align: center;
    width: 290px;
    margin: auto;
    text-transform: uppercase;
}


.nf2avam1 {
font-size: 12px;
    font-weight: 900;
    line-height: 11px;
    margin: auto;
    text-align: center;
    margin-bottom: 3px;
    margin-top: 20px;
    text-transform: uppercase;
    width: auto;
}


.nf2avam {
    font-size: 12px;
    font-weight: 900;
    line-height: 11px;
    margin-top: 5px;
    border-bottom: #2d3436 solid 1px;
    text-transform: uppercase;
    margin: auto;
    padding: 4px;
    text-align: center;
    width: auto;
}

.imaf111 {
    border: #2d3436 solid 3px;
    height: 100px;
    margin-top: 20px;
    border-radius: 100px;
width: 100px;}




.mf2{

  background:#94979abf;
  padding:20px;
  width:143px;
  height:66px;
  margin-bottom:20px;
}

.nf2 {
  margin-top:5px;
  font-size:13px;
  font-weight:900;
  line-height:11px;
  text-transform:uppercase;
}

.df2{
  letter-spacing:0.5px;
  margin-top:10px;
  text-transform:uppercase;
  font-size:9px;
  font-family:calibri;
  line-height:9px;

}

.dfxx2{
  text-transform:uppercase;
  text-align:right;
  padding:5px;
  font-size:10px;
  font-family:Calibri;
  letter-spacing:1px;
  margin-top:10px;
  color:#fff;
  margin-bottom:10px;
}

.bfhd2 {

  width:200px;
  height:100px;
  overflow:auto;
  padding:10px;
    background: #2d3436;
      border: #2d3436 solid 30px;
  outline:9px solid #111;
  outline-offset:-10px;
  margin-top:70px;
  margin-bottom:30px;
  text-align:justify;
}


.imf {
  margin-left:-20px;margin-top:-5px;width:400px;
  height:150px;border-bottom:1px solid #ccc;border-top:1px solid #ccc;
}

.mf {
background: #111111;
     color: #dbdbdb;
font-size: 11px;
    font-family: arial;
    margin-top: 1px;
    outline: 12px solid #111111;
    padding: 24px;
  text-align:justify;
    width: 360px;
    border: 1px solid #94979abf;
}

.dfxx {
  color:#fff;
  text-transform:uppercase;
  background:#94979abf;
  width:auto;
  margin-bottom:7px;
  margin-top:1px;
  font-size:10px;
  height:13px;
  letter-spacing:1px;
  font-family:Calibri;
  padding:7px;
  text-align:center;

}


.dfxxx {
    background: #94979abf;
    color: #fff;
    font-family: Calibri;
    font-size: 8px;
    height: 13px;
    letter-spacing: 2px;
    margin-bottom: 5px;
    margin-left: -22px;
    margin-top: -22px;
    padding: 53px;
    text-align: center;
    text-transform: uppercase;
    width: 298px;
}


.bhd{
 width:auto;
  height:120px;
  padding:10px;
  margin-bottom:10px;
  margin-top:-1px;

}


.bfh{


    font-family: arial;
    font-size: 11px;
    height: auto;
    margin: 1px;
    padding: 35px;
    line-height: 11px;
    text-align: justify;

}

.bfhd{
    font-family: arial;
    font-size: 10px;
    height: 160px;
    line-height: 11px;
    margin-left: 2px;
    margin-top: -2px;
    overflow: auto;
    padding: 15px;
    text-align: justify;
    width: auto;
}

.nf {

    color: #fff;
    font-family: calibri;
    font-size: 16px;
    font-weight: 900;
    height: 32px;
    letter-spacing: -1px;
    line-height: 15px;
    padding: 5px;
    text-transform: uppercase;
    width: 185px;
}

.df {
    border-top: 1px solid #94979abf;
    font-family: calibri;
    font-size: 8px;
    height: 26px;
    letter-spacing: 1px;
    line-height: 7px;
    margin-top: -17px;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 2px;
    text-transform: uppercase;
    width: auto;
}


.subfr {

    border-bottom: 1px solid #94979abf;
    text-transform: uppercase;
    color: #ffffff;
    text-align: center;
    padding: 5px;
    font-weight: 900;
}






#mikae-caja {
margin-top: 2px;
    margin-left: 11px;
    padding: 1px;
    width: 245px;
}
#dato-post {
    font-family: calibri;
    font-size: 9px;
    color: #ccc;
    border: 1px solid #171616;
    font-style: normal;
    font-variant: normal;
    font-weight: 900;
    margin-bottom: 5px;
    margin-top: -3px;
    letter-spacing: 1px;
    padding: 5px;
    text-transform: uppercase;
    width:75px;
}

#dato-post1 {
    font-family: calibri;
    font-size: 9px;
    color: #ccc;
    border: 1px solid #171616;
    font-style: normal;
    font-variant: normal;
    font-weight: 900;
    margin-bottom: 5px;
    margin-top: -3px;
    letter-spacing: 1px;
    padding: 5px;
    text-transform: uppercase;
    width: 75px;
}








#mikae-caja:hover .mikae-holi{
    top: -309px;transition: all .6s ease-in-out;
}
.mikae-holi {
    background: rgb(16, 16, 16);
    background-image: url(http://65.media.tumblr.com/feb9781…/tumblr_n7gg1ehJbh1rmzx9io1_250.png);
    border: 1px solid #171616;
    height: 230px;
    left: 30px;
    margin: 0;
    opacity: .8;
    padding: 20px;
    position: relative;
    top: -700px;
    transition: all .6s ease-in-out;
    width: 160px;
}
#mikae-caja:hover #mikae-ava2 img  {
filter: blur(0px) grayscale(100%);
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
}

#mikae-name {
background: #0e0e0e;
    color: #fff;
    font-family: arial;
    font-size: 8px;
    font-style: normal;
    font-variant: normal;
    height: 29px;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 12px;
    padding: 20px;
    text-align: center;
    text-transform: uppercase;
}

.mikae-ava {
width: 250px;
      margin-left: -3px;
height: 350px;
position: relative;
overflow: hidden;transition: all 0.6s ease-in-out;
}
#mikae-name sub {
  border: 1px solid #171616;
    color: #ece9e9;
    display: block;
    background: #101010;
    font-family: calibri;
    font-size: 7px;
    height: 12px;
    font-style: normal;
    margin-top: 2px;
    font-variant: normal;
    padding: 0px;
    font-weight: normal;
    letter-spacing: 2px;
    -webkit-padding-start: 3px;
    text-align: center;
    text-transform: uppercase;
}


#mikae-caja .mikae-cont {
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    bottom: -350px;
    left: 39px;
    padding: -12px;
    position: absolute;
    transition: all .6s ease-in-out;
    width: 170px;
}

#mikae-caja:hover .mikae-cont {
    bottom: 190px;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v6/zhcz-_WihjSQC0oHJ9TCYPk_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;
}



#profile-tab-field-profil dl dd {
    padding-left: 12px;
        margin-bottom: -10px;
    width: 200px;
    text-transform: uppercase;
    height: 19px;
    margin-left: 130px;
    letter-spacing: 1px;
    text-align: center;
    padding: 3px;
}


#profile-tab-field-profil dl dt {
    display: block;
    float: left;
    width: 120px;
    text-align: center;
    font-size: 8px;
    padding: 3px;
    letter-spacing: 1px;
    margin-right: 1px;
    height: 18px;
        margin-bottom: -10px;
    text-transform: uppercase;
}

.cuadroinformativo {
  background: #111;
    border: 1px solid #94979abf;
    color: #e8e8e8;
    font-family: calibri;
    font-size: 11px;
    outline: 20px solid #111;
    padding: 20px;
    text-align: justify;
    width: 300px;
}

.bf11 {
  height:183px;
 width:300px;
  background:#111;
  color:#f1f1f1;
  font-size:11px;
  font-family:Arial;
  text-align:justify;
  padding:40px;
  outline:1px solid #94979abf;
  outline-offset:-20px;
}

.imaf11 {
  width:100px;
  height:170px;
  border:3px solid #94979abf;
  margin-top:-20px;
}

.mf21{

      background: #242424;
  padding:20px;
  width:143px;
  height:136px;
  margin-bottom:20px;
}

.nf21 {
  margin-top:5px;
  font-size:13px;
  font-weight:900;
  line-height:11px;
  text-transform:uppercase;
}

.df21{

  margin-top:5px;
  font-size:11px;
  text-align:justify;
  height:100px;
  padding:10px;
  width:140px;
  margin-left:-9px;
  overflow:auto;
  font-family:calibri;
  line-height:9px;
}




.title1 {
    background: rgb(14, 14, 14);
    color: #fff;
    fon-size: 16px;
    font-family: arial;
    font-weight: 900;
    height: 22px;
    letter-spacing: -1px;
    margin-bottom: 1px;
    padding: 19px;
    width: 200px;
  line-height: 25px;
}


.subt{
background:#94979abf;
    color: #fff;
    font-family: arial;
    font-size: 6.5px;
    height: 6px;
    letter-spacing: 2px;
    line-height: 7px;
    margin-bottom: -8px;
    padding: 9px;
    text-transform: uppercase;
    width: 220px;


}




.b116 {
background: #111;
    border: 1px solid #171616;
    color: #fff;
    font-family: arial;
    font-size: 12px;
    height: 385px;
    margin-left: 20px;
    margin-top: 3px;
    padding: 1px;
    text-align: justify;
    width: 393px;

}

.b2226{
background: #1f1f1f;
    color: #fff;
    font-size: 7px;
    font-family: calibri;
    height: 311px;
    letter-spacing: 2px;
    line-height: 10px;
    padding: 35px;
    text-align: justify;
    text-transform: uppercase;
    width: 85px;

}

.text446 {
  overflow: auto;
background: #141414;
    border: 1px solid #191919;
    height: 299px;
    margin-left: 10px;
    outline: 10px solid #141414;
    padding: 30px;
    width: 150px;
    margin-top: 1px;

}


.imag566 {
    border: 10px solid #141414;
    margin-bottom: 20px;
    margin-left: -12px;
    margin-top: -11px;
}


.text446:first-letter {
 font: 35px/16px arial;
   float: left; padding: 10px; margin-right:4px; color: #fff;
}



.b16 {
  width:396px;
  height:auto;
  padding:1px;
  margin-top:3px;
  text-align:justify;
  border:1px solid #171616;
  font-size:12px;
  background:#111;
  color:#fff;
  margin-left:20px;
  font-family:arial;

}

.b26{
    background: #0e0e0e;
    color: #fff;
    font-size: 7px;
    height: 25px;
    letter-spacing: 2px;
    line-height: 9px;
    padding: 27px;
    text-align: justify;
    text-transform: uppercase;
    width: 96px;
}

.tex46 {
background: #141414;
    border: 1px solid #191919;
    height: auto;
    margin-bottom: 13px;
    margin-left: 12px;
    margin-top: -9px;
    outline: 10px solid #141414;
    padding: 30px;
    width: 310px;
}



.b21 {
    background: #0e0e0e;
    font-family: arial;
    font-size: 8px;
    height: 28px;
    letter-spacing: 1px;
    line-height: 11px;
    padding: 26px;
    text-align: Center;
    width: 188px;
}





.tex46:first-letter {
 font: 35px/16px arial;
   float: left; padding: 10px; margin-right:4px; color: #fff;
}


.b31 {
    background: #141414;
    border: 20px solid #111111;
    color: #fff;
    font-family: arial;
    font-size: 12px;
    height: auto;
    margin-left: 20px;
    margin-top: 0px;
    padding: 1px;
    text-align: justify;
    width: 350px;

}

.b32{
    background:#6178804a;
    color: #fff;
    font-size: 7px;
    height: 22px;
    letter-spacing: 2px;
    margin-left: -1px;
    padding: 15px;
    text-align: center;
    text-transform: uppercase;
    width: 322px;
}

.text33 {
    background: #141414;
    border: 1px solid #191919;
    height: auto;
    margin-bottom: 29px;
    margin-left: 29px;
    margin-top: 5px;
    outline: 30px solid #141414;
    padding: 25px;
    width: 240px;
}



.text33:first-letter {
 font: 35px/16px arial;
   float: left; padding: 10px; margin-right:4px; color: #fff;
}







.imagen123 {
border: 4px solid #1f1f1f;
    height: 60px;
    margin-left: 1px;
    width: 60px;
}



.rb1 {
    background: #101010;
    color: #fff;
    font-family: arial;
    font-size: 12px;
    height: auto;
    margin-top: 10px;
    padding: 12px;
    text-align: justify;
    width: 345px;

}

.rb2{
    background: #1f1f1f;
    color: #fff;
    height: 28px;
    letter-spacing: 1px;
    line-height: 25px;
    padding: 20px;
    text-align: Center;
    width: 235px;
}

.text5:first-letter {
 font: 35px/16px arial;
   float: left; padding: 10px; margin-right:4px; color: #fff;
}


.rb3{
  text-transform:uppercase;
  font-size:8px;
  font-family:Calibri;
  letter-spacing:2px;
  height:10px;
  margin-top:6px;
  line-height:10px;
  background:#fff;
  color:#111;
  padding:5px;
  text-align:center;
  font-weight:900;
}

.text5 {
border: 1px solid #171616;
    outline: 10px solid #111;
    overflow: auto;
    margin: auto;
    padding: 30px;
    margin-bottom: 10px;
  margin-top:10px;
    width: 263px;}


.df222 {
background: #2c2b2b;
    font-size: 8px;
    height: 17px;
    font-family: calibri;
    letter-spacing: .5px;
    line-height: 8px;
    padding: 9px;
    text-align: center;
    text-transform: uppercase;
    width: 110px;
}


.b11 {
    background: #0b0b0b;
    border: 5px solid #101010;
    color: #fff;
    font-family: arial;
    font-size: 12px;
    height: auto;
    margin-left: 20px;
    margin-top: 10px;
    overflow: auto;
    padding: 1px;
    text-align: justify;
    width: 300px;

}

.b222{
  background:#94979abf;
  width:auto;
  height:35px;
  padding:30px;
  line-height:25px;
  color:#fff;
  text-align:Center;
  letter-spacing:1px;
  margin-bottom:12px;

}


.b333{
  text-transform:uppercase;
  font-size:8px;
  font-family:Calibri;
  letter-spacing:2px;
  height:10px;
  line-height:10px;
  background:#fff;
  color:#111;
  padding:2px;
  text-align:center;
  font-weight:900;
}

.text44 {
padding: 30px;
border: 1px solid #111111;
outline: 10px solid #0b0b0b;
margin: 10px;

}


/* perfil */


.cuadroperfil {

background: rgba(15, 15, 15, 0.79);
    height: 468px;
    padding: 10px;
    width: 800px;
}


.cajacosas{

  width:554px;
  height:30px;
  margin-top:-15px;
  padding:10px;
  margin-left:35px;

}

.cuadroperfil1 {
height: 389px!important;
    margin: 26px;
    background: #111010;
    padding: 12px;
    width: 724px;
    border: 1px solid #94979abf;

}

.avatarp {
background-image: url(http://i.imgur.com/59Pjanp.png);
    height: 350px;
    margin-left: 4px;
    margin-top: 2px;
    padding: 15px;
    width: 245px;
}





.nickr{

font-family: arial;
    font-size: 15px;
    font-weight: 900;
    margin-top: 18px;
    text-transform: uppercase;

}

.rangon{
    font-family: Calibri;
    font-size: 8px;
    letter-spacing: 2px;
    margin-left: 4px;
    margin-top: -1px;
    text-transform: uppercase;
}

.cnr {
background: #1f1f1f;
    height: 51px;
    margin-top: -11px;
    padding: 20px;
    width: 399px;
}

.datosp {
    font-size: 10px;
    height: 245px;
    margin-left: 55px;
    margin-top: -191px;
    overflow: Auto;
    padding: 15px;
   width: 340px;
}
.datosp dl {
    margin-bottom: 5px;
}
.esto1 {
    background: #94979abf;
    border: 1px solid #94979abf;
    font-family: calibri;
    font-size: 8px;
    letter-spacing: .5px;
    padding: 2px;
    text-align: center;
    text-transform: uppercase;
    width: 120px;
    display: inline-block;
    vertical-align: top;
    margin-right: 2px;
}
.aquello1 {
    border: 1px solid #94979abf;
    font-size: 8px;
    letter-spacing: .5px;
    padding: 2px;
    text-align: center;
    text-transform: uppercase;
    width: 200px;
    display: inline-block;
}

#field_id9 {
    margin-top: 5px;
}
#field_id9 .esto1, #field_id9 .aquello1 {
    width: 328px;
}
#field_id9 .aquello1 {
    margin-top: 2px;
    height: auto;
}


.datoxx {
color: #000;
    font-family: calibri;
    font-size: 0;
    height: 15px;
    letter-spacing: 1px;
    margin-left: -38px;
        margin-top: -40px;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
    width: 46px;
}

.datoxx1 {
    background-image: url(https://i.imgur.com/6ErgOoW.png);
    font-size: 0;
    height: 25px;
    margin-left: -27px;
    margin-top: 161px;
    width: 25px;
      font-size: 7px;
    text-transform: uppercase;
    font-family: calibri;
    color: #7a8784;
    text-align: center;
    letter-spacing: 1px;
    line-height: 59px;
}


.datoxx1x {
    background-image: url(https://i.imgur.com/lp3Ql9u.png);
    font-size: 0;
    height: 25px;
    margin-left: 12px;
    margin-top: 82px;
    width: 25px;
      font-size: 7px;
    text-transform: uppercase;
    font-family: calibri;
    color: #7a8784;
    text-align: center;
    letter-spacing: 1px;
    line-height: 59px;



 .aa {
padding: 15px;
    position: relative;
    width: 300px;
    background: url(https://i.imgur.com/fSQXMHT.png) no-repeat center center fixed;
    background-position: center center;
    background-size: cover;
 }
 .ab {
    background: #0c0c0c;
    border: 3px solid #141414!important;
    border-bottom: 10px solid #94979abf;
    color: #f3f3f3;
    font-family: calibri;
    outline: 1px solid #111;
    padding: 20px 19px;
    text-align: left;

 }
 .ac {
        border-bottom: 1px solid #405156;
    font-size: 18px;
    font-weight: 700;
    line-height: 14px;
    padding: 4px;
    text-transform: uppercase;
 }

 .ad {
   color: #f3f3f3;
   font-size: 8px;
   width: 100%;
   text-align: right;
   line-height:13px;
   letter-spacing:1px;
   text-transform: uppercase;
 }


.tabafiliados {

    background: rgba(17, 17, 17, 0.55);
    height: 129px;
    padding: 20px;
    margin-left: 5px;
    width: 800px;

}

.afiliadoshermanos{
    height: 111px;
    margin-right: 8px;
    margin-top: 1px;
    border: 1px solid #94979abf;
    padding: 6px;
    width: 301px;

}

.afiliadoselite{
    height: 114px;
    border: 1px solid #94979abf;
    margin-top: 1px;
    padding: 5px;
    margin-left: 0px;
    width: 457px;
}

.ahermanos {
    border: 4px solid #191919;
    margin: 1px;
    width: 65px;
    height: 100px;}

.aelite { height: 50px;
    margin: 1px;
    width: 50px;
    margin-left: 2px;
    border: 2px solid #191919;}


.bf211 {
    width: 157px;
    background: #0e0e0e;
    padding: 20px;
    margin-top: 29px;
    margin-left: 19px;
    height: 200px;
    outline: 20px solid #0e0e0e;
    border: 1px solid #94979abf;
    text-align: justify;
    overflow: auto;
}

.activos {
     width: 20px;
     height: 20px;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     background: #01B174;
  margin: 3px;
}

.cerrados {
     width: 20px;
     height: 20px;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     background: #C12802;
  margin: 3px;
}

.pausados {
     width: 20px;
     height: 20px;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     background: #B98801;
  margin: 3px;
}



.shipwrecked { position: relative;  width: 400px; height: 400px; }
.allyouever { float: left; }
.allyouever label {    background-color: #1d1f20;
    color: #ECF1F2;
    display: block;
    border: 1px solid #564f5a;
    font-family: calibri;
    font-size: 7px;
    letter-spacing: 2px;
    padding: 10px;
    position: relative;
    text-transform: uppercase;
    top: 400px;
    width: 85px;}
.allyouever [type=radio] { display: none;  width: 60px; }
.didwaswreckme {  background: #111111;
    border: 10px solid #141414;
    bottom: 0;
    color: #fff;
    font-family: arial;
    font-size: 10px;
    height: 350px;
    left: 0;
    line-height: 150%;
    overflow: auto;
    padding: 20px;
    position: absolute;
    right: 0;
    text-align: justify;
    top: 0;
    width: 300px;}
.didwaswreckme::-webkit-scrollbar { width: 7px; }
.didwaswreckme::-webkit-scrollbar-track { background-color: #dddddd; }
.didwaswreckme::-webkit-scrollbar-thumb { background-color: #5e6261; }
.allyouever [type=radio]:checked ~ label { background-color: #5e6261;color: #ECF1F2; z-index: 2;}
.allyouever [type=radio]:checked ~ label ~ .didwaswreckme { z-index: 1; }
.inevermeant { width: 95px; padding: 15px 10px 15px 10px; background-color: #5e6261; color: #ECF1F2; text-align: center; font-size: 8px; text-transform: uppercase; font-family: helvetica; letter-spacing: 2px; opacity: 0.8; margin-left: 10px; position: relative; top: 280px; left: 30px; -webkit-transition: 1s all ease-in-out; -moz-transition: 1s all ease-in-out; o-transition: 1s all ease-in-out;}
.tostartawar {     width: 245px;
    padding: 20px;
  color: #ECF1F2; text-align: center; font-size: 8px; text-transform: uppercase; font-family: helvetica; letter-spacing: 2px; opacity: 0.8; position: relative; top: 220px; left: 0px; -webkit-transition: 1s all ease-in-out; -moz-transition: 1s all ease-in-out; o-transition: 1s all ease-in-out;}
#ijustwantedyou { width: 320px; height: 320px; background-image: url(IMAGE HERE 320x320! IT SHOULD CROP!); overflow: hidden;}
#ijustwantedyou:hover .tostartawar { width: 200px; position: relative; left: 40px; top: 40px; }
#ijustwantedyou:hover .inevermeant { position: relative; top: 50px; }
.breakyourwalls { width: 240px; height: 10px; background-color: #A296A9; opacity: 0.8; position: relative; top: 290px; -webkit-transition: 1s all ease-in-out; -moz-transition: 1s all ease-in-out; o-transition: 1s all ease-in-out; left: 40px; padding: 10px 0px 10px 0px; }
#ijustwantedyou:hover .breakyourwalls { position: relative; top: 60px; left: 40px; }
.killinthese { border-bottom: #4c4d4d 1px solid;
    color: #ECF1F2;
    font-family: helvetica;
    font-size: 7px;
    letter-spacing: 2px;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
    width: 283px;}


.relacionaqui {
border: 4px solid #0f0f0f;
    color: #fff;
    background: #0f0f0f;
    font-family: arial;
    font-size: 9px;
    height: 92px;
    overflow: auto;
    padding: 10px;
    text-align: justify;
    width: 177px;
}

.nickrelacion {
color: #fff;
    border-bottom: 1px solid #4c4d4d;
    font-family: Calibri;
    font-size: 8px;
    letter-spacing: 1px;
    padding: 2px;
    text-align: Center;
    width: 168px;
}



.bestiario2{
width:330px; padding-top: 60px; margin-left: 15px; font-family:Permanent Marker; font-size: 20px; color: #4B5EBC;
}

.bestiario3 {
height: 400px;width: 300px;overflow: auto;margin-top: 0px;margin-left: 70px;padding: 10px;color: #4C3C3C;font-family: Indie Flower;text-align: justify;line-height: 15px;font-size: 16px;
}

.datosbestiario{
margin-top: 5px;
    font-size: 11px;
    text-align: justify;
    height: 100px;
    padding: 10px;
    width: 209px;
    margin-left: -13px;
    overflow: auto;
    font-family: calibri;
    line-height: 9px;
}


.exp12 {
    color: #f3f3f3;
    font-size: 10px;
    letter-spacing: 1px;
    margin-top: 21px;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    border-bottom: 1px solid #94979abf;
}


.avamaqui {
border: 1px solid #68706e;
    font-family: arial;
    font-size: 10px;
    height: 71px;
    overflow: auto;
    padding: 5px;
    line-height: 10px;
    text-align: justify;
    width: 250px;
}

blockquote blockquote {
    background-color: #111111;
    font-size: 1em;
    margin: .5em 1px 0 15px;
}

/*Tablilla de Apuestas BR*/

.boxa {
  width: 400px;
  height: 780px;
  background-color: #000;
  border: 10px solid #0c0c0c;
  outline: 1px solid #222;
  outline-offset: -20px;
}

.boxb {
  width: 90px;
  height: 50px;
  outline: 3px solid #94979abf;
  outline-offset: 0px;
  margin: 0px 15px 20px 15px;
}

.boxc {
  width: 96px;
  height: 20px;
  background-color: #111;
  margin: -12px 0px 20px 12px;
}

.texta {
  font-family: Calibri;
  text-transform: lowercase;
  color: #ddd;
  font-size: 10px;
  text-align: center;
  padding-top: 2px;
}

.name {
  font-family: Calibri;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 9px;
  color: #fff;
  text-align: center;
  padding-top: 20px;
  text-shadow: 1px 1px #444;
}

/*Stats*/

.boxeta {
  width: 270px;
  height: 220px;
  background-color: #000;
  outline: 1px solid #0c0c0c;
  outline-offset: -7px;
}

.name77 {
  font-family: Oswald;
  font-size: 20px;
  color: #bbb;
  text-align: center;
  padding-top: 15px;
}

.txt77 {
  font-family: Oxygen;
  color: #888;
  font-size: 9px;
  text-align: justify;
  margin: 30px 0px 0px 23px;
  letter-spacing: 1px;
}

.txt78 {
  font-family: Oxygen;
  text-align: justify;
  color: #888;
  font-size: 8px;
  margin-right: 22px;
}

/*Arbolitos de Navidad*/

.boxone {
  width: 200px;
  height: 265px;
  background-color: #121212;
  border: 15px solid #111;
  outline: 1px solid #94979abf;
  outline-offset: -15px;
}

.textone {
  font-family: Lato;
  font-size: 10px;
  text-transform: uppercase;
  color: #999;
  text-align: center;
}

.boxtwo {
  width: 150px;
  height: 80px;
  background-color: #191919;
  margin-top: 20px;
  overflow: auto;
}

.texttwo {
  font-family: Montserrat;
  font-size: 8px;
  color: #888;
  margin: 10px;
  text-align: justify;
  line-height: 130%;
}

/*Guía Rápida*/

.boxthree {
  width: 150px;
  height: 101px;
  background-color: #94979abf;
}

.boxfour {
  width: 150px;
  height: 101px;
  background-color: #181818;
}

.textthree {
  font-family: Calibri;
  font-size: 8px;
  color: #ccc;
  letter-spacing: 2px;
  text-align: justify;
  text-transform: uppercase;
  line-height: 125%;
  padding: 15px 0px 0px 19px;
}

.textfour {
  font-family: Calibri;
  font-size: 8px;
  letter-spacing: 2px;
  color: #ccc;
  text-align: justify;
  text-transform: uppercase;
  line-height: 125%;
  padding: 15px 0px 0px 42px;
}

.boxfive {
  width: 260px;
  height: 260px;
  background-color: #090909;
  border: 15px solid #090909;
  outline: 1px solid #191919;
  outline-offset: -15px;
}

.textfive {
  font-family: Merriweather;
  font-size: 10px;
  text-transform: lowercase;
  letter-spacing: 2px;
  color: #999;
  text-align: center;
  padding-top: 50px;
}

.boxsix {
  width: 100px;
  height: 55px;
  background-color: #111;
  overflow: auto;
}

.textsix {
  font-family: Montserrat;
  font-size: 9px;
  color: #888;
  text-align: justify;
  margin: 10px;
  line-height: 130%;
}

.tablilla234 {
    background: #111111;
    color: #fff;
    font-family: arial;
    font-size: 11px;
    padding: 48px;
    line-height: 16px;
    text-align: justify;
    width: 300px;
    outline: 1px solid #191919;
    outline-offset: -23px;
    height: auto;
}

.titulo2345 {
background: #111111;
    font-family: Calibri;
    font-size: 13px;
    font-weight: 900;
    height: 7px;
    width: 324px;
    letter-spacing: 1px;
    padding: 36px;
    text-transform: uppercase;
}

.subtitulo234 {
    background: #6178804a;
    font-family: Calibri;
    font-size: 8px;
    width: 392px;
    letter-spacing: 1px;
    padding: 2px;
    text-transform: uppercase;
}



/* perfiles */

.perfil {
    position: relative;
    width: 245px;
    height: 350px;
    overflow: hidden;
}
.postprofile-tab-content.postprofile-tab-content-personal {
    z-index: 3;
    opacity: 0;
    background: #111111e0;
    height: 350px;
    width: 245px;
    position: absolute;
    top: 356px;
    left: 0px;
    -webkit-transition: 0.8s ease-in-out;
    -moz-transition: 0.8s ease-in-out;
    -ms-transition: 0.8s ease-in-out;
    -o-transition: 0.8s ease-in-out;
    transition: 0.8s ease-in-out;
}
.perfil:hover .postprofile-tab-content.postprofile-tab-content-personal {
    top: 0px;
    -webkit-transition: 0.8s ease-in-out;
    -moz-transition: 0.8s ease-in-out;
    -ms-transition: 0.8s ease-in-out;
    -o-transition: 0.8s ease-in-out;
    transition: 0.8s ease-in-out;
    opacity: 1;
}
.postprofile-rank {
    font-size: 12px;
    margin: 31px;
    text-transform: uppercase;
}
.postprofile-fields {
    height: 200px;
}
.postprofile-field-imagen-de-los-titulos {
    display: none;
}
.postprofile-field-label {
    background: #94979abf;
    color: #fff;
    float: left;
    font-size: 8px;
    margin-left: -2px;
    margin-top: -3px;
    padding: 3px;
}

.postprofile-field.postprofile-field- {
    height: auto;
    max-height: 50px;
    overflow: auto;
    margin-bottom: 20px;
    padding: 2px;
}
.postprofile-field.postprofile-field- .postprofile-field-label {
    display: none;
}
.postprofile-field.postprofile-field- .postprofile-field-content {
    display: inline-block;
    padding: 8px;
    font-size: 8px;
}

.postprofile-field {

    font-family: calibri;
    font-size: 7px;
    height: 12px;
    letter-spacing: 1px;
    line-height: 11px;
    margin-left: 21px;
    margin-top: 7px;
    outline: 1px solid #94979abf;
    padding: 2px;
    text-align: center;
    text-transform: uppercase;
    width: 199px;
}
.postprofile-avatar {
    position: absolute;
    top:0px;
    height: 350px;
}
.postprofile-username {
    background: #0d0d0d;
    font-family: calibri;
    font-size: 9px;
    font-weight: 900!important;
    letter-spacing: 1px;
    padding: 15px 15px;
    position: absolute;
    text-align: left;
    text-transform: uppercase;
    top: 351px;
    height: 17px;
    width: 215px;
    z-index: 3;
}

/*Tablilla In Memoriam*/

.boxuno {
  width: 90px;
  height: 90px;
  border: 5px solid #222;
}

.boxdos {
  width: 300px;
  height: 100px;
  background-color:#94979abf;
}

.txtuno {
  font-family: Calibri;
  color: #ccc;
  text-align: right;
  padding-top: 8px;
  padding-right: 8px;
  font-size: 11px;
  text-transform: uppercase;
  border-bottom: 1px solid #545454;
  text-shadow: 1px 1px #222;
}

.txtdos {
  font-family: Mukta Malar;
  font-size: 10px;
  text-align: left;
  margin-top: -5px;
  color: #ccc;
  padding: 12px;
}

/*Arbol Eco*/

.cajauno {
  width: 300px;
  height: 300px;
  background-color: #191919;
  border: 8px solid #464d3f;
  outline: 1px solid #666f5c;
  outline-offset: -11px;
}

.cajados {
  width: 300px;
  height: 60px;
  margin-top: 20px;
}

.fuenteuno {
  font-family: Merriweather;
  font-size: 10px;
  color: #a8a8a8;
  text-transform: lowercase;
  padding-top: 20px;
  letter-spacing: 2px;
}

.cajatres{
  width: 200px;
  height: 120px;
  margin: 30px 0px 0px 0px;
  overflow: auto;
}

.fuentedos {
  font-family: Lato;
  font-size: 10px;
  text-align: justify;
  color: #a8a8a8;
  padding: 10px;
  line-height: 130%;
}



.avamsubti {
text-transform:uppercase;letter-spacing: 1px;font-size: 8px;
}




.ab32 {
color: #fff;
    background: url(https://i.imgur.com/fSQXMHT.png) no-repeat center center fixed;
    background-position: center center;
    background-size: cover;
    font-size: 7px;
    height: 25px;
    letter-spacing: 2px;
    line-height: 9px;
    margin: 2px 2px -2px;
    padding: 15px;
    text-align: center;
    text-transform: uppercase;
    width: 760px;

}

.ab31{
background: #191919;
    color: #999;
    font-size: 7px;
    line-height: 9px;
    margin: 2px 2px -2px;
    padding: 0px;
    text-align: center;
    border: 10px solid #141414;
    width: 794px;
}

.anuncios12 {
    background: #191919;
    border: 1px solid #191919;
    padding: 5px;
    width: auto;
    color: #a7a7a7;


}

.atext33 {
    background: #141414;
    border: 1px solid #191919;
    font-family: arial;
    font-size: 10px;
    height: 70px;
    line-height: 10px;
    margin-left: 10px;
    margin-right: 10px;
    color: #c8c8c8;
    text-align: justify;
    margin-top: 3px;
    outline: 10px solid #141414;
    overflow: auto;
    padding: 25px;
    width: 161px;
}



.atext33:first-letter {
 font: 35px/16px arial;
   float: left; padding: 10px; margin-right:4px;
}

.imagentabla {
border: 6px solid #141414;
    height: 103px;
    margin-left: 0;
    margin-top: 0px;
    width: 150px;
}

.awards12 {
    background: #141414;
    height: 108px;
    margin-left: 13px;
    margin-top: 3px;
    outline: 13px solid #141414;
    padding: 4px;
    width: 138px;
}

.imagenaward {

  width:90px;
  height:60px;
  margin-left:3px;
  border:5px solid #191919;

}

.awards {
    background: #141414;
    border: 1px solid #191919;
    font-family: arial;
    font-size: 8px;
    height: 70px;
    letter-spacing: 1px;
    color: #ccc;
    line-height: 10px;
    margin-left: 9px;
    margin-right: 9px;
    margin-top: 3px;
    outline: 10px solid #141414;
    overflow: auto;
    padding: 25px;
    text-transform: uppercase;
    width: 147px;

}

.modeavam {
    text-transform: uppercase;
    font-size: 8px;
    font-family: calibri;
    letter-spacing: 1.5px;
}

.modecuado {
    background: #191919;
    height: 19px;
    margin: 2px;
    padding: 17px;
    line-height: 8px;
    text-align: center;
    width: auto;

}

.fechaonrol {
    background: #141414;
    font-family: calibri;
    font-size: 8px;
    height: 10px;
    margin-top: 1px;
    letter-spacing: 1px;
    line-height: 8px;
    padding: 9px;
    text-transform: uppercase;
    width: 144px;
}

/*Tablilla Ascendencias*/

.unocaja {
background-color: #111;
    outline: 1px solid #94979abf;
    outline-offset: -12px;
    padding: 1px;
    width: 400px;
}

.doscaja {
    background-color:#94979abf;
    height: 83px;
    margin-top: 28px;
    width: 346px;
}

.trescaja {
  width: 170px;
  height: 250px;
  background-color: #151515;
  overflow: auto;
  margin: 2px 1px -1px 1px;
}

.btn-toggle {
  width: 346px;
  height: 25px;
  background-color: #94979abf;
  display: block;
  text-decoration: none;
  margin-top: 3px;
}

.unotexto {
color: #ededed;
    font-family: Calibri;
    font-size: 10px;
    letter-spacing: 2px;
    padding-top: 35px;
    text-align: center;
    text-transform: uppercase;
}

.dostexto {
  text-align: center;
  font-family: Calibri;
  font-size: 8px;
  text-transform: uppercase;
  color: #ccc;
  letter-spacing: 2px;
  padding-top: 6px;
}

.trestexto {
    color: #bebebe;
    font-family: Arial;
    font-size: 11px;
    line-height: 13px;
    padding: 15px;
    text-align: justify;
}

.cuatrotexto {
  font-family: Calibri;
  color: #bbb;
  text-transform: uppercase;
  font-size: 9px;
  padding: 10px 10px 25px 10px;
  text-align: center;
  letter-spacing: 1px;
}

.cincocaja {
  width: 346px;
  height: 150px;
  background-color: #151515;
  display: none;
  overflow: auto;
  }

.seiscaja {
  width: 350px;
  background-color: #111;
  text-align: justify;
  padding: 10px;
}

#main .signature_div {
    margin-left: 40px;
}

#main #preview .signature_div {
    margin-left: 0;
}

/*Firma de Jack*/

.jack1 {width: 262px; height: 30px; background-color: #191919; border: 1px solid #333;
}

.jack2 {font-family: Lato; font-size: 9px; color: #999; text-align: center; padding: 9px; letter-spacing: 2px;
}

.jack3 {width: 250px; height: 150px; background-image: url('https://i.imgur.com/lUhL8w6.png'); border: 6px solid #191919; outline: 1px solid #333;
}

.jack4 {width: 262px; height: 15px; background-color: #191919; border: 1px solid #333;
}

.jack5 {font-family: Lato; font-size: 9px; color: #999; text-align: right; margin-right: 4px; letter-spacing: 2px;
}

/*Stats Marla y Jack o el que quiera xD*/

#boxaa {
  width: 300px;
  height: 170px;
  background-color: #141414;
  outline: 1px solid #222;
  outline-offset: 5px;
  margin: 0px auto;
  display: flex;
  -webkit-display: flex;
}

.boxbb {
  width: 140px;
  height: 170px;
  background-color: #191919;
}

.txtvs {
  font-family: Arimo;
  color: #333;
  font-size: 15px;
  padding-top: 90px;
}

.txt11 {
  font-family: Lato;
  font-size: 8px;
  text-transform: uppercase;
  text-align: center;
  padding: 10px 0px;
  letter-spacing: 2px;
  color: #999;
  background-color: #222;
}

.txt22 {
  font-family: Muli;
  font-size: 8px;
  letter-spacing: 1px;
  color: #999;
  text-align: left;
  margin: 12px 5px;
}

.txt33 {
  font-size: 9px;
  text-align: left;
  margin: 5px 5px;
  letter-spacing: -2px;
}

.boxcc {
  width: 310px;
  background-color: #161616;
  border: 1px solid #222;
  margin: 5px auto;
}

.txt44 {
  font-family: Lato;
  text-align: justify;
  color: #999;
  font-size: 9px;
  margin: 15px 15px;
  letter-spacing: 1px;
  line-height: 130%;
}



/* baul blattie*/

#blattie-tab {
    margin: auto;
    width: 300px;
    height: 400px;
    padding: 10px;
    outline: 11px solid #0f0f0f;
    border: 1px dotted #dac87f;
    background: #0f0f0f;
    outline-offset: 0px;
    color: #fff;
    text-align: Center;
}
#blattie-tab #botones {
    float: left;
    width: 18%;
}
#botones .botoncito { /*Estilo de cada botón*/
    background: #dac87f;
    color: #0f0f0f;
    padding: 15px;
    text-align: right;
    margin: 0px;
}
#hydeblat {
background: #0f0f0f;
    clear: right;
    color: #adacac;
    float: left;
    font-size: 11px;
    height: 321px;
    overflow: auto;
    padding: 20px;
    padding-top: 3px;
    text-align: justify;
    width: 269px;
}
.infos {
display:none;
}

fraseb {
    background: #dac87f;
    color: #0f0f0f;
    display: block;
    float: right;
    font-family: calibri;
    font-size: 8px;
    height: 18px;
    letter-spacing: 1px;
    line-height: 8px;
    margin: 2px auto 10px;
    padding: 13px;
    text-transform: uppercase;
    width: 135px;
}

cbla {
  width:auto;
  height:20px;
  padding:5px;
  margin:1px;
  display:block;

}


blattiedato {
  font-size:10px;
  margin-left:8px;
  letter-spacing:1px;
  font-family:Calibri;
  text-transform:uppercase;
  margin-top:10px;
  border-left:1px solid #dac87f;
  padding-left:10px;
}



/*TABLÓN*/

.cata1 {
  width: 70px;
  height: 15px;
  background-color: #656e79;
  outline: 1px solid #586069;
  float: left;
  margin: 5px;
}

.cata2 {
    background-color: #00000073;
    height: 170px;
    outline: 1px solid #030303;
    outline-offset: 2px;
    width: 800px;
}

.cata3 {
  width: 165px;
  height: 140px;
  margin: 15px 10px;
  float: left;
}

.cata4 {
  width: 210px;
  height: 140px;
  margin: 15px 14px;
  float: left;
  overflow: auto;
}

.cata5 {
  width: 165px;
  height: 140px;
  outline: 1px solid #0e0e0e;
  margin: 15px 10px;
  float: left;
}

.cata6 {
  width: 165px;
  height: 140px;
  background-color: #000000;
  margin: 15px 10px;
  outline: #0e0e0e;
  float: left;
}

.cata7 {
background-color: #00000073;
    display: inline-block;
    height: 50px;
    width: 462px;
    letter-spacing: 0.1px;
}

.cata8 {
    background-color: #000;
    display: inline-block;
    height: 50px;
    margin-top: 7px;
    width: 169px;
    margin-left: 2px;
    color: #ccc;
}

.cate1 {
color: #a4a4a4;
    font-family: Calibri;
    font-size: 10px;
    line-height: 120%;
    padding: 10px;
    height: 120px;
    width: 166px;
    overflow: auto;
    margin-left: -15px;
    text-align: justify;
}

.cate2 {
  font-family: Calibri;
  font-size: 9px;
  text-align: justify;
  color: #666;
  padding: 10px;
  text-transform: uppercase;
  line-height: 130%;
}

.cate3 {
    color: #acaaaa;
    font-family: Courier;
    font-size: 9px;
    line-height: 150%;
    padding: 45px 10px;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
}


/* ESTADISTICAS */


.caes1 {
    border-bottom: 1px solid #09625d;
    border-top: 1px solid #09625d;
    height: 50px;
    width: 717px;
    padding: 42px;
    font-size: 14px!important;
    font-family: Calibri;
}

.este1 {
color: #ccc;
    font-family: calibri;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 8px;
    padding-top: 16px;
    text-align: center;
    text-transform: uppercase;
}

.caes2 {
background-color: #000000;
    display: inline-block;
    height: 25px;
    margin: 5px 2px;
    width: 147px;
    padding: 5px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.page-bottom {
color: #ccc;
    font-family: Calibri;
    font-size: 8px;
    text-align: center;
    line-height: 22px;
}


.caes3 {
  width: 264px;
  height: 100px;
  background-color: #0000008f;
  overflow: auto;
  margin: 2px;
  display: inline-block;
}

.caes4 {
  width: 265px;
  height: 100px;
  background-color: #0000008f;
  overflow: auto;
  margin: 2px;
  display: inline-block;
}

.caes5 {
  width: 264px;
  height: 100px;
  background-color: #0000008f;
  overflow: auto;
  margin: 2px;
  display: inline-block;
}

.caes6 {
  width: 50px;
  height: 50px;
  border: 1px solid #191919;
  margin: 25px 2px 0px 2px;
  display: inline-block;
}

.este3 {
  font-family: Calibri;
  color: #888;
  font-size: 9px;
  text-align: justify;
  margin: 15px;
}

/* LINKS ARRIBA DEL HEADER */

linkh {
    border-right: 1px solid #0b0b0b;
    font-family: calibri;
    font-size: 8px;
    letter-spacing: 1px;
    padding: 7px;
    text-align: CENTER;
    text-transform: uppercase;
}

.linksheader {
    background: #00000085;
    border: 1px solid #0101019c;
    margin-bottom: -9px;
    margin-left: 10px;
    margin-top: 10px;
    padding: 10px;
    width: 778px;
}

.linklist {
    font-size: 7px;
    font-family: calibri;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 1px;
    margin: 5px;
    color: #656e79;
}


/* POST CUERPO */

.titulohermoso {    text-transform: uppercase;
    width: 529px;
    padding: 4px;
    text-align: center;
    height: 10px;
    font-size: 11px;
    font-family: calibri;
    line-height: 14px;
    font-weight: 900;
    margin-left: -64px;
    margin-right: 62px;
}

.topictitle-container {
    align-items: center;
    background: #000;
    box-sizing: border-box;
    display: flex;
    flex-direction: row-reverse;
    height: 122px;
    margin-left: -15px;
    width: 830px;
}

.topictitle-container .topictitle-image img {
    border: 21px solid #0b0b0b91;
    height: 80px;
    margin-left: -294px;
    margin-top: 1px;
    outline: 1px solid #0b0b0b;
    padding: 0;
    width: 80px;
}

.postbody .content {
    font-size: 14px;
    line-height: 15px;
}

.content {
    color: #c1c0c0;
    padding: 40px;
    text-align: justify;
    width: 500px;
}