/*###############################*/
/*___layout generale e posizionamento delle varie parti ___*/
/*###############################*/

html,body{
	margin:0;
	padding:0;
	}
	
body{
	font-size: 76%;
	font-family: "Trebuchet Ms", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	text-align:center;
	color: #303030;
	background: #F2DCC2 url(../images/body_back.gif) repeat-x;
	}
	
div#container{ /*contenitore generale del resto*/
	width: 78em;
	margin:0 auto;
	text-align:left;
	padding: 0;
	background-color: #fff;
	}

div #header {
	position: relative;
	width: 100%;
	height:244px;
	left: 0;
	background-color: #A6B8D3;
	background-image: url(../images/banner.jpg);
	background-repeat: no-repeat;
	}
	
div#wrapper{
	float:left;
	width:100%;
	background-color: #fff;
	}
	
div#content{
	margin: 0 14em 0 21em;
	}
	
div#content_internal{
	margin: 0 1em 0 21em;
	background-color: #fff;
	}
	
div#navigation{
	float:left;
	width:20em;
	margin-left:-78em;
	z-index: 100;
	background-color: #A6B8D3;
	}
	
div#extra{
	float:left;
	width:13em;
	margin-left:-13em;
	}

div#footer{
	clear:left;
	width:100%;
	text-align: center;
	background: #DBE3F1;
	margin: 0;
	padding: 0;
	}

/*####################*/
/*#####_____menu_____#####*/
/*####################*/

.glossymenu{
margin: 0;
padding: 0;
width: 18em; /*width of menu*/
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: #1036C2 url(glossyback.gif) repeat-x bottom left;
font-weight: bold;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 0.4em 0;
padding-left: 1em;
text-decoration: none;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
/*top: 5px;
right: 5px;*/
top: 0.5em;
right: 0.5em;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #646464;
}

.glossymenu div.submenu ul li a{
display: block;
font-weight: normal;
color: black;
text-decoration: none;
padding: 0.2em 0;
padding-left: 1em;
}

.glossymenu div.submenu ul li a:hover{
background: #E6C76C;
color: black;
}

/*----impostazione dei margini----*/

div#margine_nav{
	margin: 1em;
}

div#margine_extra{
	margin: 1em;
}

div#margine_cont{
	margin: 1em;
}

div#margine_foot{
	padding: 0.5em;
}	

/*-----tipografico di base-----*/

.nascosto {
	display: none !important;
}

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

/*----tipografico del contenuto----*/

div#content h2 {
	font-size: 1.7em;
	margin: 1.2em 0em 0.4em 0em;
	font-weight: normal;
	border-bottom: 1px dotted #800000;
	color: #800000;
	}
	
div#content h3 {
	font-size: 1.5em;
	margin: 1em 0em 0.4em 0em;
	font-weight: normal;
	color: #244054;
	}
	
div#content h4 {
	font-size: 1.3em;
	margin: 0.4em 0em 0.4em 0em;
	font-weight: bold;
	color: #626248;
	}
	
div#content h5 {
	font-size: 1.1em;
	margin: 0.4em 0em 0.4em 0em;
	font-weight: bold;
	color: #1D2F40;
	}
	
div#content h6 {
	font-size: 1.0em;
	margin: 0.4em 0em 0.4em 0em;
	font-weight: bold;
	color: #000;
	}
	
div#content p{
	font-size: 1.0em;
	line-height: 1.8em;
	}
	
div#content ul {
	list-style: square;
	line-height: 1.8em;
	}
	
div#content li {
	line-height: 1.8em;
	}
	
div#content a:link {
	color: #01438A;
	text-decoration: none;
	font-weight: bold;
	}
	
div#content a:visited {
	color: #7F3721;
	text-decoration: none;
	font-weight: bold;
	}
	
div#content a:active {
	color: #872D2D;
	text-decoration: underline;
	font-weight: bold;
	}
	
div#content a:hover {
	color: #872D2D;
	text-decoration: underline;
	font-weight: bold;
	}
	
div#content span.foreign {
	font-style: italic;
	border-bottom: 1px dotted #000;
	cursor: help;
	color: #000;
}

div#content acronym {
	font-style: italic;
	border-bottom: 1px dotted #000;
	cursor: help;
	color: #000;
}

div#content strong {
	font-style: normal;
	font-weight: bold;
	color: #000;
}

