html, body { margin: 0; padding: 0; height: 100%; }
body { overflow: hidden; font-family: 'open sans', Helvetica, Arial, sans-serif; line-height: 19px; font-size: 13px; }
.no-animate { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; transition: none !important; }
#main { position: absolute; top: 40px; left: 0px; right: 0px; bottom: 0px; }
#main.admin { bottom: 46px; }
#main.no-navbar { top: 0px; }


#gallery-container { position: absolute; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; background: #222;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#gallery { overflow: hidden; }
#gallery-container .gallery-image { cursor: pointer; width: 120px; position: relative; }
#gallery-container .gallery-image:after { position: absolute; left: 0; top: 0; width: 90%; height: 100%; z-index: 2; content: ""; box-shadow: inset 0px 0px 60px #000;}
#gallery-container .gallery-image:hover:after { box-shadow: none; }
#gallery-container .gallery-image.pre-selected:after { box-shadow: none; }
#gallery-container .gallery-image.selected:after {box-shadow: none;}
#gallery .scroller { left: 0; top: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; }

#gallery-container .scroll { position: absolute; text-align: center; font-size: 24px; opacity: .5; cursor: pointer; color: #EEE; }
#gallery-container .scroll:hover { opacity: 1; }
#gallery-container .gallery-image img { height: 75px; width: 100px; }
#gallery-container .gallery-image .gallery-caption { position: absolute; color: white; bottom: 0; z-index: 10; left: 0; right: 0; background-color: rgba(0,0,0,0.5); padding: 0 3px; margin-right:5px;}
#gallery-container .gallery-image .gallery-caption i { opacity: 0.5; }
#gallery-container .scroller { position: relative; }

#gallery-carousel img { width: 100%; }



#main-content { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;  -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; }
#main.gallery-top #main-content { top: 100px; }
#main.gallery-top.hide-gallery #main-content { top: 0px; }
#main.gallery-top #gallery-container #gallery { position: absolute; left: 45px; right: 45px; }
#main.gallery-top #gallery-container { height: 100px; top: 0px; left: 0px; right: 0px; }
#main.gallery-top #gallery-container .gallery-image { margin: 12px 12px 12px 0; display: inline-block; }
#main.gallery-top #gallery-container .gallery-image:last-child { margin-right: 0; }
#main.gallery-top #gallery-container .scroller { display: inline-block; white-space: nowrap; top: 0 !important; }
#main.gallery-top #gallery-container .scroll { top: 0; bottom: 0; width: 45px; line-height: 100px; }
#main.gallery-top #gallery-container .scroll.icon-caret-left { left: 0; }
#main.gallery-top #gallery-container .scroll.icon-caret-right { right: 0; }

#main.gallery-bottom #main-content { bottom: 100px; }
#main.gallery-bottom.hide-gallery #main-content { bottom: 0px; }
#main.gallery-bottom #gallery-container #gallery { position: absolute; left: 45px; right: 45px; }
#main.gallery-bottom #gallery-container { height: 100px; bottom: 0px; left: 0px; right: 0px; }
#main.gallery-bottom #gallery-container .gallery-image { margin: 12px 12px 12px 0; display: inline-block; }
#main.gallery-bottom #gallery-container .gallery-image:last-child { margin-right: 0; }
#main.gallery-bottom #gallery-container .scroller { display: inline-block; white-space: nowrap; top: 0 !important; }
#main.gallery-bottom #gallery-container .scroll { top: 0; bottom: 0; width: 45px; line-height: 100px; }
#main.gallery-bottom #gallery-container .scroll.icon-caret-left { left: 0; }
#main.gallery-bottom #gallery-container .scroll.icon-caret-right { right: 0; }

#main.gallery-left #main-content { left: 125px; }
#main.gallery-left.hide-gallery #main-content { left: 0px; }
#main.gallery-left #gallery-container #gallery { position: absolute; top: 45px; bottom: 45px; }
#main.gallery-left #gallery-container { width: 125px; bottom: 0px; left: 0px; top: 0px; }
#main.gallery-left #gallery-container .gallery-image { margin: 0 12px 12px 12px; display: inline-block; }
#main.gallery-left #gallery-container .gallery-image:last-child { margin-bottom: 0; }
#main.gallery-left #gallery-container .scroller { display: block; left: 0 !important; }
#main.gallery-left #gallery-container .scroll { left: 0; right: 0; width: 125px; line-height: 45px; height: 45px; }
#main.gallery-left #gallery-container .scroll.icon-caret-left { top: 0; }
#main.gallery-left #gallery-container .scroll.icon-caret-left::before { content: "‹"; }
#main.gallery-left #gallery-container .scroll.icon-caret-right { bottom: 0; }
#main.gallery-left #gallery-container .scroll.icon-caret-right::before { content: "›"; }

#sidebar { background: White; position: absolute; z-index: 5; background: white url('../img/foot_right.png') no-repeat; }
#sidebar .sidebar-wrapper { position: absolute; top: 0px; bottom: 0; left: 0; right: 0; }
#sidebar .tour-address { font-size: 16px; line-height: 20px; font-weight: normal; }
#sidebar .sidebar-content { position: relative; }
#sidebar .tour-map img { width: 310px; }
#sidebar .tour-contact { width: 310px; position: relative; max-width: 100%; }
#sidebar .tour-contact .well { padding: 10px; }
#sidebar .tour-contact .well img { display: inline-block; vertical-align: middle; max-width: 70px; max-height: 97px; margin: 3px; border-radius: 3px; }
#sidebar .tour-contact .well address { display: inline-block; vertical-align: middle; margin: 0; }
#sidebar .tour-contact .well address i { padding-right: 4px; color: #888; }
#sidebar .tour-contact .well address .name { font-weight: bold; }
#sidebar .tour-contact .well address .company { font-weight: bold; }
#sidebar .tour-contact .well address .title { font-size: 12px; line-height: 12px; margin-bottom: 3px; }
#sidebar .tour-description { line-height: 22px; color: #666; }

