/* CSS Document */

*:first-child+html{/*solo per ie7*/
	overflow:auto;
}

body{
	margin:0;
	padding:20px 0;
	background:black;
	font:normal 12px "Trebuchet MS", Arial, Verdana;
	color:white;
}

p{
	margin:0;
	padding:0;
}

a{
	color:white;
}

a:hover{
	color:#999999;
}

ul{
	margin:0 0 20px 0;
	padding:0 0 0 15px;
	list-style-type:square;
}

li{
	margin-bottom:10px;
}


#contenitore{
	position:relative;
	width:950px;
	min-height:500px;
	margin:0 auto;
	background:url(images/sf-testa.jpg) top no-repeat;
}

/*-----top-----*/

#top{
	position:relative;
	height:115px;
	padding-top:75px;
	border-bottom:1px solid white;
}

#logo{
	position:relative;
	overflow:hidden;
	width:200px;
	height:110px;
	background:url(images/logo.png) 0 0 no-repeat;
}

#logo a{
	display:block;
	padding-top:100px;
	line-height:60px;
}

/*-----menu-----*/

#menu{
	position:absolute;
	height:30px;
	right:0;
	bottom:0;
}

#menu ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

#menu li{
	overflow:hidden;
	float:left;
	height:30px;
	padding:0 0 0 16px;
	line-height:30px;
}

#menu li a{
	display:block;
	padding:30px 0;
	height:30px;
}

#menu li a.home{
	width:49px;
	background:url(images/home.gif) 0 0 no-repeat;
}

#menu li a.about{
	width:52px;
	background:url(images/about.gif) 0 0 no-repeat;
}

#menu li a.mission{
	width:60px;
	background:url(images/mission.gif) 0 0 no-repeat;
}

#menu li a.portfolio{
	width:71px;
	background:url(images/portfolio.gif) 0 0 no-repeat;
}

#menu li a.info{
	width:34px;
	background:url(images/info.gif) 0 0 no-repeat;
}


/*-----testata-----*/

#contestata{
	position:relative;
	overflow:hidden;
	width:950px;
	margin:10px 0 0;
	height:240px;
}

#testata{
	margin:0;
	position:absolute;
}

#testata div{
	position:relative;
	width:10000px;
}

#testata div .news{
	position:relative;
	width:335px;
	height:180px;
	padding:30px 580px 30px 35px;
	float:left;
	background-position:top right;
	background-repeat:no-repeat;
	font-style:italic;
	color:#999;
}


#testata .news h2, #testata .news h4{
	padding:0;
	margin:0;
}

#testata .news h2{
	font:normal 36px "Times New Roman", Times, serif;
	color:#666;
	letter-spacing:-1px;
}

#testata .news h4{
	padding:10px 0;
	font-style:normal;
	font-size:14px;
	color:#333;
}

#testata .news h4 a{
	color:#666;
	text-decoration:none;
}

#testata .news h4 a:hover{
	color:#999;
	text-decoration:none;
}

#testata.gallery img{
	float:left;
	width:186px;
}

#testata.gallery img.margin{
	margin-right:5px;
}

#nav{
	position:relative;
	overflow:auto;
	min-height:10px;
}

ul.pags{
	/*position:relative;*/
	height:26px;
	margin:0;
	padding:0;
	list-style-type:none;
}

li.pag{
	float:left;
	margin:7px 7px 0 0;
	padding:0;
}

li.pag a{
	display:block;
	width:10px;
	height:10px;
	margin:0;
	padding:0;
	border:1px solid white;
}


li.pag a:hover, li.activate
{
	background:#fff;
}

ul.cats{
	position:absolute;
	top:0;
	right:0;
	height:26px;
	margin:0;
	padding:0;
}

li.cat{
	overflow:hidden;
	float:left;
	height:26px;
	padding:0 0 0 16px;
	line-height:26px;
}

li.cat a{
	display:block;
	padding:26px 0;
	height:26px;
}

li.cat a.ultimi{
	width:116px;
	background:url(images/ultimi.gif) 0 0 no-repeat;
}

li.cat a.web{
	width:40px;
	background:url(images/web.gif) 0 0 no-repeat;
}

li.cat a.print{
	width:42px;
	background:url(images/print.gif) 0 0 no-repeat;
}

li.cat a.identity{
	width:62px;
	background:url(images/identity.gif) 0 0 no-repeat;
}

li.cat a.webaps{
	width:73px;
	background:url(images/web_aps.gif) 0 0 no-repeat;
}

