html, body{
height: 100%;
}
body {
background: url(http://www.universitadelcinema.it/images/sfondo.gif) repeat-y #333;
color:#e0e0e0;
padding:0px;
margin:0px;
font-family: verdana,arial, helvetica, sans-serif;
font-size: 80%; 
}

/* blocco principale = contenuto */


div#pagina
	{
	overflow: hidden;
	}

div#pagina
	{
	float: left;
	float/**/: none;
	}

/* easy clearing */
div#pagina:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

div#pagina{
	display: inline-block;
	}
/*\*/
div#pagina{
	display: block;
	}
/* end easy clearing */
div#contenuto
	{
	float: left;
	margin-left: 20%;
	width:70%;
	}

div#contenuto a {
	color: #7dbeff; 
	background: #333;
}

* html #contenuto
	{
	display: inline;
	}

div#sx
	{
	position:absolute;top:0px;left:0px;width: 20%;
	background:#666;color:#f0f0f0;
	}

/* Start Mac IE5 filter \*/
#contenuto, #sx
	{
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important; 
	}
#contenuto, #sx
	{
	padding-bottom: 0 !important;
	margin-bottom: 0 !important; 
	}
#contenuto:before, #sx:before
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]';
	display: block;
	background: inherit;
	padding-top: 32767px !important;
	margin-bottom: -32767px !important;
	height: 0;
	}
/* End Mac IE5 filter */


#footer	{
	clear: both;
	}

*>#footer, *>form, *>#notes, *>.output	{
	position: relative;
	z-index: 1000;
	}

.testo {
padding-left:3%;padding-top:200px;
height:100%;
border-left:6px #e0e0e0 solid;
}

#sotto{
float:left;
width:80%;
left-margin:auto;
right-margin:auto;
background:#333; 
color:#e0e0e0;
font-size:70%;
text-align:center;
}
.sotto a{
background:#333;color:#7dbeff;
}
.picc{
text-align:center;
font-size:70%;
}
h1 { 
font-weight: normal; 
font-size: 160%; 
color:#f0f0f0;
background:#333;
} 
h1 span{
font-size:60%;
}

h2 { 
font-weight: normal; 
font-size: 160%; 
color:#ffffff;
background:#333;
} 
h2 span {
font-size: 70%;
}
h3{ 
font-weight: bold; 
font-size: 110%; 
color:#7dbeff;
background:#333;
} 
h3 span{font-size:85%; font-weight:normal;}
h4{ font-weight: normal; font-size: 70%; color: #ffffff;padding:20px;background:#333;} 

.blu {color:#7dbeff;background:#333;}
.docenti{font-weight:bold; color:#7dbeff;background:#333;}
.docenti span{font-weight:normal; color:#f0f0f0;}
.docenti1{font-weight:bold; color:#f0f0f0;background:#333;}
.docenti1 span{font-weight:normal;}

.textb {font-size: 95%; color:#7dbeff;background:#333;font-weight: normal; padding:20px;}
div#evidenziato {color: #ffff00; background: #333;}
.foto{border: 2px #808080 solid;}
.diritti{font-size:75%; color:#fff;background:#333;text-align:center;}
.indirizzo{font-size:70%; color:#e0e0e0;background:#333;padding-left:15px;}

div#docenti a {font-weight: bold; text-decoration: none; color: #f0f0f0; background:#333;}
div#docenti a:hover {color: #6699ff; background: #333;}

div#docenti a span {display: none;}
div#docenti a:hover span {display: block; position: relative; top:-150px; left:30%; width: 50%;
 color: #666; background: #fff; font-size:90%; padding:10px;border: 2px gray dotted;}

.pannello{position:relative;top:0px;left:-20%; width:20%;padding:3px;font-size:95%;font-weight:bold;z-index:5;}
.imgsx{float:left;
padding: 20px;
}

.testosx {font-size: 95%; color:#f0f0f0; background:#003366; padding:10px 0 0 10px;}

.locandina {background:#804040; padding: 5px;}
.locandina2 {border: 1px #f0f0f0 solid;padding: 5px;}
.locandina3 {border: 1px #f0f0f0 solid;padding: 5px;background:#585858;}
.locandina3 a{color:#f0f0f0;}

div#button {float:left; text-align:left;}

div#button a { 
width:89%;	
display : block; 	
font-weight : normal; 	
padding : 0; 	
margin : 0; 	
text-decoration : none; 	
color : #f0f0f0; 	
} 


div#button ul, li{
list-style:none;
margin-left:5px;padding-left:5px;}


div#button a:hover { 	
color : #fff; 	
background : #ccc; 	
} 	
	
div#button a span { 	
display : none; 	
} 	

div#button a:hover span { 	
display : block; 	
position : absolute; 	
top : 20px; 	
left : 25px; 	
width : 80%; 	
padding : 5px; 	
z-index : 5; 	
color : #7dbeff; 	
background : #333; 	
border : 2px solid #ff3333; 	
text-align : left; 	
} 	

div#button #azz a {color:#7dbeff;}

.box_notizie{
float:left; 
width:45%; 
padding:5px; 
font-size:85%;
font-weight:normal; 
}

.box_notizie_l{
float:left; 
width:95%; 
padding:5px; 
font-size:85%;
font-weight:normal; 
background:#333;
color:#f0f0f0;
}
.box_notizie_l h2, h2 span{
color:#ffffff;background:#333;
} 

.field {
 margin: 10px;
 padding: 1em;
 border: 1px dotted #ccc;
 width: 90%;
 position: relative;
tex-align: left;
}

.field h1 { 
display: inline; 
position: absolute; 
top: -15px; 
background: #333; 
color: #7dbeff; 
padding: 0 5px 0 5px; 
font-size: 200%; 
font-weight:bold;
}

.field h2 { 
display: inline; 
position: absolute; 
top: -15px; 
background: #333; 
color: #7dbeff; 
padding: 0 5px 0 5px; 
font-size: 140%; 
font-weight:bold;
}

.clearboth{
clear: both;
}

.giallo{
color:#efcb5f;
}

.rosso{
color:#ce0000;
}