@charset 'UTF-8';
/* CSS Document */


/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing=0' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* =Clearfix (all browsers)--------------------------------*/
.clearfix:after {
	content: ;
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}

/* IE6 */ 
* html .clearfix {
	height: 1%;
	font-size: 0;
}

/* IE7 */
*:first-child+html .clearfix {
	min-height: 1px;
	font-size: 0;
}

.clearfix{
	clear:both;
	font-size: 0;
}
/* =Clearfix (all browsers)--------------------------------*/


/**

Basic colors:

**/

@red: #e74438;
@applegreen: #91cc1e;
@blue: #2abadb;
@green: #5b9a8b;
@darkorange: #e59000;
@orange: #ee932a;
@gray: #525252;

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('../font/bebasneue-webfont.eot');
    src: url('../font/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/bebasneue-webfont.woff') format('woff'),
         url('../font/bebasneue-webfont.ttf') format('truetype'),
         url('../font/bebasneue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body{
	height: 100%;
}

body{
	background: #fff;
	font-family: Georgia, "Trebuchet MS", serif;
	font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
	font-size: 13px;
	line-height: 20px;
	color: #878786;
	color: #666666;
}

h1, h2, h3, h4, h5, h6{
	.antialias;
	
	font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1;
	
	&.nofont{
		font-family: Georgia, Georgia, serif;
		font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
		filter: ~"";
		text-transform: none;
		zoom: ~"";
	}
	
}

h1{ font-size: 40px; }

h2{ font-size: 20px; }

h3{ font-size: 18px; }

p, a, b, span,
h1, h2, h3, h4, h5, h6{
	&.red{
		color: @red;
	}
	
	&.blue{
		color: @blue;
	}
	
	&.green{
		color: @green;
	}
	
	&.applegreen{
		color: @applegreen;
	}
	
	&.orange{
		color: @orange;
	}
		
	&.darkorange{
		color: @darkorange;
	}
}

.rounded-corners (@radtl: 2px, @radtr: 2px, @radbr: 2px, @radbl: 2px) {
	border-radius: @arguments;
	-webkit-border-radius: @arguments;
	-moz-border-radius: @arguments;
	behavior: url(../css/PIE.htc);
}

.box-shadow(@x: 0, @y: 0, @blur: 5px, @color: #666){
	box-shadow: @arguments;
	-moz-box-shadow: @arguments;
	-webkit-box-shadow: @arguments;
}

.antialias(){
	filter: ~"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../css/hIEfix.png',sizingMethod=crop)";
	zoom: 1;
	-webkit-transform: rotate(0.0001deg);
}

#wrapper-container{
	height: auto !important;
	height: 100%;
	margin: 0 auto -130px;
	min-height: 100%;
}

.push{
	height: 130px;
}

.wrapper{
	z-index: 10;
	padding: 40px 0;
}

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

.top-head-wrap{
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;
	
	.top-line{
		background-color: #333;
		padding: 2px 0;
		width: 100%;
	}
	
	.top-head-cont{
		color: #fff;
		font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif;
		text-align: right;
		font-size: 13px;
	}
}

.logo{
	float: left;
}

.top-btn-wrap{
	position: absolute;
	right: 0;
	top: 20px;
}

.menu{
	display: inline;
	float: right;
	padding-top: 80px;
}

ul.nav{
	li.nav-item{
		.antialias;
		
		display: inline;
		font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif;
		font-size: 20px;
		padding: 0 10px;
		
		a.item{
			color: #878786;
			*display: block;
			text-decoration: none;
			padding-bottom: 5px;
			
			&:hover, &.selected{
				background: url(../img/row.png) repeat-x left bottom;
				color: #eaeaec;
			}
		}
	}
}

/**
	box class
**/

