/*MENU*/

/*

.navbar .navbar-collapse {
    background-color: #fff;
    bottom: 0;
    max-width: 17.1875rem;
    position: fixed;
    top: 0;
    width: 100%;
    transition: left 0.3s ease;
	z-index: 1000;
}
*/

.nav-link{
	/*color: #004488;
	border-left: 1px solid #004488;*/
	color: #333;
}



ul.navbar-nav li:first-child a {
	border-left: 1px solid transparent;
}



.h5{
	/*font-size: 1.5em;*/
	font-weight: 600;
    border-left: 1px solid #004488;
	position: inherit;
}

li.h5.nav-item {
	padding-bottom: 1.5rem;
}

.h5:hover {
	box-shadow: inset 0 -4px 0 0 #0057a6;
}

/*
.h5:hover .dropdown-menu{
	display: block;
}
*/

.sombra{
	box-shadow: 0 8px 11px 0 rgba(51, 51, 51, 0.3);
	border-radius: 0;
	/*min-width: 20em;*/
	width: 100%;
	font-size: 80%;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
   /* position: absolute; */
    max-height: 40em; 
	width: 100%; 
}

.navbar-expand-lg .navbar-nav .dropdown-menu:after {
	
	background-color: #9f9f9f;
    bottom: 0.9375rem;
    left: 32.85%;
    position: absolute;
    top: 0.9375rem;
    width: 1px;
}

@media (min-width: 992px) {
	.navbar-expand-lg .navbar-nav .dropdown-menu:after {
		content: "";
	}
}

.dropdown-menu {
	border: none;
    border-radius: 0;
	margin-top: 0px;
	display: none;
	left:0;
}

.dropdown-submenu{
	/*max-width:25%;*/
}

.dropdown-submenu:hover -dropdown-menu {
	display: block;
}

.dropdown-submenu > .dropdown-menu {
	/*margin-top: 0px;*/
	left: 33%;
	top: 0px;
}

.di-menu {
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
	/*border-right: 1px solid #9f9f9f;*/
    /*box-shadow: inset 0 -1px 0 0 #ebebeb;*/
    /*margin-left: 0;*/
    max-width: 33%; 
	padding-left: 0;
	padding-right: 0.5rem;
	font-weight: 600;
	font-size: 88%;
}

.di-menu .dropdown-item{
    white-space: normal;
	font-weight: 600;
	border-bottom: 1px solid #c5c5c5;
    padding-bottom: 1rem;
    padding-top: 1.05rem;
	position: relative;
}

.di-menu .show-item-now:before {
	right: 13px;
    position: absolute;
    top: 13px;
    content: "\F054";
	font-size: 1.25rem;
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	font-style: normal;
}

.di-menu .dropdown-item:hover {
    color: #004488;
    text-decoration: none;
}

.di-menu .dropdown-item:active {
    color: #004488;
    text-decoration: none;
	background-color: #e9ecef;
}

 .dropdown-item a, .dropdown-submenu a{
 	/*font-size: 1em;*/
 	color: #333;
	white-space: normal;
	/*font-weight: 600;*/
 }

/*
.dropdown-item a:hover, 
.dropdown-item a:focus, 
.dropdown-submenu a:hover, 
.dropdown-submenu a:focus {
    color: #0057A6 !important;
    text-decoration: none;
    background-color: #f8f9fa;
}
*/

.dropdown-menu .dropdown-menu {
   	left: 33%;
	top: 0px;
	/*background-color: #fff;
    height: 100%;
    position: absolute;
    top: 0px;
    width: 25%;*/
}

.nav-shortcuts {
    padding: 0 1.5rem;
    color: white;
    background: #6D6D6D;
    text-align: center;
    line-height: 1.875rem;
}

/*
.nav-shortcuts a {
    color: white;
    font-weight: normal;
}
*/



/*.dropdown-submenu>a:after {
	display: block;
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #000;
	margin-top: 5px;
	margin-right: -10px;
	font-family: "Font Awesome Free";
	content: "\F106" !important;
}*/


.dropdown-submenu:hover>a:after {
	/*border-left-color: #fff;*/
}

