/*	layout_air.css								*/

/*	Directory AiR/zz1_cssjs						*/

/*	Versione del 11-07-2010						*/

/*	Validato yy-xx-2010							*/

/*	----------------------------------------	*/

/*	Full Screen - 2 colonne						*/

/*	-----------------------------------------------	*/

/* http://meyerweb.com/eric/tools/css/reset/ 		*/
/* v1.0 | 20080212 									*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*	From YUI (17-11-08 / 03-12-08)	*/

fieldset, legend, input, textarea, select { margin:0; padding:0; }
fieldset { border: 1px solid gray; }
legend   { color: #AB003D; font-weight: bold; }	/* Scuro	*/
button   { color: black; font-weight: normal; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

body {	font-family: Verdana, Helvetica, Arial, sans-serif; 
		font-size: 13px;
		font-weight: normal; 
		text-align: center; 
		color: #000000; 
		background-color: #FFFFFF;
}

small { font-size: 80%; }


a { color: #0028C8; }		/* Blu logo	*/
a:hover {
	color: #C80028;		/* Rosso triadic	*/ 
	text-decoration: underline;
} 


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
		
#container { 
	margin: 0px;
	padding: 0px 10px 10px 10px;
	text-align: left; 
	color: #000000;
	background-color: #FFFFFF;
	z-index: 1;
}

/*	----------------------------------------------------------	*/
/*	Stili per Header											*/
/*	----------------------------------------------------------	*/

#global_header {
	height: 81px;		/* Versione 28-05-2010	*/
	clear: both;
}

#text_testata {
	margin: 0;
	padding-top: 30px;
	
	font-family: "Trebuchet MS", Verdana, Arial, Sans-serif; 
	color: #0028C8;				/* Colore logo	*/
	color: #6181FF;				/* Colore blu chiaro	*/
	color: #646464;			
	font-size: 18px;
	
	font-weight: bold;
	text-align: center;
}

/*	----------------------------------------------------------	*/
/*	Stili per il menu di navigazione  verticale a sinistra		*/
/*	----------------------------------------------------------	*/

div#colonna_sinistra {	/* NB: la colonna di sinistra non ha bordi	*/
	float: left;
	width:175px;
	margin: 0px 25px 0px 0px;
	margin-top: 5px;	/* Il margin-top deve essere identico a quello del #content	*/
}

div#menu_v {
	margin: 0px 25px 15px 0px;
	border: 1px solid #CCCCCC; 
	width: 175px; 
	/*	float: left;	*/ 
}

div#menu_v a {
	padding: 5px 10px 5px 10px;
	border-bottom: 1px solid #CCCCCC;
	display: block; 
	color: #000000; 
	text-decoration: none;
	font-family: Arial, Helvetica, Arial, sans-serif; 
	font-size: 13px;
	font-weight: normal;
	line-height: normal;
}

div#menu_v a:hover { 
	background: #F0F0F0;
	color: #000000; 
}
div#menu_v a#activelink, div#menu_v a#home_activelink { 
	font-weight: normal; 
	background: #AEAEAE url(../zz1_icons/bg.jpg) repeat-x top;
	color: #0028C8;			/* Blu logo	*/ 
}
div#menu_v a#home, div#menu_v a#home_activelink { padding: 10px; }


/*	-----------------------------------------------	*/
/*	Stili per i contenuti							*/
/*	-----------------------------------------------	*/

div#content {
	line-height: 18px;
	margin-top: 5px;
	margin-left: 200px;		/* 175 (menu) + 25 (margin-right)	*/

}

/*	-----------------------------------------------	*/
/*	Home Page										*/
/*	-----------------------------------------------	*/

