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

body {
  margin:0;
  padding:0;
  font-family:"Lucida Sans", "Lucida Grande", sans-serif;
  font-size:8pt;
  line-height:13pt;
  color:383838;}

a { text-decoration:none; }
a:hover { text-decoration:none; }
a:visited { text-decoration:none; }


/************** COLORI ****************/
.giallo {color:#FF0;}
.bianco {color:#FFF;}
.grigio {color:#999;}
.scuro  {color:#555;}
.bre {color:#b3081b;}


a.scuro,
a.scuro:hover,
a.scuro:active,
a.scuro:visited { color:#333; }

a img,
a img:active,
a img:visited { border:0; }

.ev-rosso { background:#E32119; color:#FFF; padding:4px 6px; font-size:16px; }
.ev-giallo { background:#FF0; color:#333; padding:0px 2px;  }
.ev-azzurro { display:inline-block; background:#00aeef; color:#fff; padding:2px 6px; }

h3 { display:block; float:left; height:20px; font-size:14pt; font-weight:normal; color:#FFF; }
h4 { display:block; float:left; height:15px; font-size:8pt; font-weight:normal; color:#999; }

.invito2 { background:url(../images/bg_top.png) repeat-x #FFF center top; }

/************** BOTTONI ****************/
input.top-btn {
  float:left;
  height:20px;
  color:#FF0;
  background-color:#414141;
  border:1px solid;
  border-color: #242424;
  font-size:7pt; }
input.top-btn_hov {
  float:left;
  height:20px;
  color:#FF0;
  background-color:#666;
  border:1px solid;
  border-color: #242424;
  font-size:7pt; }

input.btn {
  color:#FF0;
  background-color:#414141;
  border:1px solid;
  border-color: #242424;
  margin-top:-1px;}
input.btn_hov {
  color:#FF0;
  background-color:#666;
  border:1px solid;
  border-color: #242424;  }


/************** HEADER ****************/
#header { margin:0; padding:0; }

#htop {
  height:139px;
  background: url(../images/bg_top.png) repeat-x #252525; }

#top {
  width:960px;
  margin:0 auto;
  padding:0 30px;
  height:88px;
  background:url(../images/ombra_top.png) top center; }

#sponsor-top {
  float:right;
  /*width:280px;*/
  text-align:right;
  font-size:8pt;
  padding:0px;
  margin:20px 0 0;
  color: #999; }

#infoline {
  float:right;
  width:280px;
  text-align:right;
  font-size:8pt;
  padding:10px 15px 0 0;
  margin:20px 0 0;
  color: #999;
  line-height:10pt; }

#menuwrap {
  top:0;
  width:100%;
  height:51px;
  overflow:visible;
  z-index:999;
  border-bottom:1px solid #686868;
  background: url(../images/bg_top.png) bottom repeat-x; }

#menu {
  width:960px;
  margin:0 auto;
  padding:0 30px;
  height:51px;
  background:url(../images/menufisso.png) center bottom no-repeat; }

#mappawrap {
  width:100%;
  padding:10px 0;
  overflow:hidden;
  z-index:999;
  margin:0;
  background:url(../images/bg_mappa.png) center top no-repeat #FFF; }

#mappa {
  width:960px;
  margin:15px auto;
  height:285px;
  background:#f8f8f8; }

#ricercawrap {
  width:100%;
  padding:0;
  overflow:hidden;
  z-index:999;
  margin:0;
  background:#EDEDED; }

#ricerca {
  width:960px;
  padding:0;
  margin:0 auto; }

#ricerca .blocco {
  float:left;
  width:210px;
  padding:12px 15px 15px; }

#ricerca .blocco1 {
  float:left;
  width:210px;
  padding:12px 14px 15px 15px;
  border-right:1px solid #ddd; }


/************** PAGINA ****************/
.fasciagrigia { width:100%; background:#353535; margin:0; padding:0; overflow:hidden;}
.fasciamedia { width:100%; background:#cccccc; margin:0; padding:0; overflow:hidden;}
.fasciascura {  width:100%;  background:#282828; margin:0; padding:0; }
.fasciachiara {  width:100%;  background:#ECECEC; margin:0; padding:10px 0; }
.fasciabianca {  width:100%; background:#FFFFFF; margin:0; padding:0; overflow:hidden; }
.row-light{ background:#ffffff; }

.top_page { width:960px; height:107px; margin:0 auto; }

.main_interno {
  float:left;
  /*width:210px;
  padding:0 14px 0 15px;*/
  width:239px;  
  padding:0px;
  border-right:1px solid #484848;}

.titoli {
  float:left;
  width:690px;
  height:48px;
  padding:15px; }

.titoli h1 {
  display:block;
  float:left;
  width:460px;
  padding:0 0 0 5px;
  margin:0 0 10px;
  font-size:15pt;
  color:#FFF;
  font-weight:normal; }

.titoli h2 {
  display:block;
  float:left;
  width:465px;
  padding:0 0 0 5px;
  margin:0 0 8px;
  font-size:15pt;
  color:#FF0;
  font-weight:normal; }

.titoli h3 {
  float:right;
  width:210px;
  padding:0 0 0 5px;
  margin:0 0 8px;
  font-size:15pt;
  color:#666;
  font-weight:normal; }

.navigazione {
  float:left;
  width:690px;
  height:29px;
  padding:0 15px;
  background:#3F3F3F;
  font-size:9pt;
  color:#FFF; }

.navigazione .giorni, .navigazione .txt { float:left; width:465px; padding-top: 3px; }
.navigazione .giorni a.bianco, .navigazione .txt .a.bianco { float:left; width:465px; padding-top: 3px; color:#FFF; }
.navigazione .giorni a { display:inline-block; padding:3px; color:#FFF;}
.navigazione .giorni a:hover, .navigazione .giorni a.active { background: #FF0; color:#3F3F3F; }
.navigazione .pagine { float:left; width:210px; padding:5px 0 0 15px; }


#page_content{
  width:960px;
  margin: 0px auto;
  text-align:left;
  overflow:auto; }

.two-columns{
  background:url(../images/bg_left_col.png);
  background-repeat: repeat-y;
  background-position:left; }

.three-columns{
  background:url(../images/bg_three_col.png);
  background-repeat: repeat-y;
  background-position:left; }


.col_1 { float:left; width:210px; padding:10px 15px 25px 15px; margin:0; /*background: #EDEDED;*/ overflow:hidden;}
.col_2 { float:left; width:450px; padding:10px 15px; margin:0; background: #FFF; }
.col_3 { float:left; width:720px; padding:10px 0px 0px 0px; overflow:hidden; border-bottom:1px solid #EDEDED; }
.col_4 { float:left; width:240px; padding:10px 0px; margin:0; }
.fascia { float:left; width:960px; padding:15px 0 0; margin:0; background:#DDD; }

.fascia-promo { float:left; width:960px; padding:15px 0; margin:0 auto; background:#EDEDED; }
.fascia-promo > .banner { float:left; width:480px; padding:15px 0; margin:0;}
.fascia-promo > a { background:#FFF; float:left;  }
.fascia-promo > .banner:first-child > a { display:block; padding:0 14px 0 15px; border-right:1px solid #ededed; }

.fasciamedia .fascia-promo { padding:0; background:none; }
.fasciamedia .fascia-promo > a { background:none; }


.fascia-banner { float:left; width:960px; padding:15px 0 15px; margin:0; background:#EDEDED; }
.fascia-banner .blocco1 {
  float:left;
  width:210px;
  padding:0 14px 0 15px;
  border-right:1px solid #ddd; }
.fascia-banner .blocco {
  float:left;
  width:210px;
  padding:0px 15px 0px; }


.col_1 #fb { float:left; width:210px; padding:8px 0; border-top: 1px solid #D1D1D1; border-bottom:none; margin:0; }
.col_1 #fb-picture { float:left; margin-right:8px; }
.col_1 #fb-salutation { clear:none; padding: 5px 5px 0 10px; font-size:8pt; color:#333; }
.col_1 #fb-logout { font-size:8pt; color:#333; background:#FFF; padding:0 2px; }
.col_1 #fb-holder { border-top:1px solid #D1D1D1; margin-bottom:18px; }
.col_1 #fb-holder h3 { float:left;  width:210px; padding:5px 0 10px; margin:0; color:#333; }

.col_1 .titolo {
  float:left;
  width:210px;
  padding:5px 0;
  margin:0;
  border-top:1px solid #D1D1D1;
  border-bottom:1px solid #D1D1D1; }
.col_1 .titolo img { float:left;}
.col_1 .titolo span { float:left; font-size:14pt; color:#333; margin-top:2px;}

.col_1 p.info {
  float:left;
  width:210px;
  padding:12px 0 0;
  margin:12px 0 0;
  border-top:1px solid #D1D1D1;
  font-size:8pt; }

.col_1 p {
  float:left;
  width:184px;
  padding:8px 0 0 26px;
  margin:0 0 30px;;
  font-size:8pt;
  color:#333; }

.col_1 p a { color:#333; font-weight:bold; }
.col_1 .fb-tw { float:left; width:180px; height:60px; padding:10px 15px; background:#EDEDED; margin:15px 0 0; position:relative; }
.col_1 .fb-share { width:60px; padding:0 auto; position:absolute; bottom:10px; left:25px; }
.col_1 .tw-share { width:60px; padding:0 auto; position:absolute; bottom:10px; right:25px; }
.col_1 p.evidenza { width:180px; padding:15px 15px 60px; font-size:11pt; color:#333; line-height:14pt; background:#EDEDED; margin:15px 0 0; font-style:italic; }

.col_2 .varie { float:left; width:450px; padding:5px 0; border-bottom:1px solid #D1D1D1; border-top:1px solid #D1D1D1; font-size:10pt; line-height:14pt; color:#333; background:url(../images/varie_bg.png) repeat-x; }
.col_2 .giorni { float:left; width:450px; padding:5px 0; border-bottom:1px solid #D1D1D1; font-size:10pt; line-height:14pt; color:#333; }
.col_2 p.fix { float:left; width:140px; margin:0 }
.col_2 p.var { float:left; width:310px; margin:0 }
.col_2 .content { float:left; width:450px; padding:0; margin:27px 0 0; }
.col_2 p, .col_2 span { float:left; width:450px; padding:0; margin:0; font-size:8pt; color:#333; }
.col_2 a { background:#FF0; padding:2px; color:#333; }

.col_gmap { float:right; width:690px; padding:10px 15px 10px 15px; overflow:hidden;}

.col_1sp { float:left; width:225px; padding:10px 0px 25px 15px; margin:0; /*background: #EDEDED;*/ overflow:hidden;}
.col_1sp ul { width:225px; border-top: 1px solid #D1D1D1; list-style:none; padding:0; margin: 0; }
.col_1sp ul li { width:215px; height:48px; padding:12px 5px; border-bottom: 1px solid #D1D1D1; }
.col_1sp ul li:hover, .col_1sp ul li.active { background:#FFF; }
.col_1sp ul li img {float:left; border:0; margin: 0px 8px 0px 0px; }
.col_1sp ul li p { float:left; font-size:9pt; color:#333; margin:0; line-height:12pt;}

.col_2sp { position:relative; float:left; width:450px; padding:10px 15px; margin:0; background: #FFF; }
.col_2sp .testo, .col_2 p.testo { float:left; width:450px; font-size:9pt; color:#333; }
.col_2sp .testo1, .col_2 p.testo1 { float:left; width:210px; font-size:9pt; color:#333; margin-right:30px; }
.col_2sp .testo2, .col_2 p.testo2  { float:left; width:210px; font-size:9pt; color:#333; }
.col_2sp ul.download { float:left; width:450px; border-top: 1px solid #D1D1D1; list-style:none; padding:10px 0 0; margin:20px 0 0; }
.col_2sp ul.download li { width:450px; height:30px; padding:8px 0px; }
.col_2sp ul.download li img {float:left; border:0; }
.col_2sp ul.download li p { float:left; font-size:9pt; color:#333; margin:0; line-height:12pt;}


.comments { float:left; width:450px; font-size:8pt; color:#333; margin:30px 0 5px; }
.comments a { font-size:8pt; color:#333; background:#FF0; padding:2px; margin:0 2px; }
.miniev { display:block; float:left; width:450px; padding:4px 0; margin:20px 0 0; clear:both; border-top:1px solid #EDEDED; }
.miniev .data { display:block; text-transform:uppercase; background:#EDEDED; }
.miniev .location { display:block; padding:8px 0 0; }
.miniev .corpo { display:block; }

.espositore { display:block; float:left; width:450px; padding:4px 0; margin:10px 0 0; clear:both; border-top:1px solid #EDEDED; font-size:9pt; color:#333; }
.espositore .nome { display:block; text-transform:uppercase; background:#EDEDED; padding:0 4px; } 
.espositore:hover .nome { background:#FF0; }
.espositore img { float:left; margin:5px 10px 5px 0; }
.espositore .info { display:block; float:left; width:335px; padding:0; margin:10px 0 10px; }
.espositore .testo { display:block; float:left; width:450px; }


#gallery_ev .foto {
  float:left;
  width:92px;
  height:92px;
  padding:3px 3px 32px;
  margin:0 10px 15px 0;
  background:url(../images/frame_light.jpg) #CCC;
  line-height:14px;
  -moz-box-shadow: 0 0 3px #888;
  -webkit-box-shadow: 0 0 3px#888;
  box-shadow: 0 0 3px #888; }

#gallery_ev .foto img {border:0;}

#gallery_ev {background:#DDD;}

#gallery_ev .prev { float:left; width:30px; height:123px; margin:2px 11px 2px 0px; background:#C5C5C5; }
#gallery_ev .next { float:left; width:30px; height:123px; margin:2px 0px 2px 1px;  background:#C5C5C5;  }

#gallery_ev .prev:hover, #gallery_ev .next:hover{ background:#A5A5A5;  }

#gallery_ev .rep-name a { font-size:7pt; color:#333; margin:8px;}
#gallery_ev .ev-name a  { font-size:7pt; color:#666;}
#gallery_ev #info  { font-size:8pt; color:#333;}

#gallery_photos .foto {
  float:left;
  width:92px;
  height:92px;
  padding:3px 3px 32px;
  margin:0 13px 15px 0;
  background:url(../images/frame.jpg) #CCC;
  line-height:14px;
  -moz-box-shadow: 0 0 3px #111;
  -webkit-box-shadow: 0 0 3px#111;
  box-shadow: 0 0 3px #111; }

#gallery_photos .foto img {border:0;}

#gallery_photos { width:960px; height:130px; padding:15px 0; margin:0 auto; }

#gallery_photos .prev { float:left; width:30px; height:123px; margin:2px 11px 2px 0px; background:#1B1B1B; }
#gallery_photos .next { float:left; width:30px; height:123px; margin:2px 0px 2px 1px;  background:#1B1B1B;  }

#gallery_photos .prev:hover, #gallery_ev .next:hover{ background:#A5A5A5;  }

#gallery_photos .rep-name a { font-size:7pt; color:#FF0; margin:8px;}
#gallery_photos .ev-name a  { font-size:7pt; color:#999;}

.item  { float:left; width:705px; border-top:1px solid #d1d1d1; margin:0px 0px 10px 15px; }

.print-agenda  { float:left; width:705px; border-top:1px solid #d1d1d1; margin:10px 0px 10px 15px; padding:10px 0; text-align:right; font-size:10pt; color:#333; }
.print-agenda a, .print-agenda a:visited  {color:#333; }
.print-agenda a:hover { background:#FF0; padding:3px 0 3px 3px; }

#press .item  img {float:left; border:0; margin: 5px 13px 0px 0px;}


.item p.titolo  {
  float:left;
  width:701px;
  padding:2px;
  margin:5px 0 0;
  background:#EDEDED;
  font-size:12pt; }

.item p.titolo a {color:#333;}

#press .item p.titolo, #press .item p.info  {width:596px;}

.item:hover p.titolo { background:#FF0; }

.item p.info {
  float:left;
  width:686px;
  padding:2px;
  margin:0;
  font-size:8pt;
  color:#333; }

.item p.info a { color:#333; }

.post  { float:left; width:705px; border-bottom:1px solid #d1d1d1; margin:0px 0px 10px 15px; padding:10px 0 0; }
.post  img.blog {
  float:right;
  border:0;
  padding:9px 9px 37px 9px;
  margin:0px 15px 20px;
  background:url(../images/frame_blog.png) no-repeat;
  -moz-box-shadow: 0 0 5px #888;
  -webkit-box-shadow: 0 0 5px#888;
  box-shadow: 0 0 5px #888; }

.post .title a { font-size:14pt; color:#333; margin:0; }
.post .data { font-size:8pt; color:#333; margin:0; }
.post .author { font-size:8pt; color:#333; background:#FF0; padding:2px; margin:0; }
.post .info { font-size:8pt; color:#333; margin:0; }
.post .comments { float:left; width:450px; font-size:8pt; color:#333; margin:30px 0 5px; }
.post .comments a { font-size:8pt; color:#333; background:#FF0; padding:2px; margin:0 2px; }
.post p { width:450px; margin:0; }

.post .comment { display:block; float:left; width:450px; padding:8px 0; margin:0; border-top:1px solid #EDEDED; }
.comment .autore { display:block; text-transform:uppercase; }
.comment .data { display:block; }
.comment .corpo { display:block; padding:8px 0 0;}


.col_2rep { float:left; width:479px; padding:10px 0; margin:0; background: #FFF; border-left:1px solid #EDEDED; }
.col_1rep { float:left; width:210px; padding:10px 15px; margin:0; background: #FFF; }

#reporters2 {
  width:480px;
  padding:10px 0; }

#reporters .foto,
.col_2rep .foto {
  float:left;
  width:92px;
  height:92px;
  padding:3px 3px 32px;
  margin:0 0 15px 18px;
  background:url(../images/frame_light.jpg) #CCC;
  line-height:14px;
  -moz-box-shadow: 0 0 3px #888;
  -webkit-box-shadow: 0 0 3px#888;
  box-shadow: 0 0 3px #888; }

#reporters .foto.lomo,
.col_2rep .foto.lomo { background:url(../images/frame_lomo.png) #f00; color: #FFF;}


#reporters .foto img,
.col_2rep .foto img {border:0;}

.col_1rep .foto {
  float:left;
  width:92px;
  height:92px;
  padding:3px 3px 32px;
  margin:0 0 18px 0;
  background:url(../images/frame_light.jpg) #CCC;
  line-height:14px;
  -moz-box-shadow: 0 0 3px #888;
  -webkit-box-shadow: 0 0 3px#888;
  box-shadow: 0 0 3px #888; }
  
.col_1rep .foto.lomo {
  background:url(../images/frame_lomo.png) #f00;
  color: #FFF;}


#reporters .rep-name a, .col_2rep .rep-name a { font-size:7pt; color:#333; margin:8px;}
#reporters .ev-name a, .col_2rep .ev-name a  { font-size:7pt; color:#666;}

#reporters .lomo .rep-name a, .col_2rep .lomo .rep-name a { font-size:7pt; color:#FFF; margin:8px;}
#reporters .lomo .ev-name a, .col_2rep .lomo .ev-name a  { font-size:7pt; color:#FFF;}

.col_1rep .info { float:left; width:101px;  margin:0 0 0 10px; color:#333; }
.col_1rep .button { float:left; margin:0 0 15px 0; border:0; }
.col_1rep p { float:left; width:210px; margin:0 0 15px;}

#photo_container { text-align:center; }

img.cornice {
  margin-left:auto;
  margin-right:auto;
  margin-bottom:10px;
  padding:10px 10px 37px;
  background:url(../images/bg_cornice.jpg) repeat-x bottom;
  -moz-box-shadow: 0 0 3px #888;
  -webkit-box-shadow: 0 0 3px#888;
  box-shadow: 0 0 3px #888;
  border:0; }

#bollo {
  position:absolute;
  top:40px;
  right:2px;
  width:74px;
  padding:20px 0;
  background:url(../images/bollo.png) no-repeat center;
  text-align:center;
  font-size:14pt;
  color:#FFF;
}

#premi-ereporter {
	float:left;
	padding:15px 0;
	text-align:left;}
.col_3 #premi-ereporter { margin-left:15px; }
.col_3#blog #premi-ereporter { width:450px; }

#premi-ereporter h3 {
	display:block;
	float:none;
	margin:0;
	font-size:12pt;
	font-weight:bold;
	color:#333; }
	
#premi-ereporter h2 {
	display:block;
	float:none;
	margin:0 0 20px;
	font-size:12pt;
	font-weight:normal;
	color:#333; }
	
#premi-ereporter p {
	display:block;
	float:none;
	margin:0 0 10px;
	font-size:8pt;
	font-weight:normal;
	color:#333; }
/************** HP - FASCIA 1 ****************/
#fascia1 {
  width:960px;
  height:350px;
  margin:0 auto;
  padding:15px 0; }

#fascia1 .speciali {
  float:left;
    width:480px;
    height:340px;
    margin:0; }

#fascia1 .mainsp1 {
  float:left;
  width:225px;
  height:360px;
  padding:0px 15px 0 0; }

#fascia1 .mainsp1 h3,
#fascia1 .mainsp2 h3 { margin:0; }

#fascia1 .mainsp1 h3 a,
#fascia1 .mainsp2 h3 a { color:#FFF; }

#fascia1 .mainsp1 .blocco {
  float:left;
  width:225px;
  height:315px;
  padding:0;
  margin:15px 0 0;
  background:#282828; }

#fascia1 .mainsp2 {
  float:left;
  width:225px;
  height:360px;
  padding:0px  0 0px 15px; }

 #fascia1 .mainsp2 .blocco {
  float:left;
  width:225px;
  height:315px;
  padding:0;
  margin:15px 0 0;
  background:#282828; }


/***  parte relativa al vecchio blocco GUIDE   ***/
#fascia1 .guide {
  float:left;
  width:210px;
  height:350px;
  padding:0 15px; }

 #fascia1 .guide .blocco {
  float:left;
  width:210px;
  border-top:1px solid #686868;
  margin:15px 0 20px; }

#fascia1 .guide img.icon {
  float:left;
  width:22px;
  margin-top:15px; }

#fascia1 .guide .txt {
  float:left;
  width:168px;
  padding:0 10px;
  font-size:8pt;
  color:#CCC;
  margin-top:1px; }
  
 #fascia1 .guide .txt a strong.giallo { margin-bottom:3px; }

   /**  fine **/


/************** HP - FASCIA 2 ****************/
#fascia2 {
  width:960px;
  height:350px;
  margin:0 auto;
  padding:0;
  line-height:10pt;}

#fascia2 h3, #fascia1 .guide h3, #fascia1 .mainsp h3, #fascia1 .speciali h3 { width:100%; margin: 0 0  0px; }
#fascia2 h3 a, #fascia1 .guide h3 a, #fascia1 .mainsp h3 a, #fascia1 .speciali h3 a, #f_social .blog h3 a { color:#FFF; }
#fascia2 h4 { width:100%; margin: 0 0 10px; }

#fascia2 .rep-name a { font-size:7pt; color:#FF0;}
#fascia2 .ev-name a  { font-size:7pt; color:#999;}

#fascia2 .reporter {
  float:left;
  width:225px;
  height:320px;
  padding:15px 0 15px 15px;
  border-right:1px solid #494949; }
#fascia2 .reporter .foto {
  float:left;
  width:92px;
  height:92px;
  padding:3px 3px 32px;
  background:url(../images/frame.jpg) #333;
  margin:0 14px 15px 0;
  -moz-box-shadow: 0 0 4px #111;
  -webkit-box-shadow: 0 0 4px #111;
  box-shadow: 0 0 4px #111; }

#fascia2 .photogallery {
  float:left;
  width:462px;
  height:320px;
  padding:15px 0 15px 17px;}
#fascia2 .photogallery .foto {
  float:left;
  width:92px;
  height:92px;
  padding:3px 3px 32px;
  margin:0 17px 15px 0;
  background:url(../images/frame.jpg) #333;
  -moz-box-shadow: 0 0 4px #111;
  -webkit-box-shadow: 0 0 4px #111;
  box-shadow: 0 0 4px #111}


#fascia2 .guide {
  float:left;
  width:210px;
  height:320px;
  padding:15px 15px 15px 14px;
  border-left:1px solid #494949; }

#fascia2 .guide .blocco {
  float:left;
  width:210px;
  border-top:1px solid #686868;
  margin:5px 0 35px; }

#fascia2 .guide img.icon {
  float:left;
  width:22px;
  margin-top:15px; }

#fascia2 .guide .txt {
  float:left;
  width:168px;
  padding:0 10px;
  font-size:8pt;
  color:#CCC;
  margin-top:15px; }

#fb { float:left; width:210px; padding:8px 0; border-top: 1px solid #686868; border-bottom: 1px solid #686868; margin:0; }
#fb-picture { float:left; margin-right:8px; }
#fb-salutation { clear:none; padding: 5px 5px 0 10px; font-size:8pt; color:#CCC; }
#fb-logout { font-size:8pt; color:#FF0; }



/***  parte relativa al vecchio blocco BLOG   ***/
#fascia2 .blog {
  float:left;
  width:210px;
  height:320px;
  padding:15px 15px 15px 14px;
  border-left:1px solid #494949; }

#fascia2 .blog .blog-bub {
  float:left;
  width:180px;
  padding:13px 15px;
  height:241px;
  background:url(../images/bubble-blog.png) no-repeat;
  font-size:8pt; }

#fascia2 .blog .blog-bub #author {color:#999;}
#fascia2 .blog .blog-bub #body {color:#999; margin:13px 0;}
#fascia2 .blog .blog-bub #published_at {color:#555;}
#fascia2 .blog .blog-bub #title { font-size:10pt; color:#FFF; margin-top:13px; }

   /**     fine     **/


/************** HP - BRERA ****************/
#f_brera {
  width:930px;
  margin:0 auto;
  height:295px;
  padding:15px 15px 10px; }

#f_brera .tit{   display:block;   float:left;  margin-bottom:10px; font-size:14pt; }
#f_brera .link{  display:block;  float:right; margin-bottom:5px; font-size:9pt; background:#FFF; padding:3px 5px; }

#f_brera .brera1 {
  float:left;
  width:450px;
  padding:0 14px 0 0;
  margin:0 15px 0 0;
  border-right:1px solid #DBDBDB; }

#f_brera .brera2 {
  float:left;
  width:450px;
  padding:0 ; }

#f_brera .brera1 p{
  float:left;
  width:210px;
  display:block;
  font-size:9pt;
  color:#383838;}

#f_brera .brera2 p{
  float:left;
  width:450px;
  display:block;
  font-size:9pt;
  padding:0;
  color:#383838;}


/************** HP - PROGETTI ****************/
#fascia4 {
  width:960px;
  margin:0 auto;
  padding:15px 0;
  height:430px; }

#fascia4 .first {
  float:left;
  width:240px;
  margin:0; }

#fascia4 .first .box {
  float:left;
  width:210px;
  padding:15px 15px 20px ;
  margin:0;
  -moz-box-shadow: 0 0 5px #CCC;
  -webkit-box-shadow: 0 0 5px #CCC;
  box-shadow: 0 0 5px #CCC;
  font-size:9pt;
  color:#383838; }

#fascia4 .first .box a.tit {  display:block; width:210px; margin:0 0 8px ; font-size:14pt; border-bottom:1px solid #EDEDED; padding:0 0 4px; color:#383838 }
#fascia4 .first .box .tit a {  display:block; width:210px; margin:0 0 8px ; font-size:14pt; border-bottom:1px solid #EDEDED; padding:0 0 4px; }

#fascia4 .prog {
  float:left;
  width:195px;
  padding:15px;
  height:400px;
  margin:0 0 0 15px;
  -moz-box-shadow: 0 0 5px #CCC;
  -webkit-box-shadow: 0 0 5px #CCC;
  box-shadow: 0 0 5px #CCC;
  font-size:9pt;
  color:#383838;}

#veuve-clicquot {
	float:left;
	width:240px;
	height:211px;
	margin:15px 0 0;
	-moz-box-shadow: 0 0 5px #CCC;
	-webkit-box-shadow: 0 0 5px #CCC;
	box-shadow: 0 0 5px #CCC;
	background:#ECECEC; }

#veuve-clicquot:hover { background:#FBB402; }

/************** HP - SOCIAL ****************/

#f_social {
  width:930px;
  height:478px;
  margin:0 auto;
  padding:0 14px;
  border-right:1px solid #DBDBDB;
  border-left:1px solid #DBDBDB; }


#f_social .blog {
  position:relative;
  float:left;
  width:210px;
  height:320px;
  padding:15px 15px 15px 0; }

#f_social .blog h3 { font-size:14pt; color:#444444; margin:0; }
#f_social .blog .counter { float:right; font-size:8pt; color:#555; text-align:right; margin:0; }

#f_social .blog .blog-bub {
  float:left;
  width:180px;
  padding:25px 15px 35px;
  margin:2px 0 10px;
  height:251px;
  background:url(../images/bubble-b.png) no-repeat;
  font-size:8pt; }

#f_social .blog .blog-bub #author {color:#333; }
#f_social .blog .blog-bub #body {color:#333; margin:13px 0;}
#f_social .blog .blog-bub #published_at {color:#555;}
#f_social .blog .blog-bub #title { font-size:10pt; color:#333; margin-top:13px; background:#FF0; padding:0 2px; }


#f_social .twitbox {
  float:left;
  width:210px;
  margin:15px 0 15px 15px;
  font-size:14pt;
  color:#444444;}

#f_social .twitbox .twit-bub {
  margin:5px 0 10px;
  width:180px;
  height:276px;
  padding:35px 15px 0;
  background:url(../images/bubble-twit.png);}

ul.twitter_status {
  list-style: none;
  font-size:9pt;
  margin-left:-35px; }

ul.twitter_status .avatar img { border:2px solid #CCC; }
ul.twitter_status .text { color:#333; margin:22px 0 20px;}
ul.twitter_status .text a { color:#666; }
ul.twitter_status .author a { color:#999; }


/***  parte relativa al vecchio blocco newlsetter  ***/
#f_social .nletbox {
  float:left;
  width:210px;
  margin:15px 15px 15px 0;
  font-size:14pt;
  color:#444444;}
#f_social .nletbox .nlet-bub {
  margin-top:5px;
  width:190px;
  height:321px;
  padding:0 10px;
  background:url(../images/bubble-b.png) no-repeat;}

  /**         fine        **/


#f_social .col {
  float:left;
  width:210px;
  height:448px;
  padding:15px 0 15px 14px;
  border-left:1px solid #DBDBDB;
  margin:0 0 0 15px;
  font-size:16pt;
  color:#383838;}

#banner_blocco_01,
#banner_blocco_02,
#banner_blocco_03,
#banner_blocco_04,
#banner_blocco_05,
#banner_blocco_06,
#banner_blocco_07,
#banner_blocco_08 { margin-bottom:10px; }


/************** HP - SPONSOR ****************/
#f_sponsor {
  width:930px;
  height:310px;
  margin:0 auto;
  padding:15px; }

#f_sponsor .main, #f_sponsor .tecnico {
  float:left;
  width:210px;
  height:280px;
  padding:0 14px 0 0;
  margin:20px 15px 20px 0;
  border-right:1px solid #DBDBDB;
  font-size:8pt;
  color:#DBDBDB;}

#f_sponsor .semplici {
  float:left;
  width:450px;
  height:280px;
  padding:0px;
  margin:20px 0;
  font-size:8pt;
  color:#DBDBDB;}


/************** FOOTER ****************/
#footer {
  width:930px;
  height:220px;
  margin:0 auto;
  padding:30px 15px;
  /*background:#2B2B2B;
  border-top:1px solid #FF0;*/
  font-size:8pt;
  color:#999999;
  line-height:16pt; }

#footer .foot1 { float:left; width:180px; margin-right:15px; }

#footer .foot2 { float:left; width:240px; margin-right:15px; Background:url(../images/bubble-nl.png) no-repeat top center; }
#footer .foot2 #foot_nl { padding:0px 25px; margin:0px; line-height:14pt; }

#footer .foot3 { float:left; width:150px; margin-right:15px; }
#footer .foot4 { float:left; width:150px; margin-right:15px; }
#footer .foot5 { float:left; width:150px;}
#footer ul { list-style:url(../images/footlist.jpg); margin:0 0 0-20px; }



/************** MENU ****************/
ul.topnav {
  list-style: none;
  padding:0;
  margin: 0;
  width: 960px;
  font-size:9pt; }

ul.topnav li {
  float: left;
  margin: 0;
  padding: 0;
  position: relative; /*--Declare X and Y axis base for sub navigation--*/
  border-left:1px solid #484848; }

ul.topnav li a{
  /*padding: 16px 15px;*/
  padding-top:16px;
  padding-bottom:16px;
  text-align:center;
  color: #fff;
  display: block;
  text-decoration: none;
  float: left; }

ul.topnav li.spento a { color:#555; !important }
ul.topnav li.spento:hover  { background:none; !important }
ul.topnav li.spento:hover a { color:#555; !important }

ul.topnav li a:hover, ul.topnav li a.active {
  background: url(../images/topnav_hover.jpg) repeat-x top;
  color:#FF0; }

ul.topnav li#poi a:hover, ul.topnav li#poi a.active {
  background:none;
  color:#FFF; }

ul.topnav li.home { border:none; }
ul.topnav li.home a { padding:16px 16px 16px 17px; }

ul.topnav li span { /*--Drop down trigger styles--*/
  width: 9px;
  height: 35px;
  float: left;
  background: url(../images/subnav_btn.gif) no-repeat center top; }

ul.topnav li span.subhover {background-position: center bottom; cursor: pointer; } /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
  list-style: none;
  font-size:8pt;
  position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
  left: -1px; top: 50px;
  background: #252525;
  margin: 0; padding: 0;
  display: none;
  float: left;
  /*width: 180px;*/
  text-align:left; }

ul.topnav li ul.subnav li{
  margin: 0; padding: 0;
  /*border-top: 1px solid #252525; Create bevel effect--*/
  /*border-bottom: 1px solid #444; Create bevel effect--*/
  clear: both;
  /*width: 215px;*/ 
  text-align:left; }

html ul.topnav li ul.subnav li a {
  float: left;
  background: #252525 url(dropdown_linkbg.gif) no-repeat 10px center;
  /*width: 160px;*/
  padding:4px 20px 4px 10px;
  border-bottom:1px solid #333; 
  text-align:left; }

html ul.topnav li ul.subnav li a:hover { background: #333 url(dropdown_linkbg.gif) no-repeat 10px center; }

.placeholder{
  text-align:center;
  background-color:#aaaaaa;
  display:table-cell; vertical-align:middle;
  font-family:"Courier New";
  font-size:12px;
}

.instagram { float:left; margin:0 0 0 5px; }
.instagram > div { float:left; padding:5px; background:#FFF;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease; }
.instagram > div:hover { background:#bbb;}
.instagram > div img { width:130px; height:130px; }

a.bikedistrict {
	display:block;
	padding:10px;
	color:#333;
	background: url(../images/bikedistrict.jpg) no-repeat right #ededed; }