body {
	background: #ffffff;
}
.h1, .h2, .h3, h1, h2, h3 {
  margin-top: 5px;
  margin-bottom: 10px;
}
h3 {
	font-size:22px;
}

#pgPortada {
	background: #ffffff;
}
#pgPortada .subheader {
  color: red;
  font-weight: 700;
  font-size: 40px;
  background-color: transparent;
  padding-bottom:5px;
  height:auto;
}
.header-fons-cap-contingut {
  position: absolute;
  top: 15px;
  right: 150px;
  padding: 5px;
  z-index: 11;
}
.container {
	width:90%;
}
#ppalCaixaTitol{
	margin-top:20px;
	margin-bottom:20px;
}
.ppalTitol{
      width: 100%;
      position: relative;
}

.ppalTitol-text {
  display: inline-block;
  background: black;
  color: white;
  font-size: 24px;
  padding: 0 10px;
  position: relative;
}

.filet {
  bottom: 0;
  left: 0;
  height: 2px;
  width: 100%;
  background: black;
}
#PeuPagina{
	background: white;
}
#MenuServeisPeu li a{
	color:black;
}
.bloc-lema{
	text-align:center;
}
.cap-lema{
  background-color: #fff;
  max-width: 100%;
  margin-left: auto;
  font-weight: 100;
  font-size: 34px;
  margin-right: auto;
  text-align: center;
  margin-top: 0;
}
.lema-seccions{
	background-color:#eee;
	max-width:100%;
	font-weight: 100;
	font-size:32px;
}
.accordion .panel-title a span{
	margin-left:0;
}

#FiraVirtual2, #Jornades2, #Classificats2, #Revistes2 {
	position: relative;
}
div#menu-escritori.div.menu-dropdown.div.dropdown  { vertical-align:middle; }

.accordion .panel-heading a.collapsed::after {
  content: url("https://img.interempresas.net/fletxa_dropdown20x20.png");
}
.accordion .panel-heading a::after {
  content: url("https://img.interempresas.net/fletxa_dropdown_negatiu20x20.png");
}
.accordion .panel-title a {
  background: #fff none repeat scroll 0 0;
  border: 1px solid red;
  border-radius: 15px;
  color: black;
  display: block;
  font-size: 18px;
  font-weight: 500;
  padding: 12px 25px 12px 30px;
  position: relative;
  transition: all 0.3s ease 0s;
  line-height: 1.4;
  text-decoration: none;
}
#custom-search-input {
  border-radius: 25px;
  background-color: #fff;
  width: 100%;
  margin: auto;
  box-shadow: rgba(256, 256, 256, 0.1) 0px 10px 10px;
  border:1px solid #ccc;
  padding: 25px;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
  border-radius: 15px;
}
.accordion .panel-title a.collapsed {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ccc;
  color: #333;
}

.sector-noticia {
	color:red;
	font-weight:bold;
	font-size:18px;
	text-transform: uppercase;
}

h3 .noticia-titol {
	font-size: 22px;
	font-weight:bold;
}

.data-noticia {
	font-size:18px;
	color:#999;
	margin-bottom: 10px;	
}
.noticia-text {
	font-size:18px;
	color:#999;
}
.cita-text {
	font-size:20px;
	font-style:italic;
	padding: 10px 0;
}

.noticia-apartat{
	border-bottom: 1px solid #eee; 
	margin-bottom:50px; 
	min-height:210px;
}

.primera-noticia-bloc3 , .primera-noticia-bloc4{ 
	border-bottom: 1px solid #eee; 
	margin-bottom:20px; 
	padding-bottom:20px;
}
.dos-noticies-bloc4 > .noticia-apartat > .row > .noticia-bloc-text > .sector-noticia{
	margin-top:10px;
}

.opinio .sector-noticia {
	margin-top:10px;
}

.opinio .noticia-text {
	border-bottom: 1px solid #eee;
	margin-bottom:20px; 
	padding-bottom:20px;
}
.noticia-imagen{
	padding-bottom: 10px;
}