.linea1, .linea2, .linea3, .linea4, .linea5, .linea6 {
	color: #646464;
	font-size: 14px;
	text-align: left;
	font-weight: normal;
	font-family: Verdana, Arial, Sans-serif;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-serif; 
	font-style: normal;
	margin: 0px;
	padding: 0px;
	line-height: 20px;
}
.linea1 { margin-left: 0px; }
.linea2 { margin-left: 4px; }
.linea3 { margin-left: 8px; }
.linea4 { margin-left: 12px; }
.linea5 { margin-left: 16px; }
.linea6 { margin-left: 20px; }

table.home_page {
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	margin: 0px;
	padding: 5px;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;			/* in px	*/
	background-color: white;
}

td.cella_sinistra, td.cella_destra {
	border-style: none;
	vertical-align: top;
	padding: 0px 5px 0px 0px; 
	width: 50%;
}
	
td.cella_sinistra { border-right: 1px solid #CCCCCC; }

.sous_tire_HP {
	color: #0028C8;		/* Colore logo AiR			*/
	font-size: 15px;
	text-align: left;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	margin: 0px;
	padding: 5px 0px 5px 8px;
	line-height: 20px;
}

/*	-----------------------------------------------	*/
/*	Footer											*/
/*	-----------------------------------------------	*/

div#footer { 
	margin: 15px 0px; 
	color: #999999; 
	clear: both; 
	font-size: 11px; 
	font-weight: normal;
	border-top: 1px dotted #CCCCCC; 
	padding-top: 5px;
}
div#footer a { color: #999999; text-decoration: none; }
div#footer a:hover { 
	color: #C80028;		/* Rosso triadic	*/ 
	text-decoration: underline;
}

/*	-----------------------------------------------	*/
/*	Gestione dei contenuti							*/
/*	-----------------------------------------------	*/

h1 {
	margin: 0px 0px 20px 0px;
	padding: 6px 10px 6px 10px;
	border: 1px solid #CCCCCC; 
	 
	line-height: normal; 

	background: #AEAEAE url(../zz1_icons/bg.jpg) repeat-x top; 
	
	font-family: Arial, Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
	
	font-size: 18px;		/*	Versione 26-06-2010		*/
	padding-top: 8px;		/*	Versione 26-06-2010		*/ 
	padding-bottom: 7px;	/*	Versione 26-06-2010		*/ 
}


div.box_100609 {
	width: 80%;
	border: 1px solid #CCCCCC; 
	margin-bottom: 10px;
}
			
div.box_100609  h3 {
	margin:0; 
	padding: 8px 10px 8px 10px;
	background: #ABC7EE url(../zz1_icons/bg_header.jpg) repeat-x top; 
}
			
div.box_100609  div {
	margin: 0; 
	padding: 5px 10px 5px 10px; 
	background: white;
}


div.immagine_portfolio_left, div.immagine_portfolio_right {
	width: 380px;
	margin: 0px;
}

div.immagine_portfolio_left {
	float: left;
	padding: 0px 10px 0px 0px;
}

div.immagine_portfolio_right {
	float: right;
	padding: 0px 0px 0px 5px;
}







div.air_legend, div.air_legend_left, div.air_legend_right {
	margin: 0px 0px 10px 0px;
	border: 1px solid #CCCCCC;
	padding-top: 15px;
	
	padding-left: 10px;
	padding-right: 10px; 
}

div.air_legend  	 { margin-top: 15px; }
div.air_legend_left  { float: left; }
div.air_legend_right { float: right; }

div.air_legend span, div.air_legend_left span, div.air_legend_right span {
	margin-top:-24px; 
	margin-left: 0px;
	padding: 0px 4px;
	background-color: #FFFFFF; 
	display:block; 
	float:left; 
	color: #0028C8;		/* Colore logo AiR			*/
	color: #289000;		/* Verde from triadic, ma più scuro	*/
	font-weight:bold; 

}

/*	Versione 3 colonne	*/

/* http://css.html.it/articoli/leggi/2072/liste-su-piu-colonne-con-i-css/ */

