/*
File 		> foglio di stile per realizzare il layout del sito dell'Istituto Alberghiero G.Giolitti
Autore 		> giovanni mamino | geraci davide | giovanni.mamino@infosys.it | davide.geraci@infosys.it | www.infosys.it
Versione	> 1.0
*/

/* BODY */
body {
	margin: 0px;
	background-color: #4B5C7E;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:70%;
	font-style:normal;
	color: #4B5C7E;
	text-decoration: none;
	font-weight: normal;
	}
hr { display: none; }

#cappello {
	width: 780px;
	text-align: right;
	color: #FFFFFF;
	margin: 0px auto;
}
	#cappello a { font-weight: bold; margin: 3px 10px; color: #FFFFFF; text-decoration: none; text-transform: uppercase;}
	#cappello img {margin-top: 5px; border:0px solid #FFFFFF;}
	
	#intestazione {
		width: 780px;
		/*height:100px;*/
		text-align: right;
		margin: 0px auto;
		color: #0099CC;
		background-image: url(immagini/home_cappello.gif);
		background-position: top;
		background-repeat: no-repeat;
		padding: 25px 0px 5px;		
	}
		#intestazione p {
			letter-spacing: -0.1em; font-size: 90%; margin:0px 100px 10px 0px;
			padding:0px 10px 0px 0px; color: #0099CC;
			background-image: url(immagini/home_paragraph_ico.gif);
			background-position: right top; background-repeat: no-repeat;
		}
		.titolo {
			float: left;
			margin: 0px 44px;
		}
		.logo {float: right; margin: 0px 20px 0px 0px;}
		
#piede {
	width: 780px;
	text-align: right;
	color: #FFFFFF;
	margin: 0px auto;
}
	#piede p {margin: 3px 10px;}
	#piede img {margin: 0px;}
	#piede p a:link, #piede p a:visited{color: #FFFFFF; text-decoration:none; font-weight:bold}
	#piede p a:hover, #piede p a:active{color: #FFFFFF; text-decoration:underline; font-weight:bold}
/*CORPO*/
#corpo {
	width: 760px;
	text-align:center;
	background-image: url(immagini/pattern_sfondo.gif);
	background-position: center;
	background-repeat: repeat-y;
	padding: 0px 10px 0px;
	margin: 0px auto;
}
#corpo form{
	margin:0px;
	padding:0px;
}
	#menusopra {
		width: 760px;
		background-image: url(immagini/menu_pattern.gif);
		background-position: center;
		background-repeat: repeat-x;
		height: 31px;
		color: #ffffff;
		background-color: #eae2d8;
	}
		#menusopra img {margin:0px; padding:0px; vertical-align: middle; }
		#menusopra a{font-weight: bold; color: #663300; text-decoration: none;padding: 8px 3px; line-height:31px;}
				#menusopra a:hover{color: #663300; background-image:url(immagini/menu_pattern_rollover.gif); background-position:center; background-repeat:repeat-x;}
				.rollover{background-image:url(immagini/menu_pattern_rollover.gif); background-position:center; background-repeat:repeat-x;}

	#menulato {
		float: left;
		width: 210px;
		padding: 4px;
		margin: 7px;
		text-align: left;
		background-color: #E6EFFF;
	}
		#menulato p a {font-weight: bold; text-decoration: none;}
		#menulato p a:link, #menulato p a:visited{
			color: #4B5C7E;
			padding-left:20px;
			background-image:url(immagini/ico_link.gif);
			background-position:center left;
			background-repeat: no-repeat;
		}
		#menulato p a:hover, #menulato p a:active{
			color: #000000;
			padding-left:20px;
			background-image:url(immagini/ico_link_animata.gif);
			background-position:center left;
			background-repeat: no-repeat;
		}		
		#menulato h1 {margin: 0px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size:110%;
			padding-left:12px;
			color: #003366;
			background-image:url(immagini/fregio_bianco.gif);
			background-position: 0px center;
			background-repeat: no-repeat;
		}
			.menu_sx{
				background-image:url(immagini/menu_sx_pattern.gif);
				background-position:center;
				background-repeat: repeat-y;
			}
			.menu_sx img{
				border:0px;
			}
			.menu_sx p {
				margin-left:10px;
				color: #7097BE;
			}
			#menulato div.menu_sx h1 {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size:110%;
				padding-left:20px;
				color: #663300;
				background-image:url(immagini/fregio_blu_interno.gif);
				background-position: 10px center;
				background-repeat: no-repeat;
			}
			#menulato div.menu_sx p a:link, #menulato div.menu_sx p a:visited{
				color: #7097BE;
				padding-left:20px;
				background-image:url(immagini/ico_link_small.gif);
				background-position:center left;
				background-repeat: no-repeat;
			}
			#menulato div.menu_sx p a:hover, #menulato div.menu_sx p a:active{
				color: #000000;
				padding-left:20px;
				background-image:url(immagini/ico_link_animata_small.gif);
				background-position:center left;
				background-repeat: no-repeat;
			}
	#testo {
		float: right;
		width: 500px;
		text-align: left;
		margin: 7px 7px 7px 0px;
	}
		#testo h1 {
			padding-left:10px;
			background-image:url(immagini/fregio_blu_interno.gif);
			background-position:center left;
			background-repeat: no-repeat;
		}
		#testo a:link, #testo a:visited {font-weight: normal; color: #0099CC; text-decoration: none;}
		#testo a:hover, #testo a:active {font-weight: normal; color: #000000; text-decoration: none;}
		#testo ul {
			margin: 5px 0px 5px 25px;
		}

	#menusotto {
		clear: both;
		width: 760px;
		background-color:#EBE3DA;
		height: 52px;
	}	
		#menusotto a{font-weight: normal; color: #663300; text-decoration: none;padding: 8px 5px; line-height:52px;}
		#menusotto a:hover, #menusotto a:active{font-weight: normal; color: #663300; text-decoration: underline;padding: 8px 5px; line-height:52px;}

/* stile titoli */
h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 130%;
	color: #2350A9;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	margin: 0px 0px 15px;
}	
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	text-transform: uppercase;
	color: #2350A9;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	margin: 10px 0px 3px;
}	
h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 140%;
	color: #003366;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	margin: 17px;
}	
p {
	font-size: 100%;
	margin: 5px 0px;
}
.icolink {
	border: 0px solid #FFFFFF;
	margin: 2px 0px 0px 20px;
}
.PhotoGalleryDett {
	width:90px;
	margin:7px 15px;
	text-align: center;
	height: 120px;
	text-decoration:none;
}
.PhotoGalleryDett img{
 	border: 1px solid #E6EFFF;
}
.PhotoGalleryDett a {
	color: #666666;
	text-decoration: none;
	font-size: 90%;
}
.elenco {
	float:left;
	margin:2px 5px;
}
.elencodx {
	float:right;
	margin:2px 5px;
}
/* stile tabella di presentazione */
table.tab tr td{ background-color:#F8FBFF; border:1px solid #FFFFFF;}
table.tab tr th{ background-color:#E6EFFF; border:1px solid #FFFFFF;}