@import url(http://fonts.googleapis.com/css?family=Oswald:400,300);
* {
	margin: 0;
	padding: 0;	
}

body{
	background-color: #2e2d2c;
	overflow-y: hidden;
	font-family: 'Oswald', Impact, sans-serif;
	color: white;
}

h1,h2,h3 {font-weight: lighter;}

#header {
	position: relative;
	background-color: #3b3b3a;
	height: 200px;
	box-shadow: 0px 1px 3px #020031/*8b4318*/;
	z-index: 5;
	width:100%;
	text-align: center;
}
#title {
	margin: auto;
	position: relative;
	text-align: left;
	top: 70px;
	width: 675px; /* = (activityCount*activityWidth) */
}

#title > * {display: inline-block; font-weight: lighter;}
#title .nome {font-size: 3em; text-shadow: 0 0 10px black;}
#title span.link {font-size: 1.1em; position: relative; bottom: 5px; color: lightgray; text-shadow: 0 0 0 white;}
#link-container {margin-left: 10px; position: relative; bottom: 3px;}
#baffo {
	height: 1px;
	width: 400px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 78%, rgba(59,59,58,1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(78%,rgba(255,255,255,1)), color-stop(100%,rgba(59,59,58,1)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 78%,rgba(59,59,58,1) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,1) 78%,rgba(59,59,58,1) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,1) 78%,rgba(59,59,58,1) 100%);
	background: linear-gradient(left, rgba(255,255,255,1) 78%,rgba(59,59,58,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#3b3b3a',GradientType=1 );
}

#content {
	margin: 0 auto 0 auto;
	position: relative;
	background-color: #1E34A0/*a2501e*/;
	height: 380px;
	z-index: 0;
	overflow: hidden;
}
#activity-wrapper {
	margin: 0 auto;
	height: 100%;
	width: 100%; /*225*3 + border dev + treshold*/
	
}

#te { background-image: url('../images/te.jpg'); }
#didattica { background-image: url('../images/didattica.jpg'); }
#ingegneria { background-image: url('../images/ingegneria.jpg'); }

.activity {
	display: block;
	height: 100%;
	width: 225px;
	/*border: 1px solid white;*/
	float: left;
	position: relative;
	z-index: 5;
	background-color: transparent;
	background-position: center center;
	color: white;
}

.activity-title {
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 0;
	height: 40px;
	line-height: 40px;
	z-index: 10;
	text-overflow: ellipsis;
	overflow: hidden;
	font-weight: bold;
}
.activity-vertical-bar {
	height: 340px;
	width: 5px;
	position: absolute;
	z-index: 8;
}
.activity-left-bar {
	right: 0;
}

.activity-right-bar {
	left: 0;
}

.activity-bar {
	background: -moz-linear-gradient(left, rgba(73,155,234,0.7) 0%, rgba(32,124,229,0.7) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(73,155,234,0.7)), color-stop(100%,rgba(32,124,229,0.7)));
	background: -webkit-linear-gradient(left, rgba(73,155,234,0.7) 0%,rgba(32,124,229,0.7) 100%);
	background: -o-linear-gradient(left, rgba(73,155,234,0.7) 0%,rgba(32,124,229,0.7) 100%);
	background: -ms-linear-gradient(left, rgba(73,155,234,0.7) 0%,rgba(32,124,229,0.7) 100%);
	background: linear-gradient(left, rgba(73,155,234,0.7) 0%,rgba(32,124,229,0.7) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3499bea', endColorstr='#b3207ce5',GradientType=1 );
	/*background: orange;
	background: -moz-linear-gradient(top,  rgba(255,116,0,0.5) 0%, rgba(255,116,0,0.5) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,116,0,0.5)), color-stop(100%,rgba(255,116,0,0.5)));
	background: -webkit-linear-gradient(top,  rgba(255,116,0,0.5) 0%,rgba(255,116,0,0.5) 100%);
	background: -o-linear-gradient(top,  rgba(255,116,0,0.5) 0%,rgba(255,116,0,0.5) 100%);
	background: -ms-linear-gradient(top,  rgba(255,116,0,0.5) 0%,rgba(255,116,0,0.5) 100%);
	background: linear-gradient(top,  rgba(255,116,0,0.5) 0%,rgba(255,116,0,0.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ff7400', endColorstr='#80ff7400',GradientType=0 );*/

}

#footer {
	position: relative;
	box-shadow: 0px -1px 3px #020031/*8b4318*/;
	/* Sfondo */
	background: rgb(59,59,58);
	background: -moz-linear-gradient(top, rgba(59,59,58,1) 0%, rgba(46,45,44,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,59,58,1)), color-stop(100%,rgba(46,45,44,1)));
	background: -webkit-linear-gradient(top, rgba(59,59,58,1) 0%,rgba(46,45,44,1) 100%);
	background: -o-linear-gradient(top, rgba(59,59,58,1) 0%,rgba(46,45,44,1) 100%);
	background: -ms-linear-gradient(top, rgba(59,59,58,1) 0%,rgba(46,45,44,1) 100%);
	background: linear-gradient(top, rgba(59,59,58,1) 0%,rgba(46,45,44,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b3b3a', endColorstr='#2e2d2c',GradientType=0 );
	/* Fine sfondo */
	z-index: 5;
	height: 300px;
}