.box{
	
	&.courses-preview{
		cursor: pointer;
		display: inline;
		float: left;
		margin: 0 4px;
		width: 230px;
		
		&.active{
			
			
			&.red .headline{
				background-color: darken(@red, 10%);
			}
			
			&.applegreen .headline{
				background-color: darken(@applegreen, 10%);
			}
						
			&.darkorange .headline{
				background-color: darken(@darkorange, 10%);
			}
			
			&.blue .headline{
				background-color: darken(@blue, 10%);
			}
			
			.box-content{
				background-color: #fff;
			}
		}
		p.date{
			position: absolute;
			bottom: 5px;
			font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif;
			font-size: 14px;
			left: 10px;
			
			span{
				color: #606060;
			}
		}
		
		.box-content{
			min-height: 95px;
		}
	}
	
	&.foreground{
		display: inline;
		float: right;
		margin-right: 16px;
		margin-top: 10px;
		
		.box-content{
			min-height: 55px;
			padding-bottom: 10px;
		}
		
		.ico{
			background-position: -165px 0;
			width: 40px;
		}
		
		.title{
			margin-bottom: 0;
		}
	}
	
	&.master-preview{
		display: inline;
		float: right;
		margin: 0 4px;
		position: relative;
		width: 266px;

		&.green{
			.box-content{
				background-color: @green;
				padding: 15px 10px 16px 50px;
				-moz-box-shadow: 0 0 60px #406e63 inset;
				-webkit-box-shadow: 0 0 60px #406e63 inset;
				box-shadow: 0 0 60px #406e63 inset;
			}
			
			.box-content-wrap{
				border-color: #518a7c;
				background-color: #a9c5bf;
			}
			
			.btn-wrap{
				width: auto;
			}
			
			h1.title, h1.title a{
				color: #accac3;
				text-decoration: none;
			}
			
			h2.sub-title{
				color: #fff;
				font-size: 18px;
			}
			
			.date{
				bottom: auto;
				color: #accac3;
				position: relative;
				left: auto;
				margin-bottom: 20px;
				margin-top: 10px;
				
				span{
					color: #fff;
				}
			}
		}
		
		&.darkorange{
			.box-content{
				background-color: @darkorange;
				padding: 15px 10px 16px 50px;
				-moz-box-shadow: 0 0 60px #dc8a00 inset;
				-webkit-box-shadow: 0 0 60px #dc8a00 inset;
				box-shadow: 0 0 60px #dc8a00 inset;
			}
			
			.box-content-wrap{
				border-color: #ed9500;
				background-color: #fff;
			}
			
			.btn-wrap{
				width: auto;
			}
			
			h1.title, h1.title a{
				color: lighten(@darkorange, 40%);
				text-decoration: none;
			}
			
			h2.sub-title{
				color: #fff;
				font-size: 18px;
			}
			
			.date{
				bottom: auto;
				color: lighten(@darkorange, 40%);
				position: relative;
				left: auto;
				margin-bottom: 20px;
				margin-top: 10px;
				
				span{
					color: #fff;
				}
			}
		}
		
		.ico{
			background-position: -126px 0;
			height: 70px;
			left: 10px;
			right: auto;
			top: 45px;
			width: 34px;
		}
	}
	
	.headline{
		background: url(../img/row_10.png) repeat top left;
		height: 15px;
		margin-bottom: 10px;
		.rounded-corners(0, 0, 3px, 3px);
	}
	
	.ico{
		height: 53px;
		position: absolute;
		right: 2px;
		top: 2px;
		width: 42px;
		background: url(../img/sprite_ico.png) no-repeat center center;
	}
	
	&.red{
		.headline{
			background-color: @red;
		}
		
		.sub-title{
			color: @red;
		}
		
		.ico{
			background-position: 0 0;
		}
	}
	
	&.applegreen{
		.headline{
			background-color: @applegreen;
		}
		
		.sub-title{
			color: @applegreen;
		}
		
		.ico{
			background-position: -42px 0;
		}
	}
	
	&.green{
		.headline{
			background-color: @green;
		}
		
		.sub-title{
			color: @green;
		}
	}
		
	&.darkorange{
		.headline{
			background-color: @darkorange;
		}
		
		.sub-title{
			color: @darkorange;
		}
	}
	
	&.blue{
		.headline{
			background-color: @blue;
		}
		
		.sub-title{
			color: @blue;
		}
		
		.ico{
			background-position: -84px 0;
		}
	}
	
	.box-content-wrap{
		.rounded-corners(3px, 3px, 3px, 3px);
		
		background-color: #f9f9f9;
		border: 1px solid #eaeaea;
		padding: 1px;
	}
	
	.box-content{
		.rounded-corners(3px, 3px, 3px, 3px);
		
		-moz-box-shadow: 0 0 60px #dfdfdf inset;
		-webkit-box-shadow: 0 0 60px #dfdfdf inset;
		background-color: #f5f6f8;
		box-shadow: 0 0 60px #dfdfdf inset;
		padding: 15px 10px 40px;
		position: relative;
	}
	
	h1, h2{
		font-size: 16px;
		letter-spacing: 0;
		text-transform: uppercase;
		
		&.title, &.title a{
			color: #606060;
			margin-bottom: 15px;
			text-decoration: none;
		}
		
		&.title a{
			margin-bottom: 0;
		}
	}
}

/**
	end box class
**/


/**
	btn class
**/

