body {
        padding-top: 40px;
        padding-bottom: 40px;
      }
	  
	header .jumbotron{
		background:#ffffff;
		color:#000000;
		border-radius:0px;
		margin-top: 30px;
	}
	header .jumbotron small{
		color:#000000;
	}
	.main-color {
		color:#358cce;
	}
	 #map {
		width:100%;
		height:250px;
		display:block;
	 }
		 /* Fix Google Maps canvas
	 *
	 * Wrap your Google Maps embed in a `.google-map-canvas` to reset Bootstrap's
	 * global `box-sizing` changes. You may optionally need to reset the `max-width`
	 * on images in case you've applied that anywhere else. (That shouldn't be as
	 * necessary with Bootstrap 3 though as that behavior is relegated to the
	 * `.img-responsive` class.)
	 */

	.google-map-canvas,
	.google-map-canvas * { .box-sizing(content-box); }

	/* Optional responsive image override */
	img { max-width: none; }
	
	/* Sticky footer styles
	-------------------------------------------------- */
	html {
	  position: relative;
	  min-height: 100%;
	}
	body {
	  /* Margin bottom by footer height */
	  margin-bottom: 60px;
	}
	.footer {
	  position: absolute;
	  padding-top: 15px;
	  bottom: 0;
	  width: 100%;
	  /* Set the fixed height of the footer here */
	  height: 110px;
	  background-color: #252525;
	  color: white;
	}
	
	#mapa-plaza-comunitaria{ height: 400px; }
	
	@media (max-width: 768px) {
		
		.nav-tabs.nav-justified > li{
			float:left;
		}
		
		.footer {
		  margin-left: -20px;
		  margin-right: -20px;
		  padding-left: 20px;
		  padding-right: 20px;
		}
	}