﻿body {
	font: 12px Tahoma, "Trebuchet MS",  Georgia, sans-serif;
	letter-spacing: 0.03em;
	line-height: 1.2em;
	margin: 0px;
	padding: 0px;
	background: url(../img/lay/sf_body.gif) repeat-x 0px 0px #004B79;
}

a:link, a:hover, a:visited { color: #0E4097; }

b {	color: #316E9F;}

.cle {
	clear: both;
}

p , ul{
    padding: 2px 15px 2px 15px; 
	font-family:  Tahoma, "Trebuchet MS", Georgia, sans-serif;
	color: #3D321C;
	text-decoration: none;
	word-spacing: 0.1em;
	text-align: justify;
	letter-spacing: 0px;
	line-height: 1.4em;
	font-size: 1.1em;
}


.elencosede{
	margin: 0px 0px 0px 360px;
	padding:0px 0px 0px 0px;
	list-style-image: url(../img/lay/dot.jpg); 
}

.elencosede li {
	list-style-position: outside;
	color: #065381;
}

.elencotestoprod{
	margin: 0px 0px 0px 40px;
	padding:0px 0px 0px 0px;
	font-size:13px;
	font-style: italic;	 
}

.elencotestoprod li {
	list-style-position: outside;
	list-style-image: url(../img/lay/dot.jpg);
	color: #065381;	
	margin:12px 0px 0px 0px; 
}

.elencotech{
	margin: 0px 0px 0px 40px;
	padding:0px 0px 0px 0px;
	font-size:13px;	
}

.elencotech li{
	list-style-position: outside;
	list-style-image: url(../img/lay/dot-white.gif);
	color: #FFFFFF;	
	margin:12px 0px 0px 0px; 
}

h4.annonl{
	font-family: Calibri;
	font-size:40px;
	padding:0px;
	margin: 20px 0px -25px 20px;
	color:#d4d5d5;
}

.elenconl{
	margin: 0px 0px 40px 40px;
	padding:0px 0px 0px 0px;
	font-size:13px;	
}

.elenconl li{
	list-style-position: outside;
	list-style-image: url(../img/lay/dot.jpg);
	color: #FFFFFF;	
	margin:3px 0px 0px 100px; 
}

.elenconl li a {text-decoration: none;}
.elenconl li a:hover {text-decoration: underline;}



.lastp {
	padding-bottom:35px;
	margin-bottom:5px;
	background: url(../img/lay/sf_lastp.gif) no-repeat center bottom;	
}


.tabcontact {
	float: left;
}

.tabcontact th{
	background-color:#045886;
	color:#FFFFFF;
	letter-spacing:1px;
	text-transform: uppercase;
	height:25px;
	width:300px;
}

.tabcontact td{
	height:70px;
	border: 1px solid #94A7B5;
}

.tabcontact td a {
	text-decoration: none;
	}


/* HEADER */

.menulingua{
	width:85px;
	height:15px;
	margin: 7px 0px 0px 0px;
	padding:0px;
	list-style:none;
	float:right;	
}

.menulingua li {
	width:40px;
	height:15px;
	margin: 0px 0px 0px 1px;
	float:left;
}

.menulingua a{
	display:block;
	text-decoration: none;
	padding: 0px;
	margin: 0px;	
    height:15px;
    width:100%;
	font-family:verdana;
	letter-spacing:0px;
	text-align:right;
	font-size:10px;
	color:#c0c0c0;	
}

.menulingua a:visited {color:#c0c0c0;}


#header {
	height: 140px;
	width:950px;
	padding: 0px;
	margin: 0px auto 0px auto;
	background: url(../img/lay/sf_header.jpg) no-repeat -30px bottom #FFFFFF;
}

a#logo  {
	width: 203px;
	height: 90px;
	margin: 8px 0px 0px 50px ;
	padding: 0px 0px 0px 0px;
	float: left;
	display: block;
	background: url(../img/lay/logo.gif) no-repeat 0px 0px;
}

h1 {
	margin:0px;
	padding:0px;
}

a#logo span {
	display: none;
}

