body {
	margin: 0;
	font-family: Verdana, sans-serif;
	color: #303030;
	font-size: 10pt;
	background: url("../images/bg_page_t1a.gif") no-repeat center top #D7E066;
}

a, a:link, a:active, a:visited {
	color: #303030;
	text-decoration: underline;
}
a:hover {
	color: #303030;
	text-decoration: none;
}


.tit_giallo {font-size: 14pt; color: #f8c300;}
.tit_arancio {font-size: 14pt; color: #EB891B;}
.tit_rosso {font-size: 14pt; color: #da251d;}
.tit_fucsia {font-size: 14pt; color: #dd137b;}
.tit_viola {font-size: 14pt; color: #aa1b79;}
.tit_verde {font-size: 14pt; color: #a6c20e;}
.tit_acqua {font-size: 14pt; color: #7BC4A0;}
.tit_azzurro {font-size: 14pt; color: #0093DD;}
.tit_blu {font-size: 14pt; color: #005197;}

.txt_8 {font-size: 8pt;}
.txt_14 {font-size: 14pt;}
.txt_18 {font-size: 18pt;}
.txt_24 {font-size: 24pt;}
.c_arancio {color: #EB891B;}
.c_acqua {color: #7BC4A0;}
.c_azzurro {color: #0093DD;}
.c_rosso {color: #D00;}
.c_giallo {color: #f8c300;}
.c_fucsia {color: #dd137b;}
.c_viola {color: #aa1b79;}
.c_verde {color: #a6c20e;}
.c_blu {color: #005197;}


img {border: 0;}

input {font-size: 8pt;}
form {margin: 0;}


/*#################################################################*/
/* STRUTTURA PRINCIPALE DI PAGINA  */
/*#################################################################*/

#container {
	width: 960px; 
	margin: 0 auto;
}

	#home_head {
		width: 960px; 
		height: 50px;
	}
	#middle {
		width: 960px; 
		float: left;
	}
		#column_sx {
			width: 210px; 
			float: left;
		}
		#column_center {
			width: 540px; 
			float: left;
		}
		#column_dx {
			width: 210px; 
			float: left;
		}
	
	#footer {
		width: 900px;
		height: 85px;
		padding: 15px 0 0 60px; 
		clear: both;
		background: url(../images/bg_footer_banner_t1.gif) bottom no-repeat ;
	}
		.banner {
			width: 255px;
			height: 60px; 
			margin: 10px;
			float: left;
			border: 1px dotted #3B3B3B;
		}
		.bannerbig {
			width: 810px;
			height: 60px; 
			margin: 10px;
			float: left;
			border: 1px dotted #3B3B3B;
		}

	#copy {
		width: 900px;
		padding: 15px 0 0 0;
		text-align: center; 
		font-size: 8pt;
		color: #4e5402;
		clear: both;
		margin: 0 auto;
	}

	#copy a, #copy a:link, #copy a:active, #copy a:visited {
		color: #4e5402;
		text-decoration: none;
	}


/*#################################################################*/
/* GESTIONE DEI MENU E DEI CONTENUTI */
/*#################################################################*/

			.spacermenu {width: 100%; height: 15px;}

/* Colonna di sinistra ###################################*/

			#login {
				width: 160px; 
				height: 165px;
				padding: 0 25px 0 25px;
				margin: 0 0 25px 0;
				font-size: 7pt;
				color: #858585;
				background:  url(../images/bg_login_t1.gif) top center no-repeat;
			}
				.insert {
					font-size: 8pt;
					border: solid 1px #CBCBCB;
					background: #DEDEDE;
				}
				.insert_big {
					font-size: 16pt;
					border: solid 1px #CBCBCB;
					background: #DEDEDE;
				}

			#menusx_head {
				width: 210px; 
				height: 20px;
				background:  url(../images/bg_menusx_head.gif) no-repeat;
			}
			#menusx_body {
				width: 180px; 
				height: auto !important;  /* per i browser moderni */
				height: 290px;      /* per IE5.x e IE6 */
				min-height: 290px;  /* per i browser moderni */
   				padding: 0 15px 20px 15px;
				background:  url(../images/bg_menusx_body.gif) bottom no-repeat;
			}
			.sub_link_sx {
				width: 150px; 
   				padding: 0 0 0 30px;
   				font-size: 7pt;
   				line-height: 16pt;
   				text-transform: uppercase;
			}
			.sub_link_sx_2 {
				width: 150px; 
   				font-size: 7pt;
   				line-height: 16pt;
   				text-transform: uppercase;
			}

/* Colonna di centro ###################################*/

			#logo {
				width: 540px; 
				height: 143px;
				background:  url(../images/logoscimpa_home_t1.gif) top center no-repeat;
			}

			#scimpatv {
				width: 425px; 
				height: 437px;
				padding: 10px 0 0 115px;
				background:  url(../images/bg_scimpatv_t1.gif) top no-repeat ;
			}
				#demotv {
					width: 320px; 
					height: 305px;
				}
				#titletv {
					width: 230px; 
					height: 20px;
					padding: 5px 0 0 0;
					margin: 0 0 30px 43px;
					color: #5c5c5c;
					font-size: 9pt;
					text-align: center;
					font-weight: bold;
					background: #FFF;
				}

			#cont_head {
				width: 540px; 
				height: 20px;
				margin: 15px 0 0 0;
				background:  url(../images/bg_conthead.gif) center no-repeat ;
			}
			#cont_body {
				width: 490px; 
				height: auto !important;  /* per i browser moderni */
				height: 350px;      /* per IE5.x e IE6 */
				min-height: 350px;  /* per i browser moderni */
				padding: 0 25px 20px 25px;
				background:  url(../images/bg_contbody.gif) bottom center no-repeat;
			}

