/* CSS Document */
/* -------------------------------------- Elementi HTML ------------------------------------------ */
body {
	margin:0 0 0 0;
	background-color:#dfdedc;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../images/struttura/fondobody.gif);
	background-repeat:repeat-y;
	background-position:center;
	font-size:12px;
	line-height: 20px;
	color:#000000;
}
table {
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 26px;
}

p {
	margin: 0 0 8px 0;
}

h1, h2, h3, h4 {
	margin:0;
	padding:0;
}
.boxhome h2#logohead {
	font-size: 20px;
	color: #0092cd;
	font-weight: normal;
}
#boxhome1_center h2#newshead {
	font-size: 20px;
	color: white;
	font-weight: normal;
}
strong {
	
}
a:link {

}
a:visited {

}
a:hover {

}	
dd, dl, dt {
	margin:0;
	padding:0;
}
.imgdx {
	float:right;
}
.imgsx {
	float:right;
}
li, ul {
}
img a {
	border:none;
}
.footer {
	clear:both;
}
#content a {
	color: #0092cd;
}

/* ------------------------------------------- Struttura ----------------------------------------- */
#container {
	width:960px; /* distanza tot */
	text-align:center;
	margin: 0 auto 0 auto;
	padding: 0;
	background-color:#FFFFFF;
	position:relative;
}
#head {
	background-image: url(header.jpg);
	background-repeat:no-repeat;
	height:141px;
}

h1#logo a {
	width:229px;
	height: 124px;
	text-indent:-9999px;
	position:absolute;
	text-align:left;
	left: 375px;
	top: 9px;
}
#menuhome {
	position:absolute;
	top:108px;
	left:8px;
}
#content {
	text-align:left;
	margin: 60px 73px 5px 73px; /* padding top = height banner + menuup (se c'è) */
	/*background-color: #FFFFFF;
	background-image:url(../images/struttura/fondo_content.gif);
	background-repeat:no-repeat;
	background-position:top left;*/
}
#content h1 {
	font-size:23px;
	margin: 0 0 6px 0;
	font-weight:bold;
	color:#e50f2b;
}
#content h2 {
	font-size:18px;
	margin: 0 0 6px 0;
	font-weight:bold;
	color:#0092cd;
}
#content h3 {
	font-size:16px;
	margin: 5px 0 14px 0;
	font-weight:bold;
	color:#e50f2b;
}

#content h4 {
	font-size:14px;
	margin: 0 0 3px 0;
	font-weight:bold;
	color:#0092cd;
}
#content h5 {
	font-size:12px;
	margin: 0 0 3px 0;
	font-weight:normal;
	color:#0092cd;
}
.dxmedia {
	float:right;
	margin: 0px 0 30px 25px;
}
.sxmedia {
	float:left;
	margin: 0 25px 25px 0;
}

.evidenzia {
	background-color: #0092cd;
	width: 60%;
	padding: 7px 15px 7px 7px;
	margin: 20px 0;
	color: white;
}
.evidenzia .lime {
	color: #D8F920;
	font-size:16px;
	margin: 5px 0 14px 0;
	font-weight:bold;
} 
#content .evidenzia h4 {
	color: #cddfeb;
}
.evidenziarosso {
	background-color: #e50f2b;
	width: 22%;
	padding: 7px 15px 7px 7px;
	margin: 20px 0;
	color: white;
	position: absolute;
	left: 71px;
	top: 384px;
}
.evidenziagiallo {
	background-color: #FFF057;
	width: 22%;
	padding: 7px 15px 7px 7px;
	margin: 20px 0;
	color: #ce0017;
	position: absolute;
	left: 71px;
	top: 520px;
}
#newslist dd {
	padding-bottom: 12px;
}
#news {
	margin: 0;
	padding: 0;
	
}
#news li {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 260px;
	height: 160px;
}

#presse dd {
	font-size: 10px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #cddfeb;
	padding-bottom: 5px;
}
#reference td {
	vertical-align: top;
	line-height: normal;
	
}
#reference p {
	font-size: 12px;
}
#calendrier, #calendario {
	font-size: 11px;
	border-collapse: collapse;

}
#calendrier td, #calendrier th {
	padding: 2px 3px;
	text-align: center;
	border-bottom: 1px solid white;
	border-right: 1px solid white;
	white-space: nowrap;
	line-height: normal;
}
.green {
	background-color: #68d669;
}
.yellow {
	background-color: #feff6a;
}
.red {
	background-color: #d15e5e;
	color: white;
}
.black {
	background-color: black;
	color: white;
}
.grigio {
	background-color: #7F7F7F;
}
.rosso {
	background-color: #F95D5D;
}
.giallo {
	background-color: #FFDA65;
}
.verde {
	background-color: #00B050;
}
.viola {
	background-color: #D0D8E8;
}
.blu {
	background-color: #4F81BD;
	color: white;
}
.azzurro {
	background-color: #D2D8E8;
}

