.moduloTvColcontenido{
    position: relative;
}
.videoPortadaBloque, .noticiaPortadaBloque{
    width:50%; 
    margin:0; 
    line-height:20px; 
    display: inline-block;
    vertical-align: top; 
    margin-bottom:20px; 
    padding-left: 10px; 
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.contSliderBlock{
    
}
.sliderBlock {
    float: left; 
    animation-duration: 0.75s;
    animation-timing-function: ease-in-out;
    position: relative;
    display: none;
}

.videoPortadaFecha, .noticiaPortadaFecha { font-size:11px; font-weight:bold; color:#FFFFFF; background-color:#6F6F6F; padding:2px 6px 2px 6px; }

.moduloIconoTVPortada {position:absolute; top:5px; right:5px; width:20%}
.moduloIconoTVPortadaSvg { -webkit-filter: invert(100%); filter: invert(100%);}

.moduloDuracionTVPortada {position:absolute; bottom:0px; left:0px; padding:2px; background-color:#F80004; color:#FFFFFF; font-size:10px; font-weight:bold;}
.videoTitulo, .noticiaTitulo {font-weight:400; font-size:16px}
.videoCuerpo, .noticiaCuerpo {font-size:14px}

.videoFecha { font-size:11px; font-weight:bold; color:#FFFFFF; background-color:#6F6F6F; padding:2px 6px 2px 6px; }

.sliderBlock.moveLeft{
    animation-fill-mode:both;
    animation-name: moveLeft;
}
.sliderBlock.moveRight{
    animation-fill-mode:both;
    animation-name: moveRight;
}

.contSliderBlock .tr{
    position: relative;
    width:100%;
    top:0;
    left:0;
    height: 100%;
    overflow: hidden;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.contSliderBlock .td{
    overflow: hidden;
}
.contSliderBlock .bloqued{
    display: inline-block;
}
.sliderBlock.show{
    display: inline-block;
}
.contSliderBlock .arrow-left, .contSliderBlock .arrow-right, .contSliderBlock .bg-arrow-left, .contSliderBlock .bg-arrow-right{
    position: absolute;
    top: 23px;
    bottom: 0;
    width:24px;
    color:white;
    z-index: 10;
    font-size: 22px;
    cursor: pointer;
    text-align: center;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.contSliderBlock .bg-arrow-left, .contSliderBlock .bg-arrow-right{
    background-color: rgba(0,0,0,0.15);
    filter: blur(5px);
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
}
.contSliderBlock .arrow-left:hover, .contSliderBlock .arrow-right:hover{
    /*background-color: rgba(0,0,0,0.2);*/
}
.contSliderBlock .arrow-left, .contSliderBlock .bg-arrow-left{left:-10px;}
.contSliderBlock .arrow-right, .contSliderBlock .bg-arrow-right{right:-20px;}
.contSliderBlock .arrow-left > i, .contSliderBlock .arrow-right > i{
    position: absolute;
    top: 45%;
    left: 5px;
    right: 5px;
}
.contSliderBlock .arrow-left.disabled, .contSliderBlock .arrow-right.disabled, .contSliderBlock .bg-arrow-left.disabled, .contSliderBlock .bg-arrow-right.disabled{
    display: none;
}

@media only screen and (max-width: 479px) {
    .videoPortadaBloque { width:98%;}
    .contSliderBlock .td{
        width:250%;
    }
    .sliderBlock{
        width:20%;
    }
    .contSliderBlock .tr > .td > .show + div{
        display: inline-block;
    }
    .contSliderBlock .arrow-left, .contSliderBlock .bg-arrow-left{left:0;}
    .contSliderBlock .arrow-right, .contSliderBlock .bg-arrow-right{right:0;}
}

@media only screen and (min-width: 480px) {
    .videoPortadaBloque { width:49.0%;}
    .contSliderBlock .td{
        width:250%;
    }
    .sliderBlock{
        width:13.35%;
    }
    .contSliderBlock .tr > .td > .show + div, .contSliderBlock .tr > .td > .show + div + div{
        display: inline-block;
    }
    .contSliderBlock .arrow-left, .contSliderBlock .bg-arrow-left{left:0;}
    .contSliderBlock .arrow-right, .contSliderBlock .bg-arrow-right{right:0;}
}



@media only screen and (min-width: 768px) {
    .videoPortadaBloque { width:16.2%;}
    .contSliderBlock .td{
        width:200%;
    }
    .sliderBlock{
        width:8.35%;/*16.666%;*/
    }
    .contSliderBlock .tr > .td > .show + div, .contSliderBlock .tr > .td > .show + div + div, .contSliderBlock .tr > .td > .show + div + div + div, .contSliderBlock .tr > .td > .show + div + div + div + div, .contSliderBlock .tr > .td > .show + div + div + div + div + div {
        display: inline-block;
    }
}

.sliderBlock.moveLeft.x2{
    animation-fill-mode:both;
    animation-name: moveLeft2;
}
.sliderBlock.moveRight.x2{
    animation-fill-mode:both;
    animation-name: moveRight2;
}
.sliderBlock.moveLeft.x3{
    animation-fill-mode:both;
    animation-name: moveLeft3;
}
.sliderBlock.moveRight.x3{
    animation-fill-mode:both;
    animation-name: moveRight3;
}

/*KEYFRAME RIGHT*/
@keyframes moveLeft {
    from {
        transform:translateX(0%);
    }
    to {
        transform:translateX(-100%);
    }
}

@keyframes moveRight {
    from {
        transform:translateX(-100%);
    }
    to {
        transform:translateX(0%);
    }
}
@keyframes moveLeft2 {
    from {
        transform:translateX(0%);
    }
    to {
        transform:translateX(-200%);
    }
}

@keyframes moveRight2 {
    from {
        transform:translateX(-200%);
    }
    to {
        transform:translateX(0%);
    }
}
@keyframes moveLeft3 {
    from {
        transform:translateX(0%);
    }
    to {
        transform:translateX(-300%);
    }
}

@keyframes moveRight3 {
    from {
        transform:translateX(-300%);
    }
    to {
        transform:translateX(0%);
    }
}