@charset "utf-8";
/* CSS Document */

/* ---- Template09-b - con spalla a destra, menu in alto  ---- */

* {
	margin: 0;
	padding: 0;
	border: 0
}
body {
	color: #666666;
	background:#000 url(../images/taglio/sfo_body.jpg) top center repeat-x;
	margin:0px;
	font-size:100%;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
/* ---- Tipografia  ---- */

h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Geneva, sans-serif;
}
#main h1 {
	font-size: 185%;
	color: #313131;
	text-transform: capitalize;
	font-weight: lighter;
	padding: 0;
	margin: 15px 0 0 0;
}
#main h2 {
	color:#549402;
/*	border-bottom:1px solid #CCC;
*/	font-weight: lighter;
	margin: 10px 0 15px 0;
	font-size: 120%;
	padding:0;
	line-height:1.5em;
}
#main h3 {
	color: #333;
	font-size: 100%;
	border-bottom:1px solid #CCC;
	margin: 0;
	padding: 15px 0 5px 0;
	line-height: 140%;
}
#main h4 {
	color: #CB0000;
	/*	border-bottom:1px solid #CCC;*/
	margin: 0 0 15px 0;
	font-size: 95%;
	padding:0;
	line-height:1.5em;
}
#main p {
	padding: 10px 0 15px 15px;
	font-size: 80%;
	line-height: 140%;
}
h2#slogan {
	color: #FFF;
}
ul, ol {
	margin: 20px 0 0 20px;
	padding: 0 20px;
}
li {
	padding-left:10px;
	list-style:none;
}
/* ---- immagini  ---- */

img {
	background: #fff;
	margin:10px 0px 0px 50px;
	border: 1px solid #DCDCDC;
	padding: 5px;
}
img.float-right {
	margin: 5px 0px 10px 10px;
}
img.float-left {
	margin: 5px 10px 10px 0px;
}
/* ---- Tag HTML ---- */
blockquote {
	background: url(../images/taglio/post.gif) 0 0 no-repeat;
	border: 1px solid #f93;
	font-size:1.2em;
	font-weight:bold;
	margin: 10px;
	padding: 0 0 0 35px;
}
/* ---- link  ---- */
a:link, a:visited {
	color:#549402;
	text-decoration: none;
}
a:hover {
	color: #549402;
	text-decoration: underline;
}
/* #tob-bg utile per aggiungere un immagine di sfondo sopra #header-photo */
#top-bg {
	background:none;
	width: 100%;
	height: 60px;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 2;
}
/*Wrap contenitore pagina*/
#wrap {
	text-align: left;
	width: 890px;
	margin: 0 auto;
	position: relative;
	z-index:2;
	padding:0;
}
#content-wrap {
	float: left;
	display: inline;
	position: relative;
	width: 860px;
	margin-left:15px;
	z-index:9999;
}
/*-----------------header----------------*/
#header {
	width: 890px;
	height:90px;
	z-index:3;
	position:relative;
	z-index:999;
}
#logo {
	background:url(../images/taglio/logo.jpg) 0px 10px no-repeat;
	width:350px;
	position:relative;
	margin-left:30px;
}
#logo a:link, #logo a:visited {
	display:block;
	width:350px;
	height:82px;
	z-index:9999;
}
/* -------------- header links --------------- */
#header #header-links {
	z-index:5;
	color: #FFF;
	position: absolute;
	line-height:18px;
	font-size: 12px;
	top:20px;
	right: 31px;
}
#header #header-links a {
	color: #FFF;
	text-decoration: none;
}
#header #header-links a:hover {
	color: #FFF;
	text-decoration:underline;
}
/* ---- header-photo  ---- */
#header_boxes {
	width: 865px;
	height:98px;
	position:relative;
	padding-left:15px;
}
#header_boxes img {
	border:none;
	margin:0px 20px 0px 20px;
	padding:2px;
}

#header_boxes .item_box {
	background:url(../images/taglio/sfo_boxes.jpg) 0 0 no-repeat;
	padding: 15px;
	height:66px;
	width:255px;
	float:left;
	margin-right:2px;
}
#header_boxes .item_box h3 a {
	color:#FFF;
	font-size:115%;
	height: 70px;
	font-weight: lighter;
	padding: 0 0 0 5px;
	display: block;
	line-height: 140%;
}
#header_boxes .item_box h3 a:hover {
	color: #2F2F2F;
	text-decoration: none;
}

