﻿html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, ins, kbd, q, s, samp, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	_vertical-align: baseline;
	background: transparent;
	}

a img, :link img, :visited img { border:0}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}

_table{border:1px solid #ccc; border-spacing:0; margin:15px 0}
_tr{ text-align:left}
_th{ font-weight:bold;padding:8px 5px;}
_td {padding:5px; text-align:left; border-bottom:1px solid #f0f0f0}
_th{background:#ccc; color:#FFF }

.grigio{background:#f0f0f0;}


html {height:100%; width:100%}

body {
	background:#e9ebec url("../img/backg.jpg") top left repeat-x; 
	height:100%; 
	font:11px Verdana, Arial, Helvetica, sans-serif; 
	color: #353535;
	}

#descrizioni p,td { font-size:12px; line-height: 18px;}
#descrizioni h3 { font-size:18px;}


#main_container {
	margin: auto; 
	width: 937px;
	padding: 0 20px;
	background:url("../img/sfuma.png") repeat-y;
	}

#header {
	margin: auto;
	width: 937px;
	height:86px;
	background:#f3f3f3 url("../img/sfheader.jpg") top left no-repeat;
	border-bottom:3px solid #82817f;
	}

#header img { float:left; margin:9px 0 0 20px}

ul.menu {position:relative; list-style:none; margin:42px 0 0 0 ; padding:0; float:right; border-top:3px solid #e5e5e5; background:url("../img/sfmenu.jpg") repeat-x; z-index:50}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; text-decoration:none; font:11px Verdana, Arial, Helvetica, sans-serif;color:#5c5c5c; text-align:center;}
ul.menu a:hover {color:#4468bd; background-color:#f3f3f3}
_ul.menu a:hover {color:#4468bd; background-color:#d3d3d3}
ul.menu li {position:relative; float:left; }
ul.menu ul {position:absolute; top:41px; left:0; background:#f3f3f3; display:none; list-style:none;}
_ul.menu ul {position:absolute; top:41px; left:0; background:#939393; display:none; list-style:none;}
ul.menu ul li {position:relative; border-top:none; margin:0; width:190px}
ul.menu ul li a {display:block; padding:10px; background-color:#f3f3f3; text-align:left; border-left:5px solid #f3f3f3;}
_ul.menu ul li a {display:block; padding:10px; background-color:#939393; text-align:left; border-left:5px solid #939393;}
ul.menu ul li a:hover {background-color:#ececec; color:#4468bd; border-left:5px solid #fff;}
_ul.menu ul li a:hover {background-color:#939393; color:#ffffff; border-left:5px solid #fff;}
ul.menu ul ul {left:148px; top:-1px;}
ul.menu .menulink {padding-top:13px; font-weight:bold; width:97px; height:28px; }

#bannertophome, #bannertop {
	margin: auto;
	width: 937px;
	height:250px;
	background-color:#fff;
	border-bottom:3px solid #82817f;
	}
	
#bannertop {height:228px; overflow:hidden}


#txtanim{ width: 329px; height:138px; float:left; padding:71px 0 41px 20px;}
#txtanim p { font-size:13px; color:#767575; text-align:left}
#txtanim h1{ font-size:26px; color:#f90200;	margin:0 0 5px 0;}


#animazione, #emozionale { width: 588px; height:250px; float:left; z-index:1}
#emozionale { height:228px;}

ul.ppt {position: relative; padding:0; margin:0}
.ppt li {list-style-type: none;position: absolute;top: 0;left: 0; padding:0; margin:0}
.ppt img {background-color: #ececec;}	

#container{
	width: 897px;
	height: auto !important;
	height: 495px;
	min-height: 495px;
	padding:30px 20px;
	background-color:#fff;
	}
	#container.menopadding{padding-bottom:17px}

.boxproduct{ 
	width: 422px; 
	height: 250px; 
	background:url("../img/boxprod.gif") 21px 85px no-repeat; 
	margin-bottom:20px;
	}
.boxproduct img{float:left; padding:0; margin:0}	
.boxproduct p{margin:100px 5px 0 190px; text-align:left}
.boxproduct a{ text-decoration:none; color:#353535; font-weight :normal}
.boxproduct a:hover{ color:#617286; background-color:#ffffff;}
.boxtitle{float:right; width:245px; height:45px;background:url("../img/boxtitle.jpg") bottom right no-repeat; margin-top:35px;}
.boxtitle h2{font-size:20px; padding:10px 0 0 12px; margin:0}
.boxproduct a:hover{ text-decoration:underline;}

#_blog{
  width:236px;
  height: 263px;
  background:url("../img/uomoblog.jpg") bottom right no-repeat;
  float:left;
  padding-right:185px;
  }
  #blog h2{ margin:0 0 10px 0}
  #blog p{ margin:0 0 12px 0}
  #blog a{ color:#6b6161; }  
  #blog a:hover{ color:#FFFFFF; background-color:#4b639f;}  
  #blog h5{ margin:0 0 2px 0; color:#353535; font-family:Verdana, Arial, Helvetica, sans-serif;}
  
#blog{
  width:255px;
  height:263px;
  background:url("../img/uomoblog.jpg") bottom right no-repeat;
  float:right;
  padding-right:165px;
  }
  #blog h2{ margin:0 0 10px 0}
  #blog p{ margin:0 0 12px 0}
  #blog a{ color:#6b6161; }  
  #blog a:hover{ color:#FFFFFF; background-color:#4b639f;}  
  #blog h5{ margin:0 0 2px 0; color:#353535; font-family:Verdana, Arial, Helvetica, sans-serif;}


#blogAssistenza{
  margin-top:100px;
  }
  #blogAssistenza h2{ margin:0 0 10px 0}
  #blogAssistenza p{ margin:0 0 12px 0}
  #blogAssistenza a{ color:#6b6161; }  
  #blogAssistenza a:hover{ color:#FFFFFF; background-color:#4b639f;}  
  #blogAssistenza h5{ margin:0 0 2px 0; color:#353535; font-family:Verdana, Arial, Helvetica, sans-serif;}



#evidenza{
  width:325px;
  height:242px;
  background:#eee url("../img/lente.jpg") bottom right no-repeat;
  border:3px solid #e4e4e4;
  float:left;
  padding:16px 100px 0 18px;
  }
  #evidenza h2{ margin:0 0 10px 0}
  #evidenza p{ margin:0 0 12px 0}
  #evidenza a{ color:#6b6161; }  
  #evidenza a:hover{ color:#FFFFFF; background-color:#4b639f;}
  
  #evidenza h5{ margin:0 0 2px 0; color:#353535; font-family:Verdana, Arial, Helvetica, sans-serif;}

  
  
#assistenza{
  width:325px;
  height: 242px;
  background:#eee url("../img/help.jpg") bottom right no-repeat;
  border:3px solid #e4e4e4;
  float:right;
  padding:16px 100px 0 18px;
  }
  #assistenza h2{ margin:0}
  #assistenza a{ text-decoration:none;}
  
.evidenziato{ border:1px solid #ccc; padding:10px; margin-bottom:10px;}
.evidenziato h3{ margin-top:0;}

.downloadmax{ border:1px solid #ccc; padding:10px; margin:20px 0 0 0; float:left; width:621px}
.downloadmini{ border:1px solid #ccc; padding:5px; margin:20px 9px 0 0; float:left; width:300px}

/*FOOTER*/

.clearfooter{ visibility: hidden; clear: both; height:2px;}

#contfooter {
    width:100%; 
	background:#545454;
	border-top:3px solid #c7201f;
	}
#footer{
	width: 897px;
	height:89px;
	padding:15px 40px 0 40px;
	background:url("../img/sfuma2.png") repeat-y;
	text-align:center;
	margin:0 auto;
	}
	#footer p{font-size:10px; text-align:left; color:#FFF; margin:0 0 8px 0}
	#footer a{margin-left:20px;text-decoration:underline;color:#FFF;}
	
#pagamento{float:right; margin:0 0 0 10px}
#pagamento p{text-align:right; margin:0 0 9px 0}

.pulsante a, .pulsantev a, .pulsanteg a{
	width: 186px;
	height: 30px;
	float: left;
	background:#fff url("../img/pulsante.jpg") no-repeat top;
	color:#FFF;
	text-transform:uppercase;
	font:14px Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	margin-top:10px;
	text-decoration:none;
	padding:13px 0 0 15px;
	} 
	.pulsante a:hover, .pulsantev a:hover{ background-position: bottom; color:#FFF;}
	
.pulsantev a{
	background:#fff url("../img/pulsantev.jpg") no-repeat top;
	margin-right:13px
	}
	
.pulsanteg a{
	width: 207px;
	height: 28px;
	background:url("../img/pulsanteg.jpg") no-repeat top;
	margin:0 0 7px 0;
	float:left;
	color:#707070;
	padding:15px 0 0 15px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	} 
	.pulsanteg a:hover{ background-position: bottom; color:#4468bd;}
 
	
.freccia a, .freccia2 a{
	width: 15px;
	height: 25px;
	float: right;
	background:url("../img/frecciav.gif") top no-repeat;
	margin-right:10px
	} 
	.freccia a:hover, .freccia2 a:hover{ background-position: bottom;}
	
.freccia2 a{ background:url("../img/frecciar.gif") top no-repeat;} 

.dx{float:right}
.sx{float:left}
.sx10{float:left; margin:16px 0 0 10px}
.rosso{color:#e93d3d}
.verde{color:#719109}
.viola{color:#4e3232}  


.price{color:#e93d3d; float:right}



.mrgbottom{margin-bottom:20px} 

/*INTERNA*/

#breadcrumb{ background:#f6f6f6;width: 897px; height:17px; padding:5px 20px 0 20px; font:10px Verdana, Arial, Helvetica, sans-serif; color:#a7a7a7;} 
#breadcrumb a{color:#a7a7a7; text-transform:uppercase; text-decoration:none; font-weight:bold}
#breadcrumb a:hover{text-decoration:underline} 

#colonna_sx{ 
	width:643px;
	float:left;
	margin-right:30px;
	}

#colonna_dx{ 
	width:222px;
	float:left;
	text-align:center;
	}
	
#menuint {margin:0}
#menuint a{
	text-decoration:none;
	text-align:left;
	background-color:#f3f3f3; 
	display:block; 
	width:200px; 
	padding:10px;
	color: #353535;
	border-left :5px solid #f3f3f3;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	}
#menuint a:hover{border-left:5px solid #fff;color:#4468bd; background-color:#ececec}


#intprod{ 
	width:643px;
	height:250px;
	float:left;
	clear:both;
	margin-bottom:12px;
	}
	#intprod p{ font-size:14px;color:#82817f; margin-top:19px; line-height: 18px;}
	.linkprezzi{ font-size:11px; text-decoration:underline;}
	#intprod h1{ margin-top:25px}
	
.datitecnici{
	width: 222px; 
	float:left;
	margin:0 0 20px 0;
	}
.datitecnicititle{ width: 222px; height:42px; background: url("../img/alto.jpg") no-repeat; float:left;}
.datitecnicititle h4{ color: #555555; font-family: Verdana, Arial, Helvetica, sans-serif; padding:15px 0 0 15px; margin:0}
.datitxt{
	width: 222px; 
	height:auto !important;
	height:50px;
	min-height:50px; 
	background:url("../img/centro.jpg") repeat-y;
	float:left;
	padding:10px 0 0 0;
	}	
	.datitxt li{ list-style:none; margin-top:6px}
	.datitxt img{ vertical-align:middle; margin-bottom:2px}
	.datitxt a{ text-decoration:none; font-weight:normal; margin-left:6px; overflow:hidden}
.datitecnicibottom{
	width: 222px; 
	height:5px;
	background: url("../img/basso.jpg") no-repeat;
	float:left
	}
	
.genericbar{
	width: 222px; 
	height:auto !important;
	height:50px;
	min-height:50px; 
	background:url("/style/img/centro.jpg") repeat-y;
	float:left;
	padding:10px 0 0 0;
	}	
	.genericbar li{ list-style:none; margin-top:6px; margin-right:10px}
	.genericbar a{ text-decoration:none; font-weight:normal; margin-left:0px; overflow:hidden}

	
	
.gallery{float:left; width:166px; margin:5px 0px 5px 24px; overflow:hidden;}
	.gallery p{color:#999999; text-align:center; margin-bottom:5px; margin-top:-2px;}
	
.frecciagrigiasx a{ 
	width: 12px; height: 19px;
	float:left;
	background:url(../img/fsx.gif) top  no-repeat;
	margin-top:60px;
	margin-left:12px;
	}

.frecciagrigiadx a{ 
	width: 12px; height: 19px;
	float:left;
	background:url(../img/fdx.gif) top  no-repeat;
	margin-top:60px
	}
	

.frecciagrigiasx a:hover, .frecciagrigiadx a:hover{background-position: bottom;}

#map{width: 643px; height: 350px; background-color:#f0f0f0; margin:10px 0}
	
#screen{
	width:222px;
	height:115px;
	float:left;
	position:relative;
	}


.imgtxt {float:left; margin:0 5px 0 0}
.imgtxtbordo {float:left; margin:5px 5px 0 0; border:1px solid #ccc}
.superiore {margin-top:30px}
.imgtxt2 {float:left; margin:0 20px 0 0; vertical-align:middle}


#pre, #post {width:294px; height:115px; border:1px solid #ccc; margin:20px 10px 0 0; padding:5px 10px 10px 10px; background-color:#e2e4e5; float:left}
#post {margin:20px 0 0 0; background-color:#cdcdcd}
.interno{background:#f5f6f7; padding:1px 10px 10px 10px; margin-top:10px;}
.interno p{text-align:center }
	

p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #353535;
	line-height: 16px;
	margin: 10px 0 0 0;
}
	
h1{
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size:20px;
	color:#353535;
	line-height:15px;
	margin:0 0 20px 0;
	font-weight:lighter;
	}
	
h2{
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size:17px;
	margin:15px 0 0 0;
	color:#353535;
	font-weight:lighter;
	}
	
h3{
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size:14px;
	color:#c7201f;
	letter-spacing:0;
	line-height:normal;
	text-align:left;
	font-weight:lighter;
	margin:15px 0 0 0;
	}
	
h4{
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size:12px;
	color:#82817f;
	letter-spacing:0;
	line-height:normal;
	text-align:left;
	font-weight:lighter;
	margin:15px 0 0 0;
	}
	
h5, h6{
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size:11px;
	color:#353535;
	letter-spacing:0;
	line-height:normal;
	text-align:left;
	margin:0 0 0 0;
	}

ul {padding:0; margin:0 0 10px 12px; list-style-type:disc;}

ol {padding:0; margin:0 0 0 18px; list-style-type:decimal;}


li {
	padding:0;
	margin:8px 0 0 0;
	color:#252a30;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	text-align:left
	}
		
a{color:#0033cc; text-decoration:none;}
	
a:hover,a:active{ color:#FFFFFF; background-color:#4b639f; text-decoration:none;}

.contatto form{ 
	margin:15px 0 0 0;
	padding:0;
	background:none;
	}
.contatto fieldset{ 
	border:0;
	padding:5px 0 0 0;
	margin:0;
	}
.contatto span.riga{ 
	padding:8px 0 0 0; 
	margin:0;
	border:0;
	display:block;
	clear:both
	}
.contatto label{ 
  	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 11px;
  	color: #353535;
	text-align:right;
	}
	
.contatto span.note{ font:9px Verdana, Arial, Helvetica, sans-serif;color: #999; margin:3px 0 0 0; float:right; clear:both}
.contatto span.elemento_block {
	display:block;
	width:270px;
	margin-top:2px;
	margin-right:15px;
	float:left;
	text-align:left;
	vertical-align: baseline;
	}
.contatto input, .contatto select, .contatto textarea{ 
  	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 11px;
  	color: #353535;
	width:350px;
	height:20px;
	border:1px solid #ccc;
	padding:5px 0 0 5px
	}
.contatto select{ width:350px;
	height:30px;
	border:1px solid #ccc;
	padding:5px 0 0 5px
	}
.contatto textarea{ border:1px solid #ccc; overflow:auto}
.contatto .spunta {
	border:0;
	vertical-align:middle;
	padding:0;
	margin:0
	}
.contatto .bottone{
	width:100px;
	height:25px;
	color:#8b7c8a;
	background:#fff;
	border:1px solid #ccc;
	cursor:default;
	padding:0;
	margin:15px 0 0 0
	}

#riquadro {
padding-left:20px;
padding-bottom:20px;
margin:0px;
border:1px dotted #2B5097;
}




/*LISTINI*/

#listino {
	float: center;
	padding-left: 18px;
	margin: 0px;
	border: 1px dotted #2B5097;
}
#lis {
padding:0px;
margin:0px;
margin-top:4px;
margin-left:25px;
width:590px;
overflow:hidden;
padding-bottom:2px;
padding-top:2px;
border-bottom:1px dotted #2B5097;
}
#lis_desc {
float:left;
padding:0px;
margin:0px;
width:473px;
}
#lis_price {
float:right;
margin:0px;
width:70px;
text-align:right;
font-weight:bold;
}
#lis_price p{
font-weight:bold;
}
#lis_carr {
float:right;
margin:0px;
width:30px;
text-align:right;
}
#lis_carr img{
margin-top:-2px;
border:0;
}


