body { 
  padding-top: 18px;
  padding-bottom: 32px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif ;
  font-size: 14px;
  line-height: 1.428571429;
  background-color: #e8e8e8;
}
a {
    color: #003366;
    text-decoration: none;
}

a:hover {
	color: #336699;
  	text-decoration:none;
}


.top-bar {
  padding: 2px 0;
  background: #395773;
  border-bottom: 0px;
  line-height: 20px;
}

.top-number{
  color: #fff;
}

.top-number p{
  margin: 0
}

.social-up{
  text-align: right;  
}

.social-down{
  margin-top: 8px;
  margin-bottom: 5px;
}

.social-share{
	display: inline-block;
	list-style: none;
	padding: 0;
	padding-right: 5px;	
	margin: 0;	
}



#menu  li {
  display: inline-block;
  margin-right: 12px;
  
}

#menu-social  li {
  display: inline-block;
  margin-right: 2px;
  margin-top: 2px;
}

.flag{
  text-align: left;  
}

.flag-share{
 display: inline-block;  
 padding: 0;
 margin: 0;
 padding-left: 12px;
 margin-top: 10px;
 margin-bottom: 10px;
 
}


.navbar-brand {
  padding: 0px 0;
}


.navbar-default {
  padding: 0px 0;	
  background-color: #336699;
  border-color: #003366;
}

.navbar-default .navbar-brand {
  color: #ffffff;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #ffcc66;
}
.navbar-default .navbar-text {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > a {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #ffcc66;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #ffcc66;
  background-color: #315E8B;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #315E8B;
}
.navbar-default .navbar-toggle {
  border-color: #ffffff;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #315E8B;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #ffffff;
}
.navbar-default .navbar-link {
  color: #ffffff;
}
.navbar-default .navbar-link:hover {
  color: #ffffff;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffcc66;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #ffffff;
  }
}


.dropdown-large {
  position: static !important;
}
.dropdown-menu-large {
  margin-left: 5px;
  margin-right: 5px;
  padding: 15px 0px;
  background-color: #395773;
}
.dropdown-menu-large > li > ul {
  padding: 0;
  margin: 0;
}
.dropdown-menu-large > li > ul > li {
  list-style: none;
}
.dropdown-menu-large > li > ul > li > a {     	
  display: block;
  padding: 5px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #FFFFFF;
  white-space: normal;
}
.dropdown-menu-large > li ul > li > a:hover,
.dropdown-menu-large > li ul > li > a:focus {
  text-decoration: none;
  color: #ffcc66;
  background-color: #315E8B;
}

.dropdown-menu-large .disabled > a,
.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
  color: #ffffff;
}
.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}


.dropdown-menu-large .dropdown-header {
  color: #ffcc66;
  font-size: 20px;
}
@media (max-width: 768px) {
  .dropdown-menu-large {
    margin-left: 0 ;
    margin-right: 0 ;
  }
  .dropdown-menu-large > li {
    margin-bottom: 10px;
  }
  .dropdown-menu-large > li:last-child {
    margin-bottom: 0;
  }
  .dropdown-menu-large .dropdown-header {
    padding: 3px 15px !important;
  }
}


.box-city {
 margin-bottom: 15px;
 padding: 15px;
 background-color: #ffffff;
 -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.25);
}
.box-city h3, .box-city h4 {margin-top: 0;}

.box-up {
 margin-bottom: 20px;
 padding: 10px;
 background-color: #ffffff;
 -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.25);
}



#high-home {    
	
	background-color: #848484;
	margin-bottom: 2px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#high-home h3  {background: #3f3f3f; margin-bottom: 30px; color: #FFF; padding: 2px; text-align: center;}
#high-home small {color: #FFF;}

#high-home1 {    
	
	background-color: #848484;
	margin-bottom: 2px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#high-home1 h3  {background: #3f3f3f; margin-bottom: 30px; color: #FFF; padding: 2px; text-align: center;}
#high-home1 small {color: #FFF;}