.azzurrino {
	background-color:#EAEDF6;
}
.rossoscuro {
	background-color: #9B0721;
	color: white;
}

#calendario td, #calendario th {
	padding: 2px 2px;
	border-bottom: 1px solid white;
	border-right: 1px solid white;
	white-space: nowrap;
	line-height: normal;
	vertical-align: top;
}


.mesi {
	background-color: #dfdedc;
	text-align: center;
	font-weight: bold;
}
.nss, .snn, .sns, .nsn, .sss, .ssn, .nns {
	background-position: right;
	background-repeat: no-repeat;
}
.nss {
	background-image: url(nss.gif);
}
.snn {
	background-image: url(snn.gif);
}
.sns {
	background-image: url(sns.gif);
}
.nsn {
	background-image:  url(nsn.gif);
}
.sss {
	background-image: url(sss.gif);
}
.ssn {
	background-image: url(ssn.gif);
}
.nns {
	background-image: url(nns.gif);
}
#equipe td {
	vertical-align: top;
	padding: 5px 0;
	border-bottom: 1px dotted #4f81bd;
}
#equipe th h3 {
	margin: 10px  0 0 0;
	padding: 0;
	text-align: left;
}
#equipe p {
	margin: 0;
	padding: 0;
	line-height: normal;
}
#equipe strong {
	color: #0092cd;
}
#privacy {
	font-size: 11px;
	color: #727272;
}

/* -------------------------------- Sx ---------------------------- */
#sx {
	width: 350px;
	float:left;
	text-align:left;
}
#sxhome {
	width:260px;
	float:left;
	text-align:left;
}

/* --------------------------------- Dx --------------------------- */
#dx {
	margin: 0 75px 0 350px;
	text-align:left;
	text-align:right;
}
#dxhome {
	width:260px;
	float:right;
}

/* ------------------------------- Central  ---------------------- */
#centralhome {
	margin: 0 260px;
	text-align:center;
}

/* ---------------------------- Piede ---------------------------- */
#piede {
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	text-align:center;
	position: relative;
	width:960px;
	height:90px;
	background-image:url(../images/struttura/fondo_piede.gif);
	background-repeat:repeat-x;
	color:#cddfeb;
}
#piedetxt {
	font-size:10px;
	padding: 4px 0 0 0;
}
#piedetxt a {
	color:#cddfeb;
}
/* -------------------------------------------- Home ------------------------------------------- */
.boxhome {
	width:261px;
	padding: 8px 0 0 0;
	margin: 0 auto 27px auto;
}
.boxhome_bottom {
	padding: 0 0 8px 0;
}
.boxhome_center {
	padding: 0 20px;
	text-align:left;
}
boxhome h4 {
	color:#FFFFFF;
	font-size:16px;
	margin:0;
	padding:0;
}
.boxhome_center p {
	margin:0;
}
#sxhome .cartina {
}
#boxhome1_top {
	background-image: url(../images/home/boxhome_1_top.gif);
	background-repeat:no-repeat;
	background-position:top;
}
#boxhome1_bottom {
	background-image:url(../images/home/boxhome_1_bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}
