html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,audio,canvas,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time,video {
 border: 0;
 outline: 0;
 font-size: 100%;
 vertical-align: baseline;
 background: transparent;
 margin: 0;
 padding: 0
}

body {
 line-height: 1
}

article,aside,dialog,figure,footer,header,hgroup,nav,section,blockquote {
 display: block
}

nav ul {
 list-style: none
}

ol {
 list-style: decimal
}

ul {
 list-style: disc
}

ul ul {
 list-style: circle
}

blockquote,q {
 quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
 content: none
}

ins {
 text-decoration: underline
}

del {
 text-decoration: line-through
}

mark {
 background: 0
}

abbr[title],dfn[title] {
 border-bottom: 1px dotted #000;
 cursor: help
}

table {
 border-collapse: collapse;
 border-spacing: 0
}

hr {
 display: block;
 height: 1px;
 border: 0;
 border-top: 1px solid #ccc;
 margin: 1em 0;
 padding: 0
}

input[type=submit],input[type=button],button {
 margin: 0!important;
 padding: 0!important
}

input,select,a img {
 vertical-align: middle
}

* {
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 outline: 0
}

html :not(input):not(textarea):not(.sbl) {
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none
}

html {
 background-color: #121212;
 background-image: url('../img/background.jpg');
 background-attachment: fixed;
 background-position: top center;
 cursor: default;
 color: #b0b0b0
}

.clearfix:after {
 content: ".";
 display: block;
 clear: both;
 visibility: hidden;
 line-height: 0;
 height: 0
}

.clearfix {
 display: inline-block
}

html[xmlns] .clearfix {
 display: block
}

* html .clearfix {
 height: 1%
}

@font-face {
 font-family: 'FontSiteSansCondensed';
 src: url('../fonts/FontSiteSans-Cond-webfont.eot');
 src: url('../fonts/FontSiteSans-Cond-webfont.eot?iefix') format('eot'),url('../fonts/FontSiteSans-Cond-webfont.woff') format('woff'),url('../fonts/FontSiteSans-Cond-webfont.ttf') format('truetype'),url('../fonts/FontSiteSans-Cond-webfont.svg#webfontEGuZ0Ad6') format('svg');
 font-weight: normal;
 font-style: normal
}

body {
 font-family: Helvetica,Arial,sans-serif;
 font-size: 12px
}

header.main {
 background: #1e1e1e;
 margin: 15px auto 0 auto;
 border-radius: 8px 8px 0 0;
 width: 960px;
 padding: 10px;
 height: 110px
}

#logo {
 display: inline-block;
 width: 200px;
 height: 90px;
 background-image: url('../img/logo.png');
 text-indent: -9999px
}

.a728x90 {
 width: 728px;
 height: 90px;
 border-radius: 3px;
 float: right
}

.a160x600 {
 width: 160px;
 height: 600px
}

nav {
 background-image: url('../img/navbar.png');
 height: 37px;
 width: 960px;
 margin: 0 auto;
 z-index: 9999999
}

nav.fix {
 width: 100%;
 box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
 position: fixed;
 top: 0
}

nav .minilogo {
 display: none
}

nav.fix .minilogo {
 display: inline-block
}

nav.fix .minilogo a {
 background-image: url('../img/logo.png');
 background-position: 15px bottom;
 width: 110px;
 text-indent: -9999px;
 opacity: .75;
 -webkit-transition: all 125ms ease-in-out;
 -moz-transition: all 125ms ease-in-out
}

nav.fix .minilogo a:hover {
 opacity: 1
}

nav ul {
 width: 960px;
 margin: 0 auto
}

nav li {
 display: inline-block;
 height: 37px;
 vertical-align: top
}

nav a {
 padding: 0 0 0 15px;
 color: #e8ebee;
 text-transform: uppercase;
 font-family: 'FontSiteSansCondensed';
 font-size: 12px;
 text-decoration: none;
 height: 37px;
 display: block;
 line-height: 37px;
 text-shadow: 0 1px 0 #13161a
}

nav a:hover {
 color: #c8e4ff
}

nav .right div.load {
 display: inline-block;
 background: url('../img/09auo.gif') center center no-repeat;
 width: 24px;
 height: 37px;
 position: relative;
 right: -18px
}

.share {
 width: 960px;
 margin: 0 auto;
 position: relative
}

#share {
 width: 42px;
 position: absolute;
 left: -42px;
 background-color: #2d2d2d;
 overflow: hidden;
 padding: 10px 0 10px 10px;
 float: left;
 top: 10px;
 border-radius: 5px 0 0 5px;
 box-shadow: -5px 4px 3px rgba(0,0,0,0.4);
 z-index: 0;
 border: 1px solid #444;
}

#share.fix {
 position: fixed;
 left: auto;
 margin-left: -42px;
 margin-top: 37px
}

#share ul,#share li {
 list-style: none
}

#share ul li a,#addfav,#remfav {
 text-indent: -9999px;
 width: 32px;
 height: 32px;
 margin-bottom: 5px;
 display: block;
 background-repeat: no-repeat;
 background-image: url('../img/icons.png');
 opacity: .8;
 border-radius: 2.5px;
 border: 0;
 outline: 0;
 cursor: pointer;
 background-color: #FFF
}

#share ul li:last-child a {
 margin-bottom: 0
}

#share ul li a:hover {
 opacity: 1
}

#share ul li a.tw {
 background-position: 0 -35px
}

#share ul li a.gp {
 background-position: 0 -70px
}

#tofav {
 overflow: hidden;
 width: 32px;
 height: 32px;
 display: block
}

#addfav {
 background-position: 0 -105px
}

#remfav {
 background-position: 0 -140px
}

#addfav:hover,#remfav:hover {
 opacity: 1
}

#share ul li a.isfav:hover {
 background-position: 0 -175px
}

.right {
 float: right
}

nav li.search {
 padding-left: 20px
}

#navsearch {
 background-color: rgba(255,255,255,0.1);
 border-radius: 2px;
 border: 0;
 height: 24px;
 width: 160px;
 margin: 6px 10px 0 0;
 box-shadow: inset 0 1px 0 0 rgba(0,0,0,0.17),inset 0 -1px 0 0 rgba(255,255,255,0.06),inset 0 2px 10px rgba(0,0,0,0.38);
 padding: 5px 23px 5px 5px;
 font-size: 11px;
 color: #e8ebee;
 text-shadow: 0 -1px 0 #1f252c;
 -webkit-transition: all 125ms ease-in-out;
 background-image: url('../img/search.png');
 background-repeat: no-repeat;
 background-position: 139px;
 background-size: 17px auto
}

#navsearch:focus,#navsearch:active {
 background-color: rgba(255,255,255,0.2);
 -webkit-transition: all 125ms ease-in-out;
 -moz-transition: all 125ms ease-in-out;
 -o-transition: all 125ms ease-in-out;
 -ms-transition: all 125ms ease-in-out;
 transition: all 125ms ease-in-out
}

div.main {
 width: 960px;
 min-height: 650px;
 background: #1e1e1e;
 margin: 0 auto;
 padding: 10px;
 position: relative
}

footer.main {
 background: url('../img/bg-footer-shadow.png') repeat-x,url('../img/bg-footer.gif');
 background-color: #1f1f1f;
 width: 100%;
 min-height: 300px;
 z-index: 9;
 position: relative
}

section.main {
 width: 770px;
 min-height: 400px;
 float: left
}

aside#sky {
 vertical-align: top;
 float: left;
 margin-left: 10px
}

aside#sky .a160x600.fix {
 position: fixed;
 top: 47px;
  margin-top: 36px
}

#login-drop {
 width: 200px;
 height: 170px;
 position: relative;
 background-color: #f2f2f2;
 left: 567px;
 border-radius: 0 0 3px 3px;
 box-shadow: 0 0 0 1px #dfdfdf,inset 0 1px rgba(255,255,255,0.37),0 1px 3px rgba(0,0,0,0.7);
 z-index: 88888;
 border: 6px #f2f2f2 solid;
 top: 1px;
 display: none
}

#login-drop .log {
 padding: 14px;
 background-color: #FFF;
 border-radius: 3px
}

#user[disabled],#pass[disabled] {
 background-color: #dadada
}

#user,#pass {
 width: 100%;
 background-color: white;
 padding: 9px 8px 8px 28px;
 height: 31px;
 border-radius: 4px;
 box-shadow: inset 0 1px 5px rgba(0,0,0,0.11),0 1px white;
 border-top: 1px solid #cbcdd4;
 border-bottom: 1px solid #dadcde;
 border-left: 1px solid #cbcdd4;
 border-right: 1px solid #cbcdd4;
 font-size: 11px;
 color: #868686;
 margin-bottom: 8px;
 text-shadow: 0 1px 0 #f8f8f8;
 -webkit-transition: all 125ms ease-in-out
}

#user:active,#user:focus,#pass:active,#pass:focus {
 border: 1px solid #a6d0e2;
 box-shadow: inset 0 2px 5px rgba(0,0,0,0.125),inset 0 0 5px #d8f6ff,0 0 5px rgba(161,213,238,0.6);
 -webkit-transition: all 125ms ease-in-out
}

#user {
 background: url('../img/user.png') 6px center no-repeat
}

#pass {
 background: url('../img/pass.png') 6px center no-repeat;
 margin-bottom: 0
}

#login-drop .foot a {
 padding: 0;
 color: #626977;
 font-size: 11px;
 text-shadow: none;
 text-transform: none;
 height: auto;
 line-height: normal;
 float: right
}

#login-drop .foot a:hover {
 border-bottom: 1px dotted #626977
}

#login-drop .log div {
 width: 100%;
 padding-top: 8px;
 height: 38px
}

#login-drop .foot {
 width: 100%;
 padding: 6px 3px 0 0
}