div#content em {
	font-style: italic;
	font-weight: bold;
	color: #000;
}

div#content b {
	font-weight: bold;
	color: #000;
}

div.divisorio{
	width: 100%;
	height: 4px;
	background-color: #E6C76C;
}

/*----tipografico delle pagine interne----*/

div#content_internal h2 {
	font-size: 1.7em;
	margin: 1.2em 0em 0.4em 0em;
	font-weight: normal;
	border-bottom: 1px dotted #800000;
	color: #800000;
	}
	
div#content_internal h3 {
	font-size: 1.5em;
	margin: 1em 0em 0.4em 0em;
	font-weight: normal;
	color: #244054;
	}
	
div#content_internal h4 {
	font-size: 1.3em;
	margin: 0.4em 0em 0.4em 0em;
	font-weight: bold;
	color: #555337;
	}
	
div#content_internal h5 {
	font-size: 1.1em;
	margin: 0.4em 0em 0.4em 0em;
	font-weight: bold;
	color: #1D2F40;
	}
	
div#content_internal h6 {
	font-size: 1.0em;
	margin: 0.4em 0em 0.4em 0em;
	font-weight: bold;
	color: #000;
	}
	
div#content_internal p{
	font-size: 1.0em;
	line-height: 1.8em;
	}
	
div#content_internal ul {
	list-style: square;
	line-height: 1.8em;
	}
	
div#content_internal li {
	line-height: 1.8em;
	}
	
div#content_internal a:link {
	color: #01438A;
	text-decoration: none;
	font-weight: bold;
	}
	
div#content_internal a:visited {
	color: #7F3721;
	text-decoration: none;
	font-weight: bold;
	}
	
div#content_internal a:active {
	color: #872D2D;
	text-decoration: underline;
	font-weight: bold;
	}
	
div#content_internal a:hover {
	color: #872D2D;
	text-decoration: underline;
	font-weight: bold;
	}
	
div#content_internal span.foreign {
	font-style: italic;
	border-bottom: 1px dotted #000;
	cursor: help;
	color: #000;
}

div#content_internal acronym {
	font-style: italic;
	border-bottom: 1px dotted #000;
	cursor: help;
	color: #000;
}

div#content_internal strong {
	font-style: normal;
	font-weight: bold;
	color: #000;
}

div#content_internal em {
	font-style: italic;
	font-weight: bold;
	color: #000;
}

div#content_internal b {
	font-weight: bold;
	color: #000;
}

div#divisorio{
	width: 100%;
	height: 6px;
	background-color: #E6C76C;
}

div#content_internal  table {
	border: 1px solid #303030;
	background-color: #F3DEAD;
	margin: 0;
	padding: 0;
	table-layout: auto;
	border-collapse: collapse;
	border-spacing: 0;
}

div#content_internal  th {
	background-color: #A6B8D3;
	font-weight: bold;
	color: #000;
	font-style: normal;
	padding: 0.6em;
}

div#content_internal  td {
	background-color: #fff;
	color: #000;
	font-style: normal;
	padding: 0.6em;
}

div#content_internal  tr {
	margin: 0;
	padding: 0;
}

div#margine_cont  img.galleria {
	margin-top: 2em;
}

div#margine_cont img.sinistra {
	float: left;
	margin: 0.5em 1em 0.5em 0em;
}

div#margine_cont img.destra {
	float: right;
	margin: 0.5em 0em 0.5em 1em;
}

/*-----tipografico delle barre laterali-----*/

div#navigation ul.links {
	list-style: none;
	margin-left: 0;
	padding-left: 0em;
	text-indent: 0em;
	}
	
div#navigation li.links {

}

/*-----tipografico links ordinari extra-----*/

div#utilita ul.links {
	list-style: none;
	margin-left: 0;
	padding-left: 0em;
	text-indent: 0em;
	line-height: 1.8em;
	}
	
div#utilita li.links {
	display: block;
}

/*-----tipografico del piede-----*/

div#footer p{
	margin: 0;
	padding: 0;
	border: 0;
	color: #000;
	font-size: 0.9em;
	}
	
div#footer a:link {
	color: #01438A;
	text-decoration: none;
	}
	
div#footer a:visited {
	color: #01438A;
	text-decoration: none;
	}
	