.thumbnail,
.img-thumbnail {    	
  border-radius: 0;
  border: 1px solid #bbbbbb;  
}



.img-thumbnail-page {    	
  border-radius: 0;
  border: 1px solid #CCCCCC;
  padding: 2px;
}



.video-thumbnail {
  margin-bottom: 20px;  	
  border-radius: 0;
  border: 2px solid #333;  
}



.map-nav {
	
	margin-bottom: 10px; 
    
}

.nav-title {
	color: #333;
	background-color: #FFF;
	padding-left: 30px;	 
    
}


#banner {    
	
	margin-bottom: 10px;
	
}

#title {
	
	background-color: #FFF;	
	margin-top: 5px;
	padding-top: 10px;
	padding-bottom: 4px;
	
}


#nofound {	
	
	text-align: center;
	background-color: #FFF;	
	padding-top: 100px;	
	padding-bottom: 100px;	
}

#search {
	
	background-color: #CCCCCC;
	padding: 20px;
	margin-top: 4px;
	
		
}

#header {
	
	background-color: #395773;    
	padding-left: 10px;
	color: 	#FFF ;
	margin-bottom: 10px;	
}

#header-trekking {
	
	background-color: #395773;    
	padding-left: 10px;
	color: 	#FFF ;		
}

#adsense-up {    
	
	background-color: #CCCCCC;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#adsense-middle {
	background-color: #CCCCCC;
	padding-top: 5px;
	padding-bottom: 5px;
		
}

#adsense-down {
	background-color: #CCCCCC;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 20px;
		
}

#adsense-middle-home {
	background-color: #CCCCCC;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 0px;
		
}

#adsense-down-home {
	background-color: #CCCCCC;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 15px;
		
}

#adsense-up-home  {    
	
	background-color: #CCCCCC;
	margin-top: 4px;
	margin-bottom: 4px;	
	padding-top: 5px;
	padding-bottom: 5px;
}



#meteo-map {	   
	padding-top: 2px;		
	margin-bottom: 5px;	
}

#transport-map {	   
	padding-top: 20px;		
	margin-bottom: 0px;	
}

#info-map {	   
	padding-top: 5px;		
	margin-bottom: 10px;	
}


#image-gallery {
	
    text-align: center;	
	background-color: #a6a6a6;
	color: #283d51;
	padding: 10px;
	
}	


#image-gallery-path {
	
    text-align: left;	
	background-color: #696969;
	color: #ffffff;
	padding: 10px;
	
}


#image-gallery-path-down {
	
    text-align: left;	
	background-color: #696969;
	color: #ffffff;
	padding: 10px;
	margin-bottom: 32px;
	
}


#down-city {
	    
	margin-top: 30px;  
	margin-bottom: 10px;	
}

#down-trek {
	    
	margin-top:	0px;  
	margin-bottom: 0px;	
}

#middle-city {
	    
	margin-top: 10px;  
	margin-bottom: 10px; 
	
}



.breadcrumb {
  padding: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
  margin: 0;
  background-color: transparent;
  border-radius: 0;
  font-size: 16px;
}

h1 {  	
  padding: 0px;
  margin-top: 4px;  
  margin-bottom: 4px;   
}

h2 {   	
  padding: 0px;
  margin-top: 8px;  
  margin-bottom: 8px;   
}



.panel-title {    
	background-color: #ffffff;
    border-color: #003366;
	padding-left: 20px;
	color: #333;
	margin-bottom: 0px;	
}

.panel-body  {    
	background-color: #ffffff;
    border-color: #003366;	
	color: #333;
	margin-bottom: 0px;	
}

.panel-body h2  {			
	font-size: 16px;
	font-weight: bold;
	margin-left: 4px;	
}

.subtitle h2  {			
	font-size: 20px;
	font-weight: bold;
	margin-left: 10px;
	margin-bottom: 20px;
}

.postcard h2  {			
	font-size: 20px;
	font-weight: bold;
	margin-left: 20px;
	margin-bottom: 20px;
}


.list-group-item {
	background-color: #ECD6B7;
}


