/******************************************/
/******************************************/
/***								***/
/***		DYNAMO EFFECT	- css		***/
/***								***/
/******************************************/
/***								***/
/***		-Reset					***/
/***		-Regole e classi Generali	***/
/***		-Top (scelta lingua)		***/
/***		-Homepage 				***/
/***		-Top Nav pagine interne		***/
/***		-Page pagine interne		***/
/***		-Footer					***/
/***								***/
/******************************************/



/*************/
/*** Reset ***/
/*************/
* {margin:0;padding:0;}


/*********************/
/*** CleraFIX patch***/
/*********************/

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Nasconde da IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Fine dell'hack per IE-mac */


/*********************/
/*** General Rules ***/
/*********************/
html {font-size:12px;font-family:Arial, Lucida Sans, Verdana, sans-serif}
a {text-decoration:none;}

.cont {width:960px;margin:0 auto;}
.clear {display:block;clear:both;height:20px}
.spacer {display:block;height:70px;}




/***********/	
/*** Top ***/
/***********/
#top {height:47px;background: url(../img/top_bg.jpg) #fff8a9;}
#top ul#languages {list-style:none;}
#top ul#languages li {float:left;margin: 6px 4px 0 0;height:31px;width:67px}
#top ul#languages li a {display:block;background:url(../img/languages.jpg) no-repeat top left;height:25px;width:68px;color:#494949;text-transform:uppercase;text-align:center;font-weight:bold;font-size:12px;padding-top:6px;}
#top ul#languages li a:hover,#top ul#languages li a.active {background-position:bottom left;color:#fff;}




