/*             *\
   /*Foglio di stile*\
  /*  Filippetti.it  *\
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	margin: 0px;
	padding: 0px;
	background: #FFF url(../images/bground.gif) center repeat-y;
	text-align: center;
}
form {
	margin: 5px;
	padding: 0px;
}
img {
	border: none;
}
table, tr, td {
	border: 1px solid #ACE;
}
tr, td {
	border: 1px solid #DDD;
	vertical-align: top;
}
td {
	font-size: 11px;
}
a, a:link {
	color: #333;
	text-decoration: underline;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;	
}
a:hover {
	color: #F60;
} 
a.sottomenu, a.sottomenu:link {
	line-height: 20px;
	padding-left: 15px;
	background: url(../images/document.gif) no-repeat left center;
	display: block;
}
a.sottomenu:hover {
	padding-left: 20px;
}

a.prodotto, a.prodotto:link {
	line-height: 20px;
	padding-left: 15px;
	font-weight: bold;
	background: url(../images/prodotto.gif) no-repeat left center;
}
a.prodotto:hover {
	padding-left: 20px;
	background: url(../images/prodotto.gif) no-repeat left center;
}

#main {
	width: 850px;
	background-color: #FFF;
	border: 1px solid #FFF;
	border-width: 0px 1px;
	margin: 0 auto;
	text-align: left;
}

#topline {
	width: 850px;
	height: 20px;
	background-color: #FFF;
	background-image: url(../images/topline.jpg);
}

#topline h1 {
	display: none;
}
span.pipe {
	margin: 0px 6px;
}
/* ELEMENTI DELL'INSTESTAZIONE */
#logo {
	width: 273px;
	height: 80px;
	padding: 5px 0px 5px 0px;
	float:left;
}
#payoff {
	width: 100px;
	height: 70px;
	margin-top: 10px;
	float: left;
	margin-left: 15px;
	font-size: 18px;
	line-height: 16px;
	font-family: Tahoma, Arial, sans-serif;
	color: #999;
}
#service_menu {
	/*width: 273px;*/
	width: 330px;
	height: 60px;
	margin-top: 30px;
	float: right;
	margin-left: 15px;
	text-align: right;
}
	#service_menu img {
		vertical-align: middle;
	}
	#service_menu a, #service_menu a:link {
		color: #999;
		text-decoration: none;
		font-weight: bold;
	}
	#service_menu a:hover {
		color: #000;
	}
	#service_menu input {
		width: 110px;
		border: solid 1px #0067AF;
		padding: 0px 2px;
		font-size: 11px;
		color: #999;
		font-family: Tahoma, Arial, sans-serif;
		vertical-align: middle;
	}
/*  MENU  */
#menu {
	clear: both;
	width: 850px;
	height: 25px;
	padding: 0px;
	background-color: #0067AF;
	background-image: url(../images/menuline.jpg);
	color: #FFF;
}

	#menu ul {
		margin: 0px;
		padding: 0px;
	}

	#menu li {
		display: inline;
	}

	#menu a, #menu a:link {
		padding: 7px 25px 5px 25px;
		/*width: 119px;*/
		/*line-height: 15px;*/
		font-family: Tahoma, Arial, sans-serif;
		font-size: 10px;
		font-weight: bold;
		text-decoration: none;
		display: block;
		float: left;
		/*color: #76C1EB;*/
		color: #ACD8F1;
		text-align: center;
		z-index: 5;
		border-right: solid 1px #034E83;
	}
	#menu a:hover {
		color: #FFF;
		/*background: #054572;*/
		/*Text-decoration: underline;*/
	}
	#menu a.last, #menu a.last:link {
		border: none;
	}


/*  IMMAGINE PRINCIPALE - HOME PAGE */
#mainpic_home {
	width: 850px;
	height: 240px;
	background: url(../images/home1.jpg) no-repeat right;
}
#mainpic_home img {
	padding: 0px;
	margin: 0px; 
}
#mainpic_home div.case_study {
	background: url(../images/sf_case_study_arancio.jpg) no-repeat bottom left;
	width: 273px;
	height: 240px;
}
#mainpic_home div.case_study div, #mainpic div.case_study div {
	padding-left: 10px;
	padding-top: 10px;
}
#mainpic_home div.case_study div a, #mainpic div.case_study div a {
	color: #FFF;
	text-decoration: none;
	font-size: 21px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	line-height: 24px;
}
#curved_home {
	position: absolute;
	top:365px;
	left: auto;
	width: 850px;
	height: 10px;
	background: url(../images/curved.gif) no-repeat;
	z-index: 2;
}
 
