@charset 'UTF-8';

@import "base";

.centered(@w: 1000px){
	left: 50%;
	margin-left: (@w / 2) - @w;
	position: relative;
	width:@w;
}

/* 
	Stick Footer to the Bottom 
	http://ryanfait.com/resources/footer-stick-to-bottom-of-page/
*/

html, body {
	height: 100%;
}

.wrapper-all {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -290px;
}
.push{
	height: 295px;
}

/* Stick Footer to the Bottom */

#logo{
	.centered(970px);
	position: absolute;
	z-index: 1;
	top: 0;
	width: 271px;
	padding-left: 10px;
	img{
		position: relative;
		.box_shadow(0px 1px 3px #272727);
		/* .pie(); */
	}
	
	h1{
		position: absolute;
		left: 0;
		width: 100%;
		text-align: center;
		bottom: 30px;
		font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif;
		color: #969480;
		z-index: 10;
		font-size: 25px;
		text-shadow: 0 0 20px #fff;
	}
	
	&.page{
		img{
			//height: 230px;
		}
	}
}

.header-wrap-all{
	position: relative;
}

#header-wrapper{
	background: url(../img/headerBg.png) repeat-x center bottom;
	height: 100px;
	
	.header{
		.centered(980px);
		height: 100%;
	}
}

#header-bottom-wrapper{
	background-color: @orange;
	border-bottom: 1px solid #f0f0f0;
	text-align: center;
}

