.divisor		{ display:none; z-index:3; position:relative; margin-top:22px; height:1px;}
.divisor:before {
	content: "";
	position: absolute;
	top: 0;
	left: 5%;
	right: 5%;
	width: 90%;
	height: 1px;
	background-image: linear-gradient(to right, transparent, #ccc, transparent);}

.divisor:after	{ 
	content: "";
	position: absolute;
	z-index: 1;
	top: -7px;
	left: calc(50% - 7px);
	width: 14px;
	height: 14px;
	transform: rotate(45deg);
	background-color: white;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;}


.cajasubmenus 		{ z-index:2; border-radius:3px; width:auto; margin:0 0 10px 0; border:1px solid #ddd; border-bottom:2px solid #ddd; bacground:#fff; overflow:hidden;}
.active 			{ background:#f6f7f8; color:#111;}
.sticky 			{ position:fixed; top:30px; width:384px; transition: 0.3s; overflow:hidden;}
.titulosubmenus		{ display:none; font-family: 'Francois One', sans-serif; color:#444; text-transform:uppercase; font-size:125%; padding:0 0 25px 0;}

nav2 {
	position: relative;
	width: auto;
}
nav2 ul2 {
	list-style: none;
	margin: 0;
	padding: 0;
}
nav2 ul2 li2 {
  /* Sub Menu */
  cursor:pointer;
  border-top:1px solid #ddd;
}
nav2 ul2 li2 a {
	display: block;
	background: #fff;
	padding: 15px 15px;
	font-size:95%;
	color: #444;
	text-decoration: none;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	-ms-transition: 0.2s linear;
	-o-transition: 0.2s linear;
	transition: 0.2s linear;
	border-top:1px solid #ddd;
}
nav2 ul2 li2 a:hover {
	background: #f6f7f8;
	color: #444;
	border-bottom:none;
}


nav2 ul2 li2 a .fa {
	width: 16px;
	text-align: center;
	margin-right: 5px;
	float:right;
}

nav2 ul2 ul2 {
	background-color:#fff;
}
nav2 ul2 li2 ul2 li2 a {
	background: #fff;
	padding: 15px 15px 15px 35px;
	font-size:90%;
}
nav2 ul2 li2 ul2 li2 a:hover {
	background: #f3f3f3;
}


@media (max-width: 60em) {
.divisor			{ display:block;}

.cajasubmenusi 		{ margin:25px 0 7px 0;}
.active 			{ font-weight:400;}


}

/* (1024x768) iPad 1 & 2, Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.sticky 	{ width:320px}
}
/* for 980px or less */
@media screen and (max-width: 980px) {
.sticky 	{ width:70%;}
}
/* for 700px or less */
@media screen and (max-width: 768px) {
.sticky 	{ position:relative; top:0; width:100%;}
}