.list-group-item-trek {
	background-color: #FFFFFF;
	border-color: #efefef;
	border-bottom-style: solid;	
	
	}

  
.well {
  min-height: 20px;
  padding: 6px;
  margin-top: 5px;
  margin-bottom: 10px;
  background-color: #f3f3f3;
  border: 1px solid #e3e3e3;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well-sm {
  min-height: 20px;
  padding: 1px;
  margin-top: 0px;
  margin-bottom: 0px;
  background-color: #003366;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well-foot {
  min-height: 20px;
  padding: 1px;
  margin-top: 5px;
  margin-bottom: 0px;
  background-color: #003366;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}


.btn {
  display: inline-block;
  text-transform: uppercase;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
}

.btn2 {
	
  display: inline-block;  
  padding: 4px 10px;
  margin-bottom: 0;
  color: #3f3f3f;
  font-weight: bold; 
  font-size: 15px;
  font-style: normal;   
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
}

.dropdown2 {	
  
  text-transform: uppercase;
  
}

.scroll-top-wrapper {
    position: fixed;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 99999999;
    background-color: #777777;
	color: #eeeeee;
	width: 50px;
	height: 48px;
	line-height: 48px;
	right: 20px;
	bottom: 80px;
	padding-top: 0px;	
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
	background-color: #888888;
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
	opacity: 0.8;
}
.scroll-top-wrapper i.fa {
	line-height: inherit;
}

.copyright {	
  
   font-weight: bold;
   font-size: medium;
  
}


.social {
    margin: 0;
    padding: 0;	
}

.social ul {
    margin: 0;
    padding: 5px;
	
	
}

.social ul li {
    margin: 5px;
    list-style: none outside none;
    display: inline-block;	
}

.social i {
    width: 27px;
    height: 27px;
    color: #336699;
    background-color: #CCC;
    font-size: 19px;
    text-align:center;	
    padding-top: 6px;
	margin-bottom: 2px;	
    border-radius: 20%;
    -moz-border-radius: 20%;
    -webkit-border-radius: 20%;
    -o-border-radius: 20%;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
}

.social i:hover {
    color: #FFF;
    text-decoration: none;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
}

.social .fa-facebook:hover { /* round facebook icon*/
    background: #3366CC;
}


.social .fa-youtube:hover { /* round youtube icon*/
    background: #FF1F25;
}

.social .fa-flickr:hover { /* round flickr icon*/
    background: #ff0084;
}


footer {	
    padding: 10px 0;
    text-align: center;
	background-color: #395773;
    border-color: #003366;
	color: #FFF;
	
}

footer span.copyright {        
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 42px;	
}

footer ul.quicklinks {
    margin-bottom: 0;        
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 42px;
}

#wrap {
  min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -60px;
  /* Pad bottom by footer height */
  padding: 0 0 60px;
}

.caret-up {
    transform: rotate(-180deg); 
}

.drop-up {
    top: auto;
    bottom: 100%;
}

.panel-body-menu {		
			 
	background-color: #D8B480;
	border: solid thin #F5F4F4;
	color: #333;
	padding-bottom: 10px;
	padding-top: 20px;
	padding-left: 8px;
	padding-right: 8px;
	
}

.panel-body-menu h3 {	
	
	text-align: center;
	font-size: 18px;	
	
	}
	
.panel-body-menu img {	
	
	margin: 0 auto;
	
	}
	
.map-nav img {	
	
	margin: 0 auto;
	
	}	
	
.modal-content img {	
	
	margin: 0 auto;
	
	}	
	

.box-meteo {		
	
	margin-bottom: 15px;
	padding-top: 10px;
	
}

.box-meteo-path {		
		
	padding-top: 30px;
	padding-bottom: 20px;
	
}

.panel-path {		
	background-color: #E8E8E8;	
	border: none ;
	margin-left: 5px;
	margin-right: 5px;
	
}

.panel-trek1 {		
	background-color: #E8E8E8;	
	border: 1px solid #d6d6d6;
	margin-left: 6px;
	margin-right: 6px;
	
}


