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

/* Elementi comuni */

body {
	background-color: #FFF;
	background-image: url(../images/taglio/sfo_body.jpg);
	background-repeat: repeat-x;
	font: 70%/1.5em 'Verdana', Tahoma, arial, sans-serif;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
}

body,td {
		font-family: Verdana, Arial, Helvetica, sans-serif;
}

#header {
		background-image:url(../images/taglio/sf_header.jpg);
		border-bottom: 3px;
		border-bottom-color: #12649e;
		margin: auto;
		left:77px;
		top:12px;
		width:820px;
		height:138px;
		z-index:1;
}

#wrap {
		margin: auto;
		width:820px;
}

#spalla {
		position:absolute;
		width:240px;
}

#content {
		background-color:#FFFFFF;
		background-image: url(../images/taglio/banner.jpg);
		background-repeat: no-repeat;
		background-position: left top;
		border: 1px solid #12649e;
		font-size:11px;
		margin-top: 15px;
		width:650px;
		float: right;
}

#calltoaction {
		border:none;
		margin-top: 20px;
		width: 250px;
		height:50px;
}

#testo {
margin-top:10px;
		padding-left: 120px;
		padding-top: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
}

/* footer */

#footer {
		background-color: #D1E2EF;
		text-align: center;
		line-height: 25px;
		margin:auto;
		width:650px;
		padding-top: 20px;
		padding-bottom: 20px;
		position:relative;
}

/*Calltoaction e call*/

.call {
		border:none;
		margin-top: 15px;
		margin-bottom: 15px;
}


/*titoli H*/

h1 {
	color: #0f619b;
	font-size: 200%;
	line-height: 23px;
}
h2 {
	color: #0a3b63;
	font-size: 140%;
	line-height: 21px;
}

h3 {
	color: #0066CC;
	font-size: 140%;
}

h4 {
		color: #61a5d6;
		font-size: 120%;
}


/*allineamento testo content testo p*/

#content #testo p {
		text-align:left;
}

/*elementi liste comuni*/

ul, ol {
		margin: 5px 20px;
		padding: 0 20px;
	}
	
#content ul li {
		list-style-image: url(../images/taglio/bullet.gif);
		font-weight: bold;
}


/* ---- link  ---- */
a, a:visited {	
		color: #333333;;
		background: inherit;
		text-decoration: none;  
	}
	
a:hover {
		color: #3399CC;
		background: inherit;
		text-decoration: underline;
	}


/* -------------- header links --------------- */

#header #logo {
		border:0px;
		padding-top: 5px;
		width:240px;
	}

#header #header-links {
		color: #FFF;
		text-transform: uppercase;
		font-size: 10px;
		font-weight:bold;
		text-align: center;
		top: 20px;
		right: 20px;
		left: 660px;
		width: 150px;
		position:relative;
	}
#header #header-links a {
		color: #333;
		text-decoration: none;
}
#header #header-links a:hover {
		color: #0066CC;
		text-decoration:underline;
}


/* ---- Navigation  ---- */
#nav {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		clear: both;
		margin-left: 280px;
		width: 560px;
		height: 20px;
		padding: 0;
		top: 99px;
		position: absolute;
		z-index: 3;
}
#nav ul {
		list-style: none;
		text-transform: uppercase;
		width: 820px;
		height: 20px;		
		margin: 0 0 0 0px;
		padding: 0;	
		display: inline;
}
#nav ul li {
		display: inline;
		height: 20px;
		margin: 5 5 5 5px; 
		padding: 0;
}
#nav ul li a {
	color: #FFF;
	border-right: 1px solid #61a5d6;
	border-top: 1px solid #61a5d6;
	border-left: 1px solid #61a5d6;
	border-bottom: none;
	font: 11px;
	font-weight: bold;
	font: "Verdana", Helvetica, Arial, Geneva, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
	display: block;
	float: left;
	height: 20px;
	width: auto;
	margin: 0;
	margin-right: 4px;
	padding: 10px;
	background-image: url(../images/taglio/nav.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#nav ul li a:hover {
		background: url(../images/taglio/nav-hover.jpg) repeat-x;
		color:#333;
} 
#nav ul li a:active {

		background: url(../images/taglio/nav-hover.jpg) repeat-x;
}
#nav ul li#current a {
		background: url(../images/taglio/nav-current.jpg) repeat-x;
		}


/*UL spalla*/

#ul {
		background-color:#FFF;
		border: 1px  solid #61a5d6;
		margin-top: 40px;
		padding-bottom:10px;
		width: 250px;
}

#ul h4 {
	background-image:url(../images/taglio/bg_h3.jpg);
	background-repeat:no-repeat;
	color:#042c45;
	font-size: 125%;
	text-transform: uppercase;
	width:238px;
	height: 25px;
	margin-top: 0px;
	padding-left: 15px;
	padding-top: 6px;
}

ul#menuSecondario{
		color: #042c45;
		font-size: 10px;
		list-style: none;
		text-transform:uppercase;
		margin:0px;
		padding:3px;
}

ul#menuSecondario li{
		background: url(../images/taglio/ico_freccia.gif) no-repeat;
		background-position: 5px 2px;
		border-bottom: 1px dotted #B1BEDB;	
		font-size: 10px;
		line-height: 25px;
		padding-top: 1px;
		text-indent:30px;
}
ul#menuSecondario a:link{
		color: #042c45;
		text-decoration:none;
		display: block;
}
ul#menuSecondario a:visited{
		color: #042c45;
		text-decoration:none;
		display: block; 
}
ul#menuSecondario a:hover{
	color: #042c45;
	background-color: #edece8;
	background-image: url(../images/taglio/ico_freccia_hover.gif);
	background-repeat: no-repeat;
	background-position: 5px 2px;
}


/* ---- immagini  ---- */
	
img.float-right {
		float: right;	
		margin: 5px 0px 3px 20px;  
	}
	
img.float-left {	
		float: left;
		margin: 10px 10px 10px 0px;
	}
	
	/* ---- FORM  ---- */
	
	
.button_form {
background-color: #FF9900;
color:#333333;
font-weight: bold;
text-transform:uppercase;
width:120;
height: 30px;
	}