html, body{font-family: 'Encode Sans Condensed', sans-serif; font-size: 14px; margin: 0; padding: 0; color: #121212; background:#F1F1F1; height: 100%; width: 100%; background:#e6e6e6; background:url('/img/Bk-Main.png') }

.ShowOnMobile {display:none}
.ShowOnDesktop {display:block}

h1,h2, h3, h4, h5, h6 {font-family: 'Oswald', sans-serif;}
h1                  {line-height:56px; font-size:56px;  margin:0 0 15px 0; padding:35px 0 0 0; text-align:center; letter-spacing:2px; color:#fff; text-shadow:0 0 10px #333;}
h2, h3, h4          {padding:15px; margin:0; font-weight:500; letter-spacing:1px;}
h2                  {color:#e31e24; font-weight:normal; font-size:26px; line-height:36px; text-align:left; margin:0; padding:10px 0 10px 0; text-transform:uppercase;}
h3                  {color:#999; font-weight:normal; font-size:22px; line-height:36px; margin:0; padding:0;  text-align:left;}
h4                  {color:#e31e24; font-size:16px; font-weight:500; line-height:30px; padding-left:20px; text-align:left;  }

    a          {color:#E31E24; text-decoration:none;}
    a:hover    {color:#383838;}  
    p          {margin:0; padding:5px;}
    hr          { width:auto; max-width:800px; height:90px; display:block; padding:0; border:0; margin:20px auto 0 auto; background: url('separator.png') no-repeat center center; background-size:contain; }
    
.TopToolBox    {width:auto; min-height:40px; position:relative; text-align:center; padding:8px 16px; float:right; margin:0 380px 0 0}
.TopToolBox ul {margin: 0; padding: 0; list-style-type: none; display: inline;}
.TopToolBox li {margin: 0; padding: 0; position: relative; display:inline-block; overflow:hidden; vertical-align:top;}
.TopToolBox li img {border:0; width:32px; height:32px;}
.TopToolBox a  {padding:0px 4px 0 4px; display:inline-block; opacity:0.5; filter:brightness(0%) ; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}
.TopToolBox a:hover {padding:8px 4px 0 4px; opacity:0.9; filter:brightness(0%) drop-shadow(2px 2px 8px #fff);}

.webmail    {width:auto; height:72px; width:400px; position:absolute; top:0; right:20px; text-align:right; vertical-align:bottom;}
.webmail a   {height:72px; width:72px; background-position:top right; background-size: auto 72px; background-repeat:no-repeat; margin:-32px 10px 0 0; float:right;  -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}
    .webmail a:hover {
        height: 72px;
        width: 180px;
        margin: -12px 10px 0 0;
        filter: drop-shadow(2px 2px 8px #121212) grayscale(0%);
    }

    .HeadConteiner { width:100%; height:auto; display:block; position:relative; margin:0 auto; padding:0;  min-height:150px; z-index:999; background:#bbb url('/img/Bk-Header.jpg') no-repeat center center; background-size:cover; }
    .logo  {width:17%; height:150px; margin:0 5%; display:block; float:left; background:url('/img/logo_kefa-wide.png') no-repeat center center; background-size:contain;}

    .Wallpaper             {width:100%; height:100%; min-height:600px; position:fixed; top:0; left:0; overflow:hidden; background-position:center top; background-repeat:no-repeat; background-size:cover;}
    .Wallpaper  .Gradient  {width:100%; height:100%; min-height:600px; position:absolute; top:0; left:0;  background:linear-gradient(180deg, rgba(200,200,200,0.66), rgba(230,230,230,1));  }

    .Main        { width:80%;  max-width:1200px; height:auto; display:block; position:relative; margin:0 auto; padding:0 0 40px 0;  min-height:600px;}
    .MainContent   {position:relative; padding: 40px 10%; text-align:center; background:#efefef; border-radius:8px;}

    .SubMenu         {margin:0; padding:0;	font-family: 'Oswald', sans-serif; letter-spacing:1px; font-size:20px; display:block; text-align:center;}
    .SubMenu a       {height:40px; line-height:40px; padding:0 10px; display:inline-block; text-decoration:none; outline:none; color:#fff; overflow:hidden; background: url('/img/AlphaDark50.png')}
    .SubMenu a:hover {background:#e31e24; box-shadow:0px 0px 4px #121212 inset;}

    .servicebox { display:block; min-height:90px; text-align:center; background:#fff; color:#333; margin:10px; padding:10px; border-radius:5px; text-transform:uppercase; font-size:10px; -webkit-box-shadow: 0 0 5px #42403f; -moz-box-shadow: 0 0 5px #42403f; box-shadow: 0 0 5px #42403f;}
    .servicebox img {width:50%; display:block; margin:0 auto 10px auto; padding:0; border:0; opacity:0.5; }

  .Attachments {}
  .AttachBox   {margin:10px; padding:10px; min-height:64px; border-radius:8px; background:url('/img/AlphaDark50.png');}
  .AttachBox a img {width:65px; margin:0 10px 0 5px; float:left; filter:drop-shadow(0px 0px 6px #000); -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s;}
  .AttachBox a:hover img {width:70px; margin:-5px 10px 0 0; filter:drop-shadow(5px 5px 10px #000); }
  .AttachBox b  {font-family: 'Oswald', sans-serif; display:block; line-height:20px; font-size:20px; color:#ddd; padding:8px 0 4px 0; font-weight:400; text-shadow: 2px 2px 8px #000;}
  .AttachBox p  {color:#eee; font-size:14px; line-height:18px; }

    
  .Gallery {display:block; position:relative; text-align:center;}

  .Gallery a img {width:160px; opacity:0.5; border-radius:8px; margin:0 10px 5px 10px; display:inline-block; filter:drop-shadow(0px 0px 2px #bbb); -webkit-transition: all 0.33s; -moz-transition: all 0.33s; transition: all 0.33s;}
  .Gallery a:hover img {width:165px; opacity:1; margin:-5px 10px 5px 5px; filter:drop-shadow(5px 5px 10px #999); }


  .VideoGallery {display:block; position:relative; text-align:center; margin:-40px 0 0 0;}
  .VideoBox {margin:5px 5px 0 0; display:inline-block; min-height:205px; min-width:320px; }
  .VideoBox b {line-height:25px;}

  .FCategorie                 {display:block; position:relative; text-align:left;}
  .FCategorie a               {min-width:60px; height:32px; line-height:32px;  display:inline-block; text-align:center; font-size:14px; color:#999; background:#eee;  text-decoration:none; margin:5px 5px 0 0; font-weight:400;  border-radius:6px; padding:0 20px 0 20px;  -webkit-transition: all 0.5s; -moz-transition: all 0.5s;  transition: all 0.5s;}
  .FCategorie a:hover         {color:#eee; background:#999;}
  
  .FCaratteristiche           {display:block; position:relative; text-align:left;}
  .FCaratteristiche a         {min-width:60px; height:32px; line-height:32px;  display:inline-block; text-align:center; font-size:14px; color:#999; background:#eee;  text-decoration:none; margin:5px 5px 0 0; font-weight:400;  border-radius:6px; padding:0 20px 0 20px;  -webkit-transition: all 0.5s; -moz-transition: all 0.5s;  transition: all 0.5s;}
  .FCaratteristiche a:hover   {color:#eee; background:#999;}

  .Partners              {display:block; position:relative; text-align:center; width:100%}
  .Partners div          {display:inline-block; filter: grayscale(100%); text-align:center; width:120px; height:90px;  margin:10px 20px; background-repeat:no-repeat; background-position:center center;  background-size:contain; overflow:hidden; border-radius:16px;  -webkit-transition: all 0.5s; -moz-transition: all 0.5s;  transition: all 0.5s;}
  .Partners div:hover    { width:140px; height:110px; margin:0 10px; filter: grayscale(0) drop-shadow(0 0 5px #fff); }
  .Partners div a        {display:block; width:120px; height:90px;}


  .SchedaCopertina {display:block; position:relative; text-align:center; width:100%; margin:0 auto 20px auto;}

  .SchedaCopertina a img {width:66%; height:auto; max-width:70%; margin:0 -7.5% 0 0; padding:1% 0 4% 0;  border:0;  transform: perspective( 1000px ) rotateY(12.5deg) rotateX(5deg) rotateZ(-2deg);  -webkit-transition: all 0.75s; -moz-transition: all 0.75s; transition: all 0.75s;}
  .SchedaCopertina a p {position:absolute; width:100%; height:60px; bottom:0; left:0; text-align:center; font-size:40px; font-style:italic; color:#fff; text-shadow:0 0 10px #000; opacity:0;  -webkit-transition: all 1.75s; -moz-transition: all 1.75s; transition: all 1.75s;}

  .SchedaCopertina a:hover img {width:80%; height:auto; margin:0 auto 0 auto;  padding:0 0 0 0; border:0;  transform: perspective(0) rotateY(0) rotateX(0) rotateZ(0) ;}
  .SchedaCopertina a:hover p   { bottom:150px; opacity:1;}

  .SchedaIntro {font-size:18px; line-height:24px; }
  
    .back                    {width:72px; height:72px; display:block; float:left;}
    .back  a img             {width:52px; height:52px; border:0; margin:20px 0 0 20px; filter:grayscale(100%); -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s;}
    .back  a:hover img       {width:72px; height:72px; border:0; margin:0; filter:grayscale(0%);}

    .PdfLink                 {width:72px; height:72px; display:block; float:left;}
    .PdfLink  a img             {width:50px; height:50px; border:11px; margin:5px; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s;}
    .PdfLink  a:hover img       {width:70px; height:70px; border:1px; margin:0;}

.SchedaCaratteristiche              {display:block; position:relative; text-align:center;}
.SchedaCaratteristiche div           {display:inline-block; position:relative; text-align:center; width:160px; height:120px; font-size:14px; line-height:16px; margin:5px; overflow:hidden; border-radius:8px; }
.SchedaCaratteristiche div img       {width:64px; height:64px; margin:8px auto 12px auto; border:0; display:block; filter: grayscale(100%); float:none; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}
.SchedaCaratteristiche div:hover img {width:80px; height:80px; margin:0 auto 4px auto; filter: grayscale(0%);}

  .LinkTutti                  {float:right; display:block; min-width:90px; height:36px; line-height:36px; text-align:center; font-size:20px;  color:#eee; background:#e31e24; position:relative; padding:0 10px; z-index:99; border-top-left-radius:8px; border-bottom-left-radius:8px; }

  .filters {  -webkit-filter: grayscale(100%);  filter: grayscale(100%);  opacity: 0.4;}

.row {position:relative;}
.row:before, .row:after {display: table; content: " ";}
.row:after {clear: both;}
.row:before, .row:after {display: table; content: " ";}
.row:after {clear: both;}

  .col-md-1, .col-md-2,  .col-md-3,  .col-md-4,  .col-md-5,  .col-md-6,  .col-md-7,  .col-md-8,  .col-md-9,  .col-md-10,  .col-md-11 {float:left;}
  .col-md-1     {width: 8.333333333333332%;}
  .col-md-2     {width: 16.666666666666664%;}  
  .col-md-3     {width: 25%;  }  
  .col-md-4     {width: 33.33333333333333%;}  
  .col-md-5     {width: 41.66666666666667%;}  
  .col-md-6     {width: 50%;  }  
  .col-md-7     {width: 58.333333333333336%;}  
  .col-md-8     {width: 66.66666666666666%;}  
  .col-md-9     {width: 75%;  } 
  .col-md-10    {width: 83.33333333333334%;}
  .col-md-11    {width: 91.66666666666666%;}
  .col-md-12    {width: 100%;  }

.Cella100 {width:100%; font-size:16px; min-height:33px; line-height:33px; border:1px solid #ddd; color:#666; background:#f6f6f6; border-radius:4px; text-indent: 0.01px;/*In Firefox*/ text-overflow: '';/*In Firefox*/ }
.cn {text-align:center;}
.sx {text-align:left;}
.dx {text-align:right;}
.nw {white-space:nowrap}
.cb {clear:both;}

.box-inner {position:relative; padding:20px 4% 10px 4%;}
.box-inner h3    {color:#333; font-size:22px; line-height:40px; font-weight:500; margin:0; padding:0;  text-align:center; text-transform:uppercase;}

.PulsanteM  a { min-width:90px; height:36px;  display:none; line-height:36px;  display:inline-block; text-align:center; font-size:20px; color:#fff; background:#383838; border-radius:4px;  text-decoration:none; margin:10px 0;  font-weight:500; letter-spacing:2px; padding:0 10px 0 10px;   -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}
.PulsanteM  a:hover{background:#e31e24;}

.PulsanteR  a { min-width:90px; height:36px; line-height:36px;  display:inline-block; text-align:center; font-size:20px; color:#383838; background:#fff;  text-decoration:none; margin:10px 0; font-weight:500; letter-spacing:2px; border-radius:18px; padding:0 20px 0 20px;  -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}
.PulsanteR  a:hover{ color:#fff; background:#383838;}

.ReCaptcha {display:block; width:50%; min-width:240px; max-width:400px; height:auto; float:left;}

    .Footer     {min-height:100px; padding:50px 20px; text-align:center; font-size:13px; line-height:22px; margin:0; color:#F1F1F1; position:relative; letter-spacing:2px; word-spacing:3px; font-weight:400; background:#383838 bottom left repeat-x; background-image:url('/img/pattern.png')}
    .Footer   a  {color:#fff;}
    .Footer   a:hover    {color:#E31E24;  text-decoration:underline;}  

    .Footer2     {min-height:50px; padding:50px 0; background:#121212; text-align:center; font-size:10px; line-height:22px; margin:0; color:#BBBBBB; position:relative; letter-spacing:2px; word-spacing:4px;  text-transform:uppercase;}
    .Footer2   a  {color:#F1F1F1;} 
    .Footer2   a:hover    {color:#E31E24;  text-decoration:underline;}  

    .LogoFoot { width:200px; border:0; display:block; margin:0 auto; opacity:0.8;}
    .MobileTools     {display:none}

    .Social {width:auto; border:0; display:block; margin:0 auto; text-align:center;}
    .Social h4 {text-align:center;}
    .Social a img {width:48px; height:48px; margin:0 10px; filter: grayscale(100); }
    .Social a:hover img {width:48px; height:48px; margin:0 10px; filter: grayscale(0) drop-shadow(0 0 5px #fff); }

    .PartnerBox         {display:block; margin:20px 0 0 0;  text-align:center;}
    .PartnerBox  img    { width:72px; height:72px; border:0; display:inline-block; margin:0 8px;}
   
    .TextBox            {color:#333; text-align:justify; font-size:16px; line-height:26px; margin:0; padding:30px 20px; background: url('/img/Alpha50.png'); border-radius:16px;}	
    .TextBox h1         {color:#ddd}          
    .TextBox ul         {padding: 5px 0 5px 50px; }                
    .TextBox li         {padding: 0 0 0 10px; }

    .PrezzoSt   {line-height:30px; color:#383838; font-weight:bold; font-size:16px; }     
    .PrezzoSt2  {line-height:30px; display:inline-block; color:#999; font-size:12px; text-decoration:line-through;}                                      
    .PrezzoOf   {line-height:30px; display:inline-block; color:#121212; font-weight:bold; font-size:16px; font-style:italic;} 
    .PrezzoNR   {line-height:30px; color:#c00; font-weight:bold; font-size:16px;}     

    .IconS              {width:32px; height:32px; border:0; display:inline-block;}
    .IconL              {width:96px; height:96px; border:0; margin:0 0 0 10px; float:right;  }


    .BoxSBFormPrivacy   {font-size:12px; line-height:13px; color:#494539; text-align:justify;  min-height:40px; display:inline-block;}
    .BoxSBFormPrivacy a {color:#2F1700; font-weight:bold; font-size:13px; }


@media (max-width: 1366px) {

    .logo  {width:400px; height:70px; margin:10px 10px; float:none; position:absolute; top:0; left:0; background:url('/img/logo_kefa-wide.png') no-repeat left center; background-size:contain;}
    .wallpaper h1	     {font-size:40px; letter-spacing:1px; }
  

     h1                  {line-height:42px; font-size:42px;  margin:0 0 12px 0; padding:24px 0 0 0; letter-spacing:1px;}
     h2, h3, h4          {padding:12px; margin:0; letter-spacing:0;}
     h2                  {font-size:22px; line-height:32px; padding:10px 0 10px 0; }
     h3                  {font-size:20px; line-height:32px;}
     h4                  {font-size:14px; line-height:26px; padding-left:12px;  }

    .Main        {width:90%;}
    .MainContent   {padding: 30px 10px;}
    .PulsanteM  a {font-size:18px;}
    .PulsanteR  a {font-size:18px;}
    	
    .box-inner {padding:50px 8% 5px 8%;}
    .TextBox            {color:#333; text-align:justify; font-size:15px; line-height:25px; margin:0; padding:30px 20px;}	
    .TextBox ul         {padding: 4px 0 4px 40px; }                
    .TextBox li         {padding: 0 0 0 8px; }
}

@media (max-width: 1024px) {

    .wallpaper h1	     {font-size: 40px; letter-spacing:0; }

     h1                  {line-height:32px; font-size:32px;  margin:0 0 10px 0; padding:20px 0 0 0; letter-spacing:0;}
     h2, h3, h4          {padding:10px; margin:0;}
     h2                  {font-size:20px; line-height:26px; padding:10px 0 10px 0; }
     h3                  {font-size:18px; line-height:26px;}
     h4                  {font-size:14px; line-height:22px; padding-left:12px;  }

    .Main         {width:100%; margin:0; }
    .MainContent  {padding: 20px 10px;}
    .PulsanteM  a {font-size:16px;}
    .PulsanteR  a {font-size:16px;}

    .servicebox { margin:5px; padding:5px; font-size:8px;}

    .box-inner {padding:30px 6% 5px 6%;}
    .TextBox            {color:#333; text-align:justify; font-size:14px; line-height:20px; margin:0; padding:30px 20px;}	
    .TextBox ul         {padding: 3px 0 3px 30px; }                
    .TextBox li         {padding: 0 0 0 6px; }	

    .Partners div          {width:90px; height:60px;  margin:8px 16px;}
    .Partners div:hover    {width:106px; height:76px; margin:0 8px; }
    .Gallery a img {width:120px;  margin:0 8px 4px 8px; filter:drop-shadow(0px 0px 2px #bbb);}
    .Gallery a:hover img {width:124px; margin:-4px 8px 4px 4px; filter:drop-shadow(4px 4px 8px #999); }
    .back                    {width:60px; height:60px;}
    .back  a img             {width:48px; height:48px; margin:12px 0 0 12px;}
    .back  a:hover img       {width:60px; height:60px;}

.SchedaCaratteristiche div           {width:96px; height:84px; font-size:10px; line-height:12px; margin:4px; border-radius:0; }
.SchedaCaratteristiche div img       {width:48px; height:48px; margin:8px auto 4px auto;}
.SchedaCaratteristiche div:hover img {width:56px; height:56px; margin:0 auto 4px auto;}

}

@media (max-width: 760px) {
.ShowOnDesktop {display:none}
.ShowOnMobile {display:block}
    .MobileTools     {display:block; margin:8px 0;  text-align:center;}
    .MobileTools  img  { width:72px; height:72px; border:0; display:inline-block; margin:0 8px; opacity:0.66; }
    .col-md-3, col-md-4,.col-md-7,.col-md-8,.col-md-9,  .col-md-10,  .col-md-11 {float:none; width:100%}
    .col-dinamic {float:none; width:100%}
    .box-inner {  position: relative;  padding:8px;}
    .Main         {width:100%; margin:0; padding:50px 0 0 0; }
    .MainContent   {position:relative; padding: 20px 5px; text-align:center;}

    .Partners div          {width:80px; height:50px;  margin:8px 16px;}
    .Partners div:hover    {width:96px; height:66px; margin:0 8px; }

  }    





div.ajax__calendar_container    {position:relative; z-index:999;}