@charset "utf-8";

/* Menu */
#port {
text-align: left;
width: 830px;
margin: 0 auto;
}

.lavoro{
	width: 830px;
	height: auto;
	margin: 0 auto;
	background-image: url(../images/portfolio/tab_02.png);
	background-position: center;
	background-repeat: repeat-y;
	text-align: center;
}

.preview {
	border: 0px;
}

.img_pre{
	float: right;
	display: block;
	margin-top: 10px;
	margin-right: 10px;
}

.locandine{
	float: right;
	margin-top: 10px;
	margin-right: 10px;
}

.locandina {
	border: 0px;
	margin-bottom: 10px;
}

.desc{
	text-align: left;
}

.lavoro h4 {
	font-size: 36px;
	margin-top: 10px;
	margin-bottom: 0px;
	text-align: left;
	color: #999999;
}

#port h3 a {
	text-decoration: none;
	line-height: 0;
	text-indent: -2000px;
	overflow: hidden;
}

#port #inspiration{
	background: url(../images/portfolio/inspiration.jpg);
	width: 770px;
	height: 150px;
	display: block;
	font-size: 0;
	margin: 0 auto;
}

#port #inspiration:hover{
	background: url(../images/portfolio/inspirationO.jpg);
}

#port #no133_logo{
	background: url(../images/portfolio/no133.jpg);
	width: 770px;
	height: 150px;
	display: block;
	font-size: 0;
	margin: 0 auto;
}

#port #no133_logo:hover{
	background: url(../images/portfolio/no133O.jpg);
}

#port #no133_manifesti{
	background: url(../images/portfolio/manifesti.jpg);
	width: 770px;
	height: 150px;
	display: block;
	font-size: 0;
	margin: 0 auto;
}

#port #no133_manifesti:hover{
	background: url(../images/portfolio/manifestiO.jpg);
}

#port #mr_box{
	background: url(../images/portfolio/mrbox.jpg);
	width: 770px;
	height: 150px;
	display: block;
	font-size: 0;
	margin: 0 auto;
}

#port #mr_box:hover{
	background: url(../images/portfolio/mrboxO.jpg);
}

#port #roccia{
	background: url(../images/portfolio/roccia.jpg);
	width: 770px;
	height: 150px;
	display: block;
	font-size: 0;
	margin: 0 auto;
}

#port #roccia:hover{
	background: url(../images/portfolio/rocciaO.jpg);
}

#port #notte{
	background: url(../images/portfolio/notte.jpg);
	width: 770px;
	height: 150px;
	display: block;
	font-size: 0;
	margin: 0 auto;
}

#port #notte:hover{
	background: url(../images/portfolio/notteO.jpg);
}

#port #atenea{
	background: url(../images/portfolio/atenea.jpg);
	width: 770px;
	height: 150px;
	display: block;
	font-size: 0;
	margin: 0 auto;
}

#port #atenea:hover{
	background: url(../images/portfolio/ateneaO.jpg);
}

#port #fps{
	background: url(../images/portfolio/fps.jpg);
	width: 770px;
	height: 150px;
	display: block;
	font-size: 0;
	margin: 0 auto;
}

#port #fps:hover{
	background: url(../images/portfolio/fpsO.jpg);
}

#port #flo{
	background: url(../images/portfolio/flo.jpg);
	width: 770px;
	height: 150px;
	display: block;
	font-size: 0;
	margin: 0 auto;
}

#port #flo:hover{
	background: url(../images/portfolio/floO.jpg);
}

h3.toggler {
	cursor: pointer;
}

.element {
	text-align: left;
	margin-left: 30px;
	margin-right: 30px;
	
	}
.tab_top{
	margin-top: 20px;
}