/*MENU TABBED BOX */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.centro_home .tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.centro_home .tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
.centro_home ul.tabbernav {
background:transparent url(background_tab_box.gif) no-repeat scroll left bottom;
border:1px solid #ccc;
border-width: 0 0 0 0;
margin:0;
padding:2px 0px 1px 8px;
}

.centro_home ul.tabbernav li{
 list-style: none;
 margin: 0;
 display: inline;

}

.centro_home ul.tabbernav li a {
background:#FFFFFF none repeat scroll 0 0;
border: 1px #CCCCCC solid;
border-width:0 2px 0 0;
padding:  2px 0.5em 1px 0.5em;
text-decoration:none;
}

/* NON FUNZIONA PIù CON IE E FF PER WINDOWS 
.centro_home ul.tabbernav li a{  perchè funzioni su MAC 
line-height:18px;
padding:0 0.5em 0;
}

*/


.centro_home ul.tabbernav li a:link {
color:  #0033CC;
}

.centro_home ul.tabbernav li a:visited {
color:  #0033CC;
}

.centro_home ul.tabbernav li a:hover{
 color:  #ffffff;
 background: #CCCCCC;
 border-color: #CCCCCC;
}

.centro_home ul.tabbernav li.tabberactive a{
color:#ffffff;
background-color:#CCCCCC;
border:1px solid #CCCCCC;
border-width: 0 0 0 0;
}


.centro_home ul.tabbernav li.tabberactive a:hover {
 color: #000;
 background: white;
 border: 1px solid white;
 border-width: 0 0 0 0;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.centro_home .tabberlive .tabbertab {
 padding:0;
 border:1px solid #b2b2b2;
 border-width: 0 0 0 0;
 width:auto;
background: transparent url() no-repeat 0 0;	
 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

/* height:180px; ALTEZZA NASCOSTA PER POTERLA DECIDERE DAI BOX INTERNI (ES. BOX HOMEPAGE COLLAPSABLE E NON)/*

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

  /*overflow:hidden; tolto per poter posizionare l'immagine del div hidden collapsable box homepage*/ 
}

/* If desired, hide the heading since a heading is provided by the tab */
/*contenuti tab */

.centro_home .tabberlive .tabbertab h1 {
background:transparent none repeat scroll 0 0;
color:#666666;
font-size:16px;/*ex 18px dav17072010*/
font-weight:normal;
margin:0 0 10px;
padding:0;
}

.centro_home .tabberlive .tabbertab .eventi_elenca_categoria h1 {
width:285px;
}


.centro_home .tabberlive .tabbertab h2 {
 display:none;
}

.centro_home .tabberlive .tabbertab h3 {
 /*display:none;*/
color:#999999;
font-size:16px;
font-weight:normal;
margin:0 0 10px;
}

.centro_home .tabberlive .tabbertab p{
font-size: 12px;
}

/*contenuti tab */

/* Example of using an ID to set different styles for the tabs on the page */
.centro_home .tabberlive#tab1 {
}
.centro_home .tabberlive#tab2 {
}
.centro_home .tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

/******************per allungare in base ai contenuti***********/
.centro_home .tabbertab:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
* html .tabbertab {
height:1%;
}
/********************* per allungare in base ai contenuti***********/

/* MENU TAB HOMEPAGE */




/* MENU TAB CENTRO INTERNO */
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.centro_home .tabberlive .tabbertabhide {
 display:none;
}


