html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	text-align:left;
	vertical-align:baseline;
	}
	
a img, :link img, :visited img {border:0}

table { border: none; margin:0; padding:0}

html{ width:100%; height:100%;}

body{
	margin:0 auto;
	height:100%;
	text-align: center;
	background:#fff url(../images/sf_home_stretta.jpg) top left repeat-x;
	font:10px "Trebuchet MS", Arial,Helvetica, sans-serif;
	}
.body-rosso{
	background:#f00 url(../images/sf_chisiamo_stretta.jpg) top left repeat-x;
	}

	
p{
	font-family:"Trebuchet MS", Arial,Helvetica, sans-serif;
	font-size:13px;
	text-align:left;	
	color:#686868;
	letter-spacing:normal;
	line-height:15px;
	margin:0 0 5px 0;
	}
	
h1, h2, h3, h4, h5, h6{
	font-family:"Trebuchet MS", Arial,Helvetica, sans-serif;
	font-size:20px;
	text-align:left;	
	/*color:#000;*/
	letter-spacing:0;
	line-height:normal;
	margin:0;
	}
	
h2{
	font-size:18px;
	margin:0 0 5px 0;
	}
	
h3{
	font-size:16px;
	margin:0 0 5px 0;
	color:#F00;
	}
	
h4{
	font-size:14px;
	margin:16px 0 0 0;
	}
	
h5, h6{
	font-size:13px;
	line-height:normal;
	margin:0;
	}
	
ul {
	padding:0;
	margin:0 0 0 15px;
	list-style-type: disc;
	}

ol {
	padding:0;
	margin:0;
	list-style-type:decimal;
	}


li {
	padding:0;
	margin: 0;
	color:#686868;
	font-family:"Trebuchet MS", Arial,Helvetica, sans-serif;
	font-size:13px;
	line-height:19px;
	text-align:left;
	}
		
a{color:#686868; text-decoration:none;}
a:hover{ color:#000; text-decoration:none;}
a:focus { outline: 0; }
	
/* ------------------------------------------------- layout ------------------------------------------------ */
#centro{
	width:972px;
	margin:0 auto;
	text-align:center;
	}
	
#container{
	width:972px;
	height:auto !important;
	height:700px;
	min-height:700px;
	float:left;
	position:relative;
	}
	
#top{
	width:972px;
	height:72px;
	float:left;
	clear:both;
	padding:31px 0 0 0;
	margin-bottom:20px;
	}
	
#logo{
	width:230px;
	height:72px;
	margin-right:134px;
	float:left;
	}
	
#menu{
	width:608px;
	height:72px;
	float:left;
	}
	
#flash{
	width:667px;
	height:274px;
	float:left;
	}
	
#ricerca_home{
	width:285px;
	height:270px;
	float:left;
	padding:10px;
	background:url(../images/sf_ricerca.jpg) top left no-repeat;
	}
	
	#ricerca_home p, #ricerca_home h2, #ricerca_home label{color:#fff}
	#ricerca_home h2{margin:20px 0 10px 0;}
	
#sinistra{
	width:650px;
	/*height:369px;*/
	height:auto !important;
	min-height:369px;
	height:369px;
	float:left;
	margin:20px 17px 0 0;
	}
	
.offerta_index{
	width:650px;
	/*height:101px;*/
	float:left;
	margin:12px 0 0 0;
	border-bottom:1px solid #c5c6c8;
	}
	.offerta_index img{
		float:left; 
		margin:0 15px 15px 0;
		border:1px solid #000;
		padding:1px;
		width: 180px;
		/*height : auto;*/
		}
	.offerta_index h3{ line-height:14px}
	.offerta_index h3 a{color:#F00; text-decoration:none;}
	.offerta_index h3 a:hover { color:#000; text-decoration:none;}
	.offerta_index h3 a:focus { outline: 0; }

	
.offerta{
	width:972px; 
	/*height:101px;*/
	float:left;
	margin:12px 0 5px 0;
	border-bottom:1px solid #c5c6c8;
	}
	.offerta img{float:left; margin:0 20px 0 0; border:1px solid #000; padding:1px; width: 180px;}
	.offerta h3{ line-height:14px; margin-top:0; padding:0}
		
#servizi{
	width:283px;
	/*height:204px;*/
	float:left;
	margin:20px 0 17px 0;
	background:#fff;
	padding:10px;
	border:1px solid #c4c4c4;
	}

#info{
	width:283px;
	/*height:103px;*/
	float:left;
	background:url(../images/sf_info.jpg) top left no-repeat;
	padding:10px;
	border:1px solid #f00;
	}
	#info a{color:#f00;}

		
#tabaccherie {
	width:283px;
	/*height:204px;*/
	float:left;
	margin:20px 0 17px 0;
	background:#fff;
	padding:10px;
	border:1px solid #c4c4c4;
	text-align:center;
	}
	
