/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HTML GENERAL 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

html, body {
    height:100%;
    width:100%;
    margin:0;
    padding:0;
    border:0;
	background-color:#FFFFFF;
}

body 
{
	color:#58585A;
	font-family:Verdana, Arial;
	font-size:12px;
	font-style:normal;
	line-height:16px;
	font-weight:normal;
	font-variant:normal;
}

div, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, form, caption, tbody, tfoot, thead, th, p
{
	margin:0;
	padding:0;
    border:0;
}

input { font-size:12px; }
select { font-size:12px; }
textarea { font-size:12px; }

.separatore1 { font-size:1px; display:block; float:left; width:100%; margin:0; padding:0; line-height:1px; height:1px; overflow:hidden; } 
.separatore2 { font-size:1px; display:block; float:left; width:100%; margin:0; padding:0; line-height:2px; height:2px; overflow:hidden; } 
.separatore3 { font-size:1px; display:block; float:left; width:100%; margin:0; padding:0; line-height:3px; height:3px; overflow:hidden; } 
.separatore4 { font-size:1px; display:block; float:left; width:100%; margin:0; padding:0; line-height:4px; height:4px; overflow:hidden; } 
.separatore5 { font-size:1px; display:block; float:left; width:100%; margin:0; padding:0; line-height:5px; height:5px; overflow:hidden; } 
.separatore6 { font-size:1px; display:block; float:left; width:100%; margin:0; padding:0; line-height:6px; height:6px; overflow:hidden; } 
.separatore7 { font-size:1px; display:block; float:left; width:100%; margin:0; padding:0; line-height:7px; height:7px; overflow:hidden; } 
.separatore8 { font-size:1px; display:block; float:left; width:100%; margin:0; padding:0; line-height:8px; height:8px; overflow:hidden; } 
.separatore9 { font-size:1px; display:block; float:left; width:100%; margin:0; padding:0; line-height:9px; height:9px; overflow:hidden; } 
.separatore10 { font-size:1px; display:block; float:left; width:100%; margin:0; padding:0; line-height:10px; height:10px; overflow:hidden; } 
.separatore15 { font-size:1px; display:block; float:left; width:100%; margin:0; padding:0; line-height:15px; height:15px; overflow:hidden; } 
.separatore20 { font-size:1px; display:block; float:left; width:100%; margin:0; padding:0; line-height:20px; height:20px; overflow:hidden; } 
.separatore25 { font-size:1px; display:block; float:left; width:100%; margin:0; padding:0; line-height:25px; height:25px; overflow:hidden; }
.separatore30 { font-size:1px; display:block; float:left; width:100%; margin:0; padding:0; line-height:30px; height:30px; overflow:hidden; }
.separatore50 { font-size:1px; display:block; float:left; width:100%; margin:0; padding:0; line-height:50px; height:50px; overflow:hidden; }
.separatore100 { font-size:1px; display:block; float:left; width:100%; margin:0; padding:0; line-height:100px; height:100px; overflow:hidden; }

.vspace100 { line-height:100px !important; }
.vspace50 { line-height:50px !important; }
.vspace30 { line-height:30px !important; }
.vspace20 { line-height:20px !important; }
.vspace15 { line-height:15px !important; }
.vspace10 { line-height:10px !important; }

.table { display:table;}
.row { display:table-row; }
.cell { display:table-cell; }

.valignMiddle { vertical-align:middle; }
.floatLeft { float:left; }
.floatRight { float:right; }
.alignCenter { text-align:center; }

.font8 { font-size:8px; text-decoration:none; line-height:12px; } 
.font10 { font-size:10px; text-decoration:none; line-height:13px; } 
.font11 { font-size:11px; text-decoration:none; line-height:14px; } 
.font12 { font-size:12px; text-decoration:none; line-height:16px; } 
.font13 { font-size:13px; text-decoration:none; line-height:16px; } 
.font14 { font-size:14px; text-decoration:none; line-height:17px; } 
.font15 { font-size:15px; text-decoration:none; line-height:18px; }
.font16 { font-size:18px; text-decoration:none; line-height:19px; }
.font18 { font-size:18px; text-decoration:none; line-height:21px; }
.font20 { font-size:20px; text-decoration:none; line-height:23px; } 