#ppalCaixaFirmes{
	margin-top:20px;
}
.ppal-firmes{
      width: 100%;
      position: relative;
	  padding-top: 20px;	  
}

.ppal-firmes-text {
  display: inline-block;
  background: red;
  color: white;
  font-size: 24px;
  padding: 0 10px;
  position: relative;
}

.filet-vermell {
  bottom: 0;
  left: 0;
  height: 2px;
  width: 100%;
  background: red;
}
.firmes {
	background-color: #ffcccc;	
	padding:15px 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:20px;
}
.autor{
	margin: 10px 0;
}
.imatge-firma img {
	width:80px;
	height:80px;
	border-radius: 50px;
	border: 2px solid white;
	margin-left: -10px;
}
.nom-i-carrec .nom{
	font-size:20px;
	font-weight:bold;
}	
.nom-i-carrec .carrec{
	font-size:16px;
}
.separador {
  height: 1px;
  width: 100%;
  text-align:center;
  background: white;
  margin-top:5px;
  margin-bottom:5px;
}
#suscripcion {
	margin-left: 20%;
	margin-top: 10%;
	border-radius: 20px;
	padding: 8px 15px;
	box-shadow: none;
	font-size: 14px;
	background-color: #eee;
	border: none;
}

#usuari {
	position: relative;
	display:inline-block;
}
#usuari button{
	background-color:white;
}
#usuari .dropdown.open button{
	border: 0;
}
.menu-usuari {
	  display:none;
      position: absolute;
      transform: translateX(-60%);
      border-radius: 2px;
      white-space: nowrap;
	  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
	  background-color: rgba(255, 255, 255, 1);
}
 .menu-usuari a {
      margin: 0 10px;
      text-decoration: none;
      color: #333;
      font-weight: bold;
}
#usuari:hover .menu-usuari {
      display: flex;
      justify-content: center;
    }
	
#usuari .dropdown-item {
	padding: 5px 10px;
}

#botoIconeUsuari{
	margin-top:-10px;
}	
	
#icone-usuari{
	display: block;
}
#icone-usuari:hover {
	display: block;
	border: 2px solid #ffcccc;
	padding:2px;
	border-radius:25px;
}
.menu-usuari ul{
	padding:10px;
	z-index: 1;
	text-align:right;
}

#caixaMenuUsuari{
	width: 250px;
	margin-right: -70px;	
	border-radius:0;
}

.card-text{
	padding:15px 0;
}

#pills-tab{
	margin:20px;
	padding:20px;
}
.nav-pills > li {
  float: left;
  border: 1px solid black;
  border-radius:30px;
  margin: 0;
  padding: 10px;
  
}
.nav-pills > li .active > a {
  background-color:white;
  color:black;
}
.nav-pills > li > a{
	background-color:white;
}
.nav-pills > li .active:hover{
	background-color:white;
	color:grey;
}
div.navbar-header > a.navbar-brand.logo-interempresas > img {
  height: 60px;
  margin-top: 7px;
}

.ielogo img{ margin-left: -20px;margin-top:-3px; }
.subheader .navbar-brand img {height:60px;}
.boto-menu{
  width: 100%;
  text-align: left;
  background-color:white;
  border: 1px solid #ccc;
  border-radius: 15px;
  white-space: normal;
  word-wrap: break-word;
}
.boto-menu::after {
  content: url("https://www.interempresas.net/Boletin/2025/07/Web2025/fletxa_dropdown20x20.png");
  vertical-align:top;
  position:absolute;
  right:30px;
}
.dropdown.open .boto-menu:after {
  content: url("https://www.interempresas.net/Boletin/2025/07/Web2025/fletxa_dropdown_negatiu20x20.png");
}
.dropdown-item{
	position: relative;
	display:block;
	border-bottom: 2px solid #E8ECED;
  cursor: default;
  font-size: 18px;
  padding:10px 20px;

}
.dropdown{
  margin-bottom: 15px;
}
.dropdown-menu {
	padding: 0;
	margin: 0;
}
.open > .dropdown-menu {
  display: block;
  margin: 0 15px;
  width: 90%;
  border-radius:15px;
  }
  
