@font-face {
	font-family: 'AIOzPosterCondensed';
	src: url('aiozposter-condensed-webfont.eot');
	src: local('?'), url('aiozposter-condensed-webfont.woff') format('woff'), url('aiozposter-condensed-webfont.ttf') format('truetype'), url('aiozposter-condensed-webfont.svg#webfont6TiSwHzw') format('svg');
	font-weight: normal;
	font-style: normal;
}

html
{
	width: 100%;
	padding: 0px;
	margin: 0px;
	border: 0px;
	
	background-color: #8CD3FF;
	background-image: url('../images/Background_light.jpg');
	background-position: bottom;
	background-repeat: repeat-x;
}

	h1 /*header*/ {
		position: relative;
		background-image: url('../images/Header_02.png');
		background-repeat: no-repeat;
		width: 960px;
		height: 260px;
		overflow: hidden;
	} 
	
	
		h1 span {
			display: none;
		}
		
		h1 div#back_link {
			position: absolute;
			bottom: 33px;
			left: 5px;
			height:41px;
			overflow: hidden;
		}
		   /* roll_over */
			h1 div#back_link a:hover img {
				position: relative;
				bottom: 41px;
			}
		
		h1 div#social_network {
			position: absolute;
			top: 15px;
			right: 5px;
			height:35px;
			overflow: hidden;
		}
		h1 div#social_network a:hover img {
				position: relative;
				bottom: 39px;
			}
		h1 div#bottoni {
			position: absolute;
			bottom: 8px;
			right: 15px;
			height:39px;
			overflow: hidden;
		}
		   /* roll_over */
			h1 div#bottoni a:hover img {
				position: relative;
				bottom: 40px;
			}