#share { font-size: 22px; color: #BBB; line-height: 30px; position: relative; }
#share:after { content: " "; clear: both; display: block; }
#share > * { float: left; max-width: 25%; }
#share a { color: #BBB; text-decoration: none; vertical-align: middle; display: block; text-align: center; }
#share .dropdown a { max-width: 100%; }
#share a:hover { color: Black; }
#share a.facebook:hover { color: #3B5998; }
#share a.twitter:hover { color: #4099FF; }
#share a.google:hover { color: #F90101; }
#share .dropdown-menu { width: 250px; right: 0; left: auto; }
#share .dropdown-menu > div { font-size: 13px; margin: 5px 15px 10px 15px; line-height: 20px; }
#share .dropdown-menu input { margin: 0; width: 100%; box-sizing: border-box; height: 30px; }
abbr[title],abbr[data-original-title]{cursor:pointer}

.navbar { margin-left: 0 !important; margin-right: 0 !important; position: fixed !important; }
.navbar-inner { height: 40px; overflow: hidden; text-align: center; padding: 0 !important; }
.navbar .brand { margin-left: 0; white-space:nowrap; }
.navbar .brand img { height: 22px; vertical-align: middle; padding-bottom: 4px; opacity: 0.5; }
.navbar .brand:hover img { opacity: 1; }
.navbar .navbar-text { min-width: 40px; float: right; }
.navbar .navbar-title { display: inline-block; float: left; font-size: 20px; color: #DDD; }
.navbar .navbar-features { display: inline-block; float: right; margin-left: 20px; }
.navbar .navbar-features abbr { display: inline-block; padding-left: 20px; background: url('http://placehold.it/24x24') no-repeat left center; background-size: 24px 24px; margin-right: 10px; border: none; }
.navbar .navbar-features .area { background-image: url('../img/me.png'); }
.navbar .navbar-features .stampa { background-image: url('../img/stampa.png'); }
.navbar .navbar-features .webcam { background-image: url('../img/webcam.png'); }
.navbar .navbar-features .mappa { background-image: url('../img/mappa.png'); }
.navbar .navbar-features .parking { background-image: url('../img/all.png'); }
.navbar .navbar-features .lista { background-image: url('../img/lista.png'); }
.navbar .navbar-features .pano { background-image: url('../img/360.png'); }
.navbar .navbar-name { display: inline-block; float: right; font-size: 20px; line-height: 40px; min-width: 330px; text-align: left; margin-right: 20px; }
.navbar .navbar-name a { color: #999; }
.navbar .navbar-name a:hover { color: #fff; text-decoration: none; }
.navbar .gallery-icon {  line-height: 40px; font-size: 25px; color: #DDD; padding: 0 20px; outline: none; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.navbar .gallery-icon:hover { text-decoration: none; opacity: 1; text-shadow: 0 0 15px #BBB; color: #FFF; }


#hint-tour-2 { opacity: 0.9; position: absolute; top: 80px; left: 50px; margin-left: 0; z-index: 1000;
    -webkit-transition: left 0.5s, top 0.5s;
    -moz-transition: left 0.5s, top 0.5s;
    -ms-transition: left 0.5s, top 0.5s;
    transition: left 0.5s, top 0.5s;
}

.hint-item2 { margin: 2px 0; color: #AAA; }
.hint-item2:before { content: "\f00c "; font-family: FontAwesome; font-weight: 400; font-size: 18px; vertical-align: middle;color: red; display: inline-block; margin-right: 2px; }


#hint-tour { opacity: 0.9; position: absolute; top: 80px; left: 50px; margin-left: 0; z-index: 1000;
    -webkit-transition: left 0.5s, top 0.5s;
    -moz-transition: left 0.5s, top 0.5s;
    -ms-transition: left 0.5s, top 0.5s;
    transition: left 0.5s, top 0.5s;
}
.hint-item { margin: 2px 0; color: #AAA; }
.hint-item:before { content: "\f00c "; font-family: FontAwesome; font-weight: 400; font-size: 18px; vertical-align: middle;color: #E5E5E5; display: inline-block; margin-right: 2px; }
.hint-item.complete:before { color: green; }
.hint-item.active { color: #000; }
.hint-item.active:before { text-shadow: -1px 0 #222, 0 1px #222, 1px 0 #222, 0 -1px #222; color: white; }
#hint-tour .btn { display: block; margin: 0 auto; }
#testo_scena{font-size:0.95em;margin-left:15px}

p#testo_scena a, div#txt-lista a, div.tour-contact div p a{
    color:#0088cc;
}
p.sinistra{margin-left:15px;}



@media screen and (min-width: 320px) and (max-width: 640px) {

	div.navbar-text.mobile_only div.navbar-features{
		margin-left: 0px;
		text-align: right;
	}



	div.navbar-features a#btn_lista img{padding-left:5px; cursor:pointer}


    .dropdown.open {
        display: none;
    }

    .navbar .brand {
        font-size: 10px;
        margin:0;
    }

    
    #btn_stampa {display:none}
   	
    #hint-tour { opacity: 0.9; position: absolute; top: 35px; left: 0px; margin-left: 0; z-index: 1000;
        -webkit-transition: left 0.5s, top 0.5s;
        -moz-transition: left 0.5s, top 0.5s;
        -ms-transition: left 0.5s, top 0.5s;
        transition: left 0.5s, top 0.5s;
    }

}