/* GENERICHE */
body, table {
	font:12px Titillium Web;
}   
body	{
	text-align:center;
	margin: 0;
	padding: 0;
}


h1 {
	font-weight: bolder;
	font-size: 2em;
	color: #036;
	margin: 10px 0 10px 0;
}
h2,h3 {	margin: 8px 0 8px 0;}
a {
	font-weight: bold;
	text-decoration: none;
	color: #003366;
}
a:hover {	text-decoration: underline;}

img{ vertical-align: middle; border: 0px; }
	
/* TPL - STRUTTURA */
#container{
	margin: 0 auto;
	position: relative;
	width: 980px;
	text-align: left;
}
#outerleft {
	position: absolute;
	left: -49px;
	width: 48px;
	height: 100%;
	background: url(../images/shad-sx.gif) repeat-y;
}
#outerright {
	position: absolute;
	right: -49px;
	width: 48px;
	height: 100%;
	background: url(../images/shad-dx.gif) repeat-y;
}
#header{	width: 980px;}
#navigator{
	height: 25px;
	line-height: 25px;
	margin: 10px;
	padding: 0px 5px;
}
#wrapper{
	min-height: 500px;
	height: auto !important;
	height: 500px;
}
#maincentro{
	float: left;
	width: 98%;
	margin-top: 7px;
    font:Titillium Web;	
}
#menusx{
	float: left;
	width:134px;
	margin-right: 15px;
	margin-top: 15px;
}
#menudx{
	float: right;
	width:134px;
	margin-left: 15px;
	margin-top: 15px;
}

/* SYS - MENU */
#topmenu{width:980px;}
#topmenu ul{ list-style: none outside none; margin: 0px; padding: 0px; }
#topmenu ul li{ float: left; width: 103px; background-color: #036F02;  text-align: center; margin: 1px; margin-left:0;}
#topmenu #mainmenu li.spacer{ width: 4px; background-color: #fff; }
#topmenu #mainmenu li.spacer2{ width: 5px; background-color: #fff; }
#topmenu ul li a{ color: white; font-weight: bold; height: 22px; line-height: 22px; text-decoration: none;}
#topmenu ul li a:hover{ text-decoration: underline; }

/* SYS - MENU_RED */
#topmenu #mainmenu_red{ margin-top: 10px; }
#topmenu #mainmenu_red li{ width: 135px; background-color: #990000;}
#topmenu #mainmenu_red li.spacer{ width: 3px; background-color: #fff; }
#topmenu #mainmenu_red li.spacer2{ width: 4px; background-color: #fff; }

/* MENU */
ul.mainmenu li {
	display: inline;
	margin: 0px 10px;
}
ul.mainmenu {
	margin: 0px;
	padding: 0px;
}
/* RANDIMG */
.fade-box {
	display: block;
	position: absolute;
	top: 0px;
	height: 200px;
	border: 0px solid #000;
}
#crossfade-container {
	border: 0px solid #f00;
	height: 200px;
	position: relative;
}
/* FORM RICERCA */
form.ricerca_web{ display:inline;}
.rossiccio{ color: #990000; }
.arancione{ background:#fda607;color:#fff; }
/* MENU MATERIE */
/* MENU SUBMATERIE */
#menu_submaterie{ list-style: none; margin: 0px; padding: 0px 0px 10px 0px;}
#menu_submaterie li { font-size: 10px; border-color: #D8E0E5; border-style: solid none; border-width: 1px; margin-bottom: 5px;
	background-color: #D8E0E5;}
#menu_submaterie li a{	height: 16px; display: block; color: #003366; font-weight: bold;  padding: 4px 0 3px 5px; margin-bottom:1px;}
#menu_submaterie li a:hover{ background: none repeat scroll 0 0 #FDA607; text-decoration: none;}
/* MENU EVIDENZE */
#menu_evidenze{ padding-left: 0px; margin-top: 0px;}
#menu_evidenze li { font-size: 9.6px; height:41px; padding:5px 0; list-style-type:none; overflow: auto; }
#menu_evidenze li a { font-weight:bold; /*text-transform:uppercase;*/ }

/* MENU DALLEREGIONI */
#menu_dalleregioni_ext {
	border-bottom: 2px solid #FDA607;
	border-left: 2px solid #FDA607;
	border-right: 2px solid #FDA607;
	margin-bottom:8px;
}
#menu_dalleregioni{ padding-left: 0px; padding-bottom:0px; margin-bottom:0px; }
#menu_dalleregioni li { font-size: 11px; clear:left; margin-bottom:5px; height:32px;}
#menu_dalleregioni li img { float:left; padding-left:2px; padding-right:2px; }
#menu_dalleregioni li a { font-weight:normal; }

#dalleregioni{
	background:url('../images/testatina_green_red.gif') no-repeat scroll 0 0 #fff;font-weight:bold;color:#fff;text-align:center;height:1.6em;line-height:1.6em; margin-top:10px; margin-bottom:10px;
}
#home #dalleregioni a {	color: #003366; line-height:1.3em; }
#home #dalleregioni a:hover {	color: #900; text-decoration:none; padding:2px; }

