﻿/*.striplayer > section > .slideBox,*/.linksBox ul > li {border-style:solid;border-color:transparent;}

/*.striplayer > section > .slideBox {border-width:1rem 0 0 0;}*/
.linksBox ul > li {border-width:0 0 0.3rem 0;}
.striplayer + .container .linksBox {margin-top:1rem;}

/*modulo navegacion*/
div[form-subtype='tabs'] {background:#fff;top:1rem;}

.linksBox > .ico {display:none;}
.linksBox {padding:3.2rem 0;}

.linksBox ul {display:inline-block;width:100%;text-align:center;}
.linksBox ul > li {display:inline-block;padding:0 0.8rem;}
.linksBox li a > span {font-size:1.6rem;line-height:2.5;text-transform:uppercase;font-weight:700;color:#737578;}
.linksBox ul > li:not(.active):hover {border-color:#aaa;cursor:pointer;}
.linksBox ul > .active {border-color:#737578;}
.linksBox ul > .active:hover,.linksBox ul > .active:hover * {cursor:default;}
div[form-subtype='tabs'] .linksBox ul > .active {background:#f2f2f2;}

.grid .arrayBox .cell .mod.progr,.grid .arrayBox .cell {overflow:hidden;}
.grid .arrayBox .cell {padding:0;}
.grid .arrayBox .cell .mod.progr {padding-top:100%;}

.grid .col6 .cell {width:16.6666666666667%;}
.grid .col5 .cell {width:20%;}
.grid .col4 .cell {width:25%;} .grid .col4 .cell:nth-child(4n+1) {clear:left;}


/*item coleccion*/
.arrayBox {display:inline-block;width:100%;float:left;background:rgb(242,242,242);}

.arrayBox .mod.progr,.arrayBox .mainBox,.arrayBox .mainBox > a,.mod.video {height:100%;}

.arrayBox .mainBox {display:inline-block;width:100%;}
.arrayBox .mainBox > a {width:100%;}

.arrayBox .mainBox > a span {display:none;}

.arrayBox .mod .mainBox .txtBox .maintitle {font-weight:500;letter-spacing:0;display:inline-block;}
.arrayBox .mod.progr .txtBox .pretitle {margin-bottom:0.5rem;width:100%;display:inline-block;font-size:1.4rem;line-height:1.8rem;text-transform:uppercase;letter-spacing:0.5pt;font-weight:500;color:#222;}
.arrayBox .cell .mod.progr {border-bottom:2.4rem solid transparent;}
.arrayBox .mod.progr .txtBox {padding:2.4rem;}
.arrayBox .mod.progr .mainBox .auxBox {padding:0;}
.arrayBox .mod .mediaBox + a + .txtBox {padding:1.6rem 2.4rem 2.4rem 1.6rem;}
.arrayBox .mod .mediaBox + a + .txtBox .maintitle {font-size:1.8rem;line-height:2rem;max-height:8rem;display:inline-block;overflow:hidden;}


.arrayBox .mod.progr .mainBox .auxBox {margin:0;background:#fff;height:100%;width:100%;}
.arrayBox .mod.progr .mainBox .auxBox > * {padding:0.5rem 2rem;}
.arrayBox .mod.progr .mainBox .auxBox p {font-size:1.4rem;line-height:2rem;font-weight:300;}

.container .grid .arrayBox .mod.progr .mediaBox {margin:0;}
.grid .arrayBox .mod.progr .mediaBox .ima img {width:100%;height:auto;}
.mod.progr .mediaBox .ima:after {content:'';width:100%;
background: -moz-linear-gradient(top,  rgba(242,242,242,0) 0%, rgba(242,242,242,1) 75%, rgba(242,242,242,1) 100%);
background: -webkit-linear-gradient(top,  rgba(242,242,242,0) 0%,rgba(242,242,242,1) 75%,rgba(242,242,242,1) 100%);
background: linear-gradient(to bottom,  rgba(242,242,242,0) 0%,rgba(242,242,242,1) 75%,rgba(242,242,242,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f2f2f2', endColorstr='#f2f2f2',GradientType=0 );
}
.mod.progr .mediaBox .ima:after {height:66.667%;}
.arrayBox .mod.progr .mainBox .auxBox:after {content:'';width:100%;height:20%;box-shadow:0 -1em 2em #fff;}
.arrayBox .mod.progr .mainBox .auxBox:before {content:'';width:4rem;height:4rem;left:50%;top:0;margin:4rem 0 0 -2rem;border-radius:100%;
display:inline-block;background:rgba(0,0,0,0.25) url('/css/rtve.2015/i/iconos/icons_40x40_ffffff.png') no-repeat 50% 20%;}

.arrayBox .mod.progr .mainBox .auxBox > * {text-align:center;}
.arrayBox .mod.progr .mainBox .auxBox .logoBox {box-shadow:0 -2em 4em #fff;
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
}
.arrayBox .mod.progr .mainBox .auxBox .logoBox img {height:8rem;width:auto;}

/*videos/audios*/
.arrayBox .mod.video .mainBox > a,
.arrayBox .mod.audio .mainBox > a {display:none;}
[form-type="navtabs"] .arrayBox .mainBox .mediaBox .ico.play {background:#f2f2f2;bottom:0;}
[form-type="navtabs"] .arrayBox .mainBox .mediaBox .ico.play img {position:absolute;left:0;top:0;width:100%;height:100%;background-image:url('/css/rtve.2015/i/iconos/icons_60x60_active.png');background-size: 1100%;}
[form-type="navtabs"] .arrayBox .mainBox .mediaBox .ico.play.video img {background-position: 00% 80%;}
[form-type="navtabs"] .arrayBox .mainBox .mediaBox .ico.play.audio img {background-position: 10% 80%;}
[form-type="navtabs"] .arrayBox .mainBox .mediaBox .ico.play .duration {height:0;bottom:50%;line-height:0;overflow:visible;text-align:left;padding-left:100%;border-left:1.6rem solid transparent;}
[form-type="navtabs"] .arrayBox .mainBox .mediaBox .ico.play:before {;content:'';display:inline-block;height:100%;width:500%;left:100%;position:absolute;top:0;/*top:-0.3rem;*/z-index:-1;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}

/*col4*/
.arrayBox.col4 .mainBox .mediaBox .ico.play {width:16.66666666666667%;height:16.66666666666667%;padding-top:16.66666666666667%;}
.arrayBox .mainBox .mediaBox .ico.play .duration {width:600%;}

.arrayBox .mod.progr .mainBox .auxBox,
.arrayBox .mod.progr .mainBox .auxBox:before {opacity:0;}
.arrayBox li:hover .mod.progr .mainBox .auxBox,
.arrayBox li:hover .mod.progr .mainBox .auxBox:before {opacity:1;}


.arrayBox .mod.progr * {
-webkit-transition: opacity 0.75s;
   -moz-transition: opacity 0.75s;
     -o-transition: opacity 0.75s;
        transition: opacity 0.75s;
}



/*positioning*/
.grid .arrayBox .cell,.grid .arrayBox .mod.progr .ima img {position:relative;}
.arrayBox .mod.progr .mainBox,


.arrayBox .mod.progr .mainBox .auxBox:after,
.arrayBox .mod.progr .mainBox .auxBox,.arrayBox .mainBox > a,.arrayBox .mod.progr .mainBox .auxBox:before,
.arrayBox .mod.progr .mainBox .auxBox .logoBox,
.mod.progr .mediaBox .ima:after,.arrayBox .mod.progr .txtBox {position:absolute;}

.arrayBox .mod.progr .mainBox,
.container .grid .arrayBox .mod,
.arrayBox .mod.progr .mainBox .auxBox,.arrayBox .mainBox > a {left:0;top:0;}
.mod.progr .mediaBox .ima:after,.arrayBox .mod.progr .txtBox,
.arrayBox .mod.progr .mainBox .auxBox:after,
.arrayBox .mod.progr .mainBox .auxBox .logoBox {left:0;bottom:0;}



.arrayBox .mainBox > a,
.arrayBox .mod.progr .mainBox .auxBox .logoBox {z-index:2;}
.arrayBox li:hover .mod.progr .mainBox .auxBox p {z-index:1;}

.arrayBox li .mod.progr .mainBox .auxBox p {position:relative;top:100%}
.arrayBox li:hover .mod.progr .mainBox .auxBox p {top:0;}

.arrayBox li:hover .mod.progr .mainBox .auxBox p {
-webkit-transition: top 1.5s;
   -moz-transition: top 1.5s;
     -o-transition: top 1.5s;
        transition: top 1.5s;
}


/** paginado **/
[form-type="navtabs-pag"] .arrayBox {overflow:hidden}
[form-type="navtabs-pag"] .arrayBox ul {position: relative;left: 0;float: left;-moz-transition: left .5s;-o-transition: left .5s;transition: left .5s;}


[form-type="navtabs-pag"] .arrayBox ul {width:1200%;}
[form-type="navtabs-pag"] .arrayBox .cell {width:1.6666666%;}


[form-type="navtabs-pag"] .controlBox {position:absolute;top: auto;left:auto;right:0;margin-top: -8.2rem;}
[form-type="navtabs-pag"] .controlBox .beoff img {opacity:0.1;}
[form-type="navtabs-pag"] .controlBox .ico img {background-image:url('http://css2.rtve.es/css/rtve.2015/i/iconos/icons_40x40_000000.png');}

[form-type*="navtabs"] .arrayBox .mainBox .mediaBox .ico.play {bottom:0;}
