/* ---------------------------------------------- general -------- */
* {margin: 0;padding: 0;}
a {text-decoration: none;color: #1489CC;outline:none;}
a:hover {text-decoration: underline;}
img {border:none;}
div.clear {clear: both;}
body {
	background: #1489CC url(img/body_bg.gif) repeat-x;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px; /*color: #3E3E3E;*/
	color: #454545;
	margin-bottom: 5px;
	text-align: center;
}
.pad10 {padding:10px;}
.marg10dx {padding-right:10px;}

/* ---------------------------------------------- #wrapper -------- */
#wrapper_gen { text-align:left; background-color:white;width: 980px;position: relative;margin:20px auto;padding:0;}
#wrapper_centrale {width:100%;float: left;}
#col_sin {float: left; padding:0 10px;}
#wrapper_col_sin {width: 690px; margin-top: 5px;}
#wrapper_col_sin_sin {width: 479px; float: left; border-right: 1px dotted silver; padding-right: 10px; margin-right: 10px;}
#wrapper_mezze_col {width: 100%; padding:0; margin:0;}
#mezza_col_sin {width: 229px; float: left; border-right:1px dotted silver;padding-right: 10px; margin-right: 10px;}
#mezza_col_dx {width: 229px; float: left;}
#col_centr {width: 190px; float: right; background-color: #FFFFFF; border: 0px solid red;}
#col_dx {width: 260px; float: left;}
#prefooter {
	width: 960px;
	float: left; 
	background-color: #F5F5DC;
	border-top: 3px solid #E6E8A6;
	margin: 5px 0 0px 0;
	padding: 10px 10px 10px 10px;
}

/* ---------------------------------------------- #titoli home page -------- */
div.grad_tag { /*sfumatura per titoletto */
		background:url(img/grad_giallo.jpg) repeat-x; 
		height: 20px;
		text-indent:10px;
		margin-bottom: 0px;
		font-size: 11px;
		line-height: 20px;
		color:gray;
		}