/*  IMMAGINE PRINCIPALE - interno */
#titoloSuMainPic {
	position: absolute;
	top: 140px;
	width: 845px;
	height: 110px;
	text-align: right;
	z-index: 3;
}
#titoloSuMainPic div {
	width: 330px;
	height: 100px;
	color: #CAE1F1;
	font-size: 30px;
	float: right
}
#mainpic {
	width: 850px;
	height: 120px;
	background: no-repeat right;
	padding:0px;
	margin: 0px;
}
#mainpic img{
	border: none;
	padding:0px;
	margin: 0px;	
}
#mainpic div.case_study {
	background: url(../images/sf_case_study_verde.jpg) no-repeat bottom left;
	width: 273px;
	height: 120px;
}
#curved {
	position: absolute;
	top: 245px;
	left: auto;
	width: 850px;
	height: 10px;
	background: url(../images/curved.gif) no-repeat;
	z-index: 2;
}


/*  ELEMENTI DELL'HOME PAGE  */
h1, #titolo, #page h2 {
	padding: 0px;
	margin: 5px 0px 0px 0px;	
	color: #0067AF;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px dotted #0067AF;
	margin-bottom: 0px;
}

h1 a {
	color: #0067AF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

#page h2 {
	font-size: 13px;
	/*border-bottom: 3px dotted #0067AF;*/
	border-bottom: 3px dotted #CCC;
}

h2 { 	/* questo è il titolo azzurro che va sopra lo sfondo blu */
	padding: 0px;
	margin: 8px 0px 0px 10px;	
	height: 17px;
	/*color: #83B2CC;*/
	color: #ACD8F1;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

h3 { /* questo è il titolo grigio con bordo tratteggiato sotto */
	padding: 0px;
	margin: 5px 0px 0px 0px;	
	color: #999;
	font-size: 12px;
	line-height: 16px;	
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: dotted 1px #999;
	margin-bottom: 0px;
}

h3 a:link, h3 a:visited {
	color: #999;
	text-decoration: none;
	font-size: 12px;
}

h3 a:hover {
	color: F60;
}



/* COLONNA NEWS */
#colonna_news {
	font-family: Tahoma, Arial, sans-serif;
	background: url(../images/news_bg.gif);
	background-repeat: no-repeat;
	background-position: top center;	
	margin-top: 15px;
	width: 273px;
	height: 211px;
	float: left;
	margin-right: 13px;
}
	#colonna_news img {
		margin: 0px;
	}
	#colonna_news ul {
		margin: 13px 0px;
		padding: 0px;
	}
	#colonna_news ul li, #colonna_news p {
		margin: 0px;
		margin-left: 65px;
		padding: 3px 8px;
		color: #1D370D;
		text-indent: -66px;
		list-style: none;
	}
	#colonna_news p {
		margin-bottom: 24px;
	}
	#colonna_news span.title {
		font-size: 12px;
		color: #FFF;
		font-weight: bold;
	}
	#colonna_news a, #colonna_news a:link {
		text-decoration: underline;
		color: #60BA2B;
		font-weight: bold;
	}
	#colonna_news a:hover {
		color: #333;
	}	
	#colonna_news a.archive, #colonna_news a.archive:link {
		text-decoration: underline;
		color: #333;
		font-weight: bold;
	}
	#colonna_news a.archive:hover {
		color: #60BA2B;
	}		
	
	
