.timelineLight {

	font-size:12px;

}



.timelineLight h2 {

	font-weight:bold;

	font-size:16px;

	line-height:40px;

	color:#fff;

}



.timelineLight h3 {

	font-weight:bold;

	font-size:16px;

	line-height:40px;

	color:#fff;

}



.timelineLight span {

	font-size:12px;

	color:#aaa;

}



.timelineLight {

	display:none;

}

.timelineLoader {

	width:100%;

	text-align:center;

	padding:150px 0;

}





/* fixed line holder */

.timelineLight .timeline_line {

	width:88%;

}



/* full (including months that are not shown) line holder */

.timelineLight .t_line_holder {

	height:65px;

	background:url('../images/timeline/line.jpg') repeat-x 0px 39px;

}



/* 2 months are stored in one view */

.timelineLight .t_line_view {

	height:20px;

	width:900px;

}







/* holder for 1 month (constist of nodes and month caption) - we use borders to separate months thats why it has width 2px less then 50% */

.timelineLight .t_line_m {

	margin-top:35px;

	height:10px;

	border-left:1px solid #545454;

	border-right:1px solid #545454;

	width:448px;

}



/* month on the right side - has left set at 459 so border would overlap border from first element (to evade duplicated borders) */

.timelineLight .t_line_m.right {

	left:449px;

	width:449px;

}



/* month caption */

.timelineLight h4.t_line_month {

	margin:-30px 0 0;

	color:#fff;

	font-size:16px;

	font-weight:bold;

}





/* node on the timeline */

.timelineLight a.t_line_node {

	text-decoration:none;

	padding:38px 0 4px;

	height:10px;

	font-size:12px;

	top:-25px;

	background:url('../images/timeline/dot.png') no-repeat center 24px;

	color:#ddd;

}

.timelineLight a.t_line_node:hover {

	background:url('../images/timeline/dot-rollover.png') no-repeat center 24px;

}

.timelineLight a.t_line_node.active {

	background:url('../images/timeline/dot-selected.png') no-repeat center 24px;

}



/* node description */

.timelineLight .t_node_desc {

	background: #6C1097;

	top:0;

	color:#fff;

	padding:1px 5px;

}



/* descriptions on right side go from right to left */

.timelineLight .t_line_m.right .t_node_desc {

	right:0;

}



/* line arrow left */

.timelineLight #t_line_left {

	cursor:pointer;

	left:-30px;

	top:30px;

	width:14px;

	height:19px;

	background:url('../images/timeline/arrow.png') no-repeat left top;

}



.timelineLight #t_line_left:hover {

	background:url('../images/timeline/arrow.png') no-repeat left bottom;

}



/* line arrow right */

.timelineLight #t_line_right {

	cursor:pointer;

	right:-30px;

	top:30px;

	width:14px;

	height:19px;

	background:url('../images/timeline/arrow.png') no-repeat right top;

}



.timelineLight #t_line_right:hover {

	background:url('../images/timeline/arrow.png') no-repeat right bottom;

}

.timelineLight {

	display:none;

}



/* items container */

.timelineLight .timeline_items {

	padding:5px 0;

}



/* single item (margines set from javascript) */

.timelineLight .item {

	height:350px;

	text-align:center;

	background:#222 url(../images/bg_menu.png) repeat; 

	color:#545454;

	-moz-box-shadow: -3px 1px 6px rgba(0,0,0,0.4);

	-webkit-box-shadow: -3px 1px 6px rgba(0,0,0,0.4);

	box-shadow: -3px 1px 6px rgba(0,0,0,0.4);

	width:200px;

	cursor:pointer;

	margin-top:10px;

}

.timelineLight .item:hover {

	margin-top:0;

}

.timelineLight .item.item_node_hover {

	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.9);

	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.9);

	box-shadow: 0px 0px 10px rgba(0,0,0,0.9);

}

/* ----- content - non-plugin elements ----- */

.timelineLight .item img {

	margin-top:0;

	width:200px;

}



.timelineLight .con_borderImage {

	border-bottom:5px solid #DDD;

}



.timelineLight .con_borderImage:hover {

	border-bottom:5px solid #6C1097;

}



.timelineLight .item span{

	display:block;

	margin:0px 20px 10px;

	height:50px;

}

