﻿/* ------------------------------------------------------------------------------------------------------------------------------------- */
/*                                                                                                                                       */
/* StudioFabbro Via Manlio Torquato n.23 - 00181 Roma (ITALIA) - phone: (+039) 06.78.34.68.93                                            */
/* contabilità generale/analitica - consulenza fiscale/tributaria - corsi formazione                                                     */
/* ver. 01.01.10 23-04-2024                                                                                                              */
/* webmaster@studioalessandrafabbro.eu                                                                                                   */
/*-------------------------------------------------------------------------------------------------------------------------------------- */





/* --- TOP-BAR ----------------------------------------------------------------------------------------------------------------------------------- */







/* -- tb1-1 -------------------------------------------------------------------------------------------------------------------------------------- */

.sidenav                {
                        height:100%;
                        width:0px;
                        position:fixed;
                        z-index:1;
                        top:0px;
                        left:0px;
                        background:#2b2b2b;
                        overflow-x:hidden;
                        transition:0.5s;
                        padding-top:3px;
                        }

.sidenav a              {
                        margin-left:10px;
                        padding:8px 8px 8px 10px;
                        text-decoration:none;
                        text-transform:uppercase;  
                        font-size:16px;
                        color:#818181;
                        display:block;
                        transition:0.3s;
                        }

.sidenav a:hover        {
                        color:#fff;
                        /* --- background:#2b2b2b;  --- */
                        background:#3b3b3b;
                        }

.sidenav .closebtn      {
                        position:absolute;
                        top:0px;
                        right:5px;
                        font-size:30px;
                        margin-left:50px;
                        }

@media screen and (max-height:450px)  {
.sidenav                              {padding-top:15px;}
.sidenav a                            {font-size: 18px;}
                                      }

.sidenav .nav0          {
                        width:272px;
                        margin:5px 0px 0px 5px;
                        padding:6px 5px 6px 25px;
                        text-decoration:none;
                        text-transform:uppercase;  
                        font-size:18px;
                        color:#ffc12e;
                        cursor:not-allowed;
                        display: block;
                        transition:0.3s;
                        background:#2b2b2b url('../img/img-04-002.png') no-repeat 5px 50%;
                        }

.sidenav .nav1          {
                        width:272px;
                        margin:0px 0px 0px 5px;
                        padding:6px 5px 6px 25px;
                        text-decoration:none;
                        text-transform:uppercase;  
                        font-size:18px;
                        color:#818181;
                        display:block;
                        transition:0.3s;
                        border-bottom:1px #939393 solid;
                        background:#2b2b2b url('../img/img-04-001.png') no-repeat 5px 50%;
                        }

.sidenav .nav1:hover    {
                        color:#fff;
                        background:#3b3b3b url('../img/img-04-003.png') no-repeat 5px 50%;
                        }

.sidenav .nav0-1        {
                        width:272px;
                        margin:0px 0px 0px 5px;
                        padding:6px 5px 6px 25px;
                        text-decoration:none;
                        text-transform:uppercase;  
                        font-size:18px;
                        color:#818181;
                        display:block;
                        transition:0.3s;
                        background:#2b2b2b url('../img/img-04-001.png') no-repeat 5px 50%;
                        }

.sidenav .nav0-1:hover  {
                        color:#fff;
                        background:#3b3b3b url('../img/img-04-003.png') no-repeat 5px 50%;
                        }

                        .sidenav .sez-up        {
                        width:302px;
                        margin:52px 0px 0px 5px;
                        padding:0px;
                        display:block;
                        transition:0.3s;
                        background:#2b2b2b;
                        border-top:1px #939393 solid;
                        }

.sidenav .sez-dw        {
                        width:302px;
                        margin:10px 0px 0px 5px;
                        padding:0px;
                        display:block;
                        transition:0.3s;
                        background:#2b2b2b;
                        border-top:1px #939393 solid;
                        }
                        
.sidenav .nav2          {
                        width:294px;
                        margin:0px 0px 0px 5px;
                        padding:4px 0px 4px 8px;
                        text-decoration:none;
                        text-transform:lowercase;
                        font-size:16px;
                        color:#818181;
                        display:block;
                        transition:0.3s;
                        background:#2b2b2b;
                        }
                        
.sidenav .nav3          {
                        width:294px;
                        margin:0px 0px 0px 5px;
                        padding:4px 0px 4px 8px;
                        text-decoration:none;
                        text-transform:lowercase;
                        font-size:16px;
                        color:#ffc12e;
                        cursor:not-allowed;
                        display:block;
                        transition:0.3s;
                        background:#2b2b2b;
                        }
                        