.btn-wrap{
	padding: 10px;
	position: relative;
	float: left;
	
	&.subscription{
		margin: 20px 0 0 25px;
	}
	
	a.btn, .btn{
		//.antialias;
		.rounded-corners();
		.box-shadow(0, 1px, 2px, #333);
		behavior: url(../css/PIE.htc);
		
		background: url(../img/row_10.png) repeat left top;
		color: #fff !important;
		display: block;
		font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif;
		font-size: 18px;
		line-height: 1;
		padding: 8px 15px 5px;
		position: relative;
		text-decoration: none;
		white-space: nowrap;
	}
	
	.btn-ico{
		left: 0;
		position: absolute;
		top: 0;
		z-index: 10;
	}
	
	/* !btn size */
	
	&.small{
		
		a.btn{
			padding-left: 40px;
		}
		
		.btn-ico{
			height: 40px;
			width: 45px;
		}
	}
	
	&.medium{
		
		a.btn, .btn{
			font-size: 20px;
			padding-left: 60px;
		}
		
		.btn-ico{
			height: 69px;
			width: 65px;
		}
	}
	
	&.big{
		
		a.btn{
			font-size: 28px;
			padding-left: 60px;
		}
		
		.btn-ico{
			height: 69px;
			width: 65px;
		}
	}
	
	/* !btn colors */

	&.green{
		
		a.btn, .btn{
			background-color: @green;
			
			&:hover{
				background-color: darken(@green, 10%);
			}
		}
	}
	
	&.red{
		
		a.btn, .btn{
			background-color: @red;
			
			&:hover{
				background-color: darken(@red, 10%);
			}
		}
	}
	
	&.applegreen{
		
		a.btn, .btn{
			background-color: @applegreen;
			
			&:hover{
				background-color: darken(@applegreen, 10%);
			}
		}
	}
	
	&.blue{
		
		a.btn, .btn{
			background-color: @blue;
			
			&:hover{
				background-color: darken(@blue, 10%);
			}
		}
	}
	
	&.orange{
		
		a.btn, .btn{
			background-color: @orange;
			
			&:hover{
				background-color: darken(@orange, 10%);
			}
		}
	}
		
	&.darkorange{
		
		a.btn, .btn{
			background-color: @darkorange;
			
			&:hover{
				background-color: darken(@darkorange, 10%);
			}
		}
	}
	
	&.gray{
		
		a.btn, .btn{
			background-color: @gray;
			
			&:hover{
				background-color: darken(@gray, 10%);
			}
		}
	}
	
	/** end btn colors **/
	
	/* !btn icons */
	
	&.book{

		.btn-ico{
			background-image: url(../img/sprite_ico.png);
			background-position: 0 -78px;
			background-repeat: no-repeat;
		}
	}
	
	&.letter{
	
		.btn-ico{
			background-image: url(../img/sprite_ico.png);
			background-position: -71px -78px;
			background-repeat: no-repeat;
		}
	}
	
	&.mouse{
		
		a.btn{
			padding-left: 25px;
		}
		
		.btn-ico{
			background-image: url(../img/sprite_ico.png);
			background-position: -140px -78px;
			background-repeat: no-repeat;
		}
	}
	
	&.white-mouse{
		
		a.btn{
			padding-left: 25px;
		}
		
		.btn-ico{
			background-image: url(../img/sprite_ico.png);
			background-position: -90px -190px;
			background-repeat: no-repeat;
		}
	}
	
	&.lock{
		
		a.btn{
			padding-left: 25px;
		}
		
		.btn-ico{
			background-image: url(../img/sprite_ico.png);
			background-position: -140px -190px;
			background-repeat: no-repeat;
		}
	}
	
	&.cal{

		.btn-ico{
			background-image: url(../img/sprite_ico.png);
			background-position: -71px -117px;
			background-repeat: no-repeat;
		}
	}
	
	&.money{
		
		a.btn{
			padding-bottom: 8px;
		}
		
		.btn-ico{
			background-image: url(../img/sprite_ico.png);
			background-position: -140px -117px;
			background-repeat: no-repeat;
			left: 5px;
		}
	}
	
	&.pen{

		.btn-ico{
			background-image: url(../img/sprite_ico.png);
			background-position: 0 -117px;
			background-repeat: no-repeat;
			left: 15px;
		}
		
		&.small{
			.btn-ico{
				width: 35px;
				height: 45px;
				background-position: -71px -232px;
			}
		}
	}
	
	/** end btn icons **/
}

/**
	end btn class
**/


/**
	Frames Class
**/


.frames-wrap{
	cursor: pointer;
	width: 455px;
	
	.btn{
		height: 78px;
		font-size: 26px !important;
		white-space: normal;
	}
	
	.frames{
		height: 100%;
		overflow: hidden;
		position: relative;
		text-align: center;
		
		.frame{
			display: none;
			
			&.active{
				display: block;
			}
		}
	}
	
}


/**
	End Frames Class
**/


/**
	section class
**/

.gradient{
	background: url(../img/gradient.jpg) no-repeat center top;
}

.content-home{
	margin-top: 10px;
	padding-top: 10px;
}

.section{
	
	&.filosofia{
		display: inline;
		float: left;
		width: 460px;
	}
	
	h1.title{
		font-size: 20px;
	}
	
	.title{
		background: url(../img/row.png) repeat-x left bottom;
		margin-bottom: 20px;
		padding: 5px 0 10px 5px;

		&.no-margin{
			margin-bottom: 0;
		}
		
		&.no-bg{
			background: none;
		}
	}
	
	.sub-title{
		color: #525252;
		font-size: 16px;
		margin: 10px 0 20px 0;
		padding-left: 5px;
	}

	img{
		background-color: #fff;
		border: 1px solid #878786;
		margin-bottom: 10px;
		padding: 1px;
	}
	
	&.orange{
		.title{
			color: @orange;
		}
		
		a{
			color: @orange;
			
			&:hover{
				color: darken(@orange, 15%);
			}
		}
		
		ul.data-list.bordered{
			li.data-list-item{
				border-color: @orange;
			}
		}
		
		dl.dl-data-list.prices{
			.dl-data-list-item {
				border-color: @orange;
				
			}
			
			
			.price{
				color: @orange;
				font-weight: bold;
			}
		}
		
		.replyto{
			border-color: @orange !important;
		}
	}
	
	&.red{
		.title{
			color: @red;
		}
		
		a{
			color: @red;
			
			&:hover{
				color: darken(@red, 15%);
			}
		}
		
		ul.data-list.bordered{
			li.data-list-item{
				border-color: @red;
			}
		}
		
		dl.dl-data-list.prices{
			.dl-data-list-item {
				border-color: @red;
				
			}
			
			
			.price{
				color: @red;
				font-weight: bold;
			}
		}
		
		.replyto{
			border-color: @red !important;
		}
	}
	
	&.green{
		.title{
			color: @green;
		}
		
		a{
			color: @green;
			
			&:hover{
				color: darken(@green, 15%);
			}
		}
		
		ul.data-list.bordered{
			li.data-list-item{
				border-color: @green;
			}
		}
		
		dl.dl-data-list.prices{
			.dl-data-list-item {
				border-color: @green;
				
			}
			
			
			.price{
				color: @green;
				font-weight: bold;
			}
		}
		
		.replyto{
			border-color: @green !important;
		}
	}
		
	&.darkorange{
		.title{
			color: @darkorange;
		}
		
		a{
			color: @darkorange;
			
			&:hover{
				color: darken(@darkorange, 15%);
			}
		}
		
		ul.data-list.bordered{
			li.data-list-item{
				border-color: @darkorange;
			}
		}
		
		dl.dl-data-list.prices{
			.dl-data-list-item {
				border-color: @darkorange;
				
			}
			
			
			.price{
				color: @darkorange;
				font-weight: bold;
			}
		}
		
		.replyto{
			border-color: @darkorange !important;
		}
	}
	
	&.applegreen{
		.title{
			color: @applegreen;
		}
		
		a{
			color: @applegreen;
			
			&:hover{
				color: darken(@applegreen, 15%);
			}
		}
		
		ul.data-list.bordered{
			li.data-list-item{
				border-color: @applegreen;
			}
		}
		
		dl.dl-data-list.prices{
			.dl-data-list-item {
				border-color: @applegreen;
				
			}
			
			
			.price{
				color: @applegreen;
				font-weight: bold;
			}
		}
		
		.replyto{
			border-color: @applegreen !important;
		}
	}
	
	&.blue{
		.title{
			color: @blue;
		}
		
		a{
			color: @blue;
			
			&:hover{
				color: darken(@blue, 15%);
			}
		}
		
		ul.data-list.bordered{
			li.data-list-item{
				border-color: @blue;
			}
		}
		
		dl.dl-data-list.prices{
			.dl-data-list-item {
				border-color: @blue;
				
			}
			
			
			.price{
				color: @blue;
				font-weight: bold;
			}
		}
		
		.replyto{
			border-color: @blue !important;
		}
	}
}

/**
	end section class
**/

.news-eventi{
	display: inline;
	float: left;
	margin-left: 20px;
	width: 220px;
}

ul.simple-list{
	padding-left: 5px;
	
	li.list-item{
		line-height: 14px;
		margin-bottom: 10px;
	
		.item-title{
			background: url(../img/sprite_ico.png) no-repeat -205px 0;
			color: #3f3f3f;
			font-size: 12px;
			font-weight: bold;
			margin-bottom: 5px;
			padding-left: 15px;
			text-transform: none;
			
			a{
				color: #3f3f3f;
				text-decoration: none;
				
				&:hover{
					color: darken(#3f3f3f, 20%);
				}
			}
		}
		
		.date_{
			color: #3f3f3f;
			font-style: italic;
			font-size: 13px;
			padding-left: 15px;
			margin-bottom: 5px;
		}
		
		.abstract{
			font-size: 12px;
			padding-left: 15px;
		}
	}
	
	&#news, &#eventi{
		.item-title{
			font-size: 13px;
			background-position-y: 2px;
		}
		
		.abstract{
			font-size: 13px;
			line-height: 20px;
		}
	}
}

.workshop{
	display: inline;
	float: right;
	margin-right: 4px;
	text-align: center;
	width: 266px;
	
	.btn-wrap {
		padding-top: 15px;
	}
	
	a.btn{
		padding:8px 35px 5px 90px !important;
		text-align: left;
		line-height: 24px;
	}
	
	.btn-ico{
		left: 20px;
	}
}

/* !Content (Courses) */

.content-wrap{
	padding: 0 4px;
	
	&.static-pages{
		.content{
			padding-right: 20px;
			width: 685px;
		}
	}
	
	table{
		width: 100%;
		
		thead{
			td{
				font-weight: bold;
			}
		}
		
		td{
			padding: 10px;
			vertical-align: middle;
			
			td{
				padding: 10px 0;
			}
			
			span{
				color: #525252;
			}
		}
	}
	
	&.red{
		.headline, .sidebar{
			background-color: @red;
		}
		
		.single-accordion-title{
			&.active{
				h3{
					background-position: -205px -45px !important;
				}
			}
			
			&:hover{
				h3{
					color: darken(@red, 10%);
				}
			}
			
			h3{
				background-position: -205px -22px !important;
				color: @red;
			}
		}
	}
	
	&.applegreen{
		.headline, .sidebar{
			background-color: @applegreen;
		}
		
		.single-accordion-title{
			&.active{
				h3{
					background-position: -205px -92px !important;
				}
			}
			
			&:hover{
				h3{
					color: darken(@applegreen, 10%);
				}
			}
			
			h3{
				background-position: -205px -70px !important;
				color: @applegreen;
			}
		}
	}
	
	&.blue{
		.headline, .sidebar{
			background-color: @blue;
		}
		
		.single-accordion-title{
			&.active{
				h3{
					background-position: -205px -140px !important;
				}
			}
			
			&:hover{
				h3{
					color: darken(@blue, 10%);
				}
			}
			
			h3{
				background-position: -205px -117px !important;
				color: @blue;
			}
		}
	}
	
	&.green{
		.headline, .sidebar{
			background-color: @green;
		}
		
		.single-accordion-title{
			&.active{
				h3{
					background-position: -205px -190px !important;
				}
			}
			
			&:hover{
				h3{
					color: darken(@green, 10%);
				}
			}
			
			h3{
				background-position: -205px -166px !important;
				color: @green;
			}
		}
		
		thead{
			color: @green;
		}
	}
		
	&.darkorange{
		.headline, .sidebar{
			background-color: @darkorange;
		}
		
		.single-accordion-title{
			&.active{
				h3{
					background-position: -205px -190px !important;
				}
			}
			
			&:hover{
				h3{
					color: darken(@darkorange, 10%);
				}
			}
			
			h3{
				background-position: -205px -166px !important;
				color: @darkorange;
			}
		}
		
		thead{
			color: @darkorange;
		}
	}
	
	&.orange{
		.headline, .sidebar{
			background-color: @orange;
		}
		
		.single-accordion-title h3{
			background-position: -205px 0;
			color: @orange;
		}
	}
	
	.headline{
		.rounded-corners(0, 0, 3px, 0);
		
		background: url(../img/row_10.png) repeat left center;
		height: 15px;
	}
	
	.sidebar-wrap{
		float: left;
		width: 240px;
		
		&.static-pages{
			padding-top: 10px;
			width: 266px;
			
			.box.master-preview{
				margin: 0;
			}
		}
		
		.btn-wrap{
			margin: 5px 0 0 0;
			width: 90%;
		}
	}
	
	.sidebar{
		.rounded-corners(0, 0, 3px, 3px);
		
		padding: 30px;
		padding-bottom: 10px;
	}
	
	.content{
		float: left;
		padding: 30px 100px 30px 20px;
		width: 630px;
		
		p{
			margin-bottom: 5px;
			text-align: justify;
		}
		
		.replyto{
			.rounded-corners(3px, 3px, 3px, 3px);
			
			border: 1px dashed;
			float: left;
			margin-top: 10px;
			padding: 10px;
		}
	}
}

.accordion-wrap, .certifications-wrap{
	margin: 20px 0;
	
	&.certifications-wrap{
		.single-accordion{
			.single-accordion-title{
				cursor: default;
				
				h3{
					color: #525252;
				}
			}
		}
		
		.certifications-important{
			margin: 30px 0 20px;

			h2{
				margin-bottom: 10px;
			}

			.single-accordion{
				border-color: @red;
				
				.single-accordion-title{
						
					h3{
						color: @red;
					}
				}
			}
		}
	}
	
	.single-accordion{
		margin-bottom: 10px;
		//border-bottom: 1px solid;
		padding-bottom: 5px;
		border-bottom: 1px dashed #EAEAEC;
		
		.single-accordion-title{
			cursor: pointer;

			&.active{
				h3{
					background-position: -205px -45px;
				}
			}
			
			h2{
				color: #525252;
				font-size: 14px;
				font-weight: bold;
				margin-bottom: 2px;
				padding-left: 15px;
			}
			
			h3{
				background: url(../img/sprite_ico.png) no-repeat -205px 0;
				font-size: 18px;
				padding-left: 15px;

				&.no-arrow{
					background: none;
				}
			}
		}
		
		h4, .single-accordion-content{
			padding-left: 15px;
		}
		
		.sub{
			font-size: 14px;
			font-weight: bold;
			padding-left: 15px;
		}
		
		p.profs{
			color: #525252;
			font-style: italic;
			padding-left: 15px;
		}
		
		.single-accordion-content{
			height: 0;
			overflow: hidden;			
		}
	}
}

li.sub-nav-item{
	margin-bottom: 20px;
	
	h3.sub-nav-item-title, h3.sub-nav-item-title a{
		color: #000;
		text-decoration: none;
	}
	
	h3.sub-nav-item-title{
		border-bottom: 1px dashed #444;
	}
	
	h3.sub-nav-item-title a{
		&:hover, &.active{
			color: #fff;
		}
	}
	
	ul.sub-item-nav{
		font-family: Tahoma, Geneva, sans-serif;
		padding-left: 10px;
		
		a.sub-nav-item-link{
			color: #333333;
			text-decoration: none;
			
			&:hover, &.active{
				color: #fff;
			}
		}
	}
}

ul.data-list{
	margin: 10px 0;
	padding-left: 20px;
	
	li.data-list-item{
		margin-bottom: 5px;
		clear: both;
		
		&.arrow-ico{
			background: url(../img/arrow-list.png) no-repeat left 5px;
			padding-left: 20px;
			
			&.applegreen{
				background: url(../img/arrow-list-applegreen.png) no-repeat left 5px;	
			}
			
			&.orange, &.darkorange{
				background: url(../img/arrow-list-orange.png) no-repeat left 5px;	
			}
			
			&.green{
				background: url(../img/arrow-list-green.png) no-repeat left 5px;	
			}
			
			&.red{
				background: url(../img/arrow-list-red.png) no-repeat left 5px;	
			}
			
			&.blue{
				background: url(../img/arrow-list-blue.png) no-repeat left 5px;	
			}
		}
	}
	
	&.bordered{
		li.data-list-item{
			border-bottom: 1px dashed;
			margin-bottom: 10px;
			padding-bottom: 5px;
		}
	}
	
	&.prices{
		li.data-list-item{
			margin-bottom: 10px;
		}
		
		em{
			font-weight: normal;
		}
	}
	
	dl.dl-data-list{
		/* height: 100%; */
		.dl-data-list-item{
			
			/* padding: 0 0 10px 0; */
			float: left;
			width: 70%;
		}
		
		dt.dl-data-list-item{
			color: #525252;
			font-weight: bold;
			width: 30%;
		}
		
		&.prices{
			.dl-data-list-item{
				border-left: 1px dashed;
				min-height: 100%;
				text-align: left;
				width: 35%;
				padding: 0 10px;
				
				span{
					display: block;
					
				}
				
				&.prices-inline{
					width: 55%;
					
					span{
						display: inline;
					}
				}
			}
			
			dt.dl-data-list-item{
				border: 0;
				text-align: right;
			}
		}
	}
}

.mapcanvas{
	border: 1px solid #878786;
	height: 250px;
	width: 99%;
	
	img{
		background-color: transparent;
		border: 0;
		margin-bottom:0;
		padding: 0;
	}
	
	&.map-wrap{
		width: 99.8%;
	}
}


.courses-footer{
	padding-top: 20px;
	
	.foreground{
		float: left;
		margin-right: 20px;
		padding: 0 10px;
		width: 220px;
	}
	
	.col{
		float: left;
		padding-top: 20px;
	}
	
	.banner{
		float: left;
		margin-left: 10px;
		padding-top: 6px;
		
		img{
			background: #fff;
			border: 1px solid #878786;
			padding: 1px;
		}
	}
	
}

/* Slider */

#slider-wrap{
	position: relative;
	overflow: hidden;
	width: 1000px;
}