/****************/
/*** Homepage ***/
/****************/
	/*** Top Nav Homepage ***/
	#top ul#nav {width:368px;background:url(../img/nav_bg.jpg);float:right;height:40px;margin-top:7px;list-style:none;}
	#top ul#nav li {float:left;width:122px;text-align:center;}
	#top ul#nav li a {font-weight:bold;display:block;height:25px;padding-top:13px;color:#fff;width:100px;margin:1px auto;}
	#top ul#nav li a:hover {background:#46b649;}
	
	/*** submenu in homepage (Menu )***/
	#top ul#nav li ul#submenu {background:#fff793;height:0;opacity:0;overflow:hidden;width:721px;margin:0 auto;position:absolute;top:47px;left:50%;margin-left:-225px}
	#top ul#nav li ul#submenu li {float:left;display:block;width:89px;height:46px;margin: 8px 0px 0 0;border-right:1px solid #444;}
	#top ul#nav li ul#submenu li.last{border:0;}
	#top ul#nav li ul#submenu li a{color:#444;height:34px;width:79px;margin:0;text-align:left;padding:10px 0 2px 10px;font-weight:bold;}
	#top ul#nav li ul#submenu li a:hover {background:#444;color:#fff;}


	/*** Temi Homepage ***/
	#temi {height:500px;background:url(../img/temi_bg.jpg) bottom left;padding:25px 0 0 0;}
	#temi a.tema {display:block;width:204px;height:146px;padding:0px 0 18px 36px;float:left;}
	#temi a.tema span {font-size:14px;font-style:italic;font-weight:bold;position:relative;top:78px;left:-6px;width:160px;height:40px;display:block;background:#009ad6;color:#fff;padding:6px 10px 10px;line-height:15px;cursor:pointer;}
	#temi a.tema:hover span {background:#46b649;}
	#temi a.climate_change {background:url(../img/climate_change.jpg) center top no-repeat;}
	#temi a.food_and_agriculture {background:url(../img/food_and_agriculture.jpg) center top no-repeat;}
	#temi a.green_home {background:url(../img/green_home.jpg) center top no-repeat;}
	#temi a.heating_and_cooling {background:url(../img/heating_and_cooling.jpg) center top no-repeat;}
	#temi a.green_electricity {background:url(../img/green_electricity.jpg) center top no-repeat;}
	#temi a.electricity_end-use {background:url(../img/electricity_end-use.jpg) center top no-repeat;}
	#temi a.recycle_and_reuse {background:url(../img/recycle_and_re-use.jpg) center top no-repeat;}
	#temi a.smart_mobility {background:url(../img/smart_mobility.jpg) center top no-repeat;}
	#temi a.smart_vehicles {background:url(../img/smart_vehicles.jpg) center top no-repeat;}
	#temi a.green_company {background:url(../img/green_company.jpg) center top no-repeat;}
	
	#temi a#logo {background:url(../img/logo_dynamo.gif) center center no-repeat;display:block;width:452px;height:146px;margin:0px 0 18px 28px;float:left;}
	#temi a#logo span {display:none;}
	
	
	/*** Project Homepage ***/
	#project {padding:20px 0}
	#project #news, #project #network, #project #mp3 {width:300px; float:left; margin:10px 10px; line-height:22px; font-size:13px; color:#444;}
	/*#project #news {float:left;}
	#project #network {float:right;}*/
	#project #news div, #project #network div {border:1px dashed #b9b9b9;border-width:1px 0;margin:2px 0 0 0;padding:18px 18px 40px;}
	#project #news h3, #project #network h3 {border-bottom: 1px solid #b9b9b9;height:28px;padding:21px 0 0 18px;font-size:17px}
	#project #news h3 {background:url(../img/world.jpg) right bottom no-repeat;}
	#project #network h3 {background:url(../img/mike.jpg) right bottom no-repeat;}
	#project #network ul#circuiti {display:block;/*height:110px;*/list-style:none; margin:15px 0;}
	#project #network ul#circuiti li {float:left;}
	#project #network ul#circuiti li a{width:228px;background:#009ad6;color:#fff;font-size:12px;font-style:italic;margin:0 4px 4px 0;padding:1px 20px;display:block;height:24px;cursor:pointer;}
	#project #network ul#circuiti li a:hover,#project #network ul#circuiti li a.active {background:#444;}
	
	#project #network div.radios{border:0;display:none;overflow:hidden;padding:20px 0 0 0;clear:both;}
	#project #network div.active {display:block;}
	#project #network div.radios h4 {color:#555;margin: 0 0 0 3px;}
	#project #network div.radios h4 a {color:#555;}
	#project #network div.radios ul {list-style:none;}
	#project #network div.radios ul li {font-size:11px; color: #666;display:inline;margin:0;padding:0 3px;border-right: 1px solid #009ad6;}
	#project #network div.radios ul li a {font-size:11px;color: #666;}
	#project #network div.radios ul li a:hover {text-decoration:underline;}

	#project #mp3 h3 {margin-top:20px; background:#00a3dc url(../img/radio.gif) left no-repeat; height:30px; padding-left:45px; color:#fff; text-transform:uppercase; line-height:30px;}
	#project #mp3 ul {list-style-type:none; margin:0;}
	#project #mp3 ul li {padding:20px; border-bottom:1px solid #cfcfcf;}
	#project #mp3 ul li:hover {background-color:#f7f7f7;}
	#project #mp3 ul li p.data {font-size:12px; font-weight:bold;}
	#project #mp3 ul li p.title {font-size:16px;}
	#project #mp3 ul li p.info { margin-top:15px; padding-left:20px; background: url(../img/mp3_clock.gif) left center no-repeat; font-weight:bold;}
	#project #mp3 ul li p.info .cat {color:#00a3dc;}
	#project #mp3 ul li a {display:block; height:30px; margin:10px 0; line-height:30px; color:#FFF; background:#2c2c2c; text-decoration:none;}
	#project #mp3 ul li a:hover {background-color:#11a9de;}
	#project #mp3 ul li a:hover .uno {background: #fff url(../img/mp3_1-hover.gif) left center no-repeat;}
	#project #mp3 ul li a:hover .due {background: #fff url(../img/mp3_2-hover.gif) left center no-repeat;}
	#project #mp3 ul li a .uno{float:left; width:4px; height:30px; background: #fff url(../img/mp3_1.gif) left center no-repeat;}
	#project #mp3 ul li a .vai {float:left; padding-left:10px;}
	#project #mp3 ul li a .due{float:right; width:22px; height:30px; background: #fff url(../img/mp3_2.gif) left center no-repeat;}

