body { text-align: justify; margin-top:0px; background: #f7f7f7;font-family: font-family: 'Quicksand', sans-serif;}

a {color:#fc575e}

.testata { background: url("../img/sfondo2.jpg") repeat-x }

.col-md-offset-5 img { width: 100% }

h1{margin-left: 20%; margin-top: 45px; margin-right: 15%}
h1 img { width: 100% }

h2{margin-bottom: 40px;font-weight: 300; font-size: 26px; line-height: 30px}

h3{font-weight: 300; font-size: 22px;margin-bottom: 40px}

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

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

.navbar-header{float:none;text-align: center;}
	
	/* top bar */
	.navbar {text-transform: uppercase;background-color: #000;border: none; min-height: 0px !important; }
	.navbar a  {color:#fff;font-weight: 300;text-decoration: none}
	.navbar-default .navbar-brand {color:#fff;font-weight: bold;margin:0;line-height: 20px;float:none; margin-left: auto; margin-right: auto; width: 60px; float: none; }

	.icon{margin-bottom: 8px;margin:0;padding: 15px 15px; float:right;}
    
	    .back{float:left;background-color: #feaf8d;}
	    .search{background: #fb7b74; float:left;}
	    
	    .tw{background: #3fc6f3}
	    .fb{background: #0d9be5}
    
    
    /* toggle button */
    .navbar-toggle{border: none;color:#fff;margin:0;padding: 18px 15px; border-radius: 0px;float:left;}
    .navbar-default .navbar-toggle,
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus {background-color: #E10C32;}
	.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
	
	
	/* Position where the element is fixed */
	.affix {top: 50px; width: 100%; }
	#affix {width: 100%; }
	
	
	.nav li { margin-bottom: 0px;  }
	.nav li a {border-bottom: 2px solid #E10C32; color:#000; font-size: .9em; margin: 0 30% 0 15%; padding-top: 15px;}
	.nav li a i {margin-right:20px;}
    
    .sidebar-offcanvas ul { margin-left: 6%; width: 90% !important }
    .sidebar-offcanvas .nav ul li a { border-color: #dadada } 
    
	

    /* list */ 
    .ux-mood{font-size: 18px; font-weight: 300;margin-bottom: 40px}
    .ux-mood li{margin-bottom: 10px}
    .upper{text-transform: uppercase; font-weight: bold}




/* collapsed sidebar styles */
@media screen and (max-width: 767px) {

	body { margin-top: 50px }
	.affix {position: static; }
	#affix{width: 100%; }
  
	.sidebar-offcanvas{-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		
		width:40%;
		background-color: #E10C32;
		z-index: 51;
		margin: 0; padding: 0;
		position: fixed;
		top:50px;
		left: -70%;
	}
	
	.sidebar-offcanvas ul li{margin:0}
	.sidebar-offcanvas ul li a{color:#fff;padding: 15px 20px;margin:0;font-size: 15px;border-bottom: 1px solid #fff}
	.sidebar-offcanvas ul li a:hover{background:#fff; color: #000; border:none; border-radius:0}
	
	.nav{margin-top: 0px;}
	.nav > li > a:hover, 
	.nav > li > a:focus{background-color: #E10C32}
	
	.active {left: 0;}
    
 
}



.footer { margin-top: 30px; padding: 20px 0; border-top: 1px solid #dadada; text-align: left; font-size: .9em }

.citazione { font-size: 1.3em; margin-bottom: 20px; padding: 10px; border: 1px solid #dadada; border-width: 1px 0 }
.citazione strong { color: #E10C32; font-weight: normal }
.citazione em { display: block; text-align: right }

.carousel-controls { 
  position: relative;
  top: 10px;
  height: 25px;
  bottom: 0;
  left: 0;
  width: auto;
  font-size: 20px;

  text-align: center;


  background: #f7f7f7; display: block }

.carousel-control.left { left: 0 }
.carousel-control.right { right: 0px }

.carousel-controls span {  background: #f7f7f7; color: #E10C32 }

.carousel { margin-top: 35px }


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

/* Carousel base class */
.carousel2 {
  height: 80px;
  margin-bottom: 60px;
  background: none;
  position: relative
}
/* Since positioning the image, we need to help out the caption */
.carousel2 .carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel2 .item {
  height: 80px;
	background: none
}
.carousel2 .item p {
	width: 100%; color: #000; font-size: 1.3em; margin-bottom: 20px; padding: 10px; border: 1px solid #dadada; border-width: 1px 0
}
.carousel2 .item p strong { color: #E10C32; font-weight: normal }
.carousel2 .item p em { display: block; text-align: right }

.carousel2 .carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px;
}


.carousel2 .carousel-caption {
  position: relative;
  right: 0;
  bottom: 0px;
  left: 0%;
  z-index: 10;
  padding-top: 0px;
  padding-bottom: 0px;
  color: #000;
  text-align: center;
  text-shadow: 0 0px 0px rgba(0, 0, 0, 0.6);
}


.carousel2 .carousel-control {
  position: relative;
  top: 0;

  left: 0;
  width: auto;
  font-size: 20px;
  color: #000;
  text-align: center;
  
  opacity: 0.5;
  
}


.contatti .modulo { float: left; width: 440px }
.fcontatti { margin: 30px 0 0 0px;  width: 100%   }
.fcontatti label { display: block; margin-bottom: 15px;  }
.fcontatti span { display: block }
.fcontatti input, .fcontatti textarea { 
	font-weight: normal;width: 100%; height: 20px; border: 1px solid #E10C32; background: #f7f7f7;
	}
.fcontatti textarea { height: 150px; margin-bottom: 0px }
.fcontatti .submit { background: #E10C32; width: 80px; padding: 5px; height: auto; color: #fff;border: 1px solid #E10C32; }
.fcontatti a { color: #000; font-weight: normal }

div#gmaps-canvas {

    width:100%;	
    height:500px;
}

.thumbfoto img { float: left; margin: 3px;  }


.carousel-inner > .item > img, .carousel-inner > .item > a > img { margin: 0 !important}