.menutop{
	width:215px;
	height:15px;
	margin: 7px 0px 0px 0px;
	padding:0px;
	list-style:none;
	float:right;	
}

.menutop li {
	width:55px;
	height:15px;
	margin: 0px 0px 0px 1px;
	float:left;
}

.menutop li a{
	display:block;
	text-decoration: none;
	padding: 0px;
	margin: 0px;	
    height:15px;
    width:100%;
	font-family:verdana;
	letter-spacing:0px;
	text-align:right;
	font-size:10px;
	color:#95A7B5;
	
}

/* .menutop a span {display: none;} */

.menupr {
	width:720px;
	height:25px;
	float:right;
	}
	
.menupr ul{	
	margin: 15px 0px 0px 0px;
	padding:0px;
	list-style:none;
	font-family:tahoma, verdana, arial;
	font-size:12px;
}

.menupr ul li {
	width:100px;
	height:25px;
	margin: 0px 2px 0px 0px;
	padding:0px;
	float:left;
	position:relative;
}

.menupr ul li a{
	height:21px;
    width: 100px;
	display:block;
	text-decoration: none;
	text-align:center;
	text-transform:uppercase;
	font-size:11px;
	background: url(../img/lay/sf_menu.gif) repeat-x 0px 0px;
	padding: 4px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #FFFFFF;
}

.menupr ul li a:hover{
	color:#FFCC00;	
	background:none;
	background-color:#004E7D;
}

.menupr ul li ul{
	position:absolute;
	margin: 0px 0px 0px 0px;
	padding:0px;
	list-style:none;
	display:none;
}

.menupr ul li ul li{
	border-top: 1px solid #FFFFFF;
	margin: 0px;
	clear:left;
}

.menupr ul li ul li a{
	text-transform: none;
	text-decoration:none;
	padding: 4px 6px 0px 6px;
	font-size:11px;
	margin: 0px;
	width:88px;	
    height:21px;
	display:block;	
	color:#004E7D;
	background: url(../img/lay/sf_menu.png) no-repeat right -25px; 
	
}

.menupr ul li ul li a:hover{
	color:#FFcc00;
	background:none;
	background: url(../img/lay/sf_menu.png) no-repeat right 0px;
}

.menupr ul li ul li ul{
	clear:left;
	display:none;
	left:100px;
	margin:0px;
	padding:0px;
	list-style:none;	

	/* Bengin CSS-HACK, for Microsoft Internet Explorer */
	_left:100px;
	/* End CSS-HACK */

	position:absolute;
	top:-1px;
}

.menupr ul li ul li ul li{
	border-top: 1px solid #FFFFFF;
	margin: 0px;
	clear:left;
}

.menupr ul li ul li ul li a{
	text-transform: none;
	text-decoration:none;
	padding: 4px 2px 0px 10px;
	font-size:11px;
	margin: 0px;
	width:88px;	
    height:21px;
	display:block;	
	color:#ffffff;
	background: url(../img/lay/sf_menu2.png) repeat-x 0px 0px; 
	
}

.menupr ul li ul li ul li a:hover{
	color:#FFcc00;
	background:none;
	background-color:#377399;
}



.ui-tabs-hide { display: none; }

/***** CONTENT *****************/

div#content{
	padding: 0px 4px 0px 4px;
	min-height: 350px;
	height: auto !important;
	height: 350px;	
	margin:0px auto;
    background: url(../img/lay/sf_content.gif) repeat-x 0px -1px; 
}

div#content_sotto {
	padding: 0px 4px 0px 4px;
	min-height: 50px;
	height: auto !important;
	height: 50px;	
	background: url(../img/lay/sf_sotto.gif) repeat-x center 0px;
	margin:0px auto;
	border-top:1px solid #c0c0c0;	
	
}

#col_centro {
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width: 950px;
	clear: both;
}

#col_sotto {
	margin: 0px auto;	
	width:950px;
	/* min-height: 250px;
	height: auto !important;
	height: 250px;	 */
	}
	
#col_sotto p {
	color: #FFFFFF;
}

