/*fondo*/
.toplayer + .cloudsBox {background-color:transparent;}
.tags .secBox {text-align:center;}
.container .secBox span {font-size:3.5rem;}
.container.tags {position:relative;background:rgba(248,120,8,0.9);z-index:3;padding:2.4rem 0;}
.container.tags .grid {background:transparent;}

/*fonts*/
.cloudsBox strong {/*font-size:2.5rem;font-weight:400;*/}
.cloudsBox .chipBox em {display:none;}
.cloudsBox .mainBox .contentBox {font-size:2.5rem;font-weight:500;top: 0;padding-top: 0;padding-bottom: 3rem;}
.cloudsBox .mainBox .contentBox li label {display:inline-block;width:100%;}
.cloudsBox .mainBox .contentBox span {display: inline-block;float:left;width:5.5%;}
.cloudsBox .mainBox .contentBox span img {height:4rem;width:4rem;}
.cloudsBox li .mainBox .contentBox p {font-size:2rem;font-weight:300;line-height:1.4;display: inline-block;float: left;margin-left: 0.7rem;width:90%;}
.cloudsBox .mainBox .contentBox * {color: #8A90A8;}
.cloudsBox .mainBox .contentBox label strong {font-weight:400;font-size:1.7rem;line-height:1.8;float: left;margin-left: 0.7rem;clip:rect(0,0,0,0);position:absolute;}

/*size fonts*/
.cloudsBox li[class*="item"] {height:3.6rem;line-height:3.6rem;}
.cloudsBox .chipBox {font-size:1.4rem;}
.cloudsBox .chipBox strong {position:relative;font-weight:500;color:rgba(255,255,255,0.6);}
.cloudsBox .size1 strong {font-size:1.8rem;font-size:1em;}
.cloudsBox .size2 strong {font-size:2.2rem;font-size:1.4em;}
.cloudsBox .size3 strong {font-size:2.4rem;font-size:1.8em;}
.cloudsBox .size4 strong {font-size:2.6rem;font-size:2.2em;}
.cloudsBox .size5 strong {font-size:3.0rem;font-size:2.4em;}
.cloudsBox .size6 strong {font-size:3.3rem;font-size:2.8em;}
.cloudsBox .size7 strong {font-size:3.6rem;font-size:3.2em;}
.cloudsBox .size8 strong {font-size:4.0rem;font-size:3.4em;}
.cloudsBox .size9 strong {font-size:5.6rem;font-size:3.8em;}
.cloudsBox .size10 strong {font-size:6.5rem;font-size:4.2em;letter-spacing:-1pt;}
.cloudsBox .size1 strong,
.cloudsBox .size2 strong,
.cloudsBox .size3 strong {color:rgba(255,255,255,0.8);}
.cloudsBox .size9 strong,
.cloudsBox .size10 strong {font-weight:800;}

.cloudsBox .chipBox {cursor:pointer;}

/***cloudsBox***/
.cloudsBox {display: inline-block;}
.cloudsBox li[class*="item"] {float:none;padding:0.4rem;display:inline-block;font-family:'Roboto Slab',serif;color:#8A90A8;}

	
/**ficha**/
.cloudsBox [name="tema"], .cloudsBox [name="tema"] ~ label .mainBox {position:absolute;clip:rect(0,0,0,0);top:0;left:0;overflow:hidden;}
.cloudsBox [name="tema"]:checked ~ label .mainBox {height:auto;background:#ffffff;clip:auto;top:-3.4rem;left:0;bottom:auto;cursor:pointer;z-index:3;width:100%;border: 0.3rem solid #8A90A8;}
.cloudsBox [name="tema"]:checked ~ label .infoBox:after {content:'';display:block;width:2.3rem;height:2.3rem;background:url('/css/rtve.2017.noticias/consulta-catalunya2017/i/aspa2.png') no-repeat;position:absolute;top:0;right:0;border: 1.5rem solid transparent;filter:invert(0.5);}
.cloudsBox .mainBox .infoBox {height:100%;}
.cloudsBox .mainBox .contentBox {height:100%;width: 100%;position:relative;top:0;right:0;float: left;padding:2.5rem;overflow: auto;}
.cloudsBox .infoBox > .contentBox > strong {width:100%;text-align:left;font-size:3.5rem;display:block;padding-bottom:2rem;font-weight:500;}
.cloudsBox .infoBox > .contentBox > strong:before {content:"#";}

/*hover*/
.cloudsBox .chipBox strong:hover{
     color:#E7C26C;color:#fff;text-shadow:0 0.2rem 0.2rem rgba(0,0,0,0.5);
}

.tags .cell:after {content:"#";font-size:26rem;position:absolute;top:0;left:50%;margin-left:-7.5rem;margin-top:-5rem;display:block;opacity:0.1;z-index:-1;}