.nav-menu               {
                        width:115px;
                        font-size:25px;
                        cursor:pointer;
				    font-family:'Roboto', sans-serif;
                        padding:9px 16px 8px 16px;
                        
                        border:1px #939393 solid;
                        border-left:none;
                        
                        border-radius: 0px 6px 6px 0px;
                        -webkit-border-radius: 0px 6px 6px 0px;
                        -moz-border-radius: 0px 6px 6px 0px;
                        
                        position:fixed;
                        top:142px;
                        left:83px;
                        color:#cccccc;
                        background:#505050;
                        }
                        
.nav-menu:hover         {
                        color:#fff;
                        background:#353535;
                        }

/* -- menu dropdown ------------------------------------------------------------------------------------------------------------------------------ */

.navbar                 {
                        overflow:hidden;
                        font-family:tahoma, Arial, sans-serif;
                        font-size:14px;
                        color:#939393;
                        padding:14px 0px 0px 0px;
                        margin:0px 0px 0px 0px;
                        float:left;
                        }

.navbar a               {
                        float:left;
                        font-size:20px;
                        text-transform:lowercase;
                        color:#505050;
                        text-align:center;
                        text-decoration:none;
                        padding:8px 16px 8px 16px;
                        margin:0px 5px 0px 0px;
                        width:175px;
                        }

.navbar a:hover         {
                        color:#ffc12e;
                        background:#505050;
                        }

.dropdown               {
                        float:left;
                        overflow:hidden;
                        }

.dropdown .current      {
                        background:#7A8714 url('../img/img-02-001.gif') no-repeat 5px 50%;
                        color:#fff;
                        font-size:12px;
                        padding:12px 16px 12px 16px;
                        text-decoration:none;
                        display: block;
                        text-align:center;
                        }

.dropdown .current2     {
                        background:#fff;
                        color:#000;
                        font-size:12px;
                        padding:12px 12px;
                        text-decoration:none;
                        display: block;
                        text-align:center;
                        }

.dropdown .current3     {
                        background:#7A8714 url('../img/img-01-001.gif') no-repeat 5px 50%;
                        color:#fff;
                        font-size:12px;
                        padding: 10px 16px 6px 16px;
                        text-decoration:none;
                        display: block;
                        text-align:left;
                        }
                        
/* -- dropdown .dropbtn ---------------------------------------------------------------------------------------------------------------  */

.dropdown .dropbtn      {
                        font-size:18px;
                        text-transform:uppercase;
                        border:none;
                        outline:none;
                        padding:8px 16px 8px 16px;
                        height:40px;
                        width:205px;
                        background:#ffc12e;
                        color:#505050;
                        font-family:inherit; /* Important for vertical align on mobile phones */
                        margin:0px 0px 0px 0px; /* Important for vertical align on mobile phones */
                        }

.dropdown:hover .dropbtn     {
                        background:#ffc12e;
                        color:#ffc12e;
                        background:#505050; 
                             }

/* Dropdown content (hidden by default) */
.dropdown-content       {
                        display:none;
                        position:absolute;
                        min-width: 200px;
                        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
                        z-index: 1;
                        background:#f1f1f1;
                        }

/* Links inside the dropdown */

.dropdown-content a     {
                        float: none;
                        color: #000;
                        width:168px;
                        padding:10px 16px 6px 16px;
                        text-decoration: none;
                        display:block;
                        text-align:left;
                        font-size:14px;
                        }

/* Add a grey background color to dropdown links on hover */

.dropdown-content a:hover    {
                             color:#000;
                             padding:10px 16px 6px 14px;
                             border-left:2px #000 solid;
                             background:#ddd;
                             border-top:none;
                             border-bottom:none;
                             }

.dropdown-content .current1  {
                             color:#fff;
                             padding:8px 16px 8px 16px;
                             background: #676767 url('../img/img-02-001.gif') no-repeat 5px 55%;
                             }

/* Show the dropdown menu on hover */

.dropdown:hover .dropdown-content {display: block;}

/* -- tb1-3 -------------------------------------------------------------------------------------------------------------------------------------  */

#search                 {
                        width:auto;
                        height:50px;
                        margin:0px 0px 0px 0px;
                        padding:5px 0px 0px 0px;
                        }

#search+h3              {
                        padding-top:41px;
                        margin-bottom:17px;
                        }

#search .rel            {
                        position:relative;
                        }

#search label           {
                        display:block;
                        }

