@charset "utf-8";
/* CSS Document */

	body{
		background:url(../gra/sfondo.gif) repeat;
	}
	
	#header{
	
	background:#E6E6E6 url(../gra/header_home.jpg) center no-repeat;
	width:100%;
	height:452px;
	}
	
	#login_bar{
		background-color:#e8d4bc;
		width:984px;
		height:26px;
		margin-right:auto;
		margin-left:auto;
		text-align:right;
	}
	#box_corpo{
		background:url(../gra/corpo.png) repeat-y;
		width:996px;
		margin-left:auto;
		margin-right:auto;

	}
	#box_corpo_bottom{
		display:block;
		background:url(../gra/corpo_bottom.png) bottom no-repeat;
		width:996px;
		height:40px;
		margin-left:auto;
		margin-right:auto;		
	}
	#corpo{
		width:900px;
		background-color:#FF9900;
		margin-left:52px;
		padding-top:52px;
	}
	#logo{
		position:absolute;
		top:20px;
		left:75px;
		z-index:1;
	}
	#content_header{
		position:relative;
		width:985px;
		height:450px;
		margin-left:auto;
		margin-right:auto;	
	}
	#content_header h1{
		display:block;
		display:block;
		position:absolute;
		width:756px;
		height:72px;
		background:url(../gra/liceoSalesianoValsalice.png) no-repeat;
		top:15px;
		left:325px;	
		z-index:200;
		
	}
	#content_header h1 span{
		display:block;
		overflow:hidden;
		text-indent:-2000px;

	}
	
	#content_header ul{
		display:block;
		position:absolute;
		color:#FFFFFF;
		font-family: Helvetica, Arial, sans-serif;
		style-decoration: none;
		font-size:19px;	
		top:92px;
		left:340px;		
	}
	#videobox{
		display:block;
		position:absolute;
		width:636px;
		height:250px;
		left:90px;
		top:234px;
	}
	#motto{
		position:absolute;
		top:85px;
		left:765px;
		font-size:14px;
		font-family:Helvetica, Arial, sans-serif;
		text-align:justify;
		width:300px;
		color:#FFFFFF;
	}
	#motto p{
		padding-top:10px;
		line-height:14px;
	}
	#motto span{
		font-weight:bold;
	}
	
	/*blocco interno divisione menù e contenuti*/
	#left{
		width:300px;
		/*background-color:#FFCC33;*/
		float:left;
		margin-left:50px;
		margin-top:50px;
	}
	#right{
		width:615px;
		/*background-color:#66CC99;*/
		float:left;
		margin-top:50px;
	}
	#clear{
		padding-top:40px;
		clear:left;
		color:4c4c4c;
	}
	
	
	/*
	/*
		TESTI
	/*
	*/
	.normal{
		font-family:Arial Narrow, Arial, Helvetica, sans-serif;
		color: #333333;
		font-size:15px;		
	}
	.login{
		font-weight:bold;
		font-size:14px;
		color:#666666;
	}
	.center{
		text-align:center;
	}
	
	/*BOX INFORMAZIONI/*	
	/*box appuntamenti*/
	
	#appuntamenti{
		margin-top:15px;
		background:url(../gra/box_appuntamenti_2.gif) repeat-y;
		width:593px;
	}
	
	#appuntamenti span{
		display:block;
		background:url(../gra/box_appuntamenti_1.gif) no-repeat top;
		width:593px;
	}
	#appuntamenti span span{
		display:block;
		background:url(../gra/box_appuntamenti_3.gif) no-repeat bottom;
		width:593px;
	}
	#appuntamenti span span div{
		width:100%;
		padding-top:45px;
		padding-bottom:30px;
		padding-left:40px;
	}
	.data{
		font-family:Arial Narrow, Arial, Helvetica, sans-serif;
		font-size:15px;
		font-weight:bold;
		color:#666666;
		padding-top:10px;
	}
	#appuntamenti div ul li{
				
		font-family:Arial Narrow, Arial, Helvetica, sans-serif;
		font-size:15px;
		color:#666666;
		padding-left:15px;
		padding-top:2px;
		
	}
	#appuntamenti div ul li.marque, #appuntamenti div ul li.marque a{
				
		color:#CC0000 !important;
		font-weight:bold !important;
		
	}
	
	#appuntamenti div ul li span{
		color:#b38c56;
		display:inline;
		width:auto;
		background:none;
		font-size:15px;
	}
	
	#appuntamenti a{
		color:#666666;
	}
	/*box comunicazioni*/
	
	#comunicazioni{
		margin-top:15px;
		background:url(../gra/box_comunicazioni_2.gif) repeat-y;
		width:593px;
	}
	
	#comunicazioni span{
		display:block;
		background:url(../gra/box_comunicazioni_1.gif) no-repeat top;
		width:593px;
	}
	#comunicazioni span span{
		display:block;
		background:url(../gra/box_comunicazioni_3.gif) no-repeat bottom;
		width:593px;
	}
	#comunicazioni span span div{
		width:100%;
		padding-top:55px;
		padding-bottom:30px;
		padding-left:40px;
	}

	#comunicazioni div ul li{
		background:url(../gra/elenco.png) left 8px no-repeat;
		font-family:Arial Narrow, Arial, Helvetica, sans-serif;
		font-size:15px;
		color:#666666;
		padding-left:15px;
		padding-top:2px;
		
	}
	
	#comunicazioni div ul li span{
		color:#b38c56;
		display:inline;
		width:auto;
		background:none;
		font-size:15px;
	}
	
	/*box evidenza*/
	
	#evidenza{
		margin-top:0px;
		background:url(../gra/box_evidenza_2.gif) repeat-y;
		width:593px;
	}
	
	#evidenza span{
		display:block;
		background:url(../gra/box_evidenza_1.gif) no-repeat top;
		width:593px;
	}
	#evidenza span span{
		display:block;
		background:url(../gra/box_evidenza_3.gif) no-repeat bottom;
		width:593px;
	}
	#evidenza span span div{
		width:100%;
		padding-top:55px;
		padding-bottom:30px;
		padding-left:40px;
	}

	#evidenza div ul li{
				
		font-family:Arial Narrow, Arial, Helvetica, sans-serif;
		font-size:15px;
		color:#666666;
		padding-left:15px;
		padding-top:2px;
		background:url(../gra/elenco.png) left 8px no-repeat;
		
	}
	
	#evidenza div ul li span{
		color:#b38c56;
		display:inline;
		width:auto;
		background:none;
		font-size:15px;
	}
	
	/*
		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{
	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:-200px;
		border:none;
		margin-top:4px;
		margin-right:5px;
	}
	label.out{
	display:block;
	float:right;
	margin-top:5px;
	margin-right:8px;
	
	}
	
	#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;
	}

	/*
		link
	*/
	
	a{
	text-decoration:none;
	color:#000033;
	}
	a:hover{
	
	border-bottom:dotted 1px #000066;
	padding-bottom:0px;
		
	}
	
	a:visited{
		color:#666666;
		
	}
	
	/*
	copyright
	*/
	div#copyright{
		font-family:Arial, Helvetica, sans-serif;
		width:700px;
		height:15px;
		padding:10px;
		font-size:10px;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		color:#666666;
	}
	span.orari{
		display:inline-block;
		font-size:.85em;
		width:220px;
		margin-top:20px;
		font-family:Arial, Helvetica, sans-serif;
		line-height:18px;
		margin-left:0px;
		color:#333;
		letter-spacing:-1px;	
		background: #F1B80C;
		border:9px solid #FFF;
		padding: 0 15px 15px 15px !important ;
		
	}
	span.orari h4{
		background:url(../gra/contatti.png);
		width:254px;
		height:75px;
		display:block;
		text-indent:-2000px;
		position:relative;
		top:0px;
		left:-50px;
		margin-top:-40px;
	}
	span.contatti_mail{
		display:inline-block;
		font-size:.85em;
		width:220px;
		margin-top:45px;
		font-family:Arial, Helvetica, sans-serif;
		line-height:18px;
		margin-left:0px;
		color:#333;
		letter-spacing:-1px;	
		background: #FFC32E;
		border:9px solid #FFF;
		padding: 0 15px 15px 15px !important ;
		
	}
	span.contatti_mail h4{
		background:url(../gra/contatti_mail.png) no-repeat;
		width:250px;
		height:66px;
		display:block;
		text-indent:-2000px;
		position:relative;
		top:0px;
		left:-50px;
		margin-top:-40px;
	}
	span.orari p{
		text-align:justify;
	}
	span.orari h4{
		padding-bottom:10px;
		font-size:20px;
		color:#363;
	}
	ul.home_list{
		margin-top:0px;
	}
	ul.home_list li{
		margin-bottom:3px;
	}
	
	p.cnt{
		margin-bottom: 5px;
		letter-spacing:0.2px;
	}
	
	span.orari p{
		/*letter-spacing:.05em !important;*/
		letter-spacing:0.2px !important;
		
	}