/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

* {
    -moz-user-select:none; /* disabilita selezione su Firefox */
}

html {
	height: 100%;
}

body{
	font-family: "trebuchet ms", Arial, helvetica, sans-serif;
	/* font-family: Geneva, Arial, Tahoma, sans-serif; */
	/* font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; */
	/* font-family: Futura, sans-serif; */
	/* font-family: Tahoma, sans-serif; */
	/* font-family: Lucida, sans-serif; */ 

	/* font-size: 96%; */
	/* font-size: 16px; è il default del browser */

	background-color: #797a32;
	color: #4F4F1C;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	
	height: 100%;
}

a {
	color: #4F4F1C;
	text-decoration: none;
}

a:link {
	color: #4F4F1C;
	text-decoration: none;
}

a:visited {
	color: #4F4F1C;
	text-decoration: none;
}

a:hover {
	color: #4F4F1C;
	text-decoration: underline;
}

h1 {
	font-family: Verdana,Arial,sans-serif;
	font-size: 120%;
	color: #4F4F1C;
	margin: 0px;
	padding: 0px;
}

h2 {
	font-family: Arial,sans-serif;
	font-size: 114%;
	color: #006699;
	margin: 0px;
	padding: 0px;
}

h3 {
	font-family: Arial,sans-serif;
	font-size: 100%;
	color: #4F4F1C;
	margin: 0px;
	padding: 0px;
}

h4 {
	font-family: Arial,sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #4F4F1C;
	margin: 0px;
	padding: 0px;
}

h5 {
	font-family: Verdana,Arial,sans-serif;
	font-size: 100%;
	color: #334d55;
	margin: 0px;
	padding: 0px;
}

ul {
	list-style-type: square;
}

ul ul {
	list-style-type: disc;
}

ul ul ul {
	list-style-type: none;
}

label {
	font-family: Arial,sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #334d55;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#menu {
	display:none;
}

#intestazione{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: 2px solid #797a32;
	width: 100%;
		
	/* Aggiunto colore sfondo per la pagina in alto */
	background-color: #797a32;
	
	/* immagine di sfondo */
	background-image:  url(images/page/sfondo-verde.jpg);
	background-repeat:repeat;
	background-position:top left;

	/*
	La larghezza minima sotto la quale appare la scroll bar. Solo per Firefox e per IE7
	*/
	min-width: 800px;

	display:none;
}


#image-head-right {
	position:absolute;
	top: 0px;	
	right: 0px;
}

/* added per altezza uguale delle tre colonne "Equal height column"*/
#principale {
	overflow: hidden;
	display: inline-block;	
	background-color: #FFFFFF;

	/*
	La larghezza minima sotto la quale appare la scroll bar. Solo per Firefox e per IE7
	*/
	min-width: 800px;
}

#logo {
	position: absolute;
	top: 160px;
	left: 0px;
	background-image:  url(images/page/t-bottom.gif);
	background-repeat:no-repeat;
	
	height: 327px;
	width: 300px;
	
	-moz-opacity:.35;
	filter:alpha(opacity=35);
	opacity:.35;
	
	/*
	Impostando 	min-height: 300px;
	su linkSezione il menu ha un'altrezza minima e non si va sul banner.
	ma sembra che non funzioni con IE.
	Basta utilizzare la sintassi:
	min-height: 300px;
	height: auto !important;
	height: 300px;
	*/

}

#colonna-sx{
	float: left;
	width: 20%;
	margin: 0px;
	padding: 0px;
	background-image:   url(images/page/sfondo-giallo.jpg);
	background-position:right;
	background-repeat:repeat;
	
	/*
	Serve a far sì che le colonne abbiano la stessa altezza come definitore dal contenitore padre
	*/
	padding-bottom: 32767px;
	margin-bottom: -32767px;	
	
	display:none;
}

#colonna-dx{
	float:right;
	width: 20%;
	border-left: 3px solid #797a32;
	
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;

	background:     url(images/page/sfondo-giallo.jpg) repeat;
	
	/*
	Serve a far sì che le colonne abbiano la stessa altezza come definitore dal contenitore padre
	*/
	padding-bottom: 32767px;
	margin-bottom: -32767px;

	display:none;
}

