/* DROP IT */
.dropit-submenu {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2000;
    display: none;
    min-width: 150px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.dropit-store { display: none; }




/* THEME SUBMENU: DROPIT_DEFAULT */
.dropit_default{
	/*z-index: 200; Sale debajo de .div_barra_menu = 40*/
	box-shadow: 0px 5px 10px 1px rgba(0,0,0,0.1);
	background-color: white;
	border: 1px solid #cdcdcd;
}
.dropit_default > *:first-child:after{
   position: absolute;
   content: '';
   top: 0;
   left: 20px;
   -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
   transform: translateX(-50%) translateY(-50%) rotate(45deg);
   background: #fff;
   margin: -1px 0 0;
   width: 10px;
   height: 10px;
   border-top: 1px solid #D4D4D5;
   border-left: 1px solid #D4D4D5;
   z-index: 2;
   -webkit-transition: background .1s ease;
   transition: background .1s ease;
}

.dropit_default > *:first-child:hover:after{
	background: #f4f4f4;
}

.dropit_default > div.titulo {
  background-color: #FF9800;
  padding: 10px;
  font-weight: bold;
  color: #ffffff;
  text-align: left;
  text-transform: uppercase;
}
.dropit_default > div.titulo:after{
   position: absolute;
   content: '';
   top: 0;
   right: 1.45%;
   -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
   transform: translateX(-50%) translateY(-50%) rotate(45deg);
   background: #FF9800;
   margin: -1px 0 0;
   width: 10px;
   height: 10px;
   border-top: 1px solid #D4D4D5;
   border-left: 1px solid #D4D4D5;
   z-index: 2;
   -webkit-transition: background .1s ease;
   transition: background .1s ease;
}
.dropit_default > div.titulo:hover:after{
	background: #FF9800;
}

.dropit_default > * {
	padding: 10px 11px;
	margin: 0;
	border-bottom: 1px solid #cdcdcd;
	color: #0082ca;
	font-size: 13px;
	cursor: pointer;
}

.dropit_default > *:last-child {
    border-bottom: 0px;
} 



.dropit_default > *:hover {background-color: #f4f4f4;}
.dropit_default > *:before {padding-right: 10px;color: #ff9800;}



/*

.dropit_tree > div.titulo {
  background-color: #7D314E;
  padding: 10px;
  font-weight: bold;
  color: white;
  text-align: center;
}

.dropit_tree > ul {
	list-style: none;
	padding: 0;
	margin: 0;
}


.dropit_tree > ul > li {
	margin-bottom: 0;
}


.dropit_tree > ul > li > a{
	display: block;
	border-bottom: 1px solid #D8D8D8;
	background-color: #FFFFFF;
	padding: 0px 20px;
	line-height: 40px;
	transition: background-color 0.3s linear, color 0.5s linear, padding 0.3s ease;
}

.dropit_tree > ul > li > a:hover {
	background-color: #E6E6E6;
	padding: 0px 20px 0px 20px;
}

*/








.dropit_normal{
	background-color: #ffffff;
	box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.50);
}

.dropit_normal .titulo {
	border: 0px;
	padding: 5px;
	background-color: #FFC926;
	color: white;
	font-weight: bold;
	font-size: 18px;
}

.dropit_normal > ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.dropit_normal > ul > li {
	border-bottom: 1px solid #D8D8D8;
	background-color: #F2F2F2;
	padding: 7px;
	margin: 0px;
}

.dropit_normal > ul > li:hover {
	background-color: #f4f4f4;
}



/* DROPIT AYUDA */

.dropit_ayuda{
	background-color: #ffffff;
	box-shadow: 0px 5px 15px -2px rgba(0,0,0,0.10);
	margin-top: 8px !important;
	width: 270px;
	display: none !important;
}

.dropit_ayuda.open {
	display: block !important;
}

.dropit_ayuda .titulo {
	border: 0px;
    padding: 7px 15px;
    background-color: #0082ca;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
}

.dropit_ayuda .titulo:before {
	content: '\e619';
	font-family: 'biticons';
	padding-right: 10px;
	font-weight: normal;
}
	

.dropit_ayuda .titulo:after{
   position: absolute;
   content: '';
   top: 0;
   right: 8%;
   -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
   transform: translateX(-50%) translateY(-50%) rotate(45deg);
   background: #0082ca;
   margin: -1px 0 0;
   width: 8px;
   height: 8px;
   border-top: 1px solid #fff;
   border-left: 1px solid #fff;
   z-index: 2;
   -webkit-transition: background .1s ease;
   transition: background .1s ease;
}
.dropit_ayuda .titulo:hover:after{
	background: #0082ca;
}

.dropit_ayuda .texto {
	padding: 15px;
	border: 1px solid #ddd;
	border-top: 0;
}