#header_boxes .item_box:hover h3 {
	color:#333;
}
#header_boxes .item_box:hover p {
	color:#333;
}
#header_boxes .item_box:hover .call_scopri {
	background:url(../images/taglio/call_box_grey.jpg) left top no-repeat;
	text-decoration: none;
}
#header_boxes .item_box:hover .call_scopri a {
	color:#000;	
	text-decoration: none;
}
/* ---- Navigation  ---- */
#nav {
	margin-left:15px;
	margin-top:0px;
	width: 860px;
	height: 50px;
	clear:both;
}
#nav ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#nav ul li {
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 0;
	color: #fff;
}
#nav ul li a:link, #nav ul li a:visited {
	color:#fff;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 1px;
	display: block;
	float: left;
	margin-right:10px;
	padding: 0px 25px 0px 20px;
	margin-top:0px;
	height: 45px;
	line-height:45px;
	background: url(../images/taglio/menu_li.jpg) right center no-repeat;
}
#nav ul li a:hover {
	color:#FFCD04;
}
#nav ul li a.selected:link, #nav ul li a.selected:visited {
	color:#FFCD04;
}
/* ---- MAIN  ---- */
#main {
	float: left;
	width: 530px;
	padding: 20px;
	margin: 0;
}
#main li {
	background: url(../images/taglio/li.jpg) 0 0 no-repeat;
	padding-left:30px;
	padding-bottom:10px;
	font-size: 90%;
	line-height: 140%;
	margin-top: 15px;
}
#main dl {
	margin: 30px 0 20px 0;
	padding: 0;
	}
#main dl.ico dt {
	font-size: 110%;
	font-weight: lighter;
	color: #333;
	padding: 10px 0 0 85px;
	line-height: 120%;
	display: block;
	height: 40px;
	}
#main dd {
	font-size: 80%;
	color: #333;
	padding: 10px 0 10px 85px;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #CCC;
	background: url(../images/taglio/fr2.jpg) no-repeat left center;
	}
	
#main dd a {	
	color: #CB0000;
	text-decoration: underline;

	
}
#main dd a:hover {	
	text-decoration: underline;
	color: #333;

}
	
#main dt.ico1 {
	background: url(../images/taglio/ico1.jpg) no-repeat left top;
	}
	#main dt.ico2 {
	background: url(../images/taglio/ico2.jpg) no-repeat left top;
	}
	#main dt.ico3 {
	background: url(../images/taglio/ico3.jpg) no-repeat left top;
	}
	#main dt.ico4 {
	background: url(../images/taglio/ico4.jpg) no-repeat left top;
	}
	
	
#main dl.case dt {
	font-size: 95%;
	height: 65px;
	color: #333;
	border-bottom: 1px solid #CCC;
	padding: 35px 0 0 185px;
	}
#main dt.case1 {
	background: url(../images/taglio/case1.jpg) no-repeat left top;
	}
#main dt.case2 {
	background: url(../images/taglio/case2.jpg) no-repeat left top;
	}
#main dt.case3 {
	background: url(../images/taglio/case3.jpg) no-repeat left top;
	}
#main dt.case4 {
	background: url(../images/taglio/case4.jpg) no-repeat left top;
	}
#main dt.case5 {
	background: url(../images/taglio/case5.jpg) no-repeat left top;
	}
#main dt.case6 {
	background: url(../images/taglio/case6.jpg) no-repeat left top;
	}
#main dt.case7 {
	background: url(../images/taglio/case7.jpg) no-repeat left top;
	}
#main dt.case8 {
	background: url(../images/taglio/case8.jpg) no-repeat left top;
	}
#main dt.case9 {
	background: url(../images/taglio/case9.jpg) no-repeat left top;
	}
#main dt.case10 {
	background: url(../images/taglio/case10.jpg) no-repeat left top;
	}
#main dt.case11 {
	background: url(../images/taglio/case11.jpg) no-repeat left top;
	}
#main dt.case12 {
	background: url(../images/taglio/case12.jpg) no-repeat left top;
	}
#main img {
	margin: 0;
	border: none;
	background: none;
	}
	
	
#main h3.ico1 {
	background: url(../images/ico1.jpg) top right no-repeat;
	}	
#main h3.ico2 {
	background: url(../images/ico2.jpg) top right no-repeat;
	}