#contenuto{
	float: left;
	width: 95%;
	background-image:  url(images/page/sfondo-content.jpg);
	background-repeat:repeat-y;
	background-position: left;
	background-color: #FFFFFF;
	
	/*
	Serve a far sì che le colonne abbiano la stessa altezza come definitore dal contenitore padre
	*/
	/*
	padding-bottom: 32767px;
	margin-bottom: -32767px;
	*/
}


/***********************************************/
/* Components                                  */
/***********************************************/

#siteName{
	/*
	position: absolute;
	top: 0px;
	left: 270px;
	*/ 
	margin: 0;
	/* align center
	margin-left: 10%;
	ssmargin-right: 10%;
	*/

	padding: 10px 0 20px 10px;
	z-index: 2;
}

#siteName h1 {
	/* Sovrascritto il color di h1 */
	color: #c7c271;

	/*font-family:Georgia, "Times New Roman", Times, serif; */
	font-family:"Times New Roman", Times, serif;
	font-size: 180%; /*210%;*/
	font-style: italic;
}

#siteName h1 a {
	color: #c7c271;
}

#siteName h1 a:hover {
	text-decoration: none;
}

#siteName h2 {
	padding-top: 10px;
	color: #F2E99A;
	
	text-align: right;

	/*font-family:Georgia, "Times New Roman", Times, serif; */
	font-family:"Times New Roman", Times, serif;
	font-size: 100%;
}

#siteName h2 a {
	color: #F2E99A;
}

#siteName h2 a:hover {
	text-decoration: none;
}

#Patrocinio {
	position: absolute;
	color:#F2E99A;/*#ffde97;*/
	font-family: Verdana,Arial,sans-serif;
	font-size: 55%;
	text-align:center;
	top: 0px;

	/*era fisso right: 200px;*/ /*235px;*/
	left: 50%;
	width: 700px;
	margin-left: -80px;

	z-index:1;
	margin-top: 2px;

	display:none;
}


/************* #barraIntestazione styles **************/
#barraIntestazione{
	padding: 30px 10px 5px 10px;

	/* risolve il problema con IE che presenta un margine tra la parte alta dell'intestazione
	e la barra */
	margin-top: 0px !important;
	margin-top: -7px;

	background-color:#85853b;
	background-image:  url(images/page/t-top.gif);
	background-repeat:repeat-x;
	
	/* per IE */
	background-position:bottom left;
	height: 30px;
}

#barraIntestazione img {
	float:right;
	padding-right: 4px;
	padding-top: 10px;
}

#barraIntestazione span {
	font-family: Arial, helvetica, sans-serif;
	font-size: 75%;
	float:right;
	padding-right: 15px;
	padding-top: 15px;
}

/*************** #pageName styles **************/
/* Per il titolo dell'articolo                 */
#pageName {
	margin: 0px;
	padding: 10px 0px 10px 15px;
	font-size: 130%;
	color: #dd753d;
}

/*************** #mainTitle styles **************/
/* Per il titolo dell'argomento                 */
#mainTitle {
	margin: 0px;
	padding: 10px 0px 10px 15px;
	font-size: 170%;
	font-style: italic;
	color: #dd753d;
}


/*************** #mainTitleMiniSito styles
**************/
/* Per il sottotitolo dell'argomento                
*/
#mainTitleMiniSito {
	margin: 0px;
	padding: 10px 0px 3px 15px;
	font-size: 170%;
	font-style: italic;
	color: #c14a09; /*dd753d;*/
}

#mainTitleMiniSito a, #mainTitleMiniSito a:hover,
#mainTitleMiniSito a:visited, #mainTitleMiniSito
a:link
 {
	text-decoration: none;
	color: #c14a09;
}

/*************** #subTitleMiniSito styles
**************/
/* Per il sottotitolo dell'argomento                
*/
#subTitleMiniSito {
	margin: 0px;
	margin-left: 10px;
	padding: 2px 0px 10px 15px;
	font-size: 120%;
	font-style: italic;
	color: #dd753d;

	border-top-color: #4F4F1C;
	border-top-style: solid;
	border-top-width: 1px;
}

#mappaMiniSito {
	float: right;
	padding: 2px 2px 2px 2px;
	border: 0px;
}

/*************** #comment styles **************/
/* Per ventuali commenti o note all'articolo  */
.comment {
	margin: 0px;
	font-style: italic;
	font-size: 80%;
	padding: 0px 0px 0px 10px;
}