#p_testimonial {
	width: 580px;
	height: 70px;
	margin-left: 5px;		
	/* float:left; */
	}

#foto_testimonial {
	margin: -15px 0px 0px 0px;
	float:right;
}

.abstractnews {	
	width: 441px; 
	height:91px;
	margin:0px;
	padding: 40px 30px 10px 100px;
	border: 0px solid red;
}

.abstractnews  p{
	margin:0px;
	padding: 6px 3px 3px 7px;
	line-height:17px;
	color: #4f4f4f;
}

.abstractnews  p a {
	text-decoration: none;	
	color: #4f4f4f;
}

.abstractnews  p a:hover {
	text-decoration: none;
	color: #7893A6;
}
/****************/


#backfromproduct{
	float: right;
	padding:0px;
	margin: 0px -30px 0px 0px;
}

#backfromproduct img{
	margin: 3px 0px 0px 0px;
	padding:0px;
}


h2, h3 {
	margin:0px;
	padding:0px;
}

h2{height:48px;}

h2 span, h3 span {display:none;}

img.titst{
	margin: -10px 0px 10px -16px;
	}


.testo_nl{
	width:740px;
	text-align: center;
	line-height: 15px;
	padding: 5px;
	margin: 0px auto;
	color:#4D4D4D;
	background-color: #FFFFFF; 
	/* border: 1px solid #94A7B5; */
	}


.testo_dettaglio {
	float:left;	
	margin:0px 0px 0px 10px;
	border: 0px solid red;
}

/* .testo_dettaglio p{
	width:350px;
} */

.testo_dettaglio ul li{
	font-family: "Trebuchet MS", Georgia;
	text-decoration: none;
	word-spacing: 0.3em;
	text-align: justify;
	letter-spacing: 0px;
	line-height: 1.5em;
	font-size: 1em;
}

#example{
	margin-bottom:20px;
	padding:0px;
}

#ax {
	margin:0px;
	margin-left: 15px;
	width:920px;
}

ul.elist {
	margin: 20px auto 10px auto;
	padding:0px;
	list-style: none;
	width:884px;	
}

ul.elist li {
	margin: 0px 5px 0px 5px;
	padding: 0px 0px 0px 0px;
	float:left;
	list-style-image: none;
	
}

ul.elist li a{
	display:block;
	width:211px;
	height:115px;
}

ul.elist li a span {display:none;}


.abstract {
	clear:both;
}

.abstract p{
	min-height: 100px;
	height: auto !important;
	height: 100px;
	width:274px;
	float:left;
	margin: 0px 0px 0px 8px;	
	padding-top:10px;
	background:url(../img/lay/sf_abstract.gif) center 50px no-repeat;
}

.abstract b {
	color: #03557b;
	text-transform:uppercase;	
}



#breadcrumb {
	float: left;
	border: 0px solid red;
	margin-left: 10px;
	display: inline;
	color:#FFFFFF;
	font-size: 11px;
	letter-spacing: 1px;
}

#breadcrumb a {
	color:#FFF381;
	font-weight: bold;
	text-decoration: none;
}

#breadcrumb a:hover{
	color:#FFFFFF;
	text-decoration: underline;
}


#divmenucont{
	margin: 0px;
	height: 37px;
	width: 100%;
	
}


/* FOOTER */

div#sf_footer {
	clear: left;	
	width: 100%;
	padding: 0px;
	margin: 0px auto;
	background: url(../img/lay/sf_footer.gif) repeat-x 0px 0px;	    
    height:70px;	
}

div#footer {
	width: 950px;
	padding: 0px;
	margin: 0px auto;
}

#footer img	{
	float:left;
	position:relative; 
	top:15px; left:0px;
	}

#footer p {
	font-size: 10px;
	margin: 0px auto 0px auto;
	line-height: 14px;
	padding: 10px 10px 0px 0px;
	text-align: right;
	color:#b4b4b4;
    letter-spacing:1px;
}

#footer a {
	color:#FFF381;
	text-decoration: none;
	font-weight:bold;
}

/***********************/


.riga_elenco{	
	background-color: #EFEFC0;	
}