/********************************/
/*** Top NAV (pagine interne) ***/
/********************************/
#top_nav {height:160px;background:url(../img/temi_bg.jpg) bottom left;padding:25px 0 0 0;}


	/*** top_nav (Menu principale)***/
	#top_nav h1 a {float:left;background:url(../img/logo_dynamo_int.gif) center center no-repeat;display:block;width:300px;height:100px;margin-top: 10px;margin-left:80px !important;margin-left: 40px;}
	#top_nav h1 a span {display:none;}
	#top_nav ul#nav {width:488px;background:url(../img/nav_interne_bg.gif);float:right;height:96px;margin-top:64px;list-style:none;}
	#top_nav ul#nav li {float:left;width:122px;text-align:center;margin-top:56px}
	#top_nav ul#nav li a {display:block;height:25px;padding-top:13px;color:#fff;width:100px;margin:1px auto;font-weight:bold;}
	#top_nav ul#nav li a:hover, #top_nav ul#nav li a.active:hover{background:#46b649;color:#fff;}
	#top_nav ul#nav li a.active{background:#fff793;color:#444;} 
	
	
	/*** submenu (Menu partners)***/
	#top_nav ul#nav li ul#submenu {background:url(../img/top_bg.jpg) #fff793;height:0;opacity:0;overflow:hidden;width:721px;margin:0 auto;position:absolute;top:231px;left:50%;margin-left:-225px}
	.submenu_visible #top_nav ul#nav li ul#submenu{height:66px;background:url(../img/top_bg.jpg) #fff793;opacity:1;overflow:visible;width:721px;margin:0 auto;position:absolute;top:231px;left:50%;margin-left:-225px}
	#top_nav ul#nav li ul#submenu li {float:left;display:block;width:89px;height:46px;margin: 8px 0px 0 0;border-right:1px solid #444;}
	#top_nav ul#nav li ul#submenu li.last{border:0;}
	#top_nav ul#nav li ul#submenu li a {color:#444;height:34px;width:79px;margin:0;text-align:left;padding:10px 0 2px 10px;font-weight:bold;}
	#top_nav ul#nav li ul#submenu li a:hover, #top_nav ul#nav li ul#submenu li a.active {background:#444;color:#fff;}
	.submenu_visible #top_nav ul#nav li ul#submenu {height:66px;background:#fff793;opacity:1;overflow:visible;width:721px;margin:0 auto;position:absolute;top:231px;left:50%;margin-left:-225px}
	.submenu_visible #top_nav ul#nav li a#partners {background:url(../img/top_bg.jpg):color:#444; }
	