/************* #pageLinks styles *************/
/* Per eventuali link generali dell'articolo */ 
#pageLinks {
	font-size: 80%;
	padding: 2px 0px 0 10px;
	text-align: right;
}

/************** .feature styles ***************/

.feature, .feature-r {
	padding: 0px 0px 10px 10px;
	font-size: 80%;
}

.feature h3, .feature-r h3 {
	padding: 30px 0px 5px 0px;
	text-align: center;
}

.feature p, .feature-r p, .story p, .story-l p {
	font-size: 112%;
}

.feature a img, .story a img, .feature-r a img, .story-l a img  {
	/* cursor: help; */
}

.feature a, .feature-r a, .story a, .story-l a {
	text-decoration: underline;
}

.feature a:hover, .feature-r a:hover, .story a:hover, .story-l a:hover {
	text-decoration: underline;
}

.feature a:visited, .feature-r a:visited, .story a:visited, .story-l a:visited {
	text-decoration: underline;
}

.feature a:link, .feature-r a:link, .story a:link, .story-l a:link {
	text-decoration: underline;
}

.feature div, .story div, .feature-r div, .story-l div { /* la div contenente la foto */
	float: left;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
	
	font-family: Arial, Tahoma, sans-serif;
	font-size: 100%;
	font-style: italic;
	text-align: right;
	text-align: left; /* da togliere quando di rimuove zoom */
}

.feature div img, .story div img, .feature-r div img, .story-l div img {
	padding: 5px 5px 5px 5px;
	border-color: #dd753d; /*#4F4F1C;*/
	border-style: solid;
	border-width: 1px;

	/*	
	border-bottom-width: 2px;
	border-right-width: 2px;
	*/
}

/************** .story styles *****************/

.story, .story-l {
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story p, .story-l p {
	padding: 0px 0px 10px 0px;
}

.story div, .feature-r div {
	float: right;
}

/* per i div contenenti immagini da mettere al centro */
div .nofloat { 
	float: none;
	text-align:center;
}

/* per i div che contengono testo invece che immagini */
div .boxA { 
	font-style: normal;
	background-color: #FEF8CD;

	border-color: #4F4F1C;
	border-style: solid;
	border-width: 1px;

	margin: 10px 15px 10px 15px;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
}

/**
 Componente per visualizzazione pulsante ingrandisci fotografia.
 Da togliere in futuro !
**/
#zoom {
	padding: 0px;
	border-style:none;
}

a #zoom, a #zoom {
	cursor:auto;
}

/********* summary *************/
.summary, .summary-r {
	border-color: #dd753d; /*#4F4F1C;*/
	border-style: solid;
	border-width: 1px;
	
	margin: 10px 10px 10px 10px;
	padding: 0px 10px 0px 10px;

	font-size: 80%;
}

.summary h3, .summary-r h3 { /* equivale a titoloArticolo */
	padding: 30px 0px 5px 0px;
}

.summary img, .summary-r img { 
	float: left;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
}

.summary-r img { 
	float:right;
}

/************* #infoSito styles ***************/

#infoSito{
	clear: both;
	font-size: 75%;
	color: #F2E99A; 
	padding: 15px 10px 7px 10px;
	
	/* Aggiunto colore sfondo per la pagina in alto */
	background-color: #797a32;
	background-image: url(images/page/siteInfo.gif);
	background-repeat:repeat-x;
	background-position: top left;

	/*
	La larghezza minima sotto la quale appare la scroll bar. Solo per Firefox e per IE7
	*/
	min-width: 800px;
}

#infoSito img {
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}

/* Ridefinisce solo il colore */
#infoSito a {
	color: #F2E99A;
}

/************* #search styles ***************/

#search {
	padding: 5px 0px 5px 10px;
	font-size: 90%;
}

#search form {
	margin: 0px;
	padding: 0px;
}

#search label {
	margin: 0px;
	padding: 0px;
	color: #4F4F1C;
}

/*********** #colonna-sx link styles ***********/

#colonna-sx ul a:link, #colonna-sx ul a:visited, #colonna-dx ul a:link, #colonna-dx ul a:visited  {display: block;}
#colonna-sx ul, #colonna-dx ul { list-style: none; /*margin: 0;*/ /*padding: 0;*/}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#colonna-sx li, #colonna-dx li {/*border-bottom: 1px solid #EEE;*/}