/* MENU NEWS RECENTI */
#menu_news_recenti_ext {
	border-bottom: 2px solid #FDA607;
	border-left: 2px solid #FDA607;
	border-right: 2px solid #FDA607;
	margin-bottom:8px;
	clear: both;
}
#menu_news_recenti{ padding-left: 2px; margin-bottom:0px; }
#menu_news_recenti li { font-size: 0.9em; margin-bottom:2px; height:32px; }
#menu_news_recenti li a { font-weight:normal; }

#news_recenti{
	background:url('../images/testatina_green_red.gif') no-repeat scroll 0 0 #fff;font-weight:bold;color:#fff;text-align:center;height:1.6em;line-height:1.6em; margin-top:10px; margin-bottom:10px;
}
#home #news_recenti a {	color: #003366; line-height:1.3em; }
#home #news_recenti a:hover {	color: #900; text-decoration:none; padding:2px; }

/* NEWS */
#content_header{	width: 100%; height: 66px; position: relative;}
#content_header h2{ color: #003366; font-size: 1.9em; font-weight: bold; padding-top: 15px; text-align: center; }
/* 28-07-2023 z-index:-100*/
#content_header img{ position: absolute; z-index:0; }
#content_header div.ricerca, #content_header div.archivio{  line-height: 32px; text-align: center; position: absolute;
	top:34px; right: 20px; width: 70px; background-color: #91abcd; }
#content_header div.ricerca{ top: 0px; background-color: #165681; }
#content_header div.ricerca a, #content_header div.archivio a{ color: white;}

#materie_figli{ height: auto !important; width: 100%; margin-top: 10px;}
#materie_figli div.tre { float: left; background-color: #D8E0E5; width: 220px; line-height: 26px; margin:3px; }
#materie_figli div.quattro{ float: left; background-color: white; width: 164px; line-height: 26px; margin:3px; }
#materie_figli div a{ color: #005291; }
#materie_figli div img{ margin-left: 5px; margin-bottom: 3px; }

div.separatore{ clear:both; border-bottom: 1px solid #D2D2D2; margin-top: 6px; margin-bottom: 6px; }


#elenco_news{ list-style: none; margin: 0px; padding: 0px; }
#elenco_news li { margin: 5px; }
#elenco_news li.data, #sez-art h6 a { font-size:12px; font-weight: bold; color: #005291; }
#elenco_news li div.titolo{ width: 575px; float: left; background-color: #F0F0F0; height: auto !important;
    min-height: 28px; padding: 2px; margin-top:3px; text-transform:uppercase; }