/* COLONNA PRODOTTI */
#colonna_prodotti {
	font-family: Tahoma, Arial, sans-serif;
	background: url(../images/prodotti_bg.gif);
	background-repeat: no-repeat;
	background-position: top center;	
	margin-top: 15px;
	margin-right: 0px;
	width: 273px;
	height: 211px;
	float: left;
}
	#colonna_prodotti img {
		margin: 0px;
	}
	#colonna_prodotti p {
		margin: 2px;
		padding: 0px 6px;
		color: #1D370D;
		height: 30px;
	}
	#colonna_prodotti span.title {
		font-size: 11px;
		color: #FFF;
		font-weight: bold;
		text-transform: uppercase;
		vertical-align: middle;
	}
	#colonna_prodotti span.subtitle {
		font-size: 11px;
		color: #FFF;
		font-weight: normal;
	}	
	#colonna_prodotti ul, #colonna_servizio ul {
		margin: 0px;
		margin-top: 13px;
		padding: 0px;
	}
	#colonna_prodotti li, #colonna_servizio li {
		list-style: none;
		line-height: 20px;
		background: no-repeat left;
		padding-left: 15px;
	}
	#page ul {
		margin: 16px;
		padding: 0px;
	}
	#page li {
		list-style: none;
		list-style-image: url(../images/prodotto.gif);
		margin-top: 6px;
	}
	#page li.linkHistory {
		list-style-image: url(../images/history.gif);
	}
	#colonna_prodotti li.link, #colonna_servizio li.link {
		background-image: url(../images/document.gif);
	}
	#colonna_prodotti li.linkMail, #colonna_servizio li.linkMail {
		background-image: url(../images/mail.gif);
	}
	#colonna_prodotti li.linkWeb, #colonna_servizio li.linkWeb {
		background-image: url(../images/web.gif);
	}
	#colonna_prodotti li.media, #colonna_servizio li.media {
		background-image: url(../images/download.gif);
	}
	#colonna_prodotti li.mediaDoc, #colonna_servizio li.mediaDoc {
		background-image: url(../images/doc_word.gif);
	}
	#colonna_prodotti li.mediaPdf, #colonna_servizio li.mediaPdf {
		background-image: url(../images/doc_pdf.gif);
	}
	#colonna_prodotti li.mediaXls, #colonna_servizio li.mediaXls {
		background-image: url(../images/doc_excel.gif);
	}
	#colonna_prodotti ul li a:hover, #colonna_servizio ul li a:hover {
		padding-left: 5px;
	}

/* COLONNA CASE STUDIES */
#colonna_studies {
	font-family: Tahoma, Arial, sans-serif;
	margin-top: 15px;
	margin-left: 13px;
	width: 273px;
	float: left;
}
	#colonna_studies h2 { /* questo è il titolo azzurro con bordo tratteggiato sotto */
		padding: 0px;
		margin: 5px 0px 0px 0px;	
		color: #0067AF;
		font-size: 12px;
		height: 14px;
		font-weight: bold;
		text-transform: uppercase;
		border-bottom: 1px dotted #0067AF;
		margin-bottom: 0px;
	}
	#colonna_studies img {
		margin: 5px 0px 0px 0px;
	}
	#colonna_studies p {
		font-family: Arial, Helvetica, sans-serif;	
		margin: 0px;
		padding: 0px;
		color: #333;
	}
	#colonna_studies a, #colonna_studies a:link {
		text-decoration: underline;
		color: #F60;
		font-weight: bold;
	}
	#colonna_studies a:hover {
		color: #333;
	}

/* ELEMENTI A PIE DI PAGINA */
#clear {
	clear: both;
	height: 20px;
}
#footer {
	width: 850px;
	font-family: Tahoma, Arial, sans-serif;
	background: #0067AF url(../images/bgfooter.gif) no-repeat top left;
	color: #FFF;
	font-size: 10px;
	padding: 10px 0px 20px 0px;
}
* html #footer {
	margin-left: 1px;
}
#footer p {
	margin: 0px;
	padding-left: 10px;
}
#footer a, #footer a:link {
	font-weight: bold;
	color: #FFF;
	text-decoration: underline;
}
#footer a:hover {
	/*color: #76C1EB;*/
	color: #ACD8F1;
}