#login-drop .log div #loginb {
 border-radius: 3px;
 list-style: none;
 padding: 10px;
 margin: 0;
 display: block;
 width: 100%;
 height: 30px;
 text-align: center;
 box-shadow: inset 0 1px 0 0 #8da4b3,0 1px 2px rgba(0,0,0,0.2);
 background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#6c899c),color-stop(1,#4b6170));
 background: -moz-linear-gradient(center top,#6c899c 5%,#4b6170 100%);
 background-color: #6c899c;
 border-top: 1px solid #4b6170;
 border-bottom: 1px solid #4b6170;
 border-left: 1px solid #4b6170;
 border-right: 0;
 color: white;
 font-family: arial;
 font-size: 9px;
 text-transform: uppercase;
 text-decoration: none;
 text-shadow: 0 1px 0 #354752;
 opacity: .9;
 line-height: 8px;
 cursor: pointer;
 position: relative;
 -webkit-transition: all 300ms ease-in-out
}

#login-drop .log div #loginb:hover {
 opacity: 1
}

#login-drop .log div #loginb:active {
 background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#4b6170),color-stop(1,#6c899c));
 background: -moz-linear-gradient(center top,#4b6170 5%,#6c899c 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b6170',endColorstr='#6c899c');
 background-color: #4b6170;
 box-shadow: inset 0 1px 3px rgba(0,0,0,0.3)
}

#user-pic {
 width: 24px;
 height: 24px;
 position: relative;
 top: 6px;
 border-radius: 3px;
 box-shadow: 0 1px 1px #222;
 display: inline-block;
 border: 0;
 background-color: rgba(255,255,255,0.2)
}

#user-link {
 display: inline-block;
 position: relative;
 height: 37px;
 vertical-align: top;
 text-transform: none;
 padding-left: 6px;
 font-family: Helvetica,Arial,sans-serif;
 font-size: 11px;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 max-width: 200px
}

#logout,#favs {
 background-image: url('../img/favout.png');
 display: inline-block;
 width: 17px;
 background-size: 17px auto;
 background-repeat: no-repeat;
 padding-left: 0;
 position: relative;
 opacity: .75;
 -webkit-transition: opacity 200ms ease-in-out
}

#logout:hover,#favs:hover {
 opacity: 1
}

#logout {
 background-position: 0 -23px
}

#favs {
 background-position: 0 9px;
 margin: 0 15px
}

.btns {
 display: inline-block;
 height: 37px;
 margin-right: -10px
}

.lastcap article {
 width: 250px;
 height: 140px;
 display: inline-block;
 overflow: hidden;
 position: relative;
 margin: 1px 3px 2px 1px;
 box-shadow: 0 1px 1px #333;
 border-radius: 4px;
 background: #2d2d2d;
}

.lastcap article a {
 display: block;
 position: relative;
 width: 250px;
 height: 140px;
 text-decoration: none
}

.lastcap article a:visited figure img {
 -webkit-filter: grayscale(80%)
}

.lastcap article a:hover header {
 opacity: 1;
 -webkit-transition: all 200ms ease-in-out;
 -moz-transition: all 200ms ease-in-out;
 -o-transition: all 200ms ease-in-out;
 -ms-transition: all 200ms ease-in-out;
 transition: all 200ms ease-in-out
}

.lastcap article a header {
 width: 250px;
 height: 140px;
 display: table-cell;
 vertical-align: middle;
 text-align: center;
 background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDkvMjUvMTIxTlGMAAAADUlEQVQImWNgYGCYCQAAngCaYaR2fwAAAABJRU5ErkJggg==');
 position: relative;
 top: 0;
 left: 0;
 color: #FFF;
 -webkit-transition: all 200ms ease-in-out;
 -moz-transition: all 200ms ease-in-out;
 -o-transition: all 200ms ease-in-out;
 -ms-transition: all 200ms ease-in-out;
 transition: all 200ms ease-in-out;
 opacity: 0;
 z-index: 10;
 text-shadow: 0 1px 0 black;
 padding: 0 15px;
 font-size: 16px;
 font-family: Helvetica,Arial,sans-serif;
 font-weight: bold;
 font-style: italic
}

.lastcap article a figure {
 position: absolute;
 top: 0;
 left: 0;
 display: block;
 width: 250px;
 height: 140px;
 background-color: #3d3d3d;
 background-image: url('../img/load-fig.gif');
 background-position: center center;
 background-repeat: no-repeat
}

.lastcap article a figure img {
 width: 250px;
 height: 140px;
 border: 0;
 -webkit-filter: grayscale(0);
 image-rendering: optimizespeed;
 image-rendering: -moz-crisp-edges;
 image-rendering: -o-crisp-edges;
 image-rendering: -webkit-optimize-contrast;
 -ms-interpolation-mode: nearest-neighbor
}

.lastcap article a aside {
 position: absolute;
 right: 10px;
 top: 10px;
 color: white;
 background-color: rgba(0,0,0,0.57);
 font-size: 10px;
 padding: 3px 5px;
 border-radius: 5px;
 z-index: 9;
 text-shadow: 0 1px 0 black;
 line-height: 9px
}

.lastcap article a aside span {
 background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAcCAYAAABcSP4GAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAWdEVYdENyZWF0aW9uIFRpbWUAMTIvMDUvMTKFI1aIAAABVklEQVQoke3SMU4CQRQG4H+ADYOFFlhtogdYLUiWyspOE1sTD2BjtvAU9ISQGAsu4BGobelI2HaDYAibzQBhnWyY8bdhQRK0s3Oql/99kzfJPJAEyRrJDskzkufrukYSguSF1vrJGHPiOM4QAFar1anjOG9SykBMJpOXcrl8pbX+LJVKBABjjKhUKoUsy7qFIAj6cRxrKWXRWiustUJKWYzjWAdB0AcA1/f9ZhRF0yRJFkmSLKIomvq+3wTggiQAVD3Pa4VhOArDcOR5XgtANX8kAEAIcViv1x8AoNfrPZNcANiCNToAAJIfm+w72HcKv3b/wV+A5XL5rpTq/AiMMUdZlt0CeBwOh1ux3moopVKlVKq1Tkje5/nmu2ezWZpf0Fpr13WPd0bM53NYayGEQLvd7u8dMR6P00aj8QrgMs83YDAYpN1udwDgOs92AIA7ADffmyTxBTUY/wivySsnAAAAAElFTkSuQmCC') no-repeat;
 display: inline-block;
 margin: 0 2px;
 text-indent: 10px
}

.lastcap article a aside span.p {
 background-position: 0 -19px
}

.lastcap article a aside span.f {
 background-position: 0 1px;
 margin-left: 5px
}

.lastcap article a aside span strong {
 display: none
}

.lastcap article a .mask {
 background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPoAAACMCAYAAABVl7ThAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDkvMjUvMTIxTlGMAAADL0lEQVR4nO3aMUvjdxzH8e8v6Sh3V1o6laBzojioxKnQsZQ75ApuYshDqI9C6tC5g4t9AnkEbQcd3DQZBYcuhXY42k00nY72lluOQ/x/Xq8phAz/5Q2f/5e0u7u75eXl5T8XFxez+Xx+dXp6el3AkzaZTNZHo9HG7u7uy+3t7ZV2fn7+99nZ2fdHR0dvBoPBi36/v3zshwQ+zP39fbu9vX1zfHz8/PDw8Id2cnLy897e3mxtbe2+qn6pqr+qSuzwdLWq+qKqvrq5uenNZrNve/P5/GowGLyoqt+q6s8SOTx1y6r6o6p+XV1dfbZYLK5bVX2zXC6/rKqfSuTQJb2qmrbWfu/970uRQ7c8vP3Qe9+vgG4QOgQQOgR4G/rDe38FPFUPVf+F7hAH3bSsEjp0ndAhgNAhwDuhO8ZBNznGQQDTHQIIHQIIHQI4xkEAxzgIYLpDAKFDAO/oEMA7OgQw3SGA0CGAd3QI4B0dApjuEEDoEEDoEMAxDgI4xkEA0x0CmO4QwHSHAKY7BBA6BBA6BHCMgwCOcRDAdIcAQocAQocAjnEQwDEOApjuEEDoEEDoEMAxDgI4xkEA0x0CmO4QwHSHAKY7BBA6BBA6pHCMg25zjIMApjsEEDoEEDoE8M84COAYBwFMdwhgukMA0x0CmO4QQOgQQOgQwDEOAjjGQQDTHQIIHQIIHQI4xkEAxzgIYLpDANMdApjuEMB0hwBChwBChwCOcRDAMQ4CmO4QQOgQQOgQwDEOAjjGQQDTHQK8EzrQYUKHAEKHAEKHAEKHAEKHAEKHAEKHAEKHAEKHAEKHAEKHAEKHAEKHAEKHAEKHAEKHAEKHAEKHAEKHAEKHAEKHAEKHAEKHAEKHAEKHAEKHAEKHAEKHAEKHAEKHAEKHAEKHAEKHAEKHAEKHAEKHAEKHAEKHAEKHAEKHAEKHAEKHAEKHAL3JZLL+2A8BfByttf50Ot3ojUajjdbas8d+IOCj+HQ4HK73xuPxy4ODg+9aa5+11kx56IDWWr+19vn+/v7r8Xj86pOdnZ2V1tqPm5ubXy8Wi+vW2tVjPyTwYabT6cZwOFwfj8evtra2Vv4F1tsB6wW+6OcAAAAASUVORK5CYII=') no-repeat top left;
 position: absolute;
 top: 0;
 left: 0;
 width: 250px;
 height: 140px;
 z-index: 11
}

.title {
 font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
 font-size: 20px;
 font-weight: normal;
 text-shadow: 0 1px 1px rgba(0,0,0,0.15);
 letter-spacing: -1px;
 padding: 4px 3px;
 margin: 2px 0
}

.derecha {
 text-align: right
}

.topfive article {
 width: 184px;
 display: inline-block;
 margin: 2px;
 background-color: #2d2d2d;
 padding: 4px;
 border-radius: 5px;
 border: 1px solid #444;
 box-shadow: 0 1px 1px #333;
 vertical-align: top
}

