/**************************************************************************
	* Layout CSS
	**/
	
	/**************************************************************************
	* Stili Generici
	SCALA COLORI: 
	**/
	
	
	@import url(https://fonts.googleapis.com/css?family=Poiret+One&subset=latin,latin-ext);

	
	* { 
		margin:0; 
		padding:0; 
	}  
	
	body {
		height: 100%;
		color: #444444;
		font-family:Arial, Verdana, Helvetica, sans-serif;
		font-size: 14px;
		line-height: 20px;
		letter-spacing: 0.3px;
	}  
	
	h1 {
		margin:0px; 
		padding:0px;
	}
	
	h2{
		margin:0px; 
		padding:0px;
	}
	
	h3 {
		margin:0px; 
		padding:0px;
	}
	
	h4 {
		margin:0px; 
		padding:0px;
	}
	
	h5 {
		margin:0px; 
		padding:0px;
	}
	
	h6 {
		padding:0px; 
		margin:0px; 
	}
	
	ul {
		list-style-type:none; 
		margin:0px;
		padding:0px; 
	}
	
	ol {
		margin:0px;
		padding:0px;
		list-style-position: outside;
		padding-left: 20px;
	}
	
	li {
		margin:0px;
		padding:0px;
	}
	
	div {
		margin:0px; 
		padding:0px;
	}
	
	p {
		margin:0px;
		padding:0px;
	}
	
	a {
		color:#222222;
		font-weight:normal;
		text-decoration:none;
	}
	
	a:hover {
		margin:0px ;
		padding:0px;
		color:#444444;
		text-decoration:none;
	}
	
	br {
		margin:0px;
		padding:0px;
	}
	
	img {
		margin:0px;
		padding:0px;
		border:0px;
	}
	
	b {
		margin:0px;
		padding:0px;
	}
	
	i {
		margin:0px;
		padding:0px;
	}
	
	u {
		margin:0px;
		padding:0px;
	}
	
	table {
		margin:0px;
		padding:0px;
	}
	
	tr {
		margin:0px;
		padding:0px;
	}
	
	td {
		margin:0px;
		padding:0px;
	}
	
	form {
		margin:0px;
		padding:0px;
	}
	
	input {
		margin:0px;
		padding:0px;
	}
	
	fieldset {
		margin:0px;
		padding:0px;
		border: 1px solid #CCCCCC;
	}
	
	legend {
		margin:0px;
		padding:0px;
	}
	
	label {
		margin:0px;
		padding:0px;
	}
	
	textarea {
		margin:0px;
		padding:0px;
	}
	
	span {
	}

	
	
	/****************
	* DIV generali **
	*****************/
	
	#container {
		width:95%;
		border:0px solid #00ff00;
		margin: 0 auto 5px;
		padding-left:2%;
	}
	
	#colonna_special {
		margin: 0 auto 5px;
		width: 100%;
		border:0px solid #0000ff;
	}
	
	#subContainer {
		margin: 0px auto;
		width: 100%;
		border: 0px solid #444444;	
	}
	
	#risubContainer {
		margin: 0px auto;
		width: 100%;
		border: 0px solid #444444;
	}
	
	
	/********************
	* DIV di struttura **
	*********************/
	
	#container #header{
		width: 100%;
		float: left;
		border: 0px dotted #f00;
		margin-bottom: 10px;
		display: none;
		}	
		
	#container #subHeader{
		width: 100%;
		float: left;
		border: 0px dotted #0f0;
		display: none;
		}		
		
	#container #menu{
		width: 29%;
		float: left;
		border: 0px dotted #00f;
		display: none;
		}		
		
	#container #content{
		width: 98%;
		float: left;
		background-image: url('stile/interporto_logo.jpg');
		background-repeat: no-repeat;
		background-position: top right;
		padding-top:160px;
		}	
		
	#container #footer{
		width: 98%;
		float: left;
		
		color: #999999;
		font-size: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
		line-height: 11px;
		clear: both;
		}
		
	
	
	/************
	* 	BASE   **
	************/
	.titolo_immagine{
		display: none;
		}	
	
	
	/************
	* DIV MENU **
	************/

	
	/* ---------
	Menu Footer 
	------------ */
	
	.menu_footer{
		float: left;
		width: 26%;
		float: left;
		text-align: right;
		padding-top:7px;
		padding-bottom: 7px;
		margin-bottom:20px;
		display: none;
		}
	
	
	
	/***************
	* DIV oggetto **
	****************/
	
	
	/* logo */
	
	#logo{
		width: 90%;
		float: left;
		}
		
	#logo img{
		width: 100%;
		float: left;
		}
		
		
	/* torna su */
	
	.torna_su{
		width: 100%;
		float: left;
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: right;
		display: none;
		color: #666666;
		}
	
	
	/* dummy */
	
	#dummyOne{
		
		}
	
	#dummyTwo{
		
		}
	
	#dummyThree{
		width: 95%;
		float: left;
		padding-left: 2%;
		}
	
	#dummyFour{
		
		}
	
	
	/*********************
		CONTENT
	*********************/
	
	
	/* briciole */
	#content #briciole{
		width: 100%;
		float: left;
		}
	
	#content #briciole .percorso{
		width: 100%;
		float: left;
		}
	
	#content #briciole .percorso a{
		font-size: 10px;
		color: #999999;
		font-weight: normal;
		}
	
	#content #briciole .percorso a b{
		font-size: 10px;
		color: #666666;
		font-weight: normal;
		}
	
	
	/* content_sotto */
	#content #content_sotto{
		width: 100%;
		float: left;
		}
	
	/* titolo categoria */	
	#content #content_sotto #titolo_categoria{
		width: 100%;
		float: left;
		text-align: right;
		font-family: "Poiret One",cursive;
		font-size: 40px;
		margin-bottom: 60px;
		}
	
	/* containerInfo */	
	#content #content_sotto #containerInfo{
		width: 100%;
		float: left;
		}
	
	/* Principale */	
	#content #content_sotto #containerInfo #principale{
		width: 100%;
		float: left;
		border-bottom: 1px solid #009fe3;
		padding-bottom: 20px;
		}
		
	#content #content_sotto #containerInfo #principale .dataInfo{
		width: 100%;
		float: left;
		font-size: 10px;
		color: #666666;
		display: none;
		}
		
	#content #content_sotto #containerInfo #principale .titolo{
		width: 100%;
		float: left;
		color: #559126;
		font-weight: normal;
		font-size: 16px;
		}
		
	#content #content_sotto #containerInfo #principale .sottotitolo{
		width: 100%;
		float: left;
		color: #93c26d;
		font-weight: normal;
		font-size: 15px;
		}
		
	#content #content_sotto #containerInfo #principale .descrizione{
		width: 90%;
		float: left;
		text-align: justify;
		background-color: #559126;
		color: #FFFFFF;
		padding-left: 5%;
		padding-right: 5%;
		padding-top: 3%;
		padding-bottom: 3%;
		margin-top: 15px;
		}
		
	#content #content_sotto #containerInfo #principale .descrizione a{
		color: #FFFFFF;
		}
		
	#content #content_sotto #containerInfo #principale .descrizione ul br{
		display: none; /* i br tra un li e l'altro non si devono vedere */
		}
		
	#content #content_sotto #containerInfo #principale .descrizione ul li br{
		display: inline; /* eventuali br dentro all'li si devono vedere */
		}
		
	#content #content_sotto #containerInfo #principale .descrizione ul li{
		list-style-type: square;
		margin-left: 15px;
		}
		
	#content #content_sotto #containerInfo #principale .descrizione ol li br{
		display: inline; /* eventuali br dentro all'li si devono vedere */
		}
		
	#content #content_sotto #containerInfo #principale .descrizione ol li{
		list-style-type: square;
		margin-left: 15px;
		}
		
	#content #content_sotto #containerInfo #principale .descrizione2{
		width: 100%;
		float: left;
		text-align: justify;
		margin-top: 15px;
		}
		
	#content #content_sotto #containerInfo #principale .descrizione2 a{
		color: #559126; 
		text-decoration: none;
		}
		
	#content #content_sotto #containerInfo #principale .descrizione2 ul br{
		display: none; /* i br tra un li e l'altro non si devono vedere */
		}
		
	#content #content_sotto #containerInfo #principale .descrizione2 ul li br{
		display: inline; /* eventuali br dentro all'li si devono vedere */
		}
		
	#content #content_sotto #containerInfo #principale .descrizione2 ul li{
		list-style-type: square;
		margin-left: 15px;
		}
		
	#content #content_sotto #containerInfo #principale .descrizione2 ol li br{
		display: inline; /* eventuali br dentro all'li si devono vedere */
		}
		
	#content #content_sotto #containerInfo #principale .descrizione2 ol li{
		list-style-type: square;
		margin-left: 15px;
		}
		
	#content #content_sotto #containerInfo #principale .descrizione2 p{
		width: 50%;
		float: left;
		margin-top: 150px;
		}
		
	#content #content_sotto #containerInfo #principale .descrizione2 span{
		width: 40%;
		float: left;
		margin-left: 20px;
		padding-left: 20px;
		border-left: 1px solid #559126;
		}
		
	#content #content_sotto #containerInfo #principale .all_objects{
		width: 100%;
		float: left;
		margin-top: 40px;
		}
	
	#content #content_sotto #containerInfo #principale .allegati{
		width: 100%;
		float: left;
		text-align: justify;
		margin-top: 15px;
		}
	
	#content #content_sotto #containerInfo #principale .allegati p{
		width: 100%;
		float: left;
		font-weight: bold;
		margin-bottom:10px;
		}
	
	#content #content_sotto #containerInfo #principale .allegati .allegato{
		background-image: url('stile/download_cloud.png');
		background-repeat: no-repeat;
		background-position: left 1px;
		padding-left:30px;
		margin-bottom:7px;
		margin-right: 15px;
		width: 100%;
		float: left;
		}
	
	#content #content_sotto #containerInfo #principale .allegati .allegato a:hover{
		color: #009fe3;
		}
	
	#content #content_sotto #containerInfo #principale #images_secondarie{
		width: 100%;
		float: left;
		}
	
	/* immagine singola */
	#content #content_sotto #containerInfo #principale #images_secondarie #img_static{
		width: 100%;
		float: left;
		}
	
	#content #content_sotto #containerInfo #principale #images_secondarie #img_static img{
		width: 100%;
		float: left;
		}

	/* immagine multipla */
	#content #content_sotto #containerInfo #principale #images_secondarie #img_group{
		width: 100%;
		float: left;
		}
	
	#content #content_sotto #containerInfo #principale #images_secondarie #img_group .img_single{
		width: 49%;
		float: left;
		margin-right: 1%;
		margin-bottom: 1%;
		}
	
	#content #content_sotto #containerInfo #principale #images_secondarie #img_group .img_single img{
		width: 100%;
		float: left;
		}
	
	#content #content_sotto #containerInfo #principale #images_secondarie #img_group .img_single span{
		width: 100%;
		float: left;
		height: 14px;
		display: none;
		}


	#content #content_sotto #containerInfo #principale #contatti{
		width: 100%;
		float: left;
		}
		
	#content #content_sotto #containerInfo #principale #contatti fieldset legend{
		padding-bottom:20px;
		padding-top:20px;
		}
		
	#content #content_sotto #containerInfo #principale #contatti fieldset span{
		width: 50%;
		float: left;
		}
		
	#content #content_sotto #containerInfo #principale #contatti fieldset span label{
		width: 40%;
		float: left;
		text-align: right;
		margin-right: 10px;
		color: #559126;
		padding-bottom: 10px;
		}
		
	#content #content_sotto #containerInfo #principale #contatti fieldset span input{
		float: left;
		border: 1px solid #559126;
		color: #009fe3;
		}
		
	#content #content_sotto #containerInfo #principale #contatti fieldset textarea{
		float: left;
		border: 1px solid #559126;
		color: #009fe3;
		width: 95%;
		margin-left: 15px;
	}
		
		
	/* Informative Listato */	
	#content #content_sotto #containerInfo .info{
		width: 100%;
		float: left;
		margin-top: 20px;
		margin-bottom: 20px;
		border-bottom: 1px solid #009fe3;
		}
		
	#content #content_sotto #containerInfo .info .dataInfo{
		width: 100%;
		float: left;
		font-size: 10px;
		color: #666666;
		display: none;
		}
		
	#content #content_sotto #containerInfo .info .titoloInfo{
		width: 100%;
		float: left;
		color: #559126;
		font-weight: normal;
		}
		
	#content #content_sotto #containerInfo .info .titoloInfo a{
		width: 100%;
		float: left;
		color: #559126;
		font-weight: normal;
		font-size: 16px;
		}
		
	#content #content_sotto #containerInfo .info .sottotitoloInfo{
		width: 100%;
		float: left;
		color: #93c26d;
		font-weight: normal;
		font-size: 15px;
		}
		
	#content #content_sotto #containerInfo .info .descrizione{
		width: 100%;
		float: left;
		text-align: justify;
		padding-bottom: 3%;
		}
		
	#content #content_sotto #containerInfo .info .descrizione a{
		color: #93c26d;
		}
		
	#content #content_sotto #containerInfo .info .descrizione ul br{
		display: none; /* i br tra un li e l'altro non si devono vedere */
		}
		
	#content #content_sotto #containerInfo .info .descrizione ul li br{
		display: inline; /* eventuali br dentro all'li si devono vedere */
		}
		
	#content #content_sotto #containerInfo .info .descrizione ul li{
		list-style-type: square;
		margin-left: 15px;
		}
		
	#content #content_sotto #containerInfo .info .descrizione ol li br{
		display: inline; /* eventuali br dentro all'li si devono vedere */
		}
		
	#content #content_sotto #containerInfo .info .descrizione ol li{
		list-style-type: square;
		margin-left: 15px;
		}
	

	
	#content #content_sotto #containerInfo .info #images_secondarie{
		width: 100%;
		float: left;
		text-align: justify;
		margin-top: 15px;
		margin-bottom: 15px;
		}
	
	/* immagine singola */
	#content #content_sotto #containerInfo .info #images_secondarie #img_static{
		width: 40%;
		float: left;
		}
	
	#content #content_sotto #containerInfo .info #images_secondarie #img_static img{
		width: 100%;
		float: left;
		}

	/* immagine multipla */
	#content #content_sotto #containerInfo .info #images_secondarie #img_group{
		width: 100%;
		float: left;
		}
	
	#content #content_sotto #containerInfo .info #images_secondarie #img_group .img_single{
		width: 19%;
		float: left;
		margin-right: 1%;
		margin-bottom: 1%;
		}
	
	#content #content_sotto #containerInfo .info #images_secondarie #img_group .img_single img{
		width: 100%;
		float: left;
		}
	
	#content #content_sotto #containerInfo .info #images_secondarie #img_group .img_single span{
		width: 100%;
		float: left;
		height: 14px;
		display: none;
		}

	#content #content_sotto #containerInfo .info .allegati{
		width: 100%;
		float: left;
		text-align: justify;
		margin-top: 15px;
		margin-bottom: 15px;
		}
	
	#content #content_sotto #containerInfo .info .allegati p{
		width: 100%;
		float: left;
		font-weight: bold;
		margin-bottom:10px;
		}
	
	#content #content_sotto #containerInfo .info .allegati .allegato{
		background-image: url('stile/download_cloud.png');
		background-repeat: no-repeat;
		background-position: left 0px;
		padding-left:30px;
		margin-bottom:7px;
		margin-right: 15px;
		}
	
	#content #content_sotto #containerInfo .info .allegati .allegato a:hover{
		color: #009fe3;
		}




	
	/* Dettaglio */
	
	
	/* containerInfo */	
	#content .sub_content #dettaglio{
		width: 100%;
		float: left;
		}
	
	/* Principale */	
	#content .sub_content #dettaglio{
		width: 100%;
		float: left;
		border-bottom: 1px solid #009fe3;
		padding-bottom: 20px;
		}
		
	#content .sub_content #dettaglio .dataInfo{
		width: 100%;
		float: left;
		font-size: 10px;
		color: #666666;
		display: none;
		}
		
	#content .sub_content #dettaglio .titolo{
		width: 100%;
		float: left;
		color: #559126;
		font-weight: normal;
		font-size: 16px;
		}
		
	#content .sub_content #dettaglio .sottotitolo{
		width: 100%;
		float: left;
		color: #93c26d;
		font-weight: normal;
		font-size: 15px;
		}
		
	#content .sub_content #dettaglio .descrizione{
		width: 90%;
		float: left;
		text-align: justify;
		background-color: #559126;
		color: #FFFFFF;
		padding-left: 5%;
		padding-right: 5%;
		padding-top: 3%;
		padding-bottom: 3%;
		margin-top: 15px;
		}
		
	#content .sub_content #dettaglio .descrizione a{
		color: #FFFFFF;
		}
		
	#content .sub_content #dettaglio .descrizione ul br{
		display: none; /* i br tra un li e l'altro non si devono vedere */
		}
		
	#content .sub_content #dettaglio .descrizione ul li br{
		display: inline; /* eventuali br dentro all'li si devono vedere */
		}
		
	#content .sub_content #dettaglio .descrizione ol br{
		display: none; /* i br tra un li e l'altro non si devono vedere */
		}
		
	#content .sub_content #dettaglio .descrizione ol li br{
		display: inline; /* eventuali br dentro all'li si devono vedere */
		}
		
	#content .sub_content #dettaglio .descrizione ul li{
		list-style-type: square;
		margin-left: 15px;
		}
		
	#content .sub_content #dettaglio .descrizione2{
		width: 100%;
		float: left;
		text-align: justify;
		margin-top: 15px;
		}
		
	#content .sub_content #dettaglio .descrizione2 a{
		color: #559126; 
		text-decoration: none;
		}
		
	#content .sub_content #dettaglio .descrizione2 ul br{
		display: none; /* i br tra un li e l'altro non si devono vedere */
		}
		
	#content .sub_content #dettaglio .descrizione2 ul li br{
		display: inline; /* eventuali br dentro all'li si devono vedere */
		}
		
	#content .sub_content #dettaglio .descrizione2 ol br{
		display: none; /* i br tra un li e l'altro non si devono vedere */
		}
		
	#content .sub_content #dettaglio .descrizione2 ol li br{
		display: inline; /* eventuali br dentro all'li si devono vedere */
		}
		
	#content .sub_content #dettaglio .descrizione2 ul li{
		list-style-type: square;
		margin-left: 15px;
		}
		
	#content .sub_content #dettaglio .descrizione2 p{
		width: 50%;
		float: left;
		margin-top: 150px;
		}
		
	#content .sub_content #dettaglio .descrizione2 span{
		width: 40%;
		float: left;
		margin-left: 20px;
		padding-left: 20px;
		border-left: 1px solid #559126;
		}
		
	#content .sub_content #dettaglio .all_objects{
		width: 100%;
		float: left;
		margin-top: 40px;
		}
	
	/* Dettaglio allegati */
	
	#content .sub_content #dettaglio .allegati{
		width: 100%;
		float: left;
		text-align: justify;
		margin-top: 15px;
		}
	
	#content .sub_content #dettaglio .allegati p{
		width: 100%;
		float: left;
		font-weight: bold;
		margin-bottom:10px;
		}
	
	#content .sub_content #dettaglio .allegati .allegato{
		background-image: url('stile/download_cloud.png');
		background-repeat: no-repeat;
		background-position: left 1px;
		padding-left:30px;
		margin-bottom:7px;
		margin-right: 15px;
		width: 100%;
		float: left;
		}
	
	#content .sub_content #dettaglio .allegati .allegato a:hover{
		color: #009fe3;
		}
	
	/* Dettaglio immagini */
	
	#content .sub_content #dettaglio #images_secondarie{
		width: 100%;
		float: left;
		}
	
	/* immagine singola */
	#content .sub_content #dettaglio #images_secondarie #img_static{
		width: 100%;
		float: left;
		}
	
	#content .sub_content #dettaglio #images_secondarie #img_static img{
		width: 100%;
		float: left;
		}

	/* immagine multipla */
	#content .sub_content #dettaglio #images_secondarie #img_group{
		width: 100%;
		float: left;
		}
	
	#content .sub_content #dettaglio #images_secondarie #img_group .img_single{
		width: 49%;
		float: left;
		margin-right: 1%;
		margin-bottom: 1%;
		}
	
	#content .sub_content #dettaglio #images_secondarie #img_group .img_single img{
		width: 100%;
		float: left;
		}
	
	#content .sub_content #dettaglio #images_secondarie #img_group .img_single span{
		width: 100%;
		float: left;
		height: 14px;
		display: none;
		}



	/* Dettaglio contatti */
	
	#content .sub_content #dettaglio #contatti{
		width: 100%;
		float: left;
		}
		
	#content .sub_content #dettaglio #contatti fieldset legend{
		padding-bottom:20px;
		padding-top:20px;
		}
		
	#content .sub_content #dettaglio #contatti fieldset span{
		width: 50%;
		float: left;
		}
		
	#content .sub_content #dettaglio #contatti fieldset span label{
		width: 40%;
		float: left;
		text-align: right;
		margin-right: 10px;
		color: #559126;
		padding-bottom: 10px;
		}
		
	#content .sub_content #dettaglio #contatti fieldset span input{
		float: left;
		border: 1px solid #559126;
		color: #009fe3;
		}
		
	#content .sub_content #dettaglio #contatti fieldset textarea{
		float: left;
		border: 1px solid #559126;
		color: #009fe3;
		width: 95%;
		margin-left: 15px;
	}