@import url("animate.min.css");
@import url("resumen-items.css");
@import url("resumen-navegacion.css");
@import url("resumen-seccion.noticias.css");
@import url("resumen-seccion.deportes.css");
@import url("resumen-seccion.fotos.css");
@import url("resumen-seccion.difuntos.css");

.resumen.bloody .gridBox{padding:0;}
.resumen .mark {width:100%;position:relative;padding-top:60%;border-top:8rem solid transparent;}
.resumen .mark #home{position:absolute;width:100%;height:100%;top:0;left:0;overflow:visible;}
.resumen .seccion .box, .resumen .seccion .item .itemPreview, .resumen #difuntos.seccion .itemsSection .itemPreview, .resumen #difuntos.seccion .titleMes{cursor:pointer;}
.resumen a{border-bottom:0.1rem solid #fff;}
.resumen .mediaBox a,.resumen .VideoContainer a{border:0;}

.seccion > * {display:none;}
.seccion.active > * {display:block;}
.seccion:hover .titleSection span.box span {-webkit-animation:flipInY 750ms;-moz-animation:flipInY 750ms;-o-animation:flipInY 750ms;animation:flipInY 750ms;}

.next-button,
.back-button {position:absolute;top:20rem;color:#fff;font-size:100%;display:none;cursor:pointer;}

.resumen .gridBox, .resumen .cell{padding:0;}
.resumen article.cell{height:100%;position:absolute;top:0;}
.resumen .introH1 ~ article.cell {width:60%;height:66.66%;right:0;}
.resumen .introH1 ~ article.cell {background:url('/css/rtve.2016.noticias/resumen-2016/i/resumen2016.jpg');background-size:cover;}
.resumen .cell .videoBox{height:100%;}
.resumen .cell .videoBox, .resumen .cell .videoBox .f16x9{width:100%;position:absolute;margin:0;top:0;left:0;height:100%;}
.resumen .cell .videoBox .f16x9 img{width:auto;height:100%;}

/* BORDES */
.t11,.t12,.t13,
.t21,.t22,.t23,
.t31,.t32,.t33,
.t41,.t42,.t43,
.t51,.t52,.t53,article.cell{display:block;border:solid .2rem #F2F2F2;}

/* TAMANOS */
.t11,.t12,.t13{width:20%;}
.t21,.t22,.t23{width:40%;}
.t31,.t32,.t33{width:60%;}
.t41,.t42,.t43{width:80%;}
.t51,.t52,.t53{width:100%;}

.t11,.t21,.t31,.t41,.t51{height:33.33%;}
.t12,.t22,.t32,.t42,.t52{height:66.66%;}
.t13,.t23,.t33,.t43,.t53{height:100%;}

.p00,.p01,.p02,.p03,.p04,
.p10,.p11,.p12,.p13,.p14,
.p20,.p21,.p22,.p23,.p24,
.p30,.p31,.p32,.p33,.p34{position:absolute;}

/* POSICIONES */
.p00, .p01, .p02, .p03, .p04 {top:0;}
.p10, .p11, .p12, .p13, .p14 {top:33.33%;}
.p20, .p21, .p22, .p23, .p24 {top:66.66%;}
.p30, .p31, .p32, .p33, .p34 {top:100%;}

.p00, .p10, .p20, .p30, .p40 {left:0;}
.p01, .p11, .p21, .p31, .p41 {left:20%;}
.p02, .p12, .p22, .p32, .p42 {left:40%;}
.p03, .p13, .p23, .p33, .p43 {left:60%;}
.p04, .p14, .p24, .p34, .p44 {left:80%;}

.seccion.active > .titleSection.t11{top:0;left:0;}

/* HOME */
.introH1.active, .introH1.active ~ article{display:block;overflow:auto;}
.introH1, .introH1 ~ article {display:none;background:#383838;}
.introH1 > .box{padding:1.2em;}
.introH1 .title {padding:4.214em 0 1.2em 0;text-align:center;color:#646464;font-weight:300;text-transform:uppercase;font-size:280%;display:block;line-height:1;}
.introH1 strong{color:#fff;font-size:420%;width:100%;display:block;text-align:center;font-weight:100;margin-top:-1.2em;}
.introH1 p {text-align:center;color:#b8b8b8;font-size:1.8rem;line-height:1.2;font-weight:300;padding:0.5em 1.5em 0 1.5em;}

.secciones .seccion:not(.active) .titleSection{width:25%;}
#deportes:not(.active) .titleSection{left:25%;}
#cultura:not(.active) .titleSection{left:50%;}
#difuntos:not(.active) .titleSection{left:75%;}

.resumen .blind{display:none;}