.panel-nav {		
	background-color: #ECD6B7;	
	color: #333;	
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;	
}



#cerca1 {
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 14px;	
	padding: 2px;
	margin-top: 17px;
}


#cerca2 {	
	
	margin-bottom: 0px;	
	margin-top: 6px;
}

#cerca3{	
	
	margin-bottom: 20px;	
	margin-left: 10px;
	
}

#cerca4{	
	
	margin-bottom: 20px;	
	margin-left: 10px;
	margin-top: 10px;
}




/* Padding, colore e simbolo del separatore */
.breadcrumb > li + li:before {
  	
  color: #395773;
  
}


div.markerTooltip, div.markerDetail {
	color: black;
	font-weight: 100;
	background-color: #E3E2CE;
	white-space: nowrap;
	margin: 0;
	padding: 2px 4px;
	border: 1px solid;
	border-color: #003366;	
       }
	   
#mappagoogle {	
    
    overflow: hidden;
	
}


#carte-bellagio { height: 500px }
#carte-tremezzo { height: 500px }
#carte-menaggio { height: 500px }
#carte-lenno { height: 500px }
#carte-musso { height: 500px }
#carte-abbadia { height: 500px }
#carte-pognana { height: 500px }
#carte-dervio { height: 500px }
#carte-lierna { height: 500px }
#carte-faggeto { height: 500px }
#carte-argegno { height: 500px }
#carte-varenna { height: 500px }
#carte-lezzeno { height: 500px }
#carte-bellano { height: 500px }
#carte-nesso { height: 500px }
#carte-cernobbio { height: 500px }
#carte-domaso { height: 500px }
#carte-griante { height: 500px }
#carte-lecco { height: 500px }
#carte-lacdecome { height: 780px }
#carte-lacdecome2 { height: 500px }
#carte-colico { height: 500px }
#carte-dongo { height: 500px }
#carte-gravedona { height: 500px }
#carte-comacina { height: 500px }
#carte-brienno { height: 500px }
#carte-como { height: 500px }
#carte-laglio { height: 500px }
#carte-mandellolario { height: 500px }
#carte-rovenza { height: 400px }
#carte-oliveto { height: 500px }
#carte-sorico { height: 500px }
#carte-geralario { height: 500px }
#carte-moltrasio { height: 500px }
#carte-torno { height: 500px }
#carte-blevio { height: 500px }
#carte-malgrate { height: 500px }
#carte-pianello { height: 500px }
#carte-dorsalelariana { height: 425px }
#carte-dorsalelariana1 { height: 490px }
#carte-dorsalelariana2 { height: 490px }
#carte-viandante { height: 400px }
#carte-viandante1 { height: 470px }
#carte-viandante2 { height: 470px }
#carte-viandante2a { height: 470px }
#carte-viandante3 { height: 470px }
#carte-viandante4 { height: 470px }
#carte-viandante5 { height: 470px }
#carte-stradaregia { height: 420px }
#carte-stradaregia1 { height: 430px }
#carte-stradaregia2 { height: 470px }
#carte-stradaregia3 { height: 470px }
#randonnee-lacdecome { height: 822px }
#randonnee-lacdecome2 { height: 500px }
#mappalagocomo-home { height: 350px }
#carte-menaggiorogolone { height: 430px }
#carte-sasso-sanmartino { height: 460px }
#carte-montesanprimo { height: 460px }
#carte-dervio-camaggiore { height: 450px }
#carte-veleso-montesanprimo { height: 470px }
#carte-gravedonageralario { height: 460px }
#carte-lenno-valperlana { height: 460px }
#carte-excursion-torno { height: 460px }
#carte-brienno-montecomana { height: 460px }
#carte-cascadeducenghen { height: 460px }
#carte-parc-spinaverde { height: 470px }
#carte-pionaolgiasca { height: 460px }
#carte-moltrasio-rovenna { height: 460px }
#carte-vassena-civenna { height: 460px }
#carte-montenuvolone { height: 460px }
#carte-zuccosileggio { height: 460px }
#carte-cornidicanzo { height: 460px }
#carte-sorico-sanfedelino { height: 460px }
#carte-montelegnoncino { height: 460px }
#carte-onno-montemegna { height: 470px }
#carte-sassodimusso { height: 460px }
#carte-limonta-chevrio { height: 460px }
#carte-rezzago { height: 460px }
#carte-pigra-montecostone { height: 460px }
#carte-laglio-colmegnone { height: 460px }
#carte-breglia-montegrona { height: 460px }
#carte-mont-palanzone { height: 460px }
#carte-mont-bolettone { height: 460px }
#carte-montbarro { height: 460px }
#carte-ferries { height: 410px }

