/************************************************************* IEPNGFIX */
/*
USAGE:
Copy and paste this one line into your site's CSS stylesheet.
Add comma-separated CSS selectors / element names that have transparent PNGs.
Remember that the path is RELATIVE TO THIS HTML FILE, not the CSS file.
See below for another method of activating the script without adding CSS here.
*/
 .subheader img, #divContentSX ul li a img { behavior: url("iepngfix.htc") }
/*
Here's an example you might use in practice:
img, div.menu, .pngfix, input { behavior: url("/css/iepngfix.htc") }
*/

/************************************************************* TAGS HTML */

body {
	margin:0px;
	padding:0px;
	background-image:url(../immagini/bg-blu.png);	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

h1 {
	font-size:20px;
	padding:0 0 10px 0;
	margin:0;
	color:#24387F;
}

h2 {
	font-size:16px;
	padding:2px;
	margin:10px 0 3px 0;
	color:#24387F;
	background-color:#EFE5F0;
	border:solid 1px #BFBCD9;
}

h3 {
	font-size:13px;
	color:#24387F;
	font-weight:bold;
	margin:5px 0 5px 0;
}

table {
	border-collapse:collapse;
	border:solid 1px #999;
}

td {
	border-collapse:collapse;
	border:solid 1px #999;
	padding:3px;
}

li {
	margin-bottom:10px;
}

a {
	color:#24397F;
	text-decoration:none;
	outline:none;
}

a:hover {
	text-decoration:underline;
}

/************************************************************* DIV STRUTTURA */

#divContainer {
	width:960px;
	margin:15px auto 0 auto;
	background-image:url(../immagini/bg-container.jpg);
	background-repeat:repeat-y;
}

#testata {
	width:960px;
	overflow:hidden;
}

#divContentSX {
	float:left;
	width:195px !important; /*IE boxmodel hack*/
	width /**/:215px; /*IE boxmodel hack*/
	padding:20px 10px 0 10px;
	margin:0 10px 0 0;
	overflow:hidden;
}

#divContentDX {
	float:left;
	width:735px;	
}

#divContentDX ul {
	list-style-type: none;
	margin-top:0;
	margin-left:15px;
	padding-left:0px;
}

#divContentDX li {
	background-image:url(../immagini/bullet.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left:20px;
	line-height:20px;
	margin-bottom:5px;
	text-align:left;
}

.subheader {
	width:735px;
	background-color: #EFE5F0;
}

.content {
	width:695px !important; /*IE boxmodel hack*/
	width /**/:735px; /*IE boxmodel hack*/
	padding:20px 20px 20px 20px;
	text-align:justify;
	/*overflow:hidden;*/
	min-height:500px;
	height:auto !important; /*IE minheight hack*/
	height:500px; /*IE minheight hack*/
	
}

#divFooter {
	width:940px !important; /*IE boxmodel hack*/
	width /**/:960px; /*IE boxmodel hack*/
	margin:10px auto 20px auto;
	padding:10px;
	background-color: #f0c7d8;
	text-align:center;
}

#underConstruction {
	color:#EA1F32; 
	font-size:22px; 
	font-weight:bold; 
	background-color:#EFE5F0; 
	border:solid 3px #BFBCD9; 
	margin:auto; 
	text-align:center; 
	padding:10px;
	width:270px !important; /*IE boxmodel hack*/
	width /**/:300px;
}

/************************************************************* CLASSI DIV */

.clear {
	clear:both;
}

/************************************************************* CLASSI TABELLE */

.tdCenter {
	text-align:center;
}

.tdBgBlue {
	background-color:#CCE3DE;
}

.tdBgGreen {
	background-color:#008060;
	color:#fff;
}

.tdBgGray {
	background-color:#E3E4E4;
}

.noBorder {
	border:none;
}

/************************************************************* MENU 1 */

#divContentSX ul {
	list-style:none;
	margin:0;
	padding:0;
}

#divContentSX li {
	margin:0 0 5px 0;
	padding:0;
	text-align:center;
}

#divContentSX li a {
	background-image:url(../immagini/bg-menu1.jpg);
	display:block;
	height:100%;
	text-decoration:none;
}

#divContentSX li a img{
	border:none;
}


#divContentSX li a:hover, li a:focus, li a:active {
	background-position:-350px 0;
}

#divContentSX li.sel {
	background-color:#fff;
	border:solid 1px #ccc;
}


