@import url("/css/rtve.2018.deportes/mundial-rusia-2018-TE_SMUFU18/fichas_selecciones/TE_SMUFU18.basics.inf_sele.css");
@import url("/css/rtve.2018.deportes/mundial-rusia-2018-TE_SMUFU18/fichas_selecciones/TE_SMUFU18.colors.inf_sele.css");
@import url("/css/rtve.2018.deportes/mundial-rusia-2018-TE_SMUFU18/fichas_selecciones/TE_SMUFU18.animate.inf_sele.css");

.wrapper.bodier .mund_2018{background:url("/css/rtve.2018.deportes/mundial-rusia-2018-TE_SMUFU18/fichas_selecciones/i/TE_SMUFU18.bg.info.jpg") no-repeat;background-color:#2c0035;background-position:center;background-size:cover;margin:0;}

.infoBox ul li .chipBox .img{transition:transform .2s linear;}
.infoBox ul li:hover .chipBox .img{transform:scale(1.1,1.1);}

/*invertir animacion*/
.wrapper.bodier #selec_mundial_2018:not(.no-js) .infoBox ul li .mainBox .info:nth-child(even) .L{left:50%;-webkit-animation:reboteR 1s linear;-moz-animation:reboteR 1s linear;animation:reboteR 1s linear;}
.wrapper.bodier #selec_mundial_2018:not(.no-js) .infoBox ul li .mainBox .info:nth-child(even) .R{position:relative;right:50%;-webkit-animation:reboteL 1s linear;-moz-animation:reboteL 1s linear;animation:reboteL 1s linear;}

/**fichas**/
/* info */
.wrapper.bodier .infoBox ul li .mainBox .info .txtBox strong{font-size:14.6rem;text-transform:uppercase;}
.wrapper.bodier .infoBox ul li .mainBox .info .auxBox span {font-weight:100;line-height:1.2;margin:0;padding:0;}
.wrapper.bodier .info-extra .times, .wrapper.bodier .info-extra .position {font-size:3rem;text-align:center;text-transform:initial;}
.wrapper.bodier .info-extra .times strong {display:block;font-size:7rem;}
.wrapper.bodier .info-extra .position strong {display:block;font-size:6rem;}

/* info3 */
.wrapper.bodier .infoBox ul li .mainBox .info:nth-child(3) .mediaBox .ima{background-size:contain;background-position:center center;}
.wrapper.bodier .infoBox ul li .mainBox .info:nth-child(3) .auxBox {max-height:100%;overflow:auto;}
.wrapper.bodier .infoBox ul li .mainBox .info:nth-child(3) .auxBox p {font-size:2.6rem;margin-bottom:5rem;}
.wrapper.bodier .infoBox ul li .mainBox .info:nth-child(3) .auxBox strong {font-size:3rem;}

/* info4 */
.wrapper.bodier .infoBox ul li .mainBox .info:nth-child(4) .auxBox {padding:3rem 6rem;max-height:100%;overflow:auto;}
.wrapper.bodier .infoBox ul li .mainBox .info:nth-child(4) .auxBox p {font-size:3.2em;text-align:left;line-height:1.4;}

/*control*/
.wrapper.bodier .infoBox .controlBox.show{display:block;width:auto;position:fixed;top:1rem;right:2rem;z-index:2;}
.wrapper.bodier .infoBox .controlBox .arrow{background:rgba(44,0,53,1);border:.1rem solid #f6f1ec;border-radius:.6rem;width:4rem;height:4rem;margin:0 .2rem;line-height:1;}
.wrapper.bodier .infoBox .controlBox .arrow.beoff{opacity:.5;}
.wrapper.bodier .infoBox .controlBox .arrow img{background-image:url("/css/rtve.2018/rtve.commons/rtve.player/i/player_iconos@4x.png");background-size:2200%;}
.wrapper.bodier .infoBox .controlBox .arrow.back_ img{background-position:70% 35%;}
.wrapper.bodier .infoBox .controlBox .arrow.next_ img{background-position:75% 35%;}

/**no-js**/
.wrapper.bodier .no-js .controlBox.show{display:none;}
/*vista de todas las fichas*/
.wrapper.bodier .no-js .infoBox ul li .mainBox .info.active, .wrapper.bodier .no-js .infoBox ul li .mainBox .info{display:table;height:auto;position:relative;z-index:2;height:100%;}
.wrapper.bodier .no-js .infoBox ul li .mainBox .infoBox, .wrapper.bodier .mund_2018 .no-js .infoBox ul li .mainBox .info .L, .wrapper.bodier .mund_2018 .no-js .infoBox ul li .mainBox .info .R{display:block;height:100%;float:left;margin:0 !important;}
.wrapper.bodier .no-js .infoBox ul li .mainBox .info:nth-child(3) .auxBox {padding:0 4rem;}
/*imgs*/
.wrapper.bodier .no-js .infoBox ul li .mainBox .info:nth-child(3) .mediaBox, .wrapper.bodier .no-js .infoBox ul li .mainBox .info:last-child .mediaBox{margin-top:4rem;}
.wrapper.bodier .no-js .infoBox ul li .mainBox .info .mediaBox{position:relative;margin:0;}
.wrapper.bodier .no-js .infoBox ul li .mainBox .info .mediaBox .ima{height:auto;min-height:100%;background-position:center center;}
.wrapper.bodier .no-js .infoBox ul li .mainBox .info:nth-child(4) .mediaBox .ima{background-size:cover;}
/*invertir text/img*/
.wrapper.bodier .no-js .infoBox ul li .mainBox .info:nth-child(even) .L{float:right;}


@media (max-width:1699px){
.wrapper.bodier .infoBox ul li .mainBox .info .txtBox strong{font-size:7.3rem;}
.wrapper.bodier .info-extra .times strong{font-size:5rem;}
.wrapper.bodier .info-extra .position strong{font-size:4rem;}
.wrapper.bodier .info-extra .times, .wrapper.bodier .info-extra .position{font-size:2.4rem;}
}

@media (max-width:1040px){
.wrapper.bodier .infoBox ul li .mainBox .info .txtBox strong{font-size:5rem;}
}