

body{
	margin:0px;
	padding:0px;
	background-image:url(../immagini/bgGeneral.jpg);
	background-repeat:repeat;
	font-family: 'Humanist521E3Regular';
	color:#727070;
			height:100%;

	
	text-shadow: 0px 1px 0px #fff;
	
	
	
	}
	
	
	html {
		height:100%;
}
	
	#externalVideo{
		background-color:#000;
		background-image:none;
		}
	
#flipVideo {
	position:relative;
    width:640px;
	margin:0 auto;	
	}
	
#awwwards{
	position:absolute;
	top:20px;
	right:0px;
	z-index:555;
	}
	
#awwwards a{
	width:69px;
	height:105px;
	text-indent:-8000px;
	display:block;
	background-image:url('http://www.marcopoderi.net/awwwards_nominee_b_right.png');
	overflow:hidden;
	}
	
/*----------------------------
	fonts
-----------------------------*/
	
@font-face {
	font-family: 'Humanist521E3Regular';
	src: url('../fonts/human521e3-webfont.eot');
	src: local('../fonts/Humanist 521 E3'), local('../fonts/Human521E3-Regular'), url('../fonts/human521e3-webfont.woff') format('woff'), url('../fonts/human521e3-webfont.ttf') format('truetype'), url('../fonts/human521e3-webfont.svg#webfontgAzPIqSW') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Humanist521E3Light';
	src: url('../fonts/human521e3-light-webfont.eot');
	src: local('☺'), url('../fonts/human521e3-light-webfont.woff') format('woff'), url('../fonts/human521e3-light-webfont.ttf') format('truetype'), url('../fonts/human521e3-light-webfont.svg#webfontDi6Ij8CC') format('svg');
}

/*----------------------------
	generale
-----------------------------*/

.center{
    position:relative;
	width:990px;
	margin:0 auto;
}




#header{
	position:relative;
	background-image:url(../immagini/bgHeader.jpg);
	background-repeat:repeat;
	height:37px;
	width: 100%;
	border-bottom:1px solid #FFF;
}

#last_tweet
{
    float:left;
	margin-top:5px;
	height:20px;
}


#headMenu{
	position:relative;
	background-image:url(../immagini/bgGeneral.jpg);
	background-repeat:repeat;
	height:90px;
	width: 100%;
    border-bottom:1px solid #8e8d8d;
}


.titleVideo {
	margin-top:8px;
	font-size:14px;
	font-family: 'Humanist521E3Light';
	
	}
	

#plus{
	float:left;
	margin-top:5px;
	background-image:url(../immagini/plus.png);
	width:227px;
	height:22px;
		margin-bottom:20px;

	
	}

.menuButton {
  position: relative;
  -moz-transition-property: background-color, color;
  -moz-transition-duration: 1s;
  -moz-transition-timing-function: ease-out;
  -webkit-transition-property: background-color, color;
  -webkit-transition-duration: 1s;
  -o-transition-property: background-color, color;
  -o-transition-duration: 1s;
  text-align: left;
  color: #8e8d8d;
  font-size:16px;
  text-decoration: none;
  padding: 2px 4px;
  text-transform:uppercase;
  
    -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  
  text-shadow: 0px 1px 0px #fff;
  filter: dropshadow(color=#fff, offx=0, offy=1); 
}

.menuButton:hover {
  position: relative;
  -moz-transition-property: background-color, color;
  -moz-transition-duration: 1s;
  -moz-transition-timing-function: ease-out;
  -webkit-transition-property: background-color, color;
  -webkit-transition-duration: 1s;
  -o-transition-property: background-color, color;
  -o-transition-duration: 1s;
  background-color:#666;
  color:#fff;
  
  opacity:.50;
  filter:alpha(opacity=50);
  
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px; 
  
   text-shadow: 0px 1px 0px #000;
  filter: dropshadow(color=#000, offx=0, offy=1); 
}

.topMenu {
  float:right;
  margin-top:20px;
  border-left:1px solid #8e8d8d;
}

.bottomMenu {
  float:left;
  margin:40px 0px 0px 90px;
  text-align:center;
}

.topMenu li, .bottomMenu li {
	display:inline;
}



#logo{
	float:left;
	margin-top:20px;
	
	
	}
	
	

/*----------------------------
	Banda tag video
-----------------------------*/


#filter {
	position:relative;
	margin-top:15px;
	
	background-image:url(../immagini/bgfooter.jpg);
	background-repeat:repeat;
	height:52px;
	width: 100%;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	text-align:center;
	text-transform:uppercase;
	
}