/* fix for browsers that don't need the hack */
html>body #colonna-sx li, html>body #colonna-dx li {border-bottom: none;}

/************** #colonna-dx styles **************/


/*********** #linkSezione styles ***********/

#linkSezione{
	/*position: relative;*/
	/*margin: 0px;*/
	padding: 0px;
	/*
	border-bottom: 1px solid #cccccc;
	*/
	font-size: 90%;
		
	/*
	background-color: transparent;
	background-image:url(images/scritta1.gif);
	background-repeat:no-repeat;
	*/
}

#linkSezione h3{
	padding: 10px 0px 2px 10px;
	color: #c14a09; /* in rosso come titolo minisito */
}

#linkSezione a {
	display: block;
	padding: 2px 0px 2px 10px;
	
	font-size: 89%; /* aggiunto */
	border-bottom: 1px dotted #4F4F1C;
}

#linkSezione a:hover{
	text-decoration: none;
	background-color: #FFCE63;
	
}

#linkSezione ul {
	margin: 3px 0px 0px 3px;
	list-style-image:   url(images/page/bullet2.png);
}

#linkSezione li {
	text-indent: 1px;
	padding: 2px 0px 2px 0px;
	margin-left: auto !important;
	margin-left: 25px;
}

/*********** .box styles ***********/
.box {
	margin: 0 5px 0px 8px;
	padding:0 12px 0 0;
	background:#c7c271 url(images/page/borders1.gif) 100% 0 repeat-y;
	color: #4F4F1C;
}
.bi {
	padding:0 0 0 12px;
	background:#fff url(images/page/borders1.gif) 0 0 repeat-y;
	font-size: 90%;
}
.bt {
	height:17px;
	margin:0 -12px;
	background: url(images/page/box1.gif) 100% 0 no-repeat;
}
.bt div {
	width:18px;
	height:17px;
	background: url(images/page/box1.gif) 0 0 no-repeat;
}
.bb {
	height:17px;
	margin:0 -12px;
	background: url(images/page/box1.gif) 100% 100% no-repeat;
}
.bb div {
	width:18px;
	height:17px;
	background: url(images/page/box1.gif) 0 100% no-repeat;
}

.box h3 {
	padding: 10px 0px 2px 10px;
	background-color:#797a32;
	color: #F2E99A;
	margin:0;
	
	/* immagine di sfondo */
	background-image:  url(images/page/sfondo-verde.jpg);
	background-repeat:repeat;
	background-position:top left;
	
}

.box a:link, .box a:visited {
	display: block; 
}

.box h4 {
	font-weight: bold;
}

.box ul {
	margin:0;
	padding:4px 10px;
	background: #c7c271;
		
	overflow:hidden;
	display:inline-block; /* Force hasLayout in ie */ 
}

.box li {
	text-indent: 2pt;
	padding: 5px 0px 5px 0px;
	font-size: 87%;
}

.box img {
	float: left;
	padding: 5px 5px 5px 0px;
}

/***************** #banner styles ********************/

#banner {
	text-align:center;
	padding: 10px 0px 10px 0px;	
}

#banner img{
	padding: 4px 4px 4px 4px;
	vertical-align: middle;
	/*background-color: #797a32; */

}

/******************************************************/
/* Componenti interni								  */
/******************************************************/

/*************** elenco-azienda **************/

#elenco-azienda { /* per tag ul */
	list-style-type: none;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 10px;
	font-size: 76%;
}

#elenco-azienda li { /* singola azienda */
	text-indent: 0px;
	
	border-bottom-color:#4F4F1C;
	border-bottom-style:solid;
	border-bottom-width: 1px;
	/*
	border-left-color:#4F4F1C;
	border-left-style:solid;
	border-left-width: 1px;
	border-right-color:#4F4F1C;
	border-right-style:solid;
	border-right-width: 1px;
	*/
	background-color: #f0f6c0;
}

#elenco-azienda div { /* contenitore azienda */
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;

	overflow:hidden;
	display:inline-block; /* Force hasLayout in ie */ 
}

#elenco-azienda li h1 { /* titolo azienda */
	padding-top: 3px;
	padding-bottom: 6px;
}

#elenco-azienda li h4 { /* descrizione azienda */
	/*float:right;*/
	padding-top: 3px;
	padding-bottom: 6px;
	font-style:italic;
}