#search input           {
                        width:300px;
                        height:32px;
                        border:1px #805900 solid;
                        font-size:14px;
                        color:#2b2c30;
                        padding:0px 2px 0px 2px;
                        margin:7px 0px 10px 2px;
                        background:#fff;
                        
                        border-radius: 6px 0px 0px 6px;
                        -webkit-border-radius: 6px 0px 0px 6px;
                        -moz-border-radius: 6px 0px 0px 6px;
                        
                        }

#search a               {
                        width:45px;
                        height:32px;
                        display:block;
                        position:absolute;
                        border:1px #505050 solid;
                        background:#fff url(../img/search_icon.png) no-repeat center center;
                        right:2px;
                        top:0px;
                        cursor:pointer;
                        padding: 0px 0px 0px 3px;
                        margin:7px 0px 10px 0px;
                        
                        border-radius: 0px 6px 6px 0px;
                        -webkit-border-radius: 0px 6px 6px 0px;
                        -moz-border-radius: 0px 6px 6px 0px;
                        }

#search a:hover         {
                        opacity:1;
                        width:45px;
                        height:32px;
                        background:#ccc url(../img/search_icon.png) no-repeat center center;
                        }

/* -- dropdown lng ------------------------------------------------------------------------------------------------------------------------------- */

.lng-btn                {
                        width:52px;
                        color:#fff;
                        padding:10px;
                        font-size:25px;
				    font-family:'Roboto', sans-serif;
				    border:1px #939393 solid;
                        background:#505050;
                        cursor:not-allowed;
                        }

.lng-dropdown           {
				     position:fixed;
				     top:142px;
				     left:30px;
                         display:inline-block;
				     font-family:'Roboto', sans-serif;
                        }

.lng-dropdown-content   {
                        display:none;
                        position:absolute;
                        background:#fff;
                        width:52px;
                        font-size:25px;
                        z-index: 1;
                        }

.lng-dropdown-content a {
                        color:#000;
                        padding:10px;
                        font-size:25px;
				        border-bottom:1px #939393 solid;
				        border-left:1px #939393 solid;
				        border-right:1px #939393 solid;
                        text-decoration:none;
                        text-align:center;
                        display: block;
                        }

