/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body {
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
}

h1, h2, h3, h4, h5, h6{
	font-weight:bold;
	font-size:100%;
	}

h2	{
	font-size:1.5em;
	border-bottom:1px solid #44a12b;
	padding-top:0.5em;
	margin-bottom:0.5em;
	font-style:italic;
	}
	
h3 {
	font-size:1.1em;
	padding-top:1.2em;}	
	
h4 {font-size:1em;
	font-style:italic;}

h5	{font-size:1.2em;
	font-style:italic;
	color:#44a12b;}		
	
p{
	padding:0.2em 0 0.4em 0;
	}

dt {font-weight:bold;
	color:#44a12b;
	float:left;
	padding-right:0.3em;
	clear:left;
	}

a:link, a:visited {
	color:#44a12b;
	text-decoration:none;
	}

a:hover {
	color:#990000;
	text-decoration:none;}

a:focus{outline:none;}	/*Per ovviare alla selezione grigia attorno ai link in firefox*/

#colonna_dx li {
	margin-left:15px;
	padding-right:1em;}

#colonna_dx ol li {
	margin-left:18px;}

.definizione_top {
	text-align:center;
	margin-top:10px;
	clear:both;
	}

.definizione_top a:link, .definizione_top a:visited, .definizione_top a:hover{
	font-size:1em;
	color:#666666;
		}

em {
	font-size:1.2em;
	font-style:italic;
	color:#44a12b;
	display:block;
	font-weight:bold;}										

/**********************************************************************/

/* Definizione struttura */

#wrapper {
	width:960px;
	margin:0 auto;
	text-align:left;
	border-left:2px solid #44a12b;
	border-right:2px solid #44a12b;
}

#testata {
	background: url(../images/testata.gif) no-repeat 0 0;
	height:132px;
	}

#contenuto {
	background-color:#44a12b;
	border-top:2px solid #FFF;
	clear:both;
	font-size:1.2em;
	line-height:1.4em;
}

.home #contenuto{
	background-color:#FFFFFF;
	}
	
#footer {
	height:40px;
	clear:both;
	text-align:center;
	font-size:1.1em;
	padding-top:0.5em;
}

#colonna_sx{
	width:190px;
	float:left;
}

#colonna_dx{
	width:750px;
	float:right;
	background-color:#FFFFFF;
	padding-left:20px;
}


.spaziatore {
	padding-bottom:1.5em;}
	
.spaziatore p, .spaziatore h3 {
	padding-right:1em;}	

.clear {clear:both;}

/**********************************************************************/

/* menu */

#menu {
	margin: 0;
	padding: 3px 0 2px 0;
	background-color:#44a12b;
	list-style:none;
	list-style-position:outside;
	text-align:center;
	font-size:1.5em;
}

#menu li {
	display:inline;
	border-left: 2px solid #add6a2;
	padding-left:1em;
	padding-right:1em;
	padding-bottom:2px;
}

#menu li.primoElemento {
	border-left:0;
}

#menu a:link, #menu a:visited {
	text-decoration:none;
	color:#add6a2;
	font-weight:bold;
	font-style:italic;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
}

#menu li.selezionato, #menu li.selezionato a:link, #menu li.selezionato a:visited {
	color:#FFF;
}

#menu a:hover, #menu a:active, #menu li.selezionato a:hover, #menu li.selezionato a:active {
	color:#fff;
}
/**********************************************************************/
/* Definizione menu_egate */
	
#menu_egate, #menu_area_ris {
	list-style:none; 
	list-style-position:outside;
}

#menu_egate a, #menu_area_ris a {
	color:#FFFFFF; 
	text-decoration:none; 
	font-weight:bold; 
	font-style:italic; 
	font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; 
	font-size:1em;
}

#menu_egate a:hover,#menu_area_ris a:hover  {
	color:#add6a2;
}

#menu_egate li {
	line-height:1.3em;
}
#colonna_sx #menu_egate,#colonna_sx #menu_area_ris{
	padding-left:10px;
	padding-right:10px;
	padding-top:15px;
}


/**********************************************************************/

/* Definizione FORM */

form {
	margin-top:1em;}

fieldset {
	border:0;
	}

legend {
	font-size:1.2em;
	font-weight:bold;
	padding-bottom:0.5em;
	color:#000;
	}

label, input, textarea {
	display:block;
	}

input, textarea {
	width:90%;
	border:1px solid #CCC;
	padding:0.1em;}		