.riga_elenco p{	
	margin: 0px;	
	padding: 0px;
}

.riga_elenco td {
	border-top: 1px solid #E0E0B2;
	border-left: 1px solid #F0F0D8;
	text-align:center;
}

.cella_a{
	background-color:#F3F3DF;
}
.cella_b{
	
}

.col {
	background-color: #FFFFFF;
}

#credits{
	width:400px; 
	float:right; 
	margin:3px 10px 0px 0px; 
	font-size:9px; 
	text-align:right;
	color:#ffffff;
}
    
#credits a, #credits a:visited{
	letter-spacing:1px;
    font-weight:normal;
	padding-left:2px;
	color:#ffffff;
    
}

#credits a:hover{
    letter-spacing:1px;
    padding-left:2px;
    color:#ffffff;
}





#slider {
  width: 900px;
  margin: 0 auto;
  position: relative;
}

.scroll {
  height: 230px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  margin:0px 0px 0px 0px;
}

.scrollContainer div.panel {
  padding: 20px;
  height: 188px;
  width: 858px;  
}

.scrollButtons {
	position: absolute;
	top: 150px;
	cursor: pointer;
	width:20px;
	height:86px;
}

.scrollButtons.left {
  left: -20px;
}

.scrollButtons.right {
  right: -20px;
}

ul.navigation {
	margin: 0px 0px 5px 0px;
	padding:0px;
	list-style: none;
	width:100%;	
}

ul.navigation li {
	margin: -5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
	border-right:1px solid #014F7E;
	list-style-image: none;
	
}

ul.navigation li a{
	display:block;
	width:140px;
	height:18px;
	color:#FFFFFF;
	text-align:center;
	padding:4px 0px 5px 0px;
	text-decoration:none;
	text-transform:uppercase;
	font-size:10px;
	letter-spacing:0.2em;
}

ul.navigation li a span {display:none;}


.panel h2 {
	width:400px;
	height:30px;
}


.panel h2 span {
	display:none;
}

#tit_screenshot{
	background: url('../img/tit/screenshot.gif') no-repeat 0px 0px;
	}
	
#tit_video{
	background: url('../img/tit/video.gif') no-repeat 0px 0px;
	}
	
#tit_download{
	background: url('../img/tit/download.gif') no-repeat 0px 0px;
	}
	
ul.list_screenshot {
	margin: 25px auto 0px auto;
	padding:0px;
	list-style: none;
	width:800px;
	height:300px;	
}


ul.list_screenshot li {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	float:left;
	list-style-image: none;	
}

ul.list_screenshot li a{
	display:block;
	width:160px;
	height:180px;
	text-decoration:none;
}

ul.list_screenshot li a span {display:none;}

ul.note_screenshot{
	clear:both;
}

ul.note_screenshot li{
	font-family: "Trebuchet MS", Georgia;
	color: #FFFFFF;
	text-decoration: none;
	word-spacing: 0.3em;
	text-align: justify;
	letter-spacing: 0px;
	line-height: 1.5em;
	font-size: 1em;
}

.tabvideo {
	margin-top:20px;
	margin-left:40px;
}

.tabvideo a{
	text-decoration:none;
	color: #FFFFFF;
}

ul.list_download {
	margin: 30px auto 0px auto;
	padding:0px;
	list-style:none;
	width:100%;
}

ul.list_download li{
	height:30px;
	border-bottom: 1px solid #ffffff;
	margin:0px 0px 2px 0px;
}

ul.list_download li a {
	height:23px;
	display:block;
	color:#FFFFFF;
	padding: 7px 0px 0px 10px;
	font-family: "Trebuchet MS", Georgia;
	text-decoration: none;
	word-spacing: 0.3em;
	text-align: justify;
	letter-spacing: 0px;
	line-height: 1.5em;
	font-size: 1em;
	background: url('../img/lay/sf_download.gif') repeat-x 0px 0px #286a91;
}

ul.list_download li a:hover{
	background:none;
	background-color:#286a91;
}

ul.list_download li a img{
	border:none;
	float:right;
	position:relative;
	top:-3px;
	right:10px;
}
