@charset 'UTF-8';

@import "base";

@bgray: #dcdddc;

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #333;
	padding: 3px;
}
#tooltip h3, #tooltip div { margin: 0; }

#tooltip h3{
	font-size: 12px;
	color: #fff;
}

.orange{
	color: @orange;
}

.contatti{
	a{
		color: @primaryTextColor;
		
		&:hover{
			color: #000;
		}
	}
}

.photogallery{
	width:560px;
	margin: 0 auto;
	
	.single-photo-wrap{
		float: left;
		width: 60px;
		height: 45px;
		overflow: hidden;
		text-align: center;
		line-height: 60px;
		margin: 10px;
	}
	
}

.second-structure-wrap{
	padding-top: 20px;
	
	&.wrapper{
		width: 660px;
	}
	
	.second-structure{
		
		b{
			color: @primaryTextColor;
		}
		
		&.bg{
			background: @bgray;
			padding: 20px 30px;
		}
		
		&.contatti{
			background: @bgray;
			padding: 20px 0;
		}
		
		&.nopad{
			padding: 20px 0;
		}
		
		.pad{
			padding: 0 30px;
		}
		
		h1, h2, h3{
			font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif;
			padding-bottom: 10px;
			background: url(../img/incision.png) repeat-x bottom center;
			
			&.bold{
				font-weight: bold;
			}
			
			&.black{
				color: @primaryTextColor;
			}
			
			&.no-incision{
				background: none;
			}
		}
		
		h1{
			font-size: 24px;
		}
		
		
		.second-structure-left{
			float: left;
			width: 350px;
		}
		
		.second-structure-right{
			float: right;
			width: 500px;
		}
	}
	
}

.weaves{
	background-image: url(../img/weaves.jpg) !important;
	background-repeat: no-repeat !important;
	
	&.big{
		background-image: url(../img/weaves2.jpg) !important;
	}
	
	&.top{
		background-position: top left !important;
		padding-top: 45px !important;
	}
	
	&.bottom{
		background-position: bottom left !important;
		padding-bottom: 45px !important;
	}
}

.cts{
	
	&.single-person{
		padding: 5px;
		img{
			float: left;
			margin: 0 10px 5px 0;
			border: 1px solid @primaryTextColor;
		}
		
		&.clickable{
			cursor: pointer;
			
			&:hover{
				background-color: #F2F2F2;
			}
		}
		
		.role{
			color: @orange;
			display: block;
			font-weight: bold;
		}
		
		&.floated{
			width: 290px;
			float: left;
		}
	}
	
	.profile-block{
		margin-bottom: 30px;
		
		h2{
			background: no-repeat;
			color: @primaryTextColor;
			padding-bottom: 0;
			margin-bottom: 10px;
		}
	}
	
	.single-person-profile-info{
		margin-left: 15px;
		padding-top: 15px;
		float: left;
		width: 330px;
		
		h1{
			margin-bottom: 10px;
		}
	}
	
	.single-person-profile-cv{
		width: 80px;
		float: right;
		text-align: center;
		padding-top: 50px;
		margin-top: 50px;
		
		a{
			padding-top: 50px;
			background: url(../img/ico_cv.png) no-repeat top center;
			font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif;
			font-size: 15px;
		}
	}
}

ul.list{
	padding-left: 10px;
	
	li{
		margin-bottom: 5px;
		padding-left: 20px;
		background: url(../img/bullet.png) no-repeat left top;
	}
}