.slider{
	li.slide-item{
		height: 290px;
		overflow: hidden;
		position: relative;
		width: 1000px;
	}
	
	&.visual_290 li.slide-item{
		height: 290px;
	}
	
	&.visual_230 li.slide-item{
		height: 230px;
		
		h1, .payoff{
			top:55px;
		}
		
		.payoff p{
			//font-weight: bold;
		}
	}
	
	&.visual_174 li.slide-item{
		height: 174px;
		
		h1, .payoff{
			top:15px;
		}
		
		h1{
			padding-left: 18%;
			padding-left: 5%;
			width: 11%;
			
			img{
				//width: 90%;
				//height: 90%;
			}
		}
		
		.edition{
			//top: 20px;
			bottom: 10px;
			position: absolute;
			right: 3%;
			
			h3{
				font-size: 25px;
			}
		}
		
		.extra{
			bottom: 8px;
			position: absolute;
			right: 3%;
		}
		
		.members{
			font-size: 16px;
			font-style: italic;
			line-height: 1;
			padding-top: 5px;
			
			b{
				color: #525252;
				display: block;
				padding-bottom: 3px;
			}
		}
		
		.date{
			bottom: 21%;
			left: 14%;
			position: absolute;
			text-align: right;
			
			h3{
				font-size: 20px;
			}
		}
		
		.payoff{
			width: 65%;
			
			h2{
				font-size: 25px;
				margin-bottom: 3px;
			}
			
			p{
				font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif;
				font-size: 29px;
				font-weight: normal;
				line-height: 27px;
				
				span{
					color: #878786;
					display: block;
					font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
					font-size: 16px;
					line-height: 1;
					padding-top: 5px;
					
					&.date{
						font-size: 14px;
					}
				}
				
				&.blue{
					color: @blue;
					
					.date{
						color: @blue;
					}
				}
				
				&.red{
					color: @red;
					
					.date{
						color: @red;
					}
				}
				
				&.green{
					color: @green;
					font-size: 28px;
					
					.date{
						color: @green;
					}
				}
								
				&.darkorange{
					color: @darkorange;
					font-size: 28px;
					
					.date{
						color: @darkorange;
					}
				}
				
				&.applegreen{
					color: @applegreen;
					
					.date{
						color: @applegreen;
					}
				}
				
				&.orange{
					color: @orange;
					
					.date{
						color: @orange;
					}
				}
			}
		}
	}
	
	h1, .payoff{
		color: #525252;
		position: absolute;
		top: 85px;
	}
	
	h1{
		font-size: 69px;
		left: 0;
		line-height: 60px;
		padding-left: 10%;
		width: 20%;
	}
	
	.payoff{
		left: 30%;
		padding-left: 1%;
		padding-top: 5px;
		width: 39%;
	}
	
	h2{
		font-size: 29px;
		margin-bottom: 10px;	
	}
	
	p{
		color: #999;
		font-weight: bold;
		line-height: 18px;
		font-size: 13px;
	}
}

