@charset "utf-8";

/* CSS Document */



.ideaboxNews {

	width: 49%;
	margin-right: 5px;
	margin-bottom: 20px;
	/*border: 2px solid #000;*/

	height: auto;
	overflow: hidden;

	background: #f2f2f2;

	line-height: 1;

	font-size: 100%;

	position: relative;

	display: none;
	float: left;

}

.ideaboxNews>h3 {

	font-size: 18px;

	font-weight: bold;

	margin: 0;

	display: block;

	padding: 20px;

	box-sizing: border-box;

	background: #723b64;

	color: #FFF;

}

.ideaboxNews>ul {

	padding: 0;

	margin: 0;

	position: relative;

	width: 100%;

	box-sizing: border-box;

	list-style: none;

	display: block;

	overflow: hidden;

	height: 360px;

}

.ideaboxNews>ul li {

	display: block;

	width: 100%;

	box-sizing: border-box;

	overflow: hidden;

	cursor: pointer;

	position: relative;

}

.ideaboxNews>ul li:hover {

	background: #DDD;

}

.ideaboxNews>ul li:hover .in-image>span {

	width: 86px;

}

.ideaboxNews>ul li:hover .in-image>span>h6 {

	opacity: 0.8;

}

.ideaboxNews>ul li>.in-image {

	width: 86px;

	height: 80px;

	position: absolute;

	background: #FFF;

	overflow: hidden;

}

.ideaboxNews>ul li>.in-image>img {

	width: 80px;

	height: 80px;

	position: relative;

}

.ideaboxNews>ul li>.in-image>span {

	position: absolute;

	right: 0;

	width: 6px;

	height: 100%;

	background: #0CC;

	text-align: center;

	padding-top: 35px;

	box-sizing: border-box;

}

.ideaboxNews>ul li>.in-image>span>h6 {

	display: block;

	width: 100%;

	padding: 0;

	margin: 0;

	font-size: 12px;

	font-weight: normal;

	opacity: 0;

	color: #FFF;

}

.ideaboxNews>ul li>.in-content {

	width: 100%;

	height: 80px;

	box-sizing: border-box;

	padding: 10px 0 10px 96px;

	position: relative;

}

.ideaboxNews>ul li>.in-content>h2 {

	padding: 0;

	margin: 0;

	font-size: 14px;

	white-space: nowrap;

	text-overflow: ellipsis;

	width: 100%;

	overflow: hidden;

	opacity: 0.8;

	display: block;

	text-transform: uppercase;

}

.ideaboxNews>ul li>.in-content>span {

	font-size: 12px;

	opacity: 0.6;

	display: block;

	white-space: nowrap;

	text-overflow: ellipsis;

	width: 100%;

	overflow: hidden;

	margin-top: 4px;

	text-transform: uppercase;

}

.ideaboxNews>ul li>.in-content>div {

	padding: 0;

	margin: 0;

	font-size: 14px;

	height: 20px;

	display: block;

	margin-top: 6px;

	white-space: nowrap;

	text-overflow: ellipsis;

	width: 100%;

	overflow: hidden;

	opacity: 0.8;

}

.ideaboxNews .in-viewer {

	position: absolute;

	width: 100%;

	top: 60px;

	bottom: 0;

	background: #f2f2f2;

	display: none;

}

.ideaboxNews .in-viewer-header {

	width: 100%;

	height: 80px;

	background: #DDD;

	position: relative;

	padding: 20px 40px 20px 20px;

	box-sizing: border-box;

}

.ideaboxNews .in-viewer-header>img {

	width: 40px;

	height: 40px;

	display: block;

	position: absolute;

}

.ideaboxNews .in-viewer-header>div {

	width: 100%;

	height: 40px;

	display: block;

	box-sizing: border-box;

	padding-left: 60px;

	font-size: 18px;

}

.ideaboxNews .in-viewer-header>div>h2 {

	width: 100%;

	padding: 0;

	margin: 0;

	display: block;

	box-sizing: border-box;

	font-size: 18px;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	text-transform: uppercase;

}

.ideaboxNews .in-viewer-header>div>span {

	font-size: 12px;

	width: 100%;

	display: block;

	opacity: 0.6;

	font-weight: normal;

	margin-top: 6px;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

	text-transform: uppercase;

}

.ideaboxNews .in-viewer-content {

	width: 100%;

	box-sizing: border-box;

	padding: 20px;

	line-height: 1.4;

	font-size: 14px;

	position: absolute;

	bottom: 0;

	left: 0;

	right: 0;

	top: 80px;

}

.ideaboxNews .in-viewer-close {

	position: absolute;

	right: 20px;

	top: 20px;

	display: block;

	width: 24px;

	height: 24px;

	background: url(../img/in-close-icon.png) center no-repeat;

	cursor: pointer;

	opacity: 0.5;

}

.ideaboxNews .in-viewer-close:hover {

	opacity: 1;

}

/*OTHERS------------------------------------------*/

.in-easing li, .in-easing .in-image span {

	transition: .15s linear;

	-moz-transition: .15s linear;

	-webkit-transition: .15s linear;

}

.in-easing .in-image span h6 {

	transition: .35s linear;

	-moz-transition: .35s linear;

	-webkit-transition: .35s linear;

}

.in-leftfixed {

	position: fixed;

	left: 0;

	top: 0;

	bottom: 0;

	z-index: 99;

	display: block;

}

.in-rightfixed {

	position: fixed;

	right: 0;

	top: 0;

	bottom: 0;

	z-index: 99;

	display: block;

}

.in-relative {

	display: block;

}

.ideaboxNews>ul li>.in-image>span.in-red {

	background: #d05e5e;

}

.ideaboxNews>ul li>.in-image>span.in-blue {

	background: #2d4c8d;

}

.ideaboxNews>ul li>.in-image>span.in-purple {

	background: #b6568d;

}

.ideaboxNews>ul li>.in-image>span.in-yellow {

	background: #ffaa31;

}

.ideaboxNews>ul li>.in-image>span.in-green {

	background: #6cbe42;

}

.ideaboxNews>ul li>.in-image>span.in-orange {

	background: #ea9739;

}

.ideaboxNews>ul li>.in-image>span.in-grey {

	background: #666666;

}

.ideaboxNews>ul li>.in-image>span.in-darkblue {

	background: #5674b6;

}

.ideaboxNews>ul li>.in-image>span.in-turquoise {

	background: #6cbe42;

}

/*    DOPPIONE    */