/* CSS by Web_Lab for Mestiere Cinema 2008 */


/* --------------- main elements --------------- */
body {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#A1A1A1;
	background: #F2F3F5 url(../img/bg.gif) repeat-x top left;
	text-align:center;
}

img, form {
	margin: 0;
	padding: 0;
	border: 0;
}

/* text */


h1 {
	margin:30px 20px 0px 230px;
	padding:0;
	height:22px;
	font:bold 16px arial, verdana, sans-serif;
	text-transform:uppercase;
	color:#333;
	}
		
h2 {
	margin:30px 20px 0px 10px;
	padding:0;
	height:22px;
	font:bold 16px arial, verdana, sans-serif;
	text-transform:uppercase;
	color:#333;
	}


p {
	margin:10px 0px;
}

/* link */

a {
	margin: 0 0 13px 0;
	color:#b00203;
	font-weight:bold;
}

a:link, a:visited {
	color: #b00203;
	text-decoration: none;
	padding: 0px;
}

a:hover, a:active {
	color: #ccc;
}

a.pdf {
	color:#ccc;
	font-size:10px;
	font-weight:normal;
	text-decoration:underline;
	padding:10px 10px 10px 30px;
	background:url(../img/pdf.gif) no-repeat center left;
}

a.pdf:hover {
	color:#FF6363;
}

a.film {
	margin: 0 0 13px 0;
	color:#676767;
	font-weight:bold;
}

a.film:link, a.film:visited {
	color: #676767;
	text-decoration: none;
	padding: 0px;
}

a.film:hover {
	color:#BC0000;
}

a.pdf1 {
	color:#676767;
	font-size:10px;
	font-weight:normal;
	text-decoration:underline;
	padding:10px 10px 10px 30px;
	background:url(../img/pdf1.gif) no-repeat center left;
}

a.pdf1:hover {
	color:#FF6363;
}
/* form */

label {
	width: 100px;
	margin: 0 5px 0 0;
	color: #262222;
	font-weight: bold;
}

input {
	margin: 4px;
	padding: 2px 4px;
	display:inline;
	border:1px solid #ccc;
	background:#fff;
	font-size:10px;
}

select {
	padding: 0px;
	color: #4d4a4a;
	margin: 0px;
}


/* ------------ layout divs ------------ */

#frame {
	width: 900px;
	margin: 0 auto;
	padding: 0;
	text-align:left;
	background:#fff;
	border-top:5px solid #CCCCCC;
	border-bottom:120px solid #F2F3F5;
}

/* header */

#header {
	width: 900px;
	margin: 0;
	padding: 0;
	position:relative;
}

#logo {
	width: 900px;
	height:88px;
	margin: 0;
	padding: 0;
	background:url(../img/logo.jpg) no-repeat 0 0;
}

/* per intro */
	#imagesLayer {
		position:absolute;
		top: 0px;
		width:900px; 
		z-index:2; 
		visibility:hidden;
		}

	#flashLayer {
		position:relative;
		top: 0px;
		width:900px; 
		z-index:1; 
		visibility:visible;
		}       

/* menu */
#topmenu {
	width: 900px;
	padding:0px ;
	text-align: center; 
	margin:0px;
}

#topmenu ul	{
	width: 900px;
	height: 53px;
	background: url(../img/menu.gif);
	margin: 0;
	padding: 0;
	position: relative;
	}
	
#topmenu ul li	{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
#topmenu ul li, #topmenu a	{
	height: 53px;
	display: block;
	}

#topmenu ul li a {
	text-indent: -9999px; 
	text-decoration: none;
	}

#menu li a.selected{
	color: #ffab17;
}

	#mn1 {left: 0; width: 121px;}
	#mn2 {left: 121px; width: 110px;}
	#mn3 {left: 231px; width: 151px;}
	#mn4 {left: 382px; width: 129px;}
	#mn5 {left: 511px; width: 111px;}
	#mn6 {left: 622px; width: 165px;}
	#mn7 {left: 787px; width: 113px;}
	
	#mn1 a:hover, #mn1 a.on {background: transparent url(../img/menu.gif) 0 -53px no-repeat;}
	#mn2 a:hover, #mn2 a.on {background: transparent url(../img/menu.gif) -121px -53px no-repeat;}
	#mn3 a:hover, #mn3 a.on {background: transparent url(../img/menu.gif) -231px -53px no-repeat;}
	#mn4 a:hover, #mn4 a.on {background: transparent url(../img/menu.gif) -382px -53px no-repeat;}
	#mn5 a:hover, #mn5 a.on {background: transparent url(../img/menu.gif) -511px -53px no-repeat;}
	#mn6 a:hover, #mn6 a.on {background: transparent url(../img/menu.gif) -622px -53px no-repeat;}
	#mn7 a:hover, #mn7 a.on {background: transparent url(../img/menu.gif) -787px -53px no-repeat;}