#prevBtn,
#nextBtn,
#slider1next,
#slider1prev{
	display:block;
	height:25px;
	left:20px;
	margin-top: -13px;
	overflow: hidden;
	position:absolute;
	text-indent: -9999px;
	top:50%;
	z-index:1000;
	width:17px;
	
	a{
		background: url(../img/sprite_arrow.png) no-repeat 0 0;
		display:block;
		height:25px;
		position:relative;
		width:17px;
		
		&:hover{
			background-position: 0 -25px;
		}
	}
}

#nextBtn,
#slider1next{
	left: auto;
	right: 20px;
	
	a{
		background-position: -17px 0;
		
		&:hover{
			background-position: -17px -25px;
		}
	}
}

/* Slider */


.footer-wrap{
	background-color: @gray;
	height: 80px;
	padding: 20px 0;
	width: 100%;
	
	.col{
		color: #c3c3c3;
		display: inline;
		float: left;
		width: 25%;
		
		&.pad-top{
			padding-top: 20px;
		}
		
		img{
			margin: 0 5px;
			cursor: pointer;
		}
		
		a{
			color: #c3c3c3;
			text-decoration: none;
			
			&.social{
				&:hover{
					opacity: 0.6;
					-moz-opacity: 0.6;
					-webkit-opacity: 0.6;
					-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=60)"; /* IE 8 */
					filter:alpha(opacity=60); /* IE 4, 5, 6 and 7 */
					zoom:1;
					-khtml-opacity: 0.6;
				}
			}
			
			&:hover{
				color: #fff;
			}
		}
	}
}