.lng-dropdown-content a:hover             {background:#353535;color:#fff;}

.lng-dropdown:hover .lng-dropdown-content {display: block;}

.lng-dropdown:hover .lng-btn              {background:#353535;}

/* --- CONTEINER --------------------------------------------------------------------------------------------------------------------------------- */



/* --- BODY -------------------------------------------------------------------------------------------------------------------------------------- */


/* -- menu index --------------------------------------------------------------------------------------------------------------------------------- */
                        
.btn-cnt                     {
                             position:relative;
                             width: 100%;
                             height:100%;			
                             }

.btn-cnt .btn                {
                             position:absolute;
                             top: 50%;
                             left: 50%;
                             transform: translate(-50%, -50%);
                             -ms-transform: translate(-50%, -50%);
                             
                             transition:  height 2s;
  
                             height:auto;
                             width:80%;
                             color:#000;
                             font-family:"Courier New", Courier, monospace;
                             font-size: 18px;
                             text-align: center;
                             text-decoration:none;
                             font-weight:bold;                                                          
                             padding:25px 20px;
                             cursor: pointer;
                             /* -- background:#ededed; -- */
                             background:orange; 
                             
                             /* ---
                             border-radius: 9px;
                             -moz-border-radius: 9px;
                             -webkit-border-radius: 9px;
                             --- */
                             }

.btn-cnt .btn:hover          {
                             height:auto;
                             width:342px;
                             margin:auto;
                             font-size:38px;
                             font-weight:normal;                                                          
                             color:#fff;
                             padding:128px 0px 128px 0px;
                             background:#000;
                             opacity: .7;
                             }

.btn-cnt .btn1               {
                             position:absolute;
                             top: 50%;
                             left: 50%;
                             transform: translate(-50%, -50%);
                             -ms-transform: translate(-50%, -50%);
                             
                             transition:  height 2s;
  
                             height:auto;
                             width:80%;
                             color:#000;
                             font-family:"Courier New", Courier, monospace;
                             font-size: 18px;
                             text-align: center;
                             text-decoration:none;
                             font-weight:bold;                                                          
                             padding:25px 20px;
                             cursor: pointer;
                             /* -- background:#ededed; -- */
                             background:orange;
                             }

.btn-cnt .btn1:hover         {
                             height:auto;
                             width:342px;
                             margin:auto;
                             font-size:38px;
                             font-weight:normal;                                                          
                             color:#fff;
                             padding:150px 0px 150px 0px;
                             background:#000;
                             opacity: .7;
                             }

.btn-cnt .btn2               {
                             position:absolute;
                             top: 50%;
                             left: 50%;
                             transform: translate(-50%, -50%);
                             -ms-transform: translate(-50%, -50%);
                             
                             transition:  height 2s;
  
                             height:auto;
                             width:80%;
                             color:#000;
                             font-family:"Courier New", Courier, monospace;
                             font-size: 18px;
                             text-align: center;
                             text-decoration:none;
                             font-weight:bold;                                                          
                             padding:25px 20px;
                             cursor: pointer;
                             /* -- background:#ededed; -- */
                             background:orange;
                             }

.btn-cnt .btn2:hover         {
                             height:auto;
                             width:342px;
                             margin:auto;
                             font-size:38px;
                             font-weight:normal;                                                          
                             color:#fff;
                             padding:106px 0px 106px 0px;
                             background:#000;
                             opacity: .7;
                             }

/* --- FOOTER ------------------------------------------------------------------------------------------------------------------------------------ */

                        
/* -- tooltip -------------------------------------------------------------------------------------------------------------------------- */
                        
.tooltip                {
                        position:relative;
                        display:inline-block;
                        }

.tooltip .tooltiptext   {
                        visibility:hidden;
                        width:120px;
                        background:#353535;
                        font-size:13px;
                        color: #edeade;
                        text-align:center;
                        text-transform:lowercase;
                        
                        padding:5px 0px;
                        position:absolute;
                        z-index: 1;
                        bottom:150%;
                        left:50%;
                        margin-left: -60px;
                        
                        border-radius: 6px;
                        -webkit-border-radius: 6px;
                        -moz-border-radius: 6px;
                        
                        }

.tooltip .tooltiptext::after {
                             content: "";
                             position:absolute;
                             top:100%;
                             left:50%;
                             margin-left:-5px;
                             border-width:5px;
                             border-style:solid;
                             border-color: #353535 transparent transparent transparent;
                             }

.tooltip:hover .tooltiptext  {
                             visibility:visible;
                             }                        


/* -- menu footer ---------------------------------------------------------------------------------------------------------------------- */

.ft-nav00               {
                        float:left;
                        margin:0px 0px 5px 0px;
                        width: 270px;
                        height:auto;
                        padding:5px 0px 10px 5px;
                        border-bottom:1px #e0e0e0 dashed;
                        }

.ft-nav00 a             {
                        color:#939393;
                        text-decoration:none;
                        font-size:16px;
                        margin:0px 0px 0px 0px;
                        padding:2px 3px 2px 8px;
                        }

.ft-nav00 a:hover       {  
                        text-decoration:none;
                        text-transform:uppercase;
                        color:#fdeade;
                        }
                        
.ft-nav00 .current      {
                        cursor:not-allowed;
                        text-transform:uppercase;
                        color:#fdeade;
                        padding-left:8px;
                        }
    
/* -- menu footer ---------------------------------------------------------------------------------------------------------------------- */

.f-nav01                {
                        height:20px;
                        margin:10px 0px 0px 0px;
                        padding:5px 0px 5px 0px;
                        text-transform:uppercase;
                        }
                        
.f-nav01 ul             {
                        float:right;
                        }

.f-nav01 ul li          {
                        display:inline;
                        padding:0px 0px;
                        }

.f-nav01 ul li a        {
                        color:#939393;
                        text-decoration:none;
                        font-size:12px;
                        margin:0px 0px 0px 0px;
                        padding:2px 3px 2px 8px;
                        border-left:1px #939393 solid;
                        }

.f-nav01 ul li a:hover  {
                        text-decoration:none;
                        color:#fff;
                        }

.f-nav01 .last          {
                        border-right:1px #939393 solid;
                        padding-right:8px;
                        }

.f-nav01 .active        {
                        color:#fff;
                        text-decoration:none;
                        font-size:12px;
                        margin:0px 0px 0px 0px;
                        padding:2px 3px 2px 8px;
                        border-left:1px #939393 solid;
                        background:none;
                        cursor:not-allowed;
                        }

.f-nav01 .active-l      {
                        color:#ffc12e;
                        text-decoration:underline;
                        font-size:12px;
                        margin:0px 0px 0px 0px;
                        padding:2px 8px 2px 8px;
                        border-right:1px #939393 solid;
                        background:none;
                        cursor:default;
                        }

/* -- Back to top button ------------------------------------------------------------------------------------------------------------------------- */

#back-top               {
                        position: fixed;
                        bottom:65px;
                        right:2%;
                        z-index:30;
                        }
                             
#back-top a             {
                        width:50px;
                        height:50px;
                        display:block;
                        text-align:center;
                        font-size:24px;
                        padding:20px 10px 0px 10px;
                        text-transform:uppercase;
                        text-decoration:none;
                        color:#fdeade;
                        border:1px #fdeade solid;
                        background:#505050;

                        border-radius: 90px;
                        -moz-border-radius: 90px;
                        -webkit-border-radius: 90px;
                        }
                             
