@import url("TE_SJUIPRO.items.diario.css");
@import url("TE_SJUIPRO.basics.diario.css");

/* DIARIO DE CAMPANA */
.container .grid .gridBox .inf-timeLine .grid .cell .mediaBox,
.container .grid .gridBox .inf-timeLine .grid .cell .mod .mediaBox{width:100%;border-right:2rem solid transparent;border-bottom:0;margin:0;}
/*types*/
.inf-timeLine .eventBox .txtBox, .inf-timeLine .eventBox .auxBox{overflow:hidden;}
.inf-timeLine ul li {background:#fafafa;width:100%;}
.inf-timeLine .evento{background:#fafafa;float:left;}
.inf-timeLine ul li .cell {padding:0;position:relative;width:61%;}

.inf-timeLine .active .eventBox, .inf-timeLine .timeLine_active .eventBox {display:inline-block;width:100%;float:left;}
.inf-timeLine .eventBox .maintitle {font-size:3rem;}
.inf-timeLine .eventBox .auxBox {font-size:1.6rem;line-height:2.2rem;}

/*time line*/
.items.blindBox li {float:left;padding:3rem 0;}
.items.blindBox .anio {padding-right:.2rem;}
.items.blindBox .day,.items.blindBox .month{padding-right:.2rem;}


.inf-timeLine .controlBox .ico img {height:4rem;width:4rem;}
.inf-timeLine .controlBox .arrow{width:4.4rem;height:4.4rem;cursor:pointer;}
.inf-timeLine .cell.pagBox {cursor:pointer;}

/*destacado*/
.container .grid .gridBox .inf-timeLine .grid .width100 article{width:100%;}
.container .grid .gridBox .inf-timeLine .grid .width100 article .mediaBox,
.container .grid .gridBox .inf-timeLine .grid .width100 article .mediaBox.imaBox{border:0;}
.inf-timeLine .grid .width100 .mediaBox .f16x9{padding-top:33.33%;}
.inf-timeLine .grid .width100 .overBox {width:75%;}
.inf-timeLine .eventBox.width100 .auxBox a:hover {color:#fff;border-color:#fff;}

.inf-timeLine .grid .width100 .overBox .txtBox .maintitle{font-size:3.6rem;}

/*positioning*/
.inf-timeLine .controlBox {position:absolute;bottom:0;right:0;}