/*

 * MUST Location UI v1.0.0 

 */



/* GLOBAL STYLES

-------------------------------------------------- */

/* Padding below the footer and lighter body text */



body {

  font-family: 'Open Sans', sans-serif;

  font-weight:400;

  padding-bottom: 40px;

  color: #5a5a5a;

}



h2 { font-size: 20px; font-weight:700; text-transform:uppercase; }

h3 { font-size: 18px; font-weight:700; text-transform:uppercase; }



/* CUSTOMIZE THE NAVBAR

-------------------------------------------------- */



.lang { color: #333; float: right; line-height: 20px; margin: 0 10px 0 0;}

.nav-top { clear:both; }



.navbar-default { background-color: #876c4e; border-color: #000000; min-height: 30px; padding: 3px 0; }

.navbar-default .navbar-nav > li > a { color: #333;}
.navbar-default .navbar-nav > li > a:hover { background-color: #775c3e; color:#FFF;}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background:#674c2e;
    color: #FFF;
}

.navbar-default  .navbar-header { width:100%; }

.navbar-default  .navbar-brand { padding: 0; width: 100%; height:20px; }

.navbar-default  .navbar-brand img {  margin:0 4px 1px 0px; display: inline; }

.navbar-default  .navbar-brand span { color:white; line-height:20px; font-size:14px;  }



#header { margin-top:29px; margin-bottom:0px; }



.nav-top { background-color:rgba(0,0,0,0.6); border-color: #080808; margin-bottom:0;  position: relative; 

           z-index:99; margin-bottom:-50px; border:none; border-radius:0;}

.nav-top a{ display:inline-block;  background:none; padding:10px 5px; text-transform:uppercase; 

            text-decoration:none; color:#FFF; }

.nav-top a:hover { color:#2c2b2a; }



.nav-top .active { color:#2c2b2a; }

img.img-responsive2 { height: auto;
    max-width: 100%;}
    


body.home .nav-top, body.copertina .nav-top, body.attivita .nav-top, body.perChiE .nav-top { margin:0; background-color:#876c4e; padding:0; }

body.home .nav-top ul.navbar-nav { margin:0 auto; width: 350px; float:none;}

body.home .nav-top ul.navbar-nav li a{ color:#FFF; }



body.home .nav-top ul.navbar-nav ul.dropdown-menu { padding:0;   }

body.home .nav-top ul.navbar-nav ul.dropdown-menu li{ margin:1px 0 0 0; } 

body.home .nav-top ul.navbar-nav ul.dropdown-menu li a{ padding:3px 15px; min-height:20px; font-size:12px; } 

body.home .nav-top ul.navbar-nav ul.dropdown-menu li a:hover{ background-color:#555; } 

body.home .nav-top .navbar-nav .open a, 

body.home .nav-top .navbar-nav .open a:hover, 

body.home .nav-top .navbar-nav .open a:focus { background-color:#000; color:white; }





.nav-sale-events  { border:none; border-radius: 0; text-transform:uppercase; background-color:rgba(0,0,0,0.6);z-index:99; margin-top:-50px; }

.nav-sale-events ul {  width:100%;}

.nav-sale-events li{ width:12.5%; text-align:center; }



.nav-sale-shooting  { border:none; border-radius: 0; text-transform:uppercase; background-color:rgba(0,0,0,0.6);z-index:99; margin-top:-50px; }

.nav-sale-shooting ul {  width:100%;}

.nav-sale-shooting li{ width:20%; text-align:center; }

.nav-sale-shooting li.active a { background-color: #b1ae9b !important;}





.navbar-wrapper { position: absolute; top: 0; right: 0; left: 0; z-index: 20; n}

.navbar-wrapper .container { padding-right: 0; padding-left: 0; }

.navbar-wrapper .navbar { padding-right: 15px; padding-left: 15px; }

.navbar-nav-right { float:right;}





/* CUSTOMIZE THE CAROUSEL

-------------------------------------------------- */





body.home .carousel { height: 400px; margin-top:0px; }

body.home .basso { height: 200px; margin-top:0px; }

body.home .carousel .carousel-caption { z-index: 10; }

body.home .carousel .item { background-color: #F2F2F2; min-height: 400px; min-width: 100%; }

body.home .basso .item { min-height: 200px; min-width: 100%; }

body.home .carousel .item { background-size: cover; width: 100%; }

#slide-img1 { background-image: url("/tinkering-zone/images/big/tinkering-zone_05.jpg"); }

#slide-img2 { background-image: url("/tinkering-zone/images/big/tinkering-zone_12.jpg"); }

#slide-img3 { background-image: url("/tinkering-zone/images/big/tinkering-zone_04.jpg"); }

#slide-img4 { background-image: url("/tinkering-zone/images/big/tinkering-zone_16.jpg"); }

#slide-img5 { background-image: url("/tinkering-zone/images/big/tinkering-zone_07.jpg"); }

#slide-img6 { background-image: url("/tinkering-zone/images/big/tinkering-zone_10.jpg"); }



#frase1 { background-image: url("/tinkering-zone/images/big/frase1.jpg"); }

#frase2 { background-image: url("/tinkering-zone/images/big/frase1-intermezzo.jpg"); }

#frase3 { background-image: url("/tinkering-zone/images/big/frase2.jpg"); }

#frase4 { background-image: url("/tinkering-zone/images/big/frase2-intermezzo.jpg"); }

#frase5 { background-image: url("/tinkering-zone/images/big/frase3.jpg"); }

#frase6 { background-image: url("/tinkering-zone/images/big/frase3-intermezzo.jpg"); }

#frase7 { background-image: url("/tinkering-zone/images/big/frase4.jpg"); }

#frase8 { background-image: url("/tinkering-zone/images/big/frase4-intermezzo.jpg"); }

#frase9 { background-image: url("/tinkering-zone/images/big/frase5.jpg"); }

#frase10 { background-image: url("/tinkering-zone/images/big/frase5-intermezzo.jpg"); }

#frase11 { background-image: url("/tinkering-zone/images/big/frase6.jpg"); }

#frase12 { background-image: url("/tinkering-zone/images/big/frase6-intermezzo.jpg"); }

#frase13 { background-image: url("/tinkering-zone/images/big/frase7.jpg"); }

#frase14 { background-image: url("/tinkering-zone/images/big/frase7-intermezzo.jpg"); }

#frase15 { background-image: url("/tinkering-zone/images/big/frase8.jpg"); }

#frase16 { background-image: url("/tinkering-zone/images/big/frase8-intermezzo.jpg"); }









body.perChiE .carousel { height: 400px; margin-top:0px; }

body.perChiE .carousel .carousel-caption { z-index: 10; }

body.perChiE .carousel .item { background-color: #F2F2F2; min-height: 400px; min-width: 100%; }

body.perChiE .carousel .item { background-size: cover; width: 100%; }

#slide-perChiE1 { background-image: url("/tinkering-zone/images/big/per-chi-e5.jpg"); }

#slide-perChiE2 { background-image: url("/tinkering-zone/images/big/per-chi-e2.jpg"); }

#slide-perChiE3 { background-image: url("/tinkering-zone/images/big/per-chi-e3.jpg"); }

#slide-perChiE4 { background-image: url("/tinkering-zone/images/big/per-chi-e4.jpg"); }

#slide-perChiE5 { background-image: url("/tinkering-zone/images/big/tinkering-zone_05.jpg"); }









.big-image         { height: 0; padding-bottom: 19.2%; padding-top: 16.559%; 

                     background-image: url("/tinkering-zone/images/colonne.jpg"); background-position: center top; background-size: 100% auto;

                     box-sizing: content-box; margin: 0; position: relative; text-align: center; }

.big-image #come-arrivare-link { position:absolute; left:65%; top:50%; margin-top:-75px; }





.big-image         { height: 0; padding-bottom: 19.2%; padding-top: 16.559%; 

                     background-image: url("/tinkering-zone/images/colonne.jpg"); background-position: center top; background-size: 100% auto;

                     box-sizing: content-box; margin: 0; position: relative; text-align: center; }

					 

.colonne .big-image      { background-image: url("/tinkering-zone/images/colonne.jpg"); }				 

.leonardo .big-image     { background-image: url("/tinkering-zone/images/leonardo.jpg"); }

.chiostri .big-image     { background-image: url("/tinkering-zone/images/chiostri.jpg"); }	

.cenacolo .big-image     { background-image: url("/tinkering-zone/images/cenacolo.jpg"); }

.auditorium .big-image   { background-image: url("/tinkering-zone/images/auditorium.jpg"); }					 					 

.polene .big-image       { background-image: url("/tinkering-zone/images/polene.jpg"); }

.biancamano .big-image   { background-image: url("/tinkering-zone/images/biancamano.jpg"); }					 					 

.olona .big-image        { background-image: url("/tinkering-zone/images/olona.jpg"); }



.falck .big-image        { background-image: url("/tinkering-zone/images/falck.jpg"); }

.biancamano1 .big-image  { background-image: url("/tinkering-zone/images/biancamano1.jpg"); }

.aerei .big-image        { background-image: url("/tinkering-zone/images/aerei.jpg"); }

.ferroviario .big-image  { background-image: url("../images/ferroviario.jpg"); }

.toti .big-image         { background-image: url("/tinkering-zone/images/toti.jpg"); }





.imgLeft {float: left; margin: 5px 10px 10px 0;}





#center { margin: 40px 0;}

/* BIG FOOTER

-------------------------------------------------- */



#big-footer { background-color:#dddddd; }

#big-footer .colonna-big-footer {
    border-left: 1px dashed #91785d;
    margin-bottom: 20px;
    margin-top: 20px;
}

#big-footer .first-colonna-big-footer {
    margin-bottom: 20px;
    margin-top: 20px;
}

#big-footer h3{ color:#91785d; margin-bottom:20px; margin-top:0; font-size:10px; font-weight:400;}

#big-footer img{ margin-bottom:20px; }








#small-footer p { color:#666; font-size:11px; margin-top:5px; margin-bottom:0; }

#small-footer a { color:#888; font-size:11px; }



/* COLORS

-------------------------------------------------- */



.bg-color1, a.bg-color1 { background-color:#9aa69c !important;}

.bg-color2, a.bg-color2 { background-color:#b1ae9b !important;}

.bg-color3, a.bg-color3 { background-color:#dddddd !important;}



.navbar-inverse .navbar-nav > .active > a, 

.navbar-inverse .navbar-nav > .active > a:hover, 

.navbar-inverse .navbar-nav > .active > a:focus {  background-color:#9aa69c; }







/* MARGINS

---------------------------------------------- */



.half-top { margin-top: 10px; }

.add-top { margin-top: 20px; }

.double-top { margin-top: 40px; }

.add-bottom { margin-bottom: 20px; }

.double-bottom { margin-bottom: 40px; }



.pad-top { padding-top:20px;}

.pad-bottom { padding-bottom:20px;}

.double-pad-bottom { padding-bottom:40px;}

.no-pad-right { padding-right:1px; } 

.no-pad-left { padding-left:1px; } 



.upcase { text-transform:uppercase;}

.fleft { float:right; }

.block { padding:5px; box-shadow: 0px 0px 2px 2px #ddd; }



/* BOTTONS

---------------------------------------------- */



.btn-tinkering-zone                            { color: #fff; background-color: #9aa69c !important; border-color: #7a867c; }



.btn-tinkering-zone:hover,

.btn-tinkering-zone:focus,

.btn-tinkering-zone:active,

.btn-tinkering-zone.active,

.open .dropdown-toggle.btn-tinkering-zone      { color: #fff; background-color: #8d7d2f; border-color: #7d6d1f; }



.btn-tinkering-zone:active,

.btn-tinkering-zone.active,

.open .dropdown-toggle.btn-tinkering-zone      { background-image: none;}



.btn-tinkering-zone.disabled,

.btn-tinkering-zone[disabled],

fieldset[disabled] .btn-tinkering-zone,

.btn-tinkering-zone.disabled:hover,

.btn-tinkering-zone[disabled]:hover,

fieldset[disabled] .btn-tinkering-zone:hover,

.btn-tinkering-zone.disabled:focus,

.btn-tinkering-zone[disabled]:focus,

fieldset[disabled] .btn-tinkering-zone:focus,

.btn-tinkering-zone.disabled:active,

.btn-tinkering-zone[disabled]:active,

fieldset[disabled] .btn-tinkering-zone:active,

.btn-tinkering-zone.disabled.active,

.btn-tinkering-zone[disabled].active,

fieldset[disabled] .btn-tinkering-zone.active  { background-color: #7d6d1f; border-color: #6d5d0f; }



/*  bottone shooting */

.btn-tinkering-zone-shooting                           { color: #fff; background-color: #b1ae9b !important; border-color: #7a867c; }



.btn-tinkering-zone-shooting:hover,

.btn-tinkering-zone-shooting:focus,

.btn-tinkering-zone-shooting:active,

.btn-tinkering-zone-shooting.active,

.open .dropdown-toggle.btn-tinkering-zone-shooting      { color: #fff; background-color: #8d7d2f; border-color: #7d6d1f; }



.btn-tinkering-zone-shooting:active,

.btn-tinkering-zone-shooting.active,

.open .dropdown-toggle.btn-tinkering-zone-shooting      { background-image: none;}



.btn-tinkering-zone-shooting.disabled,

.btn-tinkering-zone-shooting[disabled],

fieldset[disabled] .btn-tinkering-zone-shooting,

.btn-tinkering-zone-shooting.disabled:hover,

.btn-tinkering-zone-shooting[disabled]:hover,

fieldset[disabled] .btn-tinkering-zone:hover-shooting,

.btn-tinkering-zone-shooting.disabled:focus,

.btn-tinkering-zone-shooting[disabled]:focus,

fieldset[disabled] .btn-tinkering-zone-shooting:focus,

.btn-tinkering-zone-shooting.disabled:active,

.btn-tinkering-zone-shooting[disabled]:active,

fieldset[disabled] .btn-tinkering-zone-shooting:active,

.btn-tinkering-zone-shooting.disabled.active,

.btn-tinkering-zone-shooting[disabled].active,

fieldset[disabled] .btn-tinkering-zone-shooting.active  { background-color: #7d6d1f; border-color: #6d5d0f; }





.carousel-inner .item img, .carousel-inner > .item > a > img { margin:0 auto; }









.row > li {

    display: block;

    position: relative;

}

.row > li > a {

    display: block;

    padding: 10px 15px;

    position: relative;

}

.row > li > a:hover, .nav > li > a:focus {

    background-color: #eee;

    text-decoration: none;

}







/* EVENTO SPECIALE -------------------------------------------------- */

.eventoSpeciale {background-color: #C6B89F; border: thin solid #17120e; margin-top:30px; margin-bottom:30px; padding: 15px;}

.eventoSpeciale H3 {color: #17120e; font-size:18px; background-color: none; margin-bottom:0px; margin-top:0px;}

.eventoSpeciale img {margin-top: 10px; margin-bottom:10px; float:left; margin-right:10px;}

.eventoSpeciale p {color: #17120e;}

.eventoSpeciale a { color: #17120e; text-decoration: none; font-weight: bold;}

.eventoSpeciale a:hover, a:focus { color: #876c4e;}

.eventoSpecialemini {color: #17120e;}







.imgSX {margin-top: 5px; margin-bottom:10px; float:left; margin-right:10px;}

.imgDX {margin-top: 5px; margin-bottom:10px; float:right; margin-left:10px;}





/* RESPONSIVE CSS

-------------------------------------------------- */

@media (max-width: 991px) { 


   .navbar-nav {
    margin: 0 -15px;
    }
    
    body.home .carousel { height: 300px;  }

body.home .carousel .item {  min-height: 300px;  }
}



@media (min-width: 768px) {


  .navbar .nav,
.navbar .nav > li {
  float:none;
  display:inline-block;
  *display:inline; /* ie7 fix */
  *zoom:1; /* hasLayout ie7 trigger */
  vertical-align: top;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form { text-align:center;}


  /* Navbar positioning foo */

  .navbar-wrapper {

    margin-top: 20px;

  }

  .navbar-wrapper .container {

    padding-right: 15px;

    padding-left:  15px;

  }

  .navbar-wrapper .navbar {

    padding-right: 0;

    padding-left:  0;

  }



  /* The navbar becomes detached from the top, so we round the corners */

  .navbar-wrapper .navbar {

    border-radius: 4px;

  }



  /* Bump up size of carousel content */

  .carousel-caption p {

    margin-bottom: 20px;

    font-size: 21px;

    line-height: 1.4;

  }





}









@media screen and (min-width: 768px) { 

  

}



@media (max-width: 767px) { 

body.home .carousel { height: 200px;  }

body.home .carousel .item {  min-height: 200px;  }

.clear_xs { clear:both;}
 

}

@media (max-width: 590px) { 

body.home .carousel { height: 150px;  }

body.home .carousel .item {  min-height: 150px;  }


 

}

@media (min-width: 768px) and (max-width: 991px) { 
  

}

@media (min-width: 992px) and (max-width: 1199px) { 
  

}

@media (min-width: 1200px) {
  

}



@media print {

  

}