input:focus, textarea:focus {
	border-color:#999999;
	background-color:#EEE;}

.bottoni input{
	width:auto;}
	 
form p {
	clear:both;
	padding-top:1em;}

input.bottone, input.bottone:focus {
	background-color:#999999;
	color:#FFFFFF;
	padding:2px;
	margin:0 auto;}		



/**********************************************************************/

/* home page */

#underconstruction{
	font-size:1.5em;
	color:#FF9900;
	font-weight:bold;
	text-align:center;}
	
#titolo_farfalle{
	font-size:1.2em;
	color:#44a12b;
	font-weight:bold;
	text-align:center;
	padding-top:0.8em;}	

#farfalle ul {
	margin: 0;
	padding: 0px 0 0 0;
	list-style:none;
	list-style-position:outside;
}

#farfalle li {
	display:inline; 
	float:left;
	width:192px;
	}
	
#farfalle li a {
	text-indent:-9000px; /* Nascondo i link per non renderli visibili */
	display:block;
	height:221px;
}
 
.farfalla1 a{
	background: url(../images/farf.gif) no-repeat center top;
}

.farfalla1 a:hover{
	background: url(../images/farf_SOPRA.gif) no-repeat center top;
}

.farfalla2 a{
	background: url(../images/farf_02.gif) no-repeat center top;
}

.farfalla2 a:hover{
	background: url(../images/farf_02_SOPRA.gif) no-repeat center top;
}

.farfalla3 a{
	background: url(../images/farf_03.gif) no-repeat center top;
}

.farfalla3 a:hover{
	background: url(../images/farf_03_SOPRA.gif) no-repeat center top;
}

.farfalla4 a{
	background: url(../images/farf_04.gif) no-repeat center top;
}

.farfalla4 a:hover{
	background: url(../images/farf_04_SOPRA.gif) no-repeat center top;
}

.farfalla5 a{
	background: url(../images/farf_05.gif) no-repeat center top;
}

.farfalla5 a:hover{
	background: url(../images/farf_05_SOPRA.gif) no-repeat center top;
}

#news {
	background: #44a12b url(../images/banner.gif) no-repeat top left;
	height:227px;
	border-top:2px solid #44a12b;
	border-bottom:2px solid #44a12b;
	clear:both; 
	position:relative;	
}

#news2 {
	background: #44a12b url(../images/banner-10.gif) no-repeat top left;
	height:227px;
	border-top:2px solid #44a12b;
	border-bottom:2px solid #44a12b;
	clear:both; 
	position:relative;	
}


#news #menu_egate {
	list-style:none; 
	list-style-position:outside; 
	position:absolute; 
	bottom:10px; 
	left:10px;
}

#box_news {
	width:328px; padding:7px;  font-style:italic;
	position:absolute;
	border:0 0;
	top:0px;
	left:615px;

}


#box_news h2 {
	font-weight:bold; font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; font-size:1.2em; color:#FFFFFF; font-size:1.6em;
}

#box_news h2 span {
	color:#add6a2;}

#box_news p {
	border-top:1px solid #FFF; 
	padding:0.8em 0;
	font-size:11px;
	line-height:1em;
}

#box_news p.primo_paragrafo {
	border-top:0px; 
}

#box_news a{
	color:#000;}

#box_news a:hover{
	color:#FFF;}


/**********************************************************************/

/* Definizione pagina contatti */

#colonna_sx h1{
	font-weight:bold;
	color:#FFFFFF;
	text-align:right;
	padding-left:10px;
	padding-right:10px;
	padding-top:15px;
}

#colonna_sx address{
	text-align:right;
	padding-left:10px;
	padding-right:10px;
}

.contatti #colonna_dx{ 
	background:#fff url(../images/telefono_contatti.gif) no-repeat top right;}	

#contatti,#area_riservata {
	padding-top:1em;
	float:left;
	width:45%;
	background-color:#e5e5e5;
	padding-left:1em;
	padding-bottom:0.5em;
}

#mappa {
	float:right;
	width:50%;
	padding-top:20em;
	}

.indirizzo  a{
	color:#000;}

.indirizzo a:hover{
	color:#FFF;}


/**********************************************************************/

/* Definizione pagina chi siamo */

.chiSiamo #colonna_sx{
	background:url(../images/cassonetti_siamo.gif) no-repeat top left;
	height:280px;}
	
.chiSiamo .spaziatore ul{
	float:left;
	width:250px;
	padding-top:1em;
	padding-bottom:0.5em;}
	
.chiSiamo #colonna_dx li.primo_li {
	margin-left:0px;
	list-style:none;
	}
		
/**********************************************************************/

/* Definizione pagina Isole Ecologiche 2 */

