/*********************************/
/* NAVEGACION ACTUAL */
/*********************************/
#NavegacionActual {
    width: 100%;
    float: left;
    font-size:.89em !important;
    margin: 0;
    padding: 0px;
}


@media (min-width: 768px) {

    #cssmenu {
        width: 16.6666%;
    }
    
#NavegacionActual li.has-sub > a > span
	{
		display: block;
		width:92%;	
	}
}


@media(min-width:992px) {
    #NavegacionActual{
        font-size: 1em !important;

    }
}


#NavegacionActual ul,
#NavegacionActual ul li,
#NavegacionActual ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
 }

#NavegacionActual ul ul {
  display: none;
}

#NavegacionActual ul > li{
            padding-bottom: 3px;
             list-style:none;
             /* text-transform:uppercase;*/
              
        }

    #NavegacionActual ul > li a
    {
        display: block;
        color: #333;
        padding: 5px;
        background-color:#DADADA;
        width:100%;
        min-height:50px;
        text-decoration: none;
        
    }
    
    #NavegacionActual ul > li a:hover
    {
        background-color:#C0C0C0;
        color: #333;
        text-decoration: none;
        
    }
    
    #NavegacionActual a.selected 
    {
        background-color:#C0C0C0;
        color: #333;
        text-decoration: none;
        
    }

#NavegacionActual > ul > li > a:hover,
#NavegacionActual > ul > li.selected > a,
#NavegacionActual > ul > li.open > a {
 background-color:#C0C0C0;
}
#NavegacionActual > ul > li.open > a {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid #1682ba;
}
#NavegacionActual > ul > li:last-child > a,
#NavegacionActual > ul > li.last > a {
  border-bottom: 1px solid #1682ba;
}
#NavegacionActual > ul > li > a:hover > span::after,
#NavegacionActual > ul > li.selected > a > span::after,
#NavegacionActual > ul > li.open > a > span::after {
  border-color: #eeeeee;
}

 /*------------- menu izquierdo sub 1 --------------*/

#NavegacionActual ul ul li {
        padding-left: 15px;
        border-bottom: 1px solid #FFF;
        text-transform:none;
          padding-bottom: 0px;

    }
#NavegacionActual ul ul li a {
 background-color: #DADADA;
 background-image: none;
 color: #333;
 padding: 5px;
}
#NavegacionActual ul ul li:hover > a,
#NavegacionActual ul ul li.selected > a,
#NavegacionActual ul ul li.active > a {
  background-color: #EDEDED;
    color: #333;
}
#NavegacionActual ul ul li:first-child > a {
  box-shadow: none;
}
#NavegacionActual ul ul ul li:first-child > a {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
#NavegacionActual ul ul ul li a {
  padding-left: 30px;
}
#NavegacionActual > ul > li > ul > li:last-child > a,
#NavegacionActual > ul > li > ul > li.last > a {
  border-bottom: 0;
}
#NavegacionActual > ul > li > ul > li.open:last-child > a,
#NavegacionActual > ul > li > ul > li.last.open > a {
  border-bottom: 1px solid #32373e;
}
#NavegacionActual > ul > li > ul > li.open:last-child > ul > li:last-child > a {
  border-bottom: 0;
}


#NavegacionActual li.has-sub > a::after {
  display: block;
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  right: 5px;
  z-index: 10;
  top: 5px;

  border-top: 1px solid #999;
  border-left: 1px solid #999;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

#NavegacionActual li.open > a::after {
 /* display: block;
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  right: 5px;
  z-index: 10;*/
  top: 10px;
/*
  border-top: 1px solid #999;
  border-left: 1px solid #999;*/
  
   -webkit-transform: rotate(135deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);


}



#NavegacionActual ul ul li.active > a::after,
#NavegacionActual ul ul li.open > a::after,
#NavegacionActual ul ul li > a:hover::after {
  border-color: #ffffff;
}



#NavegacionActual ul ul li.has-sub > a::after {
  display: block;
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  right: 5px;
  z-index: 10;
  top: 5px;

  border-top: 1px solid #999;
  border-left: 1px solid #999;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}


#NavegacionActual ul ul li.has-sub:hover > a::after,
#NavegacionActual ul ul li.has-sub.selected > a::after,
#NavegacionActual ul ul li.has-sub.active > a::after {
  display: block;
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  right: 10px;
  z-index: 10;
  top: 5px;

  border-top: 1px solid #999;
  border-left: 1px solid #999;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}



 /*------------- menu izquierdo sub 2 --------------*/
    #NavegacionActual ul li ul li ul li {
        padding-left: 15px;
        border-bottom: 0px;
        text-transform:none;
    }

    #NavegacionActual ul li ul li ul li a {
        background-color: #EDEDED;
        padding: 5px;
    }

        #NavegacionActual ul li ul li ul li a:hover {
            background-color:#DADADA;
            color: #fff; /*999*/
        }

#NavegacionActual li.has-sub > a > span
	{
		display: block;
		width:90%;	
	}

























/*********************************/
#cssmenu {
    width: 100%;
    float: left;
    font-size:.89em !important;
    margin: 0;
    padding: 0px;
}

.ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li > .ms-core-listMenu-item,
.ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li > .ms-core-listMenuEdit,
.ms-core-listMenu-heading,
.ms-tv-header
{
	font-size:.89em !important;

}

@media(min-width:992px) {
    #cssmenu{
        font-size: 1em !important;

    }
    
    .ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li > .ms-core-listMenu-item,
	.ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li > .ms-core-listMenuEdit,
	.ms-core-listMenu-heading,
	.ms-tv-header
	{
		font-size:1em !important;
	
	}

}



