@charset "utf-8";
/* CSS Document */
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
}
#login{
	width:100%;
	height:26px;
	font-family: Arial,Helvetica sans-serif;

}
#stripe{
	width:100%;
	margin-top:123px;
	height:163px;
}

img#foto_pagina{

width:438px;
height:302px;
margin-left:15px;
margin-top:15px;
}
/*
login bar
*/
#login_bar{
	background-color:#e8d4bc;
	width:984px;
	height:26px;
	margin-right:auto;
	margin-left:auto;
	text-align:right;
}
.align_right_box{

		display:block;
		width:auto;
		float:right;
		margin-right:10px;

	}

	.normal{

		font-family:Arial Narrow, Arial, Helvetica, sans-serif;

		color: #333333;

		font-size:15px;		

	}

#login_content{
	width:996px;
	margin-left:auto;
	margin-right:auto;
	
}
#stripe_content{
	position:relative;
	width:996px;
	margin-left:auto;
	margin-right:auto;
	/*developing*/
	background-color:#FF33CC;
}

#logo{
	position:absolute;
	top:-90px;
	left:20px;
	width:179px;
	height:197px;
	z-index:2;
}

#box_img{
	position:absolute;
	width:469px;
	height:333px;
	left:171px;
	top:-106px;
	z-index:1;

}

div#stripe_content h1{
	position:absolute;
	left:650px;
	top: -100px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:25px;
	display:block;
	width:auto;
	color:#333;
	
}

div#stripe_content h2{
	position:absolute;
	left:650px;
	top: -70px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	display:block;
	width:auto;
	color:#333;
	
}

/*
		log
	*/
	
	.log{
		display:block;
		width:auto;
		float:left;
		height:15px;
		padding-top:0px;
		margin-top:3px;	
	}
	label.log{
		margin-left:8px;
		margin-right:2px;
	}
	.align_right_box{
		display:block;
		width:auto;
		float:right;
		margin-right:10px;
	}
	div#login_bar p, div#login p{
	font-weight:normal;
	padding-top:4px;
	float:left;
	margin-left:80px;
	}
	div#login_bar strong{
	font-weight:bold;
	}
	
	#logout{
		background:url(../gra/logout.png) no-repeat;
		width:27px;
		height:18px;
		text-decoration:none;
		text-indent:-2000px;
		border:none;
		margin-top:4px;
		margin-left:0px;
		margin-right:5px;
	}
	label.out{
	display:block;
	float:left;
	margin-top:5px;
	margin-left:30px;
	margin-right:3px;
	
	}
	
	#submit{
		background:url(../gra/submit.png) no-repeat;
		width:18px;
		height:18px;
		text-decoration:none;
		text-indent:-200px;
		border:none;
		margin-top:4px;
		margin-left:5px;

	}
	p.error{
		display:block !important;
		margin-left:20px !important;
		width:auto !important;
		color:#FF3300;
	}
	p.error a{
	color:#FF3300;
	}

/*
	briciole di pane di pollicino
*/
div#crumbs{
	margin-top:74px;
	height:20px;
	width:100%;
	font-size:16px;
}

div#crumbs_content{
	position:relative;	
	width:984px;
	margin-left:auto;
	margin-right:auto;
	padding-top:4px;
	text-indent:235px;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	font-style: italic;
}

div#crumbs_content div#root_crumbs{
	background:url(../gra/root_crumbs.png) no-repeat;
	position:absolute;
	top:-4px;
	left:190px;
	width:40px;
	height:29px;
}
p.crumb{
font-weight:bold !important;
text-indent:0px !important;
margin-top: -1px !important;
margin-left: 235px !important;
}
/*
	contenuti della pagina
	
*/
div#text{
	margin-top:18px;
	width:100%;
}

div#text_content{
	
	width:984px;
	margin-left:auto;
	margin-right:auto;
	text-indent:28px;
}

div#text_content p, div#text_content h4 {
	margin-top:18px;
	margin-left:200px;
	width:400px;
	line-height:15px;
	text-align:justify;
}
h4{
	font-weight:strong;
}

div#text_content ul{
	margin-top:18px;
	margin-left:200px;
	width:400px;
	margin-bottom:25px;
}
div#text_content ul li{
list-style-image:none;
line-height:18px;
text-indent:20px;
margin-top:10px;
}
div#text_content ul li span{
display:block;
text-indent:0px;
margin-left:15px;
margin-top:7px;

}
div#text_content ul li span.par{
display:block;
text-indent:0px;
margin-left:2px;
margin-top:7px;
font-weight:bold;
}

