@charset "UTF-8";
/* CSS Document */

body                            { font-family: 'Source Sans Pro', sans-serif; color:#373737; background:#FFF;  }

.clear                          { clear:both; }
.h200                           { height:200px; }
.h180                           { height:180px; }
.h100                           { height:100px; }
.h50                            { height:50px; }
.h35                            { height:35px; }
.h20                            { height:20px; }

a                               { color:#373737; }
a:hover                         { color:#b3b3b3; }

@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }

#top_bar            { position:relative; height:110px; position:fixed; top:0px; left:0px; width:100%; background:#FFF; z-index:9999; }
#top_bar_place      { height:110px; }
#logo               { font-size:36px; color:#373737; line-height:26px; position:absolute; bottom:10px; left:30px; }
#logo:hover         { text-decoration:none; }
#logo span          { color:#b3b3b3; font-size:18px; font-style:italic; line-height:18px; display:block; text-align:right; }

#mm                 { list-style:none; position:absolute; bottom:10px; right:30px; }
#mm li              { display:inline-block; }
#mm li a            { margin-left:45px; font-size:16px; color:#b3b3b3; padding:0px 10px 10px 10px; }
#mm li a:hover,
#mm li a.sel        { text-decoration:none; border-bottom:5px solid #373737; color:#373737; }

#lingue             { list-style:none; position:absolute; top:10px; right:30px; }
#lingue li          { display:inline-block; }
#lingue li a        { font-size:14px; color:#b3b3b3; }
#lingue li a:hover,
#lingue li a.sel    { text-decoration:none; color:#373737; font-weight:bold; }


#home-cont          { position:relative; }
#home-cont img      { margin:0px auto; }
.ghost              { position:absolute; top:0px; left:0px; width:100%; height:100%; }

#home-cont-res      { position:relative; height:100%; }
#home-cont-res img  { margin:0px auto; display: block; width: auto; max-height: 100%; }

#footer             { text-align:center; color:#b3b3b3; font-size:12px; padding:10px; }
#footer a           { color:#b3b3b3; }
#footer.fisso       { position:absolute; bottom:0px; left:0px; width:100%; }

.pagina h1          { text-transform:uppercase; font-size:30px;  color:#373737; }

.gal_thumb              { padding:10px; display:block; position:relative; background:#FFF; overflow:hidden; }
.gal_thumb span         { position:absolute; bottom:20px; left:20px; padding:5px 10px; text-align:left; color:#FFF; background:url(../img/bg_dida.png); font-size:24px; }
.gal_thumb:hover span   { text-decoration:none; }

.gal_thumb img		{ 
    position:relative; top:0px; left:0px;
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}

.gal_thumb:hover img {
   -webkit-transform: scale(1.2);
   -moz-transform: scale(1.2);
   -o-transform: scale(1.2);
   -ms-transform: scale(1.2);
   transform: scale(1.2);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0.8)";
   filter: alpha(opacity=0.8);
   opacity: 0.8;
}

.img-cont                   { position:relative; display:block; }
.img-cont .img-responsive   { margin:0px auto; display: block; width: auto; max-height:100%; }
#left_col                   { padding-left:35px; }
#lat_menu                   { padding-left:0px; }
#lat_menu a                 { font-size:16px; line-height:30px; display:inline-block; color:#b3b3b3; }
#lat_menu a i               { visibility:hidden; margin-right:10px; }
#lat_menu a:hover,
#lat_menu a.sel             { text-decoration:none; color:#373737; }
#lat_menu a.sel i           { visibility:visible; }

.anchor-sepa                { height:110px; }

.dida                       { font-size:12px; text-align:center; }

.fa-facebook-square			{ font-size:24px; color:#03C; } 
.fa-instagram					{ font-size:24px; color:#054977; margin-left:25px; } 


@media screen and (max-width: 768px) 
{
    #top_bar          { height:170px; text-align:center; padding:0; margin:0; position:relative; }
    #top_bar_place    { height:170px; display:none; }
    #logo             { position:relative; display:inline-block; margin:30px auto 40px auto; left:0px; bottom:0px; }
    #logo span        {  text-align:center; }
    #mm               { position:relative; }
    #mm li a          { font-size:14px; margin-left:30px; }
    .pagina h1        { text-align:center; }
    .gal_thumb span   { font-size:16px; }
    #lat_menu.affix   { position:relative; }
    .anchor-sepa      { height:170px; }
    
    #lat_menu br        { display:none; }
    #lat_menu a       { text-align:center; display:block; line-height:auto; }
    
    .pagina h1      { margin-top:100px; }
    .anchor-sepa                { height:35px; }
}