@charset "utf-8";
/* CSS Document */
html {
	background:#333743 url(../images/taglio/background.jpg) repeat-x;
}
body {
	margin: 0;
	font-size: 80%;
	color:#686057;
	background: url(../images/taglio/sf_ombra.jpg) no-repeat center 0px;
	font-family: Verdana, Geneva, sans-serif;
}
#wrap {
	width: 960px;
	margin: 0 auto;
}
#header {
	width: 960px;
	height: 158px;
	background: url(../images/sf_header.jpg) no-repeat top right;
	float: left;
}
#content {
	width: 960px;
	background: url(../images/taglio/bg_content.jpg) repeat-y left top;
	margin-top: 10px;
	border-right: 1px solid #393C48;
	border-left: 1px solid #393C48;
	border-bottom: 1px solid #393C48;
	border-top: 1px solid #393C48;
	float: left;
}
#spalla {
	width: 300px;
	background: #222632;
	float:left;
	padding: 30px;
}
#main {
	width: 550px;
	float: right;
	padding: 25px;	
	background: #FFF;
}
#main a {
	color:#666;
}

/*-----------------------Titoli------------------------*/

h1 {
	font-size:190%;
	color: #F60;
	margin-bottom: 0px;
}
h2 {
	font-size:140%;
	color:#393B48;
	margin-bottom: 15px;
	margin-top:3px;
}
h3 {
	font-size:120%;
	color:#4A9BEC;
	padding:0;
	margin:20px 0 0 0;
}
#main h3 a  {
	font-size:110%;
	font-weight:lighter;
	color:#FE0000;
	margin-top: 5px;
}
h4 {
	font-size:100%;
	color:#393B48;
	border-bottom: 1px #D2CFCA solid;
	margin: 10px 0;
	padding:0 0 10px 0;
}
#spalla h3 {
	font-size: 130%;
	text-transform: uppercase;
	font-weight: lighter;
	color: #4A9BEC;
	padding:0;
	margin: 0 0 25px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3C4357;
}

#spalla h2 {
	font-size: 130%;
	text-transform: uppercase;
	font-weight: lighter;
	color: #F60;
	padding:0;
	margin: 0 0 25px 0;
}
#spalla h2 span {
	text-transform: uppercase;
	color: #FFF;
	padding:0;
	margin: 0 0 25px 0;
}
#main p {
	line-height: 150%;
	margin-bottom: 15px;
	margin-top: 5px;
}
#main #title h1 {
	font-size:160%;
	color: #333;
	margin-bottom: 0px;
}
#main #title h2 {
	font-size:200%;
	color:#F60;
	margin-bottom: 5px;
	margin-top:3px;
}
/*--------------------LOGO----------------------------*/
a.logo {
	background: url(../images/logo.jpg) no-repeat left top;
	width: 250px;
	height: 80px;
	display: block;
	margin: 15px 0 0 15px;
	padding: 0;
	font-weight: bold;
	}
#header span {
	margin: 0 0 0 65px;
	font-size: 170%;
	color: #2B2F3B;
	}

/*-------------NAV----------------*/
#nav {
	background: url(../images/taglio/sf_nav.jpg) repeat-x top;
	float: left;
	width: 960px;
	margin-top: 10px;
	border: 1px solid #393C48;
}
#nav ul {
	color: #fff;
	list-style: none;
	text-transform: uppercase;
	display: inline;
	font-weight:bold;
}
#nav ul li {
	font-size: 13px;
	display: inline;
	margin: 5 5 5 5px;
	padding: 0;
}
#nav ul li a {
	color: #fff;
	text-decoration: none;
	display: block;
	float: left;
	padding-right: 28px;
	padding-left: 28px;
	padding-top: 9px;
	border-right: 1px solid #FFF;
	height: 28px;
}
#nav ul li a:hover {
	background: url(../images/taglio/sf_nav_hover.jpg) repeat-x top;
	height: 28px;
	color: #fff;
}