#elenco_news li div.img{ width: 90px; float: left; }
#pagination{ list-style: none;}
#pagination li{ display: inline; margin: 0 5px; background-color: #EAEAEA; border: 1px solid #165681; color: #003366; }
#pagination li a{ padding: 0px 4px; font-weight: normal; }
#pagination li a:hover{ text-decoration: none; }
#pagination li#attivo { border: 0px solid; background-color: transparent; }
#pagination li#attivo a{ color: #990000; font-weight: bold; }
#descrizione { padding-top:15px; padding-bottom: 5px; text-align:justify; }
/* DALLE REGIONI */
#elenco_news li div.img_dalleregioni{ width: 90px; padding-top: 2px; }
#elenco_news li div.titolo_dalleregioni{ width: 577px;}
#loghi_regioni{ margin-top: 25px; margin-bottom: 15px; }
#loghi_regioni img{ margin-left: 1px; }
#loghi_regioni_home { background-color: #EAEAEA; width: 665px; height:36px; margin-top:0px; padding:8px;}
#loghi_regioni_home img.home{ margin-top: 2px; margin-left: 1px; margin-right: 1px; }
#loghi_regioni_home2 { background-color: #EAEAEA; width: 665px; height:36px; padding:8px; }
#loghi_regioni_home2 img.home{ margin-top: 2px; margin-left: 1px; margin-right: 1px; }
/* FOOTER */
#footer{background:#165681;color:#fff}
#footer p{margin:0;padding:5px 10px;font-size:.8em}
#footer a{display:inline;padding:0;color:#fff}
.boxarancione {background:#fda607;font-weight:bold;color:#fff;text-align:center;height:1.6em;line-height:1.6em; margin-top:0px; margin-bottom:3px; clear:both;}
.boxarancione a { color: white; }
#newsletter_iscriviti{background:#fda607;font-weight:bold;color:#fff;text-align:center;height:1.6em;line-height:1.6em; margin-top:3px; margin-bottom:10px; clear:both;}
/* HOME */
#home { margin-top: 20px; line-height: 1.25em; text-align: justify; margin-bottom: 10px;}
#home h2 { margin: 0 0 3px 0; padding: 0px; font-size: 1.25em; }
#home h3 { margin: 0 0 3px 0; padding: 0px; font-size: 1em; }
#home img { margin-right: 10px; float: left; }
#home a { color: #990000; }
#home a:hover h2 { text-decoration: underline; }
#home div.separatore { background-color: #FDA607; clear: both; margin: 15px 0; padding: 1px 0; padding-bottom:0;}
#home div.half_home_right {width: 315px; float:left; margin-left: 5px;}
#home div.half_home_left  {width: 315px; float:left; margin-right: 5px; margin-top:5px; margin-bottom:5px;}
#top-1_post, #top-3_post, #top-5_post { clear: both; }
#top-1 { width: 681px; }
#top-3, #top-5, #top-7 { width: 335px; float:left; margin-top: 12px; margin-left: 5px;}
#top-2, #top-4, #top-6 { width: 335px; float:left; margin-top: 12px; margin-right: 5px;}
#top-4 img,#top-5 img { margin-left: 10px; margin-right: 5px; float: right; }
#middle-boxgrey-left-1,  #middle-boxgrey-left-2,  #middle-boxgrey-left-3,  #middle-boxgrey-left-4, 
#middle-boxgrey-right-1, #middle-boxgrey-right-2, #middle-boxgrey-right-3, #middle-boxgrey-right-4,
#bottom-boxgrey-1, #bottom-boxgrey-2, #bottom-boxgrey-3, #bottom-boxgrey-4 {
	background-color: #EAEAEA; height: auto !important;  margin: 10px 0; min-height: 90px; padding: 5px; width: 305px; 
}
#middle-boxgrey-left-1 h2,  #middle-boxgrey-left-2 h2, 
#middle-boxgrey-left-3 h2,  #middle-boxgrey-left-4 h2, 
#middle-boxgrey-right-1 h2, #middle-boxgrey-right-2 h2,
#middle-boxgrey-right-3 h2, #middle-boxgrey-right-4 h2,
#bottom-boxgrey-1 h2, #bottom-boxgrey-2 h2, 
#bottom-boxgrey-3 h2, #bottom-boxgrey-4 h2 { 
  font-size: 1em; 
}
div.materie_last_news{ 
	width: 134px; float: left; margin-right: 10px; font-size:11px; text-align: left; 
	margin-bottom: 10px; 
	height:101px;
}
div.materie_last_news h4{ font-size:11px; background-color: #FDA607; padding: 1px 5px; margin:0px; margin-top: 0px; }
div.materie_last_news h4 > a{ color: #FFF; }
div.materie_last_news img{  padding-top:2px; padding-right:5px; }
div.materie_last_news a.oggetto { color: #003366; font-size:9px; font-weight: bold; }
/* NEWS ARCHIVIO MESI */
#archivio_mesi div.quattro{ float: left; background-color: #EAEAEA; width: 160px; line-height: 22px; margin:3px; }
#archivio_mesi div.quattro a{ text-decoration : underline; }
#archivio_mesi div.titolo_archivio{ background-color: #EAEAEA; line-height: 26px; margin:3px; color: #990000; font-weight: bold; text-align:center; }
.col-036 { font-size:11px; color:#003366; }
#extra { clear:both; }
/* NEWSLETTER */
#newsletter_elem{  list-style-image: url(../images/freccia.gif);  margin: 0px;  padding: 0 0 0 14px;}
#newsletter_elem li{ background-color:#EAEAEA; padding: 5px; height: 40px; margin:0px;}
div.newsletter_img{ max-width: 100%; max-height: 100%; font-size: 0.8em;}
div.newsletter_img img{ padding: 0px; }
div.newsletter_img div.sommario{ padding: 0px 0px 0px 0px; font-size: 1.1em;}
div.newsletter_img div.sommario div.divisore{ margin: 5px 0; width: 100%; }
#newsletter_container {border:1px solid #fda607; margin-top:0px; margin-bottom:15px; padding:10px;}
#newsletter_container div.separatore{background-color: #EAEAEA; line-height: 1.4em; margin: 10px -10px;text-align:right; padding-right:5px;}
#newsletter_container div.separatore a.torna_su{font-weight:normal;font-size:85%; color:#3B5998; }
#elenco_news_laterale{ list-style: none; padding: 0px; margin: 0px; font-size: 0.9em;}
#elenco_news_laterale li.data{ font-weight: bold; color: #990000; padding: 5px 0;}
#elenco_news_laterale ul{ list-style: none; padding: 0px; margin: 0px; }
#elenco_news_laterale ul.newsletter_elem li{ padding: 3px 2px; font-size: 0.9em;}
#elenco_news_laterale ul.newsletter_elem li a{ font-weight: normal; color:black; }
/* CONFERENZE */
#elenco_news li div.titolo_conferenze{ width: 95% }
table.tab_informazioni{  width:95%;    background-color:#ffffff; }
table.tab_informazioni td{
    background-color: #D8E0E5;
    line-height: 26px;        width: 220px;    
    vertical-align: top;    padding:3px;
    font-size:12px;    font-weight: bold;
}
table.tab_informazioni td a{    color:#990000; }
#.orangeborder {	border:1px solid #FDA607; }
.orangeborder {	border:1px solid #FFFFFF; }
#loghi_sequenza {	float: right; margin-top:5px; margin-right:4px; }
#mainmenu_spacer {	clear: both; height:3px; }
#senato {	padding-top:4px; padding-bottom:7px; }
#extra1 {	float:left; margin-right:15px; width: 134px; }
#extra2 { 	float:left; width: 681px; }
#extra3 {	float:right; margin-left:15px; padding-top: 15px; width:134px; }
#time {	position:fixed; right:0; bottom:0; z-index:-10; }

/* altro step: 680px */
@media only screen  and (max-width:870px) {
	#container, #header, #img_testata, #topmenu, #menusx, #menudx, #maincentro {
		width: 100%;
	}
	#img_testata {
		margin-bottom: 10px;
	}
	#topmenu #mainmenu li, #topmenu #mainmenu_red li, #menusx ul.menu_materie li, #menudx #menu_submaterie li {
		float: left;	margin-right: 10px;	width: 135px;
	}
	.spacer, .spacer2 {
		display:none;
	}
	#extra2, #loghi_regioni_home, #loghi_regioni_home2 {
		width: 100%;	height: auto;		padding: 0px; padding-bottom: 8px; overflow: auto;
	}
	#loghi_sequenza, #mainmenu_spacer, div.materie_last_news, #evidenze, #datario, #senato, #extra1, #extra3, #time {
		display: none;
	}
}
@media only screen and (min-width:871px) and (max-width:976px) {
	#container, #header, #img_testata, #topmenu, #menudx, #maincentro {
		width: 100%;
	}
	#img_testata {
		margin-bottom: 10px;
	}
	#topmenu #mainmenu li, #topmenu #mainmenu_red li, #menudx #menu_submaterie li {
		float: left;	margin-right: 10px;	width: 135px;
	}
	.spacer, .spacer2 {
		display:none;
	}
	#loghi_sequenza, #mainmenu_spacer, #senato, #extra3, #time {
		display: none;
	}
}
@media only screen and (min-width:997px) and (max-width:1120px) {
	#time {		display: none;	}
}
@media print { 
	.noprint {		display:none !important;}
	* { max-width:1000px; }
	body, table, td {	    font: 16px Verdana;	 }
	#container, #header, #maincentro {		width:98%;	}
	.orangeborder {		border:0;	}
	#header #img_testata {		width: 454px;	}
	header nav, footer { display: none !important;}
	#team { display: none !important;}
}

/* bottone whatsapp*/
@media (min-width: 1024px) {.wabtn_container {display:none;}}
.wabtn_container {
  margin-bottom: 0px;
  float: left;
  margin-right: 3px;
  /*display:none;*/
}
.wabtn {
	background-image: url(/images/whatsapp.png);
	border: 1px solid rgba(0,0,0,.1);
	display: inline-block!important;
	position: relative;
	cursor: pointer;
	border-radius: 2px;
	background-color: #5cbe4a;
	background-repeat: no-repeat;
	background-position: 2px 2px;
	padding: 3px 3px 3px 22px;
	background-size: 32px;
	font-family: Arial,sans-serif;
	letter-spacing: .4px;
	cursor: pointer;
	font-weight: 400;
	text-transform: none;
	color: #fff!important;
	line-height: 1.2;
	text-decoration: none;
	text-align: left;
	font-size: 12px;
	height: 13px;
}
