@charset "utf-8";
/* CSS Document */
/* Comune di Sossano */
/* created by Il Punto Web - Comunicazione Multimediale - www.ilpuntoweb.it */

/*stili generali della pagina */
html,body{margin: 0;padding:0}
body{
margin-top:11px;
margin-left:16px;
margin-right:16px;
background-color:#fff;
font-family:arial,sans-serif;
font-size: 100%;
}

a{
color:#000000;
text-decoration:none;
}

a:hover{
color:#07824d;
text-decoration:none;
}

form{
margin:0;
}

img{border-width:0px;}



h1{color: #07824d;font-size:120%; margin:0;}
h2{color: #545353;font-size:120%; margin:0;}


div#container{
}

fieldset{
border:none;
padding:0px;
}

div#main{
background-color:#fff;
}

/*testata*/
div#header{
background-color:#fff;
height:116px;
background-image:url(images/servizio/header_sf.jpg);
background-repeat:repeat;
background-position:top left;
}
div#header_1{
position:absolute;
height:116px;
}
div#header_mtbo{
position:absolute;
height:167px;
width:210px;
left:400px;
top:13px;
}
div#header_2{
float:right;
height:116px;
}
div#menu{
background-color:#f1f0f0;
height:31px;
}
div#menu_1{
float:left;
height:31px;
}
div#menu_1 a{color:#000; text-decoration:none;}
div#menu_1 ul{margin: 0;padding: 4px; list-style-type: none; list-style-image:url(/images/servizio/puntatore.jpg); list-style-position:inside; font-size: 90%; font-weight: bold}
div#menu_1 li{display: inline; margin-left:27px;}

div#menu_2{
float:left;
height:22px;
padding-top:9px;
padding-left:5px;
font-size:90%;
color:#000;
}
div#menu_3{
float:right;
height:22px;

padding-top:9px;
padding-right:10px;
font-size:90%;
color:#000;
}
div#menu_4{
float:right;
height:22px;
width:60px;
padding-top:7px;
padding-right:10px;
}
div#menu_4 img{
float:right;
margin-right:1px;
}

div#menu_sub{
background-image: url(images/servizio/menu_sub_sf.jpg);
background-repeat:repeat-x;
background-position:top left;
height:27px;
margin:0;
}
div#menu_sub_1{
height:27px;
}

div#footer a{color:#fff;font-weight: bold;text-decoration: underline}

/*stili specifici per il layout*/
div#col_sx{
float: left;
width: 172px;
}
div#col_sx_img{
width: 172px;
float: left;
}
div#col_sx_1{
float: left; 
width: 170px;
}
div#col_sx_2{
float: right; 
width: 1px;
margin-left:1px;
background-image:url(images/servizio/sf_puntini.jpg);
background-repeat:repeat-y;
height:555px;
}
div#col_sx_1_conoscere{
width: 100%;
background-color:#f1dfaf;
font-size:90%;
}
div#col_sx_1_conoscere ul{margin-top: 0; margin-bottom:0; margin-right:0; margin-left:17px; padding: 0; list-style-type: none; border-left-style:solid; border-left-color:#fff; border-left-width:1px;}
div#col_sx_1_conoscere li{margin: 0;padding: 4px; background-color:#f5eacd; border-bottom-color:#fff; border-bottom-style:solid; border-bottom-width:1px;}
div#col_sx_1_conoscere li#testata_conoscere{background-color:#07824d; text-decoration: none;color: #fff; text-align:left; font-weight:bold;}
div#col_sx_1_conoscere li:hover{margin: 0;padding: 4px; background-color:#f1dfaf;}

