ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/** =======================
 * Contenedor Principal
 ===========================*/
.accordion {
	font-family: "Sukhumvit", sans-serif;
	width: 100%;
	max-width: 360px;
	background: #C5BFB8;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 10px 27px -3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 10px 27px -3px rgba(0,0,0,0.3);
	box-shadow: 0px 10px 27px -3px rgba(0,0,0,0.3);
	border: solid 3px white;
}

	.accordion .link {
		
		cursor: pointer;
		display: block;
		padding: 15px 30px 15px 35px;
		font-size: 16px;
		border-bottom: 1px solid #CCC;
		position: relative;
		-webkit-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}

	.accordion li:last-child .link {
		border-bottom: 0;
	}

	.accordion li i {
		position: absolute;
		top: 15px;
		left: 12px;
		font-size: 18px;
		color: white;
		-webkit-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}

		.accordion li i.fa-dot-circle-o {
			top: 19px;
			font-size: 12px;
		}

		.accordion li i.fa-angle-right {
			top: 17px;
			right: 12px;
			left: auto;
		}

	.accordion li .link a {
		color: #000000;
	}

	.accordion li.active i.fa-angle-right {
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
	}

	.accordion li.default .submenu {
		display: block;
	}
/**
 * Submenu
 -----------------------------*/
.submenu {
	display: none;
	background: #9E9A95;
	/*font-size: 14px;*/
}

	.submenu li {
		border-bottom: 1px solid #b0ada9;
	}

	.submenu a {
		font-size: 15px;
		letter-spacing: 0.05em;
		display: block;
		text-decoration: none;
		color: #FFF;
		padding: 12px;
		padding-left: 42px;
		-webkit-transition: all 0.25s ease;
		-o-transition: all 0.25s ease;
		transition: all 0.25s ease;
	}

		.submenu a:hover {
			background: #8d8781;
			color: #FFF;
		}

		.submenu a.active {
			background: #837c74;
			color: #FFF;
		}