/** ----------- Paginaci�n ----------- */

#paginacion {
    border-top: 1px solid #e0e0e0;
    padding-top: 20px;
}

/** ----------- Cabecera ----------- */

/** ##### T�tulo ##### */
.listado_general section.highlight:before {
    top: 51px;
    max-width: 980px;
}

.listado_general section.highlight h2 {
    margin-top: 4px;
    margin-bottom: 10px;
    padding-bottom: 7px;
}

/** ##### Submen� ##### */
#submenu {
    overflow: hidden;
    text-align: left;
    margin: 0 10px 0 10px;
    padding: 10px 0 0 0;
    height: 51px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAADAQMAAACgfx0XAAAAA1BMVEXGxsbd/8BlAAAACklEQVR4XmOAAQAACQABGjcV7AAAAABJRU5ErkJggg==") bottom left repeat-x;
    vertical-align: top;
    box-sizing: border-box;
}

#submenu ul {
    list-style-type: none;
    padding: 0 0 0 0;
    margin: 0;
    display: inline-block;
}

#submenu li {
    display: inline-block;
    padding: 0 0 15px 0;
    margin-right: 29px;
}

#submenu li:last-child {
    margin-right: 0;
}

#submenu li:hover, #submenu li.selected {
    border-bottom: 3px solid #cd2b2e;
}

#submenu li a {
    color: #181818;
    font-size: 1em;
    font-weight: bold;
}

#submenu li a:hover {
    text-decoration: none;
}

/** #### Filtros ##### */
#submenu .filters {
    float: right;
    position: relative;
    top: -7px;
}

#submenu .filters div {
    position: relative;
    margin: 0;
    display: inline-block;
    padding: 0;
    width: 105px;
    border-radius: 5px;
    overflow: hidden;

    border: 2px solid #e1e1e1;
    background: #f4f4f4 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAICAYAAAFVIUVZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPNJREFUeNpikJGRXsMABAABBEYgDkAAwRj/ZWWl/4PYAAEE4qTBaEYg0QHiMDIyMgAEELOsrEwxHx/vMX5+vjufPn2+DORHA/mXgPwvcEOBghOg5k2AiQEEEEjwOwMaAIkx/f//nwOo8i9CEMT+z8EIcxaQ+g2VY33y5CkjsuP/QxWAAUCAMQLN+wU0jhXo0n///zPEAVUvRbcTqCEa6JVFQHVMIJOZHj9+wgYUqAT6ECSwBKjgLxAHQ90SDOKDxKEaKoGGsjGi+gIUQIzlQAXgQALRkABj6Hz8+GkF3HlYnAIS6wNqygb6eCpQXxHQ9P/IagBqClcfrwxrHwAAAABJRU5ErkJggg==") no-repeat 90% 50%;
}

#submenu .filters div select {
    padding: 3px 4px;
    width: 90px;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-weight: bold;
    font-size: 1em;
}

#submenu .filters div.main_filter, #submenu .filters div.main_filter select {
    width: 140px;
}

.trailers #submenu .filters div:first-child, .trailers #submenu .filters div select:first-child {
    width: 90px;
}


#content #submenu .filters div.ordena_pelis {
    width: 65px;
}

#content #submenu .filters div.ordena_pelis select {
    width: 66px;
    padding-right: 25px;
}


#submenu .filters div select::-ms-expand {
    display: none;
}

#submenu .filters div select:focus {
    outline: none;
}


/** ##### Elementos ##### */
#collections {
    margin: 20px 10px 0 10px;
}

#collections .elements {
    display: block;
    clear: both;
    min-height: 281px;
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
}


#collections .elements li {
    background: url("/commons/images/loading.png") center top no-repeat;

    margin: 15px 0 0 25.5px;
    padding: 0 0 0 0;
    width: 172px;
    /** ponemos un min-height para que el ver_mas caiga
    siempre a la misma altura */
    min-height: 360px;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

#content #collections .elements.solo_texto li {
    background: none;

    margin: 15px 0 0 25.5px;
    padding: 0 0 0 0;
    width: 172px;
    /** ponemos un min-height para que el ver_mas caiga
    siempre a la misma altura */
    min-height: 60px;
    height: auto;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

#content #collections .elements.solo_texto li a {
    padding-top: 0;
}


#collections .elements li.b-loaded {
    background-size: 172px 257px;
}

.trailers #collections .elements li.b-loaded {
    background-size: auto 118px;
}

#collections .elements li h3 {
    margin: 0;
    padding: 0;
    line-height: 1em;
}

#collections .elements li h3 a {
    padding: 270px 0 0 0;
    color: #3197d7;
    font-weight: bold;
    font-size: 15px;
    line-height: 1.3em;
}


#collections .elements li p {
    font-weight: bold;
    font-size: 0.9375em;
    color: #2b2b2b;
    margin: 0;
    padding: 0;
}

#collections .elements li p.generos {
    color: #525252
}


#collections .elements li.first {
    margin-left: 0;
    clear: left;
}