div.bordo_foto {padding: 2px;	float:left; margin: 0;border: 1px solid silver;	margin-right: 10px;}
.firma_post {display:block;font-size: 11px;font-weight: normal;color: #999; font-style: normal;}
.data_post {display:block;font-size: 11px;font-weight: normal;color: #999; font-style: normal; margin-top: 5px;}

.firma_post .ora_post {font-style: italic;}

/*------------post big ----------*/
div.post_big {margin:0;border-top: 1px dotted silver; padding-top: 2px;}
div.foto_big {width:120px;	height:80px;background-repeat: no-repeat;	background-position: center;}
.post_big .firma_post {margin-top:15px; margin-bottom:10px;clear:both;overflow:hidden;}
.post_big h1, .post_big h1 a, .post_big h2, .post_big h2 a  {margin:6px 0 12px 0;font-size: 20px;color:#01467E;}

/* per post.asp*/
.post_big img {float:left;text-align:right; border: 1px solid silver;padding:2px; margin-right: 10px;} 
.post_big .testo_post {font-size: 13px;}
ul.correlati {list-style-type: none; margin-top: 10px;}
ul.correlati li {padding: 5px 0 5px 0;}
ul.correlati li a {color: #01467E;}
ul.correlati .fonte {display:block;font-size: 13px;color: #999;}
/*------------post small ----------*/	
div.post_small {margin:0; border-top: 1px dotted silver;padding-top: 2px;}
div.foto_small {width:90px;height:70px;background-repeat: no-repeat;	background-position: center;}	
.post_small .firma_post {clear:both;overflow:hidden;margin-top:10px; margin-bottom:10px;}
.post_small h2, .post_small h2 a {margin:10px 0 10px 0;font-size: 18px;color:#01467E;}

/*------------------ argomenti - colonna centrale home ------------ */
#argomenti { }
#argomenti h3 {
	text-indent: 5px;
	border-top: 3px solid maroon;
	padding-bottom: 3px;
	background-color: #C10000;line-height: 20px;
}
#argomenti h3 a {font-size: 13px;color: white;}
#argomenti ul {list-style-type: none;/*margin-top:-5px;zoom:1; non rimuovere - x IE6*/}
#argomenti li {border-bottom: 1px solid #E0E0E0; padding: 5px 0 5px 0;}
#argomenti li a {color: #01467E;}
a.altri {font-size: 11px;color: #1489CC; margin: 5px 0 7px 0; display: block;text-align: right; border: 0px solid red; margin-bottom: 10px;}

/*------------------ elenco titoli di aree - prefooter ------------ */
#prefooter ul {list-style-type: none; padding: 0 10px 0 10px;}
#prefooter li {border-bottom: 1px solid #E0E0E0; padding: 5px 0 5px 0;}
#prefooter li a {font-size: 12px; color: #004080; /*color: #01467E;*/  font-weight: normal;}
#prefooter h2 {
	margin: 0 10px 5px 10px;
	padding: 0 0px 4px 10px;
	font-size: 13px;
	font-weight: bold;
	border-bottom: 1px solid #B22222;
}
#prefooter h4 {font-size: 12px;font-weight: normal;}
div.elenco_aree, div.elenco_aree_dx {float:left; width:239px;}
div.elenco_aree  {border-right: 1px solid silver;}
#prefooter a.altri {font-size: 11px;color: #1489CC; margin:5px 10px 0 0 ; display: block; text-align: right;}

/* -------------------------------------- #menu navigazione -------- */
#menunav {background: url(img/menu_bg.jpg) no-repeat;	width:690px;height: 30px;}
#menunav ul {list-style-type: none;padding-left:25px;}
#menunav li{display: inline;height: 30px;}
#menunav a {
	line-height:30px;
	font-size: 12px;
	color: white;
	font-weight: bold;
	display: block;
	float: left;
	padding:0 12px;/*aggiustare valore se voce del menu vengono tolti/aggiunti*/
	margin-left:5px; /*aggiustare valore se voce del menu vengono tolti/aggiunti*/
	background:url(img/menu_a_bg.jpg) repeat-x;
}
#menunav a:hover, #menunav a.on {background-position:bottom left;text-decoration:none;}

/* ---------------------------------------------- #testata -------- */
#testata{
	height:140px;
	background: url(img/testata_bg.jpg) no-repeat;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom:10px;
	position:relative;
}
#testata h1{
	height:90px;
	line-height:70px;
	padding-top:10px;
	padding-left:110px;
	background:url(img/logo.jpg) no-repeat bottom left;
	letter-spacing:-2px;
}
#testata h1 a {font-size:35px;color:#06B8EF;}
#testata h1 a .h124 {font-size:40px;color:#FF3300;}
#testata h1 a .h1small {font-size:25px;color:#CCC;}
#testata .firma_post{
	position:absolute;
	left:120px;
	top:65px;
	font-size:10px;
	font-weight:bold;
	color:#CCC;
}
#testata p {
	width:690px;
	position:absolute;
	bottom:5px;
	left:10px;
	font-size: 10px;
	color:#999;
}
#testata form {position:absolute;right:10px;bottom:5px;}
#testata form input.ricerca {
	width:185px;
	padding-left:5px;
	padding-top:3px;
	padding-bottom:3px;
	background-color:#FFF;
	border:1px solid #333;
	vertical-align:middle;
	color: Gray;
}
#testata form input.cerca {
	width:60px;
	height:24px;
	margin-right:5px;
	background:url(img/cerca_btn_2.gif) bottom left;
	border:none;
	font-weight:bold;
	/*color:#FFF;*/
	color: Gray;
	vertical-align:middle;
}
#testata .banner {
	width:468px;
	height:60px;
	border:5px solid #FFF;
	position:absolute;
	top:10px;
	right:10px;
}

