@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
/*@import url('/css/rtve.2019/rtve.commons/rtve.core/rtve.fonts.maps.css');*/

.container {width:100%;}
.graphBox {width:100%;display:inline-block;}
.imageBox {width:100%;float:right;position:relative;}
[class*='_ima'] {width:100%;display:block;position:relative;}
[class*='_ima'] img {width:100%;height:auto;position:absolute;left:0;top:0;}
.f12x9 {padding-top:75%;}
.graphBox {position:relative;}

/* 16x9 */
.chipsBox.be_on .imagen{position:relative; padding-top:56.25%; height:auto}
.chipsBox.be_on .imagen img {position:absolute; top:0; left:0}

/*los pinchos*/
.pinnsBox .item,
.pinnsBox .ifont {position:absolute;}
.pinnsBox .ifont {left:0;top:0;}
.pinnsBox .item:focus .dataBox,
.pinnsBox .item:hover .dataBox,
.pinnsBox .item {margin:-2rem 0 0 -2rem;cursor: pointer;}

.pinnsBox .ico.place {background:url('i/punto_36x36.png') no-repeat;background-size: 100% auto;}

.pinnsBox .dataBox,
.pinnsBox .ifont,
.chipsBox.be_on .close {display:inline-block;overflow:hidden;cursor: pointer;}

.pinnsBox .dataBox {width:0;height:0;}
.pinnsBox .ifont {width:2.5rem;height:2.5rem;}
.chipsBox.be_on .close {width:4rem;height:4rem;}

/*.pinnsBox .item:not(.blur):focus .dataBox,
.pinnsBox .item:hover .dataBox {background:white;width:36rem;height:18rem;padding:2.4rem;position:absolute;bottom:0;left:-18rem;margin-left:1.6rem;z-index:1;}*/

.chipsBox.be_on .close:before {content:'close';line-height: 1;font-family: 'Material Icons';-webkit-font-smoothing: antialiased;font-size: 2.8rem;color:#494847;position: absolute;
    right: 1.5rem;top: 1rem;}
.pinnsBox .imagen {width:12.8rem;height:9.6rem;overflow:hidden;display:inline-block;float:left;margin-right:1.6rem;}
.pinnsBox .imagen img {height:100%;width:auto;}
.pinnsBox [data-contador='1'] {}
.pinnsBox .item .label {color:#393939;font-weight:500;}
.pinnsBox .head-item .label {font-size:1.8rem;line-height:2.4rem;font-weight:400;}
.pinnsBox .texto p {font-size:1.3rem;line-height:1.8rem;display:block;}

/*fichas*/
.chipsBox .item,.chipsBox.be_on {border-style:solid;border-color:#fff;border-width:0;}

.chipsBox {left:0;top:0;}
.chipsBox .item {position:relative;float:left;}
.chipsBox,.chipsBox.be_on .active {display:block;}
	/*fichas apagadas*/
	.chipsBox.beoff .body-item,.chipsBox.beoff .main-item {display:none;}
	.chipsBox.beoff {width:100%;
		background: -moz-linear-gradient(left, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
		background: -webkit-linear-gradient(left, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
		background: linear-gradient(to right, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );}
	.chipsBox.beoff .head-item .label {font-size:1.8rem;line-height:2.4rem;font-weight:500;color:teal;}
	/*fichas encendidas*/
	.chipsBox.be_on {z-index:1;}
	.chipsBox.be_on,.chipsBox.be_on .active {width:100%;}
	.chipsBox.be_on .item:not(.active) {display:none;}
	.chipsBox.be_on .active {background:white;border-width:3.2rem;}
	.chipsBox.be_on .head-item .label {font-size:4.4rem;line-height:1;font-weight:300;}

.chipsBox {position:absolute;}

.chipsBox .body-item .texto {overflow-y:auto;overflow-x:hidden;float:left;}

.chipsBox .body-item .texto * {font-size:1.5rem;line-height:2.2rem;}
.chipsBox .body-item .texto strong {font-weight:500;}
.chipsBox .main-item {float:left;width:100%;}
.chipsBox .main-item {padding:0 0 0 0;}
.imagen img {width:100%;height:auto;}
.chipsBox .main-item .imagen {/*height:66.66666666666667%;*/width:100%;;display:block;overflow:hidden;}
.chipsBox.be_on .head-item,.chipsBox .item .texto {}
.chipsBox.be_on .head-item {padding-bottom:1.6rem;padding-right:3.2rem;}
.chipsBox .item .noticia {padding:1.6rem 0;margin-top:1.6rem;border-top:0.1rem solid lightgray;}
.chipsBox .item .noticia > a {display:block;}
.chipsBox .item .noticia .imagen {width:12.8rem;height:7.2rem;overflow:hidden;display:block;float:left;margin-right:1.6rem;}
.chipsBox .item .noticia > a > strong {font-size:2rem;line-height:2.4rem;color:teal;border-bottom:0.1rem solid teal;position:relative;top:-0.4rem;}
.chipsBox .item .noticia .summary {font-size:1.3rem;line-height:1.8rem;display:block;}
.chipsBox.be_on .close {position:absolute;top:2rem;right:2rem;z-index:1;}

/*particular*/
.chipsBox .texto {width:100%;}
.chipsBox .texto div {display:table;width:100%;border:0.4rem solid transparent;}
.chipsBox .texto div:first-child {border-color:#fff;}
.chipsBox .texto div > span {display:table-cell;width:33.3333%;padding: 0.2rem 1rem;color:#393939;}
.chipsBox .title-info {font-weight:500;}
.chipsBox .texto div:nth-child(odd) {background-color:#F2F2F2;}
.chipsBox .texto div:nth-child(even) {background-color:#ddd;}
.chipsBox .texto div > .title-info {font-size:1.8rem;text-transform:uppercase;background:#fff;}
