@font-face {
    font-family: 'DINlight';
    src: url('DINlight/dinlight.eot');
    src: url('DINlight/dinlight.eot?#iefix') format('embedded-opentype'),
         url('DINlight/dinlight.woff2') format('woff2'),
         url('DINlight/dinlight.woff') format('woff'),
         url('DINlight/dinlight.ttf') format('truetype'),
         url('DINlight/dinlight.svg#DINlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

#navbar-LH {
	margin:0;
	background-color: #ffffff;
	/*box-shadow: 0 2px 5px rgba(0,0,0,.4);*/
	z-index:999999;
	outline: 0;
	font-family: 'DINlight', Arial, Helvetica;
	text-transform:uppercase;
	font-size:100%;
	letter-spacing:0;
	border-bottom:.15rem solid #0198A7;
	position:absolute;
	top:0; 
	width:100%
	}
#navbar-LH #menuAjuntament {margin-bottom:.10rem; margin-top:.10rem}

#navbar-LH .nav-list {
  display: block;
  width:100%
}

#navbar-LH .nav-link, #navbar-LH .nav-icon {
	color: #575756;
	border-bottom:2px dotted #575756;
	margin:0;
	padding: .5rem .6rem;
	text-decoration:none; 
	font-weight:normal;
}
	
#navbar-LH .nav-icon-list .dropdown {padding: 0;}	
#navbar-LH .nav-icon.dropdown-toggle {	
	cursor:pointer;
}

#navbar-LH .nav-icon.dropdown-toggle::after {
	content:normal;
}



#navbar-LH .nav-list:last-child .nav-link{ border-bottom:0}
#navbar-LH .subnav-link { padding:.5rem .6rem}


#navbar-LH .nav-link:hover { background-color:#0194A8; color:#fff}

#navbar-LH nav a:last-child {border-bottom:0;}
#navbar-LH .nav-icon img {display:none}
#navbar-LH .nav-icon span { display:block}	

#navbar-LH .navbar-brand {background:url(../img/logo_ajuntament_sm.png) no-repeat 0 center; height:40px; width:40px; text-align:left; background-size:contain;}
#navbar-LH .navbar-toggler {color:rgba(0,0,0,.5); border-color:rgba(0,0,0,.1); margin-right:0.3rem}
#navbar-LH .navbar-toggler-icon {background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}
#navbar-LH .navbar-text {color:rgba(0,0,0,.5)}
.bl-2-dt { border-left:0;}
.br-2-dt { border-right:0;}

@media all and (min-width:768px) { /* a partir de 768px*/
#navbar-LH { padding-top:0; padding-bottom:0}

#navbar-LH .nav-list {
 display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  width:auto
}
#navbar-LH .subnav-link { padding:0 .7rem}
#navbar-LH .nav-link:hover { background-color:transparent; color: #0194A8}
#navbar-LH .nav-icon-list {padding: .4rem .8rem;}
#navbar-LH .nav-icon-list .dropdown {padding: 0 0 0 .6rem;}
#navbar-LH .nav-icon-list .nav-icon {padding-right:.05rem}
#navbar-LH .nav-icon-list .nav-icon:last-child { padding-right:0}
#navbar-LH .nav-icon-list .nav-icon:first-child { padding-left:0}
#navbar-LH .nav-icon img {display:block; width:22px; height:22px;}
#navbar-LH .nav-icon span { display:none;}
#navbar-LH .nav-link {border-bottom:0; font-weight:normal}

.bl-2-dt { border-left:2px dotted #CBCBCB;}
.br-2-dt { border-right:2px dotted #CBCBCB;}


}

@media all and (min-width:1024px) { /* a partir de 1024px*/
#navbar-LH .navbar-brand { background:url(../img/logo_ajuntament.png) no-repeat 0 center; height:40px; width: 180px; background-size:contain; margin:0;}
}