/* ---------------------------------------------- liste link -------- */
ul.listalink {list-style-type: none;margin-top:-5px;zoom:1; /*non rimuovere - x IE6*/}
ul.listalink li {padding:3px 0;color:#999;}
ul.listalink li a{color:#01467E;}

/* ---------------------------------------------- # footer -------- */
#footer {clear: both;padding-top:20px;text-align: center;background: #1489CC url(img/footer_bg.jpg) no-repeat top left;color:#FFF;}
#footer a, #footer .firma_post{color:#FFF;}

/*-------------------------------------ELEMENTI COLONNA SINISTRA*/
#avvisi_meteomar, #ultimi_tag, #archivio, #piu_letti_settimana {background:#FFF url(img/grad_blu.jpg) repeat-x;margin-bottom:0px;}
#archivio h3 {background:url(img/h3_bg_4.jpg) no-repeat;}
#avvisi_meteomar h3, #ultimi_tag h3, #archivio h3, #piu_letti_settimana h3{
	height:30px;
	line-height:30px;
	padding-left:10px;
	font-size:12px;
	color:#FFF;
	text-transform:uppercase;
}

/* ---------------------------------------------- # meteomar -------- */
#avvisi_meteomar {font-size:11px;}
#avvisi_meteomar .data_post{font-size:10px;color:#999;font-weight:bold;}
#avvisi_meteomar b {color:#444;text-transform:uppercase;}
#avvisi_meteomar h3 {background:url(img/h3_bg_7.jpg) no-repeat;}
#ultimi_tag h3 {background:url(img/h3_bg_2.jpg) no-repeat;}
#piu_letti_settimana h3 {background:url(img/h3_bg_1.jpg) no-repeat;}


/* ---------------------------------------------- intestazione pagina -------- */
#intestazione_pagina {margin: 10px 0 20px 0;}
#intestazione_pagina h1 {font-size: 24px;}
#intestazione_pagina h3 {font-size: 13px; font-weight: normal;}
#intestazione_pagina p {margin-top:10px;}

/* ---------------------------------------------- div paginazione -------- */
#paginazione {padding:15px 10px 15px 10px;margin-bottom: 10px;}
#paginazione a {display: block;}
#paginazione a:hover{background-color: #F0F0F0; text-decoration: none;}
#paginazione ul {list-style-type: none; overflow: auto;}
#paginazione ul li.on, #paginazione ul li.off{
	display: block;
	float: left;
	width: 25px;
	height: 25px;
	text-align: center;
	font-weight: bold;
	margin-right: 10px;
	line-height: 25px;
	top: 50%;
}

#paginazione li.legenda {
	/*border:1px solid transparent;*/
	border:0;
	background-color: transparent; 
	height: 25px;
	display: block;
	float: left;
	margin-right:10px;
	font-weight: bold;
	line-height: 25px;
	top: 50%;
	}
#paginazione li.off {background:url(img/paginazione_on.jpg) no-repeat;color:#FFF;}
#paginazione li.on {background:url(img/paginazione_off.jpg) no-repeat;}
#paginazione ul li.puntini_on, #paginazione ul li.puntini_off{
	display:block;
	float:left;
	width:100px;
	height:25px;
	line-height:25px;
	margin-right:10px;
	text-align:center;
	font-weight:bold;
	background-color:#CCC;
}
#paginazione ul li.puntini_off {background:url(img/puntini_on.jpg) no-repeat;color:#FFF;}
#paginazione ul li.puntini_on {background:url(img/puntini_off.jpg) no-repeat;}
#paginazione ul li.puntini{
	display:block;
	float:left;
	width:20px;
	height:25px;
	line-height:25px;
	margin-right:10px;
	text-align:center;
	font-weight:bold;
}

div.condividi {
	width: 100%;
	padding-top: 10px;
	border-top: 1px dotted silver;
	margin-top: 10px;
	}