#main h3.ico3 {
	background: url(../images/ico3.jpg) top right no-repeat;
	}
#main h3.ico5 {
	background: url(../images/ico5.jpg) top right no-repeat;
	}
#main h3.ico6 {
	background: url(../images/ico6.jpg) top right no-repeat;
	}	

/* ---- Sidebar  ---- */
#sidebar {
	float: right;
	width:262px;
	padding:12px;
	margin:10px 0 0 0;
/*	border-left: 2px solid #999;
*/}
#sidebar h3 {
	color: #333;
	font-size: 100%;
	border-bottom:1px solid #CCC;
	margin: 0;
	padding: 15px 0 5px 10px;
	line-height: 140%;
	}
#sidebar ul {
	margin: 20px 0  0 10px;
	padding: 0;
	}
#sidebar li {
	background: url(../images/taglio/sidebar_li.jpg) 0 0 no-repeat;
	padding-left:25px;
	font-size: 90%;
	margin: 0 0 20px 0; 
}
#sidebar li span {
	font-size: 90%;
}
/*MENU SECONDARIO*/

ul#menuSecondario {
	color: #333;
	background: url(../images/taglio/sfo_menusecondario.jpg) center top no-repeat;
	list-style:none;
	padding:10px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
ul#menuSecondario h3 {
	color: #333;
	font-size:18px;
	color:#3F89DC;
	padding:20px 0px 10px 0px;
	margin:0px 0px 0px 0px;
}
ul#menuSecondario li {
	background: url(../images/taglio/li_menusecondario.jpg) 35px 10px no-repeat;
	font-size:14px;
	font-weight: bold;
	height: 39px;
	line-height: 39px;
	margin:0px 0px;
	padding:0;
	padding-bottom:1px;
}
ul#menuSecondario a:link, ul#menuSecondario a:visited {
	background:none;
	color: #333;
	line-height: 39px;
	text-decoration:none;
	height: 39px;
	display: block;
}
ul#menuSecondario a:hover {
	color: #3F89DC;
}
/* ----- #contatti ---- */
input, select, textarea {
	border:1px solid #CCC
}
/* ---- ---- footer  ---- */
#footer {
	color:#FFFFFF;
	clear: both;
	margin: 0px auto;
	text-align: center;
	padding: 20px 10px 10px 10px;
	background: #313131;
	border-top: 10px solid #423F38;
	font-size: 70%;
}
#footer strong a {
	color:#93D100;
}

#footer ul {
	padding: 10px 0 20px 0;
	margin: 0 auto;
	list-style-type: none;
	width: 860px;
	text-align: center;
}
#footer li {
	display: inline;
	line-height: 140%;
}
#footer li a {
	text-decoration: none;
	color: #FFF;
	padding: 0 8px 0 8px;
	border-right: 1px solid #999;
}
#footer li a:hover {
	color:#93D100;
}
#footer div {
	text-align: center;
	color: #FFF;
}
#footer div a {
	color: #93D100;
	text-decoration: none;
	font-weight: bold;
}
/* ----CALLTOACTION  ---- */
.importante {
	background:#999;
	color:#FFFFFF;
	border-top:3px double #333;
	border-bottom:3px double #333;
	margin:10px;
}
.importante a:link, .importante a:visited {
	color:#333;
	font-weight:bold;
}
#main a.main_call {
	background: url(../images/taglio/main_call.jpg) no-repeat left top;
	color: #333;
	font-size: 90%;
	font-weight: bold;
	height:32px;
	width:236px;
	padding: 18px 0 0 20px;
	margin: 25px 0 20px 0;
	display: block;
	text-decoration: none;
	}
/*Call sidebar*/
#sidebar a.call_spalla {
	background: url(../images/taglio/call.jpg) no-repeat left top;
	display: block;
	width: 242px;
	height: 70px;
	margin: 20px 0 20px 5px;
	padding: 13px 0 0 17px;
	color: #333;
	font-size: 120%;
	line-height: 130%;
	}
#sidebar a.call_spalla a:hover {
	text-decoration: none;
	}
#sidebar a.call_spalla span {
		font-size: 80%;
}
 
/* ---- classi per allineare immagini, paragrafi etc...  ---- */
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.align-left {
	text-align: left;
}
.align-right {
	text-align: right;
}
/*  Lista x item catalogo */

