@charset "UTF-8";#relatedContentPanel {
    font-family: Tahoma,sans-serif;
    margin: 0 auto;
    width: 910px
}

#relatedContentPanel .title {
    margin-left: -30px;
    height: 42px;
    font-family: CNLatin,sans-serif;
    font-size: 23px;
    line-height: 42px;
    text-align: left;
    text-transform: uppercase;
    color: #fff
}

#relatedContentPanel .content {
    height: 169px;
    position: relative
}

#relatedContentPanel .loading {
    background-image: url(img/modulos/tusMedallas/loading.gif);
    background-position: center center
}

#relatedContentPanel .area-visible {
    margin: 0 auto;
    overflow: hidden;
    position: relative
}

#relatedContentPanel .loading .area-visible {
    display: none
}

#relatedContentPanel .area-visible:hover {
    z-index: 3
}

#relatedContentPanel .items {
    height: 169px;
    position: relative;
    z-index: 1
}

#relatedContentPanel .card,#relatedContentPanel .card-init {
    height: 120px;
    width: 120px;
    -webkit-transition: all .2s cubic-bezier(.02,.01,.47,1);
    -moz-transition: all .2s cubic-bezier(.02,.01,.47,1);
    -ms-transition: all .2s cubic-bezier(.02,.01,.47,1);
    -o-transition: all .2s cubic-bezier(.02,.01,.47,1);
    transition: all .2s cubic-bezier(.02,.01,.47,1)
}

#relatedContentPanel .card {
    position: absolute;
    z-index: 1;
    margin: 15px 5px
}

#relatedContentPanel .card strong {
    font-weight: 400;
    white-space: nowrap
}

#relatedContentPanel .card-init {
    float: left;
    margin: 4px;
    overflow: hidden;
    position: relative
}

#relatedContentPanel .card a {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

#relatedContentPanel .preview {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

#relatedContentPanel .imagen {
    display: none;
    position: absolute;
    width: 100%;
    z-index: 1
}

#relatedContentPanel .card-init .imagen {
    display: block
}

#relatedContentPanel .mascara {
    position: absolute;
    width: 100%;
    z-index: 2
}

#relatedContentPanel .titulo {
    background-color: #fff;
    bottom: 23px;
    color: #262626;
    display: none;
    font-family: Arial,sans-serif;
    font-size: 10px;
    left: 0;
    overflow: hidden;
    padding: 7px 5px;
    position: absolute;
    right: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 2
}

#relatedContentPanel .over .titulo {
    display: block
}

#relatedContentPanel .expanded {
    overflow: visible;
    z-index: 2;
    margin-top: -3px;
    margin-left: -1px;
    width: 132px;
    height: 146px
}

#relatedContentPanel .categoria {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden;
    width: 20px;
    font-family: CNLatin,sans-serif;
    font-size: 12px;
    line-height: 20px;
    text-indent: 23px;
    text-transform: uppercase;
    color: #fff;
    z-index: 3
}

#relatedContentPanel .over .categoria {
    background-position: left center;
    height: 23px;
    line-height: 25px;
    overflow: visible;
    right: 24px;
    width: auto
}

#relatedContentPanel .downloadable .categoria,#relatedContentPanel .extra .categoria {
    background-color: #5f5f63;
    background-image: url(img/modulos/contentPicker/categoria/listado-extra.png)
}

#relatedContentPanel .game .categoria {
    background-color: #009ce2;
    background-image: url(img/modulos/contentPicker/categoria/listado-game.png)
}

#relatedContentPanel .social .categoria {
    background-color: #ffeb00;
    background-image: url(img/modulos/contentPicker/categoria/listado-social.png)
}

#relatedContentPanel .video .categoria {
    background-color: #ff0084;
    background-image: url(img/modulos/contentPicker/categoria/listado-video.png)
}

#relatedContentPanel .categoria .flecha {
    display: block;
    left: 100%;
    position: absolute;
    top: 0
}

#relatedContentPanel .shadow {
    display: none
}

#relatedContentPanel .over .shadow {
    bottom: -12px;
    display: block;
    position: absolute;
    opacity: .5;
    width: 100%;
    z-index: 2
}

#relatedContentPanel .overlay {
    background-color: #fff;
    bottom: 0;
    cursor: pointer;
    display: block;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    text-indent: 9999px;
    right: 0;
    top: 0;
    z-index: 4
}

#relatedContentPanel .over .overlay {
    bottom: -12px
}

#relatedContentPanel .anterior,#relatedContentPanel .siguiente {
    background-position: left top;
    position: absolute;
    top: 50%;
    z-index: 2
}

#relatedContentPanel .anterior:hover,#relatedContentPanel .siguiente:hover {
    background-position: left bottom
}

#relatedContentPanel .anterior {
    background-image: url(img/modulos/relatedContentPanel/listado/anterior.gif);
    display: none;
    height: 43px;
    margin-top: -23px;
    left: -38px;
    width: 43px
}

#relatedContentPanel .siguiente {
    background-image: url(img/modulos/relatedContentPanel/listado/siguiente.gif);
    height: 43px;
    margin-top: -23px;
    right: -38px;
    width: 43px
}

.ar #relatedContentPanel .categoria,.ar #relatedContentPanel .title {
    font-family: CNArabic,sans-serif
}

.ar #relatedContentPanel .expanded .categoria {
    text-indent: 15px
}

.ar #relatedContentPanel .content {
    direction: ltr
}

.ar #relatedContentPanel .card {
    direction: rtl
}