.dropdown-menu a:hover {
	color: #777;
}
.dropdown.open button{
	border: 2px solid red;
}
#usuari .dropdown-item {
	padding: 5px 10px;
}

#botoIconeUsuari{
	margin-top:-10px;
}
#menu-mobil{ display:none; }
#cercador-mobil{ display:none; }
#pgPortada .subheader .navbar-default .navbar-nav > li#opcio-inscriures-nav > a.btn, #pgPortada .subheader .navbar-default .navbar-nav > li#opcio-alta-nav > a.btn {
	color: #DC070F;
	background-color: #ffcccc;
	border: 1px solid red;
	border-radius:0;
	padding: 10px 15px;
	font-weight:normal;
	width: 220px;
}
div.subheader.container { padding-bottom: 0; }
#pgPortada a#btn-subscriures, #pgPortada a#btn-alta {
  text-transform: uppercase;
  color: #DC070F;
  background-color: #ffcccc;
  font-family: 'Sofia Sans', Arial, Verdana, Sans-serif;
  border-radius: 0;
  padding: 10px 15px;
  letter-spacing: 2px;
  border: 1px solid #DC070F;
  font-weight:normal;
  width: 220px;
}
#pgPortada a#btn-alta:hover, #pgPortada a#btn-subscriures:hover {
  color: #DC070F;;
  background-color: #ffffff;
  border: 1px solid #DC070F;
}

div.noticia-imagen.col-md-4 { 
	margin: 0; 
	padding: 0;
}

div.noticia-imagen.container-imatge-col-md-12 {
	margin: 0;
	padding: 0;
}

.quatre-noticies-bloc3 > article.noticia-apartat.col-md-6 {
	height:215px;
	overflow:hidden;
	text-overflow:ellipsis;
	padding-right: 20px;
}
.quatre-noticies-bloc3 > article { height: 230px; padding: 10px ; margin: 10px 0; }

.noticia-apartat .data-noticia img , .noticia-bloc-text .data-noticia img{
  width: 30px;
  border-radius: 50%;
}
div.row.primera-noticia-bloc3 h3, div.row.primera-noticia-bloc4 h3{ font-size: 32px; }
.cap-sector {
  border-bottom: 0;
  padding-bottom: 0;
}

@media screen and (max-width:1080px) {

	#quadreCerca{ display:none; }
	#usuari{ display:none; }
	#cercador-mobil{ display:block; }
	.bloc-lema{ background-color:white; }
	.cap-lema{ padding-top:20px; }
	.container{ width:100%; }
	#suscripcion{
		margin:30px 0;
	}
	#menu-escritori{
		display:none;
	}
	#menu-mobil{
		display:block;
		position:relative;
	}
	#pgPortada a#btn-subscriures, #pgPortada a#btn-alta {
		width:100%;
	}
	#pgPortada .subheader .navbar-default .navbar-nav > li#opcio-inscriures-nav > a.btn, #pgPortada .subheader .navbar-default .navbar-nav > li#opcio-alta-nav > a.btn {
		width:100%;
	}
	.quatre-noticies-bloc3 > article.noticia-apartat.col-md-6 {
		height:auto;
		overflow:hidden;
		text-overflow:ellipsis;
		padding-right: 0;
	}	
	h3{ 
		font-size: 25px;
		padding-top: 10px;
		padding-bottom: 10px; 
	}
	div.noticia-bloc-text.col-md-8 > div.sector-noticia	{
		padding-top:10px;
	}
	article.noticia-principal > div.noticia-imagen > a > picture > img.imatge-noticia {
		padding-top:10px;
	}
}
@media screen and (max-width:768px) {
	
	div.navbar-header > a.navbar-brand.logo-interempresas > img {
	  height: 45px;
	  margin-top: 0;
	}
	.cap-lema { font-size: 26px; }
	
}