h2 {
	background-color: orange;
	border: 2px solid #ecfcff;
	margin-top: -30px;
	margin-left: auto;
	margin-right: auto;
	padding: 1px 4px 1px 4px;
	width: 90%;
	
	font-family: AIOzPosterCondensed, Arial, Helvetica, sans-serif;
	text-shadow: 2px 2px 2px grey;
	letter-spacing: 0.1em;
	text-transform: capitalize;
	font-size: 23px;
	font-weight: bold;
	line-height: 32px;
	color: #ecfcff;
	text-align: center;
	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
	/* immagini omini circolari */

	h2 img {
		float: left;
		/* position: absolute; */
		margin-left: -46px;
		margin-top: -25px;
		
	}
	
	h2 span {
		/* margin-left: 50px; */
		
	}
	
h3 {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	
	font-family: AIOzPosterCondensed, Arial, Helvetica, sans-serif;
	text-shadow: 2px 2px 2px grey;
	letter-spacing: 0.1em;
	text-transform: capitalize;
	font-size: 21px;
	font-weight: bold;
	line-height: 28px;
	color: white;
	text-align: center;
}

h4 {
	color: orange;
	font-weight: bold;
	font-size: 16px;
}

h5 {
	color: #999;
	text-transform:uppercase;
	font-size: 16px;
	font-weight: bold;
}


body
{
	
	width: 100%;

	/* Text defaults */
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 15px;
	color: #666;
	line-height: 18px;
	font-weight: normal;
	text-align:justify;
}

	#main_container {
		height:100%;
		width: 100%;
		overflow: auto;	}
	
	
		#contenitore {
			width:960px;
			height:100%;
			margin-left:auto;
			margin-right:auto;	}
			
			#contenuto {
				background-color: white;
				border: 3px solid orange;
				height: auto;
				margin-top:60px;			}
				
				#contenuto > div {
					position: relative;
					padding: 0px;
					width: 100%;	}	
					
					table tr td.moreNews {
						padding-top: 5px;
						text-align: center;	}
						
						table tr td.moreNews a:link, table tr td.moreNews a:visited {
							color: orange;
							text-decoration: none;	}
					
					#box_news {
						clear: both;	}
					
					a.newsLink {
						text-decoration: none;
						color: inherit;	}
						
					div#contenuto a.bottone:link, div#contenuto a.bottone:visited, div#contenuto a.bottone:hover
					{
						display: block;
						
						font-family: Arial, Helvetica, sans-serif;
						font-size: 23px;
						font-weight: bold;
						line-height: 32px;
						color: white;
						text-decoration: none;
						text-align: center;
	
						width: 90%;
						border: 2px solid white;
						margin-left: auto;
						margin-right: auto;
						padding: 1px 4px 1px 4px;
						height: 70px;
						
						border-radius: 3px;
						-moz-border-radius: 3px;
						-webkit-border-radius: 3px;
						}
						
						div#contenuto a.bottone:link, div#contenuto a.bottone {
							background-color: orange;
						}
						
						div#contenuto a.bottone:hover {
							background-color: gold;
						}
						
						
							div#contenuto a.bottone p
							{
									font-family: Verdana, Arial, Helvetica, sans-serif;
									text-align:center;
									font-size:12px;
									line-height: 14px;
							}
					
											
						
						#box_news > table {
							width: 100%;
						}
						
							/* Reset */
							#box_news div {
								position: relative;
								width: 100%;
								height: 250px;	}
								
								/* News panel background */
								#box_news div.news_container .news_bg_container {
									
									-webkit-transform: rotate(-2deg);
									-moz-transform: rotate(-2deg);
									
									
									border-radius: 7px;
									-moz-border-radius: 7px;
									-webkit-border-radius: 7px;
									
									width: 75%;
									height: 100%;
									margin-left: auto;
									margin-right: auto;	}
									
									/* Specific colors */
									.bg_azzurro {
										background-color: #6CF;	}
									.bg_giallo {
										background-color: #C66;	}
									.bg_arancio {
										background-color: #FC0;	}
								
								/* News panel content */
								#box_news div.news_container div.news_box_container {
									position: absolute;
									width: 100%;
									top: 0px;	}
									
									.news_box_container h3 {
										
										margin-top: 2px;
										margin-bottom: -5px;
										text-shadow: 2px 2px 2px grey; }
									
									.news_box_container ul {
										list-style: none;	}								
									
									/* News entry */
									.news_box_container ul li {
										height: 70px;
										
										margin: 15px 5px;
										border: 2px solid orange;
										
										background: white;	}
										
										/* News image thumb */
										.news_box_container ul li img {
											border: 2px solid orange;
											float: left;
											margin: 8px 5px;
											height: 48px;
											width: 48px;	}
											
										/* News date */
										.news_box_container ul li span.news_date {
											font-family: AIOzPosterCondensed, Arial, Helvetica, sans-serif;
											text-shadow: 1px 1px 1px #aaaaaa;
											letter-spacing: 0.1em;
											text-transform: capitalize;
											
											display: block;
											color: orange;
											margin-top: 8px;
											font-weight: bold;
											font-size: 18px;	}
										
										/* News date */
										.news_box_container ul li span.news_titolo {
											display: block;
											text-align: left;
											margin: 0px 15px 2px 3px;	}
									
					
					form#form_newsletter label {
						display: inline-block;
						font-size: 11px;
						color: #666666;
						text-transform: uppercase;	}
				
					form#form_newsletter input.text {
						display: block;
						width: 100%;
						border: 2px solid orange;
						border-radius: 2px;
						-moz-border-radius: 2px;
						-webkit-border-radius: 2px;
						
						margin-bottom: 20px;
					}
					
					form#form_newsletter input.checkbox {
						margin-bottom: 10px;
					}
					
					form#form_newsletter input.radio {
					}
					
					form#form_newsletter input.button {
						float: right;
						background: none;
						border: none;
						color: orange;
						font-weight: bold;
						text-align: right;
						padding: 0px;
						margin: 0px;
					}

