﻿body {
  color: #5a5a5a; text-align:justify;
  /*background: url(../img/sfondo.jpg) no-repeat white;*/
}

@font-face {
    font-family: 'Myriadpro';
    src: url('font/myriadpro-light-webfont.eot');
    src: url('font/myriadpro-light-webfont?#iefix') format('embedded-opentype'),
         url('font/myriadpro-light-webfont.woff') format('woff'),
         url('font/myriadpro-light-webfont.ttf') format('truetype'),
         url('font/myriadpro-light-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Myriadpro-bold';
    src: url('font/myriadpro-bold-webfont.eot');
    src: url('font/myriadpro-bold-webfont?#iefix') format('embedded-opentype'),
         url('font/myriadpro-bold-webfont.woff') format('woff'),
         url('font/myriadpro-bold-webfont.ttf') format('truetype'),
         url('font/myriadpro-bold-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Diavlo-light';
    src: url('font/Diavlo_LIGHT_II.eot');
    src: url('font/Diavlo_LIGHT_II?#iefix') format('embedded-opentype'),
         url('font/Diavlo_LIGHT_II.woff') format('woff'),
         url('font/Diavlo_LIGHT_II.ttf') format('truetype'),
         url('font/Diavlo_LIGHT_II.svg#BebasNeueRegular') format('svg');
    font-weight: bold;
    font-style: normal;
}

.destra { color:#eaeaea; margin-top:15px; }

.titolo { margin:30px 0 40px 0; text-align:center;  }
.titolo h1 { color:#fff; font-size: 46px; font-family: 'Myriadpro'; margin-top:150px; position:fixed; width:100%; }
.titolo h1 span { color:#454545; font-size:35px; }
.titolo h1 span span { font-size:25px; }

.col-lg-3, .col-lg-2 {
  margin-bottom: 20px;
  text-align: center;
}

.blu { padding-top: 15px; position: relative; color:white; background: #1161a6; font-size: 14px; padding:30px;
            border-radius: 50px 10px; margin-bottom:50px;  }

.blu a { color:#b5b5b5!important; font-size:14px!important; }

.col-md-8 { margin-bottom:50px; padding-right:40px; }

 .description, .description_edit{  position: relative;
    color:#fff;
    background: url(../img/opacity.png);
    background-repeat: no-repeat;
    background-position: center;
    font-family:Myriadpro;
    font-size:35px;
}

 .home-box {
     background-color:#f0f0f0;  color:#efefef; border:10px solid white; padding:30px; color:#5a5a5a; } /*colore blu: 0f60a5, colore grigio:f9f9f9 */

 .home-box img { transition: -webkit-filter 0.3s ease-in; }

 .home-box:hover img { filter: sepia(10%) blur(2px);
-webkit-filter: sepia(10%) blur(2px); -moz-filter: sepia(10%) blur(2px);
-ms-filter: sepia(10%) blur(2px); -o-filter: sepia(10%) blur(2px); -webkit-filter(1); }

 h1 { font-size:70px!important; }

 p { margin-bottom:60px; }

 .caption p { margin-bottom:5px!important; }

.description { margin-top:-50px; background-size: 246px 50px; }
.description_edit{ margin-top:-100px; background-size: 246px 100px; }

.dettaglio { height:250px; }

.img-circle:hover { -moz-box-shadow: 0 0 7px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.5);
    box-shadow: 0 0 7px rgba(0,0,0,0.5);  }

.yt_preview { display: block;
    max-width:180px;
    max-height:250px;
    width: auto;
    height: auto; overflow:hidden; }

.description_dettagli, .description_dettagli_edit{  position: relative;
    color:#fff;
    background: url(../img/opacity.png);
    background-repeat: no-repeat;
    background-position: center;
    font-family:Myriadpro;
    font-size:15px;
}

.description_dettagli { margin-top:-50px; background-size: 180px 50px; }

.no_style_href { color:firebrick; }
.no_style_href:hover { text-decoration:none; }

.modal.modal-wide .modal-dialog {
  width: 80%;
}
.modal-wide .modal-body {
  overflow-y: auto;
}

footer { font-family: 'Myriadpro';
	background-color:#1161a6; width:100%; color:#fff; border-top:3px solid #1161a6; padding-top:10px; margin-top:0px;
}

header { height:250px; overflow:hidden; filter: alpha(opacity=40); opacity: 0.4; }

footer a { color:white; text-decoration:underline; }

.div_parallasse { min-height:400px; margin-top:-20px; color:white; text-align:center; margin-bottom:50px;
                  text-shadow: 2px 2px #000; font-family: 'Myriadpro'; background:rgba(0, 34, 62, 0.5); /*url('../img/gridtile2.png') repeat*/ 
                  -webkit-filter: grayscale(100%);
                  filter: grayscale(100%);
                  filter: sepia(50%) contrast(120%) blur(0px);
                  transition: -webkit-filter 0.5s ease-in; } /*text-shadow: 0px 0px 5px #000; */

.sfondo_paralasse_2 { background-image: url("../img/sfondo_pagina.jpg"); height: 250px; background-attachment: fixed; background-position: center;
    background-repeat: no-repeat; }

/* Inizio parte relativa alla mappa */

#container-map{width: 100%; left:0;position: relative; height:600px; } /*Altezza mappa*/
#top-sfu{width:100%; background: url(../img/map/top-sfu.png) repeat-x; height:10px;position: absolute;z-index:20;top:0;}
#bottom-sfu{width:100%; background: url(../img/map/bottom-sfu.png) repeat-x; height:10px;position: absolute;z-index:20;bottom:0;}
#logo{width:200px;height:200px; background: url(../img/map/logo.png);position: absolute; left:60px; bottom:60px;z-index: 30;}

.popup a{color:#fe4a5d;text-decoration: none;}	
.popup h2{margin:0;padding:0;}
/*.popup #berlin{width:220px;height:40px; background: url(img/map/berlin.png);text-indent: -9999px}*/
      
#map-canvas{width: 100%; height:100%; position:relative;z-index:10;}

.left_map { background-color:#f0f0f0; position:relative; height:600px; }

.right_map { padding:0px!important; height:600px; }

.markers { position:absolute; right:-50px; top:80px; z-index:100; margin-bottom:20px; }

.markers a { cursor:pointer; background-color:#282828; width:215px; height:45px; display:block; color:white; font-family: 'Myriadpro';
             font-size:18px; line-height:45px; padding-left:10px; }

.markers a:hover { text-decoration:none; background-color:#1161a6;  }

.markers img { position:absolute; right:0px; line-height:45px; }

/* fine parte relativa alla mappa */

.section_under_slide { text-align:center; margin: 0 0 90px 0; }

.thumbnail {
    position: relative;
    display: inline-block;
    max-width: 374px;
    height: auto;
    margin: 8px;
    border: 0px!important;
    border-radius: 0px!important;
    background-color:#fff;
    padding:0px!important;
}

.caption {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    background-color:rgba(40, 40, 40, 0.8);
    color:white!important;
}