.footer-line{
	background: url(../img/row_10.png) repeat-x bottom center @gray;
	height: 10px;
	width: 100%;
}

#bg_overlay{
	/*
	Necessita troppe risorse e motore js potente!
-webkit-transition: box-shadow 0.4s ease-in-out;
	-moz-transition: box-shadow 0.4s ease-in-out;
	-o-transition: box-shadow 0.4s ease-in-out;
	transition: box-shadow 0.4s ease-in-out;
	
	box-shadow: inset 0 0 0 #000;
	-moz-box-shadow: inset 0 0 0 #000;
	-webkit-box-shadow: inset 0 0 0 #000;
*/
	
	background-color: rgba(0, 0, 0, 0);
	background: ~"#000000\9";
	background-image: -moz-radial-gradient(50% 50%, ellipse closest-side, rgba(0,0,0,0.1) 0%, rgba(0,0,0,1) 150%);
	background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 800, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 1)));
	background-image: -webkit-radial-gradient(50% 50%, ellipse closest-side, rgba(0,0,0,0.1) 0%,rgba(0,0,0,1) 150%);
	background-image: -o-radial-gradient(50% 50%, ellipse closest-side, rgba(0,0,0,0.1) 0%,rgba(0,0,0,1) 150%);
	//background-image: -ms-radial-gradient(50% 50%, ellipse closest-side, rgba(0,0,0,0.1) 0%,rgba(0,0,0,1) 150%);
	background-image: radial-gradient(50% 50%, ellipse closest-side, rgba(0,0,0,0.1) 0%, rgba(0,0,0,1) 150%);
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 900;
	
	&.shadowed{
		
		box-shadow: inset 0 0 500px #000;
		-moz-box-shadow: inset 0 0 500px #000;
		-webkit-box-shadow: inset 0 0 500px #000;
	}
}

