/*colori*/
@import url(colori/color_bg_background.css);
/*typography*/
@import url(typography/type.css);

body {
	margin:0;
	padding:0;
	}
ul, li {
	margin:0;
	padding:0;
	list-style-position: inside;
}
input, textarea {
	border: thin solid #CCC;
}
.vedi { display:block;}
.nnvedi { display:none;}
/*________classi__________*/
/*dida in 'intro'*/
span.dida {
	width:100px; }
span.dida p{
	margin-top:10px;}
/*div delle new in colonna 'colonna_news'*/	
.news { padding:16px 0 10px 0; }
.news h1{ padding:0; margin:0;}
/*news ed eventi*/
div.img_news_event img { margin:5px 0 5px 0 ; padding:0;}
/*immgini in 'album_foto'*/
.img_album { position:relative; float:left; margin:5px 5px 0 0px; padding:0;}

/*struttura*/
#contenitore {
	width:1000px;
	position:relative;
	margin:0 auto 0 auto;
	padding:0 0 10px 0;
	min-height:1200px; 
	}
#contenitore2 {
	width:1000px;
	position:relative;
	margin:0 auto 0 auto;
	padding:0;
	min-height:1500px; 
	}
#abstract{
	display:none;
	}
/*___________colonna uno 'data' + 'menu' _____________________*/
#tool {
	width:198px;
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	min-height:590px;
	height:100%;
}
#cernusco {width:178px;
	height:12px;
	position:relative;
	float:left;
	margin:0px 0px 5px 0;
	padding:83px 20px 0 0; 
	text-align:right;}
/*data a sx*/
#data {
	width:178px;
	height:85px;
	position:relative;
	float:left;
	margin:0px 0px 0 0;
	padding:15px 20px 0 0; 
	text-align:right;
	}
#data img { margin:-5px 0 0 0px; padding:0px;}
/*menu*/
#menu {
	width:181px;
	position:relative;
	float:left;
	margin:0px 0 0 17px;
	padding:0px;
	}
#menu a, #menu a:visited{
	width:180px;
	position:relative;
	clear:both;
	margin:0px;
	padding:0px;
	display:block;
	}
#menu  a:hover, #menu a:hover{}
#menu div.box_sezioni {margin: 0px;	padding: 0px;}
#menu div.box_sottosezioni {
	width:120px;
	float:left;
	position:relative;
	top:0px;
	margin: 0px;
	padding: 0px;
	}
#menu div.box_sottosezioni div a{
	width:160px;

	float:left;
	position:relative;
	margin:0 10px 0 0;
	padding:0px 0 0 10px;
	display:block;
}
.toolsx2 a{clear:both;}
.toolsxsel2 a{clear:both;}

/*___________fascia centrale_____________________*/
/*'personaggi'*/
#main{
	width:300px;
	position:relative;
	float:left;
	margin:0;
	padding:0;
	min-height:1201px;
	}
#main div {width:100px;height:100px; float:left; position:relative; }
#main span.nome { display:block; z-index:999; font-size:12px; width:90px; height:30px; padding:0px; margin:0px; position:absolute}
#main a:link span.nome, #main a:visited span.nome {top:-10000px; }
#main a:hover span.nome.sinistra {left:110px;top: 60px;	}
#main a:hover span.nome.giu{ top:110px; right:-10px;}
#main a:hover span.nome.su{ top:-40px;  right:-10px;}
#main a:hover span.nome.destra{ right:110px; top:10px; }
#main a:link, #main a:visited {	width:100px;height:100px; display:block; float:left; position:relative;	}
#main a:hover span.nome {}


/*___________terza colonna_____________________*/
#contenuti{
	width:502px;
	min-height:1200px;
	position: relative;
	float:right;
	margin:0;
	padding:0;
	}
/*bussola*/
#bussola{
	width:100%;
	position:relative;
	margin:45px 0 0 0;
	padding:0;
	height:54px;
	}
/*logo*/
#logo {
	width:502px;
	height:101px;
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	}
#logo img {
	width:487px;
	height:101px;
	text-align:center;
	display:block; 
	margin:0; 
	padding:0;
	}
#logo_print {
	display:none;
	}
#logo a {
	width:487px;
	height:100px;
	text-align:center;
	display:block;
	}
/*testi*/
#intro{
	width:443px;
	position:relative;
	float:left;
	margin:0px;
	padding:7px 22px 0px 22px;
	}
