/* CSS Document for Politecnico di Torino - Servizi 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: 0.75em/1.4em "Trebuchet MS", Geneva, sans-serif;
	color: #575552;
	background: #fff;
	margin: 15px auto;
}
#container{
	background: transparent url(/img/bg.gif) repeat-y center top;
	width: 940px;
	margin: 5px auto;
	/*border: 1px red dotted;*/
	}
#subcontainer{
	position: relative;
	padding-top: 0px;
	text-align: center;
	/*border: 1px red dotted;*/
	}
	#logo{ 
	width: 256px;
	position: absolute;
	top: 0px;
	left: -17px;
	height: 38px;
	/*border: 1px red dotted;*/
	}
	#utility{
	width: 920px;
	position: relative;
	top: 195px;
	right: 10px;
	left: 10px;
	/*border: 1px red dotted;*/
	}
	#utility p.lang{
	background: url(/img/bg-chooseLang.gif) no-repeat left center;
	font-size: 10px;
	display: inline;
	text-transform: uppercase;
	padding: 6px 10px;
	}
	#utility p.lang a.ita{
	background: url(/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(/img/eng-flag.gif) no-repeat left center;
	padding-left: 22px;
	color: #333333;
	}
/*nuovo*/
	#utility p.lang a.rss{
	background: url(/img/rss.gif) no-repeat left center;
	padding-left: 20px;
	color: #F1F1F1;
	}
	#utility p.lang a.stats{
	background: url(/img/stats.gif) no-repeat left center;
	padding-left: 20px;
	color: #F1F1F1;
	}
 #utility p.lang a.help{
	background: url(/img/help.gif) no-repeat left center;
	padding-left: 20px;	
	color: #F1F1F1;

	}
/*fine nuovo*/	
	#utility p.login{
	background: url(/img/bg-login.gif) no-repeat right center;
	font-size: 10px;
	display: inline;
	text-transform: uppercase;
	padding: 5px 15px 5px 25px;
	}
	#utility p.login a{
	color: #333333;
	font-size: 10px;
	}
	#utility p.login a:hover{
	color: #ff3300;
	}


 	.bottone_login {
	font-size: 10px;
	color: #333333;
	display: inline;
	text-transform: uppercase;
	padding: 5px 0px 5px 0px;
	margin-left: 15px;
	}

	.bottone_nologin {
	font-size: 10px;
	color: #333333;
	text-transform: uppercase;
	}




	#tabs{
	top:  0;
	left: 300px;
	width: 640px;
	position: absolute;
	float: left;

	/*border: 1px red dotted;*/
}
		#tabs ul{
		height: 29px;
		list-style: none;
		position: relative;
		width: 700px;
		}
		#tabs ul span{
		visibility: hidden;
		}
		#tabs ul li{
		float: left;
		}
			#tabs ul li.ateneo a{
			background: url(/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(/img/tab-ateneo-on_big.gif) no-repeat left top;
			text-decoration: none;
			}
		#tabs ul li.didattica{
		}
			#tabs ul li.didattica a{
			background: url(/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(/img/tab-didattica-on_big.gif) no-repeat left top;
			text-decoration: none;
			}
		#tabs ul li.ricerca{
		}
			#tabs ul li.ricerca a{
			background: url(/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(/img/tab-ricerca-on_big.gif) no-repeat left top;
			text-decoration: none;
			}
		#tabs ul li.poli{
		}
			#tabs ul li.poli a{
			background: url(/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(/img/tab-poliimprese-on_big.gif) no-repeat left top;
			text-decoration: none;
			}

	#header{
	background: #fff url(/img/bg-header_big.jpg) no-repeat left top;
	/*	background: #fff url(/img/bg-header.gif) no-repeat left top;*/
	/*background: #fff url(/img/homepic.jpg) no-repeat left top;*/
	/*border: 1px red dotted;*/
		height: 160px;
		top: 28px;
		position: absolute;
		width: 940px;

	}
		#header h1 span{
		visibility: hidden;
		}
	
	
	
	#content{
		/*background: url(/img/bg-content_big.gif) repeat-y left top;*/
		margin: 0px 0 17px 0;
		height: 420px;
		/*border: 1px red dotted;*/
	/*	float: left;*/
		/*position: relative;*/
		/*clear: left;*/
	}