.overlay-wrap{
	.rounded-corners();
	.box-shadow(0, 0, 5px, #333);
	
	background: url(../img/row_10.png) repeat bottom center @orange;
	color: #fff;
	display: none;
	height: 0;
	left: 50%;
	margin-left: 0;
	margin-top: 0;
	overflow: hidden;
	padding: 10px;
	position: fixed;
	top: 50%;
	width: 0;
	z-index: 1000;
	
	&.gray{
		background-color: @gray;
	}
	
	&#under-construction{
		font-size: 26px;
		text-align: center;
		white-space: nowrap;
	}
}

#newsletter, #login-system, #congress-subscription, #placement-studenti{
	max-width: 500px;
	
	#newsletter-wrap, #login-wrap, #congress-subscription-wrap, .overlay-studenti-wrap{
		width: 500px;
	}
	
	.overlay-studenti-wrap{
		width: 480px;
		padding: 10px;
		background: #fff;
		height: 290px;
		overflow: auto;
	}
	
	h2{
		font-size: 25px;
		margin-bottom: 5px;
	}
	
	.intro{
		line-height: 14px;
		margin-bottom: 5px;
	}
	
	a{
		color: #fff;
		font-style: italic;
		text-decoration: underline;
		
		&:hover{
			color: #666;
		}
	}
	
	form.newsletter-form{
		input, textarea{
			//.rounded-corners();
			
			background: #F5F6F8;
			border: 1px solid #fff;
			font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
			font-size: 12px;
			font-style: italic;
			padding: 2px 5px;
			position: relative;
			
			&.focus{
				background-color: #fff;
			}
		}
		
		input#submit, input#submit-login, input#submit-congress, input#cancel-congress, .cancel-input{
			cursor: pointer;
			float: right;
			margin-right: 2px;
			
/*
			&:hover{
				opacity: 1;
				-moz-opacity: 1;
				-webkit-opacity: 1;
				-ms-filter: ~"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";  IE 8 
				filter:alpha(opacity=100);  IE 4, 5, 6 and 7 
				zoom:1;
				-khtml-opacity: 1;
			}
*/
		}
		
		.field{
			display: inline;
			float: left;
			margin: 3px;
			position: relative;
			width: 244px;
			height: 25px;
			
			input{
				height: 20px;
				width: 96%;
			}
			
			label{
				color: #666;
				left: 5px;
				font-style: italic;
				position: absolute;
				top: 2px;
				z-index: 2;
			}
			
			&.double{
				width: 494px;
				
				input{
					width: 98%;
					//height: 16px;
				}
			}
			
			&.textarea{
				margin-top: 4px;
				width: 494px;
				height: 80px;
				
				textarea{
					height: 70px;
					overflow: auto;
					width: 98%;
				}
			}
		}
		
		.autorization{
			float: left;
			font-size: 12px;
			line-height: 15px;
			padding-left: 4px;
			width: 70%;
		}
	}
	
	.form-result-wrap{
		background: url(../img/black_bg_40.png) repeat center center;
		zoom: 1;
		display: none;
		height: 100%;
		left: 0;
		*left: 2px;
		position: absolute;
		top: 0;
		*top : 2px;
		width: 100%;
		z-index: 10;
		
		.form-result{
			font-size: 16px;
			font-style: italic;
			font-weight: bold;
			left: 50%;
			margin-left: -20%;
			position: absolute;
			top: 25%;
			width: 50%;
		}
	}
}


#congress-system{
	padding: 20px 40px;
	max-width: 600px;
	top: 48%;
	height: 80%;
	
	#congress-wrap{
		height: auto;
		width: 600px;
	}
	
	h2{
		font-size: 31px;
		
		span{
			font-size: 20px;
		}
	}
	
	h3{
		font-style: italic;
		margin-top: 5px;
		margin-bottom: 5px;
		font-size: 22px;
		text-align: center;
	}
	
	p.info{
		font-style: italic;
		text-align: center;
		
		span{
			font-style: normal;
		}
	}
	
	.buttons{
		text-align: center;
	}
	
	.intro{
		background: #fff;
		overflow: auto;
		padding: 20px;
		margin-top: 5px;
		color: @gray;
	}
}

.partners-logos{
	text-align: center;
	margin-bottom: 10px;
	
	img{
		border: 0;
		padding: 0;
		margin: 10px;
		vertical-align: middle;
	}
	
	p{
		text-align: center !important;
		font-weight: bold;
	}
}

.downcalendar{
	padding: 5px 0 5px 40px;
	background: url(../img/downcal.png) no-repeat left center;
	margin-bottom: 10px;
	
	a{
		color: #333;
		text-decoration: none;
		font-weight: bold;
	}
}


.section{
	&.red{
		th.header{
			color: @red;
		}
		
		.postit{
			background: url(../img/postit.png) no-repeat center center;
		}
	}
	
	&.applegreen{
		th.header{
			color: @applegreen;
		}
		
		.postit{
			background: url(../img/postit_applegreen.png) no-repeat center center;
		}
		
		.downcalendar{
			background-image: url(../img/downcal_applegreen.png);
		}
		
		.nday{
			padding: 2px 0 5px 5px !important;
		}
	}
	
	&.blue{
		th.header{
			color: @blue;
		}
		
		.postit{
			background: url(../img/postit_blue.png) no-repeat center center;
		}
		
		.downcalendar{
			background-image: url(../img/downcal_blue.png);
		}
	}
	
	&.green{
		th.header{
			color: @green;
		}
		
		.postit{
			background: url(../img/postit_green.png) no-repeat center center;
		}
		
		.downcalendar{
			background-image: url(../img/downcal_green.png);
		}
		
		.nday{
			padding: 2px 0 5px 5px !important;
		}
	}
}

