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

html, body {
 background-image: url(img/sf-body.jpg);
 background-repeat: repeat-x;
 background-position: top left;
 margin: 0; padding: 0; border:0;
 text-align: center;
 height: 100%;
 font-family: Trebuchet, Arial, Helvetica, sans-serif; 

  }
  
  p {margin-bottom: 14px}

body{ 
 background-color:#FFFFFF;
	font-size: 80%;
	font-weight: normal;
	line-height:125%;
	}
 
* {padding:0; margin:0;}
 
img {border:0;}

h2 /* titolo pagina */
{color: #9E1419;
font-weight: bold;
margin:0 0 14px; font-size:180%;
line-height:140%;
text-align: left;
}


h3 /* titolo news */ {
color: #9E1419;
font-weight: bold;
}

h4 /* titolo news destra*/ {
color: #9E1419;
font-weight: bold;
}

h5 {
color: #9E1419;
}


a:link, a:visited{color:#9E1419;}
a:hover {color:#000; text-decoration:none;}


 
 /* containter */
 
 #container { 
 width: 900px; 
 height: 100%;
 position: relative;
 min-height: 100%;
 height: auto !important;
 height: 100%;
 margin: 0 auto;
	text-align: justify;
  }
  
#header {margin: 0; padding: 0;} 
  
 #footer {
 width: 900px;
 background-image: url(img/sf-footer.png);
 background-repeat: no-repeat;
 position: absolute;
 bottom: 0 !important;
 bottom: -1px;
 height: 126px;
}

#logosave {margin-left: 18px;
margin-top: 60px;}

#logofooter_01 {position: absolute; top: 60px; left: 642px;}

#logofooter_02 {position: absolute; top: 60px; left: 723px;}

/************** menu footer *****************/

#menufooter {position: absolute; 
top: 5px; 
left: 10px; width: 100%}

#menufooter ul {}

#menufooter ul li { 
list-style-type: none;
background: url(img/linea_footer.jpg) no-repeat bottom left;
float: left;
margin: 0;
padding: 0 14px 0 14px;
}

#menufooter ul li#home { 
background:  none;
}

#menufooter ul li#copy { 
background:  none;
float: right;
margin: 0 14px 0 0 !important;
margin: 0 7px 0 0;
}

#menufooter ul li a { 
text-decoration: none; 
font-variant: small-caps; 
font-size: 97%; 
color: #cccccc;
}

#menufooter ul li a:hover { color:#FFFFFF; text-decoration: underline;} 

#menufooter ul li#copy a {color: #333333}
#menufooter ul li#copy a:hover {color: #000000}

/* logo */

#logo {
margin-top: 44px;
}

/* motore ricerca e logo save */

#ricercaesave {
float: right;
margin: 5px 0 0 0;
height: 130px;
text-align: left;
}

#motorericerca {
background: url(img/camporicerca.gif) top left no-repeat;
margin-top: 18px;
}

.campo {
background-color: #FFFFFF;
border:0;
height: 14px;
line-height: 10px;
float: left;
margin: 4px;
width: 164px;
font-size: 90%;
}
 

/* *******MENU********* */
div#menu{
	position:relative; z-index:10; 
	top: 48px; 
	left:0;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	width:740px;  
	min-height: 2.5em;	height: auto !important; height: 2.5em; 
	text-align:center;
	font-size:100%;
	}	
	
#vhp,#vcontatti,#vhp a,#vcontatti a{width:7em !important}

#menu ul { list-style: none; text-align:left}

#menu li { 	
	width: 148px;
	display: block; float: left;
	position: relative;
	z-index:100;
	}

#menu a {
	float: left;/* \*/float: none;/*  */
	display: block;
	width: 148px; font-weight:bold;
	margin: 0 5px; height: 2.2em; line-height:2.3em;
	text-transform:uppercase; 	text-decoration:none; 
	}

#menu li ul {
	visibility: hidden;
	position: absolute;
	z-index: 10;}

#menu li ul li {
	width: 148px;
	display: block;
	float: left;
	position: static;
	text-align: left;
	}
	
html>body #menu li ul li {float: none; position: relative;}

#menu li ul li:hover {	position: relative;}

/* fix the position */
#menu li ul li ul { top: 0; left: 100%; }

/* simulate child selector for IE */
div#menu li:hover ul, #menu li:hover li:hover ul, #menu li:hover li:hover li:hover ul {	visibility: visible; }
#menu li:hover li ul, #menu li:hover li:hover li ul, #menu li:hover li:hover li:hover li ul { visibility: hidden; }

/* do the normal show, with increased specificity */
#menu ul#menuList li:hover > ul { visibility: visible; }

#menu li ul { 
	background:#fff; width: auto; 
	border:solid 1px #ffffff; 
	font-size:90%;
	}

#menu a:link, #menu a:visited {
	color:#ffffff;
	}

#menu a:hover { color:#ffffff;}

#menu li ul a:hover { background:#F1030F !important}

#menu li ul li a{
margin:0 !important;
	height:auto !important; 
	padding:5px; 
	border-bottom:solid 1px #fff;
	line-height:2em;
	width:138px;
	background:#9E1419 !important
	}
	

/* content*/

#content {
margin-top: 90px;
margin-right: 35px;
padding-bottom: 160px;
width: 415px;
}

p.introrub{margin:10px 0 0; text-align:justify}