#back-top a:hover       {
                        color:#fff;
                        text-decoration:none;
                        background:#353535;
                        }
	
/* -- left ----------------------------------------------------------------------------------------------------------------------------- */
	
.container-i            {
                        position: relative;
                        /* -- width:50%; -- */
                        width:450px;
                        height:450px;
                        margin:0px 0px 0px 0px;
                        background:fuchsia ;
                        }

.image-i                {
                        display:block;
                        width:100%;
                        height:auto;
                        }

.image-i2                {
                        width:450px;
                        height:450px;
                        position: relative;
                        bottom:249px;
                        right:21px;
                        /* -- opacity:.5; -- */
                        }


.overlay-i              {
                        position:absolute;
                        bottom:0;
                        left:0;
                        right:0;
                        background:#ffffff;
                        /* --  background:#D6DFFA;
                        background:#D6DFFA url('../img/img-02/bk2-05-02.png') no-repeat; -- */
                        overflow:hidden;
                        width:0;
                        height:100%;
                        transition: .5s ease;
                        }

.container-i:hover .overlay-i {
                        /* -- width: 100%;  -- */
                        width:450px;
                        height:450px;
                        }
                         
.text-i                 {
                        width:300px;
                        height:50px;
                        padding:10px;
                        color:#505050;
                        font-size:20px;
                        text-transform:lowercase;
                        text-align:justify;
                        font-weight:normal;
                        position:relative;
                        top:190px;
                        left:10px;
                        background:orange;
                        -webkit-border-radius:6px 0px 0px 6px;
                        -moz-border-radius:6px 0px 0px 6px;
                        border-radius:6px 0px 0px 6px;
                        border:1px #505050 solid;
                        }
                        
.container-i a          {
				        color: #cc3000;
				        font-size: 20px;
				        text-decoration: none;
                        }
                        
.container-i a:hover    {
                        color:#008000;
                        text-decoration:none;
                        border-bottom:2px #008000 solid;
                        }
                        
/* -- index5 --------------------------------------------------------------------------------------------------------------------------- */

.btn-a                  {
                        width:450px;
                        padding:0px;
                        margin:0px;
                        font-family:Tahoma;
                        font-size:28px;
                        text-align:left;
                        }

.btn-a ul               {
                        list-style: none;
                        margin:0px;
                        padding:0px;
                        }

.btn-a ul li            {
                        margin:0px;
                        padding:0px;
                        }

.btn-a ul li a          {
                        display: block; 
                        width:450px;
                        height:40px;
                        border-bottom: 1px #939393 dotted;
                        text-decoration: none;
                        text-transform:uppercase;
                        padding: 5px 0px 0px 25px;
                        color:#505050;
                        }

.btn-a a:hover          {
                        background:#d0d0d0 url('../img/img-01-003.png') no-repeat 5px 50%;
                        color:#000;
                        }

.btn-a li .active       {
                        display: block; 
                        width:200px;
                        height: 20px;
                        border-bottom: 1px #939393 dotted;
                        text-decoration: none; 
                        padding: 5px 0px 0px 15px;
                        color:#fff;
                        background:#676767 url('../img/img-01-001.gif') no-repeat 5px 50%;
                        }

.btn-a li .top          {
                        border-top:1px dotted #939393;
                        }
                        
/* -- menu tab-B ----------------------------------------------------------------------------------------------------------------------- */
                        
.vr01-menu              {
                        width: 210px;
                        font-family:Tahoma;
                        font-size:12px;
                        text-transform:uppercase;
                        text-align:left;
                        }

.vr01-menu a            {
                        background:#eee;
                        color:#505050;
                        display:block;
                        padding:8px 8px 8px 8px;
                        text-decoration:none;
                        border-bottom: 1px #939393 dotted;
                        }

.vr01-menu a:hover      {
                        background:#ccc;
                        padding:8px 8px 8px 6px;
                        color:#000;
                        border-left:2px #000 solid;
                        }

.vr01-menu a.active     {
                        background:#4caf50;
                        color:#fff;
                        }

.vr01-menu .top         {
                        border-top:1px dotted #939393;
                        }

.vr01-menu .current1    {
                        color:#fff;
                        padding:8px 16px 8px 16px;
                        background: #676767 url('../img/img-02-001.gif') no-repeat 5px 50%;
                        }