.timelineLight .item .read_more {

	padding:2px 8px 2px 10px;

	font-size:12px;

	float:right;

	color:#ffffff;

	background: rgba(0,0,0,0.35);

	cursor:pointer;

}

.timelineLight .item .read_more:hover {

	background:#6C1097;

}

/* ----------------------------------------- */



/* item details (margines set from javascript) */

.timelineLight .item_open {

	height:350px;

	background:url('../images/timeline/background.png') repeat;

	position:relative;

	color:#eee;

	z-index:2; 

	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.4);

	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.4);

	box-shadow: 0px 0px 6px rgba(0,0,0,0.4);

	width:490px;

	

}



/* item details content wrapper (used for animation - shuld have same width as .item_open) */

.timelineLight .item_open_cwrapper {

	width:490px;

	height:100%;

}



.timelineLight .item_open_content {

	width:100%;

	height:100%;

	position:relative;

}



.timelineLight .item_open_content .ajaxloader {

	position:absolute;

	top:50%;

	left:50%;

	margin:-10px 0 0 -100px;

	

}



/* ----- content - non-plugin elements ----- */

.timelineLight .timeline_open_content {

	padding:20px;

}



.timelineLight .item_open h2 {

	margin-top:10px;

	padding-top:0;

	font-size:28px;

}

.timelineLight .item_open .t_close {

	position:absolute;

	bottom:10px;

	right:10px;

	padding:2px 8px 2px 10px;

	font-size:12px;

	color:#ffffff;

	background: rgba(0,0,0,0.25);

	cursor:pointer;

	z-index:2;

}

.timelineLight .item_open .t_close:hover {

	background:#6C1097;

}

/* ----------------------------------------- */



/* left/right controles */

.timelineLight .t_controles {

	margin:10px auto;

	text-align:center;

}

.timelineLight .t_left,

.timelineLight .t_right {

	position:absolute;

	display:inline-block;

	height:50px;

	width:29px;

	margin:10px;

	cursor:pointer;

	top:30%;

}

.timelineLight .t_left,  

.timelineLight .t_left:hover:active {

	background: url('../images/timeline/big-arrow.png') no-repeat left top;

	left:1%;

}

.timelineLight .t_left:hover {

	background: url('../images/timeline/big-arrow.png') no-repeat left bottom;

}



.timelineLight .t_right, 

.timelineLight .t_right:hover:active{

	background: url('../images/timeline/big-arrow.png') no-repeat right top;

	right:1%;

}



.timelineLight .t_right:hover {

	background: url('../images/timeline/big-arrow.png') no-repeat right bottom;

}



.t_left {

	left:-7%;

}



.t_right {

	right:-7%;

}



/* -----------------------------------------------------------------------*/

/* ------------------------------ RESPONSIVE -----------------------------*/

/* -----------------------------------------------------------------------*/







/* --- 768px --- */

@media screen and (max-width:980px) {

	

	.timelineLight .timeline_line {

		width:680px;

	}

	

	.timelineLight .t_line_view {

		width:680px;

	}

	

	.timelineLight .t_line_m {

		width: 338px;

	}

	.timelineLight .t_line_m.right {

		left: 339px;

		width: 339px;

	}

}





/* --- 610px --- */

@media screen and (max-width:767px) {

	

	.timelineLight .timeline_line {

		width:530px;

	}

	

	.timelineLight .t_line_view {

		width:1060px;

	}

	

	.timelineLight .t_line_m {

		width: 528px;

	}

	.timelineLight .t_line_m.right {

		left: 530px;

		width: 528px;

	}

	

	.timelineLight .t_line_node span {

		

	}

	.timelineLight .t_node_desc {

		font-size:8px;

	}

	.timelineLight .t_line_m.right .t_node_desc {

		right:auto;

		left:0;

	}

}





/* --- 300px --- */

@media screen and (max-width:609px) {

	.timelineLight .timeline_line {

		width:240px;

	}

	

	.timelineLight .t_line_view {

		width:480px;

	}

	

	.timelineLight .t_line_m {

		width: 238px;

	}

	.timelineLight .t_line_m.right {

		left: 240px;

		width: 238px;

	}

	

	.timelineLight .item_open {

		width:280px;

		height:390px;

	}

	.timelineLight .item_open img {

		max-width:280px;

	} 

	.timelineLight .item_open_cwrapper {

		width:280px;

	}

}