/*MENU TABBED BOX SERVIZI - LUOGHI */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.hotel_dettaglio_contenuti .tabberlive .tabbertabhide,
.servizi_dettaglio_contenuti .tabberlive .tabbertabhide,
.luoghi_dettaglio_contenuti .tabberlive .tabbertabhide  {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.hotel_dettaglio_contenuti .tabber,
.servizi_dettaglio_contenuti .tabber,
.luoghi_dettaglio_contenuti .tabber {
}
.hotel_dettaglio_contenuti .tabberlive,
.servizi_dettaglio_contenuti .tabberlive,
.luoghi_dettaglio_contenuti .tabberlive  {
 margin-top:-5px;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
.hotel_dettaglio_contenuti ul.tabbernav,
.servizi_dettaglio_contenuti ul.tabbernav,
.luoghi_dettaglio_contenuti ul.tabbernav {
background:transparent url(background_tab_box_bigger.gif) no-repeat scroll left bottom;
border:1px solid #ccc;
border-width: 0 0 0 0;
margin:0;
padding:2px 0px 1px 8px;
}

.hotel_dettaglio_contenuti ul.tabbernav li,
.servizi_dettaglio_contenuti ul.tabbernav li,
.luoghi_dettaglio_contenuti ul.tabbernav li{
 list-style: none;
 margin: 0;
 display: inline;

}

.hotel_dettaglio_contenuti ul.tabbernav li a,
.servizi_dettaglio_contenuti ul.tabbernav li a,
.luoghi_dettaglio_contenuti ul.tabbernav li a  {
background:#FFFFFF none repeat scroll 0 0;
border: 1px #CCCCCC solid;
border-width:0 2px 0 0;
padding:  2px 0.5em 1px 0.5em;
text-decoration:none;
font-size:14px;
color: #666;
}

.hotel_dettaglio_contenuti ul.tabbernav li a:link,
.servizi_dettaglio_contenuti ul.tabbernav li a:link,
.luoghi_dettaglio_contenuti ul.tabbernav li a:link {
color:  #666666;
}

.hotel_dettaglio_contenuti ul.tabbernav li a:visited,
.servizi_dettaglio_contenuti ul.tabbernav li a:visited,
.luoghi_dettaglio_contenuti ul.tabbernav li a:visited  {
color:  #666666;
}

.hotel_dettaglio_contenuti ul.tabbernav li a:hover,
.servizi_dettaglio_contenuti ul.tabbernav li a:hover{
 color:  #ffffff;
 background: #CCCCCC;
 border-color: #CCCCCC;
}

.hotel_dettaglio_contenuti ul.tabbernav li.tabberactive a,
.servizi_dettaglio_contenuti ul.tabbernav li.tabberactive a,
.luoghi_dettaglio_contenuti ul.tabbernav li.tabberactive a{
color:#ffffff;
background-color:#CCCCCC;
border:1px solid #CCCCCC;
border-width: 0 0 0 0;
font-size:14px;
}


.hotel_dettaglio_contenuti ul.tabbernav li.tabberactive a:hover,
.servizi_dettaglio_contenuti ul.tabbernav li.tabberactive a:hover,
.servizi_dettaglio_contenuti ul.tabbernav li.tabberactive a:hover {
 color: #000;
 background: white;
 border: 1px solid white;
 border-width: 0 0 0 0;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.hotel_dettaglio_contenuti .tabberlive .tabbertab,
.servizi_dettaglio_contenuti .tabberlive .tabbertab,
.luoghi_dettaglio_contenuti .tabberlive .tabbertab {
 padding:10px 10px 10px 10px;
 border:1px solid #ccc;
 border-width: 2px 2px 2px 2px;
 width: 735px;
background: transparent url() no-repeat 0 0;	
height:275px;
overflow: auto;
 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

/* height:180px; ALTEZZA NASCOSTA PER POTERLA DECIDERE DAI BOX INTERNI (ES. BOX HOMEPAGE COLLAPSABLE E NON)/*

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

  /*overflow:hidden; tolto per poter posizionare l'immagine del div hidden collapsable box homepage*/ 
}

/* If desired, hide the heading since a heading is provided by the tab */
/*contenuti tab */


.luoghi_dettaglio_contenuti .tabberlive .tabbertab {
height: 372px;
}



.hotel_dettaglio_contenuti .tabberlive .tabbertab h1,
.servizi_dettaglio_contenuti .tabberlive .tabbertab h1,
.luoghi_dettaglio_contenuti .tabberlive .tabbertab h1 {
background:transparent none repeat scroll 0 0;
color:#333;
font-size:16px;
font-weight: bold;
margin:0 0 10px;
padding:0;
width:auto;
}

.luoghi_dettaglio_contenuti .tabberlive .tabbertab h1 {
font-size: 14px;
line-height: 1.2;
font-weight: normal;
}


.hotel_dettaglio_contenuti .tabberlive .tabbertab h2,
.servizi_dettaglio_contenuti .tabberlive .tabbertab h2,
.luoghi_dettaglio_contenuti .tabberlive .tabbertab h2 {
 display:none;
}

.hotel_dettaglio_contenuti .tabberlive .tabbertab h3,
.servizi_dettaglio_contenuti .tabberlive .tabbertab h3,
.luoghi_dettaglio_contenuti .tabberlive .tabbertab h3 {
 /*display:none;*/
color:#999999;
font-size:16px;
font-weight:normal;
margin:0 0 10px;
}


/*contenuti tab */

/* Example of using an ID to set different styles for the tabs on the page */
.hotel_dettaglio_contenuti .tabberlive#tab1,
.servizi_dettaglio_contenuti .tabberlive#tab1,
.luoghi_dettaglio_contenuti .tabberlive#tab1  {
}
.hotel_dettaglio_contenuti .tabberlive#tab2,
.servizi_dettaglio_contenuti .tabberlive#tab2,
.luoghi_dettaglio_contenuti .tabberlive#tab2 {
}
.hotel_dettaglio_contenuti .tabberlive#tab2 .tabbertab,
.servizi_dettaglio_contenuti .tabberlive#tab2 .tabbertab,
.luoghi_dettaglio_contenuti .tabberlive#tab2 .tabbertab  {
 height:200px;
 overflow:auto;
}

