/* 
Unione dei Comuni della Valle dell'Olio

1.SETTAGGI UNIVERSALI ED ELEMENTI INLINE

2.COLLEGAMENTI IPERTESTUALI

3.STRUTTURA ED ELEMENTI BLOCK-LEVEL
	3.1 HTML/BODY
	3.2 INTESTAZIONI (HEADINGS) E PARAGRAFI
	3.3 SEZIONI
	3.4 ELENCHI PUNTATI E NUMERATI
	3.5 FORM
	3.6 TABELLE
	
4.CLASSI
*/


/*
###################### 1.SETTAGGI UNIVERSALI ED ELEMENTI INLINE ##########################
*/

* {
	margin:0;
	padding:0;
}


img { 
	background-color: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: middle; }


abbr, acronym, dfn  {
	cursor:help;
	border-bottom:1px dotted #903A47;
	color:#903A47;
	}	
	
#footer acronym  {
	font-weight:bold;
	color:#fff;
	}		
	
address {
	color:#000;
	font-style:normal;
	}
	

ins {
	text-decoration:none;
	}
	
sup {
	vertical-align:top;
	}
/* SPAN */	
span {
	color:#903A47;
	font-size:.9em;
	}
	
#sidebar span {
	font-size:.9em;
	color:#666;
	}
/*Fine SPAN*/




/*
###################### 2.COLLEGAMENTI IPERTESTUALI ##########################
*/

/*Formattazione generica dei collegamenti ipertestuali*/
a {
	color:#903A47;
	font-weight:normal;
	}
a:hover {
	background:#903A47;
	color:#fff;
	text-decoration: none;
	}

/* Collegamenti ipertestuali specifici*/

img a {
	text-decoration: none;
}
img a:hover {
	background-color: transparent;
}

h5 a{
  font-weight:bold;
}


#sidebar ul li a {
	padding-left: 3px;
	padding-right: 3px;
	text-decoration: none;
	line-height:1.3em;
	}

	
#pagecontent a{
	font-weight:bold;
} 	
	
div#footer p a {
	text-decoration: underline;
	color:#fff;
	}
div#footer p a:hover {
	text-decoration: none;
	background:#fff;
	color:#5B884D;
	}


.torna a, .paginaz a{font-weight:bold;}




/*
###################### 3.STRUTTURA ED ELEMENTI BLOCK-LEVEL ###################### 
*/

/*3.1 HTML/BODY/VARI */

html,body{
	background:#407040 url(/i/bg/sf_body.gif) repeat-x;
	font:100.01% Trebuchet MS, Verdana,Arial,sans-serif;
	color:#000;
}

hr {
	display: none
 }
 
/* 3.2 INTESTAZIONI (HEADINGS) E PARAGRAFI */


h1 {
	font-size:1.3em;
	 color:#5B884D;
}


h2 {
  font-size:1.2em;
  color:#5B884D;
  margin:.5em 0 .1em .3em;
  border-bottom:1px solid #7BA963;
}

h3{ 
	font-size: 1em;
	color:#333;
	font-weight:bold; 
	margin:20px 0 .4em .3em;
	line-height:1.0em;
	}
	
h4{ 
	font-size: .9em;
	color:#5B884D;
	font-weight:normal; 
	margin:0 0 .6em .3em;
	padding: .1em; 
	line-height:1.0em;
	}

h5{
   font-size:1em;
	 margin: 1em 0 .2em .3em;
	 font-weight:bold;
	 color:#5B884D;
	 }	
	 
h6{ 
	font-size: 1em;
	color:#903A47;
	font-weight:bold; 
	margin:0 0 .4em .3em;
	padding-top: 0;
	padding-left: 15px; 
	line-height:1.0em;
	background:transparent url(/images/news.gif) no-repeat 0 50%; 
	}
	


		
	
p {
  margin: .6em 0 0.8em .4em;
}




/* 3.3 SEZIONI */

div#container {
	width: 770px;
	margin:5px auto;
	margin-top:0;
	height:100%;
	/*background: url(/images/lliquid.jpg) repeat-y right;*/
	background: #fff url(/i/bg/sf_content.jpg) no-repeat  180px 131px;
	
}

div#navbar {
	margin:.2em .2em 1.2em .5em;
	font-size:.8em;
}

div#sfheader {
	background:  #fff;
	}

div#headertop {
	margin:0;
	height:30px;
	width:100%;
	background:  #669966;
	}	
	
	
div#header {
	z-index:0;
	margin:0px;
	height:131px;
	padding: 0;
	background: #fff url(/i/loghi/unione_comuni_valle_olio.jpg) no-repeat bottom left;
	border-bottom:0;
	}



div#header a#skipnav, div#header h1 {
	position: absolute;
	left: -9000px}

div#headerleft{
	width:20px;
	z-index:1;
	float:left;
	position: absolute;
	left:1px;
	top:31px;
	margin: 0;
	padding:0;
	height: 74px;
	}


div#logo {
	float:left;
	position:relative;
	top:0;
	left:0;
	width:180px;
	height:130px;
	background:transparent;
		
}

