/* CSS Document for Politecnico di Torino - archi_1 alla didattica - HOMEPAGE */

*{margin: 0; padding: 0;}
hr{ visibility: hidden; clear: left; height: 0px;}
img, a img{border: none;}
a{text-decoration: none;}
a:hover{text-decoration: underline;}
body{
	font: .75em/1.4em "Trebuchet MS", Geneva, sans-serif;
	color: #575552;
	background: #fff;
	margin: 15px auto;
}
#container{
/*	background: transparent url(https://didattica.polito.it/off_programmi/img/bg.gif) repeat-y center top;*/
	width: 940px;
	margin: 0 auto;
	
	}
#subcontainer{  
	position: relative;
	padding-top: 29px;
	}
	#logo{ 
	width: 256px;
	position: absolute;
	top: 0px;
	left: 0;
	}

	#utility{
	/*width: 180px;*/
	width: 365px;
	position: absolute;
	top: 195px;
	right: 12px;
	}
	#utility p.lang{
	background: url(https://didattica.polito.it/off_programmi/img/bg-chooseLang.gif) no-repeat left center;
	font-size: 10px;
	display: inline;
	text-transform: uppercase;
	padding: 5px 10px;
	float: left;
	}
	#utility p.lang a.ita{
	background: url(https://didattica.polito.it/off_programmi/img/ita-flag.gif) no-repeat left center;
	padding-left: 22px;
	color: #333333;
	}
	#utility p.lang a.ita:hover, #utility p.lang a.eng:hover{
	color: #ff3300;
	}
	#utility p.lang a.eng{
	background: url(https://didattica.polito.it/off_programmi/img/eng-flag.gif) no-repeat left center;
	padding-left: 22px;
	color: #333333;
	}
	
	#utility p.login{
	background: url(https://didattica.polito.it/off_programmi/img/bg-login.gif) no-repeat left center;
	font-size: 10px;
	display: inline;
	text-transform: uppercase;
	padding: 5px 15px 5px 25px;
	/*float: right;*/
	float: left;
	}
	#utility p.login a{
	color: #333333;
	}
	#utility p.login a:hover{
	color: #ff3300;
	}


	#utility p.login_s{
	background: url(https://didattica.polito.it/off_programmi/img/bg-login_Shibboleth.gif) no-repeat left center;
	font-size: 10px;
	display: inline;
	text-transform: uppercase;
	padding: 5px 15px 5px 25px;
	float: left;
	}
	#utility p.login_s a{
	color: #333333;
	}
	#utility p.login_s a:hover{
	color: #ff3300;
	}
	
	#tabs{
	position: absolute;
	top: 0px;
	left: 300px;
}
		#tabs ul{
		height: 29px;
		list-style: none;
		position: relative;
		}
		#tabs ul span{
		visibility: hidden;
		}
		#tabs ul li{
		float: left;
		}
		#tabs ul li.ateneo a{
		background: url(https://didattica.polito.it/off_programmi/img/tab-ateneo-off_big.gif) no-repeat left top;
		display: block;
		width: 153px;
		height: 29px;
		text-decoration: none;
		}
		#tabs ul li.ateneo a:hover{
		background: url(https://didattica.polito.it/off_programmi/img/tab-ateneo-on_big.gif) no-repeat left top;
		text-decoration: none;
		}
		#tabs ul li.didattica{
		}
			#tabs ul li.didattica a{
			background: url(https://didattica.polito.it/off_programmi/img/tab-didattica-off_big.gif) no-repeat left top;
			display: block;
			width: 152px;
			height: 29px;
			text-decoration: none;
			}
			#tabs ul li.didattica a:hover{
			background: url(https://didattica.polito.it/off_programmi/img/tab-didattica-on_big.gif) no-repeat left top;
			text-decoration: none;
			}
		#tabs ul li.ricerca{
		}
			#tabs ul li.ricerca a{
			background: url(https://didattica.polito.it/off_programmi/img/tab-ricerca-off_big.gif) no-repeat left top;
			display: block;
			width: 152px;
			height: 29px;
			text-decoration: none;
			}
			#tabs ul li.ricerca a:hover{
			background: url(https://didattica.polito.it/off_programmi/img/tab-ricerca-on_big.gif) no-repeat left top;
			text-decoration: none;
			}
		#tabs ul li.poli{
		}
			#tabs ul li.poli a{
			background: url(https://didattica.polito.it/off_programmi/img/tab-poliimprese-off_big.gif) no-repeat left top;
			display: block;
			width: 152px;
			height: 29px;
			text-decoration: none;
			}
			#tabs ul li.poli a:hover{
			background: url(https://didattica.polito.it/off_programmi/img/tab-poliimprese-on_big.gif) no-repeat left top;
			text-decoration: none;
			}

	#header{
	background: #fff url(https://didattica.polito.it/off_programmi/img/bg-header_big.jpg) no-repeat left top;
		
		height: 160px;
	}
		#header h1 {
		visibility: hidden;
		}	
		#header h1 span{
		visibility: hidden;
		}
	
 #contenttop{
	background: url(https://didattica.polito.it/off_programmi/img/inizio_cont.gif) no-repeat left bottom;
 position: absolute;
	top: 212px;
	width: 940px;
	height: 25px;
/*padding-top: 15px;*/
	padding-top: 10px;

	}	
	#content{	

		
		margin: 87px 0 17px 0;
		height: 220px;
	}
