@charset "UTF-8";
/*  ZOSER - CSS Document */

body{ font-family: "Lucida Grande", Lucida, Verdana, sans-serif; font-size: 11px;}

div.tit_blu {height:33px;line-height:33px; padding:0 10px;background:url(images/sfondo_tit_blu.jpg);color:#ffffff;font-weight:bold;font-size:14px;font-weight:bold;text-align:center;font-family: "Lucida Grande", Lucida, Verdana, sans-serif;}

div.tit_giallo {height:30px;line-height:30px; padding:0 10px;background:url(images/sfondo_tit_giallo.jpg);color:#000000;font-weight:bold;font-size:14px;font-weight:bold;text-align:center;font-family: "Lucida Grande", Lucida, Verdana, sans-serif;}
div.tit_giallo a {color:#000000;text-decoration:none;}
div.tit_giallo a:hover {text-decoration:underline;}

a.contatti {color:#073E90;text-decoration:none;} a.contatti:hover {text-decoration: underline;}


div.video {width:528px;height:304px;background-image:url(images/video.jpg);}
a.fotovoltaica {width:438px;height:135px;padding:125px 45px 0 45px;display:block;background-image:url(images/fotovoltaica.jpg);color:#073E90;font-size:12px;text-decoration:none;text-align:left;}
a.fotovoltaica:hover {text-decoration:underline;}

a.eolica {width:220px;height:194px;padding: 70px 154px 0 154px;display:block;background-image:url(images/eolica.jpg);color:#000000; font-weight:bold;font-size:12px;text-align:center;text-decoration:none;}
a.eolica:hover {text-decoration:underline;}

a.solare {width:528px;height:160px;display:block;background-image:url(images/solare.jpg);}


div.linea_blu {width:236px;height:1px;margin:24px auto;background-color:#073E90;}

a.tariffe {color:#073E90;text-decoration:none;}	a.tariffe:hover {color:#999999;/*text-decoration:underline;*/}

h2 { font-family: "Lucida Grande", Lucida, Verdana, sans-serif;color:#C1272D;font-size:14px;font-weight:bold;text-align:left;}

.testo_normale {color:#073E90;font-weight:bold;text-align:left;line-height:17px;}
.testo_normale a:link {text-decoration: none; color: #073e90; font-family: Arial, Verdana, Helvetica, sans-serif; }
.testo_normale a:visited {text-decoration: none; color: #073e90; font-family: Arial, Verdana, Helvetica, sans-serif; } 
.testo_normale a:active {text-decoration: underline; color: #073e90; font-family: Arial, Verdana, Helvetica, sans-serif; } 
.testo_normale a:hover {text-decoration: underline; color: #073e90; font-family: Arial, Verdana, Helvetica, sans-serif; cursor: pointer;}

.menu a:link {text-decoration: none; color: #073e90; font-family: Arial, Verdana, Helvetica, sans-serif; }
.menu a:visited {text-decoration: none; color: #073e90; font-family: Arial, Verdana, Helvetica, sans-serif; } 
.menu a:active {text-decoration: underline; color: #073e90; font-family: Arial, Verdana, Helvetica, sans-serif; } 
.menu a:hover {text-decoration: underline; color: #073e90; font-family: Arial, Verdana, Helvetica, sans-serif; cursor: pointer;}

/* MENU TASTI PRINCIPALE */

#menu{position: relative;height: 32px;overflow: hidden;}
#menu ul,#menu li{margin: 0;padding: 0;list-style: none}
#menu a{position: absolute;top: 0;width: 703px;height: 32px;
    background-image: url(images/tasti.jpg);text-indent: -9999px}


#home a{left: 0px;background-position: 0px 0px}
#foto a{left: 72px;background-position: -72px 0px}
#eolica a{left: 270px;background-position: -270px 0px}
#solare a{left: 416px;background-position: -416px 0px}
#contatti a{left: 574px;background-position: -574px 0px}


#home a.active{background-position: 0px -32px}
#foto a.active{background-position: -72px -32px}
#eolica a.active{background-position: -270px -32px}
#solare a.active{background-position: -416px -32px}
#contatti a.active{background-position: -574px -32px}


/*parte per JQuery*/

#menu span{display: none;position: absolute;
    top: 0;left: 0;width: 703px;height: 32px;
    background-image: url(images/tasti.jpg);cursor: pointer}
#home span{background-position: 0px -32px}
#foto span{background-position: -72px -32px}
#eolica span{background-position: -270px -32px}
#solare span{background-position: -416px -32px}
#contatti span{background-position: -574px -32px}

/* FINE MENU TASTI PRINCIPALE*/


#copy {font-family: "Lucida Grande", Lucida, Verdana, sans-serif;color:#ffffff;text-align:center;font-weight:bold;font-size:9px;}
#copy a:link {text-decoration: none; color: #ffffff;}
#copy a:visited {text-decoration: none; color: #ffffff;} 
#copy a:active {text-decoration: none; color: #ffffff;} 
#copy a:hover {text-decoration: underline; color: #ffffff;cursor: pointer;}


.testo_nero { color:#000; text-align: center; line-height: 12px;}
.testo_nero a:link {text-decoration: none; color: #000; font-family: Arial, Verdana, Helvetica, sans-serif; }
.testo_nero a:visited {text-decoration: none; color: #000; font-family: Arial, Verdana, Helvetica, sans-serif; } 
.testo_nero a:active {text-decoration: underline; color: #000; font-family: Arial, Verdana, Helvetica, sans-serif; } 
.testo_nero a:hover {text-decoration: underline; color: #000; font-family: Arial, Verdana, Helvetica, sans-serif; cursor: pointer;}


/*SCROLLABLE*/

/* main vertical scroll */
	#main {position:relative;overflow:hidden;height: 870px;text-align:left;}
	
	/* root element for pages */
	#pages {position:absolute;height:20000em;}
	
	/* single page */
	.page {width: 652px;height:870px;padding:0px;}
	
	/* root element for horizontal scrollables */
	.scrollable {width: 652px;height: 870px;position:relative;overflow:hidden;}
	
	/* root element for scrollable items */
	.scrollable .items {width:20000em;position:absolute;clear:both;}
	
	/* single scrollable item */
	.item {width:652px;height:870px;margin:15px 0px 0px 0px;text-align:left;float:left;}
	
	/* main navigator */
	#main_navi {width:250px;padding:0px !important;margin:0px 0px 0px 0px !important;/*float:left;*/}
	
#main_navi li {width:198px;height:44px;list-style-type:none;margin: 0px; padding:0px 10px 0 42px;cursor:pointer;color:#FFFFFF; font-weight:bold;}
#main_navi li.tasto_1 {background-image:url(images/bottoni_1.jpg);background-position: 0px -44px;line-height:16px;height:41px;padding-top:3px;}
#main_navi li.tasto_2 {background-image:url(images/bottoni_2.jpg);background-position: 0px -44px;line-height:16px;height:41px;padding-top:3px;}
#main_navi li.tasto_3 {background-image:url(images/bottoni_3.jpg);background-position: 0px -44px;line-height:38px;}
#main_navi li.tasto_4 {background-image:url(images/bottoni_4.jpg);background-position: 0px -44px;line-height:16px;height:41px;padding-top:3px;}
#main_navi li.tasto_5 {background-image:url(images/bottoni_5.jpg);background-position: 0px -44px;line-height:16px;height:41px;padding-top:3px;}
#main_navi li.tasto_6 {background-image:url(images/bottoni_6.jpg);background-position: 0px -44px;line-height:38px;}
#main_navi li.tasto_7 {background-image:url(images/bottoni_7.jpg);background-position: 0px -44px;line-height:16px;height:41px;padding-top:3px;}
	
	#main_navi li:hover {background-color:#999999;background-position: 0px 0px;}
	
	#main_navi li.active {background-color:#999999;background-position: 0px 0px;}
	
	/*#main_navi img {float:left;margin-right:10px;}*/
	
	#main_navi strong {display:block;}
	
	/*#main div.navi {margin-left:250px;cursor:pointer;}*/