.rounded {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
	

.box_contenuto {
	padding: 5px;
	margin-bottom: 80px;
}

.box_contenuto > p.sub_h2
{
	text-align: center;
	padding: 40px;
}

.box_contenuto > table {
	width: 100%;
}

	.box_contenuto > table tr td {
		width: 50%;
		vertical-align: top;
	}

		/* Box progetti */
		ul.box_progetto {
			width: 80%;
			border: 2px solid orange;
			padding: 8px;
			margin: 10px auto;
			list-style: none;
		}
			ul.box_progetto li.progetto_title {
				color: orange;
				text-transform: uppercase;
				font-size: 18px;
				font-weight: bold;
			}
			
			ul.box_progetto li span.progetto_label
			{
				color: orange;
				text-transform: uppercase;
				font-weight: bold;
			}
			
			ul.box_progetto li a:link,
			ul.box_progetto li a:visited
			{
				color: #666;
				text-decoration: none;
			}
			
			ul.box_progetto li a:hover
			{
				text-decoration: underline;
			}
		
		/* Usato per il box news */
		h3.dateBox {
			width: 40%;
			color: white;
			font-weight: bold;
			
			background: orange;
			border: 2px solid white;
			margin: -12px auto 10px 5px;
			text-align: left;
			padding: 3px 10px;
		}
		
		h3.centered {
			margin-left: auto;
			margin-right: auto;
			text-align: center;
		}
		
		a:link > h3, a:visited > h3 {
			text-decoration: none;
		}
		
		a:hover > h3 {
			background-color: gold;
		}
		
		div.box_full_news {
			width: 90%;
			border: 2px solid orange;
			border-radius: 2px;
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			padding: 8px;
			margin: 0px auto 18px auto;
			position: relative;
		}
		
			div.box_full_news p {
				display: inline-block; 
				float:left;
				width: 300px;
				color: #666;
				font-size: 12px;
			}
			
			div.box_full_news img {
				width: 100px;
				float: right;
				bottom: 5px; !important
			}
			
			/* Just for you, FCKeditor... */
			table tr td div.box_full_news p *{
				margin: 0px;
				padding: 0px;
				border: 0px;
			}

	/* Stile dei contenuti di testo */
	.box_contenuto div.testo {
		padding: 26px;
	}

div.testo > img {
	width: 35%;
	float: right;
}

div.testo ul.faq {
	display: inline-block;
	width: 60%;
	color: orange;
	list-style: none;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 20px;
	
	margin-bottom: 15px;
}

	div.testo ul.faq a:link, div.testo ul.faq a:visited {
		color: orange;
		list-style: none;
		text-transform: uppercase;
		font-size: 12px;
	}

div#contenuto div#progetti_navigator {
	width: 100%;
	margin: 15px;
	float: right;
	text-align: right;
	font-size: 18px;
	font-weight: bold;
	color: orange
}

	div#progetti_navigator a:link, div#progetti_navigator a:visited {
		color: #3CF;
		text-decoration: none;
	}
	
	div#progetti_navigator a:hover {
		color: orange;
	}
	
	div#progetti_navigator a.current:link, div#progetti_navigator a.current:visited {
		color: #FF3;
	}
	

div#ultimi_progetti table tr td {

	width:50%;
	height:150px;
	text-align:justify;

}

/* map.cfm */
div#gmap {
	width: 100%;
	height: 500px;
}

	div#gmap iframe {
		width: 100%;
		height: 100%;
		border-bottom: 3px solid orange;
	}
	
	div#gmap a:link, div#gmap a:visited {
		color: #999999;
		text-decoration:none;
	}
	
	div#gmap a:hover {
		color: #666666;
	}
	
div.sede {
	padding: 15px 15px 15px 15px;
}