.topfive article header {
 text-align: center;
 color: #e8ebee;
 font-family: Helvetica,Arial,sans-serif;
 font-size: 18px;
 font-weight: bold;
 padding: 8px 4px;
 background-color: #3d3d3d;
 border-radius: 5px 5px 0 0;
 text-shadow: 0 -1px 1px #1a1a1a
}

.topfive article ol {
 list-style: none
}

.topfive article ol a {
 text-decoration: none;
 color: #b0b0b0;
 display: block;
 width: 176px;
 height: 40px;
 white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden;
 text-shadow: 0 1px 1px #1a1a1a;
 font-size: 11px;
 -webkit-transition: all 125ms ease-in-out
}

.topfive article header a {
 color: inherit;
 text-decoration: none
}

.topfive article ol a:hover,.topfive article header a:hover {
 color: #8ab4f8;
 -webkit-transition: all 125ms ease-in-out
}

.topfive article img.thumb {
 border: 0;
 width: 32px;
 height: 32px;
 background-position: center center;
 background-size: 32px auto;
 background-repeat: no-repeat;
 box-shadow: 0 1px 1px #333;
 border-radius: 4px;
 margin: 4px;
 image-rendering: optimizespeed;
 image-rendering: -moz-crisp-edges;
 image-rendering: -o-crisp-edges;
 image-rendering: -webkit-optimize-contrast;
 -ms-interpolation-mode: nearest-neighbor
}

.main hr {
 width: 95%;
 margin: 20px auto;
 border-top: 1px dashed #444
}

#ipad {
 display: none;
 position: fixed;
 background-color: rgba(0,0,0,0.83);
 width: 400px;
 height: 128px;
 top: 50%;
 left: 50%;
 padding: 20px;
 border: 2px solid black;
 box-shadow: inset 0 0 0 5px white;
 border-radius: 8px;
 color: white;
 font-size: 230%;
 text-align: center;
 margin-top: -64px;
 margin-left: -200px;
 z-index: 99999
}

footer.main .foot {
 width: 960px;
 margin: 0 auto;
 min-height: 300px;
 color: #b0b0b0;
 padding: 10px
}

footer.main section.left {
 margin-right: 20px
}

footer.main section.left,footer.main section.right {
 float: none;
 width: 935px;
 display: inline-block;
 padding: 12px;
 border-radius: 10px;
 box-shadow: inset 0 2px 20px 2px rgba(0,0,0,0.5);
 background-color: rgba(0,0,0,0.3);
 margin-top: 15px;
 margin-bottom: 15px;
 vertical-align: top;
 text-align: center
}

footer.main .foot li {
 background-color: rgba(51,51,51,0.8);
 padding: 5px 8px;
 margin: 4px;
 list-style: none;
 border-radius: 5px;
 font-size: 11px;
 color: #afafaf;
 text-shadow: 0 1px 0 #1b1b1b;
 border-top: 1px solid #444;
 border-bottom: 1px solid #333;
 height: 42px;
 position: relative
}

footer.main .foot li a {
 color: inherit;
 text-decoration: none;
 display: inline-block;
 position: relative
}

footer.main .foot li a img {
 width: 30px;
 height: 30px;
 border-radius: 4px;
 box-shadow: 0 1px 2px #202020;
 float: left
}

footer.main .foot li a strong {
 font-weight: normal;
 display: block;
 position: absolute;
 left: 37px;
 top: 3px;
 width: 385px;
 white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden
}

footer.main .foot li small {
 position: absolute;
 left: 45px;
 top: 21px;
 color: #777
}

footer.main .foot header {
 font-size: 20px;
 padding: 5px 8px;
 text-shadow: 0 1px 2px #181818;
 color: #b0b0b0;
 text-align: center
}
#fbbox iframe {
 border: 0;
 overflow: hidden;
 width: 420px;
 height: 224px;
 margin: 4px 8px;
 border-radius: 4px
}

.after a {
 color: #888;
 text-decoration: none
}

.after a:hover {
 color: #afafaf
}

.after {
 color: #777;
 text-shadow: 0 1px 0 #000;
 font-size: 11px;
 padding: 5px;
 line-height: 17px;
 text-align: justify
}

#anime {
 margin-bottom: 15px;
 margin-top: 10px
}

#anime figure,#anime section,#anime aside {
 display: inline-block;
 vertical-align: top
}

#anime figure {
 width: 122px;
 padding: 0 6px 0 3px;
 position: relative;
 overflow: hidden
}

#anime figure img {
 border-radius: 4px
}

#anime figure .mask {
 position: absolute;
 top: 0;
 left: 3px;
 background-image: url('../img/sprite.png');
 background-repeat: no-repeat;
 background-position: bottom left;
 width: 116px;
 height: 164px;
 box-shadow: 0 1px 1px #333;
 border-radius: 4px
}

#anime section {
 width: 630px;
 margin: 0 7px 0 1px;
 padding: 0 4px
}

#anime .a300x250 {
 width: 300px;
 height: 250px
}

#anime hgroup {
 color: #e8ebee;
 font-family: Helvetica,Arial,sans-serif;
 margin: 2px 0
}

#anime hgroup h1 {
 font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
 font-size: 20px;
 font-weight: normal;
 padding: 0 3px 8px 3px;
 text-shadow: 0 1px 1px rgba(0,0,0,0.15);
 letter-spacing: -1px
}

#anime hgroup h2 {
 font-size: 12px;
 font-weight: normal;
 padding: 0 3px;
 font-style: italic;
 line-height: 14px;
 color: #b0b0b0
}

#anime section .sinopsis {
 padding: 1px 3px;
 color: #b0b0b0;
 font-family: Helvetica,Arial,sans-serif;
 line-height: 16px;
 text-align: justify;
 margin-top: 7px
}

#scroll-up {
 padding: 0 0 0 15px;
 color: #e8ebee;
 text-transform: uppercase;
 font-family: 'FontSiteSansCondensed';
 font-size: 12px;
 text-decoration: none;
 height: 37px;
 display: none;
 line-height: 37px;
 text-shadow: 0 1px 0 #13161a;
 position: fixed;
 top: 0;
 right: 22px;
 z-index: 99999999;
 cursor: pointer
}

#scroll-up:hover {
 color: #c8e4ff
}

.tags {
 margin: 8px 3px 3px 3px;
 padding: 0;
 list-style: none;
 text-align: right;
 font-size: 0
}

.tags li {
 display: inline-block;
 margin: 0 0 3px 3px
}

.tag {
 box-shadow: inset 0 1px 0 0 #8da4b3,0 1px 2px rgba(0,0,0,0.2);
 background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#6c899c),color-stop(1,#4b6170));
 background: -moz-linear-gradient(center top,#6c899c 5%,#4b6170 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c899c',endColorstr='#4b6170');
 background-color: #6c899c;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
 border: 1px solid #4b6170;
 display: inline-block;
 color: #fff;
 font-family: arial;
 font-size: 9px;
 text-transform: uppercase;
 padding: 6px 10px 5px 10px;
 text-decoration: none;
 text-shadow: 0 1px 0 #354752;
 opacity: .9;
 line-height: 8px
}

.tag:hover {
 opacity: 1
}

.tag:active {
 background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#4b6170),color-stop(1,#6c899c));
 background: -moz-linear-gradient(center top,#4b6170 5%,#6c899c 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b6170',endColorstr='#6c899c');
 background-color: #4b6170;
 box-shadow: inset 0 1px 3px rgba(0,0,0,0.3)
}

#capitulos {
 position: relative;
 padding: 0 3px 15px 3px
}

.fb-comments {
 padding: 7px 3px 5px 3px
}

#capitulos hr,.main hr.cap {
 border: 0;
 border-top: 1px dashed #d8d8d8;
 width: 98%;
 margin: 0 auto
}

#capitulos header,.title.q {
 color: #e8ebee;
 font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
 margin: 3px;
 font-size: 20px;
 font-weight: normal;
 letter-spacing: -1px;
 background: url('../img/list.png') no-repeat left center;
 padding-left: 22px;
 text-shadow: 0 1px 1px rgba(0,0,0,0.15)
}

#procap {
 list-style: none;
 width: auto;
 color: #c8e6c9;
 line-height: 19px;
 background-color: #2e7d32;
 margin-bottom: 10px;
 font-weight: bold;
 border: 1px solid #1b5e20;
 opacity: .85;
 box-shadow: 0 1px 3px 0 #333;
 border-radius: 5px
}

#procap a {
 width: 100%;
 padding: 5px 26px;
 padding-right: 0;
 text-decoration: none;
 color: inherit;
 position: relative;
 text-shadow: none;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 display: block
}

#procap:hover {
 opacity: 1
}

#listado {
 margin-top: 7.5px
}

#listado li {
 width: auto;
 color: #b0b0b0;
 text-shadow: 0 1px 0 #1a1a1a;
 border-bottom: 1px solid #444;
 border-top: 1px solid #333;
 line-height: 20px;
 position: relative;
 list-style: none;
 -webkit-transition: all 300ms ease-in-out;
 background: #2d2d2d;
}

#listado li:nth-child(even) {
 background: #333
}

#listado li:first-child {
 border-top: 0
}

#listado li a {
 display: block;
 width: 100%;
 padding: 5px 26px;
 padding-right: 85px;
 text-decoration: none;
 color: inherit;
 position: relative;
 text-shadow: 0 1px 0 #1a1a1a;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis
}

#listado li:hover {
 background-color: #3d3d3d
}

#listado li a:before {
 content: "";
 width: 8px;
 height: 8px;
 background-color: #f44336;
 position: absolute;
 left: 10px;
 border-radius: 50% 50%;
 vertical-align: middle;
 top: 11px;
 box-shadow: inset 0 1px 3px rgba(0,0,0,0.54),0 1px 0 #444
}

#listado li a:visited {
 display: block
}

#listado li a:visited:before {
 background-color: #4caf50
}


small.right {
 position: absolute;
 right: 8px;
 color: #888;
 text-shadow: 0 1px 0 #1a1a1a
}