#contentbottom_guide{
	background: url(https://didattica.polito.it/off_programmi/img/bg-contentbottom_guide14.gif) no-repeat left bottom;
	width: 940px;
	height: 24px;	
  margin-top: -17px;
	margin-bottom: 100px;
}		
	
	
#contentbottom{
	background: url(https://didattica.polito.it/off_programmi/img/bg-contentbottom.gif) no-repeat left bottom;
	width: 940px;
	height: 24px;
	
  margin-top: -17px;
	margin-bottom: 172px;
}	
	.box-509{
		background: url(https://didattica.polito.it/off_programmi/img/cont_vert.gif);	
		background-repeat: repeat-x;
		background-attachment:scroll;
		background-position: 0px 30px;
		width: 374px;	
		margin-left: 44px;
		padding-top: 0px;
		padding-left: 0px;
		padding-bottom: 100px;
		float: left;
		/*border: 2px orange dotted ;*/
	}
	
	.box-270{
		background: url(https://didattica.polito.it/off_programmi/img/cont_vert.gif);	
		background-repeat: repeat-x;
		background-attachment:scroll;
		background-position: 0px 30px;
		width: 374px;	
		margin-left: 104px;
		padding-top: 0px;
		padding-left: 0px;
		padding-bottom: 100px;
		float: left;
		/*border: 2px orange dotted ;*/
	}











	.box-offerta{
		background: url(https://didattica.polito.it/off_programmi/img/cont_vert.gif);	
		background-repeat: repeat-x;
		background-attachment:scroll;
		background-position: 0px 30px;
		width: 256px;	
		padding-top: 0px;
		padding-left: 0px;
		padding-bottom: 100px;
		float: left;
		/*border: 2px orange dotted ;*/
	}

	
	.box-piano{

		background: url(https://didattica.polito.it/off_programmi/img/cont_vert.gif);	
		background-repeat: repeat-x;
		background-attachment:scroll;
		background-position: 0px 30px;
		width: 256px;	
		padding-top: 0px;
		padding-left: 0px;
		padding-bottom: 100px;
		float: left;
		/*border: 2px orange dotted ;*/
		
	}	
	
	.box-manifesto{

		background: url(https://didattica.polito.it/off_programmi/img/cont_vert.gif);	
		background-repeat: repeat-x;
		background-attachment:scroll;
		background-position: 0px 30px;
		width: 256px;	
		padding-top: 0px;
		padding-left: 0px;
		padding-bottom: 100px;
		float: left;
		/*border: 2px orange dotted ;*/
	}		
	
	.box-separatore{
	  padding-top: 0px;
		width: 80px;	
		padding-left: 0px;		
		padding-right: 0px;
		padding-bottom: 20px;
		float: left;
		/*border: 2px orange dotted ;*/
	}
	/*
	.box-separatore_guide{
	  padding-top: 0px;
		width: 64px;	
		padding-left: 0px;		
		padding-right: 0px;
		padding-bottom: 20px;
		float: left;
		
	}	
	*/
	#content .box-offerta h1 a{
	background: url(https://didattica.polito.it/off_programmi/img/offerta.gif) no-repeat left top;
	padding: 0px;
	width: 256px;
	height:100px;
	display: block;
	text-decoration: none;
}	


	#content .box-509 h1 a{
	background: url(https://didattica.polito.it/off_programmi/img/Guide_509_new.gif) no-repeat left top;
	padding: 0px;
	width: 374px;
	height:100px;
	display: block;
	text-decoration: none;
}	
	#content .box-270 h1 a{
	background: url(https://didattica.polito.it/off_programmi/img/Guide_270_new.gif) no-repeat left top;
	padding: 0px;
	width: 374px;
	height:100px;
	display: block;
	text-decoration: none;
}	







	#content .box-piano h1 a{
	background: url(https://didattica.polito.it/off_programmi/img/piano.gif) no-repeat left top;
	padding: 0px;
	width: 256px;
	height:100px;
	display: block;
	text-decoration: none;
}	
	#content .box-manifesto h1 a{
	background: url(https://didattica.polito.it/off_programmi/img/manifesto.gif) no-repeat left top;
	padding: 0px;
	width: 256px;
	height:100px;
	display: block;
	text-decoration: none;
}	

#content .box-offerta p,#content .box-509 p,#content .box-270 p
,#content .box-piano p
,#content .box-manifesto p
{
					COLOR: #000000;
					font-size: 105%;
					margin: 0;
					padding: 0 10px;
					background: url(https://didattica.polito.it/off_programmi/img/cont.gif) repeat-y left top;		
					}

	
#content .box-offerta span,#content .box-509 span,#content .box-270 span
,#content .box-piano span
,#content .box-manifesto span
{
visibility: hidden;
text-indent: -5000px;
padding: 0px;
}	
		
		#content h1{
			font: normal 200% Geneva, Arial, Helvetica, sans-serif;
			color: #fb7a08;
			margin: 5px 0;
		}
		#content h2{
			font: normal 180% Geneva, Arial, Helvetica, sans-serif;
			color: #fb7a08;
			margin: 5px 0;
		}
		#content h3{
			font: normal 160% Geneva, Arial, Helvetica, sans-serif;
			color: #fb7a08;
			margin: 5px 0;
		}
		#content h4{
			font: normal 140% Geneva, Arial, Helvetica, sans-serif;
			color: #fb7a08;
			margin: 5px 0;
		}
		#content h5{
			font: normal 120% Geneva, Arial, Helvetica, sans-serif;
			color: #fb7a08;
			margin: 5px 0;
		}
		#content h6{
			font: normal 100% Geneva, Arial, Helvetica, sans-serif;
			color: #fb7a08;
			margin: 5px 0;
		}
	
		#content p{
			font: normal 100%/150% "Trebuchet MS", Geneva, sans-serif;
			margin: 8px 0;
		}
			#content p.claim{
				font: normal 125%/150% Geneva, Arial, Helvetica, sans-serif;
				border-top: 1px dotted #ccc;
				border-bottom: 1px dotted #ccc;
				margin: 8px 0;
				padding: 10px 0;
			}
	
	
	
	
	#footer{

	}
		#footerTop{
		background: url(https://didattica.polito.it/off_programmi/img/bg-footerTop_big.gif) no-repeat left top;
		height: 16px;
			margin-top: 10px;
		}
		#footerContent{
			background: #fd9d06 url(https://didattica.polito.it/off_programmi/img/bg-footer.gif) no-repeat right center;			
			height: 52px;
			margin-top: -5px;
		}
		#footerBottom{
		background: url(https://didattica.polito.it/off_programmi/img/bg-footerBottom_big.gif) no-repeat left top;
		height: 16px;
		}
		
		#footer p{
			font-size: 90%;
			color:#fff;
			margin-right: 256px;
			padding: 1px 20px;
		}
		
		#footer a{
			color:#fff;
		}