.banda {
	position:relative;
	margin-top:15px;
	
	background-image:url(../immagini/bgfooter.jpg);
	background-repeat:repeat;
	height:52px;
	width: 100%;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	text-align:center;
	text-transform:uppercase;
	
}


.banda b {
	float:left;
	margin-top:9px;
	padding:5px;
	-webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background-color:#d8d8d8;
  -webkit-box-shadow: 1px 1px 0px 0px rgba(255, 255, 255, 1);
-moz-box-shadow: 1px 1px 0px 0px rgba(255, 255, 255, 1);
box-shadow: 1px 1px 0px 0px rgba(255, 255, 255, 1)
	
}



#filter a{
    color:#666;
    top:20px;
	display: inline-block;
	padding: 0 15px;
	text-decoration:none;
    text-shadow: 0px 1px 0px #fff;
	margin-top:10px;

	}

#filter a:hover{
	text-decoration:none;
}

#filter a.active{
	padding:5px;
	-webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background-color:#d8d8d8;
  -webkit-box-shadow: 1px 1px 0px 0px rgba(255, 255, 255, 1);
-moz-box-shadow: 1px 1px 0px 0px rgba(255, 255, 255, 1);
box-shadow: 1px 1px 0px 0px rgba(255, 255, 255, 1)
}

a{	color:#727070;
}


/*----------------------------
	Contentenitore
-----------------------------*/
#stage p{
	display:none;

}


#container{
	position:relative;
	display:block;
	overflow:hidden;
	width: 990px;
	margin:0 auto;
	
	
}

#container a{
	text-decoration:none;
	
	
}

#container li{

	float: left;
	list-style: none outside none;
	
	margin:6px;
	width: 220px;
	
}

#container ul{
	overflow:hidden;

}


#container ul.hidden{
	display:none;
}

#container img{
	border:1px solid #FFF;
	-moz-box-shadow:0 0 5px #666;
	-webkit-box-shadow:0 0 5px #666;
	box-shadow:0 0 5px #666;

}

.ie #container img{
	border:1px solid #999;
	

}

/*----------------------------
	Footer
-----------------------------*/

#footer{
    float:left;
	background-image:url(../immagini/bgHeader.jpg);
	background-repeat:repeat;
	width: 100%;
	border-top:1px solid #FFF;
	
	}
	
#bandaFooter{
    float:left;
	background-image:url(../immagini/bgfooter.jpg);
	background-repeat:repeat;
	height:20px;
	width: 100%;
	border-top:1px solid #FFF;

	
	}
	
	
.bwWrapper { position:relative; display:block; border:none; text-decoration:none; }



#social 
{
    float:left;
	margin-bottom:10px;
	
	}
	
#social li
{
    float:left;
	list-style:none;
	padding:6px;
	}
	
	#social li img
{
	text-decoration:none;
	border:none;
	}
	
#info
{
    float:right;
	width:180px;
	margin-top:10px;
	font-size:12px;
	
	}
	
#picLab {
	float:right;
	width:490px;
	margin:20px 0px 0px 0px;
	
	}
	
#picLab img{
    border:1px solid #FFF;
	margin:10px;
	-moz-box-shadow:0 0 5px #666;
	-webkit-box-shadow:0 0 5px #666;
	box-shadow:0 0 5px #666;
	
	}
	
	
#picAbout img{
	margin: 30px 0px 0px 120px;
	
	
	}
	

.lab{
	float:left;
	width:470px;
	font-family: 'Humanist521E3Light';
	margin-top:10px;
	margin-bottom:15px;
	font-size:15px;


	
	}
	

	
.contatti{
	float:left;
	font-family: 'Humanist521E3Light';
	margin-top:10px;

	}
	
	
	  #badge_facebook {
			  float:left;
			  z-index:10;
			  width:300px;
			  height:700px;
			  margin-top:20px;
			 }
			 
		  #badge_flickr {
			  float:left; 
			  width:300px;
			  margin-left:30px; 
			  margin-top:20px;
			 }
			 
		  .flickr {
			  float:left; 
			  margin-bottom:10px;
			 } 
			 
		  #badge_twitter {
			  float:right; 
			  width:230px;
			  margin-top:20px;
			 }
	