.isoleecologiche2 #colonna_sx{
	background:url(../images/cassonetti-isole.jpg) no-repeat top left;
	height:280px;}
	
.isoleecologiche2 .spaziatore ul{
	float:left;
	width:250px;
	padding-top:1em;
	padding-bottom:0.5em;}
	
.isoleecologiche2 #colonna_dx li.primo_li {
	margin-left:0px;
	list-style:none;
	}
		
/**********************************************************************/

/* Definizione pagina risultati */
.risultati #colonna_sx{
	background:url(../images/paese_risultati.gif) no-repeat top left;
	height:280px;}

.risultati #colonna_dx{ 
	background:#fff url(../images/lente.gif) no-repeat top right;}	

.risultati .spaziatore img{
	float:right;
	border:1px solid #DDD;
	margin:0 0 3px 6px;}

.download {
	clear:both;}

.spaziatore .download img {
	float:none;
	border:0;
	margin:0 0 -10px 0;
	}	

/**********************************************************************/

/**********************************************************************/

/* Definizione pagina scelta-sistema */
.scelta #colonna_sx{
	background:url(../images/scelta-sistema.gif) no-repeat top left;
	height:280px;}

.scelta .spaziatore img{
	float:right;
	border:1px solid #DDD;
	margin:0 0 3px 6px;}

.download {
	clear:both;}

.spaziatore .download img {
	float:none;
	border:0;
	margin:0 0 -10px 0;
	}	

/**********************************************************************/

/**********************************************************************/

/* Definizione pagina area riservata */
.area_riservata #colonna_sx{
	height:280px;
	background-image: url(../images/area_riservata.jpg);
	background-repeat: no-repeat;
	background-position: left 100px;
}
.small {
	font-size: 10px;
	color: #666666;
}


.area_riservata #colonna_dx{ 
	background:#fff url(../images/lente.gif) no-repeat top right;}	

.area_riservata .spaziatore img{
	float:none;
	border:1px none #DDD;
	padding-right: 5px;
}
.red {
	color: #CC0000;
}


.download {
	clear:both;}

.spaziatore .download img {
	float:none;
	border:0;
	margin:0 0 -10px 0;
	}	

/**********************************************************************/

/* Definizione pagina news */
.news #colonna_sx{
	background:url(../images/egate_news.gif) no-repeat top left;
	height:280px;}

.news #colonna_dx{ 
	background:#fff url(../images/news_postit.gif) no-repeat top right;}	

#colonna_dx .spaziatore h2 span {
	color:#add6a2;}
	
.news .spaziatore img{
	float:right;
	border:1px solid #DDD;
	margin:0 0 3px 6px;}

.testoGrigio{
	font-size:0.9em;
	color:#666666;}


/**********************************************************************/
/* Definizione pagina sistema_egate */

.sistema_egate #colonna_dx {
	width:770px;
	padding-left:0px;
	}

.sistema_egate .spaziatore{
	padding-left:20px;
	position:relative;
	}

.sistema_egate img.immagini_sinistra {
	position:absolute;
	top:2.1em;
	left:-190px;
	border-top:1px solid #FFF;
	}

#canone {
	background:url(../images/canone_farfalla.gif) no-repeat left bottom;}

#canone_cassonetto {
	float:right;
	z-index:100;
	position:relative;
	top:-40px;
	}
	
#canone ul{
	list-style:none;
	list-style-position:outside;
	}
	
#canone li{
	list-style:none;
	list-style-position:outside;
	margin-left:0px;
	padding-top:0.5em;
	}	
	

#sistema {
	background:url(../images/sistema_farfalla.gif) no-repeat left bottom;
	}			

#vantaggi {
	background:url(../images/vantaggi_farfalla.gif) no-repeat left bottom;
	}


.definizioni_versatile {
	color:#44a12b;
	font-weight:bold;
	}

/**********************************************************************/
/* Definizione pagina sistema_controllo */	

.sistema_controllo h3{
	text-transform:uppercase;}

.sistema_controllo h4 {
	font-size:1.2em;
	color:#44a12b;
	font-style:italic;
	font-weight:bold;}

#risultati{
	background:url(../images/farfalla3.gif) no-repeat right bottom;
	}

#risultati dl{
	line-height:1.8em;
	}
 
#risultati dt{
	font-size:1.2em;
	font-style:italic;
	}

#monitoraggio {
	background:url(../images/farfalla1.gif) no-repeat right bottom;
	}	

#tecnologia {
	background:url(../images/farfalla2.gif) no-repeat right bottom;
	}									

