/* (1) =RESET STYLES
   ----------------------------------------------------*/
   
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin:0; 
	padding:0; 
} 
table { 
	border-collapse:collapse; 
	border-spacing:0; 
} 
fieldset,img {  
	border:0; 
} 
address,caption,cite,code,dfn,strong,th,var { 
	font-style:normal; 
	font-weight:normal; 
} 
ol,ul { 
	list-style:none; 
} 
caption,th { 
	text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
	font-size:100%; 
	font-weight:normal; 
} 
q:before,q:after { 
	content:''; 
} 
abbr,acronym {
	border:0; 
}
   
/* =TYPOGRAPHIC STYLES
   ----------------------------------------------------*/


h1 {
	font: bold 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #005fad;
	padding: 7px 0 0px 0;
	margin-bottom:10px;
}

	h1 span {
		font-weight: normal;
		color: #a6c9e0;
	}
.h1cart {
	background: url(h1cart.png) bottom left no-repeat;
	padding-left:38px;
	margin-bottom:18px;
	}
.h1caratteristiche {
	background: url(h1icocaratteristiche.png) bottom left no-repeat;
	padding-left:38px;
	}
.h1preventivo {
	background: url(h1preventivo.png) bottom left no-repeat;
	padding-left:38px;
	}
.h1contatti {
	background: url(h1contatti.png) bottom left no-repeat;
	padding-left:38px;
	}
.h1versioni {
	background: url(h1versioni.png) bottom left no-repeat;
	padding-left:38px;
	}
.h1tour {
	background: url(h1tour.png) bottom left no-repeat;
	padding-left:38px;
	}
.h1port {
	background: url(h1port.png) bottom left no-repeat;
	padding-left:46px;
	}

h2 {
	font: bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #24668e;
	padding: 5px 0 10px 0;
}
.tith2 {
	border-bottom: 1px solid #AFCCE0;
	padding-bottom:3px;
}

h3 {
	font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333;
	padding: 5px 0 0 0;
}

h4 {
	font: bold 1.4em "myriad pro", Helvetica, Calibri, Arial, sans-serif;
	color: #303030;
	padding: 5px 0;
}

p {
	font-size:12px;
	line-height:20px;
	color: #333;
	margin: 10px 0;
}
	p.intro {
		font-size: 1.8em;
		color: #386781;
		font-style: italic;
		margin: 0;
	}

	p.flash {
		color:#333333;
		margin-bottom:20px;
		padding: 3px 10px;
	}

	p.flash.error {
		background-color:#FFCC66;
	}

a {
    font: inherit;
    color: #005FAD;
}
	a:hover {color: #10445a;}

strong {font-weight: bold;}
em {font-style: italic;}

ul {
	list-style: inside disc;
	font-size: inherit;
	margin: 10px 0;
}

	#content ul {
		font-size: 1.4em;
		line-height: 1.6em;
	}

ol {
	list-style: outside decimal;
	font-size: inherit;
	margin: 10px 0 10px 20px;
}

	#content ol {
		font-size: 1.4em;
		line-height: 1.6em;
	}

abbr, acronym {border-bottom: 1px dotted #000;}

h3 {
	font-size:16px;
	font-weight:bold;
	color: #333;
	padding: 5px 0 0 0;
}


/* =LAYOUT STYLES (header, content, footer, etc.)
   ----------------------------------------------------*/

body {
	font: normal 62.5%/1.125em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #737373;
	background: #fff url(sf_body.png) top repeat-x; 
	margin: 0;
	padding: 0;
}

#navigation {
    position: absolute;    
	top: 20px;
	right: 0px;
}
#navigation ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
}
#navigation ul li {
			float: left;
            display: block;
			height: 30px;
			margin-left: 8px;
}
#navigation ul li span {
            display: block;
			height: 30px;
			background: transparent url(n_left.png) 0 0 no-repeat;
			padding-left: 8px;
}
#navigation ul li a {
				display: block;
				height: 30px;
				color: #fff;
				font-weight: bold;
				font-size: 1.6em;
				line-height: 30px;
				text-decoration: none;
				background: transparent url(n_right.png) top right no-repeat;
				padding-right: 8px;
}
#navigation ul li a:hover {
	color: #e01e16;
}

		#b_tour #navigation li#n_tour a {color: #C3EFFD;}
			#b_tour #navigation li#n_tour a:hover {color: #8BAEC4;}
			
		#b_features #navigation li#n_features a {color: #C3EFFD;}
			#b_features #navigation li#n_features a:hover {color: #8BAEC4;}
			
		#b_demo #navigation li#n_demo a {color: #C3EFFD;}
			#b_demo #navigation li#n_demo a:hover {color: #8BAEC4;}
			
		#b_blog #navigation li#n_blog a {color: #C3EFFD;}
			#b_blog #navigation li#n_blog a:hover {color: #8BAEC4;}
			
		#b_support #navigation li#n_support a {color: #C3EFFD;}
			#b_support #navigation li#n_support a:hover {color: #8BAEC4;}
			
		#b_contact #navigation li#n_contact a {color: #C3EFFD;}
			#b_contact #navigation li#n_contact a:hover {color: #8BAEC4;}