div#col_sx_1_bacheca{
width: 100%;
background-color:#aff1ba;
font-size:90%;
}
div#col_sx_1_bacheca ul{margin-top: 0; margin-bottom:0; margin-right:0; margin-left:17px; padding: 0; list-style-type: none; border-left-style:solid; border-left-color:#fff; border-left-width:1px;}
div#col_sx_1_bacheca li{margin: 0;padding: 4px; background-color:#daf4de; border-bottom-color:#fff; border-bottom-style:solid; border-bottom-width:1px;}
div#col_sx_1_bacheca li#testata_bacheca{background-color:#07824d; text-decoration: none;color: #fff; text-align:left; font-weight:bold;}
div#col_sx_1_bacheca li:hover{margin: 0;padding: 4px; background-color:#aff1ba;}

div#col_sx_1_ricerca_sup{
width: 100%;
height:29px;
background-color:#eaeaea;
font-size:90%;
}
div#col_sx_1_ricerca_sup_int{
width: 148px;
float:right;
padding-top:8px;
height:21px;
border-left-color:#fff;
border-left-style:solid;
border-left-width:1px;
font-weight:bold;
padding-left:4px;
}
div#col_sx_1_ricerca_inf{
width: 100%;
padding-top:15px;
height:56px;
background-color:#f1f0f0;
font-size:90%;
margin-top:1px;
text-align:center;
}
div#col_sx_1_ricerca_inf input{
margin-bottom:5px;
}

div#content_sp{
margin: 0 178px;
min-height:620px; /*altezza minima per raggiungere almeno la lunghezza del menù laterale */
/*border-width: 0 1px; border-style:solid; border-color: #ccc;*/
}
div#content_sp img{margin:3px; float:left;}


div#col_dx{
float: right; 
width: 181px;
}
div#col_dx_1{
float: left; 
width: 2px;
background-image:url(images/servizio/sf_puntini.jpg);
background-repeat:repeat-y;
height:668px;
}
div#col_dx_2{
float:right;
width: 179px;
}
div#col_dx_2_amministrazione{
width: 100%;
background-color:#b3d4ec;
font-size:90%;
}
/*stili per la colonna destra amministrazione*/
div#col_dx_2_amministrazione ul{margin-top: 0; margin-bottom:0; margin-right:0; margin-left:17px; padding: 0; list-style-type: none; border-left-style:solid; border-left-color:#fff; border-left-width:1px;}
div#col_dx_2_amministrazione li{margin: 0;padding: 4px; background-color:#d8efff; border-bottom-color:#fff; border-bottom-style:solid; border-bottom-width:1px;}
div#col_dx_2_amministrazione li#testata_amministrazione{background-color:#07824d; text-decoration: none;color: #fff; text-align:left; font-weight:bold;}
div#col_dx_2_amministrazione li:hover{margin: 0;padding: 4px; background-color:#b3d4ec;}

div#col_dx_2_economia{
width: 100%;
background-color:#f2ccb9;
font-size:90%;
}
/*stili per la colonna destra amministrazione*/
div#col_dx_2_economia ul{margin-top: 0; margin-bottom:0; margin-right:0; margin-left:17px; padding: 0; list-style-type: none; border-left-style:solid; border-left-color:#fff; border-left-width:1px;}
div#col_dx_2_economia li{margin: 0;padding: 4px; background-color:#f5e0d5; border-bottom-color:#fff; border-bottom-style:solid; border-bottom-width:1px;}
div#col_dx_2_economia li#testata_economia{background-color:#07824d; text-decoration: none;color: #fff; text-align:left; font-weight:bold;}
div#col_dx_2_economia li:hover{margin: 0;padding: 4px; background-color:#f2ccb9;}

