body {
	font-family: 'Titillium Web', Verdana, Arial, Helvetica, sans-serif;
	font: 100%/1.4;
	margin: 0;
	padding: 0;
	height:100%;
	width:100%;
    
}
.container {
	width: 100%;
	max-width: 1366px;/* 可能需要最大宽度，以防止此布局在大型显示器上过宽。这将使行长度更便于阅读。IE6 不遵循此声明。 */
	min-width: 780px;/* 可能需要最小宽度，以防止此布局过窄。这将使侧面列中的行长度更便于阅读。IE6 不遵循此声明。 */
	min-height: 100%;
	height:auto !important;
	height:100%;
	
	
}
#background {
  min-height:100%;
  height: auto !important;
  height: 100%;
  position: relative;
}
    /* Head */
#header {
    position: fixed;
	top:5%;
	width: 15%;
	font-size: 20px;
	font-weight: bold;
	text-align: left;


}   
    /* Nav */

#header .nav {
    position: positive;
    bottom: 5px;
    margin: 30px 30px;
    width: 195px;
    text-align: justify;


}
#header .nav:after {
        display: inline-block;
        width: 100%;
        content: "";
}
#header .nav li { 
    display: inline-block; 
	position: relative;
	float: left;
	border-left: 10px  ;
	border-right: 10px  ;
	margin-right: 18px;
        
}
#header .nav a {
	    
        color: #C0C0C0;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 700;
        font-size: 18px;
		text-decoration: none;
}
#header .nav a:hover{ 
        color: red;
	    margin-top: 50px;}

.social {
	position: fixed;
	top:2%;
	left:92%;
	float:right;
    margin: 1em;
}
.social li{
    display: inline-block;
}
	/* Body */
	
video#bgvid { 
  position: fixed;bottom: 0; 
  min-width: 100%; min-height: 100%; 
  width: 100%; 
  height: auto; 
  z-index:-1px;
  background: url(../Images/TRAILER H264 26[00_00_02][20160328-004208-0].BMP) no-repeat; 
  background-size: cover; 
  }
  
p.TitilliumWeb {
	font-family: TitilliumWeb;
	src: url(fonts/Titillium+Web.woff)

}
#titolo{
	width:73%; 
    position:absolute;
	top:20%;
	left:15%;
}
#titolo1{
	width:68%; 
    position:absolute;
	top:50%;
	left:15%;
}
#bio {
	position:absolute;
	left:250px;
	right:150px;
	top:80px;
	
}
.biografia {
    text-align: justify;
}
.biografia p, .nome {
	line-height: 1.2em;
    padding-bottom: 3px;
	border: 0;
	color: white;
	font-size:1.2em;
}
.biografia .titolo_film {
    text-transform: lowercase;
    font-variant: small-caps;
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1em;
}
.biografia .festival {
    font-style: italic;
}
#articoli {
	position:fixed;
	left:300px;
	top:80px;
	width: 1200px;
    height: 600px;
    clear: both;
    background-image: none;

}

.distri {
	height: 600px;
    width: 1200px;
    overflow: hidden;
}
.distri .programma {
    overflow: auto;
    height: 500px;
    width: 1100px;
}
    /*footer*/
#cre{
	position:absolute;
	bottom: 0;
    width: 100%;
	height:250px;
	clear:both;
}
.cre1 {
	height: 250px;
    width: 100%;
    overflow: hidden;
}
.cre1 .cre2 {
    overflow: auto;
    height: 250px;
    width: 100%;
}
#cre01 {
	width:50%; 
	height:37em;
	position:fixed;
	left:48%;
	top:15%;
	
}
.footer {
	font-size:0.8em;
	width:98%; 
	height:1.4em;
    position:fixed;
	top:97.5%;
	clear: both;
	line-height:0.01em;  
    overflow:hidden;
}
.footer li{
	display: inline-block;
}
.footer .fltrt {  /* 此类可用于在页面中使元素向右浮动。浮动元素必须位于其在页面上的相邻元素之前。 */
	float: right;
	margin-left: 8px;
}
.footer .fltlft { /* 此类可用于在页面中使元素向左浮动。浮动元素必须位于其在页面上的相邻元素之前。 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* 如果从 #container 中删除或移出了 #footer，则可以将此类放置在 <br /> 或空 div 中，作为 #container 内最后一个浮动 div 之后的最终元素 */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}