#contentbottom{
  border: 1px blue dotted;
	/*background: url(/img/bg-contentbottom_big.gif) no-repeat left bottom;*/
	width: 940px;
	height: 24Px;
	margin-top: -20px !important;
	margin-top: -35px;
	margin-bottom: 20px;
}
		.box-portale{
			width: 223px;
			margin-right: 16px;
			padding-bottom: 25px;
			float: left;
		}
		.box-iscriversi{
			width: 223px;
			margin-right: 16px;
			padding-bottom: 25px;
			float: left;
		}
		.box-servizi{
			width: 223px;
			margin-right: 16px;
			padding-bottom: 25px;
			float: left;
		}
	  .box-scuole{
			width: 223px;		
			padding-bottom: 25px;
			float: left;
		}
				#content .box-portale h1 a{
				background: url(/img/offerta.gif) no-repeat left top;
				width: 223px;
				height: 121px;
				margin: 0;
				padding: 0;
				display: block;
				text-decoration: none;
			}	
				#content .box-iscriversi h1 a{
				background: url(/img/iscrizione.gif) no-repeat left top;
				width: 223px;
				height: 121px;
				margin: 0;
				padding: 0;
				display: block;
				text-decoration: none;
			}	
				#content .box-servizi h1 a{
				background: url(/img/servizi.gif) no-repeat left top;
				width: 223px;
				height: 121px;
				margin: 0;
				padding: 0;
				display: block;
				text-decoration: none;
			}	
			  #content .box-scuole h1 a{
				background: url(/img/scuole.gif) no-repeat left top;
				width: 223px;
				height: 121px;
				margin: 0;
				padding: 0;
				display: block;
				text-decoration: none;
			}	
					#content .box-portale h1 span,#content .box-iscriversi h1 span,#content .box-servizi h1 span, #content .box-scuole h1 span{
					visibility: hidden;
					text-indent: -5000px;
					}
					#content .box-portale h1,#content .box-iscriversi h1,#content .box-servizi h1, #content .box-scuole h1{
					margin: 0;
					padding: 0;
					}
			
					#content .box-portale p,#content .box-iscriversi p,#content .box-servizi p,  #content .box-scuole p{
					font-size: 105%;
					margin: 0;
					padding: 0 10px;
					}
		
		
		
		#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;
			}
	
		#link_utili a{
			font: normal 100%/150% "Trebuchet MS", Geneva, sans-serif;
			margin: 8px 0;
			color: #333333;
		}
	
	
	#footer{
	}
		#footerTop{
		background: url(/img/bg-footerTop_big.gif) no-repeat left top;
		height: 16px;
		border: 0px red dotted;
		}
		#footerContent{
			background: #fd9d06 url(/img/bg-footer.gif) no-repeat right center;
			/*margin-top: 0;*/
			border: 0px red dotted;
			height: 63px;
			margin-top: -8px;
			text-align: left;
		}
		#footerBottom{
		background: url(/img/bg-footerBottom_big.gif) no-repeat left top;
		height: 16px;
		}

		#footer p{
			font-size: 90%;
			color:#fff;
			margin-right: 256px;
			padding: 10px 20px;
		}

		#footer a{
			font-size: 90%;
			color:#fff;
			padding: 10px 0px;
		}
		
		
/*ridefiniti per home di didattica */		
	#utility-home{
	width: 920px;
	position: relative;
	top: 195px;
	right: 10px;
	left: 10px;	
	}
	#utility-home p.lang-home{
	background: url(/img/bg-chooseLang.gif) no-repeat left center;	
	display: inline;
	font-size: 9px;
	text-transform: uppercase;
	padding: 6px 10px 6px 10px;	
	}
	#utility-home p.lang-home a.ita{
	background: url(/img/ita-flag.gif) no-repeat left center;
	padding-left: 22px;
	color: #333333;
	}
	#utility-home p.lang-home a.ita:hover, #utility p.lang a.eng:hover{
	color: #ff3300;
	}
	#utility-home p.lang-home a.eng{
	background: url(/img/eng-flag.gif) no-repeat left center;
	padding-left: 22px;
	color: #333333;
	}

	#utility-home p.lang-home a.rss{
	background: url(/img/rss.gif) no-repeat left center;
	padding-left: 20px;
	color: #F1F1F1;
	}
	#utility-home p.lang-home a.stats{
	background: url(/img/stats.gif) no-repeat left center;
	padding-left: 20px;
	color: #F1F1F1;
	}
 #utility-home p.lang-home a.help{
	background: url(/img/help.gif) no-repeat left center;
	padding-left: 20px;	
	color: #F1F1F1;
	}	
	#utility-home p.login{
	background: url(/img/bg-login.gif) no-repeat right center;
	font-size: 10px;
	display: inline;
	text-transform: uppercase;
	padding: 5px 15px 5px 25px;
	}
	#utility-home p.login a{
	color: #333333;
	font-size: 10px;
	}
	#utility-home p.login a:hover{
	color: #ff3300;
	}	
		#utility-home p.login_s{
	background: url(/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-home p.login_s a{
	color: #333333;
	}
	#utility-home p.login_s a:hover{
	color: #ff3300;
	}