.title.pt {
 margin-top: 15px;
 padding-left: 22px;
 background: url('../img/com.png') no-repeat 2px center
}

.title.us {
 padding-left: 22px;
 background: url('../img/star.png') no-repeat 2px center
}

.social {
 display: block;
 text-align: center;
 margin-top: 8px;
 height: 63px;
 overflow: hidden
}

aside.social {
 height: 32px
}

.social * {
 display: inline-block!important;
 vertical-align: top!important;
 text-align: center;
 margin: 0 3px!important
}

.fb-comments-count {
 display: inline
}

.twitter-share-button {
 text-indent: -9999px
}

#listado div.center,.qnone {
 text-align: center;
 color: #d1d1d1;
 line-height: 25px;
 font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
 font-size: 20px!important;
 font-weight: normal!important;
 letter-spacing: -1px;
 padding: 110px 5px
}

#listado div.center,.qnone {
 text-align: center;
 color: #666;
 line-height: 25px;
 font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
 font-size: 20px!important;
 font-weight: normal!important;
 letter-spacing: -1px;
 padding: 110px 5px
}

#paginas {
 width: 100%;
 left: 0;
 right: 0;
 position: relative;
 text-align: center;
 margin-top: 12px
}

#paginas ul.pagination li.details {
 text-indent: -99999px;
 width: 0;
 height: 1px
}

#paginas ul.pagination li a,#paginas ul.pagination li.dot,#capitulos header .right {
 font-family: Arial;
 border-radius: 50px;
 padding: 0 10px;
 line-height: 25px;
 display: inline-block;
 box-shadow: inset 0 -8px 26px -2px rgba(0,0,0,0.3),0 0 0 1px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.1);
 background: #333;
 text-decoration: none;
 color: #b0b0b0;
 text-shadow: 0 1px rgba(0,0,0,0.5);
 font-size: 10px;
 text-transform: uppercase;
 margin: 2px
}

#paginas ul.pagination li,#capitulos header .right {
 padding-bottom: 1px;
 display: inline-block;
 height: 25px
}

#paginas ul.pagination li a:hover,#capitulos header .right:hover {
 background: #444
}

#paginas ul.pagination li.dot.current,#paginas ul.pagination li a.current {
 text-decoration: none;
 color: white;
 box-shadow: inset 0 -8px 26px -2px rgba(0,0,0,0.7),0 0 0 1px rgba(0,0,0,0.5),0 1px 5px 0 rgba(0,0,0,0.1);
 text-shadow: 0 1px rgba(0,0,0,0.3);
 background: #555
}

#paginas ul.pagination li a.current {
 cursor: default
}

#capitulos header .right {
 height: 20px!important;
 letter-spacing: 0;
 cursor: pointer;
 line-height: 21px;
 position: relative;
 text-indent: 10px;
 margin: 0;
 background: #333;
 color: #b0b0b0;
}

#capitulos header .right i {
 background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNC8xNC8wOFZL9aYAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzQGstOgAAAAkklEQVQ4jWP8//8/AzUBE1VNGzVwhBjIgk+yZIkuzkTaE3OZkWQDGRgY/ns6hGJo3H5gNU4NeL3cG3uFafuB1f8YGBgY7nzcCzds2/w7WF0HccL//zgxTL54sc7fPY8b/xcv1vmPT/3///8ZGPHlZUZGhEOKF+v8Z2BgYPr+8zMTAwPD36nJD7DrGS0cRg0kHQAAVmZcTIT2588AAAAASUVORK5CYII=') no-repeat;
 width: 20px;
 height: 20px;
 position: absolute;
 top: 0;
 left: 1px;
 -webkit-transform: rotate(0);
 -webkit-transition: all 300ms ease-in-out
}

#capitulos header .right i.asc {
 -webkit-transform: rotate(180deg)
}

#capload {
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 display: none;
 text-align: center
}

#capload aside {
 display: block;
 vertical-align: middle;
 width: 100px;
 height: 100px;
 background: #000 url('../img/load-cap.gif') no-repeat center center;
 opacity: .8;
 position: relative;
 left: 50%;
 top: 50%;
 border-radius: 20px;
 margin-left: -50px;
 margin-top: -50px
}

#infoanime {
 position: relative;
 margin-top: 10px
}

#infoanime figure {
 width: 80px;
 height: 70px;
 overflow: hidden;
 display: inline-block;
 position: relative;
 box-shadow: 0 1px 1px #333;
 border-radius: 4px;
 top: 0;
 left: 2px
}

#infoanime h1 {
 position: absolute;
 left: 90px;
 top: 0;
 color: #e8ebee;
}

#infoanime figure img {
 width: 125px;
 height: 70px;
 margin-left: -22px
}

#infoanime figure .mask {
 position: absolute;
 top: 0;
 left: 0;
 background-image: url("../img/sprite.png");
 background-position: -170px -146px;
 width: 80px;
 height: 70px
}

#infoanime h1 {
 position: absolute;
 left: 90px;
 top: 0;
 font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
 font-size: 20px;
 font-weight: normal;
 padding: 0;
 text-shadow: 0 1px 1px rgba(0,0,0,0.15);
 letter-spacing: -1px;
 line-height: 20px;
 width: 680px;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis
}

#infoanime h1 span {
 font-size: 12px;
 letter-spacing: 0;
 font-family: Helvetica,Arial,sans-serif;
 line-height: 20px;
 display: inline;
 top: -1px;
 position: relative;
 font-style: italic;
 color: #b0b0b0;
}

#infoanime a {
 text-decoration: none;
 color: inherit
}

#infoanime a:hover {
 border-bottom: 1px dotted #8ab4f8
}

#infoanime p {
 position: absolute;
 left: 90px;
 top: 25px;
 height: 45px;
 overflow: hidden;
 line-height: 15px;
 color: #b0b0b0;
 font-family: Helvetica,Arial,sans-serif
}


.ads728x90 {
 width: 728px;
 height: 90px;
 margin: 5px auto
}

#player {
 width: 760px;
 height: 430px;
 background: black url('../img/load-cap.gif') no-repeat 50% 325px;
 box-shadow: 0 1px 1px #BBB;
 overflow: hidden;
 margin: 0 auto;
 position: relative;
 text-align: center
}

#player.no {
 background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAIAAAD/gAIDAAAB90lEQVR4nO3by5GDMBBF0TvsnZPzT4cEZmGXP1iAAEn9vRF0nXrb/rvf7+hrnmfpEwpN0gcU0il1u93UYamVQtuyNEuhCku5FHqw9EuhBMuEFBqwrEghjmVIClksW1IIYpmTQgrLohQiWEalGI9lV4rBWKalGIllXYphWA6kGIPlQ4oBWG6k6I3lSYquWM6k6IflT4pOWC6l6IHlVYrmWI6laIvlW4qGWO6laIUVQYomWEGkuI4VR4qLWKGkuIIVTYrTWAGlOIcVU4oTWGGlOIoVWYpDWMGlqMdKKSqxUurRPlZKvdrBSqnPtrBSatEqVkr9VsZKqWIFrJRaa4mVUht9YaXUdm+slNrtiZVSNU2kVHVTStUn/7vzm06peZ7VYamVQtuyNEuhCku5FHqw9EuhBMuEFBqwrEghjmVIClksW1IIYpmTQgrLohQiWEalGI9lV4rBWKalGIllXYphWA6kGIPlQ4oBWG6k6I3lSYquWM6k6IflT4pOWC6l6IHlVYrmWI6laIvlW4qGWO6laIUVQYomWEGkuI4VR4qLWKGkuIIVTYrTWAGlOIcVU4oTWGGlOIoVWYpDWMGlqMdKKSqxUurRPlZKvdrBSqnPtrBSatEqVkr9VsZKqWIFrJRaa4mVUht9YaXUdm+slNrtiZVSNU2kVHX/cBktcGzmtv4AAAAASUVORK5CYII=')
}

#player #embed {
 position: absolute;
 width: 760px;
 height: 430px;
 top: 0;
 left: 0;
 overflow: hidden;
 z-index: 9999
}

#player #ap {
 width: 300px;
 height: 250px;
 position: absolute;
 top: 50%;
 left: 50%;
 margin-top: -150px;
 margin-left: -150px;
 z-index: 99999;
 opacity: .9;
 box-shadow: 0 1px 5px rgba(0,0,0,0.7)
}

#ap:after {
 content: " ";
 display: block;
 position: absolute;
 top: -10px;
 left: -10px;
 background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwOS8xOC8xMoSE84EAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAAC0ElEQVRIibWWz0tUURTHL6YzwxOaFwriRgaXuRlwIjDBUYwcNy5a9G+8wJVEbQwczJWbQqUZajMLN0EERTshMB1nmHDSSDe1zYiSmfGe+2nh3OHN6IxlduHA4577vp977o9zrgJUE+sE7gAvgC/AESBV+wl8Bp4DIy00VDPHGPAJEBExIoLftNZoran6BHgHDP8JIAQ8FJESQLlcZm1tDc/z6O/vRymF4zgMDg4yMzPD1taWBSEiR8AjINAMcAXIyHEjn88Ti8VQSrW04eFhNjY2MMZQjeZxM0BSRKRSqbC8vExXV9eZ4n5bWlqy0QgwD1zyA25qrX9orVlcXPwrYWuO45BOp20kGrjuBxSMMayvr9Pd3V37KR6P43keruueEHRdF8/ziMfjtb5QKMTOzg7HQfAWCCrgNiBa67rBkUgE23K5XB3EdV1yuVzNH4lEar5EIkGpVLJRjCrgtTGGbDZLe3t7bWA0GsXfLKRRHCAajdZFt7m5idbaAE8V8NUYw/T09IllSKVSdUKFQoFCoVDXl0qlTvw3OzuL1hpgWwHaGMPAwMCpm9cIOUvc7l0V8F3Zwa1OyGmQZuJKKcLhsAXoNvUfWlubTxYQYwx9fX0XtkTj4+N1S/Ttojd5bm7OAj4o4BVAPp8nEAhcyDEtFouIiAGeKOCWiGitNRMTE/980SYnJ6lUKvai3bCpYl1EyGaz9PT0nDtVhMNh9vf3McYAvAE6LGBEa30gIqysrJwr2XV2dpLJZGyyOwKu0pCuH9hakMlk6iI5yxzHYXV11Va7I+Ae0NYIuAykbYnc29tjbGyspXAwGGRqaopisehP0/O0KJkKuCsih8YYyuUy29vbJJNJhoaGcF2X3t5eEokECwsL7O7u+kvmIXAf6DgLoIAY8F5EpDozv5D/24hIGXgJXDtNq+lzg+PiPQo8A3aBXxw/WSrAAfARWKpOpqnOb1iunEXTu4dfAAAAAElFTkSuQmCC');
 width: 24px;
 height: 24px;
 text-align: center;
 box-shadow: 0 0 9px 0 rgba(0,0,0,0.61);
 border-radius: 100%;
 cursor: pointer;
 -webkit-user-select: none
}

