body { background: #97CC34 url("../img/back-body.jpg") repeat-x top left; font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif; font-size: 78%; }
img, div { behavior: url("../js/iepngfix.htc"); }
address { font-style: normal; }
strong { font-weight: bold; }
.reg { vertical-align: super; font-size: 90%; }

.sitemap span { color: #5E8C2B; }
.sitemap a { color: #333; text-decoration: none }
.sitemap a:hover { text-decoration: underline; }

#Container { width: 991px; margin: 0 auto; position: relative; }


#Header { position: relative; background: url("../img/back-header.jpg") repeat-y top left; min-height: 118px; height: auto !important; height: 118px; }

h1 { position: relative; height: 92px; top: 18px; left: 28px; width: 292px; }
h1 span { position: absolute; top: 0; left: 0; z-index: 10; display: block; background: url("../img/logo.jpg") no-repeat top left; width: 292px; height: 92px; }

#Menu { position: absolute; top: 77px; left: 340px; }
#Menu li { height: 24px; float: left; margin-left: 25px;  }
#Menu li a { position: relative; display: block;   }
#Menu li a span { position: absolute; z-index: 10; top: 0; left: 0; display: block; height: 24px; cursor: pointer }
#Menu li a:hover span { background-position: 0 -24px; }
#Menu li a.active span { background-position: 0 -48px; }

#Menu .menu-1 a { width: 43px; }
#Menu .menu-1 a span { width: 43px; background: url("../img/menu/home.jpg") no-repeat top left; }

#Menu .menu-2 a { width: 122px; }
#Menu .menu-2 a span { width: 122px; background: url("../img/menu/come-funziona.jpg") no-repeat top left; }

#Menu .menu-3 a { width: 123px; }
#Menu .menu-3 a span { width: 123px; background: url("../img/menu/trova-ecobank.jpg") no-repeat top left; }

#Menu .menu-4 a { width: 104px; }
#Menu .menu-4 a span { width: 104px; background: url("../img/menu/installazione.jpg") no-repeat top left; }

#Menu .menu-5 a { width: 66px; }
#Menu .menu-5 a span { width: 66px; background: url("../img/menu/contatti.jpg") no-repeat top left; }

#Menu .menu-6 a { width: 138px; }
#Menu .menu-6 a span { width: 138px; background: url("../img/menu/rassegna.jpg") no-repeat top left; }

#ServiceMenu { background: url("../img/back-service-menu.jpg") no-repeat top left; position: absolute; left: 684px; top: 0; width: 272px; height: 34px; padding-left: 30px; }
#ServiceMenu li { float: left; margin: 10px 0 0 0; margin-left: 10px; }
#ServiceMenu li a { color: #666; text-decoration: none; padding-left: 10px;  border-left: 1px solid #666; }
#ServiceMenu li a:hover { color: #989898; }
#ServiceMenu li a.active { color: #8EC641; }
#ServiceMenu li.first a { border:none; }

/* FLASH */

#flashcontent { background: url("../img/back-flash.jpg"); height: 179px; width: 981px; margin: 0px auto; padding-top: 3px; }

/* CONTENT */

#Content { position: relative;  background: url("../img/back-content.jpg") repeat-y top left; min-height: 195px; height: auto !important; height: 195px }
#InnerContent { position: relative; top: 20; background: url("../img/back-content.png") repeat-y top left; min-height: 195px; height: auto !important; height: 195px; }
#InnerContent { line-height: 1.5; color: #262626 }
#InnerContent .padder { padding: 30px 30px; }
#InnerContent .green { color: #7DBA39; }
#InnerContent hr { background: #7DBA39; height: 1px; border: 0; }

.alert { background: #A2D542; width: 936px; margin: 0 auto; border: 1px solid #7DBE36; padding: 10px; font-size: 140%; line-height: 1.5; text-align: center; color: #FFF; position: relative; left: 0; top: 15px; margin-bottom: 15px; }
.alert .bigger { font-size: 130%; }
.alert .smaller { font-size: 80%; font-weight: bold; }

#Content #Left { float: left; margin-top: 15px; margin-left: 16px; width: 423px; height: 144px; background: url("../img/box-content.jpg") no-repeat top left; padding: 18px 23px; line-height: 1.3; color: #333; font-size: 105%; }
#Content #Left h2 { font-size: 110%; text-transform: uppercase; font-weight: bold; }
#Content #Left p { margin-bottom: 20px; }

#Content #Right { margin-left: 503px; }

#Search { position: absolute; top: 210px; }
#Search input { border: 1px solid #8CC63E; background: #FFF; color: #8CC63E }
#Search .btnCerca { border: 1px solid #8CC63E; background: #8CC63E; color: #333 }
#Treeview { position: absolute; top: 250px }
#Treeview p { margin-top: 10px; }
#Treeview a { text-decoration: none; font-weight: bold; color: #333; }
#Treeview a:hover { color: #8CC63E; }
#InnerContent #Right { margin-left: 250px; min-height: 400px; height: auto !important; height: 400px; }


#pagine { clear: left; padding-top: 20px; }
#pagine a { text-decoration: none; font-weight: bold; color: #333; }
#pagine a:hover, #pagine a.current {color: #8CC63E; }

#Content #Right #Trova { font-size: 110%; width: 474px; height: 106px; background: url("../img/box-trova-ecobank.jpg") no-repeat top left; text-align: right; position: relative; }
#Content #Right #Trova h2 { display: none; }
#Content #Right #Trova p { width: 250px; padding-top: 50px; padding-left: 193px; line-height: 1.1; color: #333 }
#Content #Right #Trova a { text-decoration: none; color: #333; }
#Content #Right #Trova a.full { display: block; position: absolute; width: 474px; height: 96px; top: 10px; left: 0; }
#Content #Right #Trova a.full span { display: none; }

#Content #Right #Come { font-size: 110%; width: 474px; height: 96px; background: url("../img/box-come-funziona.jpg") no-repeat top left; text-align: right; position: relative; top: -4px }
#Content #Right #Come h2 { display: none; }
#Content #Right #Come p { width: 270px; padding-top: 40px; padding-left: 175px; line-height: 1.3; color: #333 }
#Content #Right #Come a { text-decoration: none; color: #333; }
#Content #Right #Come a.full { display: block; z-index: 5; position: absolute; width: 474px; height: 90px; top: 6px; left: 0; }
#Content #Right #Come a.full span { display: none; }

#Content .corner, #InnerContent .corner { position: absolute; left: 0; bottom: -3px; height: 3px; width: 991px; background: url("../img/content-corner.jpg") no-repeat top left; }


#InnerContent h2 { margin-left: -5px; }

#InnerContent #ComeFunzionaLeft { float: left; width: 520px; }
#InnerContent #ComeFunzionaLeft h3 { margin-top: 10px; }
#InnerContent #ComeFunzionaLeft p { margin: 5px 0; }
#InnerContent #ComeFunzionaRight { margin-left: 580px; width: 263px; height: 155px; padding: 205px 25px 23px 50px; background: url("../img/box-come-funziona-2.jpg") no-repeat top left; }
#InnerContent #ComeFunzionaRight ul { margin: 5px 0; }
#InnerContent #ComeFunzionaRight ul ul { margin-top: 0; }
#InnerContent #ComeFunzionaRight ul li { font-weight: bold; }
#InnerContent #ComeFunzionaRight ul ul li { font-weight: normal; list-style-type: disc; list-style-position: inside }


#InnerContent #TrovaEcobankLeft { float: left; position: relative; top: 0; left: 0; width: 449px; height: 438px; padding: 10px; background: url("../img/back-trova-ecobank.jpg") no-repeat top left; }

/* REGIONI LIVELLO ITALIA */
#Italia { background: url("../img/mappa/italia-detail/italia.jpg") no-repeat top left; width: 449px; height: 438px; }
#Italia li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
#Italia a {display: block; text-indent: -9999px; text-decoration: none;}
#Italia .piemonte { position: absolute; top: 47px; left: 72px; width: 65px; height: 85px; z-index: 10; }
#Italia .piemonte a { height: 85px; background: url("../img/mappa/italia-detail/piemonte.png") no-repeat top left; }
#Italia .piemonte a:hover { background: url("../img/mappa/italia-detail/piemonte-hover.png") no-repeat top left; }

/* PROVINCE */
#Piemonte  { background: url("../img/mappa/regione-detail/piemonte.jpg") no-repeat top left; width: 449px; height: 438px; }
#Piemonte li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
#Piemonte a {display: block; text-indent: -9999px; text-decoration: none;}
#Piemonte .alessandria { position: absolute; top: 252px; left: 234px; width: 142px; height: 133px; z-index: 10; } 
#Piemonte .alessandria a { height: 133px; }
#Piemonte .alessandria a:hover { background: url("../img/mappa/regione-detail/al_over.png") no-repeat top left; }

#Piemonte .torino { position: absolute; top: 186px; left: 67px; width: 175px; height: 140px; z-index: 10; } 
#Piemonte .torino a { height: 140px; }
#Piemonte .torino a:hover { background: url("../img/mappa/regione-detail/to_over.png") no-repeat top left; }

#Piemonte .biella { position: absolute; top: 159px; left: 207px; width: 56px; height: 65px; z-index: 10; } 
#Piemonte .biella a { height: 65px; }
#Piemonte .biella a:hover { background: url("../img/mappa/regione-detail/bi_over.png") no-repeat top left; }


/* ALESSANDRIA */
#Alessandria  { background: url("../img/mappa/provincia-detail/alessandria.jpg") no-repeat top left; width: 449px; height: 438px; }
#Alessandria li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
#Alessandria a {display: block; text-decoration: none; text-align: center; color: #000 }
#Alessandria .alessandria { position: absolute; top: 195px; left: 169px; width: 70px; height: 57px; z-index: 10; } 
#Alessandria .alessandria a { height: 15px; padding-top: 42px; background: url("../img/marker-ecobank-big.png") no-repeat top center;  }
#Alessandria .alessandria a:hover { color: #666 }
#Alessandria .valenza { position: absolute; top: 130px; left: 188px; width: 70px; height: 57px; z-index: 10; } 
#Alessandria .valenza a { height: 15px; padding-top: 42px; background: url("../img/marker-ecobank-big.png") no-repeat top center; }
#Alessandria .valenza a:hover {color: #666 }
#Alessandria .casale { position: absolute; top: 60px; left: 120px; width: 70px; height: 57px; z-index: 10; } 
#Alessandria .casale a { height: 15px; padding-top: 42px; background: url("../img/marker-ecobank-big.png") no-repeat top center; }
#Alessandria .casale a:hover {color: #666 }

/* BIELLA */
#Biella  { background: url("../img/mappa/provincia-detail/biella.jpg") no-repeat top left; width: 449px; height: 438px; }
#Biella li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
#Biella a {display: block; text-decoration: none; text-align: center; color: #000 }
#Biella .candelo { position: absolute; top: 215px; left: 239px; width: 70px; height: 57px; z-index: 10; } 
#Biella .candelo a { height: 15px; padding-top: 42px; background: url("../img/marker-ecobank-big.png") no-repeat top center;  }
#Biella .candelo a:hover { color: #666 }

/* TORINO */
#Torino  { background: url("../img/mappa/provincia-detail/torino.jpg") no-repeat top left; width: 449px; height: 438px; }
#Torino li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
#Torino a {display: block; text-decoration: none; text-align: center; color: #000 }
#Torino .venaria { position: absolute; top: 235px; left: 249px; width: 100px; height: 57px; z-index: 10; } 
#Torino .venaria a { height: 15px; padding-top: 42px; background: url("../img/marker-ecobank-big.png") no-repeat top center;  }
#Torino .venaria a:hover { color: #666 }


#InnerContent #TrovaEcobankRight { height: 458px; margin-left: 499px; width: 436px; background: url("../img/ecobank.jpg") no-repeat bottom left; }
#InnerContent #TrovaEcobankRight h3 { font-size: 115%; color: #7DBA39; border-bottom: 1px solid #7DBA39; padding-bottom: 10px; margin-bottom: 13px; line-height: 1.2; font-weight: bold; }
#InnerContent #TrovaEcobankRight .color-green { background: url("../img/color-green.jpg") no-repeat left 5px; padding-left: 30px; margin-bottom: 10px; }
#InnerContent #TrovaEcobankRight .mini-ecobank { background: url("../img/logo-ecobank-small.jpg") no-repeat left 5px; padding-left: 30px; margin-bottom: 5px; padding-top: 7px; padding-bottom: 5px }
#InnerContent #TrovaEcobankRight .mini-ecobank-off { background: url("../img/logo-ecobank-small_bew.png") no-repeat left 5px; padding-left: 30px; margin-bottom: 10px; padding-top: 7px; padding-bottom: 7px }

/* FOOTER */
#Footer { clear: left; text-align: center; color: #FFF; font-weight: bold; } 
#Footer ul { background: url("../img/back-footer.jpg") no-repeat top left; min-height: 61px; height: auto !important; height: 61px; padding: 15px 17px; margin-bottom: 5px; }
#Footer ul li { float: left; }
#Footer ul li a { position: relative; display: block; height: 60px;   }
#Footer ul li a span { position: absolute; z-index: 10; top: 0; left: 0; display: block; height: 60px; }
#Footer ul .banner-0 a { padding-right: 10px; margin-right: 10px; border-right: 1px solid #666; width: 234px;  }
#Footer ul .banner-1 a { padding-right: 10px; margin-right: 10px; border-right: 1px solid #666; width: 212px;  }
#Footer ul .banner-2 a { width: 469px; }

#Footer ul .banner-0 span { cursor: pointer; width: 234px; background: url("../img/uniamo_energie_bann_234x60.gif") no-repeat top left; }
#Footer ul .banner-1 span { cursor: pointer; width: 212px; background: url("../img/Banner_Regione_234x60.jpg") no-repeat top left; }
#Footer ul .banner-2 span { cursor: pointer; top: 0px; height :72px; width: 469px; background: url("../img/Tradingenia3.jpg") no-repeat top left; }


.contatti-big { font-size: 130%; margin-top: 20px; width:560px; margin:0 auto; font-size:1.3em; clear: left; }
.email{ font-weight: bold; color: #7DBA39; }

#Accessibilita h3 { font-size: 130%; font-weight: bold; color: #7DBA39; border-bottom: 1px solid #AAA }
#Accessibilita .requisito, #Privacy .box { margin-bottom: 20px; }
#Privacy h3 { font-weight: bold; color: #7DBA39; }
#Privacy a { font-weight: bold; color: #7DBA39; text-decoration: none; }
#Credits { text-align: center; }
#Credits a { font-weight: bold; color: #7DBA39; text-decoration: none; }

.coccarda { position: absolute; z-index: 50; top: -50px; right: -20px; width: 159px; height: 160px; }
.coccarda span { display: none; }
.coccarda1 { background: url("../img/glossy/glossy_1.png") no-repeat top left; }
.coccarda2 { background: url("../img/glossy/glossy_2.png") no-repeat top left; }
.coccarda3 { background: url("../img/glossy/glossy_3.png") no-repeat top left; }
.coccarda4 { background: url("../img/glossy/glossy_4.png") no-repeat top left; }
.coccarda5 { background: url("../img/glossy/glossy_5.png") no-repeat top left; }
.coccarda6 { background: url("../img/glossy/glossy_6.png") no-repeat top left; }
.coccarda7 { background: url("../img/glossy/glossy_7.png") no-repeat top left; }
.coccarda8 { background: url("../img/glossy/glossy_8.png") no-repeat top left; }
.coccarda9 { background: url("../img/glossy/glossy_9.png") no-repeat top left; }
.coccarda10 { background: url("../img/glossy/glossy_10.png") no-repeat top left; }
.coccarda11 { background: url("../img/glossy/glossy_11.png") no-repeat top left; }
.coccarda12 { background: url("../img/glossy/glossy_12.png") no-repeat top left; }
.coccarda13 { background: url("../img/glossy/glossy_13.png") no-repeat top left; }
.coccarda14 { background: url("../img/glossy/glossy_14.png") no-repeat top left; }
.coccarda15 { background: url("../img/glossy/glossy_15.png") no-repeat top left; }
.coccarda16 { background: url("../img/glossy/glossy_16.png") no-repeat top left; }
.coccarda17 { background: url("../img/glossy/glossy_17.png") no-repeat top left; }
.coccarda18 { background: url("../img/glossy/glossy_18.png") no-repeat top left; }
.coccarda19 { background: url("../img/glossy/glossy_19.png") no-repeat top left; }
.coccarda20 { background: url("../img/glossy/glossy_20.png") no-repeat top left; }
.coccarda21 { background: url("../img/glossy/glossy_21.png") no-repeat top left; }
.coccarda22 { background: url("../img/glossy/glossy_22.png") no-repeat top left; }
.coccarda23 { background: url("../img/glossy/glossy_23.png") no-repeat top left; }


.TextHeadContact { font-size: 1.5em; }

.textBodyContact {font-size:1.2em;}
.textBodyContact a{ text-decoration: none; color: #333;}
.textBodyContact a:hover { color: #94ba39;}

.underFooter { width: 350px; margin: 0 auto;}

/* RASSEGNA STAMPA */

.rassegnaStampa {/* border-bottom: dashed 1px #999;*/}
.rassegnaStampa .fonte a { text-decoration: none; color: #333; }
.rassegnaStampa h3 { font-size: 140%; color: #7DBA39; clear: left;}
.rassegnaStampa .article {color: #999;}
.rassegnaStampa .article a{color: #7DBA39; text-decoration: none;}
.rassegnaStampa .fonte {color: #333; font-weight: bold;}
.rassegnaStampa .rassegnaStampaDescrizione {color: #666;}
.rassegnaStampa ul li{ float: left; width: 310px; margin-bottom: 5px;}
#Right .rassegnaStampa ul li { width: 210px; }

.rassegnaBtn {margin: 0 auto 10px auto; width: 736px;}
.btnStampa { background: url("../img/rs_stampa_off.jpg") no-repeat top left; width: 232px; height: 86px; margin: 0 5px;}
.btnStampaOn { background: url("../img/rs_stampa_on.jpg") no-repeat top left; width: 232px; height: 86px; margin: 0 5px; }
.btnStampa:hover { background: url("../img/rs_stampa_on.jpg") no-repeat top left; width: 232px; height: 86px; cursor: pointer; }
.btnVideo { background: url("../img/rs_video_off.jpg") no-repeat top left; width: 232px; height: 86px; margin: 0 5px;  }
.btnVideoOn { background: url("../img/rs_video_on.jpg") no-repeat top left; width: 232px; height: 86px; margin: 0 5px;  }
.btnVideo:hover { background: url("../img/rs_video_on.jpg") no-repeat top left; width: 232px; height: 86px; cursor: pointer;  }


.btnAudio { background: url("../img/rs_audio_off.jpg") no-repeat top left; width: 232px; height: 86px; margin: 0 5px;  }
.btnAudioOn { background: url("../img/rs_audio_on.jpg") no-repeat top left; width: 232px; height: 86px; margin: 0 5px;  }
.btnAudio:hover { background: url("../img/rs_audio_on.jpg") no-repeat top left; width: 232px; height: 86px; cursor: pointer;  }

.btnNote{}
.rassegnaVideo {margin: 5px 0 10px 0; display: block;}
.rassegnaVideo .rassegnaVideoTitle { font-size: 135%;  display: block; padding-left: 255px; }
.rassegnaVideo p object {margin: 15px auto; display: block;}
.clear { font-size: 130%; margin-top: 20px; width:560px; margin:0 auto; font-size:1.3em; clear: left; }
.clearLeft { clear: left; }

.archivio { border-top: 2px solid #8CC63E; margin-top: 20px; text-align: center; padding-top: 5px }
.archivio a { font-weight: bold; text-decoration: none; font-size: 130%; color: #333 }
.archivio a:hover { color: #8CC63E; }

/* ecobank details */
#Address { font-size: 200%; margin-top: 20px }