div#text_content ul li span.short{
display:block;
text-indent:0px;
margin-top:0px;
}
div#text_content ul li span.short2{
display:block;
text-indent:0px;
margin-top:0px;
margin-left:24px;
}

div#text_content h3{
	padding-top:18px;
	margin-left:180px;
	width:420px;
	font-size: 16px;
	font-weight:bold;
	text-indent:0px;
	text-align:justify;
	line-height:20px;
}
div#text_content div.colonna span{
	display:block;
	text-indent:0px;
	margin-left:15px;
	margin-top:7px;
}


div.colonna{
width:320px;
float:left;
margin-top:-10px;
}

/*
	foot
*/
div#foot{
	margin-top:71px;
	height:30px;
	background:#f8e6bc;
	width:100%;
	padding-top:10px;
}

div#foot p{
	text-indent:150px;
}
div#foot_content{
	text-align:center;
	width:984px;
	margin-left:auto;
	margin-right:auto;
	font-size:12px;
	padding-top:2px;
}
div.cont_floater{
	margin-top:18px;
	margin-left:200px;
	width:700px;
}

/*
	box download
	inserimento e posizionamento nella pagina
	(il tipo di box lo specifichiamo nel color)

*/
	#download{
		position:absolute;
		left:640px;
		width:311px;
		top:175px;
		z-index:3;
	}
	
	#download span{
		display:block;
		width:311px;
	}
	#download span span{
		display:block;
		width:311px;
	}
	#download span span div{
		width:100%;
		padding-top:55px;
		padding-bottom:30px;
		padding-left:40px;
	}

	#download div ul li{
		display:block;				
		font-family:Arial Narrow, Arial, Helvetica, sans-serif;
		font-size:15px;
		color:#666666;
		padding-left:15px;
		padding-top:2px;
		background:url(../gra/doc.gif) left 0px no-repeat;
		min-height:20px;
		height:auto;
		line-height:18px;
		text-indent:10px;
		width:230px;
		text-align:justify;
		
	}
	#download div ul li a{
				
	}
	
	#download div ul li span{
		color:#b38c56;
		display:inline;
		width:auto;
		background:none;
		font-size:15px;
	}
	
	/*
		menu
		posizionamento assoluto nelle pagine
	
	*/
	div#menu{
	position:absolute;
	left:700px;
	top:-5px;
	background:none;
	
	}
	
	
	/*
	
		gestione dei link
		
	*/
	a{
	text-decoration:none;
	color:#333333;
	
	}
	a:hover{
	
	border-bottom:dotted 1px #000066;
	padding-bottom:0px;
		
	}
	
	a:visited{
		color:#666666;		
	}
	
	/*
	stili del testo
	*/
	.giustify{
	text-align:justify !important;
	}
	.strong{
	font-weight:bold;
	}
	.right{
	text-align:right !important;
	}
	strong{
	color:#333333;
	}
	img.panoramic{
		margin-left:167px;
		margin-top:20px;
		border:2px solid #CCCCCC;
	
	}

	img.generic{
	border:2px solid #CCCCCC;
	margin-top:10px;
	}
	.center{
		text-align:center;
	}
	td.giorno{
		width:20px !important;
	}
	td.desc{
		width:400px !important;
	}
	.left{
	text-align:left;
	}
	div#calendario{
	width:450px;
	margin-left:200px;
	}
	
	/*Sussidi didattici*/
	div.sussidi{
		display:block;
		margin: 0px !important;
		text-indent:20px;
		color:#FF0033;
		width: 500px;
		margin-left:200px !important;
		height:60px;
		margin-top:10px!important;
	}
	div.sussidi img{
		float:left;
		margin-top:10px;
		margin-left:10px;
	}
	div.sussidi ul{
		float:left;
		margin:0px !important;
		color:#000000;
		display:block;
		padding:0px !important;
		width:400px !important;		
		
	}
	div.sussidi ul li{
		background:none !important;
		height:10px;
		margin-top:6px !important;
		margin-left:-5px !important;
	}
	
	/*
	copyright
	*/
	div#copyright{
		font-family:Arial, Helvetica, sans-serif;
		width:700px !important;
		height:15px !important;
		padding:10px !important;
		font-size:10px !important;
		text-align:center !important;
		margin-left:auto !important;
		margin-right:auto !important;
		color:#999999 !important;
	}
	.bre{
		margin-top:40px !important;
		height:25px;
		clear:both;
	}
	
	h1.main_title{
		font-size:17px !important;
		font-family:Verdana, Geneva, sans-serif !important;
		font-weight:bold;
		letter-spacing:-0.6px;
	}