#player #ap:hover {
 opacity: 1
}

.tipsy {
 padding: 5px;
 font-size: 10px;
 position: absolute;
 z-index: 100000;
 opacity: .3
}

.tipsy-inner {
 background: #2d2d2d;
 border: 1px solid #444;
 padding: 5px 8px 4px 8px;
 background-color: #2d2d2d;
 color: white;
 max-width: 200px;
 text-align: center;
 font-size: 10px;
 text-shadow: #525252 0 0 3px;
 box-shadow: #222 0 0 7px;
 border-radius: 3px;
}

.tipsy-arrow {
 position: absolute;
 background: #2d2d2d;
 width: 9px;
 height: 5px
}

.tipsy-n .tipsy-arrow {
 top: 0;
 left: 50%;
 margin-left: -4px
}

.tipsy-nw .tipsy-arrow {
 top: 0;
 left: 9px
}

.tipsy-ne .tipsy-arrow {
 top: 0;
 right: 9px
}

.tipsy-s .tipsy-arrow {
 bottom: 0;
 left: 50%;
 margin-left: -5px;
 background-position: bottom left
}

.tipsy-sw .tipsy-arrow {
 bottom: 0;
 left: 12px;
 background-position: bottom left
}

.tipsy-se .tipsy-arrow {
 bottom: 0;
 right: 11px;
 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
}

#adl {
 width: 100%;
 padding: 5px;
 text-align: center
}

.a468x60 {
 width: 468px;
 height: 60px;
 display: inline-block;
 overflow: hidden;
 vertical-align: top
}

#adl a {
 width: 288px;
 height: 60px;
 line-height: 60px;
 display: inline-block;
 vertical-align: top;
 -moz-box-shadow: inset 0 1px 0 0 #c1ed9c;
 -webkit-box-shadow: inset 0 1px 0 0 #c1ed9c;
 box-shadow: inset 0 1px 0 0 #c1ed9c;
 background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#9dce2c),color-stop(1,#7a9e25));
 background: -moz-linear-gradient(center top,#9dce2c 5%,#7a9e25 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c',endColorstr='#7a9e25');
 background-color: #9dce2c;
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
 border: 1px solid #76ad16;
 color: #fff;
 font-family: arial;
 font-size: 15px;
 font-weight: bold;
 text-decoration: none;
 text-shadow: 1px 1px 0 #689324
}

#related {
 width: 785px;
 padding: 1px 0 0 0px;
 margin: 0 auto
}

#related .rel,article.item {
 display: inline-block;
 text-align: center;
 height: 164px;
 width: 116px;
 vertical-align: top;
 position: relative;
 overflow: hidden;
 margin: 0 4px;
 background: #2d2d2d;
 border-radius: 4px;
}

article.item {
 margin: 6px
}

#related .rel header,article.item header {
 width: 116px;
 height: 164px;
 display: table-cell;
 vertical-align: middle;
 text-align: center;
 background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDkvMjUvMTIxTlGMAAAADUlEQVQImWNgYGCYCQAAngCaYaR2fwAAAABJRU5ErkJggg==');
 position: relative;
 top: 0;
 left: 0;
 color: white;
 -webkit-transition: all 200ms ease-in-out;
 -moz-transition: all 200ms ease-in-out;
 -o-transition: all 200ms ease-in-out;
 -ms-transition: all 200ms ease-in-out;
 transition: all 200ms ease-in-out;
 opacity: 0;
 z-index: 10;
 text-shadow: 0 1px 0 black;
 padding: 0 5px;
 font-size: 12px;
 font-family: Helvetica,Arial,sans-serif;
 font-weight: bold;
 font-style: italic;
 overflow: hidden;
 line-height: 15px
}

#related .rel:hover header,article.item:hover header {
 opacity: 1
}

#related .rel figure,article.item figure {
 position: absolute;
 top: 0;
 left: 0;
 display: block;
 width: 116px;
 height: 164px;
 background-color: #3d3d3d;
 background-image: url('../img/load-fig.gif');
 background-position: center center;
 background-repeat: no-repeat
}

#related .rel a,article.item a {
 text-decoration: none;
 color: inherit
}

#related .rel .mask,article.item .mask {
 position: absolute;
 top: 0;
 left: 0;
 background-image: url('../img/sprite.png');
 background-repeat: no-repeat;
 background-position: bottom left;
 width: 116px;
 height: 164px;
 box-shadow: 0 1px 1px #333;
 z-index: 15
}

hr.player {
 margin: 11px auto;
 width: 97%;
 border-top: 1px solid #444;
}

#letras,#generos {
 display: inline-block;
 width: 49%;
 padding: 6px;
 font-size: 0;
 position: relative;
 vertical-align: middle;
 text-align: center;
 background-color: #2d2d2d;
 box-shadow: inset 0 2px 6px 1px #1a1a1a;
 border-radius: 5px;
 border-spacing: 10px;
 margin: 0 2px 0 3px;
 height: 65px;
 border: 1px solid #444;
}

#letras li,#generos li {
 display: inline-block;
 list-style: none;
 text-align: center;
 position: relative;
 vertical-align: middle;
 margin: 1px 1px 1px 0;
 padding: 0;
 background: #3d3d3d;
 font-size: 11px;
 height: 19px;
 line-height: 18px;
 border: 1px solid #555;
 box-shadow: 0 1px 1px 0 #1a1a1a;
 border-radius: 3px;
}

#letras li a,#generos li a {
 color: #b0b0b0;
 text-decoration: none;
 display: block;
 width: 100%;
 height: 100%;
 text-shadow: 0 1px 0 #1a1a1a;
 padding: 0 6px
}

#letras li:hover a,#generos li:hover a {
 background-color: #444
}

nav.fix #jSearch {
 top: 37px!important
}

ul#jSearch {
 -webkit-user-select: none;
 background-color: #fcfdfd;
 border: 0;
 color: #222;
 cursor: default;
 display: none;
 float: left;
 font-family: Arial;
 font-size: 11px;
 height: auto;
 list-style: none;
 margin: 0;
 outline: 0;
 padding: 0;
 position: absolute!important;
 z-index: 99999!important;
 box-shadow: 0 2px 3px rgba(0,0,0,0.5);
 padding-left: 2px;
 padding-right: 2px;
 border-radius: 0 0 4px 4px;
 overflow: hidden
}

ul#jSearch li.itemBox {
 list-style: none;
 padding: 0;
 margin: 0;
 display: block;
 float: left;
 width: 155px;
 height: 43px;
 border-bottom: 1px solid #666;
 border-radius: 0
}

ul#jSearch li.itemBox a.ui-all {
 display: block;
 width: 155px;
 height: 40px;
 outline: 0;
 padding: 0;
 margin: 0;
 border: 0;
 cursor: pointer;
 background-image: none;
 background-color: transparent;
 color: #454545;
 font-family: Arial;
 font-size: 11px;
 text-align: left;
 text-transform: none;
 letter-spacing: normal;
 text-shadow: none;
 font-variant: normal;
 border-radius: 0
}

ul#jSearch li.itemBox a.ui-state-hover {
 background-color: rgba(0,173,255,0.1)
}

ul#jSearch li.itemBox a.ui-all div.th {
 width: 32px;
 height: 32px;
 float: left;
 margin-left: 2px;
 margin-top: 2px;
 background-image: url('data:image/gif;base64,R0lGODlhEAAQAPIAAP///wAAAMLCwkJCQgAAAGJiYoKCgpKSkiH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQJCgAAACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkECQoAAAAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkECQoAAAAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkECQoAAAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQJCgAAACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQJCgAAACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAkKAAAALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOwAAAAAAAAAAAA==');
 background-repeat: no-repeat;
 background-position: center center;
 padding: 0;
 font-size: 0
}

ul#jSearch li.itemBox a.ui-all div.th img {
 width: 32px;
 height: 32px;
 margin: 0;
 padding: 0;
 border-radius: 4px
}

ul#jSearch li.itemBox a.ui-all div.ch {
 float: left;
 width: 116px;
 margin-left: 4px;
 margin-top: 5px;
 white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden;
 height: 14px;
 line-height: 14px
}

ul#jSearch li.itemBox a.ui-all div.ch#xundefined {
 height: 32px
}

ul#jSearch li.itemBox a.ui-all div.html {
 float: left;
 width: 152px;
 text-align: center;
 margin-left: 4px;
 margin-top: 5px;
 height: 14px;
 line-height: 14px;
 white-space: nowrap;
 font-weight: bold
}

ul#jSearch li.itemBox a.ui-all div.q {
 float: left;
 width: 152px;
 margin-left: 4px;
 margin-top: 0;
 text-align: center;
 font-weight: bold;
 color: #30668a;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 height: 14px;
 line-height: 14px
}

#x000 {
 display: none
}

ul#jSearch li.itemBox a.ui-all div.ch strong {
 color: #395a0c;
 font-weight: bold;
 background-color: #cbe587;
 border: 1px solid #a2d563;
 border-radius: 4px;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px
}

