OUAT CSS

body {
  background-image: url(http://s7.postimage.org/83ncrwdmz/Fondo4.jpg);
  background-repeat: repeat-y;
  background-attachment: fixed;
  background-position: center top;
}

.chatbox-title, .chatbox-title a.chat-title {display: inline-block; padding-top: 5px; padding-left: 5px;}

#chatbox_header a {color: #eee; text-transform: uppercase; font-family: economica; font-size: 10px;}
#chatbox_header{background-color: #2d2049;}
#chatbox_footer{background-color: #2d2049;}

#chatbox_footer label {color: #eee; text-transform: uppercase; font-family: economica; font-size: 10px;}

ul.topiclist.bg_none {
  border: 7px outset #2d2049;
}

li.header {font-size: 0px;}

.texto-sb::-webkit-scrollbar {background-color: #000; height:5px; width:5px}
.texto-sb::-webkit-scrollbar-thumb {background-color: #52635d;}

.texto-sb2::-webkit-scrollbar {background-color: #000; height:5px; width:5px}
.texto-sb2::-webkit-scrollbar-thumb {background-color: #52635d;}

.link-sb2 {
  position: absolute;
  width: 370px;
  right: 10px;
  top: 10px;
  line-height: 100%;
}

.link-sb2 a {
  background: #2d2049;
  color: #eee;
  display: inline-block;
  font-family: economica;
  margin: 1px;
  font-size: 9px;
  letter-spacing: 1px;
  line-height: 100%;
  padding-bottom: 2px;
  padding-top: 2px;
  text-align: center;
  text-transform: uppercase;
  width: 120px;
}

.link-sb {
  position: absolute;
  width: 184px;
  right: 10px;
  top: 10px;
  line-height: 100%;
}

.link-sb a {
  background: #2d2049;
  color: #eee;
  display: inline-block;
  font-family: economica;
  margin: 1px;
  font-size: 9px;
  letter-spacing: 1px;
  line-height: 100%;
  padding-bottom: 2px;
  padding-top: 2px;
  text-align: center;
  text-transform: uppercase;
  width: 90px;
}

.desc-sb:hover {
  transition: 1s;
  opacity: 1;
}

.texto-sb2 {
  top: 10px;
  position: absolute;
  left: 10px;
  padding: 5px;
  font-size: 10px;
  width: 180px;
  height: 50px;
  text-align: justify;
  line-height: 110%;
  overflow-y: auto;
  overflow-x: hidden;
  color: #000;
  background:rgba(238, 238, 238, 0.7);
}

.texto-sb {
  top: 10px;
  position: absolute;
  left: 10px;
  padding: 5px;
  font-size: 10px;
  width: 370px;
  height: 50px;
  text-align: justify;
  line-height: 110%;
  overflow-y: auto;
  overflow-x: hidden;
  color: #000;
  background:rgba(238, 238, 238, 0.7);
}

.desc-sb {
  position: relative;
  opacity: 0;
  transition: 1s;
  width: 400px;
  height: 80px;
}

p.right.rightside + p {
     display:none;
}
p.rightside {
  display: none;
}
p.copyright, p.nomargin.path, p.author, .pathname-box p, .topic-actions+p, #logo-desc p, #info_open p, .inner p {
     display: block;
}

#profile-advanced-layout {position: relative;}

#profile-advanced-layout #tabs #new-message-link {
  position: absolute;
  top: 40px;
}

#profile-advanced-layout #tabs:hover a span {color: #eee;}

#profile-advanced-right .module .h3 {
  background: #000;
  padding-bottom: 5px;
  font-family: economica;
  font-weight: normal;
  padding-top: 5px;
  color: #eee;
  text-align: center;
  font-size: 11px;
}

#profile-advanced-right .module {
  width: 200px; padding: 10px;
  position: relative;
  top: -38px;
  right: -40px;
}

#cp-main h1 {
  text-align: center;
  font-family: satisfy;
  color: #eee;
  font-size: 20px;
}

#cp-main h1 a {color: #eee; font-weight: normal;}

#profile-advanced-details .stats-field {color: #eee; text-transform: uppercase;
font-weight: bold; font-family: economica; font-size: 11px;}

#profile-advanced-details .stats-field a {color: #52635d;}

#profile-tab-field-profil dl dt {width: 45%; margin-right: 30px; text-align: right;}