.list-item {
	margin-top:10px;
	padding-top:20px;
	border-top:1px solid #CCCCCC;
	margin-left:10px;
	clear:both;
	width:230px;
	float:left;
	height:250px;
}
.list-item_dx {
	float:right;
	margin-top:10px;
	padding-top:20px;
	border-top:1px solid #CCCCCC;
	margin-left:10px;
	width:230px;
	height:250px;
}
.list-item strong, .list-item_dx strong {
	font-size:12px;
	line-height:30px;
	width:240px;
	display:block;
}
.list-item img, .list-item_dx img {
	border:0px solid #eee;
	padding:2px;
	margin-right:40px;
}
/* ---- altre classi  ---- */

.clear {
	clear: both;
}
.optima {
	display:none;
}
.sep {
	background:url(../images/taglio/sep.jpg) 0 0 no-repeat;
	width:380px;
	height:1px;
	margin:10px auto;
}
/*----------------FORM BOX------------------------------*/
#left {
	float: left;
	width: 450px;
	}
fieldset {
	border: 0;
	float: left;
}
#nomesia_form {
	font-size:13px;
	clear:both;
	margin: 30px 0 0 20px;
	width: 433px;
}
#nomesia_form div {
	margin:7px 0 7px 0;
	clear:both;
}
/*#nomesia_form #tipologia_lead_container {
	visibility:hidden;
	display:none;
}*/
#nomesia_form label {
	display:block;
	width:160px;
	float:left;
}
#nomesia_form textarea, #nomesia_form input, #nomesia_form select {
	color:#333;
	border: 1px solid #CCC;
	background-color:#FFFFFF;
	border:1px solid #B9B9B9;
	width:230px;
	margin-bottom:10px;
	padding: 3px;
}
#nomesia_form input:focus, #nomesia_form select:focus {
	color:#333;
	border: 1px solid #CCC;
	background-color: #DAEBBF;
	border:1px solid #CCC;
	width:230px;
	margin-bottom:10px;
}
#nomesia_form textarea {
	width: 230px;
	height: 100px;
}
#nomesia_form textarea:focus {
	background: #FFF;
}
#nomesia_form #privacy_container {
	border:none;
	float:left;
}
#nomesia_form #privacy_container input {
	margin:10px 20px 0 0;
	padding:0;
	background:none;
	border:none;
	width:15px;
	float:left;
}
#nomesia_form #privacy_container label {
	float:left;
	display:block;
	width:330px;
	font-size: 80%;
}
#nomesia_form #privacy_container label a {
	color: #333;
	}
#nomesia_form .button_form {
	margin:20px auto;
	background: url(../images/taglio/invia.jpg) no-repeat;
	width: 105px;
	height: 52px;
	display: block;
	border: 0;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	color: #333;
	letter-spacing: 1px;
}
#nomesia_form input:focus.button_form {
	background: url(../images/taglio/invia.jpg) no-repeat;
	width: 105px;
	height: 52px;
	display: block;
	border: 0;
}
#messaggio_container label {
	padding-bottom: 15px;
}



/*BOX EVIDENZA */



.box_evidenza {
	background:#eee;
	border-bottom:1px solid #F7AE01;
	border-top:1px solid #F7AE01;
	width:590px;
	padding:10px;
	margin-left:10px;
}
.item_evidenza {
	width:255px;
	margin-right:30px;
	float:left;
	padding:10px;
}
.item_evidenza_2 {
	width:255px;
	float:left;
	padding:10px;
}
.clear_sep {
	clear:both;
	height:20px;
}
.item_evidenza img, .item_evidenza_2 img {
	float:left;
}
.item_evidenza h3, .item_evidenza_2 h3 {
	font-size:16px;
	color:#666666;
	margin:0;
	padding:5px;
}
.dettagli_evidenza a:link, .dettagli_evidenza a:visited {
	background: url(../images/taglio/sfo_dettagli.jpg) 0 0 no-repeat;
	font-weight:bold;
	font-size:12px;
	color:#333333;
	width:89px;
	height:19px;
	display:block;
	padding:3px 0px 0px 20px;
	margin:0px 0px 0px 10px;
}
.dettagli_evidenza a:hover {
	background: url(../images/taglio/sfo_dettagli.jpg) bottom left no-repeat;
	color:#fff;
	text-decoration:none;
}