ul#jSearch li.itemBox a.ui-all div.date {
 float: left;
 width: 116px;
 margin-left: 4px;
 margin-top: 0;
 text-align: left;
 font-style: italic;
 color: #888;
 height: 14px;
 line-height: 14px;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis
}

ul#jSearch li.odd {
 background-color: #f7f7f7;
 border-bottom: 1px solid #d2d2d2;
 border-top: 1px solid #f3f3f3
}

ul#jSearch li.even {
 background-color: #FFF;
 border-top: 1px solid #f3f3f3;
 border-bottom: 1px solid #d2d2d2
}

.infotip {
 padding: 8px 12px;
 background-color: #fdf9d7;
 font-family: Helvetica,Arial,sans-serif;
 font-size: 11px;
 color: #5a5a5a;
 border: 1px solid #ffeaa8;
 border-radius: 5px;
 text-shadow: 0 1px 0 white;
 margin: 8px 10px 10px 10px;
 text-align: center;
 line-height: 14px;
 box-shadow: 0 1px 2px #e7e7e7
}

.infotip a {
 color: #ff6b6b;
 text-decoration: none
}

.infotip a:hover {
 border-bottom: 1px dotted #ff6b6b
}

.buttons {
 width: 100%;
 display: table;
 table-layout: fixed;
 padding: 15px 5px 0 5px
}

.buttons .b {
 display: table-cell;
 text-align: center
}

.buttons .b:first-child a {
 border-radius: 4px 0 0 4px
}

.buttons .b:last-child a {
 border-radius: 0 4px 4px 0
}

.buttons .b a {
 display: block;
 color: #FFF;
 width: 100%;
 height: 100%;
 padding: 8px;
 text-decoration: none;
 text-shadow: 0 1px 0 #333;
 font-size: 11px;
 background: #444;
 border: 1px solid #555;
 border-right: 0;
 list-style: none;
 box-shadow: inset 0 1px 0 0 #555,0 1px 2px 0 #1a1a1a
}

.buttons .b a:hover {
 background: #555;
 color: #e8ebee;
}

.buttons .b a:active {
 background: #3d3d3d;
}

.buttons .b a.n {
 background: #555;
 border-color: #666;
 cursor: default;
}

#mirrors {
 display: table;
 width: 100%;
 padding: 10px 5px 0 5px;
 margin: 0;
 table-layout: fixed
}

#mirrors li.tab {
 list-style: none;
 padding: 10px;
 margin: 0;
 display: table-cell;
 text-align: center;
 box-shadow: inset 0 1px 0 0 #555,0 1px 2px rgba(0,0,0,0.4);
 background: #444;
 border: 1px solid #555;
 color: white;
 font-family: arial;
 font-size: 9px;
 text-transform: uppercase;
 text-decoration: none;
 text-shadow: 0 1px 0 #222;
 opacity: .9;
 line-height: 8px;
 cursor: pointer;
 position: relative;
 -webkit-transition: opacity 300ms ease-in-out;
 -moz-transition: opacity 300ms ease-in-out
}

#mirrors li.tab:hover {
 opacity: 1
}

#mirrors li.tab:active,#mirrors li.tab.active {
 background: #555;
 box-shadow: none;
 opacity: 1;
 text-shadow: 0 -1px 0 #222;
 border: 1px solid #666;
}

#mirrors li.tab:first-child:last-child {
 border-radius: 4px 4px 0 0
}

#mirrors li.tab:first-child {
 border-radius: 4px 0 0 0
}

#mirrors li.tab:last-child {
 border-right: 1px solid #555;
 border-radius: 0 4px 0 0
}

#partes {
 width: 100%;
 padding: 0 5px;
 list-style: none;
 display: none
}

#partes .subtab {
 display: none;
 table-layout: fixed;
 width: 100%;
 padding: 3px 0;
 border-spacing: 8px 0;
 opacity: 0
}

#partes .container {
 background: #333;
 padding: 3px 0;
 width: 100%;
 border-radius: 0 0 3px 3px;
 height: 32px;
 overflow: hidden;
 box-shadow: inset 0 -1px 7px 0 #1a1a1a
}

#partes .subtab .parte {
 display: table-cell;
 text-align: center;
 margin: 0 3px;
 background-color: #444;
 height: 20px;
 vertical-align: middle;
 border-radius: 3px;
 border: 1px solid #555;
 box-shadow: inset 0 1px 0 0 #555,0 1px 3px 0 rgba(0,0,0,0.4);
 font-family: arial;
 font-size: 9px;
 color: #FFF;
 text-shadow: 0 1px 0 #222;
 text-transform: uppercase;
 line-height: 18px;
 opacity: .9;
 cursor: pointer;
 -webkit-transition: opacity 200ms ease-in-out
}

#partes .subtab .parte:hover {
 opacity: 1
}

#partes .subtab .parte:active,#partes .subtab .parte.active {
 opacity: .75;
 background: #555;
 box-shadow: inset 0 2px 3px 1px rgba(0,0,0,0.5);
 border: 1px solid #666;
}

#lg {
 font-size: 0;
 height: 65px;
 text-align: center
}

#generos {
 overflow: hidden
}

#generos .generos {
 overflow: hidden
}

.swPage {
 height: 40px
}

.swControls {
 position: relative;
 margin-top: 0;
 display: block;
 float: left;
 left: 50%;
 bottom: 0
}

a.swShowPage {
 background: #444;
 background-repeat: no-repeat;
 background-position: 0 0;
 float: left;
 height: 14px;
 margin: 1px 0;
 text-indent: -9999px;
 width: 14px;
 border-radius: 5px;
 position: relative;
 display: block;
 border: 1px solid #555;
}

a.swShowPage:hover {
 background: #555;
}

a.swShowPage.active {
 background: #666;
 cursor: default;
}

#letras {
 padding-top: 12px
}

.fast {
 vertical-align: top;
 text-align: center;
 margin: 10px 0
}

.fast section {
 margin: 0 3px
}

.fast .series {
 display: inline-block;
 vertical-align: top;
 width: 49%
}

.top12 {
 display: inline-block;
 width: 49%;
 vertical-align: top
}

.top12 ol,.series ol {
 list-style: none;
 margin: 0;
 padding: 0;
 border-radius: 2px;
 box-shadow: 0 1px 3px 0 #333;
 border: solid 1px #444;
 background: #2d2d2d;
}

.top12 ol li,.series ol li {
 background-color: #2d2d2d;
 position: relative;
 display: block;
 height: 23px;
 overflow: hidden;
 text-align: left;
 border-bottom: 1px solid #444;
}

.top12 ol li:nth-child(even),.series ol li:nth-child(even) {
 background-color: #333
}

.top12 ol li:first-child,.series ol li:first-child {
 border-radius: 2px 2px 0 0
}

.top12 ol li:last-child,.series ol li:last-child {
 border-radius: 0 0 2px 2px;
 border-bottom: none;
}

.top12 li a,.series li a {
 text-decoration: none;
 padding: 3px 7px;
 display: block;
 font-size: 11px;
 width: 100%;
 height: 100%;
 line-height: 17px;
 color: #b0b0b0;
 font-style: italic;
 text-shadow: 0 1px 0 #1a1a1a
}

.top12 ol a:hover,.series li a:hover {
 background-color: #3d3d3d
}

.top12 li a strong,.series li a strong {
 color: #8ab4f8;
 font-style: normal
}

.top12 li time,.series li time {
 position: absolute;
 right: 7px;
 font-size: 11px;
 color: #777
}

.series li a span,li.reli span {
 vertical-align: top;
 display: inline-block;
 line-height: 7px;
 text-align: center;
 width: 32px;
 padding-top: 3px;
 font-size: 8px;
 text-transform: uppercase;
 height: 14px;
 color: white;
 border-radius: 4px;
 text-shadow: 0 1px 0 rgba(0,0,0,0.23);
 margin-top: 1px;
 font-style: normal;
 margin-right: 5px;
 border: 1px solid rgba(0,0,0,0.15);
 box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1)
}

.series li a span.tipo0,li.reli span.tipo0 {
 background: #69c3ff
}

.series li a span.tipo1,li.reli span.tipo1 {
 background: #7b7d7c
}

.series li a span.tipo2,li.reli span.tipo2 {
 background: #ff8d61
}

.series li a span.tipo3,li.reli span.tipo3 {
 background: #91bd74
}

.list article.item {
 display: block;
 width: 100%;
 margin: 0 6px;
 padding: 6px 0;
 height: 179px;
 position: relative;
 border-bottom: 1px solid #444;
 border-top: 1px solid #333;
 background: #2d2d2d;
}

.list article.item header {
 position: absolute;
 top: 1px;
 left: 132px;
 opacity: 1;
 width: 630px;
 background: 0;
 text-align: left;
 font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
 color: #e8ebee;
 font-size: 19px;
 font-weight: normal;
 font-style: normal;
 letter-spacing: -1px;
 text-shadow: 0 1px 1px rgba(0,0,0,0.15);
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis
}

.list article.item a {
 position: absolute;
 z-index: 9;
 left: 0
}

.list article.item p {
 position: absolute;
 width: 630px;
 left: 132px;
 top: 20px;
 text-align: justify;
 padding: 6px;
 cursor: default;
 line-height: 16px;
 z-index: 10;
 height: 144px;
 overflow: hidden;
 color: #b0b0b0;
}

#proxcap {
 width: 600px;
 display: inline-block;
 background: #2d2d2d;
 padding: 10px 10px 50px 10px;
 border-radius: 10px;
 margin-top: 118px;
 text-shadow: 0 1px 0 #1a1a1a;
 box-shadow: 0 5px 80px 0 black;
 border: 1px solid #444;
}

.countdown_holding span {
 color: #777
}

.countdown_row {
 display: table;
 width: 100%;
 padding: 0 2px;
 text-align: center;
 table-layout: fixed
}

.countdown_section {
 display: table-cell;
 font-size: 12px;
 text-align: center;
 border-right: 1px solid #444;
 color: #b0b0b0;
}