div#multi { 
    background: #F5F5F5;
	color: black;
	border: 1px solid #D7D7D7;
	
	width: 100%; 
	overflow: hidden;  /* simple clearing of floats */
	
	margin-bottom: 10px;
    padding: 5px 0px 10px 0px;
    line-height: 1.8;
}

div#multi ul, div#multi li { margin:0; padding:0; list-style: none; }

div#multi h3 { 
	color: #289000;		/* Colore verde		*/
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	font-size: 15px;
    margin: 0.1em 0;
    border-bottom:1px dotted #777; 
}

div#multi ul, div#multi li { margin:0; padding:0; list-style: none; }

div#multi div {
	float: left;
	width: 32%;			/* caso 3 colonne	*/
    margin-left: 1%;	/* caso 3 colonne	*/
	display: inline; 	/* per evitare il float double margin bug di IE	*/
    }

div#multi li { border-bottom: 1px dotted #777; }

div#multi a { 
	color: black;
    background: transparent url(../zz1_icons/green_arrow.gif) no-repeat center left;
	font-family: Arial, Verdana, Helvetica, Arial, sans-serif; 
    font-weight: normal;
	font-size: 13px;
	
	display: block; 
    height: auto !important; 
	height: 1%; /* holly hack semplificato per IE */
    text-decoration: none;
	padding-left:15px;	/* caso 3 colonne	*/
}

div#multi a:hover { 
	color:black; 
	background-color: #D7D7D7; 

}

/*	-------------------------------------------------------------------------	*/

/*	Credits: Recreating the button - Douglas Bowman								*/
/*	URL: http://stopdesign.com/archive/2009/02/04/recreating-the-button.html	*/
/*	URL esempio: http://stopdesign.com/eg/buttons/3.0/code.html					*/

/*	NB: utilizza l'immagine bg-button.gif in background							*/

.btn {
	
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;

	margin: 0px;
	margin-bottom: 5px;					/* aggiunto io */

	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;

	display: inline-block;
	background: none transparent scroll repeat 0% 0%;

	font: 100%/1.2 Arial,Sans-serif;
	overflow: visible;
	
	color: black;
	text-decoration: none;
}

* HTML button.btn { padding-bottom: 1px }

UNKNOWN { margin: 0px -3px }

.btn span {
	border-right: #aaa 1px solid;
	border-left: #bbb 1px solid;

	padding-top: 3px;
	padding-right: 0px; 
	padding-left: 0px;
	padding-bottom: 3px; 
	
	margin: 0px;

	background: url(../zz1_icons/bg-button.gif) #ddd repeat-x 0px 0px;
}

* HTML .btn span {
	padding-top: 0px;
}

.btn span span {
	border-top: #bbb 1px solid;
	border-right-width: 0px;
	border-bottom: #aaa 1px solid;	
	border-left-width: 0px;	
	
	padding-top: 3px;
	padding-right: 0.4em;
	padding-bottom: 3px;
	padding-left: 0.4em;
	position: relative;
}

.btn:hover span {
	border-left-color: #9cf! important;
	border-bottom-color: #9cf! important;
	cursor: pointer; color: #000;
	border-top-color: #9cf! important;
	border-right-color: #9cf! important;
}

.btn:hover span span {
	border-left-color: #9cf! important;
	border-bottom-color: #9cf! important;
	cursor: pointer; color: #000;
	border-top-color: #9cf! important;
	border-right-color: #9cf! important;
}

.btn:focus span {
	border-left-color: #9cf! important;
	border-bottom-color: #9cf! important;
	cursor: pointer; color: #000;
	border-top-color: #9cf! important;
	border-right-color: #9cf! important;
}

.btn:focus span span {
	border-left-color: #9cf! important;
	border-bottom-color: #9cf! important;
	cursor: pointer; color: #000;
	border-top-color: #9cf! important;
	border-right-color: #9cf! important;
}

.btn:active span {
	background-position: 0px -400px; outline: none;
}

.btn:focus { outline: none; }

.btn:active { outline: none; }

/*	+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++	*/