/* -- map ------------------------------------------------------------------------------------------------------------------------------ */

#mappa-01               {
                        float:left;
                        height:90px;
                        width:90px;
                        display:block;
                        margin:0px;
                        padding:0px;
                        border:1px #939393 dotted;
                        background:url('../img/mappa1-02.jpg') no-repeat 0px 0px;
                        opacity:0.4;
                        }
                        
#mappa-01:hover         {
                        border:1px #939393 solid;
                        background:url('../img/mappa1-02.jpg') no-repeat 0px 0px;
                        opacity:0.8;
                        }

/* -- pagenavi ------------------------------------------------------------------------------------------------------------------------- */

.pagenavi               {
                        height:43px;
                        width:auto;
                        margin:0px 50px 0px 50px;
                        padding:20px 0px 0px 0px;
                        font-size:14px;
                        font-weight:normal;
                        text-align:center;
                        }
                        
.pagenavi .current      {
                        margin:0px 0px 0px 3px;
                        padding:10px 15px 10px 15px;
                        text-decoration:none;
                        color:#939393;
                        border:1px solid #d9e3cb;
                        }
                        
.pagenavi a             {
                        margin:0px 0px 0px 3px;
                        padding:10px 15px 10px 15px;
                        text-decoration:none;
                        color:#939393;
                        border:1px solid #939393;
                        
                        border-radius: 3px 3px 3px 3px;
                        -moz-border-radius: 3px 3px 3px 3px;
                        -webkit-border-radius: 3px 3px 3px 3px;
                        }
                        
.pagenavi .current      {
                        color:#000;
                        border:1px solid #939393;
                        background:#ffc12e;
                        
                        border-radius: 3px 3px 3px 3px;
                        -moz-border-radius: 3px 3px 3px 3px;
                        -webkit-border-radius: 3px 3px 3px 3px;
                        }
                        
.pagenavi a:hover       {
                        color:#fff;
                        background:#505050;
                        }
/* -- btn ------------------------------------------------------------------------------------------------------------------------------ */

#btn-01                 {
                        float:left;
                        height:80px;
                        width:80px; 
                        display:block;
                        border:1px #4C4C4C solid;
                        margin:10px 0px 5px 5px;
                        background:#505050 url('../img/social2-0.jpg') no-repeat;
                        }
                        
#btn-01:hover           {
                        background:#505050 url('../img/social2-1.jpg') no-repeat 0px 0px;
                        }

#btn-02                 {
                        float:left;
                        height:80px;
                        width:80px;
                        display:block;
                        border:1px #4C4C4C solid;
                        margin:10px 0px 5px 5px;
                        background:#505050 url('../img/social1-0.jpg') no-repeat;
                        }
                        
#btn-02:hover           {
                        background:#505050 url('../img/social1-1.jpg') no-repeat 0px 0px;
                        }

#btn-03                 {
                        float:left;
                        height:80px;
                        width:80px;
                        display:block;
                        border:1px #4C4C4C solid;
                        margin:10px 0px 5px 5px;
                        background:#505050 url('../img/social3-0.jpg') no-repeat;
                        }
                        
#btn-03:hover           {
                        background:#505050 url('../img/social3-1.jpg') no-repeat 0px 0px;
                        }
/* ------------------------------------------------------------- brochure ------------------------------------ */

#btn-04                 {
                        float:left;                        
                        height:40px;
                        width:250px;
                        color:#fdeade;
                        text-align:center;
                        font-size:18px;
                        padding-top:15px;
                        display:block;
                        margin:5px 5px 5px 8px;
                        text-decoration:none;
                        border:1px #fdeade solid;
                        border-radius:9px;
                        }

#btn-04:hover           {
                        background:#353535;
                        color:#fdeade;
                        }

/* -- social --------------------------------------------------------------------------------------------------------------------------- */

.social-01              {
                        height:40px;
                        width:40px;
                        padding:0px;
                        margin:0px 0px 0px 5px;
                        display:block;
                        border:1px #fff solid;
                        background:#bdc2c8 url('../img/SOCIAL01-1.png') no-repeat;
                        position:fixed;
                        left:0px;
                        bottom:238px;
                        }
                        
.social-01:hover        {
                        height:40px;
                        width:120px;
                        background:#bdc2c8 url('../img/SOCIAL01-2.png') no-repeat;
                        transition:.50s;
                        }

.social-02              {
                        height:40px;
                        width:40px;
                        padding:0px;
                        margin:0px 0px 0px 5px;
                        display:block;
                        border:1px #fff solid;
                        background:#bdc2c8 url('../img/SOCIAL02-1.png') no-repeat;
                        position:fixed;
                        left:0px;
                        bottom:195px;
                        }
                        
