/* nasconde il tabber prima del completo caricamento */
.tabberlive .tabbertabhide { display:none; }
/* .tabber = prima del caricamento
   .tabberlive = dopo il caricamento */
.tabber {}
.tabberlive {margin-bottom: 10px;}
/* ul.tabbernav = Menu du navigazione
   li.tabberactive = tab selezionato  */
#trecolHome ul.tabbernav {margin:0; font-size: 90%;}
ul.tabbernav li {
list-style: none;
font: bold 90% Verdana, sans-serif;
float: left; width: 33%;
background: transparent url(../img/grafica/liTabDark.gif) no-repeat left top;}
*html ul.tabbernav li a {height: 1%;}
ul.tabbernav li a {
text-align: center;
padding: 6px;
color: #fff;
display: block;
text-transform: uppercase;
text-decoration: none;
background: transparent url(../img/grafica/curvDx.gif) no-repeat right top;
}
ul.tabbernav li a:hover {text-decoration: underline;}
ul.tabbernav li.tabberactive {background: #e7e7e7 url(../img/grafica/liTab.gif) no-repeat left top;}
ul.tabbernav li.tabberactive a {color: #333;}
/* .tabbertab = contenuto di ogni tab */
.tabberlive .tabbertab {clear: left; width:99%; height: 185px;/*Puo fissare l'altezza del contenuto del tabe srollarlo con l'overflow, height:200px; overflow:auto; */}
/* nascondei titoli dei tab che vengono sostituiti dalla lista di navigazione */
.tabberlive .tabbertab h2 {display: none;}
.tabberlive .tabbertab h3 {display: none;}


/* GALLERIA HOME */
.tabbertab #divGalleryCurv {margin: 0; font-size: 90%;}
#divGalleryCurv img {display: inline;}
#divGallery {background: #fff url(../img/grafica/bgGallery.gif) no-repeat right bottom; color: #333;}
/*#divGallery h2, .headGallery {padding: 6px; background: #e7e7e7 url(../img/grafica/h1gallery.gif) repeat-x top left; color: #333; text-transform: uppercase;}*/
#divGallery ul {list-style: none; padding: 0; float: left; width: 100%; margin-bottom: 1.5em;}
*html #divGallery ul {float: none;}

.tabbertab ul.gallery li, ul.galleryNove li {float: left; width: 33%; text-align: center; margin-top: 1.5em;}
.tabbertab ul li .dida {display: block; margin-top: .4em; font-size: 80%;}

#trecolHome .tabbertab #divGallery ul img {padding: 4px; background-color: #fff; color: #000; border: 1px solid #999;}

.tabbertab #divGallery .goto  {clear: both; display: block; text-align: right; background: transparent url(../img/grafica/trattino.gif) repeat-x top; color: #333; padding: .5em;}
.tabbertab #divGallery .goto a {color: #333; font-weight: bold;}
.tabbertab .navGallery .left {float: left;}
.tabbertab .headGallery {float: left; width: 100%; padding: 6px 0;}
.tabbertab #divGallery .headGallery h2 {float: left; background-image: none; background-color: transparent; padding: 0 6px;}
#trecolHome .headGallery p {text-align: right; text-transform: lowercase; padding: 0 6px; font-size: 80%;}

*html #trecolHome .tabbertab #divGallery ul img {border: 4px solid #fff;}
*html #trecolHome #divGallery ul a {border: 1px solid #999;}

/* VIDEO GALLERIA HOME */
.tabbertab #divVideoGalleryCurv {margin: 0; font-size: 90%;}
#divVideoGalleryCurv img {display: inline;}
#videodivGallery {background: #fff url(../img/grafica/bgGallery.gif) no-repeat right bottom; color: #333;}
/*#divGallery h2, .headGallery {padding: 6px; background: #e7e7e7 url(../img/grafica/h1gallery.gif) repeat-x top left; color: #333; text-transform: uppercase;}*/
#videodivGallery ul {list-style: none; padding: 0; float: left; width: 100%; margin-bottom: 1.5em;}
*html #videodivGallery ul {float: none;}

.tabbertab ul.gallery li, ul.galleryNove li {float: left; width: 33%; text-align: center; margin-top: 1.5em;}
.tabbertab ul li .dida {display: block; margin-top: .4em; font-size: 80%;}

#trecolHome .tabbertab #videodivGallery ul img {padding: 4px; background-color: #fff; color: #000; border: 1px solid #999;}

.tabbertab #videodivGallery .goto  {clear: both; display: block; text-align: right; background: transparent url(../img/grafica/trattino.gif) repeat-x top; color: #333; padding: .5em;}
.tabbertab #videodivGallery .goto a {color: #333; font-weight: bold;}
.tabbertab .navGallery .left {float: left;}
.tabbertab .headGallery {float: left; width: 100%; padding: 6px 0;}
.tabbertab #videodivGallery .headGallery h2 {float: left; background-image: none; background-color: transparent; padding: 0 6px;}
#trecolHome .headGallery p {text-align: right; text-transform: lowercase; padding: 0 6px; font-size: 80%;}

*html #trecolHome .tabbertab #videodivGallery ul img {border: 4px solid #fff;}
*html #trecolHome #videodivGallery ul a {border: 1px solid #999;}

div.video {border-top: 1px solid #e7e7e7;}