#boxhome1_center {
	background-repeat:repeat-x;
	background-image:url(../images/home/boxhome_1_center.jpg);
	height:184px;
	margin: 0 0 0 1px;
	color:#FFFFFF;
}
#boxhome1_center p {
	line-height: normal;
}
#boxhome1_center p.nota {
	line-height: normal;
	padding: 10px 0 0 0;
	border-bottom: none;
}
#boxhome1_center a {
	color:#FFFFFF;
}
#boxhome2_top {
	background-image: url(../images/home/boxhome_2_top.gif);
	background-repeat:no-repeat;
	background-position: right top;
	line-height: normal;
}
#boxhome2_bottom {
	background-image:url(../images/home/boxhome_2_bottom.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
}
#boxhome2_center {
	background-color:#1fa12d;
	background-image:url(../images/home/boxhome_2_center.jpg);
	background-position:bottom;
	background-repeat:no-repeat;	
	height:304px;
	margin: 0 0 0 1px;
	text-align:center;
	
}
#boxhome2_center a, #boxhome3_center a, #boxhome4_center a, #boxhome5_center a, #boxhome6_center a {
	font-size:20px;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	color:#FFFFFF;
	line-height: 28px;
	text-decoration:none;	
	display:block;
}
#boxhome3_top {
	background-image: url(../images/home/boxhome_3_top.gif);
	background-repeat:no-repeat;
	background-position:top;
}
#boxhome3_bottom {
	background-image:url(../images/home/boxhome_3_bottom.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
}
#boxhome3_center {
	background-color:#ee7f00;
	background-image:url(../images/home/boxhome_3_center.jpg);
	background-position:bottom;
	background-repeat:no-repeat;	
	height:184px;
	margin: 0 0 0 1px;
	text-align:center;
}
#boxhome4_top {
	background-image: url(../images/home/boxhome_4_top.gif);
	background-repeat:no-repeat;
	background-position: right top;
}
#boxhome4_bottom {
	background-image:url(../images/home/boxhome_4_bottom.gif);
	background-repeat:no-repeat;
	background-position: right bottom;
}
#boxhome4_center {
	background-repeat:repeat-x;
	background-image:url(../images/home/boxhome_4_center.gif);
	height:64px;
	margin: 0 0 0 1px;
	text-align:center;
}
#boxhome5_top {
	background-image: url(../images/home/boxhome_5_top.gif);
	background-repeat:no-repeat;
	background-position:center top;
}
#boxhome5_bottom {
	background-image:url(../images/home/boxhome_5_bottom.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
#boxhome5_center {
	background-color:#ee7f00;
	background-image:url(../images/home/boxhome_5_center.jpg);
	background-position:bottom;
	background-repeat:no-repeat;	
	height:184px;
	margin: 0 0 0 1px;
	text-align:center;
}

#marseille {
	font-size: 10px;
	line-height: normal;
	height: 130px;
}

/* --------------------------------------- Modulo Download ------------------------------------- */
#download {
	background-color: #b2c5db;
	width: 60%;
	padding: 7px 15px 7px 7px;
	margin: 40px 0;
}
#download ul {
	margin: 0;
	padding: 0 0 0 50px;
}
#download li {
	margin: 0;
	padding: 0 0 3px 0;
	list-style: none;
	border-bottom: 1px dotted white;
	margin-bottom: 3px;
}
#download a {
	color: #e50f2b;
	text-decoration: none;
	font-weight: bold;
}
#download a:hover {
	text-decoration: underline;
}
#download h4 {
	background-image: url(download.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 15px 0 15px 50px;
	margin: 0;
	font-size: 14px;
}
#toc {
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 11px;
}
#toc li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#toc li a {
	color: #727272;
	}
#toc li a:hover {
	color: black;
}
.elenco, .sottoelenco, .elencoimp {
	margin: 10px 0;
	padding: 0 0 0 15px;
}
.elenco li {
	list-style: none;
	margin: 0;
	padding: 0 0 3px 20px;
	background-image: url(arrow.png);
	background-repeat: no-repeat;
	background-position: 0 3px;
	position: relative;
}
.sottoelenco li {
	list-style: none;
	margin: 0;
	padding: 0 0 3px 20px;
	background-image: url(pallino.png);
	background-repeat: no-repeat;
	background-position: 0 3px;
	position: relative;
}
.elencoimp li {
	list-style: none;
	margin: 0;
	padding: 0 0 3px 20px;
	background-image: url(arrow-red.png);
	background-repeat: no-repeat;
	background-position: 0 3px;
	position: relative;
}
.nota {
	text-align: left;
	font-size: 10px;
	border-bottom: 1px dotted #cddfeb;
}
.tornasu {
	text-align: right;
	float:right;
	padding: 3px 0 0 0;
}
 .sapernedipiu {
	text-align: right;
	color:#e2001a;
	float:right;
	margin: 0 15px 0 0;
}
#content .sapernedipiu a {
	color:#e2001a;
	border:none;
}
#content img  {
	border:none;
	margin: 0 5px 0 0;
}

.tab {
	line-height: normal;
	border-collapse: collapse;

}
.tab td, .tab th {
	padding: 10px;
	vertical-align: top;
}
.tab thead th {
	background-color: #cddfeb;
	border-left: 1px solid white;
	color: #0092cd;
}
.tab tbody th {
	background-color: #deecf3;
	border-bottom: 1px solid white;
	text-align: left;
	color: #0092cd;
}
.tab tbody td {
	border: 1px solid #cddfeb;

}
#labels {
	float: left;
	width: 150px;
	margin: 30px 0 0 0;
	padding: 0;
	line-height: normal;
}
#labels li {
	list-style: none;
	padding: 0 0 0 10px;
	margin: 0 0 8px 0;
	border-left: 10px solid black;
	position: relative;
	display: block;
	font-size: 10px;
}