div#logo a{
	display:block;
	width:180px;
	height:130px;

}
div#logo a{
	background:transparent;

}
	
div#pagecontent {
	border: #7BA963 1px solid;
	padding: .2em;
	background: #fff;
	color: #666;
	margin:0 0 .2em .4em;
	position:relative;
	top:-3px;
	float:right;
	line-height:1em;
}

div#styleswitch {
	
	padding: .2em;
	background: transparent;
	color: #666;
	margin:4em 0 .2em .5em;
	position:relative;

	line-height:1em;
}	
	

div#sidebar {
	float: right;
	width:165px;
	padding: 0 0 0 0;
	margin-top:20px;
	color: #333;
	background: transparent;
	font-size:.8em
	}



div#content {
	background: transparent;
	border-top:0px;
	position: relative;
	margin: -1px 150px -1px 0;
	padding:30px 25px 10px 5px;
	min-height: 600px;
	height: auto !important;
	height: 600px; }
	
div#content p {
	line-height:1.3;
	font-size: .8em
	}

div#comune_di_castelnuovo_di_farfa {background:url(/i/comuni/castelnuovo_di_farfa.jpg) no-repeat 0 0;}
div#comune_di_frasso{background:url(/i/comuni/frasso.jpg) no-repeat 0 0;}
div#comune_di_monteleone{background:url(/i/comuni/monteleone.jpg) no-repeat 0 0;}
div#comune_di_poggio_san_lorenzo{background:url(/i/comuni/poggio_san_lorenzo.jpg) no-repeat 0 0;}
div#comune_di_toffia{background:url(/i/comuni/toffia.jpg) no-repeat 0 0;}
div#unione{background:url(/i/comuni/logo_home.jpg) no-repeat 0 0;}
	
	
	
div#istituzioni {
	margin:10px 0 10px 5px;
}	

div#footer {	
	clear:right;
	position:relative;
	text-align:center;
	}
div#footer p {
	margin: 0;
	padding: 6px 5px 8px 3px;
	font-size: .7em;
	color:#fff;
	}

/* 3.4 ELENCHI PUNTATI E NUMERATI */

ul {
	list-style-type: none;
}




#sidebar ul {
	margin:0 0 0 5%;
	padding:0
	}	
	
#sidebar li {
	background:transparent;
	padding:0;
	}	

#content ul {
	margin:0 0 0 0;
	padding-left:.4em;
	font-size:.8em;
	}	
	
#pagecontent ul {
	margin:0 0 0 0;
	padding-left:.2em;
	font-size:.8em;
	}	
	
#pagecontent li {
	margin:.2em 0 .3em 0;
	background:none;
	padding:0;
	}	
	

/* 3.5 FORM */
	
form, fieldset, dl, dt, legend, label{
   margin: 0;
   border: 0;
	}

fieldset, dl {
	margin: .5em 0 0 .4em;
	padding: 1em;
	border: 1px solid #CFE26E;
	}

legend {
	font-size: .9em;
	background: #E0ECAA;
	border: 1px solid #CFE26E;
	font-weight: bold;	
	padding: 1em;
	line-height: .5em;
	color:#903A47;
	}

label, dt {
	display: block;
	float: left;
	width: 13em;
	text-align: right;
	padding: 0;
	font-size: .8em;
	font-weight:bold;
	margin: .2em .2em .5em 0
	}
	
input {
	margin-bottom: .6em;
	background-color: #eee;
	border: #064087 1px solid;
	padding: .1em .1em 0 .1em;
	width: 20em;
	color: #000;
	font-size: .9em;
	line-height: 1.4em;
	height: 1.4em;
	} 

dd {
	margin-bottom: .6em;
	background-color: #fff;
	padding: .1em .1em 0 .1em;
	color: #000;
	font-size:.9em;
	line-height: 1.4em;
	height: 1.4em;
	} 

select {
	background-color: #eee;
	border: #064087 1px solid;
	color: #000;
	font-size: .9em;
	margin-bottom: .6em;
	} 

optgroup {
	color: #000;
	font-size:.9em;
	} 

optgroup option {
	color: #000;
	font-size:.9em;
	padding-left: 1em;
	} 

textarea {
	background-color: #eee;
	border: #064087 1px solid;
	padding: 1px;
	color: #000;
	font-size:.9em;
	margin: 0;
	} 

input:hover, select:hover, textarea:hover {
	background-color: #fff;
	}

input:focus, select:focus, textarea:focus {
	background-color: #ffc;
	color: #000;
	}


input.button {
	border: 1px solid #333;
	background-color: #eee;
	margin: 0;
	padding: 0 1em;
	color: #903A47;
	font-weight: bold;
	cursor: pointer;
	height: 2em;
	width: 12em
	} 

input.button:hover, input.button:active {
	border: 1px solid #333;
	background-color: #903A47;
	color: #fff;
	} 
	
/* 3.6 TABELLE */	
table {
	margin : 1em 0;
	background-color : #000;
	border : 0;
	width : 100%;
	color: #000;
	font-size: .7em;
	}