.fontBold { font-weight:bold; } 
.fontItalic { font-style:italic; } 

.underline { text-decoration:underline; }
.notunderline { text-decoration:none; }
.uppercase { text-transform:uppercase; }
.capitalize { text-transform:capitalize; }

.fontNero { background-color:inherit; color:#000000; }
.fontRosso { background-color:inherit; color:#FF0000; }
.fontBlue { background-color:inherit; color:#0000FF; }
.fontGrigio { background-color:inherit; color:#CCCCCC; }
.fontBianco { background-color:inherit; color:#FFFFFF; }
.fontGiallo { background-color:inherit; color:#FFFF00; }
.fontMarrone { background-color:inherit; color:#824200; }
.fontTurchese { background-color:inherit; color:#00FFFF; }
.fontVerde { background-color:inherit; color:#009900; }
.fontGrigioScuro { background-color:inherit; color:#767676; }
.fontGrigioChiaro { background-color:inherit; color:#E3E4E4; }

.colorNero { background-color:#000000; color:inherit; }
.colorRosso { background-color:#FF0000; color:inherit; }
.colorBlue { background-color:#0000FF; color:inherit; }
.colorGrigio { background-color:#CCCCCC; color:inherit; }
.colorBianco { background-color:#FFFFFF; color:inherit; }
.colorGiallo { background-color:#FFFF00; color:inherit; }
.colorMarrone { background-color:#824200; color:inherit; }
.colorTurchese { background-color:#00FFFF; color:inherit; }
.colorVerde { background-color:#009900; color:inherit; }



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LINKS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

a 
{
	font-family:Verdana, Arial; 
	font-size:12px;
	color:#58585A;
	text-decoration:none;
}
a:hover 
{
	font-family:Verdana, Arial; 
	font-size:12px;
	color:#58585A;
	text-decoration:underline;
}

.linkgenerico { font-family:Verdana, Arial; font-size:12px; color:#58585A; text-decoration:none; }
.linkgenerico:hover {font-family:Verdana, Arial; font-size:12px; color:#58585A; text-decoration:underline; }

.linknewshp{ font-family: Verdana, Arial; font-size:12px; color:#C61427; font-weight:bold; text-decoration:none; }
.linknewshp:hover {font-family:Verdana, Arial; font-size:12px; color:#C61427; font-weight:bold; text-decoration:none; }

.linkmenutop{ font-family: 'Trebuchet MS', Verdana, Arial; font-size:15px; color:#1F201D; font-weight:bold; text-decoration:none; }
.linkmenutop:hover {font-family:'Trebuchet MS', Verdana, Arial; font-size:15px; color:#C61427; font-weight:bold; text-decoration:none; }

.linkfootergrigio{ font-family: Verdana, Arial; font-size:12px; color:#58585A; font-weight:bold; text-decoration:none; }
.linkfootergrigio:hover {font-family:Verdana, Arial; font-size:12px; color:#58585A; font-weight:bold; text-decoration:none; }

.linkfooterrosso{ font-family: Verdana, Arial; font-size:12px; color:#C61427; font-weight:bold; text-decoration:none; }
.linkfooterrosso:hover {font-family:Verdana, Arial; font-size:12px; color:#C61427; font-weight:bold; text-decoration:none; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	IMAGES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

img
{
    border:0;
}

.bordoimg {
	border-bottom:solid 1px #004c92;
	border-left:solid 1px #004c92;
	border-right:solid 1px #004c92;
	border-top:solid 1px #004c92;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HEADINGS & TEXT

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


h1, h2, h3, h4, h5, h6
{
    font-family:Verdana, Arial;
    color:#000000; 
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	INPUT BOX

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.modulo {
	font-family:Verdana, Arial; 
	font-size:12px; 
	background:#DBE7F3; 
	color:#000000; 
	border-bottom:solid 1px #004D91;
	border-left:solid 1px #004D91;
	border-right:solid 1px #004D91;
	border-top:solid 1px #004D91;
}

.moduloCerca {
	font-family:Verdana, Arial; 
	font-size:12px; 
	width:130px;
	height:20px; 
	color:#636363; 
	border-bottom:solid 1px #d3d3d3;
	border-left: none;
	border-right:solid 1px #d3d3d3;
	border-top:solid 1px #d3d3d3;
	margin:0;
	padding:0;
}

.moduloLogin {
	font-family:Verdana, Arial; 
	font-size:12px; 
	width:100px;
	height:20px; 
	color:#636363; 
	border-bottom:solid 1px #d3d3d3;
	border-left: solid 1px #d3d3d3;
	border-right:solid 1px #d3d3d3;
	border-top:solid 1px #d3d3d3;
	margin:0;
	padding:0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	STRUCTURE SITE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#header {
	width:980px;
	height:406px;
	margin-left:auto;
	margin-right:auto;
	background:url(image/sf-header.jpg) no-repeat;
}

#header .logo{
	width:730px;
	margin-top:20px;
	height:170px;
	float:left;
}
#header .container-arearis{
	width:250px;
	height:190px;
	float:left;
}

#header .tasti-social{
	width:250px;
	height:45px;
	margin-top:90px;
	float:left;
	text-align:right;
}

#header .arearis{
	width:224px;
	height:55px;
	margin-left:26px;
	float:left;
}

#header .menu{
	width:980px;
	height:45px;
	margin-top:10px;
	margin-bottom:10px;
	background:url(image/sf-menu.jpg) no-repeat;
	float:left;
}

#navigation-hp {
	width:980px;
	height:925px;
	background:url(image/sf-container.jpg) no-repeat;
	margin-top:-150px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}

#navigation-hp2 {
	width:980px;
	height:860px;
	background:url(image/sf-container-p.jpg) no-repeat;
	margin-top:-150px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}

#navigation-hp2 .slider {
	width:980px;
	height:246px;
	float:left;
}
#navigation-hp2 .slider-img {
	width:539px;
	height:216px;
	margin-left:20px;
	padding-top:30px;
	float:left;
}
#navigation-hp2 .slider-text {
	width:401px;
	height:216px;
	margin-right:20px;
	padding-top:30px;
	float:left;
}

#navigation-hp2 .box-center {
	width:980px;
	margin-left:auto;
	margin-right:auto;
	float:left;
}


#navigation-hp .slider {
	width:980px;
	height:246px;
	float:left;
}
#navigation-hp .slider-img {
	width:539px;
	height:216px;
	margin-left:20px;
	padding-top:30px;
	float:left;
}
#navigation-hp .slider-text {
	width:401px;
	height:216px;
	margin-right:20px;
	padding-top:30px;
	float:left;
}

#navigation-hp .box-center {
	width:980px;
	margin-left:auto;
	margin-right:auto;
	float:left;
}

#navigation-hp .box-center-int {
	width:590px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	float:left;
}

#navigation-hp .barradx {
	width:390px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	float:left;
}

#corpotesto {
	width:555px;
	margin-left:35px;
	margin-right:auto;
	text-align:justify;
	float:left;
}

#footer {
	clear:both;
	width:980px;
	height:80px;
	background-color:#E2E3E3;
	color:#58585A;
	margin-left:auto;
	margin-right:auto;
	margin-top:2px;
	margin-bottom:2px;
}

#striscia-footer {
	background-color:#C3C3C4; 
	height:1px; 
	line-height:1px; 
	margin:0; 
	padding:0; 
	width:980px;
	margin-left:auto;
	margin-right:auto;
}

#slideshow{
	display:none;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	SCROLL BARS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#boxscroll {
	width: 555px;
	height: 535px;
}

#boxscroll_inner {
	min-height: 520px;
	margin-right:10px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRINT SITE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

@media print {
	td {}
	a { text-decoration:underline; }
	.no-print { display:none; }
	.print-only { display:inline;width:500px; }
}