#slide {
	margin-left:-1px;
}

#ruled {
	width: 900px;
	background:url(../img/ruled.gif) repeat-x 0 0;
	margin: 0;
	padding: 0;
	height:16px;
}

#cinemabanner {
	width: 900px;
	background:url(../img/banner_credits.jpg) no-repeat;
	margin: 0;
	padding: 0;
	height:100px;
}

#cinemabanner_cv {
	width: 900px;
	background:url(../img/banner_curriculum.jpg) no-repeat;
	margin: 0;
	padding: 0;
	height:100px;
}

#cinemabanner_news {
	width: 900px;
	background:url(../img/banner_news.jpg) no-repeat;
	margin: 0;
	padding: 0;
	height:100px;
}


#cinemabanner_locations{
	width: 900px;
	background:url(../img/banner_locations.jpg) no-repeat;
	margin: 0;
	padding: 0;
	height:100px;
}

/* main contents */

#main {
	background:#fff;
	width:900px;
	margin:0px;
	padding:0px;
}

	#leftcol {
		float:left;
		width:285px;
		margin:0;
		padding:0;
	}
	
		#activities {
			margin:20px;
			padding:0;
			background:url(../img/activities.gif) no-repeat top left;
			height:22px;
			width:200px;
		}
	
		#reserved {
			margin:30px;
			padding:0;
			background:url(../img/reserved.gif) no-repeat top left;
			height:22px;
			width:200px;
		}

		#login {
			text-align:left;
			margin:0 0 0 16px;
			padding:0;
			width:245px;
		}

		#nav {
			text-align:left;
			background:url(../img/bg_menu.gif) repeat-x;
			margin:0 0 0 20px;
			padding:0;
			width:245px;
		}
			
			#nav ul {
				text-align:left;
				list-style-type:none;
				margin:0px 20px 20px 20px;
				padding:0;
			}
	
			#nav ul li {
				margin:1px 0;
				padding:1px 0px;
				display:block;
				border-bottom:1px solid #ccc;
				
			}
				
			#nav ul li a {
				color:#828282;
				padding-left:15px;
				background:url(../img/arrow1.gif) no-repeat center left;
			}

			#nav ul li a:hover {
				background:url(../img/arrow.gif) no-repeat center left;
				color:#F0000F;
			}

	#centercol {
		float:left;
		width:310px;
		margin:0px;
		padding:0;
	}
	
		#welcome {
			margin:20px;
			padding:0;
			background:url(../img/welcome.gif) no-repeat top left;
			height:22px;
			width:210px;
		}
		
		#maincontent {
			margin:20px;
		}
	
	#rightcol {
		text-align:left;
		float:left;
		width:305px;
		margin:0;
		padding:0;
	}

		#news {
			margin:20px;
			padding:0;
			background:url(../img/news.gif) no-repeat top left;
			height:22px;
			width:205px;
		}

		.newsarticle {
			margin:10px 20px;
			font-size:9px;
			clear:both;
		}

		.newsarticle img {
			border: 1px solid #44444C;
			}

	#centerrightcol {
		float:left;
		width:615px;
		margin:0px;
		padding:0;
		text-align:left;
	}
	
		#centerrightcol #thumbnails {
			margin:20px 30px 0px 0px;
			}
	
		#centerrightcol img {
			border:6px solid #F9F9F9;
			margin:2px 2px;
			}
	
		#centerrightcol a:hover img {
			border:6px solid #CC0001;
			margin:2px 2px;
			}

		#centerrightcol #boximg {
			border:1px solid #ccc;
			margin:10px;
			width:160px;
			height:120px;
			float:left;
			}

		#centerrightcol #boximg .imgtext {
			margin:0px 10px;
			}




