/* ---- Template ARANCIO - con spalla a destra, menu in alto  ---- */

*{ margin: 0; padding: 0; border: 0 }
body { font: 70%/1.5em 'Arial', Tahoma, Verdana, sans-serif;text-align: center;}

/* ---- Tipografia  ---- */

h1, h2, h3, h4, h5, h6 {font-family: 'Trebuchet MS', Tahoma, Sans-serif; margin:0; padding:0; }
	

h2 {font-size: 180%;font-weight:bold;margin:0 10px; padding-bottom:4px; border-bottom:0px solid #ccc;}
h3 {font-size: 150%; }
h4 {font-size: 120%; }

h1, h2, h3, h4, p {padding: 5px; margin: 0;}
ul, ol {margin: 5px 20px;padding: 0 20px; font-size:12px;}

/* ---- immagini  ---- 

img {background: #FAFAFA; border: 1px solid #DCDCDC;padding: 5px;}*/
img.float-right {	margin: 5px 0px 10px 10px;  }
img.float-left {	margin: 5px 10px 10px 0px;}

/* ---- Tag HTML ---- */
blockquote {margin: 10px;padding: 0 0 0 35px;font: bold 1.2em/1.4em 'Trebuchet MS', Tahoma, Sans-serif;}
	
/* ---- link  ---- */
a, a:visited {	background: inherit;text-decoration:  none;}
a:hover {background: inherit;text-decoration:underline;}

/* ---- LAYOUT ---- */
#wrap {position: relative;width: 960px;margin: 0 auto;text-align: left;}

/* #tob-bg utile per aggiungere un immagine di sfondo sopra #header-photo */
#top-bg {
   position: absolute;
	width: 960px;
	height: 19px;
	top: 0; left: 0;
	z-index: 2;	
}
#content-wrap {
	position: relative;
	clear: both;
	float: left;		
	width: 960px;	
	padding: 0; 	margin:0;
	display: inline;
}


#header {
	width: 960px;
	position: relative;
	height: 213px;
	background:url(../images/header.jpg) 0 0 no-repeat;
	padding: 0;	
}
#header h1#logo-text a {
	position: absolute;
	margin: 0; padding-right: 12px;
	font: bold 76px 'Arial Black', Arial, Sans-serif;
	letter-spacing: -1px;
	text-transform: none;
	text-decoration: none;
	/* ---- cambiare i valori top e left per spostare il logo ---- */
	top: 25px; left: 10px; border-right:2px solid #fff;	
}

#header h1#logo-text a {color: #fff;}
	
#header h1#logo-text span {color: #838181;}

#header h1#logo-text span {
	color: #838181;
}
#header h2#slogan {
	position: absolute;
	margin: 0;
	padding: 0;
	font: normal 26px 'Arial', Arial, Sans-serif;
	text-transform: none;
	/* ---- cambiare i valori top e left per spostare lo slogan ---- */
	top: 50px;
	left: 250px;
}

/* header links */
#header #header-links {position: absolute; top: 0px; right: 20px;	font-size: 10px;}
#header #header-links a {	text-decoration:underline; color:#FFFFFF; font-size:12px	}


/* header nav2 */
ul#nav2{list-style:none; padding:0; margin:0px; list-style:none; width:180px; position:absolute; right:15px; top:60px; }
ul#nav2 li{margin:0;padding:0; text-indent:5px; font-weight: bold; font-size:12px; margin-bottom:1px}
ul#nav2 a:link, ul#nav2 a:visited{display: block;height: 25px;line-height: 25px;
    text-decoration:none; padding-left:25px; }
	
ul#nav2 a:link, ul#nav2 a:visited{ color:#fff; border-bottom:1px solid #7DC1D8 ;  background:url(../images/ico_freccia_nav2.gif)  15px center no-repeat;}
ul#nav2 a:hover{border-bottom:1px solid #7DC1D8 ;   background:#B3EBF7 url(../images/ico_freccia_nav2.gif)  15px center no-repeat; color:#3C4B60; }



/* ---- Main Column  ---- */
#main h2 {  color:#CE0100; font-size:18px;}
#main p {  line-height:1.4em; font-size:12px;}
#main ul li {list-style-image: url(arancio/bullet.gif); font-size:12px;}