.countdown_section:last-child {
 border-right: 0
}

.countdown_amount {
 font-weight: normal;
 font-size: 50px;
 text-align: center;
 color: #e8ebee;
}

.countdown_descr {
 display: block;
 width: 100%;
 text-align: center;
 color: #b0b0b0;
}

.status-left,.status-right {
 display: inline-block!important;
 vertical-align: top!important;
 margin-bottom: 4px;
 margin-top: 5px
}

.status-left {
 width: 270px;
 display: inline-block;
 margin-left: 5px
}

.status-right {
 width: 490px
}

.cuerpo {
 padding: 3px 10px
}

.cuerpo div {
 line-height: 20px
}

.cuerpo .t {
 text-align: right;
 width: 80px;
 display: inline-block;
 margin-right: 10px;
 vertical-align: top;
 color: #b0b0b0;
}

.cuerpo .c {
 text-align: left;
 display: inline-block;
 width: 152px;
 color: #e8ebee;
}

.cuerpo div:nth-child(odd) {
 background: #333
}

.soundtrack {
 color: #8ab4f8;
 text-decoration: none;
 font-weight: bold
}

.soundtrack:hover {
 border-bottom: 1px dotted #8ab4f8
}

.c.e0 {
 color: #4caf50
}

.c.e1 {
 color: #f44336
}

.cuerpo li.reli {
 list-style: none;
 padding: 4px 7px;
 height: 24px;
 line-height: 16px;
 background: #2d2d2d;
}

.cuerpo li.reli:nth-child(odd) {
 background: #333
}

.cuerpo li.reli a {
 color: #8ab4f8;
 text-decoration: none;
 font-weight: bold;
 font-size: 11px;
 text-shadow: 0 1px 0 #1a1a1a
}

.cuerpo li.reli a:hover {
 border-bottom: 1px dotted #8ab4f8
}

.status-right #adl {
 margin-top: 37px;
 padding: 0
}

.list article.item figure+.mask {
 position: absolute;
 top: 0;
 left: 10px
}

.list article.item:nth-child(even) {
 background-color: #333
}

.list article.item .mask {
 border-radius: 4px
}

.list article.item figure {
 left: 10px
}

#toggle.list {
 background-position: bottom
}

.list article.item figure img {
 border-radius: 4px
}

.title.q.t {
 margin-top: 13px;
 margin-bottom: 0;
 position: relative;
 color: #e8ebee;
}

#toggle {
 background: #444;
 background-repeat: no-repeat;
 background-position: 0 0;
 width: 53px;
 height: 23px;
 cursor: pointer;
 position: absolute;
 right: 4px;
 top: 1.5px;
 border: 1px solid #555;
 border-radius: 4px;
}

.series header.tabs {
 height: 32px;
 font-size: 0;
 overflow: hidden;
 background: #2d2d2d;
 border: 1px solid #444;
 border-bottom: none;
 border-radius: 5px 5px 0 0;
}

.series header.tabs .tab {
 box-sizing: border-box;
 display: inline-block;
 font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
 font-size: 13px;
 font-weight: normal;
 text-shadow: 0 1px 1px rgba(0,0,0,0.15);
 letter-spacing: -1px;
 width: 50%;
 height: 32px;
 line-height: 33px;
 cursor: pointer;
 border: solid 1px #444;
 border-bottom: 0;
 background: #2d2d2d;
 color: #b0b0b0;
}

.series header.tabs .tab:first-child {
 border-right: 0;
 border-radius: 5px 0 0 0
}

.series header.tabs .tab:last-child {
 border-radius: 0 5px 0 0
}

.series header.tabs .tab:hover,.series header.tabs .tab.active {
 background-color: #3d3d3d;
 color: #e8ebee;
}

.series header.tabs .tab.active {
 font-weight: bold
}

.series ol.emision.tab {
 height: 232px;
 overflow: hidden;
 background: #2d2d2d;
}

.series ol.emision.tab li time,.series ol.reciente.tab {
 display: none
}

.slimScrollDiv {
 border-radius: 2px;
 box-shadow: 0 1px 3px 0 #333;
 background: #2d2d2d;
}

/* Estilos responsive manteniendo el tema oscuro */
@media only screen and (max-width : 768px) {
 header {
  height:inherit!important;
  text-align: center;
  background: #1e1e1e;
 }

 .main {
  width: 100%!important;
  background: #1e1e1e;
 }

 nav {
  width: 100%!important;
  background: #2d2d2d;
 }

 #letras {
  display: none;
 }

 #generos,.status-right,.adl {
  width: 100%!important;
  background: #2d2d2d;
 }

 .clearfix {
  width: 100%!important;
  display: block!important;
 }

 nav {
  background: #2d2d2d;
 }

 nav>ul {
  width: auto!important;
  display: flex;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-around;
  background: #2d2d2d;
 }

 footer.main section.left {
  display: none;
 }

 footer.main section.right {
  width: 100%!important;
  background: #1a1a1a;
 }

 .foot {
  width: 100%!important;
  background: #1a1a1a;
 }

 .foot>section>iframe {
  width: 99%!important;
 }

 header>div {
  float: none!important;
  overflow: auto;
  width: 100%!important;
  background: #1e1e1e;
 }

 section .fast {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
 }

 .top12,.series {
  width: 100%!important;
  background: #2d2d2d;
 }

 .series {
  margin-top: 18px!important;
 }

 .dia {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
 }

 .lastcap {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
 }

 .topfive {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
 }

 aside {
  display: none;
 }

 article>h1,article>h1>a {
  width: calc(100% - 80px)!important;
  color: #e8ebee;
 }

 article>h1>span {
  display: inherit!important;
  color: #b0b0b0;
 }

 #player,#embed {
  width: 100%!important;
  background: #000;
 }

 #embed>iframe {
  width: 100%!important;
  position: initial;
 }

 #related {
  width: 100%;
  text-align: center;
 }

 .ads728x90,.a468x60 {
  width: 100%!important;
  overflow: auto!important;
 }

 #result {
  margin-top: 32px;
 }

 #anime {
  text-align: center;
 }

 .fb-comments,.fb-comments>span,.fb-comments>span>iframe {
  width: 100%!important;
 }

 .dia > article > a > aside {
  display: none !important;
 }
 .dia > article > p {
  display: none !important;
 }

 .dia > article > a > figure {
  width: 100% !important;
  height: auto;
  position: inherit !important;
 }

 .dia > article > a > figure > img {
  width: 100% !important;
  height: auto;
 }

 .dia > article > a {
  width: 100% !important;
  height: auto;
 }

 .dia > article > a > header {
  display: none;
 }

 .dia > article > a > .mask {
  width: 100% !important;
  height: none;
 }

 .dia > article {
  width: 47% !important;
  height: auto;
  background: #2d2d2d;
 }
}

@media only screen and (max-width : 522px) {
 nav,nav>ul {
  height:74px!important;
  background: #2d2d2d;
 }
}

#afuera {
 display: none;
 height: 100%;
 width: 100%!important;
 left: 0;
 position: fixed!important;
 top: 0;
 z-index: 99990;
 background: #000;
}

#lebox {
 margin: auto;
 margin-top: 61px;
 width: 330px;
}

#cerrarbtn {
 position: fixed;
 display: block;
 z-index: 99991;
 color: #666;
 left: 0;
 top: 0;
 cursor: pointer;
 padding: 5px 10px;
 font-weight: 700;
 font-size: 35px;
 opacity: 0.31;
}

#playertx {
 text-align: center;
 width: 330px;
 margin-top: 60px;
 padding: 5px;
 color: #8ab4f8;
 font-weight: 700;
 font-size: 25px;
}

#playeradtx {
 position: absolute;
 bottom: 0;
 right: 0;
 padding: 2px;
 margin: 2px;
 color: #000;
 font-weight: 700;
 background-color: #b0b0b0;
 border-radius: 5px;
}

#buttonedad {
 margin: auto;
 margin-top: 70px;
 width: 330px;
 background-color: #2e7d32;
 text-align: center;
 font-weight: 700;
 padding-top: 13px;
 padding-bottom: 13px;
 font-size: 40px;
 color: #FFF;
 border-radius: 5px;
 text-shadow: 2px 2px rgba(0,0,0,.3);
}

#buttonedad2 {
 margin: auto;
 margin-top: 50px;
 width: 330px;
 background-color: #c62828;
 text-align: center;
 padding-top: 13px;
 padding-bottom: 13px;
 font-size: 40px;
 color: #FFF;
 border-radius: 5px;
 text-shadow: 2px 2px rgba(0,0,0,.3);
}

#buttonedad:active {
 background-color: #1b5e20
}

#buttonedad2:active {
 background-color: #b71c1c
}

#playertx2 {
 text-align: center;
 width: 100%;
 margin-top: 40px;
 color: #f44336;
 font-weight: 700;
 font-size: 16px;
}

.overlay-box {
 display: none;
 position: fixed;
 width: 100%;
 height: 100%;
 z-index: 2147483648;
 background-color: rgba(0,0,0,.8);
 top: 0;
 left: 0;
}
.overlay-pop {
 width: 450px;
 background-color: #2d2d2d;
 position: absolute;
 top: 150px;
 left: 50%;
 margin-left: -225px;
 text-align: center;
 border: 1px solid #444;
}
.overlay-pop .top-text {
 padding: 20px;
 background-color: #333;
 color: #e8ebee;
 font-family: Verdana, sans-serif;
}

.overlay-pop .top-text h3 {
 font-size:150%;
 font-weight:bold;
 padding-bottom: 7px;
}

.overlay-pop .top-text p {
 font-weight:normal;
 font-family: Arial, sans-serif;
 color: #b0b0b0;
}