/* inner */

	#leftcol_inner {
		float:left;
		width:210px;
		margin:0;
		padding:0;
	}

#navigation {
	margin:26px 20px 0px 0px;
}	

.mainmenu {
	margin:-2px 0;
	padding:0;
	width:180px;
	}

.mainmenu a {
	color:#000;
	margin:0px 0px 0px 4px;
	padding:8px 10px;
	display:block;
	background:url(../img/bg_menu1.gif) repeat;
}

		#nav_inner {
			text-align:left;
			margin:7px 0 0 0px;
			padding:0;
			width:180px;
		}
			
			#nav_inner ul {
				text-align:left;
				list-style-type:none;
				margin:0px;
				padding:0;
				width:180px;
			}
	
			#nav_inner ul li {
				margin:1px 0px 1px 4px;
				padding:6px 0px;
				display:block;
				background:url(../img/bg_menu1.gif) repeat-x;
			}
				
			#nav_inner ul li.on {
				margin:1px 0px 1px 4px;
				padding:6px 10px;
				display:block;
			}

			#nav_inner ul li a {
				color:#333;
				margin-left:10px;
			}

			#nav_inner ul li a:hover {
				color:#ccc;
			}

			#nav_inner ul li ul {
				margin:10px 0px 1px 0px;
				padding:0px;
				display:block;
				background:#fff;
			}

			#nav_inner ul li ul li {
				margin:0px 0px 1px 0px;
				padding:6px 10px;
				display:block;
				border-bottom: 1px solid #D0D0D0;
				background:#fff;
			}

			#nav_inner ul li ul li a {	
				font-weight:normal;
				margin-left:0px;
			}

			#nav_inner ul li ul li a.on {	
				color:#CC0001;
			}

				#nav_inner ul li ul li ul {
					margin:10px 0px 1px 0px;
					padding:0px;
					display:block;
					background:#fff;
					width:130px;
				}
	
				#nav_inner ul li ul li ul li {
					margin:0px 0px 4px 0px;
					padding:0px 0px 0px 10px;
					display:block;
					border-bottom: none;
					border-left: 1px solid #000;
					background:#fff;
					width:130px;
				}
	
				#nav_inner ul li ul li ul li a {	
					font-weight:normal;
				}
	
				#nav_inner ul li ul li ul li a.on {	
					color:#CC0001;
				}
			
	#centercol_inner {
		float:left;
		width:190px;
		margin:0px;
		padding:0;
	}

		#maincontent_inner {
			margin:10px 20px;
		}

	#centercol_cv {
		float:left;
		width:430px;
		margin:0px;
		padding:0;
	}

		.list {
			background:#f3f3f3;
			border:1px solid #F0F0F0;
			margin:10px 20px;
			padding:20px;
			width:300px;
		}
		
		.black {
			color:#636363;
			margin-bottom:10px;
		}

	#centercol_news {
		float:left;
		width:630px;
		margin:0px;
		padding:0;
	}

		.newslist {
			background:#f3f3f3;
			border:1px solid #F0F0F0;
			margin:10px 20px;
			padding:20px;
			height:70px;
			width:530px;
		}

	#centercol_details {
		float:left;
		width:410px;
		margin:0px;
		padding:0;
	}

	#rightcol_inner {
		text-align:left;
		float:left;
		width:500px;
		margin:0px 0px 0px 0px;
		padding:0;
	}

		#rightcol_inner img.main {
			border:10px solid #F9F9F9;
			margin:20px 30px 0px 30px;
			}
	
		#rightcol_inner #thumbnails {
			margin:20px 30px 0px 30px;
			}
	
		#rightcol_inner img {
			border:6px solid #F9F9F9;
			margin:2px 2px;
			}
	
		#rightcol_inner a:hover img {
			border:6px solid #CC0001;
			margin:2px 2px;
			}

	#rightcol_details {
		text-align:left;
		float:left;
		width:280px;
		margin:5px 0px;
		padding:0;
	}
	
		#rightcol_details #thumbnails {
			margin:0px 30px 0px 30px;
			}
	
		#rightcol_details img {
			border:6px solid #F9F9F9;
			margin:2px 2px;
			}
	
		#rightcol_details a:hover img {
			border:6px solid #CC0001;
			margin:2px 2px;
			}

	#rightcol_cv {
		text-align:left;
		float:left;
		width:260px;
		margin: 7px 0px 0px 0px;
		padding:0;
	}

		#rightcol_cv img {
			border:10px solid #B00000;
			margin:0;
			padding:0;
		}

		#rightcol_cv #box {
			background:#CCCCCC;
			margin:0;
			padding:20px;
			width:205px;
		}
		
		#box h1 {
			margin:0px 20px 0px 0px;
			padding:0;
			height:22px;
			width:210px;
			font:bold 16px arial, verdana, sans-serif;
			text-transform:uppercase;
			color:#333;
		}
		
		#box p {
			color:#5D5D5D;
		}

