body {background-color:#ffffff;}	
.barraLH { 
	background-color:rgba(0,146,167,1);
	padding:1rem;
	}
.barraLH a {color:#FFF;}
.barra-links ul {margin-bottom:0}
.barra-links .list-inline-item {background:url(https://www.l-h.cat/img/lh12/common/separador.png) no-repeat left .4rem; padding-left:.8rem; padding-right:.4rem; margin-left:0;}
.barra-links .list-inline-item:not(:last-child) { margin-right:0}
.barra-links ul .list-inline-item a {text-decoration:none; color:#fff; font-size:0.9em; text-transform:uppercase; font-family: 'Roboto Condensed', 'Arial Narrow', sans-serif;}
.barra-links .list-inline-item:first-child {background:transparent; padding-left:0}
.barra-links .list-inline-item:last-child {padding-right:0}



.menuLH { background-color:rgba(0,146,167,1); margin-top:0; color:#000; position:relative; margin-bottom:.5rem; padding:.5rem}
.menuLH .dropdown-menu { border:0}	
.menuLH .dropdown-menu .bloc-imatge { display:none}
.menuLH .dropdown-menu ul { list-style: none; padding-left:0; margin-bottom:0}
.menuLH .dropdown-menu ul li {padding-bottom:.3rem;}

/* Skip nav styles from Liam */
.omitirtabulacio {position: absolute; display: none; text-align: left; margin: 0; padding: 0} /*For all, including Opera. Display:none used to switch off the skip links for Opera users (it's redundant, Opera has excellent keyboard navigation)*/
* html .omitirtabulacio {display: block} /*Switch on for IE6 and below*/
*+html .omitirtabulacio {display: block} /*Switch on for IE7*/
:root .omitirtabulacio {display: block} /*Switch on for Moz, FF and Safari*/
.omitirtabulacio a {width: 25em; display:block; color: #fff; background: #333; text-decoration: none; padding: 10px; position: absolute; left: -1000em; top: 0; font-family:"Roboto Condensed", 'Arial Narrow', sans-serif;
	font-size:1em;}

.omitirtabulacio a:focus, .omitirtabulacio a:active {z-index: 99999999; top: 1.5em; left: 0; border: 1px solid #000; color: #000; background: #fff !important} /*Note IE bug that requires use of :active to mimic effect of :focus*/
.omitirtabulacio a:hover {cursor: default} 
.omitirtabulaciotarget {width: 1px; height: 1px; overflow: hidden; float: right} /*this seems to be the optimum implementation of a target*/


.offcanvas-body  {font-family: 'Roboto Condensed', Arial, sans-serif; padding:0}
.menuLH .navbar-nav .nav-item {border-bottom: 1px solid rgba(255,255,255,.2);}
.menuLH .navbar-nav .nav-item:last-child {border:0}
.menuLH .navbar-nav .nav-item .nav-link { color:#fff; padding-left:1rem; padding-right:1rem}
.menuLH .navbar-nav .nav-item .nav-link .fa {width:1.5rem}
.menuLH .dropdown-toggle::after	 {float:right; margin-top: 0.6rem;}
.menuLH .dropdown-menu { background-color:#000000; margin:0; padding:0}
.menuLH .dropdown-menu ul li {border-bottom: 1px solid rgba(255,255,255,.2); padding:.3rem 2.6rem;}
.menuLH .dropdown-menu ul li a .finestraNova { margin-left:.3em}
.menuLH .dropdown-menu ul li a { color:#ffffff; text-decoration:none; }
.menuLH .dropdown-menu .bloc-blanc > a { font-family: 'Roboto Condensed', Arial, sans-serif; text-decoration: none; color: #ffffff; padding:.3rem 2.6rem; display:block}
.menuLH .navbar-nav .nav-item .nav-link:focus, .menuLH .navbar-nav .nav-item .nav-link:hover {
    background: #FF6F00;}
.menuLH .dropdown-menu h2 {
	color: #ffffff;
    margin-bottom: 7px;
    font-size: 1.1em;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', Arial, sans-serif;
	line-height:1;
	border-bottom: 1px solid rgba(255,255,255,.2);
	padding:.5rem .5rem .5rem 2.6rem;
	background-color: #252525;
	}
.tooltip { visibility:hidden;}
.fons-contingut-lh { background-color:transparent}

@media (min-width: 768px) { 
body { background:url(https://www.l-h.cat/img/lh12/common/fons_lh2_calitatalta.jpg) no-repeat center 0; background-attachment:fixed; background-color:#000; background-size:cover;}	
.fons-contingut-lh { background-color:#ffffff;}
}

@media (min-width: 992px) {

#capLH.sticky-top { position:relative; background-color: transparent}
.menuLH { background-color:transparent; margin-bottom:0; padding:.5rem 0}
.menuLH .dropdown-toggle {font-family: 'Roboto Condensed', Arial, sans-serif; text-align:center; font-weight:bold; text-transform:uppercase; font-size:0.9rem; color:#000000;}
.menuLH .dropdown-toggle::after { display:none}
.menuLH .navbar-nav .nav-item {margin-right:.3rem; border:0}
.menuLH .navbar-nav .nav-item .nav-link { background-color:#ffffff; border-radius:1em; width:100%; padding:0.4rem 0; color:#000000;}
.menuLH .navbar-nav .nav-item-icon .nav-link {background-color:rgba(0,146,167,1); padding:0; margin:0; text-align:center;}
.menuLH .navbar-nav .nav-item-icon .nav-link img {width:35px; height:35px;}
.menuLH .navbar-nav .nav-item-icon .nav-link:hover {background-color:rgba(0,146,167,1);}
.menuLH .navbar-nav .nav-item-icon .nav-link .fa { color:#FFF;}
.menuLH form { position:relative}
.menuLH form .form-control {padding:.4rem 2rem .4rem .4rem; border:0; font-size:0.9em; font-family: Arial, Helvetica, sans-serif; color: #0194a8;}
.menuLH form .lupa {
	position:absolute;
	top:0;
	right:0;
    margin-top: .4rem;
    margin-right: .4rem;
    margin-bottom: .4rem;
    border: 0;
    width: 24px;
    height: 24px;
}
.menuLH .navbar-nav .nav-link:hover { background-color:#FF6427;}
.tooltip .tooltip-inner {
	
  background-color:#FF6427;
  color:#000000;
  font-weight:bold;
  font-family: 'Roboto', Arial, sans-serif;
}
.tooltip {
--bs-tooltip-bg:#FF6427;
visibility:visible;

}

.menuLH .dropdown-menu { font-family:Arial, Helvetica, sans-serif; font-size:0.75em; padding:1rem; border-radius:1.5em; background: url(https://www.l-h.cat/img/lh12/common/sub.png) repeat left top;
    background-color: #0194a8;}
.menuLH .dropdown-menu-temes { width:767px;}
.menuLH .dropdown-menu-ciutat { width:620px;}
.menuLH .dropdown-menu-ajuntament { width:620px;}
.menuLH .dropdown-menu h2 {
	color: #0194a8;
    margin-bottom: 7px;
    font-weight: bold;
    font-size: 1.5em;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', Arial, sans-serif;
	line-height:1;
	background-color:transparent;
	padding:0;
	}
.menuLH .dropdown-menu .bloc-blanc > a { text-transform: uppercase;  font-family: 'Roboto Condensed', Arial, sans-serif; text-decoration: underline; font-size: 1.5em; font-weight: bold; color: #0194a8; line-height:1; padding:0}

.menuLH .dropdown-menu .bloc-blanc {padding:.7rem; position:relative; overflow:hidden; border-radius:1rem; background-color:#ffffff; }
.menuLH .dropdown-menu ul { list-style: none; padding-left:0}
.menuLH .dropdown-menu ul li {padding:0 0 .3rem 0;}
.menuLH .dropdown-menu ul li:last-child {padding-bottom:0;}
.menuLH .dropdown-menu ul li a { color:#000; text-decoration:none; padding-left:0}
.menuLH .dropdown-menu ul li a:hover { color:#FF6427}
.menuLH .dropdown-menu .bloc-imatge {
	position:relative; 
	overflow:hidden; 
	border-radius:1rem; 
	background-color:#ffffff; 
	display: flex;
    align-items: center;
    justify-content: center;

	}
.menuLH .dropdown-menu .col > div {
		margin-bottom:.5rem
}
.menuLH .dropdown-menu .col > div:last-child { margin-bottom:0;}


.barraLH { 
	background-color:rgba(0,146,167,0.8);
	border-radius:1rem;
	padding:1rem;
	margin-top:.5rem;
	}

}