@import url("//fonts.googleapis.com/css?family=Sofia+Sans:700,500,600,400");

@font-face {
  font-family: 'Sofia Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
    font-family: Arial;
    font-weight: 400;
    size-adjust: 96.55%;
    ascent-override: 100%;
    line-gap-override: 3%;
    src: local(Arial);
}


body {font-family:'Sofia Sans', Arial, Verdana, Sans-serif; font-size: 16px;}
ul {list-style-type: none;}
li a{color:#373737}
.cap{margin-bottom:5px;margin-top:20px;}


/*nova capçalera*/
/* Capçalera nom sector */
.cap-sector{border-bottom:1px solid #f1f1f1; padding-bottom:10px;}
#titolEnCapcelera {padding:15px 0px;font-size: 50px;font-weight: 700;color:#e30613;font-family: 'Sofia Sans', Arial, Verdana, Sans-serif;}
#titolEnCapcelera a {color:#e30613;text-decoration:none;}
.subheader {position: relative;margin: 0px auto;max-width: 100%;padding: 10px 0px;}
.subheader > nav{margin: 0px auto;font-size: 12px;color: #fff;}
.subheader .navbar-default{background-color:white;border:none}
.subheader .navbar-default .navbar-nav > li > a{letter-spacing:1px}
.subheader .navbar-default .navbar-nav > li > a:hover{color:#e30613;background-color:white}
.subheader .navbar-nav li a {font-size:26px}
.subheader .navbar-nav li .navbar-form {padding:0px 10px;border:none}
.subheader .navbar-nav li.opcioCap svg {fill: white; width: 15px; height:15px; vertical-align: middle; margin-right: 5px;} 
.subheader .navbar-nav li.opcioCap svg:hover {fill:#e30613;}
.subheader .navbar-nav li.opcioCap svg:hover path {fill:#e30613;}
.subheader .navbar-nav li.opcioCap:hover svg {fill:#e30613;}
.subheader .navbar-nav li.opcioCap:hover svg path {fill:#e30613;}

.subheader .navbar-nav li.opcioCap.active:hover svg {fill:#FFFFFF;}
.subheader .navbar-nav li.opcioCap.active:hover svg path {fill:#FFFFFF;}
  
.subheader .form-control{border-radius:0px}
.subheader .btn{border-radius:0px}
/*.subheader  .navbar-default .navbar-toggle .icon-bar { background-color: white;}*/
.subheader .navbar-default .navbar-toggle{border-color:#888}

.subheader .navbar-brand img {
    max-width: 250px;
}

#btn-subscriures, #btn-alta {border:1px solid white;text-transform:uppercase;color:white;background-color:#e30613;font-weight:700;font-size:12px;border-radius:0px;margin-left: 5px;padding:5px}
#btn-subscriures:hover, #btn-alta:hover {color:#e30613;background-color:white;} 

.subheader .navbar-default .navbar-nav > li.usuari-login > a{padding:8px;}
.usuari-login span {font-size:30px}
.usuari-login svg:hover {fill: #e30613;}
.usuari-login svg:hover path {fill: #e30613;}
.usuari-login svg:hover plygon {fill: #e30613;}
.usuari-login svg:hover circle {fill: #e30613;}
.usuari-login:hover svg {fill: #e30613;}
.usuari-login:hover svg path {fill: #e30613;}

.titolMobil1 { display:none; }
.titolMobil2 { display:none; }

.isDisabled > a {color: currentColor; display: inline-block;  /* For IE11/ MS Edge bug */ pointer-events: none; text-decoration: none;}

@media screen and (max-width: 768px) {
	#div-menu-fv { display:none;}
	.titolMobil1 {
		display:block;
		font-size: 26px;
		text-align: center;
		padding: 10px;
		text-transform: uppercase;
		border-radius: 10px;
		border: 2px solid pink;
	}
	.titolMobil2 {
		display:block;
		font-size: 26px;
		text-align: center;
		background-color: #eee;
		padding: 10px;
		text-transform: uppercase;
	}	
	.titolMobil1 a{ color:#333; }
	.titolMobil2 a{ color:#333; }
	#suscripcion_nl, #anuncio_gratis, #anyade_empresa {
	  margin-bottom: 10px;
	  margin-top: 10%;
	  border-radius: 20px;
	  padding: 8px 15px;
	  box-shadow: none;
	  font-size: 14px;
	  background-color: #eee;
	  border: none;
	}	
}

/*2026*/
/* modifico el contenidor de bootstrap, el volem més gran sempre, sense marges */
.container {width:90%; max-width:1920px;}
.subheader .navbar-brand svg {max-width: 250px;height: 30px;}
.subheader .navbar-brand img {
	height: 30px;
}
div.navbar-header > a.navbar-brand.logo-interempresas > img { height: 45px; }
/*ESTILS DIFERENTS*/
 
.subheader a#btn-posa-anunci {
	color: black;
	font-family:'Sofia Sans', Arial, Verdana, Sans-serif; 
	border-radius:25px;
	letter-spacing: 1px;
	border:1px solid #ccc;
	font-size:14px;
	text-transform: uppercase;
	margin-right:10px;
	margin-top: 6px;
  }
 
#botoIconeUsuari{
	margin-top:-10px;
	background-color:white;
}
#btn-login{ display: block;margin-top: -7px; }
#btn-login img:hover {
	display: block;
	border: 2px solid #ffcccc;
	padding: 2px;
	border-radius: 25px;
}
.subheader a#btn-posa-anunci:hover {color: white;background-color: #000000;}
.subheader .navbar-default .navbar-nav > li > a#btn-posa-anunci:hover {color:#DC070F;background-color:white;} 
.subheader li.barraNavegacioSector a, .subheader li.guionet{color: #000;  font-size: 30px;  font-weight: 700;margin-left:10px;/*padding-top: 20px;*/}
/*.subheader li.guionet{padding-top: 10px;}*/
.subheader svg {height:50px}
.subheader .iemaq svg, .subheader .ieferia svg {height:40px}

/*cercador capçalera proto*/
#cercador-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;
  margin-top:6px;
  padding: 25px;
  position: relative;
}
#cercador-input bi-search {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #aaa;
  pointer-events: none;
}
#cap-mobil{display:none}
#cap-mobil .material-icons {color: #999; vertical-align: middle; position: absolute; right: 10px; top: 10px; z-index: 2; background-color: #fff; cursor: pointer;}
/* SEARCH */
#cap-mobil .search-container {
  user-select: none !important; display: inline-block; background-color: #fff; padding: 10px 10px 10px 10px; margin-left:10px; border-radius: 50%; box-sizing: border-box; min-width: 50px; height: 50px; box-shadow:0 2px 6px rgba(255, 128, 128, 0.5); position: relative; transition: all 200ms !important;}  
#cap-mobil .input input { display: block; vertical-align: middle; line-height: 40px; height: 40px; border: 0; padding: 10px 10px 10px 0;  box-sizing: border-box;  width: 250px;  border-radius: 2px;  z-index: 1;  background-color: transparent;  font-family: inherit;  font-size: 1em;
  &::placeholder, &:placeholder {
    transition: all 200ms !important;
  }
}
#cap-mobil .search-container.active { background-color: white;  text-align: right;  border-radius: 3px;  padding: 10px 60px 10px 10px;}
#cap-mobil .input {  position: relative;  z-index: 1;  vertical-align: middle;  width: 0;  overflow: hidden;  height: 40px;  display: inline-block;}
#cap-mobil .input label {  transition: all 200ms !important;  position: absolute;  left: 0;  line-height: 40px;  opacity: 0.3;  z-index: -1;}
#cap-mobil .input:before {  content: "";  position: absolute;  bottom: 0;  left: 0;  width: 0;  min-width: 0;  height: 2px;  background-color: #ffd46c;  background-color: gray;  // transition-delay: .5s !important;}
#cap-mobil .input.active:before {  width: 100%;}
#cap-mobil .input input:focus {  outline: none;}
#cap-mobil .input.active {  width: 250px;  height: 40px;}
#cap-mobil .search-container svg { width:25px;height:25px}

#cap-mobil #btn-login {
	position: relative; 
	background-image: url('/css/img/login_off_onnea.svg'); 
	background-repeat: no-repeat; 
	transition: background-image 0.3s;display: inline-flex; align-items: center;  
	height: 50px; 
	width:50px; 
	box-shadow:0 2px 6px rgba(255, 128, 128, 0.5);	    
	border-radius: 50%;
}

.menuMobilTitol{
	font-size:20px;
	text-transform:uppercase;
	color:black;
	padding-top:20px;
	font-weight:normal;
}
.dropdown-divider{
	border: 1px solid red;
}
.opcioMenuMobil{
	font-size:18px;
	font-weight:normal;
}
.menuMobilTitol a{ color:black; }
#menuMobil{display:none;}
div.navbar-header > a.navbar-brand.ieferia > img { padding-left:20px;margin-top:15px; }
div.navbar-header > a.navbar-brand.iemaq > img { padding-left:20px;margin-top:15px; }
div.navbar-header > a.navbar-brand.logo-interempresas > img { padding-left:0;margin-top:15px; }


@media screen and (max-width: 768px) {
	#pgPortada .subheader .navbar-left, #pgPlanaPrincipalFV .subheader .navbar-left, #pgPlanaPrincipalOC .subheader .navbar-left, #pgPlanaPrincipalRP .subheader .navbar-left {
		padding-left: 10px;
		margin-top:0px;
	}
	#navbar-transversal .navbar-left {
	  margin: 0px !important;
	}	
	#navbar-transversal{ 
		background-color:white;
	}
	.subheader .navbar-default .navbar-toggle {
		border: 2px solid pink;
		background-color: white;
		margin: 10px;
	}  
	div.navbar-header > a.navbar-brand.logo-interempresas > img { padding-left:0px; margin-top: -8px; }
	div.navbar-header > a.navbar-brand.ieferia > img { padding-left:0px; margin-top:0px; height:30px; }
	div.navbar-header > a.navbar-brand.iemaq > img { padding-left:0px; margin-top:0px; height:30px; }
	.navbar-default .navbar-toggle { border: 2px solid grey; }
	.subheader .navbar-default .navbar-toggle .icon-bar {
		background-color: red;
	}
	.ulExtraMobil{ 
		margin:0;
		padding:0;
	}
	.ulExtraMobil > li{ padding:5px; }
	#menuMobil{
		display:block;
		margin:0;
		padding:0;
		border-bottom: 5px solid red;
	}
	.logos_cap img { width:40%;max-width:40%; }
	.ieferia { padding-top:12px; }
	a.navbar-brand.logo-interempresas > img { height: 35px; }
	.div-menu-fv{ display:none; }
	#articlesMenuMobil { padding: 0 20px; }
	.subheader .navbar-default .navbar-nav > li#opcio-alta-nav > a.btn, 
	.subheader .navbar-default .navbar-nav > li#opcio-inscriures-nav > a.btn {
		color: #DC070F;
		background-color: #ffcccc;
		font-size:22px;
	}  
	.subheader .navbar-default .navbar-nav >li#opcio-inscriures-nav > a.btn:hover,
	.subheader .navbar-default .navbar-nav >li#opcio-alta-nav > a.btn:hover {
		color:#DC070F;
		background-color:white;
		border:1px solid #DC070F;
	}  
	.dropdown-menu > li > a {
		white-space: normal;
		word-wrap: break-word;
	}  
	.MenuDesplegableMobil li{
		word-wrap: break-word;
		white-space: normal;
		margin: 15px 10px;
	}
	.MenuDesplegableMobil{
		width:100%;
		padding:0;
	}
	.panel-heading {
		padding: 15px 0;
		background-color:white;
		border:0;
	}  
	.panel-default > .panel-heading {
		color: black;
		background-color: #ffffff;
		border:0;
		margin:0;
		padding:0;
	}
	.panel{ 
		border:0; 
		margin-bottom: 20px;
		background-color: #fff;
		-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.0);
		box-shadow 0 1px 1px rgba(0,0,0,.0);
	}
	.panel-group .panel-heading + .panel-collapse > .panel-body {
		border-top: 0;
	}	
	a[data-toggle="collapse"] span.fletxa:after {
		content: ' \2212'; 
		margin-left: 210px;
		font-size: 24px;
	}

	a[data-toggle="collapse"].collapsed span.fletxa:after {
		content: '\002B'; 
		margin-left: 210px;
		font-size: 24px;
	}
	a[data-toggle="collapse"]{ text-decoration:none; }
	.menu-fv {display:none;}
	.menuDesktop{display:none;}
	li.opcioMenuMobil.active {
	  background-color: white !important;
	  color: #373737 !important;
	}
}  

}
/*cercador capçalera proto*/
/*FI 2026*/



/*fi nova capçalera*/

.grid-container.grid-container-banners {/*max-width:100%;background:url("img/bg-body.png") repeat scroll left top rgba(0, 0, 0, 0);*/}
.grid-container.grid-container-banners #CapSupFaixa #BannerSupEsq{float:left;padding:5px}
.grid-container.grid-container-banners #CapSupFaixa #BannerSupDret{float:left;padding:5px}
.grid-container.grid-container-banners #CapSupFaixa #BannerSupEsq img,  .grid-container.grid-container-banners #CapSupFaixa #BannerSupDret img {max-width:100%}
#CapSup{background:transparent;}

.interiorBannerEsq{margin-left: 7.85%;max-width: 100%;overflow: hidden}
.interiorBannerDrt{/*margin-left: 9.2%;*/width: 100%;max-width: 360px}
.EmbolcallBannerSuperior{width: 100%;background:#eceef0;}
/*20240303, JSanchez, intent d'evitar CLS */

.BannerPeu{max-width:100%;text-align:center;margin-bottom:10px;padding-top:10px;border-top: 1px solid gray;}
.BannerPeu img {max-width:100%;}

@media screen and (max-width: 380px) {
.EmbolcallBannerSuperior{height:67.844px;}
}


/** Navbar Menú principal **/
.menu-fv .navbar-nav li a {font-size: 12px;font-weight: 700;font-stretch: 100%;font-family: 'Sofia Sans', Arial, Verdana, Sans-serif; text-transform: uppercase;letter-spacing: 1px;}

.navbar.menu-fv {background-color: transparent;border-color: transparent;font: 400 12px/1.8 'Sofia Sans', Arial, Verdana, Sans-serif; margin-top:10px}
.navbar .dropdown {z-index: 2000;}
.menu-fv .navbar-brand{font-size:14px;font-family: 'Sofia Sans', Arial, Verdana, Sans-serif;letter-spacing: 1px;text-transform:uppercase;text-decoration: underline;font-weight: bold;color:#DC070F}
.menu-fv #navbarCollapse {padding-left:0px}

.navbar-default .navbar-nav>.active>a{background-color: black;color:white;}

#navbarCollapse{padding-right:0px}
.navbar.menu-fv .navbar-nav > li > a {padding-left:12px;padding-right:12px}

/* Les pestanyes de la navbar del Menu principal de la dreta en vermell*/
.navbar.menu-fv .navbar-right > li > a {color:#e30613;}

/* Cerca */
#caixa-cerca {display:none;width:0px;border:none;}

/* Dialog propi */
.bombollaNoGuio{position: absolute;padding: 0px;background: #FFFFFF;border: #E60000 solid 3px;}
.bombolla{position: absolute;padding: 0px;background: #FFFFFF;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;border: #E60000 solid 6px;}
.bombolla:before {content: '';position: absolute;border-style: solid;border-width: 0 25px 25px;border-color: #E60000 transparent;display: block;width: 0;z-index: 3000;margin-left: -25px;top: -31px;left:45px}
.bombolla:after {content: '';position: absolute;border-style: solid;border-width: 0 20px 20px;border-color: #FFFFFF transparent;display: block;width: 0;z-index: 3001;margin-left: -20px;top: -20px;left:45px;}

/* Formulari Dialog sol·licitut d'informació */
.usuari-info-close{text-align:right;margin:5px;font-size:16px;color:#777;cursor:pointer;}

.trenca{clear:both}

/* peu pagina*/

#suscripcion_nl, #anuncio_gratis, #anyade_empresa {
  margin-left: 20%;
  margin-top: 10%;
  border-radius: 20px;
  padding: 8px 15px;
  box-shadow: none;
  font-size: 14px;
  background-color: #eee;
  border: none;
}
.column .card{
	border-radius:15px;
}
.column .card h2 {
  text-align: left;
  color: #000;
  font-size: 25px;
}
.column .card .card-link2 {
  position: absolute;
  padding: 0;
  border-top: 0;
  border-right:0;
  font-size: 13px;
  color: #000;
  bottom: 5%;
  left: 5%;
}

.lema-seccions{ padding-bottom:10px; }

#distribuidor{
	background: #eee;
	padding-top: 30px;
	padding-bottom:30px;
}

#PeuGoogle{clear:both;width:80%;margin:10px auto 10px auto;padding-top:10px;padding-bottom:10px;border-top:1px solid black;overflow: hidden;}
.adsbygoogle {text-align: center;}
#PeuPagina {padding-top:20px;}
#Peu{width:100%;color:#333333;margin-left:auto;margin-right:auto;vertical-align:top;}
#Peu ul{margin-top:10px}
#Peu li{font-size:13px;line-height:16px;color:#bdbec1;margin-bottom: 12px;}
#Peu li.ultim a:hover{text-decoration:none}
#Peu li a{font-size:15px;color:#000000;font-weight:bold;text-decoration:none;}
#MenuServeisPeu {width:90%}
#MenuServeisPeu li{font-size:22px; list-style-type:none;}
#sealnetworksolutions{background:#333;}
#sealnetworksolutions img{display:block;margin:auto;}

#PeuGoogleDrt{float:right;margin-right:10px}
#PeuGoogleEsq{float:left;margin-left:10px}
/*xarxes socials peu*/
.peu-xarxes-socials{margin-bottom:10px; text-align:right;}
.iconesXXSS{width:32px; height:32px; padding:5px;}

/*Fletxa inici*/
#toTop {background: none repeat scroll 0 0 rgba(85, 85, 85, 0.8);bottom: 30px;color: #fff;cursor: pointer;height: 60px;position: fixed;    right: 30px;text-align: center;transition: all 0.4s ease 0s;width: 65px;z-index: 100;}
#toTop:hover{background: none repeat scroll 0 0 rgba(37, 37, 37, 1);}
#toTop i {font-size: 64px;line-height: 56px;height: 100%;width: 100%;}

/*envia solicitud de informacio 2014 */
#SusDatos{border:none;text-align: center;padding:3px;border-spacing:3px;border-collapse: separate;}
#SusDatos input[type="text"]{width:85%;max-width:340px;}
#LlistaMultiEmpreses{border: none;padding:0px;border-spacing:0px;border-collapse: separate;} /*equivalent a cellsapcing 0 cellpadding 0*/

/** Popup i Formulari de login/registre*/
#usuari-info-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color:#777;opacity:0.5;z-index:10000}
#usuari-info-contenidor {position: absolute;background: #FFFFFF;z-index:10001;text-align:left}
#usuari-info-contenidor.bubbleRegistre{ left:-670px; top: 80px; width: 800px;}
#usuari-info-contenidor.bubbleRegistre:after {content: '';position: absolute;border-style: solid;border-width: 0 20px 20px;border-color: #FFFFFF transparent;display: block;width: 0;z-index: 3001;margin-left: -20px;top: -20px;left: 88%;}
#usuari-info-contenidor .usuari-info-close{text-align:right;margin:5px;font-size:25px;color:#777;cursor:pointer;}
#formulari-auto{padding:0 20px 20px 20px;font-family: 'Sofia Sans', Arial, Verdana, Sans-serif;}
#formulari-auto label{display:block;font-weight:400;}
#formulari-auto #error_correu_e, #formulari-auto #missatge_error{color:#e60000;max-width:350px}
#formulari-auto #error_correu_e img {padding:0}
#formulari-auto .form-control {width:90%;display:inline-block;}
#formulari-auto #formulari-auto-cap {font-size:18px;margin-bottom:30px}
#formulari-auto #formulari-auto-cap .formulari-auto-titol{padding-bottom:5px}
#formulari-auto #formulari-auto-cap img {max-width:100%}
.formulari-auto-contingut .formulari-auto-form {float:left}
.formulari-auto-contingut .formulari-auto-image {float:right;}
.formulari-auto-contingut .formulari-auto-image img {max-width:100%}
.formulari-auto-contingut .seleccio{margin:2px}
.formulari-auto-contingut .checks_autoritza{display:none;}
.formulari-auto-contingut .boto-enviar{text-align:center}

.demana-contrasenya{font-weight:bold;cursor:pointer;}
.mes-dades {font-size:12px;margin: 2px;}
.mes-dades a {font-weight:bold;}

.majuscula{text-transform:uppercase;} 


#carregamesitems{display:none;margin-left:auto;margin-right:auto;width:auto;text-align:center;}
.error{color:red;font-weight:bold;font-size:135%;}
 
 
@media print {
  a[href]:after {
    content: "";
  }
}

/*#3024, Despigares, traslladats des de 2012.css*/
/*IDENTIFICADORS*/
#MenuPrincipal{width:1200px;margin-left:auto;margin-right:auto;margin-top:11px}
#BarraNavegacio{margin:10px auto 8px auto;clear:both;/*!!*/}
#BarraNavegacio ol{padding:0;margin:0;display:inline-block;}
#BarraNavegacio li{display:inline-block;padding:0;margin:0;border:0;}
#BarraNavegacio li a {padding:11px 15px 6px 9px;font-size:16px;}
#BarraNavegacio ol li:not(:last-child)::after{content:url("https://img.interempresas.net/CSS/img/Engruna.png");position:relative;top:5px}

#BarraNavegacio li#BN1 a{padding-left:0}
#BarraNavegacio li h1{padding:6px 15px;margin:0;border:0}
#BarraNavegacio li span.Home{font-size:24px;font-weight:700}
#BarraNavegacio h1{display:inline;font-weight:normal;font-size:15px;margin:0;border:0;text-transform:none;width:auto;font-weight:400;text-transform:uppercase;color:#7d7a72;background:none}
#BarraNavegacio h1 span.RD{color:#d9261a}
#BarraNavegacio a.RDD{font-weight:bold;text-transform:uppercase;color:#7d7a72;text-decoration:underline}
#BarraNavegacio li a.RDD{background:none}

/* Cercador, amb variants */
form#formCercador{background:#ccc;border:0 solid #f3f3f3;padding:0;width:200px;height:26px;border-radius:0 8px 8px 0}
form#formCercador input{background:transparent;border:0;margin-top:2px;margin-left:2px;font-size:12px;}
.cercaInicial{color:#005689}
.embolcallCercador{display:inline-block;}
label#labelQ{background:#fff url('/CSS/img/portada/lupa.png') no-repeat}
.embolcallCercador #labelQ{display:block;width:26px;height:26px;float:left;}
.embolcallCercador #labelQ span{color:transparent;font-size:5px}
.cercadorBarraNavegacio{border-radius:8px;margin-bottom:20px}
/* Pàgina de resultats */
#ul-marques > li{text-transform:capitalize;}
.marca{text-transform:capitalize;}
/*#3024, FI*/


/* Llei cookies */
#LleiCookies {background:#EEEADD;}
#LleiCookies p {padding:10px;font-size:13px;font-weight:bold;text-align:center;color:#682008;margin:0;height: auto;width: 100%;bottom: 0px;position: fixed;z-index:99;background:#EEEADD;}
#pgPoliticaCookies .subapartat ul{list-style-type: square; }

@media screen and (max-width: 1080px){
	.interiorBannerEsq{margin-left: 0%;}
	.interiorBannerDrt{margin-left: 0%;}	
	  
.cap-logo{display:table;width:100%}
.cap-logo div {display:table-cell;text-align:center;vertical-align:middle;padding-left:10px}
.cap-logo div.boleta-sector{text-align:right;min-width:90px;padding-left:40px}
.cap-logo div.boleta-sector a {text-decoration:none;color:#FFFFFF;}
.cap-logo .cap-logo-img img {max-width:80%}
.cap .cap-logo-img-nom {display:table-cell}
.cap .cap-logo-img-nom .cap-logo-nom-revista{padding-left:0;font-size:22px;}
.boleta-sector div{height: 60px;width: 60px;-moz-border-radius: 35px;border-radius: 35px;background:#E60000;position:absolute;top:120px}
.boleta-sector div span{position:absolute; right: 0.7ex;top: 0.3ex;color:#FFFFFF;font-size:35px;font-family:'Sofia Sans', Arial, Verdana, Sans-serif;} 
.boleta-sector div span.unalletra {right: 1.2ex;top: 0.3ex;}

#titolEnCapcelera {margin-left:15px}

}

@media screen and (max-width: 768px) {
.cap{text-align:center;}
.cap-menu{text-align:center;}
.cap-logo-img{max-width: 100%}
.navbar-nav{display:block;}
.menu-fv .nav > li > a {padding:10px}
.logosPeu{padding:10px;}
#anyade_empresa {
	margin: 20px 10px;
}
#usuari-info-contenidor.bubbleRegistre{ left:-530px; top: 80px; width: 650px}
.formulari-auto-contingut .formulari-auto-image img{width:100%}
.vesAFV, .vesAOC, .vesAEM, .vesANyO{ margin:30px;font-size:24px;text-align:center;}
.vesAFV img, .vesAOC img, .vesAEM img, .vesANyO img{ margin:0 33%;}

/*Botons barra transversal*/
.subheader .navbar li {margin:20px}

}

@media screen and (max-width: 767px) {
.grid-container.grid-container-banners #CapSupFaixa #BannerSupDret {display:none;}
.navbar.menu-fv {background-color: transparent;border-color: #f1f1f1;border-radius:20px}
.menu-fv #navbarCollapse {padding-left:15px}
.menu-fv .navbar-brand {display:block}
#titolEnCapcelera {display:none;}
#pgAltaUsuari2017 #titolEnCapcelera {display:block;font-size:40px}
.navbar{margin-bottom:0;}

#pgPlanaPrincipalOC .subheader, #pgPortada .subheader, #pgPlanaPrincipalFV .subheader {display:block;padding:0px}

#cap-mobil{display:block; margin:20px 0px 20px 0px;padding-right: 0px;}
#cap-mobil .logo {margin-top:10px; margin-right:10px}
#cap-mobil div {float:left}
#cap-mobil .logo svg, #cap-mobil .login-mobil svg {height: 30px;}
#cap-mobil.logo-interempresas .logo svg {height: 50px;}

#pgPlanaPrincipalOC #cap-mobil, #pgPortada #cap-mobil, #pgPlanaPrincipalFV #cap-mobil {display:none}


}

@media screen and (max-width: 666px) {
.cap-logo-img {max-width:70%;float:left;margin-left:10px;}
.cap-logo-img img {max-width:100%;}
.cap .cap-logo-img-nom .cap-logo-nom-revista{display:none}
.formulari-auto-contingut .formulari-auto-image{display:none;}
#usuari-info-contenidor.bubbleRegistre{ left:-370px; top: 80px; width: 450px}
.cap-logo div.boleta-sector {padding-left:0px;min-width:50px}
}

@media screen and (max-width: 480px) {
/*.boto-menu-principal-reduit{float:left;display:inline-block;}*/
.cap-logo-img {max-width:70%;float:left;margin-left:10px;}
.cap-logo-img img {max-width:100%} 

.cap .cap-logo-img-nom span.cap-logo-nom-revista {display:none}
.cap-logo{display:block;}
.cap-logo div, .cap-logo div.cap-logo-img-nom {display:inline;}
.cap-logo div {padding-left:0px}
.cap .cap-logo-img-nom span {display:inline-block;}
.boleta-sector div {top:20px;right: 12px;}

   
/* .navbar.navbar-default.menu-fv {display:none;}*/
#usuari-info-contenidor{width:320px}
#formulari-auto #formulari-auto-cap img {max-width:70%}

#PeuPagina ul{padding-left:0}

/* A mides petites ampliem container a tot espai*/
.container {width:100%;}
div.subheader.container { width:90%;} 

}


/* Augmentem contrastos d'alguns elements bootstrap */
/*.navbar-default .navbar-brand {
    color: #595959;
}*/
.btn-danger {
    color: #fff;
    background-color: #A82824;
    border-color: #A82824
}
.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger {
    color: #fff;
    background-color:red;
    border-color: #A02622
}