.iframe-container {
   
	margin-bottom: 20px;
        
}

.orari-container {
    max-height: 505px; /* L'altezza non supererà i 505px */
    border: solid thin #333;
    overflow-x: auto;
    overflow-y: auto;
	margin-bottom: 15px;
}

.iframe-container iframe, .iframe-container object,  
.iframe-container embed {
    top: 0;
    left: 0;
    width: 100% !important;
    height: 495px !important;
	border: solid thin #333;
}

.iframe-container-trag {
   
	margin-bottom: 0px;
        
}

.iframe-container-trag iframe, .iframe-container-trag object,  
.iframe-container-trag embed {
    top: 0;
    left: 0;
    width: 100% !important;
    height: 475px !important;
	border: solid thin #ccc;
}

.fancybox-title {
    padding: 10px 0 5px 5px;	
}

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

.responsive-video {	
position: relative;
padding-bottom: 56.25%;
padding-top: 60px; overflow: hidden;
margin-top: 3px;
}


.responsive-video iframe,
.responsive-video object,
.responsive-video embed {	
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.responsive-map {	
position: relative;
padding-bottom: 56.25%;
padding-top: 60px; overflow: hidden;
margin-top: 3px;
height: 700px
}


.responsive-map iframe,
.responsive-map object,
.responsive-map embed {	
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#myCarousel3 
{  
  
  margin-top: 10px;
  margin-bottom: 20px;
}

#myCarousel3 .carousel-control
{
  background: none;  
  font-size: 2.3em;
  text-shadow: none;  
}

#myCarousel2 
{  
  
  margin-top: 16px;
  margin-bottom: 30px;
}

#myCarousel2 .carousel-control
{
  background: none;  
  font-size: 2.3em;
  text-shadow: none;  
}


.header-text h4 span {
    background-color: #ff5252;
	padding: 2px 2px 2px 2px;
}

.header-text h5 span {
    background-color: #746455;
	padding: 2px 2px 2px 2px;
}


.content-desktop {display: block;}
.content-mobile {display: none;}

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

.content-desktop {display: none;}
.content-mobile {display: block;}

}


.content-desktop-map {display: block;}
.content-mobile-map {display: none;}

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

.content-desktop-map {display: none;}
.content-mobile-map {display: block;}

}


.modal-body-info {
  font-weight: normal;
  padding: 20px;
}


.trekmenu {
  font-weight: bold;  
}

#trek-carousel {
	
	padding: 2px;	
	margin-top: 30px;
}

.centered-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Stili base per la mappa (es. desktop o fallback) */
#carte-deplacer {
    height: 780px;
    width: 100%;
}

/* Media query per schermi pi� piccoli (es. tablet e mobile) */
@media (max-width: 768px) {
    #carte-deplacer {
        height: 500px; /* Altezza ridotta per schermi pi� piccoli */
    }
}

/* Media query per schermi molto piccoli (es. smartphone) */
@media (max-width: 480px) {
    #carte-deplacer {
        height: 500px; /* Altezza ancora pi� ridotta */
    }
}

.panel-heading-traspo {    
	background-color: #f1f1f1;
	border-bottom: thin;
    border-color: #e9e9e9;
	padding-left: 20px;
	padding-bottom: 1px;
	padding-top: 1px;
}