/* ALL DEVICE */
#videoUNsi, .wrapperVideo, #titoloUNmedia, .bottoni {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;      /* TWEENER - IE 10 */
  	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
}
#videoUNsi, .wrapperVideo {
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;}
.bottoni {
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	width:4%;cursor: pointer;}
#titoloUNmedia {
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;}
#titoloUNmedia {
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;}
#titoloUNmedia{border-bottom: 1px solid #dedede;margin-bottom:10px;padding: 0 10px 5px 0;} /* 17/3/17 padding-left was 75px - background was url('../img/umwidget.png') no-repeat*/
.wrapperVideo {width: 92%;
	-webkit-justify-content: space-around;
	-moz-justify-content: space-around;
	-ms-justify-content: space-around;
	justify-content: space-around;}
.primopiano, .secondopiano {
	display: -webkit-box;
  	display: -moz-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
	display:flex;
	-moz-box-align: flex-start;
	-ms-flex-align: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	width:24%;
}
.videourl img, .videourl p {width:100%;}
.videourl p {margin-top:8px;margin-bottom:0;height:40px;overflow: hidden;}
.videourl span {position: absolute;left: 43%;top: 20%;color: #d61524;font-weight: 700;}
.videourl a {text-decoration: none;color:rgba(241,21,36,1);}
.videourl a:hover{text-decoration:underline;color:rgba(241,21,36,1);}
.containerInfoVideo {position:relative;}
.containerInfoVideo div {position: absolute;
    display: flex;
    align-items: center;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,0.7);
    width: 20%;
    height: 25%;}
.diretta, .ondemand {position:absolute;}
p.diretta {bottom: 0;
    width: 100%;
    height: 25%;
    text-align: center;
    background: rgba(255,255,255,0.75);
    padding: 3%;
	font-weight: 700;}
a.diretta, a.ondemand{ left:0;width: 100%;height: 100%;opacity:0.8;}
a.ondemand{background: url('../img/icone/99_ico_player_44x44.png') no-repeat center center;}
a.diretta{background: url('../img/icona_player_live.png') no-repeat center center;}
/*.containerInfoVideo a.infoVideo {position: absolute;padding: 4% 7%;background: rgba(241,21,36,.7);color: #fff;left: 35%;top: 20%;}*/
span.prevUN {width:100%;background: url('../img/icone/99_ico_controllo_avvisi_eventi_sx.png') no-repeat center center;}
span.nextUN {width:100%;background: url('../img/icone/99_ico_controllo_avvisi_eventi_dx.png') no-repeat center center;}
#testoDX {margin:8px 0;}
#testoSX {font-size:1.6em;margin:0;}
#testoDX a {text-decoration: none;color:#333;font-size: 1.1em;background: url('../img/icone/00_ico_freccia_rossa_www.png') no-repeat right center;padding-right: 15px;margin:0;}
div#block-block-10.jsonvid .clearfix p {display: none;}
.jsonvid {position: initial;}
/*TABLET*/
@media (max-width: 768px) {

	.primopiano, .secondopiano {width:49%;}
	.wrapperVideo {width: 84%;}
	.bottoni {width:8%;}
	.mobile {margin-bottom: 2%;}
	span.prevUN {background: url('../img/icone/99_ico_controllo_avvisi_eventi_sx.png') no-repeat center left;}
	span.nextUN {background: url('../img/icone/99_ico_controllo_avvisi_eventi_dx.png') no-repeat center right;}
	.videourl span {left: 44%;top: 24%;}
}
/*MOBILE*/
@media (max-width: 480px) {
	.primopiano, .secondopiano {width:99%;}

}