/*--------------------- SPALLA navigazione------------------------------*/

#spalla .navul {
	padding: 0;
	margin:0;
	list-style:none;
}
#spalla .navul ul li {
	width: 260px;
	}
#spalla .navul li a {
	background: url(../images/taglio/bullet_navul.jpg) no-repeat left;
	width: 90%;
	height:100%;
	display:block;
	color: #D7EBFF;
	font-size: 110%;
	text-decoration: none;
	padding:10px 0 10px 30px;
	border-bottom: 1px solid #3A4256;
}
#spalla .navul li a:hover {
	background: url(../images/taglio/bullet_navul_hover.jpg) no-repeat left;
	color:#4A9BEC;
}

/*-----------------------------logo---------------------*/
#header img {
	margin-top: 10px;
	padding-left: 15px;
}

/*----------------CALL MAIN--------------*/
#main a.call_main {
	background: url(../images/taglio/call_main.jpg) no-repeat;
	width: 210px;
	height: 46px;
	display: block;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	padding: 9px 0 0 47px;
	}
	
#main a:hover.call_main {
	background: url(../images/taglio/call_main_hover.jpg) no-repeat;

		}

/*------------- SPALLA navigazione---------------------*/
#spalla ul.spalla_ul  {
	margin: 30px 0 30px 0;
	padding:0;
	}

#spalla .spalla_ul li {
	background: url(../images/taglio/bullet2.jpg) left top no-repeat;
	color: #FFF;
	list-style-type:none;
	padding-left: 30px;
	margin-bottom: 15px;
	line-height: 18px;
	font-size:14px;
	}
	
/*------------- SPALLA call---------------------*/

#spalla a.call {
	background: url(../images/taglio/call_spalla.jpg) no-repeat;
	font-size: 110%;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	margin: 25px 0 15px 0;
	width: 275px;
	height: 55px;
	display: block;
	color: #FFF;
	padding-top: 10px;
	text-align:center;
	}
#spalla a:hover.call {
	background: url(../images/taglio/call_spalla_HOVER.jpg) no-repeat;

}
#spalla  a.call span {
	font-size: 90%;
	text-transform: none;
	font-weight: lighter;

}

	
/*------------- DL DD DT SPALLA---------------------*/
#spalla dl.list  {
	background: url(../images/taglio/cert1.jpg) left top no-repeat;
	height: 80px;
	margin: 10px 0 0 0;
	padding:0 0 0 100px;
	}
#spalla .list dt {
	color: #F60;
	font-weight: bold;
	}
#spalla .list dd {
	color: #FFF;
	margin:0;
		}
		
#spalla dl.list2  {
	background: url(../images/taglio/cert2.jpg) left top no-repeat;
	height: 80px;
	margin: 15px 0 0 0;
	padding:0 0 0 100px;
	}
#spalla .list2 dt {
	color: #F60;
	font-weight: bold;
	}
#spalla .list2 dd {
	color: #FFF;
	margin:0;
		}


/*---------------------ul content---------------------*/
	
#main .contentul {
	line-height:20px;
	font-size:100%;
	margin: 15px 0 15px 0;
	color:#222632;
}
#main .contentul li {
	background: url(../images/taglio/bullet.jpg) no-repeat left top;
	margin-bottom: 15px;
	padding: 0 0 0 30px;
	list-style: none;
}
#main .contentul a {
	color:#222632;
	text-decoration:none;
}
#main .contentul a:hover {
	color: #999;
	text-decoration: underline;
}


/*--------------------Footer---------------------*/

#footer {
	background: #10131C;
	padding: 20px;
	height: 137px;
	font-size: 11px;
	clear: both;
	width: 920px;
	margin: 0 auto;
	text-align:center;
	color: #CCC;
}
#footer a {
	color: #F90;
	text-decoration:none;
}
#footer a:hover {
	color: #CCC;
	}