#colonnatotale {
margin-top: 90px;
float: right;
padding-bottom: 130px;
display: block;
width: 435px;
}


#colonnacentro {
width: 200px;
} 

#colonnadestraHome {
float: right;
width: 200px;
margin-left: 20px;
text-align: center;
}


#colonnadestra {
float: right;
width: 211px;
margin-left: 20px;
text-align: center;
}


.boxnewsdx {
width: 200px;
background: url(img/riganews_dx.jpg) no-repeat bottom left;
margin: 16px 0 0 6px;
padding: 0px 0px 16px 0px;
font-size: 95%;
line-height: 105%;
text-align: justify;
}

.boxnewsdx h4{
font-size: 115%;
margin:12px 0 8px; 
}

.boxnewsdx span{font-weight:bold}

.archivionews {
margin: 16px auto;
font-size: 100%;
color: #9E1419;
font-weight: bold;
}


#fondo {
clear:both;
display:block; 
height:1px; 
}


/* content --> testo */

.boxnews {
background: url(img/riganews.jpg) no-repeat top center;
margin: 24px 0;
padding: 24px 0 0 0; font-size: 80%; text-align:justify;
}
.boxnews h3{font-size:100%}

div.data{
	float: left;
	margin-right: 10px;
	width: 67px; height: 67px; 
	text-align: center !important;
	color: #ffffff;
	padding: 2px 0;
    background: url(img/calendario.jpg) no-repeat top left;
	display: block;
	font-weight:bold; 
	}
	
div.data span.giorno{
	display: block;
	font-size: 200%; 
    color: #333333;
	padding-top: 10px;
	}
	
div.data span.mese{
	text-transform: uppercase;
	}

/* colonna centrale */ 

.boxcentro {
margin: 16px 0 0 0; padding:0;
text-align: left;
background:#e5e5e5;
}

.boxcentro h6 {
background: url(img/boxcentro_head.gif) no-repeat top left;
text-transform: uppercase;
font-size: 95%;
padding: 10px 0 0 10px;
}

.nascosta {
border-bottom: #FFFFFF solid 1px;
margin: 4px 0 0 10px;
width: 180px;
}

.boxcentro ul {
list-style:none;
color: #666666;
margin: 10px 0 0 5px; padding:0;
width: 180px;
}

.boxcentro ul li{
padding: 5px;
border-top: #FFFFFF solid 1px;
}

.boxcentro a:link, .boxcentro a:visited {color: #666666; text-decoration: none; }

.boxcentro a:hover {color: #333333; text-decoration: underline;}

.boxcentro img{padding:0; margin:0; border:0;}

#boxgen{background:url(img/boxcentro01.gif) bottom left no-repeat #E5E5E5; }
#boxris{background:url(img/boxcentro02.gif) bottom left no-repeat #E5E5E5;}

/********** pagina interna 02 *************/

#content_int02 {
margin-top: 90px;
margin-right: 35px;
padding-bottom: 160px;
width: 630px;
}

#colonnatotale_int02 {
margin-top: 90px;
float: right;
padding-bottom: 130px;
display: block;
width: 211px;
}

#colonnacentro_int02 {
width: 200px;
margin: 12px 0 0 5px;
} 

#colonnadestra_int02 {
text-align: center;
float: right;
width: 200px;
}

/**** mappa del sito *****/

div#mappa ul{list-style-position: inside; list-style-type: none;}

div#mappa ul li a{margin-left: 10px;}

div#mappa ul li h3 {margin-top: 20px;}

/**** SPIP *****/
#content, #content_int02{line-height:1.4em; font-size:110%; line-height:140%;}
p.spip{text-align:justify; margin-top:1em; }
	
h3.spip{margin:2em 0 .5em; font-size:130%;}

ul.spip, ol.spip {margin:1em 2em;}
li.spip {margin:.5em; text-align:justify;}

blockquote.spip{padding:0 1em 1em 1em; margin:10px 20px; background:#f2f2f2; border:1px solid #ccc;}

div.notes{padding:1em; margin:10px; background:#f2f2f2; border:1px solid #ccc;}
p.spip_note{font-size:90%;}

div.approfondimenti{border:solid 1px #ccc; margin:30px 10px 50px 10px; padding:1em;}

.on{color:#000 !important; font-weight:bold;}

.vedi{display:none !important}

div#infoprivacy{height:12em; font-size:90%; overflow:auto; border:solid 1px #ccc; margin-bottom:20px; padding:5px;}
div#infoprivacy h4{margin:12px 0 5px; }


/************ form contatti ************/

.textareaprivacy {width: 400px; height: 160px; overflow: auto;
 font-family: Trebuchet, Arial, Helvetica, sans-serif; font-size: 80%; 
 border: 1px solid #9E1419;}

.textareacontatti {width: 400px; height: 160px;
 font-family: Trebuchet, Arial, Helvetica, sans-serif; font-size: 100%; 
 border: 1px solid #9E1419;}
 
 .inputcontatti {width: 300px; height: 18px; line-height: 18px;
 font-family: Trebuchet, Arial, Helvetica, sans-serif; font-size: 100%; 
 border: 1px solid #9E1419;}
 
 .tastoinviacontatti { background:#9E1419; color: #ffffff; font-size: 90%; font-weight: bold; padding: 0 10px 0 10px; border: none; margin: 10px 0;}