#dispositivo {
	background:url(../images/farfalla4.gif) no-repeat right bottom;
	}

#vantaggi_applicazioni {
	background:url(../images/farfalla5.gif) no-repeat right bottom;
	height:300px;}

#tecnologia ul{
	list-style:none;
	list-style-position:outside;
	}
	
#tecnologia li{
	list-style:none;
	list-style-position:outside;
	margin-left:0px;
	clear:both;
	}	

#tecnologia li img{
	float:left;
	}	
		
#menu_farfalle {
	list-style:none; 
	list-style-position:outside;
	padding-left:10px;
	padding-right:10px;
	padding-top:15px;
}

#menu_farfalle a {
	color:#FFFFFF; 
	text-decoration:none; 
	font-weight:bold; 
	font-style:italic; 
	font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; 
	font-size:0.95em;
	padding:1em 0;
	display:block;
}

#menu_farfalle a:hover {
	color:#add6a2;
}

#menu_farfalle li {
	line-height:1.1em;
	clear:both;
	padding-bottom:0.5em;
	vertical-align:middle;
}	

#menu_farfalle img{
	float:left;}
	
/**********************************************************************/
/* Definizione pagina simulazione */		

.simulazione #colonna_sx{
	background:url(../images/simulazione_cassonetti.jpg) no-repeat left top;
	height:225px;
	}

.simulazione .spaziatore em{
	display:inline;
	}
		
#simulazione_costi ul{
	list-style:none;
	list-style-position:outside;
	padding:1em 0;
	}
	
#simulazione_costi li{
	list-style:none;
	list-style-position:outside;
	margin-left:0px;
	color:#000000;
	clear:both;
	}	

#simulazione_costi li img{
	float:left;
	border:none;
	padding-right:0.5em;
	}	
		
		
.simulazione .schema{
	position:relative;
	}

.simulazione .schema div{
	position:absolute;
	color:#FFF;
	text-align:center;
	font-size:28px;
	width:105px;
	line-height:1em;
	}



.cornice{
	width:715px;
	padding:4px;
	border:1px solid #d01530;
	font-size:1.1em;
	}						



#rosso1{
	top:46px;
	left:205px;
	font-size:36px;
	width:155px;
	height:38px;
	}
#rosso2{
	top:144px;
	left:123px;
	}
#rosso3{
	top:144px;
	left:340px;
	}
#rosso4{
	top:238px;
	left:205px;
	}
#rosso5{
	top:238px;
	left:471px;
	}
#rosso6{
	top:339px;
	left:135px;
	}
#rosso7{
	top:339px;
	left:265px;
	}							
#rosso8{
	top:339px;
	left:412px;
	}				
#rosso9{
	top:339px;
	left:540px;
	}
#verde1{
	top:447px;
	left:135px;
	}
#verde2{
	top:447px;
	left:265px;
	}
#verde3{
	top:447px;
	left:412px;
	}
#verde4 {
	top:447px;
	left:539px;
	}
#verde5 {
	top:559px;
	left:203px;
	}											
#verde6 {
	top:559px;
	left:473px;
	}
#verde7 {
	top:668px;
	left:341px;
	}
#verde8 {
	top:799px;
	left:123px;
	}		
#verde9 {
	top:799px;
	left:341px;
	}
#verde10 {
	top:799px;
	left:521px;
	}
#verde11 {
	top:930px;
	left:207px;
	font-size:36px;
	width:155px;
	height:38px;}
	
/**********************************************************************/

/* Definizione cosa_dicono */
.cosa_dicono #colonna_sx{
	background:url(../images/cassonetti_azzurri.jpg) no-repeat top left;
	height:280px;}

.cosa_dicono #colonna_dx{ 
	background:#fff url(../images/blocchi.gif) no-repeat top right;}	

.cosa_dicono .spaziatore img{
	float:right;
	border:1px solid #DDD;
	margin:0 0 3px 6px;}

.download {
	clear:both;}

.spaziatore .download img {
	float:none;
	border:0;
	margin:0 0 -10px 0;
	}

/**********************************************************************/	

/* Definizione ravenna */
.ravenna #colonna_sx{
	background:url(../images/cassonetti_siamo.gif) no-repeat top left;
	height:280px;}



.ravenna .spaziatore img{
	float:right;
	border:1px solid #DDD;
	margin:0 0 3px 6px;}

.download {
	clear:both;}

.spaziatore .download img {
	float:none;
	border:0;
	margin:0 0 -10px 0;
	}

/**********************************************************************/	

.minH {
min-height: 280px;
height: auto !important;
height: 280px;
}