
/*
 * @ Selettori Layout
 */
body {
	background:url(../images/main_sfondo.jpg) center top no-repeat #000;
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
}

div#conteiner {
	width:100%;
}
	div#main {
		margin:0 auto;
		width:815px;
	}
		div#header {
			height:110px;
		}
			#logo {
				margin-top:18px;
				margin-left:0px;
				float:left;
			}
			#lang {
				position:absolute;
				top:10px;
				margin-left:430px;
			}
		div#central {
			margin-top:10px;
			margin-bottom:10px;
		}
		
		div#footer {
			text-align:center;
		}
			div#footer h3 {
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				color:#666666;
				margin:0;
				padding-top:10px;
				text-align:center;
			}
			div#footer p {
				font-size:11px;
				color:#414141;
				padding:0;
				margin:0;
				text-align:center;
			}
			div#footer img {
				margin-top:5px;
				margin-bottom:5px;
			}
		div#intro {
			text-align:center;
		}

/*
 * @ Classi
 */
#left {
	float:left;
	width:550px;
	/* @ IE hack */
	min-height: 350px;
	height: auto !important;
	height: 350px;
}
	#left p {
		margin-right:30px;
	}

#right {
	float:right;
	width:250px;
}
	#contact {
		background:url(../images/mail.png) right top no-repeat;
	}

.clear {
	clear:both;
}

.gold {
	color: #FFCC33;
}

/*
 * @ Definizione dei testi
 */
h1 {
	font-size:18px;
	color:#FFCC33;
}
	/*lascio posto alle breadcrumbs*/
	#right h1 {
		color:#666666;
		margin-top:5px;
	}
	
	#right .gold {
		color:#FFCC33;
	}
	
h3 {
	font-size:16px;
	color:#CCCCCC;
}

h4 {
	margin:0;
	padding-left:10px;
}

p {
	margin:0;
	line-height:22px;
	padding:5px;
	text-align:justify;
	font-size:13px;
	color:#999999;
}

label {
	color:#999;
	font-size:11px;
}

.m {
	list-style:none;
	margin-left:0;
	padding-left:5px;
	width:540px;
}
	.m li {
		color:#FFCC00;
		font-weight:bold;
		padding:10px;
		font-size:13px;
		width:460px;
		background: url(../images/arr.gif) left no-repeat #111111;
		margin-top:5px;
		padding-left:40px;
	}

strong {
	color:#CCCCCC;
}

.small {
	font-size:11px;
	color:#666666;
	margin:0;
	padding:0;
}

/*
 * Link generici
 */
a {
	font-weight:bold;
	text-decoration:none;
	color:#FFCC33;
}
	a:hover {
		color:#FFFFFF;
		text-decoration:none;
	}

hr {
	color: #666;
	background-color:#666;
	height: 1px;
	border:0;
	text-align:left;
}
	#left hr {
		width: 530px;
		margin-left:0;
	}
	
.it {
	font-style:italic;
}

/*
 * Main menu orizzontale
 */
div#menu {
	float:right;
	margin-top:45px;
}

	#menu ul {
		list-style:none;
		margin:0;
		padding:0;
	}
		#menu li {
			float:left;
			width:90px;
			margin:0;
			padding:0;
			text-align:center;
			font-weight:bold;
			font-size:13px;
		}
			#menu li a {
				display:block;
				padding:5px 10px;
				height:100%;
				color:#FFF;
				text-decoration:none;
				border-right:1px solid #FFF;
			}
			#menu li a {
				background:url(../images/bg2.jpg) repeat 0 0;
			}
			#menu li a:hover, li a:focus, li a:active {
				background-position:-150px 0;
			}
			/*lo uso per evidenziare la pagina corrente*/
			#menu .on {
				background:#920000;
			}
				#a a {	
					background:url(../images/bg2.jpg) repeat -20px 35px;
				}
					/*Drop down menu*/
					#a li ul {	
						margin: 0;
						padding: 0;
						position: absolute;
						visibility: hidden;
						z-index:100;
						
						/*Hack centratura per drop-down menu > IE6*/
						margin-left: auto !important;
						margin-left:-45px;
						width:280px;
						text-align:left;
					}
					
					#a li ul li {
						float: none;
						display: inline;
						padding:0;
						font-size:13px;
						color:#FFFFFF;
						text-align:left;
					}
					
					#a li ul li a {
						border:0;
						width: auto;
						background:#999999;
						border-bottom:solid 1px #cccccc;
						opacity: 0.9; 
						/* For IE 5-7 */
						filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
						/* For IE 8 */
						-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
					}
					
					#a li ul li a:hover {
						background: #666666;
					}
	