#profile-tab-field-profil dl {
  color: #eee;
  text-transform: uppercase;
  font-weight: bold;
  font-family: economica;
  font-size: 11px;
  padding-top: 4px;
  padding-bottom: 4px;
}

#profile-advanced-left #cp-main {
  display: block;
  width: 592px;
  border: 7px outset #2d2049;
  margin-top: -4px;
  margin-left: -3px;
}

#tabs a span {color: #eee;}

#tabs .activetab a span {color: #eee;}

#profile-advanced-layout #tabs .activetab a {
  border: 1px solid #2d2049;
  background: #2d2049;
  display: inline-block;
}

#profile-tab-field-profil div.separator {border-bottom: 0px; padding-top: 0px;}

#profile-advanced-layout #tabs a {
  background: #000;
  width: 115px;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  font-family: economica;
}

div#new-message {
  margin-right: 0px;
}

#profile-advanced-layout #tabs { text-align: center; }

.button, .button1, .button2, input.button, input.button1, input.button2, button.bbcode, #submit_button, #profile-advanced-button, #login_popup_buttons, #login_popup_buttons input, .liteoption {
background: #2d2049;
  border: transparent;
  color: #eee;
  font-family: economica;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-style: normal;
  display: inline-block;
  outline: medium none;
  padding:4px;
  line-height: 100%;
  font-size:10px;
  border-radius: 0px;
}

.button:hover, .button1:hover, .button2:hover, input.button:hover, input.button1:hover, input.button2:hover, button.bbcode:hover, #submit_button:hover, #profile-advanced-button:hover, #login_popup_buttons:hover, #login_popup_buttons input:hover, .liteoption:hover {
background: #2d2049;
  border: transparent;
  color: #eee;
  font-family: economica;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-style: normal;
  display: inline-block;
  outline: medium none;
  padding:4px;
  line-height: 100%;
  font-size:10px;
  border-radius: 0px;
}

dl.spoiler {
font-size: 1em;
padding: 3px;
border-top: 0px;
border-bottom: 0px;
color: #6b6b6b;
letter-spacing:1px;
}

blockquote {
border-top: transparent;
border-left: 10px solid #2d2049;
border-bottom: 0px;
padding-left: 10px;
color: #ababab;
background: transparent;
font-size: 12px;
-moz-border-radius: 0px;!important;
border-radius: 0px;!important;
font-family: calibri; !important;
line-height:100%;
font-style: none !important;
letter-spacing:1px;
width: 500px;
border-right: transparent;
}

dl.codebox {
border: transparent;
font-size: 12px;
padding: 0px;
background: transparent;
padding: 5px;
border: 1px solid #2d2049;
color: #ababab;
font-family: calibri;
}

.content blockquote {
  font-size: 12px;
  font-family: calibri;
}
.spoiler_content.hidden {
  font-size: 12px;
  padding: 5px;
  font-family: calibri;
  color: #ababab;
}
dl.codebox code {
color: #ababab;
display: block;
letter-spacing: 1px;
  padding: 5px;
font-family: calibri;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: auto;
line-height: 1.3em;
margin: 2px 0;
max-height: 200px;
overflow: auto;
padding-top: 5px;
border:none;
white-space: no;
-moz-border-radius: 0px;
}

dl.codebox dt {
border:none;
display: block;
font-family: satisfy;
color: #eee;
text-transform: none;
width: 100%;
background: #2d2049;
font-size: 15px;
font-weight: 400;
margin-bottom: 0px;
text-align:center;
}

.postbody .topic-title a {
  margin-top: 5px;
  display: block;
  color: #eee;
  font-family: satisfy;
  font-weight: normal;
  font-size: 20px;
}

.postbody p.author {
  font-size: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: economica;
}

.postbody p.author img {display: none;}

.postbody p.author::before {
  display: inline-block;
  content: 'Escrito';
}

.postbody .content {
  padding-top: 20px;
}

.postbody ul.profile-icons {
  position: absolute;
  margin-bottom: 10px;
  top: -5px;
  width: 93px;
  right: -35px;
  line-height: 100%;
  display: block;
}

.postbody ul.profile-icons img {
  display: block;
  margin-bottom: 2px;
}

.field-userpic {
  position: absolute;
  top: 18px;
  right: 5px;
}

.field-userpic img {
  height: 70px;
  width: 92px;
}

.field-userpic .label {display: none;}

