/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body, html{ height:100%;
  min-height:100%;margin:0;}




/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;


}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper .container {
  padding-right: 0;
  padding-left: 0;
  
}
.navbar-wrapper .container>div{}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}

.navbar-fixed-top{margin-top:0px;}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
 height:100%;
  overflow:hidden;

}
/* Since positioning the image, we need to help out the caption */

.carousel-caption {
  z-index: 10;
  /*ele 17/06/14*/
  /*left:0;
  right:0;*/
  /*position: relative;
    width: 40%;
    overflow: hidden;
	margin-top:25%;
	margin-left:10%;
    
  /*background: rgb(0, 0, 0);*/
}

/*prova ele 03/07/14*/
*, *:before, *:after {
    padding: 0;
    margin:0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.cubo .container {
    position: absolute;
    width: 400px;
    overflow: hidden;
	top:40%;
	left:50%;
	margin-left:-200px;

}
.cubo .container:before {
    content:"";
    display: block;
    padding-top: 100%;
}
.carousel-caption {
    position: absolute;
    top: 30%;
    left: 5%;
    text-align:left;
}
.carousel-caption div {
    display: table;
    width: 100%;
    height: 100%;
}


.carousel-caption img{padding:2em;}
.carousel-caption h2, .carousel-caption h1, .carousel-caption h1 small{color:#ffffff; text-shadow:none; text-align:left;}
.carousel-caption h1{font-size:3em;}
/*fine prova*/


/* Declare heights because of positioning of img element */

.carousel .item, .carousel .item {
  /*height:100vh;
  min-height:100%;*/
  height:600px;
  overflow:hidden;
  background-color: #777;
}
#headerPage .carousel .item{height:400px;}
#headerPage .caroulse-inner > .item > .img, .carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
 /*height: 100%;
  height:100vh*/
  height:500px;
}


#headerPage .caroulse-inner > .item > .img{height:400px;}
.carousel-indicators{bottom:100px;}

.carousel-control.left, .carousel-control.right{z-index:11}
/*definiscono l'altezza del carousel*/
.carousel-inner{height:720px;}
#headerPage .carousel-inner{height:300px;}

/* MARKETING CONTENT
-------------------------------------------------- */

/* Pad the edges of the mobile views a bit */
.marketing {
  padding-right: 15px;
  padding-left: 15px;
  margin:30px auto;
}

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4, .marketing .col-md-4, .marketing .col-xs-4, .marketing .col-sm-4, .marketing .col-lg-6, .marketing .col-md-6, .marketing .col-xs-6, .marketing .col-sm-6 {
  margin: 20px 0;
  text-align: center;
}
.marketing h2 {
  
}
.marketing .col-lg-4 p, .marketing .col-md-4 p, .marketing .col-xs-4 p, .marketing .col-sm-4 p, .marketing .col-lg-6 p, .marketing .col-md-6 p, .marketing .col-xs-6 p, .marketing .col-sm-6 p {
  margin-right: 10px;
  margin-left: 10px;
}

.marketing .col-lg-12{margin:20px 15px;}

/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}


/*aggiunte ele 16/06/14*/
/*immagini carousel*/

#SliderFull{height:100vh; overflow:hidden; width:100%;height: 100%}
#headerPage #SliderFull{margin-top:100px; height:300px}
#SliderFull .item {
	background: no-repeat; width: 100%; height: 100%;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;}
#header{width:100%; /*07-08-14 eleheight:100vh;min-height:100%;height: 100% */}



/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {

  /* Remove the edge padding needed for mobile */
  .marketing {
    padding-right: 0;
    padding-left: 0;
  }

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  #headerPage .navbar-wrapper{margin-top:0;}
  .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 {
    /*ele04/07/14 - border-radius: 4px;*/
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
  #SliderFull{display:block;}
  #SliderFullMini{display:none;}
}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
}

@media (max-width:767px){
.cubo .container{width:50%; left:50%; margin-left:-25%;}
.carousel-caption h2{font-size:2em;}
#SliderFull{display:none;}
#SliderFullMini{display:block;height:100px;overflow:hidden;}
.navbar-wrapper{background-color:#84adcf;}	
}
@media(max-width:507px){.carousel-caption h2{display:none;}}