div#content{
margin: 0 178px;
min-height:600px; /*altezza minima per raggiungere almeno la lunghezza del menù laterale */
/*border-width: 0 1px; border-style:solid; border-color: #ccc;*/
}
div#content_1{
margin-top:4px;
margin-left:15px;
margin-right:25px;
background-image: url(/images/servizio/sf_content_2.jpg);
background-position:bottom;
z-index:100;
font-size: 100%;
}
div#content_1 a{
color:#07824d;
text-decoration:none;
font-weight:bold;
}
div#content_1_amministrazione{
background-color:#daf4de;
padding-left:5px;
padding-right:5px;
border-color:#07824d;
border-style:solid;
border-width:2px;
}
div#content_1_newsletter{
background-color:#daf4de;
padding:5px;
border-color:#07824d;
border-style:solid;
border-width:2px;
margin-top:3px;
}
div#content_1_programmaelettorale{
background-color:#daf4de;
padding:5px;
border-color:#07824d;
border-style:solid;
border-width:2px;
}
div#content_2{
margin-left:15px;
margin-right:25px;
margin-bottom:20px;
background-color:#f1f0f0;
padding:15px;
color:#545353;
}
.content_2_b{
background-color:#fff;
padding:5px;
}
.content_2_n{
padding:5px;
}
div#content_2_sx{
	position:relative;
	width:250px;
	float:left;
}
div#content_2_sx td{
	background-color:#fff;
	font-weight:bold;
	text-align:center;
}
div#content_2_sx .oggi{
	background-color:#07824d;
	font-weight:bold;
	text-align:center;
	padding:2px;
}
div#content_2_sx .altrogiorno{
	background-color:#fff;
	font-weight:bold;
	text-align:center;
	padding:2px;
}
div#content_2_sx .oggi a{
	color:#fff;
}
div#content_2_img{
	position:relative;
	width:150px;
	float:left;
	padding-top:4px;
	
}
div#content_2_dx_img{
	position:relative;
	margin-left:405px;
	padding-top:4px;
}
div#content_2_dx{
	position:relative;
	margin-left:255px;
	padding-top:4px;
}
div#content_3{
position:absolute;
margin-top:-50px;
padding-left:255px;
z-index:200;
color:#7f7f7f;
text-decoration:none;
font-size:95%;
}
div#content_3 a{
color:#7f7f7f;
text-decoration:none;
font-size:95%;
}
div#content_3_int_1{
float:left;
}
div#content_3_int_2{
float:left;
margin-left:20px;
}
div#content_1_sub{
padding:6px;
}
div#content_1_sub a{
color:#000000;
text-decoration:none;
}

div#footer_1{
height:32px;
margin-top:15px;
margin-bottom:15px;
clear:both;
font-size:90%;
}
div#footer_1 div{
float:left;
padding-right:10px;
width:200px;
}
div#footer_1 img{
vertical-align:text-top;
float:left;
margin-right:4px;
}


div#footer_2{
height:30px;
background-color:#f1f0f0;
clear:both;
}
div#footer_2_sx{
padding-top:9px;
padding-left:10px;
font-size:90%;
float:left;
}
div#footer_2_dx{
padding-top:7px;
padding-right:10px;
float:right;
}

div#footer_3{
background-image: url(images/servizio/menu_sub_sf.jpg);
background-repeat:repeat-x;
background-position:top left;
height:57px;
font-size:90%;
}
div#footer_3 img{
	float:left;
	}
div#footer_3_dx{
padding-top:15px;
padding-right:5px;
padding-bottom:15px;
float:right;
width:450px;
}

.spacer{
height:1px;
background-image:url(images/servizio/sf_puntini_or.jpg);
background-repeat:repeat-x;
margin-top:1px;
margin-bottom:1px;
clear:both;

}
.spacer_interno{
height:1px;
background-image:url(images/servizio/sf_puntini_or.jpg);
background-repeat:repeat-x;
margin-top:1px;
margin-bottom:1px;

}

/*mappa google*/
div#map{
width:100%;
height:300px;
}




/*stili per la sezione extra*/
div#extra div.newsbox{font-size: 90%;margin-bottom: 2em}
div#extra div.newsbox h2{color: #999;font-size: 1.2em}
div#extra div.newsbox p{margin: 0}

div#alert{
background-color:#FFFF00;
height:15px;
padding:7px;
}

div#img_left{
border-width:0px;
float:right;
}

.evidente_interna{
background-color:#f1f0f0;
padding:5px;
margin-top:2px;
}