/* --------------------------------------------- Menu up ------------------------------------------------------ */
.menuup {
	margin:0;
	padding:0;
	height:49px;
	width: 960px;
	position:absolute;
	top:134px;
	left:0;
}
.menuup li a {
	text-decoration:none;
	font-size:16px;
	color:white;
}
.menuup li {
	padding:0;
	list-style-type:none;
	display:block;
	float: left;
	/*font: normal 12px Arial;*/ /* cambia font */	
	line-height: 14px; /* (Questo) + (padding in alto di .menuup span) + (padding in basso .menuup span) =  height) */
	margin: 0 0 0 0; /* margine a destra tra un pul e un altro */
	width: 320px; /* x mettere una larghezza fissa a tutti i pulsanti nel caso non si voglia renderlo dimensionabile */
	text-decoration: none;		
}
.menuup a {
	height: 49px; /* altezza menu */
	display: block;	
	padding-left: 7px; /* larghezza del pezzettino a sinistra del menu (largh dell'immagine leftmenu.gif) */
}
.menuup span {	
	display: block;
	height: 49px;
	padding: 0 7px 0 0;
}
.menuup span span {
	background-image:none;
	background-position: 200px;
	height:auto;
	padding: 10px 6px 0 6px;
}
.menuup li a:hover {
	background-position: 0 -49px;
	cursor:hand;
}
.menuup a:hover span {
	/*background-position: bottom right;*/
	background-position: 0 -49px;
}
.menuup a.curr_a {
	background-position: 0 -98px;
}
.menuup a:hover.curr_a {
	background-position: 0 -98px;
}
.menuup a span.curr_span {
	/*background-position: bottom right;*/
	background-position: 0 -98px;
}
.menuup a:hover span.curr_span {
	/*background-position: bottom right;*/
	background-position: 0 -98px;
}
.menuup li.men8 {
	width: 137px;
}

/*-------------- Menu particolari -------------- */
.men1 a, .men6 a , .men8 a  {
	background: transparent url(../images/struttura/menu_fondosx.png) no-repeat top left; /* img piccola a sinistra */ 
}

.men1 a span, .men6 a span, .men8 a span  {
	background: transparent url(../images/struttura/menu_fondodx.png) no-repeat top right; /* img grossa a destra */ 
}
 .men7 a span  {
	background: transparent url(../images/struttura/menu_fondodx_rosso.png) no-repeat top right; /* img grossa a destra */ 
}
.men7 a  {
	background: transparent url(../images/struttura/menu_fondosx_rosso.png) no-repeat top left; /* img piccola a sinistra */ 
}

.men2 a, .men3 a {
	background: transparent url(../images/struttura/menu_fondosx_verde.png) no-repeat top left; /* img piccola a sinistra */ 
}
.men2 a span, .men3 a span {
	background: transparent url(../images/struttura/menu_fondodx_verde.png) no-repeat top right; /* img grossa a destra */ 
}
.men4 a, .men5 a {
	background: transparent url(../images/struttura/menu_fondosx_arancio.png) no-repeat top left; /* img piccola a sinistra */ 
}
.men4 a span, .men5 a span {
	background: transparent url(../images/struttura/menu_fondodx_arancio.png) no-repeat top right; /* img grossa a destra */ 
}
	