.field-msg {
  position: absolute;
  top: 18px;
  left: 5px;
  display: inline-block;
  font-size: 20px;
  padding: 4px;
  background: #52635d;
  line-height: 110%;
  font-style: normal;
  text-align: center;
  width: 50px;
  height: 49px;
  padding-top: 17px;
  color: #eee;
}

.field-msg .label {display: none;}

.field-msg::after {
  content: 'posts';
  font-size: 9px;
  padding-bottom: 4px;
  display: block;
  line-height: 110%;
  font-family: economica;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.postbody {
  width: 640px;
  padding: 10px;
  position: relative;
  top: 5px;
  border: 7px outset #2d2049;
  text-align: justify;
}

h1.page-title {
  color: #eee;
    font-family: Satisfy;
    font-size: 30px;
    line-height: 100%;
    text-align: center;
    text-transform: none;
  display: block;
  width: 100%;
}

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

.topic-actions a {color: #52635d;}

.topic-actions {
  color: #52635d;
    font-family: economica;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 5px;
    text-transform: uppercase;
}

.info-prof {
  padding: 5px;
  padding-top: 80px;
  text-align: center;
  text-transform: uppercase;
  font-style: normal;
  font-size: 10px;
  font-weight: bold;
  font-family: calibri;
}

.info-prof span.label {
  color: #2d2049;
}

.title-prof {
  width: 100%;
  background: #000;
  color: #eee;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: economica;
  padding-top: 2px;
  padding-bottom: 2px;
  display: block;
  font-size: 10px;
  text-align: center;
  line-height: 100%;
}

.contacto-prof {
  padding: 3px;
  height: 20px;
  background: #2d2049;
  position: absolute;
  bottom: 0px;
  margin: 0px;
  width: 160px;
}

.contacto-prof img {
  margin-left: 12px;
}

.postprofile .contenido-prof {
  position:absolute;
  background:rgba(238, 238, 238, 0.7);
  color: #000;
  transition: 1s;
  overflow: hidden;
  opacity: 0;
  top: 20px;
  left: 20px;
  width: 160px;
  height: 310px;
}

.postprofile:hover .contenido-prof {
  opacity: 1;
  transition: 1s;
}

.postprofile {
  position: relative;
  overflow: hidden;
  width: 200px;
  height: 420px;
}

.pie-prof {
  background: #2d2049;
  padding: 10px;
  width: 180px;
  line-height: 100%;
  height: 50px;
}

.nombre-usuario a:hover {
  text-decoration: none;
}

.nombre-usuario {
  text-align: left;
  padding-top: 5px;
  font-family: satisfy;
  display: block;
  padding-bottom: 5px;
  border-bottom: 1px solid #eee;
  font-size: 15px;
  line-height: 100%;
}

.rango {
  padding-top: 5px;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: right;
  font-weight: bold;
  font-size: 10px;
  color: #eee;
  font-family: economica;
  display: block;
  line-height: 100%;
}

#page-footer a {
  font-weight: bold;
  font-size: 10px;
  color: #52635d;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: economica;
}

#page-footer .navbar {
  color: #0b100f;
  padding-top: 30px;
}

::-webkit-scrollbar {background-color: #000; height:8px; width:8px}
::-webkit-scrollbar-thumb {background-color: #52635d;}

.grupos {
  position: absolute;
  right: 5px;
  top: 5px;
}

.grup {
  display: block;
  width: 130px;
  font-weight: bold;
  line-height: 100%;
  color: #000;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: economica;
  text-align: center;
}

.censo {
  display: block;
  margin-bottom: 5px;
  width: 130px;
  line-height: 100%;
  color: #eee;
  background: #000;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 9px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: economica;
  text-align: center;
}

ul#picture_legend {
  font-size: 0px;
  position: absolute;
  right: -5px;
  top: 230px;
}

ul#picture_legend img {
  width: 75px;
}

.img-whois {
  height: 292px;
}

.stats1 {
  background: #2d2049;
  display: block;
  width: 384px;
  line-height: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 11px;
  color: #eee;
  font-family: economica;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  position: absolute;
  left: 260px;
  top: 194px;
}

.stats2 {
  background: #2d2049;
  display: block;
  width: 384px;
  line-height: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 11px;
  color: #eee;
  font-family: economica;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  position: absolute;
  left: 260px;
  top: 230px;
}