/*****************************/
/*** Page (Pagine interne) ***/
/*****************************/
#page {margin-top:20px;}

	/*** Main (Pagine interne) ***/
	#page #main {width:733px;float:right;}
	#page #main h3 {padding:15px 20px;font-size:18px;margin:20px 0 0;float:left;}
	#page #europeandoc h2, #page #locallevel h2, #page #goodexperience h2{padding:15px 20px;font-size:20px;margin:20px 0 0;float:left;}
	#page #main h4 {clear:both;padding:15px 20px;font-size:15px;margin:20px 0 0;}
	#page #main p {padding:0px 20px 10px;line-height:150%}
	#page #main ul {padding:0px 20px 10px;margin-left:30px;line-height:150%}
	#page #main a {color:#555;font-weight:bold;}
	#page #main a:hover {color:#333;}
	#page #main a.abstract,#page #main a.download,#page #main a.full  {display:block; float:right;margin:30px 10px 0 0px;padding:7px 9px 7px 40px;font-weight:bold;color:#444;font-size:13px;background:#dfdfdf left center no-repeat;}
	#page #main a.abstract:hover,#page #main a:hover.download,#page #main a:hover.full {background-color:#fff793}
	#page #main a.abstract {background-image:url(../img/arrow_back.gif)}
	#page #main a.download {background-image:url(../img/pdf_icon.gif)}
	#page #main a.full {background-image:url(../img/full_icon.gif)}

	
	#page #main span.flag {padding:7px;font-weight:bold;color:#222;font-size:14px;background:#fff793;margin:30px 0px 0 10px;float:left;display:block;}
	
	#page #main img.partner_img {float:left;margin: 0 20px 20px 0}
	
	/*** Left NAV (includes/left.inc.php) ***/
	#page #left_nav {width:226px;float:left;background:url(../img/left_nav_bg.jpg) top right repeat-y;}
	#page #left_nav #top_bg {width:225px;height:11px;background:url(../img/left_nav_bg_t.jpg) top right no-repeat;}
	#page #left_nav #bottom_bg {width:225px;height:12px;background:url(../img/left_nav_bg_b.jpg) bottom right repeat-y;}
	#page #left_nav ul {list-style:none;margin:-12px 20px 0 0;width:185px;overflow:visible;}
	#page #left_nav ul li {height:60px;border-bottom:1px dashed #bebebe;}
	#page #left_nav ul li a {position:relative;top:5px;left:10px;display:block;height:45px;padding:5px 10px 0 27px;color:#444;font-weight:bold;font-size:13px}
	#page #left_nav ul li a:hover,#page #left_nav ul li a.active  {left:22px;margin-left:-22px;padding-left:37px;background: #ededed;}
	



/****************************************/
/*** Footer (includes/footer.inc.php) ***/
/****************************************/
#footer {clear:both;padding:50px 0;background:url(../img/bottom_bg.jpg) bottom left repeat-x;color:#555;font-size:12px}
#footer a.logo {background:url(../img/footer_logos.jpg) no-repeat;height:50px;margin:10px 0}
#footer a.logo span {display:none;}
#footer ul#partners_links {float:left;width:610px;height:75px;list-style:none;display:block;border-right:1px solid #b9b9b9;padding-top:10px} 
#footer ul#partners_links li {float:left;}
#footer ul#partners_links li a {display:block;margin-right:17px}
#footer ul#partners_links li a.rdl {width:89px;background-position:0 100%;}
#footer ul#partners_links li a.near {width:44px;background-position:-89px 100%;}
#footer ul#partners_links li a.rp {width:79px;background-position:-133px 100%;}
#footer ul#partners_links li a.klubradio {width:82px;background-position:-211px 100%;}
#footer ul#partners_links li a.frise {width:52px;background-position:-295px 100%;}
#footer ul#partners_links li a.orange {width:55px;background-position:-350px 100%;}
#footer ul#partners_links li a.ema {width:88px;background-position:-405px 100%;}

#footer #support {float:left;height:75px;display:block;border-right:1px solid #b9b9b9;width:160px;padding:10px 20px 0 15px}
#footer #support a.europe_program {width:170px;background-position:-494px 100%;display:block;}

#footer #sc_partner {float:right;height:75px;display:block;width:110px;padding:10px 15px 0 }
#footer #sc_partner a.la {width:70px;background-position:-663px 100%;display:block;}

#footer #bottom {clear:both;margin-top:30px;height:0px;display:block;padding:50px 0;}
#footer #bottom p {font-size:11px;color:#505050}


/****************************************/
/*** Local level ***/
/****************************************/