#elenco-azienda img { /* banner azienda */
	float: right;
	margin-left: 5px;
}

/************************************
* Stili per le pagine di index      *
/***********************************/

.mainPage {
	padding: 0px 0px 10px 10px;
	font-size: 90%;
}

.mainPage h4 {
	margin-top: 4px;
	font-style: italic;
	padding-bottom: 5px;
}

.mainPage div {
	margin-top: 8px;
	margin-bottom: 8px;
	text-align: center;
	padding-bottom: 20px;
}

.mainPage div img {
	border: 5px solid #dd753d;
}

.mainPage td {
	width: 50%;
	vertical-align:top;
	padding: 5px 5px 5px 5px;
}

.mainPage ul h3 {
	background: url(images/page/barra_index.jpg) 100% 0 no-repeat;
	margin: 5px 0px 5px 0px;
	padding-left: 45px;
	margin-bottom: 15px;
}

.mainPage ul {
	overflow:hidden;
	display: inline-block; /* Force hasLayout in ie */ 
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	list-style-image: url(images/page/0115_arrowpixel.png);
	padding-bottom: 15px;
}

.mainPage ul li {
	text-indent: 0pt;
	margin-left: 20px;
	margin-bottom: 5px;
}

.mainPage ul li a {
	color: #4F4F1C;
	text-decoration: underline;
}


.mainPage ul img {
	float:right;
}

/**********************************/
/* Riquadri per le news           */
/**********************************/

#news, #news-r, #news-bordered, #news-r-bordered {
	text-align: left;
	padding: 5px 5px 5px 5px;
	overflow:hidden;
	display: inline-block; /* Force hasLayout in ie */ 
}

#news a, #news-r a, #news-bordered a, #news-r-bordered a,
#news a:hover, #news-r a:hover, #news-bordered a:hover, #news-r-bordered a:hover,
#news a:visited, #news-r a:visited, #news-bordered a:visited, #news-r-bordered a:visited,
#news a:link, #news-r a:link, #news-bordered a:link, #news-r-bordered a:link
 {
	text-decoration: underline;
}

#news-bordered, #news-r-bordered { 
	border: 1px solid #dd753d;
	background-image:url(images/page/sfondo-giallo.jpg);
	background-repeat:repeat;
}

#news h3, #news-r h3, #news-bordered h3, #news-r-bordered h3 {
	padding-bottom: 5px;
}

#news ul, #news-r ul, #news-bordered ul, #news-r-bordered ul {
	list-style-type: none;
	list-style-image: url(images/page/0180_bullet.png);
}

#news img, #news-r img, #news-bordered img, #news-r-bordered img {
	float: left;
	margin: 4px 4px 4px 4px;
	border: 1px solid #000000;
}

#news-r img , #news-r-bordered img{
	float: right;
}

#news p, #news-r p, #news-bordered p, #news-r-bordered p {
	margin: 0px;
	padding: 0px;
}

.natale , .natale a:link, .natale a:visited, .natale a:hover {
	color: #d53333;
}


/**
* Tabella a tre colonne di larghezza uguale. Usata da wallpaper, ecc.
*/
#threeTable td {
	width: 33%;
	vertical-align:top;
	padding: 5px 5px 5px 5px;
}

/*********************************
/* Search pages					*/
/********************************/

#result_report {
	padding: 30px 0px 30px 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 130%;
	color: #dd753d;
	margin: 0px;
}

#results{
	padding: 0px 0px 10px 10px;
	width: 80%;
	font-size: 80%;
}

/******************************/
/* Eventi APT                 */
/******************************/

#eventiAPT {
	
}

#eventiAPT h2 {
	font-size: 90%;
	font-weight: bold;
	color: #4F4F1C;	
	padding-top: 5px;
}

#eventiAPT h4 {
	font-size: 80%;
	font-family: "trebuchet ms", Arial, helvetica, sans-serif;
}

/*****************************/
/* BANNER                    */
/*****************************/

#banner1, #banner2, #banner3, #banner4, #banner5, #banner6, #bannerpg {
	border-style:none;
	margin: 0px;
	padding: 0px;
}

#banner1 img, #banner2 img, #banner3 img, #banner4 img, #banner5 img, #banner6 img, #bannerpg img {
	border-style: none;
}