/* Colonna di destra ###################################*/

			#tools1 {
				width: 210px; 
				height: 70px;
				text-align: center;
				padding: 7px 0 0 0;
				margin: 0 0 10px 0;
				background:  url(../images/bg_tools_t1.gif) top center no-repeat;
			}
			#tools2 {
				width: 210px; 
				height: 70px;
				text-align: center;
				padding: 7px 0 0 0;
				margin: 0 0 26px 0;
				font-size: 8pt;
				color: #858585;
				background:  url(../images/bg_tools_t1.gif) top center no-repeat;
			}

			#menudx_head {
				width: 210px; 
				height: 20px;
				background:  url(../images/bg_menusx_head.gif) no-repeat;
			}
			#menudx_body {
				width: 180px; 
				height: auto !important;  /* per i browser moderni */
				height: 290px;      /* per IE5.x e IE6 */
				min-height: 290px;  /* per i browser moderni */
				padding: 0 15px 20px 15px;
				background:  url(../images/bg_menusx_body.gif) bottom no-repeat;
			}

/* Scroll semplice */
			#scroller {
				width:180px;
			    height:280px;
			    overflow:auto;
			    text-align: center;
		    }
				.videothumb {
					width: 74px; 
					height: 76px;
					padding: 6px 0 0 6px;
					float: left;
					text-align: left;
					background:  url(../images/bg_videothumb.gif) top left no-repeat;
				}

/* Scroll complesso con utilizzo di JS */

		.cont_scroll {
		    position: absolute;
		    width:  185px;
		    height: 295px;
		}
		#scrolldiv {
		    position: absolute;
		    overflow: auto;
		    width: 185px;
		    height: 280px;
		}
		#scrolldiv_controls {
		    position: absolute;
		    font-size: 1px;
		    display: none;
		}
		#imgup {
			position: relative;
		    left: 170px;
		    margin: 0px;
		}
		#imgdown {
			position: relative;
			left: 170px;    
		    margin: 0px;
		}


/*#################################################################*/
/* GESTIONE DELL'HEAD PER LE PAGINE INTERNE  */
/*#################################################################*/


	#menu_head {
		width: 960px; 
		height: 83px;
		padding: 10px 0 0 0;
		text-align: center;
		background: url(../images/bg_menuhead_t1.gif) 50% 6px no-repeat;
	}
	#area_head {
		width: 960px; 
		height: 97px;
	}



/* DIFFERENZE NELLE GUI ###################################*/
/* Alcune modifiche riguardano solo sfondi, altre anche le proprietà */
/* body, #logo, #login, #tools1, #tools2, #scimpatv, #footer, #menu_head, #area_head, #footer_copy */