.social-02:hover        {
                        height:40px;
                        width:120px;
                        background:#bdc2c8 url('../img/SOCIAL02-2.png') no-repeat;
                        transition:.50s;
                        }

.social-03              {
                        height:40px;
                        width:40px;
                        padding:0px;
                        margin:0px 0px 0px 5px;
                        display:block;
                        border:1px #fff solid;
                        background:#bdc2c8 url('../img/SOCIAL03-1.png') no-repeat;
                        position:fixed;
                        left:0px;
                        bottom:152px;
                        }
                        
.social-03:hover        {
                        height:40px;
                        width:120px;
                        background:#bdc2c8 url('../img/SOCIAL03-2.png') no-repeat;
                        transition:.50s;
                        }

.social-04              {
                        height:40px;
                        width:40px;
                        padding:0px;
                        margin:0px 0px 0px 5px;
                        display:block;
                        border:1px #fff solid;
                        background:#bdc2c8 url('../img/SOCIAL04-1.png') no-repeat;
                        position:fixed;
                        left:0px;
                        bottom:137px;
                        }
                        
.social-04:hover        {
                        height:40px;
                        width:120px;
                        background:#bdc2c8 url('../img/SOCIAL04-2.png') no-repeat;
                        transition:.50s;
                        }
                        
/* -- mappa sito ----------------------------------------------------------------------------------------------------------------------  */
	
#mappa                  {
                        float:left;
                        width:100%;
	                    margin:0px 0px 0px 0px;
	                    padding:0px 0px 0px 0px;
                        font-size:14px;
                        text-align:left;
                        line-height:normal;
                        }
	
#mappa ul               {
	                    margin:0;
	                    padding:0px 0px 0px 0px;
	                    list-style:none;
	                    }
 
#mappa li               {
	                    display:inline;
	                    margin:0;
	                    padding:0;
	                    }
	
#mappa a                {
	                    float:left;
	                    width:250px;
	                    height:23px;
	                    margin:0px 0px 0px 50px;
	                    padding:10px 0px 0px 14px;
	                    text-decoration:none;
	                    color:#2b2b2b;
	                    border-bottom:1px #939393 solid;
	                    }
	
#mappa a:hover          {
	                    background:#777 url('../img/img-02-005.png') no-repeat 2px 14px;
	                    color: #f5f5f5;
                     	}
	
#mappa .current1        {
	                    float:left;
	                    width:160px;
	                    height:23px;
	                    margin:0;
	                    padding:10px 0px 0px 14px;
	                    text-decoration:none;
	                    color:#f5f5f5;
	                    border-bottom:1px #939393 solid;
	                    background:#97c950;
	                    }
	
#mappa .current2        {
	                    float:left;
	                    width:247px;
	                    height:23px;
	                    margin:0;
	                    padding:10px 0px 0px 14px;
	                    text-decoration:none;
	                    color:#f5f5f5;
	                    border-bottom:1px #939393 solid;
	                    background:#97c950;
	                    }
	
#mappa .large           {
	                    float:left;
	                    width:300px;
	                    height:23px;
	                    margin:0;
	                    padding:10px 0px 0px 14px;
	                    text-decoration:none;
	                    color:#2b2b2b;
	                    border-bottom:1px #939393 solid;
	                    }
	
#mappa .none            {
	                    float:left;
	                    width:200px;
	                    height:23px;
	                    margin:0;
	                    padding:10px 0px 0px 5px;
	                    text-decoration:none;
	                    color:#2b2b2b;
	                    text-align:left;
	                    border-bottom:1px #939393 solid;
	                    }
	
#mappa .first           {
	                    border-top:1px #939393 solid;
	                    }
	
/* -- round -------------------------------------------------------------------------------------------------------------------  */
	
#round-01               {
                        height:22px;
                        width:173px;
                        color:#939393;
                        text-align:center;
                        font-size:20px;
                        font-weight:bold;
                        text-decoration:none;
                        padding:88px 10px 88px 10px;
                        display:block;
                        border:2px #939393 solid;
                        background:#ffffff;
                        border-radius: 180px 180px 180px 180px;
                        -moz-border-radius: 180px 180px 180px 180px;
                        -webkit-border-radius: 180px 180px 180px 180px;
                        }
                        
#round-01:hover         {
                        border:2px #ffffff solid;
                        text-decoration:none;
                        color:#000;
                        text-transform:uppercase;
                        background:#ffc12e;
                        }
	