#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
 }

#cssmenu ul ul {
  display: none;
}

#cssmenu ul > li{
            padding-bottom: 3px;
             list-style:none;
              text-transform:uppercase;
              
        }

    #cssmenu ul > li a
    {
        display: block;
        color: #FFF;
        padding: 5px;
        background-color: #1E72B7;
        width:100%;
        min-height:50px;
        text-decoration: none;
        
    }
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.selected > a,
#cssmenu > ul > li.open > a {
 background-color: #1C3257;
}
#cssmenu > ul > li.open > a {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid #1682ba;
}
#cssmenu > ul > li:last-child > a,
#cssmenu > ul > li.last > a {
  border-bottom: 1px solid #1682ba;
}
.holder {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right: 0;
}
.holder::after,
.holder::before {
  display: block;
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  right: 20px;
  z-index: 10;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.holder::after {
  top: 17px;
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
}
#cssmenu > ul > li > a:hover > span::after,
#cssmenu > ul > li.selected > a > span::after,
#cssmenu > ul > li.open > a > span::after {
  border-color: #eeeeee;
}
.holder::before {
  top: 18px;
  border-top: 2px solid;
  border-left: 2px solid;
  border-top-color: inherit;
  border-left-color: inherit;
}

 /*------------- menu izquierdo sub 1 --------------*/

 #cssmenu ul ul li {
        padding: 0;
        border-bottom: 1px solid #FFF;
        text-transform:none;
    }
#cssmenu ul ul li a {
 background-color: #DADADA;
 background-image: none;
 color: #333333;
 padding: 5px;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.selected > a,
#cssmenu ul ul li.active > a {
  background-color: #999;
    color: #FFF;
}
#cssmenu ul ul li:first-child > a {
  box-shadow: none;
}
#cssmenu ul ul ul li:first-child > a {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
#cssmenu ul ul ul li a {
  padding-left: 30px;
}
#cssmenu > ul > li > ul > li:last-child > a,
#cssmenu > ul > li > ul > li.last > a {
  border-bottom: 0;
}
#cssmenu > ul > li > ul > li.open:last-child > a,
#cssmenu > ul > li > ul > li.last.open > a {
  border-bottom: 1px solid #32373e;
}
#cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {
  border-bottom: 0;
}


#cssmenu li.has-sub > a::after {
  display: block;
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  right: 5px;
  z-index: 10;
  top: 5px;

  border-top: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}


#cssmenu li.open > a::after {
/*  display: block;
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  right: 5px;
  z-index: 10;*/
  top: 10px;

/*  border-top: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;*/

 -webkit-transform: rotate(135deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}



#cssmenu ul ul li.active > a::after,
#cssmenu ul ul li.open > a::after,
#cssmenu ul ul li > a:hover::after {
  border-color: #ffffff;
}


#cssmenu ul ul li.has-sub > a::after {
  display: block;
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  right: 5px;
  z-index: 10;
  top: 5px;

  border-top: 1px solid #999;
  border-left: 1px solid #999;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

#cssmenu ul ul li.open > a::after {
 /* display: block;
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  right: 5px;
  z-index: 10;*/
  top: 10px;
/*
  border-top: 1px solid #999;
  border-left: 1px solid #999;*/
 
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);

}



#cssmenu ul ul li.has-sub:hover > a::after,
#cssmenu ul ul li.has-sub.selected > a::after,
#cssmenu ul ul li.has-sub.active > a::after {
  display: block;
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  right: 5px;
  z-index: 10;
  top: 5px;

  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

#cssmenu ul ul li.open:hover > a::after,
#cssmenu ul ul li.open.selected > a::after,
#cssmenu ul ul li.open.active > a::after {
 /* display: block;
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  right: 5px;
  z-index: 10;*/
  top: 10px;
/*
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;*/
  
   -webkit-transform: rotate(135deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}




 /*------------- menu izquierdo sub 2 --------------*/
    #cssmenu ul li ul li ul li {
        padding-left: 15px;
        border-bottom: 0px;
        text-transform:none;
    }

    #cssmenu ul li ul li ul li a {
        background-color: #EDEDED;
        padding: 5px;
    }

        #cssmenu ul li ul li ul li a:hover {
            background-color:#DADADA;
            color: #fff; /*999*/
        }

#cssmenu li.has-sub > a > span
	{
		display: block;
		width:90%;	
	}


@media (min-width: 768px) {

    #cssmenu {
        width: 16.6666%;
    }
    
 #cssmenu li.has-sub > a > span
	{
		display: block;
		width:92%;	
	}


}



.ms-core-listMenu-verticalBox .ms-listMenu-editLink
{
margin:15px 0px 0px 0px;
border:1px solid transparent;
}

.ms-core-listMenu-verticalBox li.static > ul.static > li.static > table.ms-core-listMenuEdit
{
margin-left:20px;

}

.ms-core-listMenu-verticalBox li.static > .ms-core-listMenuEdit,
.ms-core-listMenu-verticalBox li.static > .ms-navedit-titleBoxListItem
{
table-layout:fixed;
margin-left:0px;
}

@media (min-width: 768px) {

   
	    .ms-core-listMenu-verticalBox > .ms-core-listMenu-item,
	 .ms-core-listMenu-verticalBox li.static > .ms-core-listMenu-item
	{
	display:block;
	padding:5px;
	}
	
	 .ms-core-listMenu-verticalBox li.static > ul.static > li.static > .ms-core-listMenu-item
	{
		padding-left: 20px;
}

   
}