#menu{
	position: absolute;
	right: 0;
	bottom: 15px;
	z-index: 10;
	*height: 42px;
	border: 1px solid #313232;
	background: url(../img/bgMenu.png) repeat;
	.box_shadow(0px 1px 3px #272727);
	.pie();
	
	ul.nav{
		display: inline;
		
		li.nav-item{
			display: inline;
			position: relative;
			float: left;
			padding: 16px 10px 12px;
			background: url(../img/divisor.png) no-repeat center right;
			
			a.item{
				font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif;
				font-size: 17px;
				.antialias();
				color: #a0a0a0;
				padding: 16px 0 12px;
				*padding: 0;
				.text_shadow(0, 1, 5, #000);
			}
			
			&:hover, &.selected{
				background: url(../img/bgMenuHover.png) repeat;
				
				a.item{
					color: #fff;
				}
			}
		}
	}
}

.wrapper-all{
	.centered(980px);
	z-index: 10;
	
	&.page{
		padding-top: 40px;
	
		.sidebar{
			padding-top: 20px;
			margin-right: 0;
			width: 310px;
			
			.elem{
				margin-right: 10px;
			}
		}

	}
	
	.sidebar{
		padding-top: 100px;
		float: left;
		display: inline;
		width: 300px;
		height: 100%;
		margin-right: 10px;
		
		.box-wrap{
			margin-bottom: 25px !important;
			
			.box-wrap{
				margin-bottom: 5px !important;
			}
		}
	}
	
	.wrapper{
		float: right;
		display: inline;
		width: (980px - 310);
		padding-top: 20px;
	}
	
	.box-wrap{
		
		&.clickable{
			cursor: pointer;
			
			&:hover{
				background: #fff;
			}
		}
		
		&.tpl-wrap{
			.box(#f2f2f2, 2px solid @primaryTextColor);
			/* .background_gradient(#f4f4f4, @primaryTextColor); */
		}
		
		&.tpl-thin{
			.box(#f2f2f2, 2px solid #fff);
			margin-bottom: 5px;
			
			.box-wrap-container{
				.box_shadow(inset 0 0 10px #d3d3d3);
				padding: 5px 0;
			}
		}
		
		&.past-events{
			.box-wrap{
				.box(#e4e9ee, 2px solid #fff);
				
				.box-wrap-container{
					.title-wrap{
						padding: 5px 5px 2px;
						background: url(../img/incision.png) repeat-x bottom center;
						margin-bottom: 10px;
						
						.date, .title{
							margin-bottom: 5px;
							
							h2, h3{
								font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif;
								.antialias();
								margin-bottom: 5px;
								font-size: 18px;
								color: #708ba6;
								line-height: 1;
							}
							
							&.date{
								span{
									background: #fff;
									padding: 1px 5px 0;
								}
								
								h2{
									color: @primaryTextColor;
								}
							}
							
							&.title{
								padding-left: 5px;
								
								h3{
									font-size: 23px;
								}
							}
						}
					}
					
					.abstract{
						padding: 0 20px;
					}
				}
			}
		}
		
		&.video-container{
			.box(#f2f2f2, 4px solid #fff);
			margin: 20px 0;
		}
		
		&.news{
			margin: 20px 0;
			.box(#f2f2f2, 4px solid @orange);
			
			&.cv{
				h3{
					color: @orange !important;
					font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif !important;
				}
				
				.title-wrap{
					img{
						float: left;
						margin-right: 20px;
						.box_shadow(1px 1px 2px @shadow);
					}
					
					p{
						font-family: Arial, Arial, Helvetica, sans-serif;
					}
					
					
					&:hover{
						background-color: transparent !important;
					}
				}
				
				.abstract{
					h3{
						font-size: 20px;
						margin-top: 20px;
						margin-bottom: 10px;
					}
				}
			}
			
			.box-title-wrap{
			
				span.title{
					background-color: @orange;
				}
			}
			
			.box-wrap{
				.box-wrap-container{
					/* .box_shadow(inset 0 0 100px @orange); */
					//padding: 0;
				}
			}
			
			.box-wrap-container{
				.box-wrap{
					.box-wrap-container{
						padding: 0;
					}
				}	
				.title-wrap{
					margin-bottom: 0;
					padding: 5px 5px 5px 0px;
					background: url(../img/incision.png) repeat-x top center;
					
					&:first-child{
						background: none;
					}
					
					&:hover{
						background-color: #f6f6f6;
					}
					
					p{
						margin-bottom: 5px;
						padding: 0 !important;
					}
					
					.single-news{
						padding-left: 40px;
						background: url(../img/file-pdf.png) no-repeat 10px 3px;
						cursor: pointer;
						
						.title{
							font-weight: bold;
						}
					}
				}
			}
		}
		
		&.jolly{
			.box(#f2f2f2, 1px solid #fff);
			
			.box-wrap-container{
				.box_shadow(inset 0 0 100px #d3d3d3);
			
				.title-wrap{
					padding: 15px 15px 2px;
					background: url(../img/incision.png) repeat-x bottom center;
					margin-bottom: 10px;
					
					.date, .title{
						margin-bottom: 5px;
						
						h2, h3{
							font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif;
							.antialias();
							margin-bottom: 5px;
							font-size: 18px;
							color: @orange;
							line-height: 1;
						}
						
						&.date{
							span{
								background: @orange;
								padding: 1px 5px 0;
							}
							
							h2{
								color: #fff;
							}
						}
						
						&.title{
							padding-left: 5px;
							
							h3{
								font-size: 23px;
							}
						}
					}
				}
				
				.abstract{
					padding: 0 20px;
				}
			}
		}
		
		&.preview{
			.title-wrap{
				padding-left: 80px !important;
			}
			
			.abstract{
				padding-top: 10px;
			}
			
			.preview-label{
				position: absolute;
				top: 5px;
				left: 5px;
				z-index: 5;
			}
			
			.box-wrap-container{
				.title-wrap{
					padding: 5px 5px 2px;
					background: url(../img/incision.png) repeat-x bottom center;
					margin-bottom: 10px;
					
					.date, .title{
						margin-bottom: 5px;
						
						h2, h3{
							font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif;
							.antialias();
							margin-bottom: 5px;
							font-size: 18px;
							color: @primaryTextColor;
							line-height: 1;
						}
						
						&.date{
							span{
								background: @primaryTextColor;
								padding: 1px 5px 0;
							}
							
							h2{
								color: #fff;
							}
						}
						
						&.title{
							padding-left: 5px;
							
							h3{
								font-size: 23px;
							}
						}
					}
				}
				
				.abstract{
					padding-left: 30px;
				}
			}
		}
		
		.box-title-wrap{
			text-align: center;
			font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif;
			.antialias();
			color: #fff;
			line-height: 1;
			padding-top: 5px;
			margin-top: -15px;
			margin-top: ~"0\9";
			font-size: 19px;
			margin-bottom: 10px;
			
			span.title{
				background: @primaryTextColor;
				padding: 2px 10px 1px;
				padding: ~"3px 10px 4px\9";
				line-height: 1;
				letter-spacing: 0.5px;
			}

		}
		
		.box-wrap-container{
			padding: 0 4px 6px;
			position: relative;
			
			.title-wrap{
				padding: 5px 5px 2px;
				
				.date, .title{
					margin-bottom: 5px;
					
					h2, h3{
						font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif;
						.antialias();
						margin-bottom: 5px;
						font-size: 18px;
						color: @primaryTextColor;
						line-height: 1;
					}
					
					&.date{
						span{
							background: #fff;
							padding: 1px 5px 0;
						}
						
						h2{
							color: @primaryTitleColor;
						}
					}
					
					&.title{
						padding-left: 5px;
						
						h3{
							font-size: 23px;
						}
					}
				}
				
				img{
					vertical-align: middle;
				}
				
				a{
					font-family: Arial, Arial, Helvetica, sans-serif;
				}
			}
			
			.box-buttons{
				padding: 5px 10px 0;
				background: url(../img/incision.png) repeat-x top center;
				text-align: right;
				a{
					color: darken(@primaryTextColor, 5%);
					.text_shadow(0, 0, 3px, @primaryTextColor);
					
					&:hover{
						color: darken(@primaryTextColor, 50%);
					}
				}
			}
		}
	}
}

.menu-event{
	margin-bottom: 20px;
	padding-right: 4px;

	ul.nav-event{
		text-align: right;
		
		li{
			margin-bottom: 2px;
			padding: 1px 0;
			background: url(../img/menuEventBg.png) repeat-x top center;
			position: relative;
			
			a{
				display: block;
				padding: 3px 10px 3px 25px;
				background: url(../img/menuEventSprite.png) no-repeat;
				color: #fff;
				font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif;
				font-size: 17px;
				line-height: 1;
				letter-spacing: 1px;
				white-space: nowrap;
				border-right: 1px solid @orange;
				margin: 0 20px;
				
				&:hover, &.selected{
					color: @orange;
				}
				
				&.video{
					background-position: 0px -96px;
				}
				
				&.details{
					background-position: 0px -32px;
				}
				
				&.gallery{
					background-position: 0px -64px;
				}
				
				&.home{
					background-position: 0px 0px;
				}
				
				&.partners{
					background-position: 0px -128px;
				}
				
				&.profile{
					background-position: 0px -160px;
				}
				
				&.cts{
					background-position: 0px -192px;
				}
				
				&.current-events-year{
					background-position: 0px -288px;
				}
				
				&.current-events{
					background-position: 0px -256px;
				}
			}
			
			&.subnav-exist{
				ul.subnav-event{
					display: none;
				}
				
				&.active{
					ul.subnav-event{
						display: block;
					}
				}
			}
			
			ul.subnav-event{
				padding-top: 3px;
				
				li{
					background-image: url(../img/submenuEventBg.png);
					
					&:last-child{
						margin-bottom: 0;
					}
				}
			}
		}
	}
	
	.event-switch{
		background-image: url(../img/submenuEventBg.png);
		
		a{
			display: block;
			float: left;
			padding: 3px 10px 3px 10px;
			color: #fff;
			font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif;
			font-size: 17px;
			line-height: 1;
			letter-spacing: 1px;
			white-space: nowrap;
			//width: 50%;
			margin: 0 0 0 20px;
			border-left: 1px solid #000;
			border-right: 1px solid #ccc;
			padding-right: 30px;
			
			&.right{
				float: right;
				border-left: 0;
				border-right: 1px solid #000;
				margin: 0 20px;
				padding-right: 10px;
			}
			
			&:hover{
				color: @orange;
			}
		}
	}
}

#footer-wrap{
	width: 100%;
	height: 295px;
	position: relative;
	z-index: 10;
	margin-top: 20px;
	
	.footer{
		.centered(960px);
	}
	
	.footer-wrap-top{
		background: url(../img/bgFooter.png) repeat-x;
		height: 260px;
		
		.footer{
			height: 80%;
			border-top: 3px solid @orange;
			padding: 20px 0 10px 50px;
		}
	}
	
	.footer-wrap-bottom{
		position: relative;
		width: 100%;
		background: #3d3d3d;
		padding: 3px 0;
		color: #8c8c8c;
		font-size: 11px;
		
		.footer{
			left: auto;
			margin: 0 auto;
			
			.cols{
				float: left;
				display: inline;
				width: 50%;
				padding-top: 5px;
			}
		}
		
		a{
			color: #8c8c8c;
			
			&:hover{
				color: #fff;
			}
		}
	}
	
	.col{
		float: left;
		width: 60%;
		padding: 10px;
		height: 100%;

		&.first{
			width: 35%;
			padding-top: 40px;
		}
	}
	
	.socials{
		position: absolute;
		right: 55px;
		bottom: 10px;
	}
	
	#footer-menu{
		height: 100%;
		
		.col{
			padding: 10px 0 0 10px;
			float: left;
			display: inline;
			width: 31%;
			height: 100%;
			background: url(../img/footerIncision.png) no-repeat left center;
			font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif;
			font-size: 18px;
			line-height: 1;
			
			li.nav-item{
				margin-bottom: 10px;
				
				.footer-sub-nav{
					padding-left: 8px;
					font-family: Arial, Arial, Helvetica, sans-serif;
					font-size: 12px;
					font-style: italic;
					
					li{
						margin-bottom: 3px;
					}
				}
			}
			
			a{
				color: #8c8c8c;
				
				&:hover{
					color: #fff;
				}
			}
		}
		
	}
}

.page{
	.wrapper{
		.box-wrap{
			.box-wrap-container{
				padding-top: 6px;
				
				.title-wrap{
					margin: 0 15px;
					
					.date{
						background-color: @primaryTextColor;
						padding: 10px;
						
						h2{
							font-size: 21px;
						}
						
						h2, h3{
							color: #fff;
						}
						
						.subtitle{
							font-family: Arial, Arial, Helvetica, sans-serif;
							font-size: 14px;
						}
					}
					
					.title{
						font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif;
						
						h4{
							font-size: 18px;
							color: lighten(@primaryTextColor, 10%);
						}
					}
					
					h2, h3, h4{
						margin-bottom: 0;
					}
				}
				
				.abstract{
					overflow: auto;
					margin-top: 5px;
					background: url(../img/incision.png) repeat-x center top;
					padding: 15px 20px;
				}
			}
		}
	}
}

div.block{
	margin-bottom: 5px;
	margin-top: 10px;
	padding-bottom: 10px;
	background: url(../img/incision.png) repeat-x center bottom;
	
	h2{
		font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif;
		font-size: 18px;
		color: @primaryTitleColor;
		margin-bottom: 5px;
		
		&.date{
			font-size: 16px;
			color: @primaryTextColor;
		}
		
		p{
			margin-bottom: 0px;
		}
	}
	
	img{
		vertical-align: middle;
		margin-right: 5px;
	}
	
	.download{
		width: 350px;
		float: right;
	}
	
	iframe{
		float: left;
	}
}

.video-materiali{
	.abstract, .box{
		.title-wrapper{
			padding: 10px;
			background-color: @primaryTitleColor;
			margin-bottom: 10px;
			
			h2{
				margin-bottom: 0;
				font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif;
				font-size: 20px;
				color: #fff;
				line-height: 1;
				
				&.date{
					font-family: Arial, Arial, Helvetica, sans-serif;
					font-size: 14px;
					margin-bottom: 5px;
				}
			}
		}
	}
}


.accordion-wrap{
	
	.single-accordion-title{
		cursor: pointer;
		
		.block{
			padding-bottom: 2px;
		}
	}
	
	.single-accordion-content{
		height: 0;
		overflow: hidden;
		
		.content{
			background: url(../img/incision.png) repeat-x center bottom;
			padding-bottom: 5px;
		}
		
		li{
			.block{
				float: left;
				width: 85%;
				
				&.time{
					width: 15%;
					*width: 14%;
					background: none;
					text-align: center;
					padding-top: 20px;
				}
			}
			
			&:last-child .block{
				background: none;
			}
		}
		
	}

}

.banner{
	text-align: right;
	
	img{
		.box_shadow(1px 1px 2px @shadow);
	}
}

.cv{
	h4{
		color: @primaryTextColor;
		margin-bottom: 5px;
		font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif;
	}
	
	.title-wrap{
		background: url(../img/incision.png) repeat-x center bottom !important;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.abstract{
		padding: 0 10px;
		overflow: auto;
	}
}

form{
	input{
		background: lighten(@primaryTextColor, 80%);
		border: 1px solid lighten(#999, 10%);
		padding: 5px 10px;
		display: block;
		width: 90%;
		.box_shadow(inset 1px 1px 1px #ccc);
	}
	
	.field{
		float: left;
		width: 48%;
		margin-bottom: 5px;
		display: inline;
	}
	
	.autorization{
		float: left;
		display: inline
		width: 80%;
	}
	
	input[type="submit"], input#submit-congress, input#submit{
		float: right;
		width: auto;
		display: inline;
		border: 0;
		padding: 3px 5px 1px;
		background: @primaryTextColor;
		font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif;
		color: #fff;
		letter-spacing: 1px;
		font-size: 18px;
		margin-right: 35px;
		.box_shadow(none);
		cursor: pointer;
		
		&:active{
			background: #fff;
			color: @primaryTextColor;
		}
	}
}

.error{
	span{
		font-weight: bold;
	}
}

.anchors{
	margin-bottom: 30px;
	
	.block{
		cursor: pointer;
	}
}

.back{
	text-align: right;
	padding: 5px 10px 5px 5px;
	margin: 5px 0 10px;
	
	a{
		font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif;
		font-size: 16px;
		color: @primaryTextColor;
		
		&:hover{
			color: @primaryTitleColor;
		}
	}
	
}

.more{
	text-align: right;
	
	a{
		font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif;
		font-size: 16px;
		color: @primaryTextColor;
		
		&:hover{
			color: @orange;
		}
	}
}

.bg-dif{
	background-color: #708ba6 !important;
	text-align: center !important;
	padding-bottom: 5px !important;
	padding-top: 8px !important;
	
	a{
		font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif;
		color: #fff !important;
		font-size: 18px;
		
	}
}

.under{
	border: 4px solid @orange;
	padding: 20px;
	line-height: 1;
	text-align: center;
	
	h1{
		font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif;
		font-size: 26px;
		margin-bottom: 0;
		line-height: 1;
	}
}

.event-info{
	padding: 10px;
	color: @primaryTitleColor;
	
	h1, h2, h3{
		font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif;
		color: @primaryTitleColor;
		margin-bottom: 3px;
		line-height: 1;
		font-size: 21px;
		.text_shadow(0, 1px, 0, #fff);
	}
	
	p{
		margin-bottom: 3px;
		/* font-weight: bold; */
		color: saturate(@primaryTitleColor, 15%);
		.text_shadow(0, 1px, 0, #fff);
	}
}