#round-02               {
                        height:10px;
                        width:350px;
                        background:#ffffff;
                        color:#939393;
                        text-align:center;
                        font-size:25px;
                        text-decoration:none;
                        padding:60px 10px 75px 10px;
                        display:block;
                        border:2px #939393 solid;
                        }
                        
#round-02:hover         {
                        border:2px #ffffff solid;
                        text-decoration:none;
                        color:#000;
                        text-transform:uppercase;
                        background:#ffc12e;
                        }
	
#round-06               {
                        height:50px;
                        width:350px;
                        background:#ffffff;
                        color:#939393;
                        text-align:center;
                        font-size:25px;
                        text-decoration:none;
                        padding:65px 10px 65px 10px;
                        display:block;
                        border:2px #939393 solid;
                        }
                        
#round-06:hover         {
                        border:2px #ffffff solid;
                        text-decoration:none;
                        color:#000;
                        text-transform:uppercase;
                        background:#ffc12e;
                        }
                        
/* -- accordion -----------------------------------------------------------------------------------------------------------------------  */

.accordion                     {
                               cursor: pointer;
                               padding:18px;
                               width:720px;
                               border:none;
                               text-align:left;
                               outline:none;
                               font-size:16px;
                               transition:0.4s;
                               background:none;
                               }

.active-faq, .accordion:hover  {
                               background:none;
                               }

.accordion:after               {
                               content: '\002B';
                               font-weight:bold;
                               float:right;
                               margin-left:5px;
                               }

.active-faq:after              {
                               content: "\2212";
                               /* -- border-bottom:15px;----  */ 
                               padding-bottom:5px;
                               }

.panel                         {
                               font-size:16px;
                               background:none;
                               margin:0px 0px 0px 0px;
                               padding:0px 20px 0px 20px;
                               border-bottom:1px #a8a8a8 solid;
                               width:680px;
                               max-height: 0;
                               overflow: hidden;
                               transition: max-height 0.2s ease-out;
                               }
/* --- PG-NAV01 ---------------------------------------------------------------------------------------------------------------------------------- */

.PG-NAV01               {
                        height:60px;
                        width:1000px;
                        margin:0px auto 0px auto;
                        padding:10px 0px 0px 0px;
                        font-size:15px;
                        text-align:center;
                        }
                         
.PG-NAV01 a             {
                        margin:0px 0px 0px 0px;
                        padding:10px 15px 10px 15px;
                        text-decoration:none;
                        color:#939393;
                        border:1px solid #939393;
                        
                        border-radius: 3px 3px 3px 3px;
                        -moz-border-radius: 3px 3px 3px 3px;
                        -webkit-border-radius: 3px 3px 3px 3px;
                        }
                        
.PG-NAV01 .current      {
                        margin:0px 0px 0px 0px;
                        padding:10px 15px 10px 15px;
                        text-decoration:none;
                        color:#fff;
                        border:1px solid #939393;
                        cursor:no-drop;
                        background:#a6282c;
                        
                        border-radius: 3px 3px 3px 3px;
                        -moz-border-radius: 3px 3px 3px 3px;
                        -webkit-border-radius: 3px 3px 3px 3px;
                        }
                        
.PG-NAV01 a:hover       {
                        color:#fff;
                        background:#353535;
                        }
                        
/* --- PG-NAV02 ---------------------------------------------------------------------------------------------------------------------------------- */

.PG-NAV02               {
                        height:48px;
                        width:100px;
                        margin:0px 0px 0px 0px;
                        padding:8px 0px 4px 0px;
                        font-size:35px;
                        }
                         
.PG-NAV02 a             {
                        margin:0px 15px 0px 15px;
                        padding:0px 25px 0px 25px;
                        text-align:center;
                        text-decoration:none;
                        color:#939393;
                        border:1px solid #939393;
                        
                        border-radius: 3px 3px 3px 3px;
                        -moz-border-radius: 3px 3px 3px 3px;
                        -webkit-border-radius: 3px 3px 3px 3px;
                        }
                        
.PG-NAV02 .current      {
                        margin:0px 0px 0px 3px;
                        padding:10px 15px 10px 15px;
                        text-decoration:none;
                        color:#000;
                        border:1px solid #ffc12e;
                        cursor:no-drop;
                        background:#ffc12e;
                        
                        border-radius: 3px 3px 3px 3px;
                        -moz-border-radius: 3px 3px 3px 3px;
                        -webkit-border-radius: 3px 3px 3px 3px;
                        }
                        
.PG-NAV02 a:hover       {
                        color:#fdeade;
                        background:#353535;
                        }
/* ------------------------------------------------------------------------------------------------------------------------------------- */


                        
/* --- END --------------------------------------------------------------------------------------------------------------------------------------- */






