﻿/* 
	Demo interfaccia tab-based by Ing. G. Celsi
	Foglio stile ripreso dall'articolo "Shade Image Tabs Menu"
	http://www.dynamicdrive.com/style/csslibrary/item/shade-image-tabs-menu/
*/
.tab-menu-class {
	background: #EEE;
	padding: 4px;
	width: 85%;
	margin-bottom: 1em;
	margin-left: auto;
	margin-right: auto;
}
#tab-menu ul {
	padding: 3px 0;
	margin-left: 0;
	margin-top: 1px;
	margin-bottom: 0;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
}
#tab-menu li {
	display: inline;
	margin: 0;
}
#tab-menu li a {
	text-decoration: none;
	padding: 3px 7px;
	margin-right: 3px;
	border: 1px solid #CCC;
	color: #003366;
	background: white url(shade.gif) top left repeat-x;
}
#tab-menu li a:visited {
	color: #003366;
}
#tab-menu li a:hover {
	text-decoration: underline;
	color: #333;
}
#tab-menu li a.tab-attivo {
	position: relative;
	top: 1px;
}
#tab-menu li a.tab-attivo {
	/*selected main tab style */
	background-image: url(shadeactive.gif);
	border-bottom-color: #EEE;
}
#tab-menu li a.tab-attivo:hover {
	/*selected main tab style */
text-decoration: none;
}
div#tab-contenuto {
	border: 1px #CCC solid;
	background-color: #EEE;
	padding: 8px;
	display: block;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 4px;
}
.contenutoNascosto {
	display: none;
}