tr {
	background-color:#fff;
	color:#000;
	display:table-row;
	}

tr:hover{
	background-color:#eee;
	color:#000;
	}

tr.header{
	background-color:#ffc;
	color:#000;
	font-weight:bold;
	height:1.5em;
	line-height:1.5em
	}


/*
###################### 4.CLASSI ###################### 
*/


.b{
	font-weight:bold;
	
}

.comuni_unione, .logo_unione {color:#fff; float:left;width:180px; height:135px; margin: 15px 5px 10px 5px; text-align:center;border: #999 1px solid;}

.comuni_unione a{border-top:1px solid #fff;text-decoration:none; display:block; font-weight:bold; font-size:14px; color:#fff; width:180px;height:18px; background:#669933;margin-top:116px;}
.comuni_unione a:hover{text-decoration:none; color:#fff;background:#903A47;}

.logo_unione a{display:block; font-weight:bold; font-size:14px; width:180px;height:135px; background:transparent;margin:0;}
.logo_unione a:hover{text-decoration:none; background:transparent;}


.img_comune{float:left;width:180px; height:135px; margin: 5px 10px 10px 5px; border: #999 1px solid;}
.img_stemma_comune{float:left; border:1px solid #999; margin:9px 5px 0 6px;}
.img_left{float:left; margin: 5px 10px 10px 5px; border: #999 1px solid;}


.i{
	font-style:italic;
	
}

.h7{ 
	font-size: .9em;
	font-weight:normal; 
	margin:0 0 .4em .3em;
	padding-left: 1.1em; 
	line-height:1.0em;
	}

.rientro {
	margin-left:10px;
	font-size:.9em;
}

.rientro a{
	text-decoration:none;
}

.titolo{
	font-weight:bold;
	color:#903A47;
	margin-top:1.2em;
	margin-bottom: .1em;
}
.small{
	line-height:.7em;
	margin-bottom:.2em;
	color:#666;
}
.smalltxt{font-size:.8em; font-weight:normal; color:#333;}

/*
.header {margin-top:.1em;
margin-left:0;
color:#fff;
font-size:large;
font-weight:normal;
padding:0;
line-height:1.1em
}*/

.header {
margin:0;
color:#fff;
font-size:large;
font-weight:normal;
padding:0 0 0 10px;

}

.navigazione{
	color:#666;
	text-align:center;
	position:relative;
	width:162px;
	font-size:1.1em;
	line-height:1.2em;
	margin:5px 0 0 5px;
	padding:2px;
	}
	
.norm{font-weight:normal;}
.sezione {
    color:#666;
    padding-left:.4em;
    margin-top:1em;
    font-weight:bold;
    }	
.sezioninav{
	color:#fff;
	font-size:1.1em;
	margin-top:1em;
	font-weight:bold;
	margin-bottom:.2em;
	padding-left:.2em;
	background:#7BA963;
	}


.riquadro {
	background-color: #F0F0F0;
	border: #84C326 1px solid;
	padding-top: 4px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 7px;
	margin-bottom: 25px;
	margin-top: 3px;
	font-size: 0.9em;
	}

.nodisplay {
	display:none;
	}

.photo {
	width:200px;
	float: right; 
	margin: 5px;
	border: #ccc 1px solid; 
}
.photosx {
	 
	margin: 15px 5px 10px 5px;
	border: #999 1px solid; 
}

.skipnav{
	position: absolute;
	left: -9000px
	}

.topmargin {margin-top: .6em;}

.center{text-align: center;}

.result {padding-left:1.2em;}




.torna {
    margin-top:2em;
    padding-top:.5em;
    border-top:1px solid #903A47;
    text-align:right;

}

.noresults {
    font-size:1.1em;
    font-weight:bold;
    margin:5em 5em 2em 5em;
    text-align:center;

}
.empty {
	height:0px;
	padding:0;
	margin:0;
	font-size:0.1em;
	visibility:hidden;
}

.lista {
	margin-top:.3em;
	margin-left:.5em;
	padding-left:1em;
	background: url(/images/list-active.gif) no-repeat 0 6px;
	}

.paginaz{
     font-size:1.2em;
}
.lang {
   color:#000;
   font-size:1em;}


/* verifica 

ELIMINA FLOAT */
.clr {
	clear:both;
	height:0px;
	overflow:hidden;
	font-size:0;
	line-height:0px;
	background:transparent;
	}
.cl {
	clear:left;
	height:0px;
	overflow:hidden;
	font-size:0;
	line-height:0px;
	background:transparent;
	}
.cr{
	clear:right;
	height:0px;
	overflow:hidden;
	font-size:0;
	line-height:0px;
	background:transparent;
	}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
.clearfix {
	display:inline-table;
	}
.clear {
	clear:both;
	} /* attach to tags where you need to force a break */



/* Hides from IE-mac */
* html .clearfix{
	height: 1%;
	}
.clearfix{
	display: block;
	}
/* End hide from IE-mac */  


.invisibile {
	display: none;
}