/*-----contenuti-----*/

#contenuti{
	position:relative;
	overflow:hidden;
	padding:15px 0;
	border-top:1px solid white;
	border-bottom:1px solid white;
}

#colonna{
	position:relative;
	float:right;
	width:249px;
	margin-left:15px;
	padding:0 0 0 15px;
	border-left:1px solid white;
}

/*-----fondo-----*/

#fondo{
	position:relative;
	padding-top:5px;
	font-size:11px;
}

#copy{
	position:absolute;
	top:5px;
	right:0;
}

/*-----classi-----*/

.slogan{
	position:relative;
	padding:0 15px;
	font:normal 36px "Times New Roman", Times, serif;
	color:#fff;
	letter-spacing:-1px;
	text-align:center;
}

.slogan h5, .slogan h3{
	margin:0;
	padding:0;
}

.slogan h5{
	font-size:36px;
	font-weight:normal;
	line-height:36px;
}

.slogan h3{
	font-size:42px;
	font-weight:bold;
	line-height:42px;
}

.sx{
	float:left;
	margin-right:15px;
}

.dx{
	float:right;
	margin-right:15px;
}

/*-----classi testo-----*/

.tit{
	font:normal 30px "Times New Roman", Times, serif;
	color:#fff;
}

.ps{
	font-style:italic;
	color:#666;
}

/*--------------------------------------form----------------------------------------*/

form{
	position:relative;
	overflow:auto;/*serve per contenere i float con i browser pił moderni*/
	margin:0;
	padding:0;
	width:610px;
}

fieldset{
	position:relative;
	width:610px;
	float:left;
	border:none;
	padding:4px 0;
	margin:0 0 20px 0;
	}
	
*:first-child+html legend{/*solo per ie7*/
	margin-left:-7px;
}
	
legend{
	border:none;
	padding:0;
	margin-left:0;
	color:#585858;
	text-decoration: none;
	font:normal 18px "Trebuchet MS", Arial, Verdana;
	}

fieldset div{
	border:none;
	margin:0;
	padding:0;
	float:left;
	}

label{
	border:none;
	float:left;
    display: inline;
	margin-left: 0;
	width:300px;
	height:25px;
    line-height:25px;
	border-bottom:1px dashed #fff;
	}

input{
	float:left;
	border:none;
	margin:5px 0 0 5px;
	padding:0 3px;
	width:auto;
	height:21px;
	background:#eee;
	font:normal 14px "Trebuchet MS", Arial, Verdana;
	color:#666;
	}
	
form div img
{
	margin:5px 0 0 2px;
	padding:0 3px;

}
	
select{
	float:left;
	border:none;
	margin:5px 0 0 5px;
	padding:0 3px;
	width:auto;
	height:20px;
	background:#eee;
	font:normal 14px "Trebuchet MS", Arial, Verdana;
	color:#666;
	}
	
textarea{
	overflow:auto;
	float:left;
	border:none;
	background:#eee;
	margin:5px 0 0 0;
	padding-left: 5px;
	width:555px;
	height:165px;
	font:normal 14px "Trebuchet MS", Arial, Verdana;
	color:#666;
	}
	
.bottone{
	margin:5px 0 0 0;
	padding:0;
	width:100px;
	height:25px;
	line-height:27px;
	border:none;
	background:#fff;
	font:bold 16px "Trebuchet MS", Arial, Verdana;
	color:#000;
	cursor:pointer;
	}
	
label.piccolo{
	width:30px;
	height:15px;
    line-height:15px;
	}
	
label.medio{
	width:60px;
	height:15px;
    line-height:15px;
	}
	
input.radio{
	background:none;
	border:none;
	margin:1px 10px 0 0;
	}
	
textarea.info{
	height:165px;
	background:#eee;
	font:normal 12px "Trebuchet MS", Arial, Verdana;
	color:#999;
	}
	
	
	
/* CSS FOR SLIDESHOW SCRIPT */
.imageSlideshowHolder,.imageSlideshowHolder_left{
	margin-left:0px;	/* "Air" */
	float:left; /* Floating gallery at the right side of other web page content */		
	width:600px;	/* Image width */
	/*height:319px;*/
	overflow:hidden;	/* Image height */
	position:relative;	/* Don't remove this line */
	margin-right:10px;
}

/* Don't change these values */
.imageSlideshowHolder img{
	position:absolute;
	left:0px;
	top:0px;
	border:none;
	margin:0 10px 0 0;
}