.flash{ margin:10px 0 20px 0; padding:4px; border:1px solid #ccc;}


/* ---- Sidebar  ---- */	
	
#sidebar p{ color:#3C4B60; font-size:11px; font-family:Arial, Helvetica, sans-serif; line-height:1.3em; padding:0 7px;}




div.btn_test{ text-transform:uppercase; display:block; background: url(../images/btn_test.gif) center center no-repeat; height:32px; line-height:32px;  text-align:center;  font-size:11px; font-family:Arial, Helvetica, sans-serif}
div.btn_test a:link, div.btn_test a:visited, div.btn_test a:hover{ color:#FFFFFF}





div.btn_pag a:link, div.btn_pag a:visited, div.btn_pag a:hover{ color:#FFFFFF}





ul#menuSecondario{list-style:none; padding:0; list-style:none;/*width:220px;*/ margin:4px 4px 0px 4px;  }
ul#menuSecondario li{margin:0;padding:0; text-indent:5px; font-weight: bold; margin-bottom:0px}
ul#menuSecondario a:link, ul#menuSecondario a:visited{display: block;height: 25px;line-height: 25px;
    text-decoration:none; padding-left:25px; }
	
ul#menuSecondario a:link, ul#menuSecondario a:visited{ color:#3C4B60; border-bottom:1px solid #ccc ;  border-top:1px solid #fff; border-left:0px solid #fff;  border-right:0px solid #fff; background:url(../images/ico_freccia.gif)  15px center no-repeat;}
ul#menuSecondario a:hover{ border-top:1px solid #eeeeee; border-left:0px solid #ccc;  border-right:0px solid #ccc; background: #eeeeee /*#B3EBF7*/ url(../images/ico_freccia.gif)  15px center no-repeat; }





/* ---- stili per eventuale uso di tabelle  ---- */
table#tabella {
	border-collapse: collapse; width:96%;
	margin: 10px; }

table#tabella th {
	height: 29px;
	padding-left: 12px;
	padding-right: 12px;
	text-align: left;
	}
table#tabella tr {
	height: 30px;
}
table#tabella td {
	padding-left: 11px;
	padding-right: 11px;
	}


.hidden{ display:none;}


/* ----- Menu ----- */

div#menu{padding-top: 0px;text-align: center; top:155px; position:relative;}
#menu ul,#menu li{margin: 0;padding: 0;list-style: none; height:50px; font-size:18px; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;}
#menu ul{width: 99%;margin:0 auto}
#menu li{float:left;padding: 0 1px;   text-align:center}

#menu a{color: #333333; text-decoration:none; }

#m1{ background:url(../images/nav/1.jpg) no-repeat top left;width:50px;line-height: 50px; height:50px; display:block; text-align:center; cursor:pointer}
#m2{ background:url(../images/nav/2.jpg) no-repeat top left;width:180px;line-height: 50px; height:50px; display:block; text-align:center}
#m3{ background:url(../images/nav/3.jpg) no-repeat top left;width:225px;line-height: 50px; height:50px; display:block; text-align:center}
#m4{ background:url(../images/nav/4.jpg) no-repeat top left;width:195px;line-height: 50px; height:50px; display:block; text-align:center}





/* ----- banner promozione index ----- */

#box_promozione{ background: url(../images/box_promozione2.jpg) -20px 0 repeat-x; width:626px/*656px*/; border: 0px solid #DE3400; margin:15px 0 15px 20px; position:relative; top:0; left:0;}
#box_promozione h3{ color:#CE0100/*#666*/; font-size:16px;; padding:8px 0 0 25px;}
#box_promozione h3 span{ font-size:24px}
#box_promozione p{ font-size:11px; line-height:1.3em; margin-top:30px; padding:0 130px 0 140px}

#box_promozione a:link,#box_promozione a:visited { color:#FFFFFF;}
a.btn{ text-transform:uppercase; display:block; background: url(../images/btn.gif) 0 0 no-repeat; width:185px; height:32px; line-height:32px; padding-left:30px;}
#prezzo{ position:relative; right:0px; top:50px; font-size:25px; color:#FFFFFF; font-weight:bold; float:right; padding-top:10px ; text-align:center; width:110px;}
.euro{ font-size:14px; font-weight:normal; padding-left:0px}
/* ---- ---- footer  ---- */
#footer {
	clear: both;
	margin: 20px auto; 
	/*width: 940px;*/
	padding: 10px 0 10px 20px;
	text-align: left;
	background:url(../images/footer.jpg) 0 0 repeat-x;
	
}
/* ---- classi per allineare immagini, paragrafi etc...  ---- */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* ---- altre classi  ---- */

.clear { clear: both; }
.optima{ display:none;}

a.btnCorso{ text-transform:uppercase; display:block; background: url(../images/btnCorso.gif) 0 0 no-repeat; width:190px; height:32px; line-height:32px; padding-left:30px ; }
/* ---- Lista clienti---- */

#listaClienti ul,#listaClienti ul li{margin:0;padding:0;list-style:none; text-align:center; position:relative}

#listaClienti ul{width: 100%;overflow: hidden; 
    padding: 1em 0 0 0;margin:0em 0;}

#listaClienti ul li{float: left;width: 122px /*17%*/; list-style:none; margin-bottom:5px;
margin-left: 0px;display: inline; color:#666666;
border-bottom:0px dotted #777}


#listaClienti img{ border:1px solid #ccc; padding:0px;}

/*classe elenco partner */
ul.citta{ width:600px; list-style:none;overflow: hidden;}
ul.citta li{ background:url(../images/check.gif) 0 0 no-repeat; padding:5px 0 5px 25px;/*display: inline; width:290px;*/ }


/*classe pag. formazione_monitoraggio */
ul.monitoraggio{ list-style:none;overflow: hidden; float:left; width:250px; background:#fff; padding:0; margin:5px 0 0 0 ;}
ul.monitoraggio li{ border-bottom:1px solid #ccc;  background:url(../images/check.gif) 0 0 no-repeat; margin-bottom:2px;padding:5px 0 2px 25px; }