/* -------------------- Sottomenu orizz (togliere se non c'è) ------------------ */
.menuup ul {
	position:absolute;
	top:49px;
	height:30px;
	left:0px;
	width:960px;
	margin:0;
	padding:0;
	display:block;
}
.menuup li li {
	display:block;
	margin: 0 12px 0 12px;
	padding:6px 0 0 0;
	width:auto;
}
.menuup li li a {
	display: block;
	float: left;	
	background-image:none;
	height: 24px;
	margin:0;
	padding:0;
	text-decoration: underline;
	color:#FFFFFF;
}
.menuup li li a:hover {
	color:#FFFFFF;
	text-decoration: none;
}
.menuup li li a.curr {
	color:#FFFFFF;
	background-image:none;
	text-decoration: none;

}
/* fondo sottomenu */
.men1 ul, .men6 ul ,  .men8 ul, #barrasottomenuvuota  {
	background-color:#0092cd;
}
.men2 ul, .men3 ul {
	background-color:#1fa12d;
}
.men4 ul, .men5 ul {
	background-color:#ee7f00;
}
.men7 ul {
	background-color:#CE0017;
}
.men1 a span span, .men2 a span span, .men3 a span span, .men4 a span span, .men5 a span span, .men6 a span span,  .men7 a span span,  .men8 a span span {
	background-image:none;
}
/* margine a sinistra dei primi li */
.men1 .primosottomenu {
	padding-left:40px;
}
.men2 .primosottomenu {
	padding-left:50px;
}
.men3 .primosottomenu {
	padding-left:250px;
}
.men4 .primosottomenu {
	padding-left:360px;
}
.men5 .primosottomenu {
	padding-left:500px;
}
.men6 .primosottomenu {
	padding-left:620px;
}
.men7 .primosottomenu {
	padding-left:380px;
}
#barrablu, #barraverde {
	position:absolute;
	top:183px;
	height:30px;
	left:0px;
	width:960px;
	margin:0;
	padding:0;
	display:block;
	text-align:center;
}
#barrablu {
	background-color:#0092cd;
}
#barraverde {
	background-color: #1fa12d;
}

/* --------------------------------------------- Menu up ------------------------------------------------------ */
.menupiede {
	margin:0;
	padding:0;
	height:49px;
	margin: 0 0 0 172px;
}
.menupiede li a {
	text-decoration:none;
	font-size:11px;
	color:white;
}
.menupiede li {
	padding:0;
	list-style-type:none;
	display:block;
	float: left;
	/*font: normal 12px Arial;*/ /* cambia font */	
	line-height: 14px; /* (Questo) + (padding in alto di .menuup span) + (padding in basso .menuup span) =  height) */
	margin: 0 0 0 0; /* margine a destra tra un pul e un altro */
	width: 120px; /* x mettere una larghezza fissa a tutti i pulsanti nel caso non si voglia renderlo dimensionabile */
	text-decoration: none;		
}
.menupiede a {
	height: 49px; /* altezza menu */
	display: block;	
	padding-left: 7px; /* larghezza del pezzettino a sinistra del menu (largh dell'immagine leftmenu.gif) */
	background: transparent url(../images/struttura/menu_fondosx.png) no-repeat top left; /* img piccola a sinistra */ 
}
.menupiede span {	
	display: block;
	height: 49px;
	padding: 0 7px 0 0;
	background: transparent url(../images/struttura/menu_fondodx.png) no-repeat top right; /* img grossa a destra */ 
}
.menupiede span span {
	background-image:none;
	background-position: 200px;
	height:auto;
	padding: 10px 6px 0 6px;
}
.menupiede li a:hover {
	background-position: 0 -49px;
	cursor:hand;
}
.menupiede a:hover span {
	/*background-position: bottom right;*/
	background-position: 0 -49px;
}
.menupiede a.curr_a {
	background-position: 0 -98px;
}
.menupiede a:hover.curr_a {
	background-position: 0 -98px;
}
.menupiede a span.curr_span {
	/*background-position: bottom right;*/
	background-position: 0 -98px;
}
.menupiede a:hover span.curr_span {
	/*background-position: bottom right;*/
	background-position: 0 -98px;
}
	/*  amministrazione  */

#menupadm {
	background-color: #dfdedc;
}
#contentadm {
	margin: 15px;
	text-align: left;
}
#telewrap {
	text-align: center;
}
#tele {
	background-image: url(teleup.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 627px;
	text-align: left;
	margin: 0 auto;
	
}
#tele h4 {
	padding: 27px 0 60px 90px;
	color: #003771;
}
#teledown {
background-image: url(teledown.jpg);
height: 69px;
background-repeat: no-repeat;
	
}
#tele ul {
	padding: 0px 98px 0px 49px;
	margin: 0;
}
#tele li {
	padding: 12px 24px;
	border-bottom: 1px solid white;
	list-style: none;
}
#tele li a {
	color: #E2001A;
	font-weight: bold;
}


/* NEW STYLES */
#content1 {
    margin: 0 auto;
}
#content1 div
{
    float: left;
    height: 310px;
}

#guida-container img {
    width: 240px;
    margin-top: 50px;
}
#video-container {
    margin-left: 10px;
}
#video-container img {
    width: 550px;
}

.clear {
    clear: both;
}

#content2 {
    margin-top: 10px;
}
.content2-box {
    width: 268px;
    float: left;
    height: 180px;
    
}

.content2-box img {
    width: 220px;
    padding-left: 30px;
}