.dropdown-submenu.pull-left {
	float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
	left: -100%;
	margin-left: 10px;
}

.di-menu:has(a.opcion_destacada){
	background-color: #E9F2F9 !important;
}

.opcion_destacada{ 
	color: #4C80A9 !important;
	background-color: #E9F2F9 !important;
}

.opcion_destacada:hover {
	cursor: pointer;
}

li.di-menu>a.opciondestacada {
	background-color: #E9F2F9 !important;
}

/*.opcion_destacada:after{
	content: "\f022";
    right: 22px;
    position: absolute;
    top: 7px;
    font-size: 1.25rem;
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-style: normal;
}*/


.navbar-expand-lg .navbar-nav .nav-link {
	/*border-right: 1px solid #004488;*/
	border-right: 1px solid #ebebeb;
	padding-top: 0;
	padding-bottom: 0;
}

.navbar-expand-lg .navbar-nav .nav-item:last-child .nav-link {
	border-right: 0 !important;
}

.dropdown-item:focus, .dropdown-item:hover {
	background-color: transparent;
}

@media (max-width:767px) {

	.h5{
		border-left:none !important;
	}
	
	.di-menu{
		max-width: 100%;
	}
}	

/*
@media screen and (max-width: 990px) {


          .menu  {
			position: fixed;
			left: 0;
			background: white;
			z-index: 1;
			top: 0;
			height: 100%;
			transition: left 0.3s ease;
          }

}
*/
@media (max-width:991px) {
	.navbar-collapse.collapse:not(.show) {
		display: none !important;
	}
	
	.navbar-collapse.show {
		position: fixed;
		top: 0px;
		left: 0;
		width: 100%;
		align-items: baseline;
		text-align: left;
		vertical-align: top;
		background: #fff;
		height: 100%;
		max-width: 20rem;
		z-index:1000;
    }
	
	h5.nav-item {
		text-align: left;
		border-bottom: 1px solid !important;
		
	}
	
	.di-menu {
		max-width: 100%;
	}
	
	.navbar-nav .nav-link {
		text-align: left;
		border-right: 1px solid transparent !important;
	}
	
	.dropdown-menu.sombra {
		position: absolute;
		top: 0;
		left: 0;
		z-index:-1;
		height: 100vh;
	}
	
	.sombra2, .sombra3, .sombra4 {
		position: absolute !important;
		top: 0 !important;
		left:0 !important;
		border-bottom: 1px solid;
		height: 100vh;
		display: none;
		z-index: -1;
	}
	
	.n1.botonMenu { position: relative;}
	
	.enlace-ppal>a:after {
		right: 0;
		position: absolute;
		top: 0;
		content: "\F054";
		font-size: 1.25rem;
		display: inline-block;
		font-family: "Font Awesome 5 Free";
		font-style: normal;
	}
	
	.h5:hover {
		box-shadow: inset 0 -4px 0 0 transparent;
	}
	
	li.h5.nav-item {
		box-shadow: inset 0 -1px 0 0 #ebebeb;
	    padding-bottom: 0.8rem;
    	padding-top: 0.8rem;
	}

}

.zind-2000.sombra {
	z-index:2000;
}

.zind-2000.sombra1 {
	z-index:2200;
}

.zind-2000.sombra2 {
	z-index:2300;
}

.zind-2000.sombra3 {
	z-index:2400;
}

.zind-2000.sombra4 {
	z-index:2500;
}

@media (min-width:991px) {
	.item-atras {
		display: none;
	}
	
	.sombra2, .sombra3, .sombra4 {
		height: 100%;
		background: #fff;
	}
	
	.sombra {
		top:85%;
		height: 100vh;
	}
	
	.dropdown-submenu:hover>.dropdown-menu {
		display: block;
	}
}

.capaSombraMenu {
	width: 100%;
	height: 100vh;
	background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.7);
	display: none;
	position: absolute;
	z-index: 20;
}

#btn_csombra {	
	color: #fff;
    position: fixed;
    right: 10%;
    top: 5%;
    font-size: 25px;
}