#footer ul {
	padding: .2em 0;
	margin: 0;
	list-style-type: none;
	width: 100%;
	text-align: center;
}
#footer li {
	display: inline;
	line-height: 22px;
}
#footer li a {
	text-decoration: none;
	color: #4A9BEC;
	padding: 0 5px 0 5px;
	border-right: 1px solid #4A9BEC;
}
#footer li a:hover {
	color: #CCC;
}

/*-----------------------banner Index---------------------------------------------*/
#banner_index {
	background: url(../images/banner_index.jpg) no-repeat left top;
	width: 540px;
	height: 80px;
	margin:10px 0 25px 0;
	}
	
#banner_servizi {
	background: url(../images/banner_servizi.jpg) no-repeat left top;
	width: 540px;
	height: 80px;
	margin:10px 0 25px 0;
	}

/*--------------MAIN IMG BOX------------------------*/
#box {
	float: left;
	}
#box p {
	font-size: 80%;
	width: 230px;
	color: #3E3833;
	}
#box img {
	border: 4px solid #BDC2CC;
	}
#box_left {
	width: 265px;
	float: left;
	margin-right: 20px;
	}

#box_right {
	width: 265px;
	float: right;
	}


/*--------------PDF UL------------------------*/
#pdf ul {
	padding: 0;
}
#pdf ul li {
	height: 32px;
	list-style-type:none;
	margin: 14px 0;
	padding: 0 0 0 30px;
	background: url(../images/taglio/ico_pdf.jpg) no-repeat left top;
}

#pdf li a {
	display:block;
	color: #333;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	padding: 8px 0 0 10px;
}
#pdf li a:hover {
	color:#C00;
	text-decoration: underline;
}
/*------------------clear--------------*/
.clear {
	clear: both;
	}
	
/*-----------------------------FORM-----------------------------------------*/
.top {
	background: url(../images/taglio/top.jpg) no-repeat;
	width: 534px;
	height: 10px;
	}
	.bottom {
	background: url(../images/taglio/bottom.jpg) no-repeat;
	width: 534px;
	height: 24px;
	}
#form {
		background: url(../images/taglio/bg.jpg);
		font-size: 13px;
			width: 534px;
		
		}
#main #form h4 {
	font-size: 130%;
	color: #F60;
	padding-bottom: 8px;
	border-bottom: 1px solid #CCC;
	width: 380px;
	margin: 16px 0 10px 30px;
	padding: 0;
	text-transform: uppercase;
	font-weight:lighter;
		}
	
/*----------------FORM BOX------------------------------*/

fieldset {
	border: 0;
}
#nomesia_form {
	font-size:13px;
	clear:both;
	margin: 0 0 0 20px;
}
#nomesia_form div {
	margin:7px 0 7px 0;
	clear:both;
	width:500px;
}
#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:#D1D6E0;
	border:1px solid #B9B9B9;
	width:250px;
	/*	padding:2px 4px 2px 4px;
*/	margin-bottom:10px;
}
#nomesia_form input:focus, #nomesia_form select:focus {
	color:#FFF;
	border: 1px solid #CCC;
	background-color:#384054;
	border:1px solid #CCC;
	width:250px;
	/*	padding:3px 5px 3px 5px;
*/	margin-bottom:10px;
}
#nomesia_form textarea {
	width: 250px;
	height: 100px;
}
#nomesia_form textarea:focus {
	background-color:#384054;
	color: #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;
	background-color: #FFF;
}
#nomesia_form #privacy_container label {
	float:left;
	display:block;
	width:400px;
}
#nomesia_form .button_form {
	margin:20px auto;
	background: url(../images/taglio/invia.jpg) no-repeat;
	width: 148px;
	height: 50px;
	display: block;
	border: 0;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	color: #FFF;
	padding-left: 30px;
	letter-spacing: 1px;
}
#nomesia_form input:focus.button_form {
	background: url(../images/taglio/invia.jpg) no-repeat;
	width: 148px;
	height: 50px;
	display: block;
	border: 0;
}
#messaggio_container label {
	padding-bottom: 15px;
}