/* ---------------- Contenuto ---------------- */
/*------------------------------------------ */
#wrapper {
	position: relative;
	height:auto;
	min-height:100%;
	width:980px;
	margin:0 auto;
}
#header {
height:auto;
height:71px;
width:980px;
margin:0 auto;
padding:0px;
background: url(sf_header.png) top center no-repeat;
}
#headerlogo {
margin:0;
padding:0px;
display:block;
float:left;
width:345px;
height:68px;
}
#header h1 a {
display:block;
float:left;
height:68px;
margin:0;
text-decoration:none;
text-indent:-9999px;
width:345px;
}

#headerWrapper {
    width: 980px;
    margin: 0 auto;
	height:210px;
}
.vetrinahome {
    background: #fff url(sf_home-header.jpg) top center no-repeat;
}
.vetrinapreventivo {
				background: url(sf_preventivo-header.jpg) top center no-repeat;
}
.vetrinacontatti {
				background: url(sf_contatti-header.jpg) top center no-repeat;
}
.vetrinacaratteristiche {
				background: url(sf_caratteristiche-header.jpg) top center no-repeat; 
}
.vetrinatour {
				background: url(sf_tour-header.jpg) top center no-repeat; 
}
.vetrinaversioni {
				background: url(sf_versioni-header.jpg) top center no-repeat; 
} 
.vetrinaportfolio {
				background: url(sf_portfolio-header.jpg) top center no-repeat; 
} 
  
#vetrinaleft {
	float:left;
	width:304px;
	padding-left:10px;
	padding-top:58px;
	display:block;
	font-size:20px;
	text-align:center;
	line-height:22px;
	color:#F0F0F0;
}
#right {
	float:right;
	text-align:right;
	width:400px;
	color:#F0F0F0;
}
#vetrinarighttop {
	float:right;
	height:68px;
	width:310px;
	text-align:center;
	font-size:18px;
	line-height:16px;
	padding-top:22px;
}
#vetrinarighttop span {
	color:#ff6500;
}	
#vetrinaright {
	float:right;
	height:105px;
	width:278px;
	text-indent:-9999px;
}
#vetrinaright {
	float:right;
	height:105px;
	width:278px;
	text-indent:-9999px;
	padding-top:7px;
	padding-right:5px;
}
#vetrinaright a {
	text-indent:-9999px;
}
#vetrinaright ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
}
#vetrinaright ul li {
}
#vetrinaright ul li a {
				display: block;
				height: 105px;
				width:278px;
				color: #333;
				font-weight: bold;
				font-size: 1.6em;
				line-height: 30px;
				text-decoration: none;
				background: url(preventivo-realizzazione-sito.png) top right no-repeat;
}
#vetrinaright ul li a:hover {
				background: url(preventivo-realizzazione-sito.png) bottom right no-repeat;
}

#content {
	width:970px;
	height:auto;
	clear:both;
	font-size:12px;
	line-height:normal;
	padding: 10px 5px 0px 5px;
}