div#footer a:active {
	color: #800000;
	text-decoration: none;
	}
	
div#footer a:hover {
	color: #800000;
	text-decoration: none;
	}

div#footer ul, div#footer li {
	display: inline;
	margin: 0;
	padding: 0;
	}
	
/*-----breadcrumb lists-----*/

div#bread{
	padding: 0.25em;
	background-color: #F3DEAD;
}

div#bread ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	font-size: 0.9em;
	} 

div#bread ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	}
	
div#bread a:link {
	color: #01438A;
	text-decoration: none;
	}
	
div#bread a:visited {
	color: #01438A;
	text-decoration: none;
	}
	
div#bread a:active {
	color: #8E1212;
	text-decoration: none;
	}
	
div#bread a:hover {
	color: #8E1212;
	text-decoration: none;
	}

div#bread ul, div#bread li {
	display: inline;
	margin: 0;
	padding: 0;
	}
	
/*-----forms-----*/

input, textarea, select {
	border: 1px solid #000;
	background-color: #DADCDE;
}

label {
	color: #000;
}

input#ricerca{
	width: 12em;
}

/*-----meteo e mappe-----*/
ul#meteomappe{
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

 ul#meteomappe li.meteo{
	background: transparent url(../images/icona_meteo.gif) no-repeat top left;
	padding-left: 56px;
	margin-left: 0;
	line-height: 1.8em;
	padding-bottom: 1.6em;
	list-style-type: none;
	margin-left: 0;
}

 ul#meteomappe li.googlemaps{
	background: transparent url(../images/icona_googlemaps.gif) no-repeat top left;
	padding-left: 56px;
	margin-left: 0;
	line-height: 1.8em;
	padding-bottom: 1.6em;
	list-style-type: none;
}

 ul#meteomappe li.tuttocitta{
	background: transparent url(../images/icona_tuttocitta.gif) no-repeat top left;
	padding-left: 56px;
	margin-left: 0;
	line-height: 1.8em;
	padding-bottom: 1.6em;
	list-style-type: none;
}

/*----tipografico loghi istituzionali----*/
ul#loghi_istituzionali a.loghi{
	text-decoration: none;
	margin: 0;
	padding: 0;
	border: 0;
}

ul#loghi_istituzionali, ul#loghi_istituzionali li{
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
}

/*---colonna loghini colonna destra contenuto---*/
div#extra{
	background:#a6b8d3;
	}
	
ul.loghi_links a.loghi{
	text-decoration: none;
	margin: 0;
	padding: 0;
	border: 0;
}

ul.loghi_links{
	margin: 0 0 2em 0;
	padding: 0;
	border: 0;
	list-style-type: none;
}

ul.loghi_links li{
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	text-align: center;
}

ul.quicklinks {
	margin: 0 0 2em 0;
	padding: 0;
	border: 0;
	list-style-type: none;
}

ul.quicklinks li {
	display: block;
	border: 1px solid #000;
	margin-bottom: 0.2em;
}

ul.quicklinks a{
	color: #000;
	text-decoration: none;
	font-weight: bold;
	padding-left: 0.2em;
	padding-right: 0.2em;
	display: block;
}

ul.quicklinks a:hover{
	color: #000;
	background-color: #E6C76C;
	text-decoration: none;
	font-weight: bold;
	padding-left: 0.2em;
	padding-right: 0.2em;
	display: block;
}

div#extra h3{
	background:#fff;
	color: #000;
	font-weight: bold;
	font-size: 1.0em;
	padding-left: 0.2em;
	padding-right: 0.2em;
	display: block;
	border: 1px solid #000;
	margin: 0 0 0.2em 0;
	}

/*----loghi cella zona centrale----*/
ul#loghi_mediani{
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: inline;
	text-align: left;
	text-indent: 0;
	list-style-position: inside;
	}

ul#loghi_mediani li{
	display: inline;
	margin: 0;
	padding: 0.25em;
	border: 0;
	list-style: none;
	text-align: center;
	text-indent: 0;
	list-style-position: inside;
	}

ul#loghi_mediani a{
	display: inline;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: left;
	text-indent: 0;
	}

ul#loghi_mediani img{
	display: inline;
	margin: 0;
	padding: 0;
	border: 0;
	}
	
/*#####_____contatore_____#####*/
	
p.contatore {
	border-top: 1px solid #000;
}