.overlay-pop .p-button {
 text-transform: uppercase;
 padding:3px 44px;
 color:white;
 display: inline-block;
 margin: 15px 0;
 text-shadow: none;
 background:#555;
 border-radius: 4px;
 border:1px solid #666;
}
.overlay-pop .x-btn {
 position: absolute;
 right: 0;
 padding: 5px 7px;
 color: #b0b0b0;
 font-size: 150%;
 cursor:pointer;
}
/* ESTILOS ESPECÍFICOS PARA FACEBOOK */
.facebook-box {
    min-height: 280px;
}

/* ESTILOS ESPECÍFICOS PARA TWITTER */
.twitter-box {
    min-height: 280px;
}

/* IFRAME DE FACEBOOK */
#fbbox iframe {
    border: 0;
    overflow: hidden;
    width: 100%;
    height: 258px;
    border-radius: 4px;
    margin: 0 auto;
    display: block;
}

/* TIMELINE DE TWITTER */
.twitter-timeline {
    width: 100% !important;
    height: 258px !important;
    border-radius: 4px;
}

/* MANTENER ESTILOS ORIGINALES PARA LA SECCIÓN DE TEMAS DEL FORO */
footer.main section.left {
    margin-right: 20px;
    float: none;
    width: 935px;
    display: inline-block;
    padding: 12px;
    border-radius: 10px;
    box-shadow: inset 0 2px 20px 2px rgba(0,0,0,0.5);
    background-color: rgba(0,0,0,0.3);
    margin-top: 15px;
    margin-bottom: 15px;
    vertical-align: top;
}

/* ESTILOS RESPONSIVOS PARA REDES SOCIALES */
@media (max-width: 768px) {
    .social-container {
        flex-direction: column;
        gap: 15px;
    }
    
    .social-box {
        width: 100%;
    }
    
    footer.main .social-unified,
    footer.main section.left {
        width: 100% !important;
        margin: 10px 0;
    }
    
    #fbbox iframe {
        height: 200px;
    }
}
/* SECCIÓN UNIFICADA DE REDES SOCIALES */
footer.main .social-unified {
    float: none;
    width: 935px;
    display: inline-block;
    padding: 12px;
    border-radius: 10px;
    box-shadow: inset 0 2px 20px 2px rgba(0,0,0,0.5);
    background-color: rgba(0,0,0,0.3);
    margin-top: 15px;
    margin-bottom: 15px;
    vertical-align: top;
    text-align: center
}
footer.main .social-unified header {
    font-size: 20px;
    padding: 5px 8px;
    text-shadow: 0 1px 2px #181818;
    color: #b0b0b0;
    text-align: center;
    margin-bottom: 15px;
}
footer.main .foot li a:hover {
 color: #dadada
}

#fbbox iframe {
 border: 0;
 overflow: hidden;
 width: 420px;
 height: 224px;
 margin: 4px 8px;
 border-radius: 4px
}

/* ESTILOS ESPECÍFICOS PARA FACEBOOK */
.facebook-box {
    min-height: 280px;
}

/* ESTILOS ESPECÍFICOS PARA TWITTER */
.twitter-box {
    min-height: 280px;
}

/* IFRAME DE FACEBOOK */
#fbbox iframe {
    border: 0;
    overflow: hidden;
    width: 100%;
    height: 258px;
    border-radius: 4px;
    margin: 0 auto;
    display: block;
}

/* TIMELINE DE TWITTER */
.twitter-timeline {
    width: 100% !important;
    height: 258px !important;
    border-radius: 4px;
}

/* MANTENER ESTILOS ORIGINALES PARA LA SECCIÓN DE TEMAS DEL FORO */
footer.main section.left {
    margin-right: 20px;
    float: none;
    width: 935px;
    display: inline-block;
    padding: 12px;
    border-radius: 10px;
    box-shadow: inset 0 2px 20px 2px rgba(0,0,0,0.5);
    background-color: rgba(0,0,0,0.3);
    margin-top: 15px;
    margin-bottom: 15px;
    vertical-align: top;
}

/* ESTILOS RESPONSIVOS PARA REDES SOCIALES */
@media (max-width: 768px) {
    .social-container {
        flex-direction: column;
        gap: 15px;
    }
    
    .social-box {
        width: 100%;
    }
    
    footer.main .social-unified,
    footer.main section.left {
        width: 100% !important;
        margin: 10px 0;
    }
    
    #fbbox iframe {
        height: 200px;
    }
}
/* ESTILOS ESPECÍFICOS PARA FACEBOOK */
.facebook-box {
    min-height: 280px;
}

/* ESTILOS ESPECÍFICOS PARA TWITTER */
.twitter-box {
    min-height: 280px;
}

/* IFRAME DE FACEBOOK */
#fbbox iframe {
    border: 0;
    overflow: hidden;
    width: 100%;
    height: 258px;
    border-radius: 4px;
    margin: 0 auto;
    display: block;
}

/* TIMELINE DE TWITTER */
.twitter-timeline {
    width: 100% !important;
    height: 258px !important;
    border-radius: 4px;
}

/* MANTENER ESTILOS ORIGINALES PARA LA SECCIÓN DE TEMAS DEL FORO */
footer.main section.left {
    margin-right: 20px;
    float: none;
    width: 935px;
    display: inline-block;
    padding: 12px;
    border-radius: 10px;
    box-shadow: inset 0 2px 20px 2px rgba(0,0,0,0.5);
    background-color: rgba(0,0,0,0.3);
    margin-top: 15px;
    margin-bottom: 15px;
    vertical-align: top;
}

/* ESTILOS RESPONSIVOS PARA REDES SOCIALES */
@media (max-width: 768px) {
    .social-container {
        flex-direction: column;
        gap: 15px;
    }
    
    .social-box {
        width: 100%;
    }
    
    footer.main .social-unified,
    footer.main section.left {
        width: 100% !important;
        margin: 10px 0;
    }
    
    #fbbox iframe {
        height: 200px;
    }
}
/* SECCIÓN UNIFICADA DE REDES SOCIALES */
footer.main .social-unified {
    float: none;
    width: 935px;
    display: inline-block;
    padding: 12px;
    border-radius: 10px;
    box-shadow: inset 0 2px 20px 2px rgba(0,0,0,0.5);
    background-color: rgba(0,0,0,0.3);
    margin-top: 15px;
    margin-bottom: 15px;
    vertical-align: top;
    text-align: center
}
footer.main .social-unified header {
    font-size: 20px;
    padding: 5px 8px;
    text-shadow: 0 1px 2px #181818;
    color: #b0b0b0;
    text-align: center;
    margin-bottom: 15px;
}
footer.main .foot li a:hover {
 color: #dadada
}

#fbbox iframe {
 border: 0;
 overflow: hidden;
 width: 420px;
 height: 224px;
 margin: 4px 8px;
 border-radius: 4px
}
/* CONTENEDOR DE REDES SOCIALES */
.social-container {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-top: 10px;
}

/* CAJAS INDIVIDUALES DE REDES SOCIALES */
.social-box {
    flex: 1;
    background-color: rgba(51,51,51,0.8);
    padding: 15px;
    border-radius: 8px;
    border-top: 1px solid #444;
    border-bottom: 1px solid #333;
    text-align: center;
}

.social-box h3 {
    font-size: 16px;
    color: #afafaf;
    text-shadow: 0 1px 0 #1b1b1b;
    text-align: center;
    margin-bottom: 10px;
    font-weight: normal;
}
/* ESTILOS ESPECÍFICOS PARA FACEBOOK */
.facebook-box {
    min-height: 280px;
}

/* ESTILOS ESPECÍFICOS PARA TWITTER */
.twitter-box {
    min-height: 280px;
}

/* IFRAME DE FACEBOOK */
#fbbox iframe {
    border: 0;
    overflow: hidden;
    width: 100%;
    height: 258px;
    border-radius: 4px;
    margin: 0 auto;
    display: block;
}

/* TIMELINE DE TWITTER */
.twitter-timeline {
    width: 100% !important;
    height: 258px !important;
    border-radius: 4px;
}

.comentarios-container {
    max-width: 100%;
    margin: 20px auto;
    padding: 10px;
    background-color: transparent;
    color: #ccc;
    font-family: Arial, sans-serif;
}

.comentarios-titulo {
    font-size: 18px;
    margin-bottom: 10px;
    border-bottom: 1px solid #444;
    padding-bottom: 5px;
    color: #ffd700;
}

.comentario-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
    padding: 10px;
    background-color: #1a1a1a;
    border: 1px solid #333;
    border-radius: 6px;
}

.comentario-item.respuesta {
    margin-left: 40px;
    background-color: #222;
}

.comentario-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
}

.comentario-contenido {
    flex: 1;
}

.comentario-autor {
    font-weight: bold;
    color: #ffd700;
    margin-bottom: 5px;
}

.comentario-texto {
    white-space: pre-wrap;
    line-height: 1.4;
    color: #eee;
}

.comentario-form,
.comentario-responder-form {
    margin-top: 10px;
}

.comentario-textarea {
    width: 100%;
    height: 80px;
    padding: 8px;
    background: #111;
    color: #fff;
    border: 1px solid #555;
    border-radius: 4px;
    resize: vertical;
    font-size: 14px;
}

.comentario-boton {
    margin-top: 8px;
    padding: 6px 12px;
    background: #ffd700;
    border: none;
    color: #000;
    font-weight: bold;
    cursor: pointer;
    border-radius: 4px;
}

.comentario-usuario {
    margin-top: 10px;
    font-size: 0.9em;
    color: #aaa;
}

.comentario-login input {
    display: block;
    width: 100%;
    margin: 5px 0;
    padding: 8px;
    background: #111;
    color: #fff;
    border: 1px solid #555;
    border-radius: 4px;
}

.emoji-selector {
    margin-top: 5px;
}

.emoji-selector button {
    background: transparent;
    border: none;
    font-size: 20px;
    cursor: pointer;
    margin-right: 5px;
}

.comentario-eliminar-form {
    display: inline;
    margin-left: 10px;
}

.comentario-eliminar {
    background: #900;
    color: #fff;
    border: none;
    padding: 4px 8px;
    font-size: 12px;
    border-radius: 4px;
    cursor: pointer;
}