/* ---- MAIN ---- */
#main {
	float:left;
	padding-right:5px;
	width:675px;
	height:auto;
	font-size:12px;
	line-height:normal;
}
.col4 {
float:left;
padding:0 10px;
width:317px;
}
.col3 {
float:left;
padding:0 10px;
width:303px;
}
.col8 {
float:left;
padding:0 10px;
width:655px;
}
.col5 {
padding:0 10px;
width:970px;
background:url(col5.png) bottom center no-repeat;
}
.bottcol5 {
	float: left;
	padding:0 47px 5px; 47px;
}
dl {
	margin-top:10px;
}
.col3 ul {
	margin-bottom:1em; padding-bottom:.7em; background:url(dotted_divider.gif) repeat-x 0 100%;
	list-style:none;
	font-size:12px !important;
}
.col3 ul li {
	background: url(listc2.gif) no-repeat 0px 7px !important;
	padding-left:12px;
	vertical-align:top;
	line-height:23px;

}
.lista-servizi dt {
color:#555555;
font-size:1.2em;
display:block;
font-weight:bold;
padding-left:12px;
background:url(listc2.gif) left no-repeat;
}
.lista-servizi dd {padding-left:12px; margin-bottom:1em; padding-bottom:.7em; background:url(dotted_divider.gif) repeat-x 0 100%; }
.lista-servizi dd a { color:#666; }


.demoBox {
	width: 265px;
	height: 172px; 
	background: url(sf_areabt_demo.png) top center no-repeat;
	color: #F1F1F1;
	text-align: center;
	margin: 0 0 0px 0;
	padding:5px 10px;
}
.demoBox h3 {
	color: #fff;	
	font-size: 2.6em;

}
a#demoButton {
	display: block;
	width: 140px;
	height: 41px;
	background: url(bt_demo.png) left top no-repeat;
	margin: 10px auto;
	letter-spacing:-10000em;
overflow:hidden;
text-indent:-99999em;
}

a#demoButton:hover {background: url(bt_demo.png) right top no-repeat;}  

ul.col2List,ul.colList {
	margin: 0 0 15px 0;
	clear:both;
	
}
ul.col2List li {
	display:block;
	float:left;
	width:122px;
	margin-right:8px;
	font-size:14px;
	background: url(dotted_divider.gif) repeat-x scroll 0 100%;
	
}
ul.colList li {
	display:block;
	float:left;
	width:262px;
	margin-right:8px;
	font-size:14px;
	background: url(dotted_divider.gif) repeat-x scroll 0 100%;
	
}
ul.col2List li img,ul.colList li img {
border:0 none;
}
ul.col2List li a,ul.colList li a {
	text-decoration:none;
}
.loghi {
	color:#999;
	font-size:9px;
	margin: 0 0 15px 0;
	width:290px;
	float:right;
	text-align:right;
}
.loghi a {
	text-decoration:none;
}
.loghi img {
	border:none;
	padding-right:5px;
}
.contcaratteristiche {
	height:120px;
	overflow:hidden;
}

.imgcaratteristiche {
	padding:4px;
	border: 1px solid #CCC;
}
p.intro {
color:#386781;
font-size:1.2em;
font-style:italic;
}
.imgscr {
	border: 1px solid #bfbfbf;
	-moz-box-shadow: 0px 0px 5px #bfbfbf;
	-webkit-box-shadow: 0px 0px 5px #bfbfbf;
}


/* ---- SIDEBAR ---- */

#sidebar {
	float:right;
	padding-left:5px;
	width:285px;
	height:auto;
	font-size:12px;
	line-height:normal;
	margin-top:36px;
}
.boxgrey  {
	background:#f2f2f2;
	margin-top:10px;
	margin-bottom:10px;
	padding:5px;
}


/* ---------------- TABELLA COMARATIVA ---------------- */
table {
border-collapse:separate;
border-spacing:0;
}
table span {
	padding:0 10px 0 0;
	font-weight:bold;
}
tr.table-header {
	background:url(upper-shade.gif) repeat-x;
}
table span {
	padding:0 10px 0 0;
	font-weight:bold;
}
td {
	padding:16px 7px;
	border-bottom: 1px solid #e2e2e2;
	font-size:13px;
	text-align:center;
}
td a.promo-link {
	font-size:.9em;
}
tr.table-header h4 {
	padding:15px 0;
	text-align:center;
}
th {
	padding: 0px 10px;
	border-top:1px solid #d4d4d4;
	border-bottom:1px solid #e2e2e2;
	font-weight:bold;
}
.a-left {
	text-align:left;
}
.a-right {
	text-align:right;
}

/* ---------------- Forms ---------------- */
/*------------------------------------------ */

/* ---- Email Subscription Form ---- */










/* ---------------- Footer ---------------- */
/*------------------------------------------ */
#footer {
background: #FFF url(sf_contfooter.jpg) top repeat-x;
margin:0 auto;
padding:0px;
}

#contfooter {
background: url(sf_footer.jpg) top center no-repeat;
width:960px;
padding:66px 10px 5px 10px;
color:#333;
margin:0 auto;
font-size:10px;
line-height:normal;
height:60px;
}