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

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

.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.8rem;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.imaBox{border:0;}
.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;}