/*
 * @ Definizione UL foto thumb
 */
ul#foto {
	list-style:none;
	margin-left:0;
	padding-left:0;
}
	ul#foto li {
		float:left;
		margin-left:0;
	}
	ul#foto li a {
		text-decoration:none;
		padding:3px;
	}
		ul#foto li a img {
			border:solid 2px #999999;
		}
		ul#foto li a:hover img {
			border:solid 2px #FFCC00;
		}
		
/*
 * Breadcrumbs - navigazione
 */
#breadcrumb {
	border-bottom:solid 1px #666;
	width:510px;
	padding-bottom:5px;
	padding-bottom:5px;
}
#breadcrumb ul {
	list-style:none;
	margin:0;
	padding:0;
}
	#breadcrumb ul li {
		display:inline;
		font-family:Arial, Helvetica, sans-serif;
		color:#999999;
		font-size:11px;
		margin:0;
		padding:0;
	}
		#breadcrumb ul li a {
			color:#CCCCCC;
			text-decoration:none;
			font-weight:bold;
		}
		#breadcrumb ul li a:hover {
			color:#FFCC00;
			font-size:11px;
		}
		
/*
 * Navigazione jQuery per immagini homepage
 */
.boxgrid { 
	width: 160px; 
	height: 120px; 
	margin:5px; 
	float:left; 
	background:#161613; 
	overflow: hidden; 
	position: relative;
	border:solid 1px #666666;
}
	.boxgrid img { 
		position: absolute; 
		top: 0; 
		left: 0; 
		border: 0; 
	}
	.boxgrid p { 
		padding: 0 10px; 
		color:#afafaf; 
		font-weight:bold; 
		font:10pt "Lucida Grande", Arial, sans-serif; 
	}
	
.boxcaption { 
	float: left; 
	position: absolute; 
	background: #990000; 
	height: 100px; 
	width: 100%; 
	opacity: 0.8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
	.captionfull .boxcaption {
		top: 260px;
		left: 0;
	}
	.caption .boxcaption {
		top: 220px;
		left: 0;
	}
	.boxcaption h3 {
		font-size:12px;
		color:#FFFFFF;
		padding:5px;
		margin:0;
		text-transform:uppercase;
	}
	.boxcaption a {
		text-decoration:none;
		color:#FFCC00;
		text-align:left;
		font-weight:bold;
		font-size:12px;
	}
	
/*
 * News
 */
div#news p {
	line-height:18px;
}
div#news h4 {
	margin:0;
	padding:0;
	padding-left:5px;
	color:#CCCCCC;
	font-size:13px;
}

/*
 * Form class
 */
form {
	padding:3px;
}

input, textarea {
	margin-top:4px;
	margin-bottom:4px;
}

.form {
    background: #151515;
	color:#dab449;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	border:solid 1px #333;
	padding:5px;
}

/*Solo per form admin*/
.adm {
	background:#d0e2ff;
	color:#333;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	border:solid 1px #666;
	padding:5px;
}
.submit {
	background:url(../images/submit.jpg) repeat-x left top;
	color:#FFF;
	font-weight: bold;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	border:solid 1px #666;
	padding:6px;
	padding-left: 30px;
}

.prev, .next {
	background: #333333;
	color:#FFCC00;
	font-weight: bold;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	border:solid 1px #666;
	padding:2px;
	margin-left: 3px;
}

/*
 * PANEL GRAFICI - class
 * ----------------
 * -> info
 * -> ok
 * -> error
 */
 