.stats3 {
  background: #2d2049;
  display: block;
  width: 384px;
  line-height: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 11px;
  color: #eee;
  font-family: economica;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  position: absolute;
  left: 260px;
  top: 266px;
}

.enlinea {
  left: 260px;
  top: 5px;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  border: 7px outset #2d2049;
  padding: 10px;
  width: 350px;
  font-size: 11px;
  letter-spacing: 0.5px;
  height: 150px;
}

a.forumtitle {
  display: block;
  width: 200px;
  text-align: left;
  font-family: satisfy;
  font-size: 20px;
  position: absolute;
  font-weight: normal;
  color: #eee;
  line-height: 100%;
  top: 25px;
  left: 15px;
}


ul.forums .icon {
background-position: 150px 5px !important;
}

ul.forums dd.dterm {
  height: 80px;
}

ul.forums li.row {
  margin-top: 5px;
  border: 7px outset #2d2049;
  height: 80px;
  position: relative;
}


.forabg ul.forums li.row dd.lastpost {
  text-transform: uppercase;
  position: absolute;
  right: 40px;
  top: 10px;
  font-size: 10px;
  font-weight: bold;
  font-family: economica;
}

.forabg ul.forums li.row dd.lastpost a.last-post-icon {
  display: inline-block;
  width: 20px;
  border-bottom: transparent;
  padding-bottom: 0px;
}

.forabg ul.forums li.row dd.lastpost a {
  display: block;
  text-align: center;
  font-weight: normal;
  line-height: 110%;
  font-family: Satisfy;
  text-transform: none;
  border-bottom: 1px solid #eee;
  padding-bottom: 5px;
  color: #eee;
  font-size: 15px;
  width: 200px;
}

.forabg ul.forums li.row dd.lastpost strong a {
  text-transform: uppercase;
  text-align: left;
  font-weight: bold;
  display: inline-block;
  width: 120px;
  font-size: 10px;
  border-bottom: transparent! important;
  font-family: economica;
  padding-bottom: 0px;
}

.forabg ul.forums li.row dd.lastpost span.color-groups::before {
  content: 'Escrito por';
  margin-right: 4px;
  color: #A09EA5;
  display: inline-block;
}
.forabg li.header dd.posts, .forabg ul.forums li.row dd.topics {
display: none;
}

.forabg li.header dd.topics, .forabg ul.forums li.row dd.posts {
display: none;
}

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

.table-title h2::after {
  content: 'Pon aquí el lema del foro';
  font-size: 10px;
  font-family: economica;
  display: block;
  line-height: 100%;
  margin-top: 0px;
  margin-left: 350px;
  padding-top: 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
  border-top: 1px solid #eee;
  width: 200px;
}

li.header {
  position: relative;
  line-height: 100%;
  padding-top: 0px;
  padding-bottom: 0px;
  background: transparent;
}

.table-title h2 {
  text-align: center;
  text-transform: none;
  font-family: Satisfy;
  color: #eee;
  line-height: 100%;
  font-size: 30px;
}

#main ul.linklist {
  padding: 5px;
  color: #52635d;
  text-transform: uppercase;
  font-size: 9px;
  font-family: economica;
  font-weight: bold;
  letter-spacing: 1px;
}

#main ul.linklist a {
  color: #52635d;
}

.adnom {
  background: #52635d;
  width: 100%;
  text-transform: uppercase;
  display: block;
  text-align: center;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 9px;
  font-weight: bold;
  font-family: economica;
  color: #eee;
  letter-spacing: 1px;
}

.adcon a {
  background: #2d2049;
  width: 93px;
  margin-top: 2px;
  line-height: 100%;
  padding-top: 3px;
  padding-bottom: 3px;
  display: inline-block;
  font-family: economica;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
  margin-bottom: 4px;
  color: #eee;
}


.fecha {
  background: #52635d;
  display: inline-block;
  color: #eee;
  text-align: center;
  left: -5px;
  position: relative;
  width: 30px;
  font-size: 10px;
  letter-spacing: 0px;
  padding-top: 2px;
  padding-bottom: 2px;
  line-height: 100%;
}

.triangle {
  width: 0;
  margin-bottom: -4px;
  position: relative;
  right: -4px;
  height: 0;
  border-style: solid;
  border-width: 7px 7px 7px 0;
  border-color: transparent #52635d transparent transparent;
  display: inline-block;
}

.headerbar {position: relative;}