#intro h1{
	margin:0 0 5px 0;
	padding:0;
	}
#intro img { margin: 10px 0px 2px 0px; clear:both;}
#intro p img { margin-top:5px; margin-bottom:0px;}
#intro img p{ margin:0px;}
#intro hr{
	margin:10px 0px 10px 0px; padding:0;
	border: thin solid #CCC;
}
/*index*/
	/*eventi*/
			#evento{
				width:458px; height:186px;
				position:relative;
				float:left;
				margin:0px;
				padding:14px 22px 0px 22px;
				overflow:hidden;
				}
	/*news*/
			/*vedi .news */
	/*scritta fondo pag*/
			#img_footer {
				width:1000px;
				height:205px;
				position:relative;
				margin:50px 0 0 0;
				bottom: 0px;
				left:-520px;}
/*pagine 'sezioni menu'*/
	/*scritte*/
			#scritte { position:absolute; top: 990px; left:-300px;}
/*photogallery*/
	/*back 'photogallery' 'video' */
			#torna { position:absolute; top:0; right:32px;}		
/*contatti*/
#compilazione {
	float:left;
	position:relative;
	margin:0px;
	padding:0px;
	}
		#compilazione div{
			clear:both;
			}
		#compilazione div input, #compilazione div textarea {
			margin:0px 0 10px 0;
			padding:3px 2px 3px 3px;}
			
		#compilazione table{
			width:95%;
			clear:both;
			}
		#compilazione th{
			padding:0 5px 05px;
			border-left-width: 1px;
			border-left-style: solid;
		}
		#compilazione td.red{
			height:2px;
		}
		
		#compilazione td{
			vertical-align:middle;
			height:15px;
		}
		
		#compilazione p{
			width:100px;
			float:left;
			}
		#compilazione label{
			width:100px;
			float:left;
			}

		#compilazione input, #compilazione textarea {
			/*width:573px;*/
			margin:10px 0 10px 0;
			padding:3px 2px 3px 3px;
			}
	
		/*privacy*/
		#nascosto {
			height:75px;
			overflow:auto;
			width:400px; font-size:12px;
		}
		#nascosto p {
			clear:both; width:100%;
		}
		#pathway { width:100%; height:20px; clear:both;}
/*pagina news*/
#news_completa {
	width:802px;
	position:relative;
	margin:0px;
	padding:0px;
	left: -300px;
	top:100px;
	z-index:999;
	min-height:1001px; text-align:left; margin:0px; padding:0; }
#news_completa #txt3 { top:-100px; left:0; width:100%; height:63px; float:left; margin:0; padding:0; position:relative; text-align:left;}
#news_colonna {
	min-height:500px;
	padding:10px 20px 0px 10px;
	width:170px;
	font-size:12px;
	margin:0;
	position:relative;
	float:left;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #CCC; top:-100px;
}
#news_txt_colonna {
	min-height:500px;
	padding:5px 20px 0px 10px;
	width:552px;
	font-size:12px;
	margin:0;
	position:relative;
	float:left; top:-100px;
	
	
}
#news_txt_colonna h1{
	padding:0;
	margin:5px 0 5px 0;
	
}
/*___________footer_____________________*/
#info_footer { width:1000px; background-color:#fff; min-height:20px; position:relative; clear:both;  padding:20px 0 0 0; margin:0 auto 0 auto; z-index:9999;}	
#info_footer a{ z-index:9999;}
/*________________video___________________________________________________*/			
			
/*video_pagina*/
#personaggi {
	width:620px;
	height:470px;
	margin:0;
	padding:0;
	background-image: url(../protagonisti/comi/comi.png);
	background-repeat: no-repeat;
	background-position: left top;
	}			






/*
#foto { position:absolute; top:150px; left:0; width:600px; height:300px;}



#txt{
	width:487px;
	min-height:800px;
	position: relative;
	float:right;
	margin:0;
	padding:0px;
	}
*/








/*
#note {
	width:300px;
	position:relative;
	float:left;
	margin:95px 0 0 0px;
	padding:0px 0px 0px 0px;
	}


#note a {
	height:20px;
	position:relative;
	margin:0;
	padding:0px 0 0 0px;
	display:block;
	}
#note a:hover {}

#info_footer a{}
#info_footer a:hover{}*/

/*admin*/
/*crea nuova sezione + info pagina
#tool_info {
	width:100%;
	clear:both;
	position:relative;
	margin:20px 0 20px 0; 
	padding:0;	
	}*/