@charset "UTF-8";
/*GENERALE*/
/*html, body {height: 100%;}*/
}
html {
    height: 100%;
}
body {
	font-family: Varela, Muli, Verdana, Arial, Helvetica, sans-serif;
	background-color: #454545 ; /*#494e6b blu stormy*/
    /*background-image: url("../img/Colline_moreniche_del_Garda.jpg");
	background-repeat:no-repeat;
	background-size: 100% 100%;*/
}
h1 {
    font-size: 30px;
	color: #fff;
	font-weight: bold;
}

/*HEADER*/
.page-header {
    margin: 0px;
    border-bottom: 2px solid #25b8da;
}
#logo {
	height: 55px;
	padding: 0px 40px 0px 20px;
}
/* .icon-bar{background-color: black;}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #9daaf8;
}
.nav-pills>li>a, ul.dropdown-menu>li>a{
    color: #9daaf8;
}
.nav-pills>li>a:focus, .nav-pills>li>a:hover {
    color: #494e6b;
}
ul.dropdown-menu>li>a:focus, ul.dropdown-menu>li>a:hover {
    color: #494e6b;
} */

/*MAP*/
#mainMap {
	width: 78%;
	height: 600px;	
	padding: 0px;
	position: relative;
	float: left;
	}

/*SIDEBAR*/	
.sidebar {
	width: 22%;
	max-height: 600px;	
	padding: 0px 10px 10px 10px;
	position: relative;
	float: right;
	background-color: #454545; /* #98878f beige cloud*/
	overflow: auto;
	border: none;
	}
	.sidebar h3, h4 {
	text-align: center;
	color: #fff;
	}
.sidebar p {
	color: #fff;
	}

/*ASIDE2*/
.detail div{
	display: none;
	}
.asideImage{
	width:255px;
	display: block;
    margin: auto;
	padding: 2px;
	background-color: #fff;
	border:1px solid #ddd;
	border-radius: 4px;
	box-shadow:3px 3px 3px #6A6A6A;
	}
	
/*CONTROLLI*/
/*Impostazioni generali per tutti i controlli*/
.leaflet-extentControl-custom {
	background-image: url(../icons/globe-icon.png);
    width: 30px;
    height: 30px;
	}
.leaflet-control-layers {
	border-radius: 0px;
	}

/*PHOTOSLIDER*/
.carousel {
    margin-bottom: 0;
	padding: 20px 40px 20px 40px;
	}
.row {
    margin-right: 0px;
    margin-left: 0px;
	}
.well {	
    background-color: #454545; /* #98878f beige cloud*/
	border-radius: 0px;
	border: none;
	}
.photoThumbnail {
	max-height: 192px;
}
/* Reposition the controls slightly */
.carousel-control {
	width: 175px;
	left: -12px;
	}
.carousel-control.right {
	right: -12px;
	z-index: 500;
	}
/* Changes the position of the indicators */
.carousel-indicators {
	right: 50%;
	top: auto;
	bottom: 0px;
	margin-right: -19px;
	}
.thumbnail {
	padding: 2px;
	box-shadow:3px 3px 3px #6A6A6A;
	transition: none;
	max-height: 200px;
	}
.carousel-caption {
    position: absolute;
    right: 5%;
    top: 0px;
	height: 15px;
    left: 5%;
    z-index: 10;
    padding-top: 0px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
	}
.carousel-caption p {
	position: absolute;
	background-color: rgba(195,195,195,.7);
    right: 5%;
    top: 5px;
    left: 5%;
	}
.magnifier {
    position: absolute;
	padding: 5px;
    right: 10%;
    bottom: 17%;
	height: 25px;
    z-index: 1000;
	background-color: rgba(195,195,195,.7);
	}
.magnifier:hover {
	background-color: rgba(195,195,195,1);
	}
.modal-content h4{
	color: #494e6b; /*blu stormy*/
	font-weight: bold;
	}
#imgLarge {
	display: block;
    margin: auto;
	max-height: 550px;
	max-width: 732px;	
	}
.modal-footer {
	height: 45px;
	color: #494e6b; /*blu stormy*/
	border: none;
	}

/*FOOTER*/
footer {
	width:100%; 
	height:25px;
	padding:0px;
	background-color:#25b8da;	/*blue evening*/
	box-shadow:5px 5px 2px #6A6A6A;
	color:white;
	text-align:center;
	}

/*POPUP*/
.custom-popup {
	font-family: Varela, Muli, Verdana, Arial, Helvetica, sans-serif;
	color: #494e6b; /*blu stormy*/
}
.leaflet-popup-content img {
	background-color: #fff;
	border: 1px solid #ffffff;
	border-radius: 4px;
	border-top-padding: 0px;
	width: 100%;
	height: auto;
	cursor: pointer;
	box-shadow:rgba(0, 0, 0, 0.5) 0px 5px 15px 0px;
	}