/* Empieza CSS del area de Servicios */

.main-nav {
  background: rgba(122,38,122,1.00);
}

.main-nav li {
  list-style: none;
}

.main-nav a {
	height: 50px;
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: .2em;
	text-decoration: none;
	display: block;
	padding: 10px 0 10px 20px;
	border-bottom: 1px dotted gray;
}

.main-nav a:hover {
  background: rgba(118,166,174,1.00);
}

.main-nav-ul ul {
  display: none;
}

.main-nav-ul li.tap ul {
  display: block;
}

.main-nav-ul ul a:before {
	content: '\203A';
	margin-right: 20px;
}

.main-nav .sub-arrow:after {
	content: '\203A';
	float: right;
	margin-right: 20px;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
}

.main-nav li.tap .sub-arrow:after {
	content: '\2039';
}

/* Termina area de CSS del area de Servicios */