.cts-box{
	margin-right: 5px;
	.box(#f2f2f2, 1px solid @primaryTextColor);
	border: 1px solid #999 !important;
	background-color: #e8e8e8 !important;
	
	.box-wrap-container{
		padding: 20px 10px !important;
		
		h2{
			font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif;
			margin-bottom: 5px;
			font-size: 23px;
		}
	}
	
	.cts-thumbs{
		img{
			float: left;
			margin: 5px;
			border: 1px solid #666;
		}
	}
}

.no-incision{
	background: none !important;
}

.profile-title{
	position: relative;
	padding: 15px 0 15px 100px;
	
	img{
		position: absolute;
		left: 0;
		top: 0;
	}
	
	h1{
		padding: 0 0 0 25px !important;
		background: url(../img/profilo_arrow.jpg) no-repeat left center !important;
		line-height: 0.8;
		margin-bottom: 0 !important;
	}
}

.ico{
	padding-left: 45px;
	padding-bottom: 5px;
	background-repeat: no-repeat;
	background-position: left top;
	
	&.sede{
		background-image: url(../img/ico_sede.png);
	}
	
	&.eventi{
		background-image: url(../img/ico_eventi.png);
	}
	
	&.comitato{
		background-image: url(../img/ico_comitato.png);
	}
}


.list-programs-day{
	.programma{
		float: left;
		width: 209px;
		display: inline;
		cursor: pointer;
		background-color: #fff;
		
		&:hover, &.selected{
			border-color: @primaryTextColor;
		}
		
		&.blue{
			background: url(../img/bg_programma_blue.jpg) no-repeat center center;
		}
		
		&.orange{
			background: url(../img/bg_programma_orange.jpg) no-repeat center center;
		}
		
		&.red{
			background: url(../img/bg_programma_red.jpg) no-repeat center center;
		}
		
		.box-wrap-container{
			text-align: center;
			.title-wrap {
				h3{
					color: #fff !important;
					font-size: 20px !important;
				}
			}
			
			.day{
				margin-bottom: 5px !important;
				line-height: 1;
				opacity: 0.8;
				-moz-opacity: 0.8;
				-webkit-opacity: 0.8;
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)"; /* IE 8 */
				filter:alpha(opacity=80); /* IE 4, 5, 6 and 7 */
				zoom:1;
				-khtml-opacity: 0.8;
				
				span{
					background: #fff;
					color: @primaryTextColor !important;
					padding: 0px 5px;
					font-size: 15px;
				}
			}
		}
		
		.box-wrap-container{
			
			box-shadow: none !important;
	-webkit-box-shadow: none !important;
	   -moz-box-shadow: none !important;
			padding: 5px 0;
		}
	}
}

ul.events-listing{
	li.single-event-listed{
		margin-bottom: 20px;
		cursor: pointer;
		
		.single-event-date{
			font-style: italic;
			margin-bottom: 5px;
		}
		
		h2.single-event-title{
			background: none;
			margin-bottom: 2px;
			padding-bottom: 0;
			color: @primaryTextColor;
			padding-left: 10px;
			background: url(../img/listingArrow.png) no-repeat left center;
		}
		
		&:hover{
			.single-event-title{
				color: @orange;
			}
		}
	}
}

.biblioteca-preview{
	margin: 20px 0;
	border: 2px solid @orange;
	padding: 5px;
	background: #f5f5f5 url(../img/bg_biblioteca-previdenza.jpg) no-repeat bottom center;
	
	.pad{
		padding: 0 10px;
	}
	
	.title{
		h1{
			font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif;
			margin-bottom: 5px;
			margin-top: 10px;
		}
		
		p{
			font-size: 14px;
			font-weight: bold;
			line-height: 18px;
			margin-bottom: 0;
		}
	}
	
	.box-container{
		margin-top: 10px;
	}
	
	.box{
		background: #faf7f1;
		*background: ~"darken(#f5efe4,20%)\9"; /* IE Stupido! */
		border-width: 0 1px 1px 1px;
		border-color: #ccc;
		border-style: solid;
		width: 322px;
		float: left;
		display: inline;
		display: inline-block;
		.box_shadow(1px 1px 2px #cdcdcd);
		
		&.news{
			width: 480px;
			margin: 10px 0 0 0;
		}
		
		&.right{
			float: right;
		}
		
		h2{
			margin-bottom: 0;
			padding: 6px 10px 7px;
			background: url(../img/incision.png) repeat-x bottom left @orange;
			color: #fff;
			font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif;
		}
		
		.content{
			&.video{
				padding: 0;	
			}
			
			padding: 10px;
			.box_shadow(inset 0 0 80px #e7d5b9);
		}
	}
	
	.row{
		padding: 20px 0;
		*padding: 12px 0;
		background: url(../img/incision.png) repeat-x bottom left;

		&:last-child{
			background: none;
		}
		
		&.clickable{
			cursor: pointer;
			
			&:hover{
				background-color: #f0f0f0;
				*background-color: transparent;
			}
		
		}
		
		.column{
			float: left;
			display: inline;
			display: inline-block;
			width: 200px;
			color: @primaryTextColor;
			
			&.logo{
				width: 120px;
				text-align: center;
				padding-top: 10px;
			}
			
			h3{
				font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif;
				color: @primaryTextColor;
				margin-bottom: 0;
			}
			
			.writer{
				font-weight: bold;
			}
		}
	}
	
	.news{
		.row{
			padding-left: 10px;

			.column{
				padding-left: 40px;
				width: 420px;
				background: url(../img/ico_biblio_news.png) no-repeat left center;
			}
		}
	}
	
}