div.sede h4 {
	color: white;
	background-color: orange;
	border: 2px solid ##ecfcff;
	padding: 1px 4px 1px 4px;
	
	font-family: AIOzPosterCondensed, Arial, Helvetica, sans-serif;
	text-shadow: 2px 2px 2px grey;
	letter-spacing: 0.1em;
	text-transform: capitalize;
	font-size: 23px;
	font-weight: bold;
	line-height: 32px;
	color: ##ecfcff;
	text-align: center;
	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

div.sede p {
	padding: 5px;
	border: 2px solid orange;
	color: ##666666;
}
/* end */

#mappa_friuli {
	position: relative;
	background-image: url('../images/mappa_fvg.jpg');
	padding: 0px;
	width: 435px;
	height: 466px;
}

	#mappa_friuli .bollino {
		position: absolute;
		text-align: center;
		top: 0px;
		left: 0px;
	}
	
	#mappa_friuli .bollino span {
		display: block;
	}
	
	#mappa_friuli .bollino a {
		text-decoration: none;
		color: black;
	}
	
	#mappa_friuli .bollino a:hover {
		color: orange;
	}
	
		/* Coordinate dei bollini */
		#mappa_friuli #bln_udine {
			top: 150px;
			left: 220px;	}
			
		#mappa_friuli #bln_pordenone {
			top: 200px;
			left: 60px;	}
			
		#mappa_friuli #bln_trieste {
			top: 320px;
			left: 350px;	}
			
		#mappa_friuli #bln_gorizia {
			top: 240px;
			left: 320px;	}

/* Stile dei contenuti di testo */
.box_contenuto div.testo {
	padding: 26px;
}

.box_contenuto a.provinceLink {
	text-decoration: none;
}

/* Da usare per i box dimezzati */
.half {
	float: left;
	width: 48%;
}

/* Adattamento posizione dischetti in box dimezzati */
.half h2 img{
	margin-left: -23px;
}

.one_third {
	float: left;
	width: 32%;
}

/* Adattamento posizione dischetti in box dimezzati */
.one_third h2 img{
	margin-left: -16px;
}

.two_third {
	float: left;
	width: 65%;
}

/* Adattamento posizione dischetti in box dimezzati */
.two_third h2 img{
	margin-left: -32px;
}

.progetti_main_title {
	font-family: AIOzPosterCondensed, Arial, Helvetica, sans-serif;
	text-shadow: 2px 2px 2px grey;
}

a.backTop {
	float: right;
	text-decoration: none;
	color: orange;
	font-size: 10px;
}


#staccionata_container {
	position: inline;
	height: 142px;
	width: 100%;
	/*bottom: 0px;
	z-index: 1000;*/
} 


#staccionata_ombra {
		height: 23px;
		width: 100%;
		background-image: url('../images/shadow.png');
		background-repeat: repeat-x;
	}
	
	#staccionata {
		height: 118px;
		width: 100%;
		background-image: url('../images/INFO_SERVIZIO_CIVILE-CON-02.jpg');
		background-repeat: repeat-x;
		position:relative;
	}
	
		div#contenitore_bottoni {
			position: relative;
			margin: 0px auto;
			padding: 0px;
			width: 960px;
			text-align: right;
			color: #f0f0f0;
		}
		
		div#contenitore_bottoni > * {
			display: inline-block;
		}
		
		div#contenitore_bottoni > img {
			margin-top: -14px;
		}
		
		div#contenitore_bottoni > div#contenitore_copyright {
			float:left;
			margin-left:60px;
			margin-top:30px;
			text-align:right;
		}
		
		div#bottoni_footer {
			margin-bottom: 50px;
			margin-left: 25px;
			height:25px;
			overflow: hidden;
		}
			div#bottoni_footer img {
				height: 50px;
			}
			
		   /* roll_over */
			div#bottoni_footer a:hover img {
				position: relative;
				bottom: 25px;
			}
			
			div#bottoni_footer > div#copyright_creators {
				position:absolute;
			}
			
			div#bottoni_footer > div#copyright_creators a:link,
			div#bottoni_footer > div#copyright_creators a:visited {
				color: #606060;
				text-decoration: none;
			}