#collections .elements li:before {
    content: attr(data-puntuacion);
    background-position: 11px 2px;
    background-repeat: no-repeat;
    position: absolute;
    top: 219px;
    color: #fff;
    font-weight: bold;
    font-size: 1.308125em;
    height: 26px;
    width: 30px;
    padding: 0 0 0 45px;
}


#collections .elements li[data-puntuacion]:before {
    background-position: 11px 5px;
    top: 217px;
    height: 37px;
    width: 40px;
    padding: 3px 0 0 45px;
    background-color: #00000038;
}


#collections .elements li a {
    /* la altura de las im�genes es de 215. Sin
embargo el t�tulo empieza en 225 */
    padding: 222px 0 0 0;
    display: block;
    color: #2b2b2b;
    font-weight: bold;
    font-size: 0.875em;
    position: relative;
    z-index: 6;
}


/** -------- OTROS TIPOS DE LISTADOS BASADO EN EL GENERAL ----------- */

/* *** Listado con sidebar *** */

.con_sidebar #collections, .con_sidebar .elements {
    width: 640px;
    float: left;
}


.con_sidebar #submenu {
    width: 650px;
}


/* *** Listado tipo2. Ejemplo: listado de im�genes o trailers de pel�culas *** */
#collections.type2 .elements li {
    min-height: 110px;
}

#collections.type2 .elements li.b-loaded {
    background-size: 172px 118px;
}

#collections.type2 .elements li::before {
    top: 86px;
}

#collections.type2 .elements li a {
    padding: 125px 0 0;
}

#collections.type2 .elements li p {
    font-weight: normal;
}

/** con play   ej: trailers */
#collections.con_play .elements li:before {
    background: url("data:image/png;base64,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") 0 0 no-repeat;
    height: 52px;
    left: 60px;
    top: 33px;
}


/** -------- Detalle de algunos listados: reparto, ... ----------- */
#datos_ficha {
    clear: left;
    overflow: hidden;
    padding-top: 20px;
    margin-bottom: 35px;
    margin-left: 10px;
}

#datos_ficha > section p, #datos_ficha dl {
    margin: 0;
    padding: 0;
}


#datos_ficha p, #datos_ficha dt, #datos_ficha dd {
    color: #2f2f2f;
}

#datos_ficha dt {
    float: left;
    display: block;
    clear: left;
    font-weight: bold;
    font-size: 1.0625em;
}

#datos_ficha dt.web_oficial {
    display: none;
}


#datos_ficha dt:after {
    content: ':';
    padding-right: 5px;
}

#datos_ficha dd {
    display: block;
    font-size: 1.0625em;
    margin: 0 0 5px 0;
    min-height: 24px;
    text-align: left;
}

#datos_ficha dd.web_oficial {
    margin-top: 37px;
    padding-left: 29px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAPCAMAAAAxmgQeAAAAYFBMVEX///8xl9dxt+Rcrd8/n9r9/v9ps+I7nNn1+v2ZzOvM5fX3+/1TqN6n0+7t9vxLpNzH4/Tl8vqLxek3mthNpdwzmNe22vH6/f7f7/l3u+Wk0e1msuG+3vKEwefw+PzZ7Ph3zJVZAAAAZklEQVR4XmWQRw7FIAwFMb2k9/LL/W8ZBCxwPCtrZD0XVtEZz96MIA/qoO+oAxEqYQd3QoSrIvbtXqEwZfVZoKKNRn0BMUeXYnDfhUTK+5lUSaG5znNTW+O8RfvpZiB38EDv/dO/PA9aA9I3OQTzAAAAAElFTkSuQmCC") center left no-repeat;
}

#datos_ficha dd.web_oficial a {
    font-weight: bold;
}


#datos_ficha .foto_reparto {
    text-align: right;
    float: right;
    margin: 0 0 15px 15px;
}


/* ----- Listado de tipo archivo: votaciones y otros ---- */

#sec_listado_archivo h3 {
    background: #dfdfe0 none repeat scroll 0 0;
    color: #666;
    display: inline-block;
    font-size: 0.75em;
    font-weight: bold;
    margin: 0 auto 0 auto;
    padding: 8px 20px;
    text-align: center;
}

#sec_listado_archivo ul {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #dfdfe0;
    border-image: none;
    border-style: solid;
    border-width: 0 0 0 2px;
    margin: 0 30px 0 15px;
    padding: 5px 0 30px;
}


#sec_listado_archivo li {
    background: transparent none repeat scroll 0 0;
    list-style: outside none none;
    margin: 20px 0 0;
    padding-left: 4%;
    position: relative;
    text-align: left;
    width: 100%;
}

#sec_listado_archivo li:before {
    background: #dfdfe0 none repeat scroll 0 0;
    border-radius: 60px;
    content: "";
    display: block;
    height: 10px;
    left: -6px;
    position: absolute;
    top: 4px;
    width: 10px;
}


#sec_listado_archivo li span, #sec_listado_archivo li em {
    color: #999;
    font-size: 0.75em;
}

#sec_listado_archivo li span {
    display: block;
}

#sec_listado_archivo li p {
    margin: 0;
}

#sec_listado_archivo li p a {
    font-size: 0.75em;
}

#sec_listado_archivo li p a:before {
    content: '> ';
}