/* $Id: tecla.css,v 1.22 2007-05-28 14:57:59 gizzi Exp $ */
/*
	blu link: #1C3F94
*/

body { margin: 20px 0; line-height: 1.3em; color: #444; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px }

a { color: #149; font-weight: bold; text-decoration: none }
	a:hover { color: #f60; }
	a.selected { color: #149; font-weight: bold; text-decoration: none; color: #f60; }
form { margin: 0 }
img { border: 0 }
p { margin-top: 0 }
h1, h2, h3, h4, h4, h5, h6 { line-height: 1.3em }
h1 { padding-bottom: 5px; font-size: 145%; border-bottom: 1px solid #ddd }
td { vertical-align: top }
a.freccetta { display: block; padding: 7px 5px 7px 20px; background: url(../images/freccetta.gif) 4px 12px no-repeat }
	a.freccetta:hover { color: #f60; background: url(../images/freccetta2.gif) 4px 12px no-repeat; text-decoration: none }
	a.freccetta-selected { display: block; padding: 7px 5px 7px 20px; color: #f60; background: url(../images/freccetta2.gif) 4px 12px no-repeat; text-decoration: none }
a.button { padding: 4px 8px 4px 8px; line-height: 3em; color: #fff; font-weight: bold; text-decoration: none; background: #149 }
	a.button:hover { color: #fff; background: #f60 }
input.button { padding: 2px 4px; color: #fff; font-weight: bold; background: #149 }

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

/* HEADER */
#header { position: relative; height: 155px; width: 954px;background: url(../images/bg_header.jpg) no-repeat; cursor: pointer}
	#lingue { float: left; margin: 130px 0 0 160px; color: #fff; font-weight: bold;}
		#lingue a { color: #fff }
		#lingue a:hover { color: #fff; text-decoration: underline; }

/* BARRANAV */
#barranav { padding: 16px 10px 27px 25px; background: url(../images/bg_barranav.jpg) no-repeat top }
	#barranav img { vertical-align: middle }

/* COL SX */
#colsx { padding: 0 0 55px 0 }


/* COL DX */
#coldx #videoColDx { width: 167px; height: 189px; margin:0; padding: 0px 5px; text-align: center; background: url(../images/bg-button-video.gif) no-repeat }
#coldx #videoColDx:hover { background: url(../images/bg-button-video-hover.gif) no-repeat }
	#coldx #videoColDx h2 { margin-top: 0; padding-top: 13px; color: #fff; font-size: 12px; text-transform: uppercase}
	#coldx #videoColDx img { margin-bottom: 7px}
	#coldx #videoColDx a { color: #fff; font-size: 12px; text-decoration: underline}
		#coldx #videoColDx a:hover {text-decoration: none}

/* CONTENUTO PRINCIPALE */
#content { width: 100%; padding: 5px 15px 15px 15px; background: url(../images/bg_content.gif) no-repeat center center }

/* HOME PAGE */
	.centraleHomeSx { float: left; overflow: hidden; width: 257px; padding-right: 10px; border-right: 1px solid #EBEBF3}
	.centraleHomeDx { float: right; width: 257px; padding-left: 10px; overflow: hidden }
		.centraleHomeSx p, .centraleHomeDx p { margin-bottom: 0 }

		/* LOGIN AREA DOWNLOAD */
			table.login { margin: 20px auto 0 auto; }
				table.login td { padding-top: 5px; vertical-align: middle }


/* AREA */
.area01 { height: 145px }
	.area01 .top-sx-sx {  }
	.area01 .top-sx  {  }
	.area01 .top-centro { width: 100%; background: url(../images/area01_top-centro.jpg) repeat-x  }
	.area01 .top-dx {  }
	.area01 .top-dx-dx {  }
	.area01 .centro-sx-sx { background: url(../images/area01_centro-sx-sx.jpg) repeat-y #e3eafb }
	.area01 .centro-sx { background: url(../images/area01_centro.jpg) repeat-x #e3eafb }
	.area01 .centro { height: 100%; background: url(../images/area01_centro.jpg) repeat-x #e3eafb }
	.area01 .centro-dx { background: url(../images/area01_centro.jpg) repeat-x #e3eafb }
	.area01 .centro-dx-dx { background: url(../images/area01_centro-dx-dx.jpg) repeat-y #e3eafb }
	.area01 .bottom-sx-sx {  }
	.area01 .bottom-sx {  }
	.area01 .bottom-centro { background: url(../images/area01_bottom-centro.jpg) repeat-x #e3eafb }
	.area01 .bottom-dx {  }
	.area01 .bottom-dx-dx {  }
.separator { display: block; width: 100%; height: 2px; margin: 5px auto; }

/* PAGINAZIONE */
#paginazione { margin-bottom: 20px; text-align: right; font-weight: bold; color: #149; }

/* NEWS */
	/* filtro (newstre.php) */
		#filtroNews { width: 350px; margin: 0 auto;  }
			#filtroNews a { display: block; float: left; width: 100px; margin: 0 20px; padding: 13px; text-align: center; background: url(../images/area01_centro.jpg) repeat-x #e3eafb 0 -70px }
				#filtroNews a.selected { color: #aaa; background: #eee;  }
	.notizia-elenco { height: 84px; margin: 15px 0 25px 0; }
		.news-thumb { float: left; margin-right: 7px; }
		.notizia-elenco div.data { font-size: 85%; }
		.notizia { padding-right: 2px; margin-bottom: 23px }
	
/* NEWS HOME */
#ttlNewsHome { display: block; margin: 0 auto; padding: 5px 0}
.newsHome { padding-left: 30px; background: url(../images/new.gif) no-repeat; }	

/* FOOTER */
#footer { padding-top: 10px; color: #149; border-width: 1px 0 1px 0; border-style: solid; border-color: #ddd }
	#credits { float: right; margin-top: 10px}

/* DOWNLOAD */
#download { width: 100%; margin-top: 20px; border-width: 0 0 1px 1px; border-style: solid; border-color: #ccc }
	#download th { padding: 3px 5px; font-weight: normal; border-width: 1px 1px 0 0; border-style: solid; border-color: #ccc }
		#download th.path { text-transform: uppercase; text-align: left; }
	#download td { padding: 5px 3px; border-width: 1px 1px 0 0; border-style: solid; border-color: #ccc }
		#download td.tipo { width: 50px; text-align: center; }
		#download td.nome { white-space: nowrap; font-weight: bold }
		#download td.desc { width: 100%; }
		#download td.dimensione { width: 70px; text-align: right; }

/* MODULO ORDINE - REGISTRAZIONE */
#ordine-registrazione { width: 500px; margin-top: 20px; }
	#ordine-registrazione th { padding: 5px 10px; text-transform: uppercase; color: #666; background: #eee; border-bottom: 1px solid #ccc }
	#ordine-registrazione td.label { width: 120px; padding: 4px 5px 4px 5px; text-align: left; font-weight: bold; }
	#ordine-registrazione td.data { padding: 4px 10px 4px 0; text-align: left; }
	#ordine-registrazione td.label2 { padding: 4px 10px 4px 25px; font-weight: bold; text-align: right; }
	#ordine-registrazione td.data2 { padding: 4px 20px 4px 0; text-align: left; }
	#ordine-registrazione input.long { width: 431px; padding: 2px 4px; line-height: 15px; border: 1px solid #ccc }
	#ordine-registrazione input.short { width: 120px; padding: 2px 4px; line-height: 15px; border: 1px solid #ccc }
	#ordine-registrazione select { width: auto }
	#ordine-registrazione textarea { width: 431px; padding: 2px 4px; border: 1px solid #ccc; overflow: auto; }
	span.errore { text-transform: uppercase; color: #d00; font-size: 12px; font-weight: bold; }
	#ordine-registrazione .noinput { font-weight: bold; font-family: verdana; font-size: 12px; color: #AD0001; border: 0; background: none; }

/* PLANNING */
#paginazione { text-align: center;  }
#mese { float: left; font-family: verdana; border-collapse: collapse }
	#mese th.gg { }
	#mese td { width: 125px; height: 83px; padding: 3px; }
	#mese td.vuoto { border: 1px solid #ddd }
		div.gg-vuoto { float: right; padding: 2px; font-family: "courier new"; color: #bbb; font-size: 20px; font-weight: bold; }
	#mese td.libero { border: 1px solid #bbb }
		div.gg-libero { float: right; padding: 2px; font-family: "courier new"; font-size: 20px; font-weight: bold; }
	#mese td.occupato { font-size: 10px; background: #ffa; border: 1px solid #bbb }
		div.eventsWrapper { width: 94px; overflow: hidden }
			#mese li { margin-left: -23px; margin-bottom: 5px }
		div.gg-occupato { float: right; width: 17px; height: 15px; padding: 2px 4px 0 4px; font-family: "courier new"; font-size: 15px; font-weight: bold; color: #fff; background: #e33;  }
		a.evento { text-decoration: none; font-weight: bold; }
			a.evento:hover { text-decoration: underline; font-weight: bold; color: #f00 }
#ricerca { width: 500px }
	#ricerca select { width: 300px; border: 1px solid #999 }	
	#ricerca input { width: 300px; border: 1px solid #999 }

/* VIDEO */
#videoDetail { width: 480px; margin: 0 auto; }
#videoWrapper { width: 480px; margin: 0 auto; position: relative; }
	#videoWrapper #frecciaSx { position: absolute; top: 0; left: 0; cursor: pointer }
	#videoWrapper #frecciaDx { position: absolute; top: 0; right: 0; cursor: pointer }
	#videoScroller { overflow: hidden; width: 480px; height: 150px; }
		#videoScroller div.scrollGroup { width: 480px }
			#videoScroller div.elem { float: left; margin: 10px; width: 140px; text-align: center; }
				#videoScroller div.elem a.ttl { display: block; color: #c00; font-size: 14px; font-weight: bold; text-decoration: none; }
					#videoScroller div.elem a.ttl:hover { text-decoration: underline }
				#videoScroller div.elem img { display: block; margin: 0 auto 5px auto;  }
				#videoScroller div.elem p { margin: 5px 15px 5px 0 }