/*Info*/
.info {
	width:95%;
	background: url(../../../images/layout/info.jpg) no-repeat center left #d3f0ff;
	border:1px solid #84c3e3;
	margin-top:10px;
	margin-bottom:10px;
	opacity: 0.8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
	.info h3 {
		margin-left:70px;
		margin-right:20px;
		margin-top:20px;
		margin-bottom: 0;
		color:#006699;
	}
	.info p {
		margin-left:70px;
		margin-right:20px;
		font-weight:bold;
		font-size:13px;
		margin-bottom:20px;
		color: #333;
	}

/*Ok*/
.ok {
	width:95%;
	background: url(../../../images/layout/ok.jpg) no-repeat center left #dbffcf;
	border:1px solid #8bd26c;
	margin-top:10px;
	margin-bottom:10px;
	opacity: 0.8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
	.ok h3 {
		margin-left:70px;
		margin-right:20px;
		margin-top:20px;
		margin-bottom: 0;
		color:#009900;
	}
	.ok p {
		margin-left:70px;
		margin-right:20px;
		font-weight:bold;
		font-size:13px;
		margin-bottom:20px;
		color: #333;
	}

/*Error*/
.error {
	width:95%;
	background: url(../../../images/layout/error.jpg) no-repeat center left #ffd9cf;
	border:1px solid #f4967c;
	margin-top:10px;
	margin-bottom:10px;
	opacity: 0.8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
	.error h3 {
		margin-left:70px;
		margin-right:20px;
		margin-top:20px;
		margin-bottom: 0;
		color:#CC0000;
	}
	.error p {
		margin-left:70px;
		margin-right:20px;
		font-weight:bold;
		font-size:13px;
		margin-bottom:20px;
		color: #333;
	}
	
/*
 * Admin menu
 */
div#secondMenu { 
	width:180px;
	margin-top:10px;
}
	#blueblock{
		width: 100%;
		padding: 0 0 1em 0;
		margin-bottom: 1em;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color: #333;
	}
		* html #blueblock{ /*IE 6 only */
			width: 147px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
		}
	
	#blueblock ul{
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
	}
		#blueblock li {
			border-bottom: 1px solid #666;
			margin: 0;
		}
			#blueblock li a{
				display: block;
				padding: 7px;
				border-right: 10px solid #424242;
				background:#333;
				color: #ccc;
				text-decoration: none;
				width: 100%;
			}
				html>body #blueblock li a{ /*Non IE6 width*/
					width: auto;
				}
			
			#blueblock li a:hover{
				border-right: 10px solid #575757;
				background:#222222;
				color:#FFCC00;
			}

/*--- END SECOND MENU ---*/

/*--- LINK DI PAGINAZIONE ---*/
.pagination{
	padding: 2px;
	margin-top:10px;
}
	.pagination ul{
		margin: 0;
		padding: 0;
		text-align: left;
	}
		.pagination li{
			list-style-type: none;
			display: inline;
			padding-bottom: 1px;
			font-size:12px;
		}
			.pagination a, .pagination a:visited {
				padding: 0 6px;
				border: 1px solid #999999;
				text-decoration: none; 
				color: #fff;
				background:#666;
			}
			.pagination a:hover, .pagination a:active {
				border: 1px solid #fff;
				color: #333;
				background-color: #FFCC33;
			}
			.current {
				background-color: #333;
				color: #fff;
				border: 1px solid #fff;
				padding: 3px;
			}
			.pagination a.disablelink, .pagination a.disablelink:hover{
				background-color: white;
				cursor: default;
				color: #929292;
				border-color: #929292;
				font-weight: normal !important;
			}
.pagination a.prevnext{
	font-weight: bold;
}

/*VISUALIZZAZIONE RECORD*/
.record {
	background: url(../images/record.jpg) bottom repeat-x;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: dotted 1px #666;
	width: 96%;
}
	.record p {
		float: left;
	}
	.record_mod {
		float: right;
		padding: px;
		margin-right: 10px;
	}

/*
 * record > news
 */
.record_up {
	width:95%;
	border-bottom:dotted 1px #666;
	background: url(../images/record_up.gif) right center no-repeat;
}

.record_dw {
	background: url(../images/record_dw.gif) right center no-repeat;
	border-bottom:dotted 1px #CCCCCC;
	width:95%;
}

	.record_up p, h3 {
		margin-top:0px;
		margin-bottom:5px;
		margin-left:10px;
		margin-right:10px;
	}
	.record_dw p, h3 {
		margin-top:0px;
		margin-bottom:5px;
		margin-left:10px;
		margin-right:10px;
		color:#ccc;
	}
	
/*
 * record > video
 */
.video_up {
	width:95%;
	border-bottom:dotted 1px #666;
	background: url(../images/play_up.gif) right center no-repeat;
}

.video_dw {
	background: url(../images/play_dw.gif) right center no-repeat;
	border-bottom:dotted 1px #CCCCCC;
	width:95%;
}

	.video_up p, h3 {
		margin-top:0px;
		margin-bottom:5px;
		margin-left:10px;
		margin-right:10px;
	}
	.video_dw p, h3 {
		margin-top:0px;
		margin-bottom:5px;
		margin-left:10px;
		margin-right:10px;
		color:#ccc;
	}
	
	
/*VIDEO INS div*/
#videoIns {
	width: 90%;
	padding: 15px;
	background: url(../images/video.jpg) top repeat-x #c10000;
	border-top: solid 2px #999;
	border-bottom: solid 2px #999;
}
	#videoIns input {
		padding: 5px;
		font-size: 16px;
	}
	#videoIns p {
		padding: 0;
		color: #ccc;
	}
		#videoIns p strong {
			padding: 0;
			color: #fff;
		}
 
