@charset 'UTF-8';
@import url('/css/rtve.2019/rtve.commons/rtve.modules/suggests.basics.css');

.mod_suggest .arrayBox ul {
-moz-transition: left .5s;
  -o-transition: left .5s;
  	 transition: left .5s;
}
.mod_suggest .arrayBox ul {width:1200%;}
.mod_suggest .arrayBox .cell {width:1.6666666%;}

.mod_suggest .arrayBox .cell {padding:0.1rem;}
.bodier > .striplayer.suggest_Box .grid {width:100%;}
.bodier > .striplayer.suggest_Box {padding-bottom:4.8rem;}

.mod_suggest article .mainBox > a {width:100%;height:100%;position:absolute;left:0;top:0;}
.mod_suggest article .mainBox > .txtBox {padding:1.2rem 1.2rem 0.6rem 0.6rem;}
.mod_suggest article .txtBox .pretitle , .simply.g2 .mod_suggest  article .txtBox .pretitle {font-size:1.6rem;line-height:2rem;color:#b62634;}
.mod_suggest article .txtBox .maintitle, .simply.g2 .mod_suggest .mainBox .maintitle {font-size:2rem;line-height:2.4rem;font-weight:400;}

.radio .parrilla {padding-bottom:0;}

.bodier > .striplayer.suggest_Box .mod_suggest article .mainBox > .txtBox .maintitle {color:#343536;}

.striplayer.suggest_Box .grid > .secBox {padding:2.4rem 0;text-align:center;}
.striplayer.suggest_Box .grid > .secBox span {padding:0;color:#343536;}

.mod_suggest .controlBox {position:absolute;right:0;top:-7.2rem;}
 .mod_suggest .controlBox .beoff img {opacity:0.1;}

.mod_suggest .mediaBox .ico {width:100%;height:3.6rem;
	background:rgba(0,0,0,0.25);
	background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%);
  background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%);
  background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0	);
	}
.mod_suggest .mediaBox .ico > * {position:relative;float:left;}
.mod_suggest .mediaBox .ico .duration {width:auto;line-height:3.6rem;margin:0 0 0 0.8rem;}
.mod_suggest .mediaBox .play img {width:3.6rem;height:3.6rem;}
.mod_suggest .mediaBox .play img,
.mod_suggest .controlBox .ico img {background-image:url('/css/rtve.2016.radio/programas-de-rne/musica/radio3-extra/i/icons_40x40_b62634.png');background-size:1100%; background-position:10% 80%;}
.mod_suggest .controlBox .arrow.back_ img {background-position:20% 20%;}
.mod_suggest .controlBox .arrow.next_ img {background-position:30% 20%;}

.mod_suggest .mainBox .mediaBox .ico {bottom:0;}
.mod_suggest .mainBox .mediaBox .ico img {background-color:#f0ece8;}

.mod_suggest article .mainBox > a {z-index:0;}
.mod_suggest article .mainBox > .txtBox {position:relative;z-index:1;}

/*nuevo mod_suggest catalog PLAY*/
.suggest_Box[data-tipo="mod_libre"].striplayer .slideBox.wariaType .controlBox span[role="button"]:before,
.suggest_Box[data-tipo='mod_maquetacion'].striplayer .slideBox.wariaType .controlBox span[role="button"]:before {background: rgba(255,255,255,0.5);}
.suggest_Box[data-tipo="mod_libre"].striplayer .grid > .secBox span,
.suggest_Box[data-tipo='mod_maquetacion'].striplayer .grid > .secBox span {font-family:'Roboto',sans-serif;}
.suggest_Box[data-tipo="mod_libre"].striplayer,
.suggest_Box[data-tipo="mod_libre"].striplayer .gridBox,
.suggest_Box[data-tipo='mod_maquetacion'].striplayer,
.suggest_Box[data-tipo='mod_maquetacion'].striplayer .gridBox {padding:0}
.suggest_Box[data-tipo="mod_libre"].striplayer .gridBox .collSet .slideH,
.suggest_Box[data-tipo='mod_maquetacion'].striplayer .gridBox .collSet .slideH {padding:0 !important;}
.suggest_Box[data-tipo="mod_libre"].striplayer .grid .hiveBox.slideH,
.suggest_Box[data-tipo='mod_maquetacion'].striplayer .grid .hiveBox.slideH {background:transparent;}