/* footer */

#footer {
	clear: both;
	width: 900px;
	border-top:1px solid #F3F4F6;
	margin: 0px;
	padding: 15px 0;
	font-size:9px;
	background:#F8F9FA;
}

	#servicemenu {
		float:right;
		margin-right:20px;
	}

	#servicemenu a {
		color:#BEBEBE;
		font-size:10px;
		font-weight:normal;
		text-decoration:underline;
	}

	#servicemenu a:hover {
		color:#FF6363;
		text-decoration:none;
	}

/* classes */
.left {
	float:left;
	margin-right:10px;
}	

.right {
	float:right;
}	

.sep {
	padding:10px;
	border:0;
	clear:both;
} 

/* for print */

#printheader {
	display:none;
}

#films {
	display:none;
	visibility:hidden;
}

/* for highslide */
.highslide {
	cursor: url(../img/highslide/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}

.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}

.highslide-overlay {
	display: none;
}

/* Controlbar example */
.controlbar {	
	background: url(../img/highslide/controlbar4.gif);
	width: 167px;
	height: 34px;
}
.controlbar a {	
	display: block;
	float: left;
	/*margin: 0px 0 0 4px;*/	
	height: 27px;
}
.controlbar a:hover {
	background-image: url(../img/highslide/controlbar4-hover.gif);
}
.controlbar .previous {
	width: 50px;
}
.controlbar .next {
	width: 40px;
	background-position: -50px 0;
}
.controlbar .highslide-move {
	width: 40px;
	background-position: -90px 0;
}
.controlbar .close {
	width: 36px;
	background-position: -130px 0;
}


/* Necessary for functionality */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

#myGallery h2{
	margin:30px 20px 0px 10px;
	padding:0;
	font:normal 12px arial, verdana, sans-serif;
	text-transform:lowercase;
	color:#fff;
	}	
	
#myGallery h2 strong {
	padding:0;
	font:bold 22px arial, verdana, sans-serif;
	text-transform:uppercase;
	color:#fff;
	}

#myGallery p {
	margin:50px 20px 0px 10px;
	padding:0;
	font:bold 12px arial, verdana, sans-serif;
	text-transform:lowercase;
	color:#fff;
	}
	
/* da utilizzare per galleria slide in home */

ul#portfolio{
	margin:0;
	padding:0;
}

ul#portfolio li{
	list-style-type:none;
	margin:0;
	right:0px;
	padding:0;
	background:none;
}

ul#portfolio img{
	width:900px;
	height:168px;
}

.aaaa {
	width:292px;
	height:168px;
	background:url(../img/bkg_banner.jpg) no-repeat top left;
	position:absolute;
	z-index:300;
	top:0px;
	left:0px;
	}

.aaaa h3{

width:210px;
cursor:pointer;
color:#FFF;
margin:10px 0 0 15px;
font-family:arial;
font-size:12px;
font-weight:normal;
}	

.aaaa strong {
font-weight:bold;
font-size:22px;
}	

/*-- css per la freccia del controllo --*/
#msg {
	display:none; 
	position:absolute; 
	z-index:200; 
	background:url(../img/msg_arrow.gif) left center no-repeat; 
	padding-left:7px
}
#msgcontent {
	display:block; 
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
	color:#534B44;
	border:2px solid #d0d0d0; 
	border-left:0;  
	padding:5px; 
	min-width:150px; 
	max-width:200px;
	font-size:0.7em;
}