﻿.usual {
  color:#111;
}

#usualEventi
{
    height: 760px;
    background-image: url("/Content/media/menuSfumaturaTAB2px.png");
}

.usual li { list-style:none; float:left; }

.usual li a .selected
{
    margin-left:200px;
}

.usual ul a {
  display:block;
  text-decoration:none!important;
  margin-left:0; 
  color:Gray; 
}


  
.usual ul a.selected {
  margin-bottom:0;   
  cursor:default;
  }

.usual div a { color:#000; }

#usual2 { background:#0A0A0A; border:1px solid #1A1A1A; }
#usual2 a { background:#222; }
#usual2 a:hover { background:#000; }
#usual2 a.selected { background:snow; }
#tabs3 { background:#FF9; }


/*********** TAB MENU AVVISI *********************/

.usual .tab5
{
    background-image: url("/Content/media/ButtonTabBackground/bottoneMobileAvvisiGray.png");
    width:163px;
    height:75px;
    background-repeat:no-repeat;   
}

.usual .tab5 p
{
    margin:0;
    padding-top: 27px;
    padding-left: 65px;
}


.usual .tab6
{
    background-image: url("/Content/media/ButtonTabBackground/bottoneWebAvvisiGray.png");
    width:163px;
    height:75px;
    background-repeat:no-repeat;   
}

.usual .tab6 p
{
    margin:0;
    padding-top: 27px;
    padding-left: 90px;
}

.usual .tab7
{
    background-image: url("/Content/media/ButtonTabBackground/bottoneInfoAvvisiGray_noback.png");
    width:241px;
    height:75px;
    background-repeat:no-repeat;   
}

.usual .tab7 p
{
    margin:0;
    padding-top: 27px;
    padding-left: 100px;
}


.usual #tab8menu
{
    background-image: url("/Content/media/ButtonTabBackground/bottoneFunzionamentoAvvisiGray.png");
    width:241px;
    height:75px;
    background-repeat:no-repeat;   
}

.usual #tab8menu p
{
    margin:0;
    padding-top: 27px;
    padding-left: 85px;
}

.usual .tab5:hover
{
    background-image: url("/Content/media/ButtonTabBackground/bottoneMobileEventiViola.png");
    width:163px;
    height:75px;
    background-repeat:no-repeat;  
    color:#7e004e; 
    box-shadow: 0px 15px 40px -4px #333333;
}
.usual .tab6:hover
{
    background-image: url("/Content/media/ButtonTabBackground/bottoneWebEventiViola.png");
    width:163px;
    height:75px;
    background-repeat:no-repeat;   
    color:#7e004e;
    box-shadow: 0px 15px 40px -4px #333333;
}
.usual .tab7:hover
{
    background-image: url("/Content/media/ButtonTabBackground/bottoneInfoEventiViola.png");
    width:241px;
    height:75px;
    background-repeat:no-repeat;
    color:#7e004e; 
    box-shadow: 0px 15px 40px -4px #333333;  
}
.usual #tab8menu:hover
{
    background-image: url("/Content/media/ButtonTabBackground/bottoneFunzionamentoEventiViola.png");
    width:241px;
    height:75px;
    background-repeat:no-repeat; 
    color:#7e004e;  
    box-shadow: 0px 15px 40px -4px #333333;
}

.usual .tab5.selected
{
    background-image: url("/Content/media/ButtonTabBackground/bottoneMobileEventiViola.png");
    width:163px;
    height:75px;
    background-repeat:no-repeat;   
    color:#7e004e;
    box-shadow: 0px 15px 40px -4px #333333;
}
.usual .tab6.selected
{
    background-image: url("/Content/media/ButtonTabBackground/bottoneWebEventiViola.png");
    width:163px;
    height:75px;
    background-repeat:no-repeat; 
    color:#7e004e; 
    box-shadow: 0px 15px 40px -4px #333333; 
}
.usual .tab7.selected
{
    background-image: url("/Content/media/ButtonTabBackground/bottoneInfoEventiViola.png");
    width:241px;
    height:75px;
    background-repeat:no-repeat; 
    color:#7e004e;  
    box-shadow: 0px 15px 40px -4px #333333;
}
.usual #tab8menu.selected
{
    background-image: url("/Content/media/ButtonTabBackground/bottoneFunzionamentoEventiViola.png");
    width:241px;
    height:75px;
    background-repeat:no-repeat; 
    color:#7e004e; 
    box-shadow: 0px 15px 40px -4px #333333; 
}



/*************************************************/


/*--------------- TAB 5  MOBILE ---------------*/

#tab5
{
}

#tab5 h1
{
    color:#7e0050;
    text-align:center;
    margin-top: 34px;
}
#tab5 h6
{
    text-align:center;
    color:#4f504c;
    line-height:0;
    margin-top: 20px;    
}

#tab5 .SubTitle
{
    color: #4f504c;
    text-align: center;
    margin-bottom: 0;
    margin-top: 11px;
    font-weight: 100;
}

#tab5 h5
{
    margin-bottom: 0;
    margin-top: 11px;
    margin-left: 237px;
    text-align: center;
    position: absolute;
}


#usualEventi #tab5 .leftColumn
{
    width: 292px;
    height: 393px;
    margin-top: 127px;
    margin-left: 120px;
    background-color:transparent;
}

#usualEventi #tab5 .leftColumn .mobileMap
{
    width:265px;
    height:140px;
    background-image : url("/Content/media/mobileBlock/DettaglioEventiViola.png");
    background-repeat: no-repeat;    
    padding-top: 10px;
    padding-left: 10px;
    z-index: 1;
    display: none; 
}

#usualEventi #tab5 .leftColumn .mobileMap h2
{
    margin-left: 33px;
    margin-top: 0px;
    margin-bottom:0;
    cursor:pointer;
}

#usualEventi #tab5 .leftColumn .mobileMap p
{
    margin:0;
    font-size: 15px;
}


#usualEventi #tab5 .leftColumn .notifichePush
{
    width:272px;
    height:172px;
    background-image : url("/Content/media/mobileBlock/NotifichePushSmsViola.png");
    background-repeat:no-repeat; 
    padding-top: 10px;
    padding-left: 10px;
    z-index: 1;
    display: none; 
}

#usualEventi #tab5 .leftColumn .notifichePush h2
{
    margin-left: 39px;
    margin-top: 5px;
    margin-bottom:0;
    cursor:pointer;
}

#usualEventi #tab5 .leftColumn .notifichePush p
{
    margin:0;
    font-size: 15px;
}


#usualEventi #tab5 .rightColumn
{
    width: 330px;
    height: 393px;
    margin-top: 95px;
    margin-left: 135px;
    background-color: transparent;    
    position: absolute;
    top: 195px;
    left: 650px;
}

#usualEventi #tab5 .rightColumn .categorie
{
    width:290px;
    height:172px;
    background-image : url("/Content/media/mobileBlock/AggiungiCalendarioViola.png");  
    background-repeat:no-repeat; 
    padding-top: 10px;
    padding-left: 10px;    
    display: none; 
}

#usualEventi #tab5 .rightColumn .categorie h2
{
    margin-left: 39px;
    margin-top: 5px;
    margin-bottom:0;
    cursor:pointer;
}

#usualEventi #tab5 .rightColumn .categorie p
{    
   margin:0;
   margin-bottom: 10px;
   font-size: 15px;
}



#usualEventi #tab5 .rightColumn .notificheSMS
{
    width:324px;
    height:172px;
    background-image : url("/Content/media/mobileBlock/CondivisioneViola.png");  
    background-repeat:no-repeat; 
    padding-top: 10px;
    padding-left: 10px;    
    display: none; 
}

#usualEventi #tab5 .rightColumn .notificheSMS h2
{
    margin-left: 39px;
    margin-top: 5px;
    margin-bottom:0;    
    cursor:pointer;
}

#usualEventi #tab5 .rightColumn .notificheSMS p
{
   margin:0;
   font-size: 15px;
}

#usualEventi #tab5 .mobileImg
{
    width: 492px;
    height: 534px;
    background-image: url("/Content/media/BloccoAvvisi/NewMobileEmptyRid.png");
    background-repeat: no-repeat;
    position: absolute;
    top: 705px;
    left: 350px;
    display: none;
    opacity: 0;
}

#usualEventi #tab5 .mobileImg .placeHolder
{
    width: 235px;
    height: 374px;
    background-image: url("/Content/media/EventiMobilePlaceHolder/mobilePlaceHolder2_eventi.jpg");
    background-repeat: no-repeat;
    position: absolute;
    top: 159px;
    left: 131px;
}

/*---------------------- END TAB 5 MOBILE ---------*/



/*---------- TAB 6 WEB -------------------------*/

#tab6
{
    /*background-image:url("/Content/media/webTabRid.png");*/
    background-repeat:no-repeat;
}

#tab6 h1
{
    color:#7e0050;
    text-align:center;
    margin-top: 34px;
}

#tab6 .SubTitle
{
    color: #4f504c;
    text-align: center;
    margin-bottom: 0;
    margin-top: 11px;
    font-weight: 100;
}

#tab6 h6
{
    text-align:center;
    color:#4f504c;
    line-height:0;  
    margin-top: 20px;  
}

#tab6 h5 
{
    margin-bottom: 0;
    margin-top: 11px;
    text-align: center;
}

#usualEventi #tab6 .rightColumn_web_tab6 .consultazione
{
    background-color:transparent;
}


/* --------- END TAB 6 WEB -----------------*/

.tab6_pc
{
    position: absolute;
    height: 431px;
    width: 515px;
    left: 100px;
    top: 194px;
    display: none;
}

#tab6 .rightColumn_web_tab6
{
    width: 500px;
    height: 170px;
    background-color: transparent;
    position: absolute;
    top: 210px;
    left: 670px;
    position: absolute;
    display: none;
}

.tab6_pc_img
{
    position: absolute;
    height: 287px;
    width: 461px;
    left: 27px;
    top: 24px;
    display: none;
}

.tab6_black_bar
{
    position: absolute;
    z-index: 10;
    height: 20px;
    left: 565px;
    top: 347px;
    display: none;
}

.tab6_pc_pager
{
    margin-left: 664px;
    margin-top: 214px;
}

.tab6_pc_pager a 
{
    background: #5a5b5e; 
    text-decoration: none;
    margin: 0 5px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 0px 5px;
    font-size: 8px;
}

.tab6_pc_pager a.activeSlide 
{ 
    background: #7e0050; 
}

.tab6_pc_pager a:focus 
{
    outline: none;
}

#slide_show_title_tab6
{
    color: #7e0050;
}

.consultazione
{
    position: relative;
}

/* ----------- TAB 7 INFO TECNICHE --------------*/

#tab7
{
}

#tab7 h1
{
    color:#7e0050;
    text-align:center;
    margin-top: 34px;
}

#tab7 .SubTitle
{
    color: #4f504c;
    text-align: center;
    margin-bottom: 0;
    margin-top: 11px;
    font-weight: 100;
}

#tab7 h6
{
    text-align:center;
    color:#4f504c;
    line-height:0;  
    margin-top: 20px;  
}

#usualEventi #tab7 .leftColumn
{    
    width: 446px;
    height: 372px;
    margin-top: 78px;
    margin-left: 77px;
    background-color: transparent;
}

#usualEventi #tab7 .leftColumn .cloud
{
    width: 328px;
    height: 150px;
    background-color: transparent;
    background-image: url("/Content/media/ImgCaratteristicheTecniche/infotecnicheCloud.png");
    background-repeat: no-repeat;
    padding-left: 139px;
    display: none;
}

#usualEventi #tab7 .leftColumn .cloud h2
{
    margin-bottom: 0;
    padding: 0;
}

#usualEventi #tab7 .leftColumn .pacchettoSMS
{
    width: 328px;
    height: 150px;
    background-color: transparent;
    background-image: url("/Content/media/ImgCaratteristicheTecniche/infotecnicheMobile.png");
    background-repeat: no-repeat;
    padding-left: 147px;
    margin-left:-5px;
    margin-top: 56px;
    display: none;
}

#usualEventi #tab7 .leftColumn .pacchettoSMS h2
{
    margin-bottom: 0;
    padding: 0;
}


#usualEventi #tab7 .rightColumn
{
    width: 466px;
    height: 390px;
    margin-top: 188px;
    margin-left: 150px;
    background-color: transparent;
    float: right;
    position: absolute;
    top: 3px;
    left: 482px;
}

#usualEventi #tab7 .rightColumn .notifichePush
{
    width: 328px;
    height: 150px;
    background-color: transparent;
    background-image: url("/Content/media/ImgCaratteristicheTecniche/infotecnichePush.png");
    background-repeat: no-repeat;
    padding-left: 139px;
    display: none;
}

#usualEventi #tab7 .rightColumn .notifichePush h2
{
    margin-bottom: 0;
    padding: 0;
}

#usualEventi #tab7 .rightColumn .assistenza
{
    width: 328px;
    height: 150px;
    background-color: transparent;
    background-image: url("/Content/media/ImgCaratteristicheTecniche/infotecnicheAssistenza.png");
    background-repeat: no-repeat;
    padding-left: 129px;
    margin-left:17px;
    margin-top: 56px;
    display: none;
}

#usualEventi #tab7 .rightColumn .assistenza h2
{
    margin-bottom: 0;
    padding: 0;
}

/* ----------- END  TAB 7 INFO TECNICHE --------------*/



/*---------- TAB 8 FUNZIONAMENTO ---------------*/

#tab8
{
    background-repeat:no-repeat;
}

#tab8 h1
{
    color:#7e0050;
    text-align:center;
    margin-top: 34px;
}

#tab8 .SubTitle
{
    color: #4f504c;
    text-align: center;
    margin-bottom: 0;
    margin-top: 11px;
    font-weight: 100;
}

#tab8 h6
{
    text-align:center;
    color:#4f504c;
    line-height:0;   
    margin-top: 20px; 
}

#usualEventi #tab8 .leftColumn
{
    background-color: transparent;
    width: 307px;
    height: 400px;
    top: 180px;
    left: 94px;
    background-image: url("/Content/media/BloccoAvvisi/funzionamentoLeft.jpg");
    background-repeat: no-repeat;
    display: none;
    position: absolute;
}

#usualEventi #tab8 .leftColumn .amministratori
{
    width: 280px;
    height: 150px;
    background-color: transparent;
    text-align: center;
    margin-top: 267px;
}

#usualEventi #tab8 .leftColumn .amministratori h2
{
    text-align:center;
    margin:0;
}

#usualEventi #tab8 .leftColumn .amministratori p
{
    margin:0;
}


#usualEventi #tab8 .funzionamentoArrow
{
    position: absolute;
    background-image: url("/Content/media/Immagini_eventi/funzionamentoArrowEventi.png");
    width: 102px;
    height: 58px;
    background-repeat: no-repeat;
    top: 322px;
    left: 376px;
    background-color: transparent;
    z-index: 1;
    display: none;
}

#usualEventi #tab8 .centerColumn 
{
    width: 307px;
    height: 400px;
    margin-left: 150px;
    background-color: transparent;
    float: right;
    position: absolute;
    top: 180px;
    left: 285px;
    background-image: url("/Content/media/BloccoAvvisi/funzionamentoCenter.jpg");
    background-repeat: no-repeat;
    display: none;
}

#usualEventi #tab8 .centerColumn .piattaforma
{
    width: 280px;
    height: 150px;
    background-color: transparent;
    text-align: center;
    margin-top: 267px;
    margin-left: 12px;
}

#usualEventi #tab8 .centerColumn .piattaforma h2
{
     text-align:center;
     margin:0;
}

#usualEventi #tab8 .centerColumn .piattaforma p
{
     margin:0;
}

#usualEventi #tab8 .funzionamento2Arrow
{
    width: 115px;
    height: 168px;
    position: absolute;
    background-image: url("/Content/media/Immagini_eventi/funzionamento2ArrowEventi.png");
    background-repeat: no-repeat;
    top: 230px;
    left: 708px;
    background-color: transparent;
    z-index: 1;
    display: none;
}

#usualEventi #tab8 .rightColumnFunzionamento
{
    width: 307px;
    height: 400px;
    background-color: transparent;
    float: right;
    position: absolute;
    top: 180px;
    left: 795px;
    background-image: url("/Content/media/BloccoAvvisi/funzionamentoRight.jpg");
    background-repeat: no-repeat;
    display: none;
}

#usualEventi #tab8 .rightColumnFunzionamento .invioNotifiche
{
    width: 280px;
    height: 150px;
    background-color: transparent;
    text-align: center;
    margin-top: 267px;
}

#usualEventi #tab8 .rightColumnFunzionamento .invioNotifiche h2
{
    text-align:center;
    margin:0;
}

#usualEventi #tab8 .rightColumnFunzionamento .invioNotifiche p
{
    text-align:center;
    margin:0;
}


/*----------- END TAB 8 FUNZIONAMENTO ---------*/









