body {margin:0; background-color:#b2c5d8; font-family:Verdana, Arial, Helvetica, sans-serif;} ul{margin:0; padding:0;} ul li{list-style:none; margin:0;} a{text-decoration:none;} img {border:0;} #container {width:796px; margin:0 auto; position:relative; padding:27px 27px 0; background:url(../img/container_bg.gif) repeat-y #fff;} #container #background{height:400px; background:url(../img/container_bg.gif) repeat-y;} #container #closeContainer{height:27px; background-color:#fff; clear:both;} /*----------------- NAVIGAZIONE --------------------*/ #navigazione {height:27px; width:850px; position:absolute; z-index:10px; top:0; left:0; background-color:#fff; overflow:hidden;} #navigazione ul li{float:left;} #navigazione ul#menuOrizzontale{padding:0 0 0 266px;} #navigazione ul#menuOrizzontale li a{color:#003d7d;} #navigazione ul#menuOrizzontale li a.selected{color:#7f9ebe;} #navigazione ul#menuOrizzontale li a:hover{color:#ff5c01;} #navigazione ul#menuOrizzontale li{background:url(../img/navigazione_li.gif) no-repeat; padding:11px 15px 0 25px; font-size:12px; font-weight:bold; color:#003d7d;} #navigazione ul#lingue {float:right; padding:11px 27px 0 0;} #navigazione ul#lingue li{padding-left:10px;} /*----------------- LEFT --------------------*/ #left {color:#003d7d; float:left; width:186px;} #left a{color:#003d7d;} #left a:hover{color:#ff5c01;} #left a.selected{color:#ff5c01;} /*-- activities --*/ #activities {font-weight:bold; background-color:#ffefd9; margin-top:13px; padding-bottom:13px;} #activities ul{padding-left:15px;} #activities ul li{background:url(../img/li_quadrato.gif) no-repeat 0 17px; padding:13px 0 0 13px; font-size:11px; margin:0; line-height:15px;} #activities li ul{padding:0;} #activities li ul li{background:url(../img/li_cuneo.gif) no-repeat 0 5px; font-size:10px; padding:0 0 0 8px;} /*-- news --*/ #news {font-weight:bold; background-color:#ffefd9; margin-top:13px; padding-bottom:13px;} #news ul{padding-left:15px; margin-top:13px;} #news ul li{background:url(../img/li_quadrato.gif) no-repeat 0 4px; padding-left:13px; font-size:11px; margin:0; line-height:15px;} /*-- multimedia --*/ #multimedia {font-weight:bold; margin-top:23px; padding-bottom:13px; float:right;} #multimedia ul{} #multimedia ul li{float:left; font-size:10px; margin:0; line-height:15px; text-align:center;} #multimedia #multimedia_webcam{width:56px} #multimedia #multimedia_video{width:42px} #multimedia #multimedia_foto{width:42px} #multimedia #multimedia_link{width:44px} #listaWebcam li{float:left; padding-bottom:20px; padding-top:10px;} #listaWebcam li.left{padding-right:30px;} #listaWebcam li .luogo{font-size:13px; color:#286ec6; font-weight:bold;} #listaWebcam li .action{font-size:10px; color:#333;} #listaWebcam li .action a{color:#333;} #listaWebcam li .action a:hover{color:#286ec6;} /*-- grafico --*/ #grafico {position:relative; font-size:10px; text-align:left; float:left; width:186px;} #grafico #popUpGrafico{position:absolute; padding:58px 0 0 40px; background:url(../img/grafico_BG.gif) no-repeat; height:370px; width:560px; display:none;} #grafico #popUpGrafico #close{position:absolute; top:3px; left:560px;} #grafico #stockQuote{position:absolute; top:35px; left:345px; font-size:15px; font-weight:bold; text-align:right; width:200px;} #grafico #stockQuote span{font-size:10px; font-weight:normal} #grafico #stockQuoteSmall{padding-bottom:3px;} #grafico #ThumbsGrafico {width:186px; height:133px; overflow:hidden; border:1px solid #999;} #grafico #ThumbsGrafico img{margin:-57px 0 0 -321px;} /*----------------- RIGHT --------------------*/ #right {float:right; width:557px; margin-top:27px; /* height:400px; background-color:#00CC99; */ font-size: 11px; position:relative;} /*----------------- FOOTER --------------------*/ #footer {font-size:10px; color:#003d7d; letter-spacing:-0.2px; padding-top:5px; width:850px; margin:0 auto;} #footer a{color:#003d7d; font-weight:bold;} #footer a:hover{color:#ff5c01;} #footer span{color:#fff;} #footer #firma {float:right;} #footer #firma a{color:#ff5c01; font-weight:bold;} /*----------------- PAGE CONTENTS --------------------*/ .foto {margin-bottom: 10px;} .logoLink img{border:1px solid #b8cad8; margin-bottom:5px;} .contenuti_dx {background: #ffffff url(bkg_contenuti.gif) top center repeat-x; width: 211px; float: right; padding: 5px 0;} .contenuti_sx {background: #ffffff url(bkg_contenuti.gif) top center repeat-x; width: 319px; float: left; padding: 5px 0;} .contenuti_tot {background: #ffffff url(bkg_contenuti.gif) top center repeat-x; width: inherit; float: left; padding: 5px 0;} h6.titoli {font-weight: bold; font-size: 14px; color: #013e7d; background-color: #ffffff; padding: 0px 3px 0px 3px; margin: 10px 0px 10px 40px; display: inline; border-bottom: 2px solid #b8c9db;} .boxazzurro { background-color: #d8e2eb; padding: 10px; margin-top: 30px; font-size:10px;} #separatore { width: inherit; background: transparent; clear: both; height: 6px; margin-bottom: 0px;} #tratteggio { width: 556px; background: #ffffff url(tratteggio.gif) top center repeat-x; clear: both; height: 12px; margin: 15px 0px 15px 0px; padding:0px; display:block;} /*----------------SOLAR ENERGY-----------------------*/ .zoom {/*display:none;*/ height:150px; width:510px; padding:0; margin-bottom:30px; padding-left:17px; position:relative;} #grafico_total{ width:510px; height:110px; position:relative; margin-top:15px; margin-left:15px;} #grafico_total .dailyEnergy{ position:absolute; top:80px; width:100px; left:165px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; color: #013e7d; text-align:center; } #grafico_total .totalEnergy{ position:absolute; top:80px; width:100px; left:295px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; color: #013e7d; text-align:center; } #grafico_total .co2{ position:absolute; top:80px; width:100px; left:418px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; color: #013e7d; text-align:center; } #grafico_total .titleImpianto{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color:#ff5c03;} #grafico_total .titleDay{ position:absolute; top:53px; left:140px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #013e7d; width: 148px; text-align:center; } #grafico_total .titleTotal{ position:absolute; top:53px; left:270px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #013e7d; width: 151px; text-align:center; } #grafico_total .titleCo2{ position:absolute; top:53px; left:392px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #013e7d; width: 152px; text-align:center; } #grafico_total .subtitleGrafico{ position:absolute; top:67px; left:-5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #013e7d; width: 121px; text-align:center; } #close{ position:absolute; top:10px; left:497px;} .descImpianto{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px;} .titleImpianto{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color:#ff5c03;} .inverterEnergy{ position:absolute; top:121px; left:156px; width:60px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; color: #013e7d; text-align:center; } .inverterEnergy2{ position:absolute; top:201px; left:156px; width:60px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; color: #013e7d; text-align:center; } .inverterEnergy3{ position:absolute; top:290px; left:156px; width:60px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; color: #013e7d; text-align:center; } .dailyEnergy{ position:absolute; top:120px; width:100px; left:170px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; color: #013e7d; text-align:center; } .totalEnergy{ position:absolute; top:120px; width:100px; left:290px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; color: #013e7d; text-align:center; } .co2{ position:absolute; top:120px; width:100px; left:400px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; color: #013e7d; text-align:center; } .titleGrafico{ position:absolute; top:19px; left:29px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color: #013e7d; width: 328px; text-align:left; } .subtitleGrafico{ position:absolute; top:107px; left:-15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #013e7d; width: 221px; text-align:center; } .titleDay{ position:absolute; top:93px; left:148px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #013e7d; width: 148px; text-align:center; } .titleTotal{ position:absolute; top:93px; left:265px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #013e7d; width: 151px; text-align:center; } .titleCo2{ position:absolute; top:93px; left:372px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #013e7d; width: 152px; text-align:center; } .titleIverter{ position:absolute; top:81px; left:47px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; color:#ff5c03; text-align:center; } .titleIverterProduced{ position:absolute; top:81px; left:115px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; color:#ff5c03; text-align:center; } /*---------------------------------------*/ table, tr, td { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; padding: 0; margin:0; background: transparent; border: 0px solid #ffffff; vertical-align: top;} table.home tr td.square {background: #ffffff url(td1.gif) top left no-repeat; width: 36px; padding: 0px;} table.home tr td.videos {background: transparent; padding: 2px;} table.home tr td.imm {background: #ffffff url(td2.gif) top left no-repeat; width: 75px; padding: 10px;} table.home tr td.immprog {background: #ffffff url(td2_2.gif) top left no-repeat; width: 235px; padding: 9px;} table.home tr td.immprog_dett {background: #ffffff url(td_prog_dett.gif) top left no-repeat; width: 504px; padding: 8px;} .blu1 {font-weight: bold; color: #013e7d; } .blu2 {color: #013e7d; } .rosso1 {font-weight: bold; color: #ff5c03; } a.rosso1 {font-weight: bold; color: #ff5c03; } a.rosso1:hover {color:#003d7d;} a.contact {font-weight: bold; color: #003d7d; } a.contact:hover {color:#ff5c03;} #menunav { background: #e8edf3 url(bkg_menu_nav.gif) top left repeat-y; padding: 10px 10px 10px 30px; margin:0; border: 0px solid #ff0000; margin-bottom: 20px; color: #013e7d; font-weight: bold;} #menunav a { color: #0000fe; font-weight: bold;} #menunav a:hover { color: #ff5c03;} img.loghi_prog { border-left: 2px solid #bfcfdf; float: right;} img.imm_dx { border: 0px; float: right; padding: 0px 0px 0px 3px;} img.imm_sx { border: 0px; float: left; padding: 0px 7px 0px 0px;} .jiading {width: inherit; border: 1px solid #bfcfdf; background-color: #dedede; padding: 5px;} p.testi1 { border: 0px solid #ff0000; float: left; padding: 0px 0px 0px 10px;} p.testi1 span.arretra { border: 0px solid #000000; float: left; padding: 0px; margin-left: -11px; color: #013e7d; } p.testi2 { border: 0px solid #ff0000; float: left; padding: 0px 0px 0px 40px;} p.testi2 span.arretra { border: 0px solid #000000; float: left; padding: 0px; margin-left: -41px; color: #013e7d; font-weight: bold; } p.activities {border: 1px solid #bfcfdf; background-color: #dedede; padding: 5px;} p.testi3 { border: 0px solid #ff0000; float: left; padding: 0px 0px 0px 95px;} p.testi3 span.arretra { border: 0px solid #000000; float: left; padding: 0px; margin-left: -85px; color: #013e7d; font-weight: bold; }