#comments_scroll_div a {
  color: #eee;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
  font-family: economica;
  font-weight: bold;
}

#comments_scroll_div {
  line-height: 130%;
}

#left .module .h3 {
  color: #eee;
  font-family: Satisfy;
  text-transform: none;
  text-align: center;
  font-size: 20px;
  font-weight: normal;
}

#left .module {
  float: left;
  height: 250px;
  margin: 3px;
  font-size: 11px;
  letter-spacing: 0.5px;
  width: 188px;
  border: 7px outset #2d2049;
}

#left {
    float: none !important;
    height: 300px;
    margin-bottom: 0;
    margin-left: 7px;
    margin-right: 0;
    margin-top: 5px !important;
    overflow-x: hidden;
    overflow-y: hidden;
  background: transparent;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    width: 920px !important;
}

#content-container div#left {
    float: left;
    margin-right: 20px;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 180px;
}

#search-box {display: none;}

a.mainmenu[href^="/memberlist"] {
  margin-right: 20px;
}

a.mainmenu[href^="/search"] {font-size: 0px;}

a.mainmenu[href^="/groups"] {
  margin-left: 380px;
}

ul.linklist.navlinks {
  width: 900px;
  border-radius: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 100%;
  background: #2d2049;
  position: relative;
  top: -20px;
}

a.mainmenu {
  line-height: 100%;
  font-family: Economica;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: normal;
  color: #eee;
}

#site-title {
  position: absolute;
  left: 300px;
  top: 250px;
}


#site-title, #site-title h1 {
  font-family: Satisfy;
  line-height: 110%;
  font-size: 50px;
  color: #eee;
  display: block;
  width: 300px;
  text-align: center;
  font-weight: normal;
}

#wrap {
  min-width: 920px;
  max-width: 920px;
  position: relative;
  width: 920px;
  margin-top: -10px;
  margin-bottom: -10px;
  background: #0b100f;
}

 #logo-desc img {
  margin-left: -15px;
  margin-top: -15px;
}

/*Quitar subrayado del título de subforo al pasar el ratón*/
a.forumtitle:hover {
  color: #eee;
  text-decoration: none;
}


/*Quitar el borde azul bajo la caja de edición de la firma*/
#cp-main .panel.sig {
background-color: transparent;
}

/*Quitar el borde blanco de las cajas de edición*/
.sceditor-container.ltr.wysiwygMode, .sceditor-container.ltr.sourceMode, div.sceditor-toolbar  {
    border-color: transparent !important;
}

/*Quitar el borde blanco de las cajas de edición de títulos, etc*/
.inputbox{
  border-color: transparent !important;
}

/*Quitar el apartado de información sobre el chatbox a pie de foro en el índice*/
div.page-bottom, #chatbox_popup, .h3 a[target="ChatBox"]{
  display:none;
}

/*Código para centrar el título de la categoría o ponerla en el lado que quieras*/

.forabg li.header dd.dterm {
  width: 100%;
  text-align: center;
}

/* latin */
@font-face {
  font-family: 'Satisfy';
  font-style: normal;
  font-weight: 400;
  src: local('Satisfy'), url(http://fonts.gstatic.com/s/satisfy/v6/2OzALGYfHwQjkPYWELy-cw.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: 'Economica';
  font-style: normal;
  font-weight: 400;
  src: local('Economica'), local('Economica-Regular'), url(http://fonts.gstatic.com/s/economica/v4/ivOlup5oBnODGd64nVDAFBJtnKITppOI_IvcXXDNrsc.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: 'Economica';
  font-style: normal;
  font-weight: 400;
  src: local('Economica'), local('Economica-Regular'), url(http://fonts.gstatic.com/s/economica/v4/jObgDQiPUtmACAaaK3pMG1tXRa8TVwTICgirnJhmVJw.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: 'Economica';
  font-style: normal;
  font-weight: 700;
  src: local('Economica Bold'), local('Economica-Bold'), url(http://fonts.gstatic.com/s/economica/v4/UK4l2VEpwjv3gdcwbwXE9D0LW-43aMEzIO6XUTLjad8.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: 'Economica';
  font-style: normal;
  font-weight: 700;
  src: local('Economica Bold'), local('Economica-Bold'), url(http://fonts.gstatic.com/s/economica/v4/UK4l2VEpwjv3gdcwbwXE9Ogdm0LZdjqr5-oayXSOefg.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;
}