#footer{
	width:972px;
	height:80px;
	float:left;
	clear:both;
	border-top:1px solid #000;
	padding:10px 0 0 0;
	margin:17px 0 0 0;
	}
	#footer p{ font-size:12px}

#footer-rosso{
	width:972px;
	height:80px;
	float:left;
	clear:both;
	border-top:1px solid #000;
	padding:10px 0 0 0;
	margin:17px 0 0 0;
	}
	#footer p{ font-size:12px}

#footer-rosso a{color:#DDDDDD; text-decoration:none;}
#footer-rosso a:hover{ color:#000; text-decoration:none;}
#footer-rosso a:focus { outline: 0; }


.dx{float:right;}
.nero{color:#000;}
.grigio{color:#666;}
.rosso{color:#F00;}
.bianco{color:#FFF;}
.nomarginsup{margin-top:0;}
.marginsup{margin-top:28px;}
.marginsupp{margin-top:26px;}
.allinea{float:left; clear:both;}
.fasciabody{background:#fff url(../images/sf_home.jpg) top left repeat-x;}

.nota{ font-size:12px}

.cornice, .nocornice{border:2px solid #f00; padding:1px; float:left; margin: 18px 26px 0 0;}
.nocornice{margin-right:0;}

/* menu */
#point {display:table; padding:0; margin:0 auto; text-align:center; list-style:none; float:left}
#point li {display:table-cell;background:#e8e8e8 url(../images/sf_menu.jpg) repeat-x top left; }
#point li a, #point li a:hover {width:150px; height:28px; border:1px solid #ccc; color:#000; float:left; text-align:center; background:url(../images/sf_menu.jpg) repeat-x top left; padding:8px 0 0 0; font-size:16px}
#point li a:hover {background:url(../images/sf_menu_hover.jpg) repeat-x top left; color:#fff;}

/* form  */

.home fieldset{ float:left; width:285px; margin:30px 0 0 0;}
.home fieldset ol{ padding:0; list-style:none}		
.home fieldset li{padding-bottom:15px; position:relative; margin:0;}

.home select{						
	font:12px "Trebuchet MS", Arial,Helvetica, sans-serif;
	width:190px; 
	height:25px;
	border:1px solid #c4c4c4;
	color:#868686;
	}
.home label{
	font:13px "Trebuchet MS", Arial,Helvetica, sans-serif;
	float:left;
	width:80px;
	margin:3px 10px 0 0;
    text-align:left;
	}
		
.pulsante, .pulsante2, .pulsante3{
	border:1px solid #c4c4c4;
	width:76px;
	height:28px;
	margin:7px 0 0 0;
	background: #f00;
	padding:4px 7px;
	text-align:center;
	color:#fff;
	cursor: pointer;
	font:12px "Trebuchet MS",arial,verdana,sans-serif;
	}
	
.pulsante2, .pulsante3{width:204px; margin:0 0 10px 0;}
	
.pulsante3{background:#777;}
	
/* form contatti */				
.form_contact fieldset{ float:left; width:555px;}
.form_contact fieldset ol{ padding:0; list-style:none}		
.form_contact fieldset li{padding-bottom:8px; position:relative; margin:0;}
.form_contact input{
	padding:1px;
	font:12px "Trebuchet MS", Arial,Helvetica, sans-serif;
	width:350px;
	border:1px solid #c4c4c4;
	color:#868686;
	}
.form_contact textarea{
	font:12px "Trebuchet MS", Arial,Helvetica, sans-serif;
	overflow:auto;
	width:352px;
	height:80px;
	color:#868686;
	border:1px solid #c4c4c4
	}
.form_contact select{						
	padding:0;
	margin:0;
	font:12px "Trebuchet MS", Arial,Helvetica, sans-serif;
	width:355px; 
	border:1px solid #c4c4c4;
	color:#868686;
	}
.form_contact ol li {
	clear:both;
	list-style-position:inside
	}
 .form_contact label{
	float:left;
	width:150px;
	margin-right:50px;
    text-align:right;
	}
.form_contact .pulsante{
	width:120px;
	height:28px;
	margin:10px 0 0 0;
	color:#fff;
	}

.errore{color:#ff0000}	
	
/* ------------------------------------------------- layout interno ------------------------------------------------ */

#ricerca{
	width:957px;
	height:90px;
	background:#fff url(../images/sf_ricerca2.jpg) top left no-repeat;
	float:left;
	clear:both;
	margin-bottom:0;
	padding:20px 0 0 15px;
	}
	#ricerca p, #ricerca h2, #ricerca label{color:#fff}
	#ricerca h2{margin:23px 0 10px 0; float:left}
	
.ricerca fieldset{ float:left; width:314px; margin:23px 5px 0 0;}
.ricerca .fieldset{ float:left; width:82px; margin-right:0}
.ricerca select{						
	font:12px "Trebuchet MS", Arial,Helvetica, sans-serif;
	width:190px; 
	height:25px;
	border:1px solid #c4c4c4;
	color:#868686;
	}
.ricerca label{
	font:13px "Trebuchet MS", Arial,Helvetica, sans-serif;
	float:left;
	width:112px;
	margin:3px 10px 0 0;
    text-align:right;
	}
	
.ricerca .label{width:40px}
.ricerca .pulsante{
	width:82px;
	height:25px;
	margin:0;
	padding:3px 7px;
	float:right;
	}

#main{
	width:972px;
	height:auto !important;
	min-height:350px;
	height:350px;
	float:left;
	clear:both;
	margin:20px 0 0 0;
	}
	#main h1{ margin:0 0 8px 0}
	#main h3{ margin:15px 0 0 0; color:F00;}
	#main h3 a{color:#F00; text-decoration:none;}
	#main h3 a:hover { color:#000; text-decoration:none;}
	#main h3 a:focus { outline: 0; }

	#main p{ margin:7px 0 0 0; line-height:17px; text-align:justify}

#main-rosso{
	width:972px;
	height:auto !important;
	height:350px;
	height:350px;
	float:left;
	clear:both;
	margin:20px 0 0 0;
	background:#F00;
	}
	#main-rosso h1{ margin:0 0 8px 0; color:#FFF;}
	#main-rosso h3{ margin:15px 0 0 0; color:#FFF;}
	#main-rosso p{ margin:7px 0 0 0; line-height:17px; text-align:justify; color:#FFF;}

	
#map{ width:400px; height:556px; float:left; margin-left:17px;}
.map{border:2px solid #f00; padding:1px; float:left; margin: 5px 0 15px 0;}

#contatti{ width:555px; float:left;}

/* ------------------------------------------------- scheda offerta ------------------------------------------------ */

#scheda{
	width:747px;
	height:auto !important; height:200px;
	min-height:200px;
	padding-right:10px;
	border-right:1px solid #c4c4c4;
	float:left}
/*#fotoscheda{width:250px; height:auto !important; height:200px; min-height:200px; float:left; margin:0 17px 0 0}*/
/*#fotoscheda img{float:left; margin:0 20px 0 0; border:1px solid #000; padding:1px;}
#fotoscheda .cornice{margin:6px 0 0 0;}*/
#testo{/*width:697px;*/ height:auto !important; height:200px; min-height:200px; float:left;}
#testo img{float:left; margin:0px 20px 0px 0px; border:1px solid #000; padding:5px;}

#testo h3{margin:0; line-height:25px}
#descrizione{
	float:left;
	padding:5px;	
	/*border:1px solid #909090; */
	margin-left:5px; 
	margin-top:5px
	/*display:inline;*/
	}

#evidenziato{
	float:left;
	border:1px solid #909090; 
	margin-left:5px; 
	margin-top:5px
	width:90%;
	/*display:inline;*/
	}
#evidenziato h4, #evidenziato p{ color:#90909	0;}
#evidenziato h4{ margin:0}

#destra{width:204px; height:286px; float:left; padding-left:10px; background:url(../images/home.gif) right bottom no-repeat}