h3 .blue{color:#00a3dc;}
#page #main .principale{display:block; clear:both; border-bottom:1px dashed #999; padding-bottom:25px; margin-bottom:30px;}
#page #main .principale p{padding-bottom:25px;}
#page #main .principale ul{margin-top:-10px;}


.show_tab {border-top:1px dashed #999; border-bottom:1px dashed #999; padding:15px; margin-bottom:50px;}
.show_tab .title {font-size:16px; font-weight:bold; margin:0; padding:0; display:block; padding-bottom:10px;}

.show_tab .description {display:block; padding-bottom:10px;}

.show_tab .row {display:block; height:auto; clear:both; margin-top:10px;}
.show_tab .riga {border-top:#bababa solid 1px; height:1px; display:block; clear:both;}
 
.show_tab .banner{height:28px; width:106px; padding-left:42px; text-transform:uppercase; line-height:28px; color:#d6d6d6;font-weight:bold; background-color:#2c2c2c;  background-repeat:no-repeat; background-position:left; float:left;}
.show_tab .radio{color:#ffffff; background-color:#00a3dc; background-image:url(../img/radio.gif);}
.show_tab .pdf{background-image:url(../img/pdf.gif);}
.show_tab .link{background-image:url(../img/link.gif);}

.show_tab .text{padding:5px 0 16px 20px; float:left; width:533px;}
#page #main .show_tab .text p{display:inline; padding:0px 0px 0px 20px; width:auto; height:auto;}
#page #main .show_tab .text .first{ padding:0px 0px 0px 0px;}
#page #main .show_tab .text .links{ display:block; padding:0px 0px 0px 0px; margin-bottom:5px;}

#page #main .show_tab .text a, #page #main .principale a {font-weight:normal; text-decoration:underline; color:#2c2c2c; }
#page #main .show_tab .text a:hover, #page #main .principale a:hover{text-decoration:none;}

#page #main .show_tab .text .mp3 p{position:relative; clear:right; font-size:10px; font-style:italic; width:100px; padding:0;}
.show_tab .text .separatore{display:inline; padding:0 5px 0 5px;}



/****************************************/
/*** European level ***/
/****************************************/

#page #main .principale a.leggi {display:block; float:right; height:35px; padding:0 20px 0 40px; font:bold 16px/35px Arial, Helvetica, sans-serif; background:#ededed url(../img/but_doc.gif) left no-repeat; text-decoration:none;}
#page #main .principale a.leggi:hover {background:#fff793 url(../img/but_doc-over.gif) left no-repeat; }
#page #europeanlevel .intestazione {padding:20px 15px; font:bold 14px Arial, Helvetica, sans-serif; color:#d6d6d6; text-transform:uppercase;}
#page #europeanlevel .intestazione .best {height:20px; width:465px; margin-right:10px; float:left; background-color:#2c2c2c; padding:4px 8px;}
#page #europeanlevel .intestazione .radio {height:20px; width:195px; float:left; background-color:#2c2c2c; padding:4px 8px;}
#page #europeanlevel .intestazione img {margin-top:-15px; margin-right:10px;}
#page #europeanlevel .intestazione .radio img {margin-top:-15px;}

#page #europeanlevel .record {clear:both; margin-bottom:20px;}
#page #europeanlevel .record h4 {height:25px; margin:0 15px; background-color:#00a3dc; padding:0 25px; font:bold 14px/25px Arial, Helvetica, sans-serif; color:#ffffff; text-transform:uppercase;}
#page #europeanlevel .record .dati {padding:15px;}
#page #europeanlevel .record .dati .best {float:left; width:447px; height:65px; border:1px solid #CCC; padding:15px; margin-right:12px; background:url(../img/elevel_tabsfondo_best.gif) right no-repeat;}
#page #europeanlevel .record .dati .best p {display:block; float:left; padding:0; margin:0; width:265px;}
#page #europeanlevel .record .dati .radio {float:left; width:179px; height:65px; border:1px solid #CCC; padding:15px;}
#page #europeanlevel .record .dati a {display:block; width:154px; height:28px; float:right; margin-top:55px; font-weight:bold; text-decoration:none;}
#page #europeanlevel .record .dati .best a {background:url(../img/elevel_but_grigio.gif) no-repeat; padding:10px;}
#page #europeanlevel .record .dati .best a:hover {background:url(../img/elevel_but_grigio-over.gif) no-repeat;} 
#page #europeanlevel .record .dati .radio a {background:url(../img/elevel_but_nero.gif) no-repeat; color:#ffffff; padding:10px;}
#page #europeanlevel .record .dati .radio a:hover {background:url(../img/elevel_but_nero-over.gif) no-repeat;} 

/* sfondi ad hoc per radio */
#page #europeanlevel .record .dati .dreyeckland {background:url(../img/elevel_radio_dreyeckland.gif) center no-repeat;}
#page #europeanlevel .record .dati .nearfm {background:url(../img/elevel_radio_nearfm.gif) center no-repeat;}
#page #europeanlevel .record .dati .corali {background:url(../img/elevel_radio_corali.gif) center no-repeat;}
#page #europeanlevel .record .dati .emartv {background:url(../img/elevel_radio_emartv.gif) center no-repeat;}
#page #europeanlevel .record .dati .klubradio {background:url(../img/elevel_radio_klubradio.gif) center no-repeat;}
#page #europeanlevel .record .dati .orange {background:url(../img/elevel_radio_orange.gif) center no-repeat;}
#page #europeanlevel .record .dati .radiopopolare {background:url(../img/elevel_radio_radiopopolare.gif) center no-repeat;}


/****************************************/
/*** 		European doc			 ***/
/**************************************/

/*override*/ #page #europeandoc .principale {padding:15px; font-size:14px;}
#page #europeandoc a.chapter  {display:block; float:left; margin:0 0 0 10px; padding:7px 40px 7px 9px;font-weight:bold;color:#444;font-size:14px;background:#dfdfdf right center no-repeat;background-image:url(../img/eudoc_but_forward.gif); text-decoration:none;}
/*#page #europeandoc a.more {display:block; float:left; width:16px; height:16px; background:#dfdfdf center no-repeat; background-image:url(../img/eudoc_but_forward.gif); margin:3px 0 0 10px;}*/
#page #europeandoc a.chapter:hover {background-color:#fff793}
#page #europeandoc ul {clear:both; margin:0; padding:10px 0 10px 35px; list-style-type:disc;}
#page #europeandoc ul li {clear:both;}
#page #europeandoc ul li img.more {margin-left:15px; border:0; padding-top:3px;}

#page #europeandoc .corpo {margin-top:50px;}
#page #europeandoc .corpo h3 {font-size:14px; float:left; padding:0; margin:0 0 15px 0;}
#page #europeandoc .corpo .back {font-weight:bold; margin-left:30px; display:inline;}
#page #europeandoc .corpo .back a {color:#000; text-decoration:underline; font-weight:bold; }
#page #europeandoc .corpo .back a:hover {text-decoration:none;}
#page #europeandoc .corpo p {padding:0; margin:0; clear:both;}
#page #europeandoc .corpo p strong.blu {color:#009cd5;}

/****************************************/
/*** 		Good Experience			 ***/
/**************************************/

#page #goodexperience h3{clear:both; font-size:16px; padding-top:15px; margin-top:0;}

/*****************************/
/*           ALBANO         */
/***************************/
#result {
	color:#fff;
	position:fixed;
	bottom:0;left:0;
	width:100%;
	height:82px;
	background:url(../img/alert_back.gif) bottom repeat-x;
	/*padding-top:20px;*/
	z-index:8943;
	/*text-align:center;*/
	}
.albano {width:940px; height:46px; margin:0 auto; padding:15px 0 0 20px;font:italic 14px Arial, Helvetica, sans-serif; color:#fff; background:url(../img/alert_backbig.png) bottom left no-repeat;}
.albano a {color:#fff9cb} .albano a:hover {color:#fff9cb; background-color:#525146;}
.albano a strong {font-size:18px; font-weight:bold;}