body {
	background-color: #e6e6e6;
}

li.active > a:after {
    content:'';
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -26px;
    border-left: 0;
    border-bottom: 26px solid transparent;
    border-top: 26px solid transparent;
    border-left: 20px solid #337ab7;
    z-index: 10;
}

#main-menu > li {
	border-style: solid none none none;
	border-color: white;
	margin: 0px;
}

ul.nav {
	height: 400px;
}

.nav > li > a {
	min-height: 150px;
	padding-top: 10%;
	font-size: 150%;
	text-align: center;
}

.col-md-8, .col-md-4 {
	padding: 0px;
}

.titulo-map > h3 {
	position: absolute;
	/*top: 400px;*/
	margin-top: -50px;
	z-index: 10;
	width: 100%;
	text-align: center;
	color: white;
	background-color: rgba(51,122,783, 0.75);
	min-height: 50px;
	padding-top: 15px;
}

#titulo {
	text-align: center;
	padding: 5px 50px 5px 50px;
}

#titulo > h1 {
	color: #337ab7;
}

#titulo > p {
	margin-bottom: 30px;
	font-size: 18px;
}

hr {
	color: #337ab7;
	background-color: #337ab7;
	height: 5px;
	margin: 25px 49% 25px 49%; 
}

.title-contenido {
	display: none;
	cursor: pointer;
}

.glyphicon-menu-up, .glyphicon-menu-down {
	color: #337ab7;
	font-size: 30;
	float: right;
}

.vineta {
	color: #337ab7;
}

@media screen and (max-width: 991px) {
	.titulo-map > h3 {
		/*float: bottom;*/
		padding: 35px;
		left: 0px;
		margin-top: -100px;
    	width: 100%;
    	min-height: auto;
    	z-index: 15;
	}
	
	#main-menu {
		display: none;
	}
	
	.title-contenido {
		display: block;
		margin: 0px 25px 0px 25px;
		padding: 35px;
		text-align: center;
		height: auto;
		color: #6d6d6d;
		border-style: solid none none none;
		border-color: #cccccc;
	}
}