/******************per allungare in base ai contenuti***********/
.hotel_dettaglio_contenuti .tabbertab:after,
.servizi_dettaglio_contenuti .tabbertab:after,
.luoghi_dettaglio_contenuti .tabbertab:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
* html .tabbertab {
height:1%;
}
/********************* per allungare in base ai contenuti***********/

/* MENU TAB HOMEPAGE */




/* MENU TAB CENTRO INTERNO */
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.eventi_dettaglio_contenuti .tabberlive .tabbertabhide{
 display:none;
}





/*MENU TABBED EVENTI */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.eventi_dettaglio_contenuti  .tabberlive .tabbertabhide  {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.eventi_dettaglio_contenuti  .tabber{
}
.eventi_dettaglio_contenuti  .tabberlive {
 margin-top:0px;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
.eventi_dettaglio_contenuti  ul.tabbernav{
background:transparent url(background_tab_box_bigger.gif) no-repeat scroll left bottom;
border:1px solid #ccc;
border-width: 0 0 0 0;
margin:0;
padding:2px 0px 1px 8px;
}

.eventi_dettaglio_contenuti  ul.tabbernav li{
 list-style: none;
 margin: 0;
 display: inline;

}

.eventi_dettaglio_contenuti ul.tabbernav li a{
background:#FFFFFF none repeat scroll 0 0;
border: 1px #CCCCCC solid;
border-width:0 2px 0 0;
padding:  2px 0.5em 1px 0.5em;
text-decoration:none;
font-size:14px;
color: #666;
}

.eventi_dettaglio_contenuti ul.tabbernav li a:link {
color:  #666666;
}

.eventi_dettaglio_contenuti ul.tabbernav li a:visited  {
color:  #666666;
}

.eventi_dettaglio_contenuti ul.tabbernav li a:hover{
 color:  #ffffff;
 background: #CCCCCC;
 border-color: #CCCCCC;
}

.eventi_dettaglio_contenuti ul.tabbernav li.tabberactive a{
color:#ffffff;
background-color:#CCCCCC;
border:1px solid #CCCCCC;
border-width: 0 0 0 0;
font-size:14px;
}


.eventi_dettaglio_contenuti  ul.tabbernav li.tabberactive a:hover {
 color: #000;
 background: white;
 border: 1px solid white;
 border-width: 0 0 0 0;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.eventi_dettaglio_contenuti  .tabberlive .tabbertab{
 padding:10px 10px 10px 10px;
 border:1px solid #ccc;
 border-width: 2px 2px 2px 2px;
 width: 735px;
background: transparent url() no-repeat 0 0;	
height:420px;
overflow: auto;
 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

/* height:180px; ALTEZZA NASCOSTA PER POTERLA DECIDERE DAI BOX INTERNI (ES. BOX HOMEPAGE COLLAPSABLE E NON)/*

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

  /*overflow:hidden; tolto per poter posizionare l'immagine del div hidden collapsable box homepage*/ 
}

/* If desired, hide the heading since a heading is provided by the tab */
/*contenuti tab */

.eventi_dettaglio_contenuti .tabberlive .tabbertab h1{
background:transparent none repeat scroll 0 0;
color:#333;
font-size:16px;
font-weight: bold;
margin:0 0 10px;
padding:0;
}

.eventi_dettaglio_contenuti  .tabberlive .tabbertab h2 {
 display:none;
}

.eventi_dettaglio_contenuti .tabberlive .tabbertab h3 {
 /*display:none;*/
color:#999999;
font-size:16px;
font-weight:normal;
margin:0 0 10px;
}


/*contenuti tab */

/* Example of using an ID to set different styles for the tabs on the page */
.eventi_dettaglio_contenuti .tabberlive#tab1 {
}
.eventi_dettaglio_contenuti  .tabberlive#tab2{
}
.eventi_dettaglio_contenuti .tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

/******************per allungare in base ai contenuti***********/
.eventi_dettaglio_contenuti .tabbertab:after{
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
* html .tabbertab {
height:1%;
}
/********************* per allungare in base ai contenuti***********/

/* MENU TAB HOMEPAGE */




/* MENU TAB CENTRO INTERNO */
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.eventi_dettaglio_contenuti  .tabberlive .tabbertabhide{
 display:none;
}

/* IE 7 */  
html > body #tabber_ricettivita {  
*margin-top:5px !important;  
}  
  
/* IE 6 */  
body #tabber_ricettivita {  
_margin-top:5px !important; 
} 


/* IE 7 */  
html > body .tabbernav {  
*height:16px !important;  
}  
  
/* IE 6 */  
body .tabbernav  {  
_height:16px !important;  
} 

.feratel_search{
left:385px;
position:absolute;
text-align:left;
top:9px;
}