/* ELEMENTI DI PAGINA GENERICA */
#colonna_servizio {
	margin-top: 15px;
	margin-right: 15px;
	height: 400px;
	width: 273px;
	float: left;
}
#tracking {
	margin-top: 15px;
	width: 561px;
	margin-left: 15px;
	float: left;
	font-size: 
}
#page {
	margin-top: 15px;
	width: 560px;
	margin-left: 0px;	
	float: left;
}
/* FORMATTAZIONE ARTICOLO */
#scheda p {
	margin: 5px 0px 10px 0px;
	font-size: 11px;
}
#scheda li {
	list-style: none;
	list-style-image: url(../images/square.gif);
}
#doc_sottotitolo {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 16px;
	/*color: #6BA9D1;*/
	color: #7FB3D7;
}
#scheda .doc_titolo_p {
	font-weight: bold;
	font-size: 12px;
	margin-top: 15px;
	border-bottom: 1px dotted #0067AF;
	color: #C63;
}
#scheda .doc_image_p {
	text-align: center;
	margin: 0px;
}
#scheda .doc_image_p img {
	margin: 4px;
}

hr {
 border-bottom: solid 1px #cccccc;
}

/* stili utilizzati dall'editor WYSIWYG */
.T-arancio {
	color: #FF6600; font-weight: bold; width: 100%; margin: 8px; font-size: 14px
}
.T-blu {
	color: #005FA1; font-weight: bold; width: 100%; margin: 8px; font-size: 14px
}
.G-arancio {
	color: #FF6600; font-weight: bold
}
.G-grigio {
	color: #666666; font-weight: bold
}
.S-arancio {
	color: #FF6600; font-weight: normal; border-bottom: 1px dashed #FF6600
}
.S-blu {
	color: #005FA1; font-weight: normal; border-bottom: 1px dashed #005FA1
}

/* pannello flottante vantaggi */
#focus, #doc_vantaggi {
	width: 273px;
	float: right;
	background: #FFE0CC url(../images/bgfocusup.gif) no-repeat top center;
	color: #4D2103;	
	margin-left: 15px;
}
#focus, #doc_vantaggi ul {
	margin-left: 20px;
	margin-right: 6px;
}
div.closefocus, #doc_vantaggi_value {
	width: 273px;
	background: url(../images/bgfocusdown.gif) no-repeat bottom left;
	padding: 8px;
	padding-right: 16px;
	padding-bottom: 20px;
}

/* stili dei pannelli di approfondimento blu */
div.breadcrumbs {
	color: #333;
	font-size: 11px;
}
div.approfondimento {
	width: 273px;
	background: #CCE1EF url(../images/bgupperline.gif) no-repeat top center;
	margin: 15px 0px;
}
	div.approfondimento h1 {
		padding: 3px 0px 0px 10px;	
		height: 15px;
		/*color: #0067AF;*/
		color: #FFF;
		font-size: 10px;
		font-weight: bold;
		margin: 0px;
		border-bottom: none;
	}
	div.approfondimento ul {
		background: url(../images/bgclosebox.gif) no-repeat bottom center;
	}
	div.approfondimento ul li {
		margin: 0px 6px;
		background: none;
	}
	div.approfondimento ul li.closebox {
		visibility: hidden;
		color: #FFF;
	}
/* stili del pannello arancione di approfondimento dei prodotti  */
div.applet, div.appletSmall {
	width: 560px;
	background: #FFE0CC url(../images/bgapplet.gif) no-repeat top center;
	margin: 15px 0px;
}
div.appletSmall {
	width: 273px;
	background-image: url(../images/bgappletSmall.gif);
}
div.applet h6, div.appletSmall h6 {
	padding: 0px;
	padding: 4px 0px 0px 10px;	
	height: 15px;
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
	margin: 0px;
	border-bottom: none;
}
div.applet ul, div.appletSmall ul {
}
div.applet p, div.appletSmall ul {
	margin: 0px;
	padding: 10px;
	padding-bottom: 0px;
}
div.appletSmall li {
	margin: 5px 0px;
}
div.closeapplet, div.closeappletSmall {
	width: 560px;
	height: 10px;
	background: url(../images/bgcloseapplet.gif) no-repeat bottom center;
	color: #FFF;
}
div.closeappletSmall {
	width: 273px;
	background-image: url(../images/bgcloseappletSmall.gif);
}

.mappa {
	width: 270px;
	float: left;
}

.titolino {
	text-align: right;
	font-weight: bold;
}

.descrizioneForm {
	margin: 20px;
	margin-top: 60px;
	color: #039;
	border-bottom: 1px solid #CCC;
}

#topMenu {
	margin-top: 30px;
}