.calendar{
	//position: relative;
	
	table{
		width: 100%;
		
		th.header{
			text-align: center;
			background-color: #ececec;
			border-bottom: 1px dashed;
			padding: 3px 0;
			vertical-align: middle;
		}
		
		td{
			width: 84px;
			padding: 0;
			vertical-align: baseline;
			/* border: 1px solid #ccc; */
			font-size: 12px;
			padding: 5px 3px;
			color: #fff;
		}
		
		.postitNoEvent{
			width: 74px;
			background: url(../img/postitNoEvent.png) no-repeat center center;
			height: 73px;
			padding: 8px 5px 3px 5px;
			line-height: 1;
			/* position: relative; */
			
			.nday{
				/*
position: absolute;
				left: 5px;
				top: 5px;
*/
				padding-left: 3px;
				padding-bottom: 2px;
				font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif;
				font-size: 14px;
				margin-bottom: 5px;
				color: #333;
			}
		}
		
		.postit{
			width: 74px;
			height: 73px;
			padding: 8px 5px 3px 5px;
			line-height: 1;
			cursor: pointer;
			/* position: relative; */
			
			.nday{
				/*
position: absolute;
				left: 5px;
				top: 5px;
*/
				padding-left: 3px;
				padding-bottom: 2px;
				font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif;
				font-size: 14px;
				margin-bottom: 5px;
				
				span{
					padding-left: 15px;
					color: #fff !important;
				}
			}
			
			/*
&:hover{
				.layer{
					display: block;
				}
			}
*/
		}
	}
	
	.layer-wrap{
		padding-top: 13px;
		position: absolute;
		width: 300px;
		z-index: 900;
		display: none;
		left: 0;
		top: 0;
		
		.layer-arrow{
			display: none;
			height: 13px;
			width: 21px;
			background: url(../img/poparrow.png) no-repeat center center;
			position: absolute;
			top: 5px;
			left: 20px;
		}
	}
	
	.layer{
		background: #333;
		background-color: transparent;
		background-color: transparent;
		background-color: rgba(51, 51, 51, 0.95);
	    filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5333333,endColorstr=#E5333333)";
	    zoom: 1;
		padding: 10px 0
		cursor: default;
		border: 4px solid #4c4b4b;
		box-shadow: 2px 2px 5px #000;
		-moz-box-shadow: 2px 2px 5px #000;
		-webkit-box-shadow: 2px 2px 5px #000;
		
		h1.module-title, h2.course-title, h3.course-subtitle{
			font-size: 19px;
			background: url(../img/row_b.png) repeat-x left bottom;
			margin-bottom: 5px;
			padding: 5px 10px 7px;
		}
		
		h2.course-title{
			font-size: 17px;
		}
		
		h3.course-subtitle{
			font-size: 16px;
		}
		
		span.time{
			font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif;
			color: #fff;
			font-size: 14px;
		}
		
		ul.event-details{
			padding: 0 10px 5px;
			background: url(../img/row_b.png) repeat-x left bottom;
		}
		
		li.single-event-details{
			margin-bottom: 5px;
		}
		
		.map{
			padding: 5px 10px;
	
			h3{
				font-size: 15px;
			}
		}
	}
	
}

.calendars-wrap{

}

ul.idTabs{
	li{
		display: inline;
		font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif;
		float: left;
		background-color: #424242;
		height: 30px;
		
		a{
			text-decoration: none;
			padding: 0px 10px;
			font-size: 16px;
			//background: url(../img/bgTabs.png) no-repeat right bottom;
			color: #fff !important;
			height: 30px;
			line-height: 30px;
			display: block;
		}
		
		&.selected{
			background-color: #f6f6f8;
			
			a{
				//background: url(../img/bgTabSelected.png) no-repeat right bottom;
				color: #424242 !important;
			}
		}
	}
}

.bacheca-wrap{
	padding: 5px;
	&.green{
		background: @green;
	}
	
	&.red{
		background-color: @red;
		
		.single-bacheca-orecchietta{
			background-image: url(../img/orecchietta_red.png);
		}
	}
	
	&.blue{
		background-color: @blue;
		
		.single-bacheca-orecchietta{
			background-image: url(../img/orecchietta_blue.png);
		}
	}
	
	&.applegreen{
		background-color: @applegreen;
		
		.single-bacheca-orecchietta{
			background-image: url(../img/orecchietta_applegreen.png);
		}
	}
		
	&.darkorange{
		background-color: @darkorange;
		
		.single-bacheca-orecchietta{
			background-image: url(../img/orecchietta_darkorange.png);
		}
	}
}

.single-bacheca-wrap{
	position: relative;
	width: 290px;
	padding: 10px;
	float: left;
}

.single-bacheca-content{
	background: #fff url(../img/bg_bacheca.png);
	padding: 10px 40px 15px 10px;
	
	h3{
		margin-bottom: 10px;
		
		&.new{
			color: @orange
		}
	}
}

.single-bacheca-scotch_sx{
	width: 40px;
	height: 31px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/scotch_sx.png) no-repeat center center;
}

.single-bacheca-wrap.new{
	.single-bacheca-scotch_sx{
		width: 41px;
		height: 39px;
		background-image: url(../img/new.png);
		z-index: 10;
	}
	
	.single-bacheca-content h3{
		padding-left: 20px;
	}
}

.single-bacheca-scotch_dx{
	width: 40px;
	height: 35px;
	position: absolute;
	top: 0;
	right: 0;
	background: url(../img/scotch_dx.png) no-repeat center center;
}

.single-bacheca-orecchietta{
	width: 81px;
	height: 54px;
	bottom: 1px;
	right: 7px;
	position: absolute;
	background: url(../img/orecchietta_green.png) no-repeat center center;
}

ul.downTab{
	padding-bottom: 10px;
	background: url(../img/row.png) repeat-x left bottom;
	padding-left: 5px;
	
	li{
		display: inline;
		
		h2{
			display: inline;
			font-size: 18px;
		}
		
		span{
			padding: 0 10px;
		}
		
		a{
			color: #616161 !important;
			text-decoration: none;
		}
		
		&.selected{
			a{
				color: #000 !important;
			}
		}
	}
}