#relatedContentAside {
    position: relative;
    float: right;
    margin: 10px 15px 0 0;
    width: 304px
}

#relatedContentAside .title {
    background: #000 no-repeat top left;
    font-family: CNLatin,sans-serif;
    font-size: 16px;
    line-height: 42px;
    text-indent: 57px;
    color: #fff
}

#relatedContentAside .title.video {
    background-image: url(img/modulos/relatedContent/relatedContentAside/videos.jpg)
}

#relatedContentAside .title.game {
    background-image: url(img/modulos/relatedContent/relatedContentAside/games.jpg)
}

#relatedContentAside .content,#relatedContentAside .items-slide {
    width: 212px;
    height: 206px
}

#relatedContentAside .content {
    padding: 6px 46px;
    background-color: #333
}

#relatedContentAside .loading {
    background: #333 url(img/modulos/tusMedallas/loading.gif) no-repeat center center
}

#relatedContentAside .area-visible {
    overflow: hidden
}

#relatedContentAside .items-slide {
    position: relative;
    float: left
}

#relatedContentAside .card {
    position: absolute
}

#relatedContentAside .card:nth-child(odd) {
    left: 3px
}

#relatedContentAside .card:nth-child(even) {
    left: 109px
}

#relatedContentAside .card:nth-child(n+3) {
    top: 106px
}

#relatedContentAside .anterior,#relatedContentAside .siguiente {
    position: absolute;
    top: 50%;
    margin-top: -5px;
    width: 43px;
    height: 43px
}

#relatedContentAside .anterior {
    left: 0;
    background: url(img/modulos/relatedContentPanel/listado/anterior.gif)
}

#relatedContentAside .siguiente {
    right: 0;
    background: url(img/modulos/relatedContentPanel/listado/siguiente.gif)
}

#relatedContentAside .card,#relatedContentAside .card-init {
    width: 100px;
    height: 100px;
    -webkit-transition: all .2s cubic-bezier(.02,.01,.47,1);
    -moz-transition: all .2s cubic-bezier(.02,.01,.47,1);
    -ms-transition: all .2s cubic-bezier(.02,.01,.47,1);
    -o-transition: all .2s cubic-bezier(.02,.01,.47,1);
    transition: all .2s cubic-bezier(.02,.01,.47,1)
}

#relatedContentAside .card strong {
    font-weight: 400;
    white-space: nowrap
}

#relatedContentAside .card-init {
    float: left;
    margin: 4px;
    overflow: hidden;
    position: relative
}

#relatedContentAside .card a {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

#relatedContentAside .preview {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

#relatedContentAside .imagen {
    position: absolute;
    width: 100%;
    z-index: 1
}

#relatedContentAside .card-init .imagen {
    display: block
}

#relatedContentAside .mascara {
    position: absolute;
    width: 100%;
    z-index: 2
}

#relatedContentAside .titulo {
    display: none;
    position: absolute;
    right: 0;
    bottom: 23px;
    left: 0;
    padding: 7px 5px;
    overflow: hidden;
    background-color: #fff;
    z-index: 2;
    font-family: Arial,sans-serif;
    font-size: 10px;
    font-weight: 400;
    color: #262626;
    text-transform: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

#relatedContentAside .over .titulo {
    display: block
}

#relatedContentAside .expanded {
    overflow: visible;
    z-index: 4;
    width: 132px;
    height: 146px
}

#relatedContentAside .expanded:nth-child(odd) {
    margin-top: 0;
    margin-left: 0
}

#relatedContentAside .expanded:nth-child(even) {
    margin-top: 0;
    margin-left: -32px
}

#relatedContentAside .expanded:nth-child(n+3) {
    margin-top: -46px
}

#relatedContentAside .categoria {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden;
    width: 20px;
    font-family: CNLatin,sans-serif;
    font-size: 12px;
    line-height: 20px;
    text-indent: 23px;
    text-transform: uppercase;
    color: #fff;
    z-index: 3
}

#relatedContentAside .over .categoria {
    background-position: left center;
    height: 23px;
    line-height: 25px;
    overflow: visible;
    right: 24px;
    width: auto
}

#relatedContentAside .downloadable .categoria,#relatedContentAside .extra .categoria {
    background-color: #5f5f63;
    background-image: url(img/modulos/contentPicker/categoria/listado-extra.png)
}

#relatedContentAside .game .categoria {
    background-color: #009ce2;
    background-image: url(img/modulos/contentPicker/categoria/listado-game.png)
}

#relatedContentAside .social .categoria {
    background-color: #ffeb00;
    background-image: url(img/modulos/contentPicker/categoria/listado-social.png)
}

#relatedContentAside .video .categoria {
    background-color: #ff0084;
    background-image: url(img/modulos/contentPicker/categoria/listado-video.png)
}

#relatedContentAside .categoria .flecha {
    display: block;
    left: 100%;
    position: absolute;
    top: 0
}

#relatedContentAside .shadow {
    display: none
}

#relatedContentAside .over .shadow {
    bottom: -12px;
    display: block;
    position: absolute;
    opacity: .5;
    width: 100%;
    z-index: 2
}

#relatedContentAside .overlay {
    background-color: #fff;
    bottom: 0;
    cursor: pointer;
    display: block;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    text-indent: 9999px;
    right: 0;
    top: 0;
    z-index: 4
}

#relatedContentAside .over .overlay {
    bottom: -12px
}

/* Desktop - Version 3.1.82 */