/****************************
  PORTADA
****************************/
@font-face {font-family: 'Roboto Light'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url('THEMES/bs3/fonts/roboto/roboto-v18-latin-300.woff2') format('woff2'), url('THEMES/bs3/fonts/roboto/roboto-v18-latin-300.woff') format('woff'); }
@font-face {font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url('THEMES/bs3/fonts/roboto/roboto-v18-latin-regular.woff2') format('woff2'), url('THEMES/bs3/fonts/roboto/roboto-v18-latin-regular.woff') format('woff'); }
@font-face {font-family: 'Roboto Bold'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url('THEMES/bs3/fonts/roboto/roboto-v18-latin-700.woff2') format('woff2'), url('THEMES/bs3/fonts/roboto/roboto-v18-latin-700.woff') format('woff'); }
@font-face {font-family: 'Roboto Black'; font-style: normal; font-weight: 900; src: local('Roboto Black'), local('Roboto-Black'), url('THEMES/bs3/fonts/roboto/roboto-v18-latin-900.woff2') format('woff2'), url('THEMES/bs3/fonts/roboto/roboto-v18-latin-900.woff') format('woff'); }

@font-face {font-family: 'Source Serif Pro'; font-style: normal; font-weight: 400; src: local('Source Serif Pro'), local('Source Serif Pro-Regular'), url('THEMES/bs3/fonts/serifpro/SourceSerifPro-Regular.ttf') format('truetype'); }
@font-face {font-family: 'Source Serif Pro Bold'; font-style: normal; font-weight: 700; src: local('Source Serif Pro Bold'), local('Source-Serif-Pro-Bold'), url('THEMES/bs3/fonts/serifpro/SourceSerifPro-SemiBold.ttf') format('truetype'); }
@font-face {font-family: 'Source Serif Pro Black'; font-style: normal; font-weight: 900; src: local('Source Serif Pro Black'), local('Source-Serif-Pro-Black'), url('THEMES/bs3/fonts/serifpro/SourceSerifPro-Bold.ttf') format('truetype'); }

@font-face {font-family: "RingsideNarrow-SemiBold"; src: url("/THEMES/nea/fonts/ringside/RingsideNarrow-Semibold.otf") format("opentype"); font-weight: 600; font-style: normal }
@font-face {font-family: "ChronicleDec-normal"; src: url("/THEMES/nea/fonts/ChronicleDeck/ChronicleDeck-Semibold.otf") format("opentype"); font-weight: normal; font-style: normal }

:root {
  --top-bg-color:     #fff;
  --top-font-color:   #000;
  --btnon-bg-color:   #000;
  --btnon-bg-color-hover: #a8daef;
  --btnon-font-color: #fff;
  --btnoff-bg-color:  transparent;
  --btnoff-bg-color-hover: #a8daef;
  --btnoff-font-color:#000;
}

body {/*font-family: 'Roboto', sans-serif;*/overflow-x: hidden}
/*.titolp, .destacat, .destacat-g, .destacat-m {font-family: 'Roboto', sans-serif;}*/
/*strong, .titolp-b {font-family: 'Roboto Bold', sans-serif;}*/
.titol-gran, .titol-gran-m {/*font:45px/55px 'Roboto Light', sans-serif;*/ max-width: 650px; color: var(--top-font-color); }
.promoportada .titol-gran, .titol-gran-m { max-width: 100%;}
.destacat, .destacat-g, .destacat-m {font-size: 14px}

.botons {display: flex;width: 100%; align-items: center;align-content: center;}
.boto, .boto:visited {display: block; color: #fff; width: 310px; border:1px solid #fff; border-radius: 2px; margin:10px auto; padding:7px; text-decoration: none;}
.boto:hover { background-color:#056f9e;color:#fff;border-color: #056f9e}
.botogran {display:flex; justify-content:center;align-items:center;color: var(--btnon-font-color); background-color: var(--btnon-bg-color); width: 302px; height:52px;border:1px solid var(--btnon-bg-color); border-radius: 3px; margin:0 20px 0 0; text-align: center;}
.botogran:hover, .botogran:focus { color:var(--btnoff-font-color); background-color: var(--btnoff-bg-color-hover); text-decoration:none;border: 1px solid var(--btnoff-bg-color-hover);}
#dalt .botogran:last-child, #baix .botogran:last-child {border: 1px solid var(--btnoff-font-color); background-color: var(--btnoff-bg-color);color: var(--btnoff-font-color);}
#dalt .botogran:last-child:hover, #baix .botogran:last-child:hover {border: 1px solid var(--btnon-bg-color-hover); background-color: var(--btnon-bg-color-hover);color: var(--btnoff-font-color);}

.promoportada .navbar-fixed-top {top:36px;}

#portada #promocio { padding:10px 10px 15px; width: 100%;  background-color: #000/*#a8daef*/;color:#fff/*#0070a2*/; border-bottom:1px solid #000; text-align: center;position: fixed;top:0;left: 0; z-index: 1040}
#portada #promocio a {color:#fff/*#0070a2*/;display: block;position: relative; text-decoration: none;}

body#portada.home {background-color: #f3f8fb}
#portada.home header#top .navbar {min-height: 60px; padding-top:12px;margin:0;border-radius:0; background: linear-gradient(90deg, #FF3E88 0%, #056f9e 100%);border: none;box-shadow: none;}
#portada.home header#top .navbar-brand {padding-top:5px;}
#portada.home header#top .navbar-brand img {height: 18px; width: auto;}
#portada.home header#top .navbar-nav > li > a {padding: 10px 15px; color: #fff;border:none;}
#portada.home header#top .navbar-nav > li > a:hover {background-color:#A3315D;border-radius: 50px}
body.default:not(.phone) header#top .navbar-nav li:last-of-type a,
body.home:not(.phone) header#top .navbar-nav li:last-of-type a {background: #A3315D url(THEMES/bs3/img/home.png) -1px 10px  no-repeat; border-radius: 35px; width: 40px; padding: 3px 0 13px!important; margin: 0 10px 0 10px;border:2px solid #A3315D!important;}
body.default:not(.phone) header#top .navbar-nav li:last-of-type a:hover,
body.home:not(.phone) header#top .navbar-nav li:last-of-type a:hover {border-color: #fff!important}

.home #top .navbar-fixed-top {display: none;}
#portada section#dalt {background-color: var(--top-bg-color); display: flex;align-items: center;}
#portada #subscriute {vertical-align: middle;}

/*#dalt {background: transparent url(/VIEWS/portada/img/promos/sjbg.png) top right no-repeat; background-size: 250px;}*/
#dalt h1 {margin-bottom: 20px; font-family: 'Source Serif Pro Black', serif;}
#dalt h2 {font-size: 30px; line-height: 1.2em; margin-top:-10px;margin-bottom: 1em}
#dalt strong {display: block}

#avantatges {margin: 0 auto;}
#avantatges h2 {font: 38px/1.1em 'Source Serif Pro Bold', serif; margin: 121px 0; text-align: center; letter-spacing: -0.08px;font-weight: 400}
#avantatges h3 {font-family: 'Source Serif Pro Bold',serif; font-size: 30px; color: #000; font-weight: 600; letter-spacing: .8px;}
#avantatges section {margin-bottom: 90px; }
#avantatges section img {width: 100%; height: auto; max-width: 590px;}
#avantatges .secimg {text-align: center;}
#avantatges .sectext {padding: 0 10px}
#avantatges .sectext p {font-family: 'roboto',sans-serif; font-size: 16px; color: #333; line-height: 24px; }

#portada.home #contacte-peu {border-top: 1px solid #fff; padding:36px 0 20px; margin-top:0;background-color: #F1F2F3;}
#portada.home #contacte-peu h2 { font-family: "Roboto Bold", sans-serif; margin-bottom: 25px}
#portada.home #contacte-peu p { margin:0 auto 30px;max-width: 500px}
#portada.home #contacte-peu p.legal { margin:25px auto 0;max-width: 450px; color: #9B9B9B;font-size: 14px;line-height: 18px}
#portada.home #contacte-peu p.legal a {color: #9B9B9B;font-size: 14px}
#portada.home #contacte-peu .boto:hover { background-color:#056f9e;color:#fff;border-color: #056f9e }
#portada.home #contacte-peu .boto,
#portada.home #contacte-peu .boto:visited {background-color: transparent;border:none;color: #009BDB;font-size: 16px }
#portada.home #contacte-peu #ftrucada {margin-bottom: 30px}
#portada.home #contacte-peu input[type="text"],
#portada.home #contacte-peu input[type="submit"],
#portada.home #contacte-peu input[type="phone"] {width: 142px; height: 41px; margin:0 18px 0 0;background-color: transparent;border:none;border-bottom: 1px solid #D9D9D9;box-shadow: none;border-radius:0;font: 16px/16px "Roboto", sans-serif;}
#portada.home #contacte-peu input[type="submit"] {border: 1px solid #009BDB;  border-radius: 3px; color:#009BDB;margin:0;}
#portada.home #contacte-peu input[type="submit"]:hover {color:#fff;background-color: #009BDB}
#portada.home #contacte-peu input[type="text"]:focus,
#portada.home #contacte-peu input[type="phone"]:focus {border-color: #009BDB}
#portada.home .btn-pensant-m {background-image: url(THEMES/bs3/img/loading_g.gif); padding-left:10px !important;}
#portada.home #contacte-peu .boto:hover { color: #23527c; text-decoration: underline; background-color: transparent;}

#portada.home footer#links {color:#fff; border-color: #fff; position: inherit;background-color: #2D2D2D; margin-top:0;padding: 20px 15px}
#portada.home footer#links ul {margin-bottom: 0}
#portada.home footer#links li {padding: 0 10px}
#portada.home footer#links li:first-of-type {float: left;padding: 0}
#portada.home footer#links li:last-of-type {float: right;padding: 0}
#portada.home footer#links p {color:#fff; margin-bottom: 10px}
#portada.home footer#links a {font: 14px/18px 'Roboto', sans-serif; color:#fff;}
#portada.home footer#links img {height: 15px; width: auto; margin-top: -4px;}

#portada.home .scrollToTop  {border-color:#056f9e;color:#056f9e }

@media (min-width: 345px) {
  body.promoportada {padding-top: 36px}
  #portada #promocio {height: 36px;}
  #portada section#dalt {padding-bottom: 45px;padding-top:45px;min-height: 380px}
}

@media (max-width: 767px) {
  header#top .navbar-default .navbar-toggle:hover,
  header#top .navbar-default .navbar-toggle {background-image: url(THEMES/bs3/img/spritemenu-blanc.png);margin-top: 5px}
  #ara-navbar-collapse, header#top .navbar-nav > li.contacte {background-color:#fff; border-bottom: 1px solid #fff;}
  /*.botogran {margin:40px auto!important;width: 302px}*/
  .botogran {width: 45%; margin: 0 auto}
  #portada #promocio {height: 55px;}
  .promoportada .navbar-fixed-top {top:55px;}
  #dalt h1 {font-size: 40px; max-width: 90%; margin: 45px auto 20px;}
  #dalt h2 {max-width: 90%;margin: 10px auto 1em;}

/*#dalt {background-size: 120px;background-position: 100% 18px }*/
  #contacte-peu { padding: 48px 24px; margin-top: 20px; }
  #contacte-peu p {margin: 25px auto 30px !important; }
  .subtitol, .subtitol-m {font: 24px/22px 'Soho Gothic W01 Medium', sans-serif!important; color: #000!important}
  #portada.home footer#links li:first-of-type {width: 100%; text-align: center;margin:-5px 0 5px;}
  #portada.home footer#links li:last-of-type {display: none;}

  #contacte-peu input[type="phone"], #contacte-peu input[type="text"] {width: 100%!important; height: 48px!important; margin: 0 0 16px !important; max-width: 400px;}
  #contacte-peu .btn-ara-small {padding: 0px 10px 3px; vertical-align: bottom; height: 48px; width: 100%; max-width: 400px;}
  /*#portada.home #contacte-peu input[type="text"] {display: inline;margin: 10px}*/
  /*#portada.home #contacte-peu input[type="submit"] {margin-top: 15px}*/
}

@media (min-width: 461px) and (max-width: 767px) {
  #portada section#dalt {padding-bottom: 15px;}
  #portada.home #contacte-peu input[type="text"] {display: inline-block;margin: 0}
  #portada.home #contacte-peu input[type="submit"] {margin-top: 0}
}

@media (min-width: 768px) {
/*#dalt {background-size: 180px;}*/
  #portada section#dalt {padding-top:0;}

  #avantatges h2 { font-size: 54px; }
  #avantatges section {display: flex; justify-content: center; }
  #avantatges section:nth-child(odd) {flex-direction: row-reverse;}
  #avantatges section div {width: 50%}
}

@media (min-width: 768px) and (max-width: 991px) {
  #avantatges h3 {margin: 25px 0 25px}
}

@media (min-width: 992px) {
  #avantatges {padding: 0}
  #avantatges h3 {margin: 55px 0 25px}
  #avantatges .sectext {padding: 0 28px}
}

/****************************
  INDEXALL
****************************/

.indexall article .container {max-width: 690px; padding-right: 0; padding-left: 0}
.indexall .prearticle ul {line-height: 1.7em;}
.indexall .prearticle li.active:after{left:37%;}
.indexall .prearticle li a {text-transform: uppercase; font-weight: bold!important;}
.indexall .prearticle h1 {color: #000; max-width: 640px; font-size: 20px;}
.indexall p{margin: 0}

#tarifes section {padding-bottom: 30px; display:none;}
#tarifes section:first-of-type, #tarifes section#educatiu {display:block;}
/*#tarifes h2 {width: auto; background-color: #096b9d;padding: 10px 12px;display: inline-block;margin-bottom: 12px}*/
#tarifes h3 { margin-top:55px; }
#tarifes h3 span:first-of-type {color:#056f9e;}
#tarifes h3.first {margin-top: 0}
body:not([id="portada"]):not([id="app-android"]) #tarifes h3:before {content:" "; border-bottom:1px solid #056f9e; width: 100%; display: block; position: absolute;left:0; margin-top:-45px;}
body:not([id="portada"]):not([id="app-android"]) #tarifes h3.first:before {display: none}
#tarifes h4 {font: 26px/26px 'Soho Gothic W01 Light', sans-serif; color: #000; margin-top:32px;}
#tarifes h5 {padding-bottom: 10px}
#tarifes h5 a {color:#000;}
#tarifes .periodicitat.regal h5 {background: transparent url(THEMES/bs3/img/regal.png) right top no-repeat;}

#tarifes .text-titol {text-transform: uppercase; text-align: center; font-size: 20px}
#tarifes .text-g {margin-top:8px;}
body[id="portada"].indexall #tarifes .text-g, body[id="app-android"].indexall #tarifes .text-g {margin:16px auto 32px;max-width: 600px; font-size: 16px;line-height: 140%; text-align:center;}
#tarifes .tarifa .text-g {margin-bottom:5px; }
#tarifes .periodicitat {border:1px solid #ccc; border-radius: 2px;padding: 13px; text-align: center; margin:20px 0; position: relative;min-height: 130px}
body:not([id="portada"]):not([id="app-android"]).js #tarifes .periodicitat:hover:after {content:"selecciona";cursor:pointer;background-color:#096b9d; color:#fff; font: 20px/20px 'Soho Gothic W01 Medium', sans-serif; border-radius: 2px; position: absolute; top:0;left:0;width:100%;height: 100%; line-height: 110px;opacity: .9}
#tarifes .periodicitat .preu {margin-bottom: 10px}
#tarifes .extra, #tarifes .extra-y {font: 13px/18px 'Soho Gothic W01 Italic', sans-serif; color: #333;}
#tarifes .extra-y {color: #ff9600;}

body[id="portada"].indexall #tarifes .text3, body[id="app-android"].indexall #tarifes .text3 {text-align: center; font-size: 20px; line-height: 25px; margin-top:35px!important;text-transform: uppercase; font-family: "Soho Gothic W01 Bold", Arial, sans-serif;}
.indexall #tarifes .entrega:first-of-type .text3 {margin-top: 0!important}
.indexall #tarifes .entrega .row {margin-right: 0; margin-left: 0}
#tarifes .tgx {display: flex; flex-wrap: wrap;justify-content:center;}
#tarifes .tgx .periodicitat {margin: 0 7px 20px 7px; border-radius: 4px; width: 220px;}
#tarifes .tgx .periodicitat:first-of-type {margin-left: 0}
#tarifes .tgx .periodicitat:last-of-type {margin-right: 0; }

.periolabel{position: relative; border-color:#0175A2!important;}
.periolabel:before {content: attr(data-label); min-width: 100px; width: auto; height: 20px; position:absolute;top:-10px;left:-9px; padding:0 10px;background-color: #F5A623;color: #fff;font-size:14px;line-height:18px;text-transform: uppercase; font-family: "Soho Gothic W01 Medium", Arial, sans-serif;}
.periolabel:after {content:" "; width: 5px; height: 5px; position:absolute;top:10px;left:-9px; border-bottom:8px solid #fff;border-right: 8px solid #8B572A;}
.periotitle {font-size:18px;padding:3px 0 18px; text-transform:uppercase;font-family: "Soho Gothic W01 Medium", Arial, sans-serif;}
#tarifes .tgx del {text-decoration: none; font-size: 23px; color:#888888; position: relative;}
#tarifes .tgx del:after {content: ""; border-top:2px solid #0175A2; width: 100%; height:2px;position: absolute;left: 0; top:50%;}
#tarifes .tgx .tipus {text-transform: uppercase;}
#tarifes .tgx .euro {font-size: 0.75em}
#tarifes .tgx .perpreu {font-size: 34px;font-family: "Soho Gothic W01 Medium", Arial, sans-serif;}
#tarifes .tgx .perper {font-size: 18px; line-height: 1.8em;}
#tarifes .tgx .extra { font-size:14px;margin: 0 0 15px 0; }

[id$="_OFERTA"] { background-color: #f2f9fb; padding: 60px 14px 20px 14px; margin: -50px -24px 0 -24px; }
[id$="_OFERTA"] .row {max-width: calc(100% - 20px);margin: 0 auto !important;}
#tarifes [id$="_OFERTA"] .tgx .periodicitat { width: 100%; border-width: 2px }
#tarifes [id$="_OFERTA"] .periodicitat .preu { margin-bottom: 0; }
#tarifes [id$="_OFERTA"] .tgx .extra {margin-bottom: 24px}

@media (max-width: 461px) {
  .indexall .prearticle {height: 100px; }
  .indexall .prearticle li:nth-child(n+1):nth-child(-n+5) {display: none}
  .periodicitat {box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3); }
  .entrega {margin-bottom: 64px;}
  #tarifes .tgx .periodicitat {border-color:#0175A2!important; }
  #tarifes .tgx .periodicitat .btn {display: none;}
  #tarifes .tgx .periolabel{border-width: 3px!important; }
  #tarifes .tgx .periolabel:before, .periolabel:after {left: -11px}
  /*#tarifes .tgx .periotitle {font-size:20px;}*/
  #tarifes .tgx .extra { font-size:16px;margin: 0; }
  #tarifes [id$="_OFERTA"] .periodicitat .preu { margin-bottom: 10px; }
  #tarifes [id$="_OFERTA"] .tgx .extra {margin-bottom: 4px}
}

@media (max-width: 767px) {
  .indexall article {margin-top: 160px;}
  .indexall .prearticle {height: 132px;}
}

@media (min-width:768px) and (max-width: 990px) {
  .indexall article {margin-top: 205px;}
  .indexall .prearticle {height: 160px;}
}

@media (min-width: 768px) {
  .indexall .prearticle h1 {font-size: 32px;}
  [id$="_OFERTA"] { background-color: #f2f9fb; padding: 60px 0 20px 0; margin: -60px -40px 0 -40px; }
  [id$="_OFERTA"] .row {max-width: calc(100% - 80px);margin: 0 auto !important;}
  #tarifes .tgx.tg2 .periodicitat {width: 338px;}
}

@media (min-width: 1024px) {
  [id$="_OFERTA"] { background-color: #f2f9fb; padding: 60px 0 20px 0; margin: -60px -180px 0 -180px; }
  [id$="_OFERTA"] .row {max-width: calc(100% - 360px);margin: 0 auto !important;}
}

@media (min-width: 1200px) {
  [id$="_OFERTA"] { background-color: #f2f9fb; padding: 60px 0 20px 0; margin: -60px -600px 0 -600px; }
  [id$="_OFERTA"] .row {max-width: calc(100% - 1200px);margin: 0 auto !important;}
}

#amida {text-align: center; background-color: #EDF3F5; padding: 25px; max-width: 690px; margin:40px auto; font-size: 20px}
#amida #am1 {text-transform: uppercase;  display: block; font-family: "Soho Gothic W01 Bold", Arial, sans-serif;}
.indexall #amida .text3 {margin-top: 0!important}
#tarifes .tgx .periodicitat a.btn-ara, #amida a {font-size: 14px; width: 175px; border-radius: 4px; margin-bottom: 10px;}
#amida a {display: inline-block; margin: 18px 0 25px; }
#amida #am2 {font-family: "Soho Gothic W01 Bold", Arial, sans-serif;}

#tarifes #educatiu .text3 {margin-bottom: 30px}
#tarifes p.regal {background: transparent url(THEMES/bs3/img/regal.png) no-repeat top left; background-position: left top; padding-left:25px; padding-top: 6px;}
#tarifes p.text4 {margin: 20px auto; display: flex; flex-wrap: wrap; }
#tarifes p.text4 a {padding: 0 0 5px 0; flex: 1; font-size: 18px; color: #0175A2;text-align:center;text-transform: uppercase;font-family: "Soho Gothic W01 Medium", Arial, sans-serif;}
#tarifes p.text4 a:hover { color:#000;}

@media (max-width: 477px) {
  #tarifes .tgx .periodicitat {margin: 0 0 20px 0;}
  .indexall #tarifes .text3 {text-align: left}
  .indexall #tarifes [id$="_OFERTA"] .text3 {text-align: center;}
  .indexall #tarifes .text-g {font-size: 16px; line-height:1.3em; text-align: left;}
  #tarifes .tgx .periodicitat {width: 100%; padding: 24px; margin-bottom: 24px; }
  #amida {margin-left: -10px; margin-right: -10px}
  .indexall #amida .text3 {text-align: center;}
  #amida p {font-size: 18px}
  #amida a {padding: 18px; width: 250px; font-size: 16px}
  #tarifes #educatiu .text3 {margin-top:15px!important; margin-bottom:13px; text-align: center;}
  #tarifes p.text4 {margin-bottom: 10px!important}
  #tarifes p.text4 a {width: 100%; flex:none;font-size: 18px;padding-bottom: 20px}
}

section.compact .entrega {display: none}
section.compact .entrega:first-of-type {display: block}
section.compact #educatiu {display: none;}
section.compact .boto, section.compact .boto:visited {display: block; color: #fff; background-color: #056f9e; width: 270px; border:1px solid #056f9e; border-radius: 2px; margin:40px auto 10px; padding:6px 0 9px; text-decoration: none; text-align: center;}
section.compact .boto:hover { background-color:#ce7597;}

.indexall .promosub{color:#096b9d !important; margin:0.5em 0 1em 15px !important;font-size: 2em!important; line-height: 1.3em!important}
.indexall .promosub img {float:left; margin-top:3px; margin-right: 10px;}
#tarifes-app-android_promocions h3.text3.first + .text-g,
#tarifes-portada_promocions h3.text3.first + .text-g{color:#096b9d !important; font-size:1.3em;}

#app-android.indexall #tarifes-app-android .titolp-b,
#portada.indexall #tarifes-portada .titolp-b,
#tarifes-portada_promocions  .titolp-b{visibility: hidden;}
#tarifes-app-android_promocions h3.text3.first + .text-g strong,
#tarifes-portada_promocions h3.text3.first + .text-g strong{color:#096b9d !important; font-size:1em;text-shadow: 1px -1px #ed7e80;font:0.95em/16px 'Soho Gothic W01 Regular', sans-serif; font-weight: normal;}
#tarifes-portada_promocions .periodicitat s, #tarifes-app-android_promocions .periodicitat s {font-size: 16px}

/*
#tarifes-portada_DIGITAL .tarifa-SA30V3M3 .periodicitat, #tarifes-app-android_DIGITAL .tarifa-SA30V3M3 .periodicitat {background: transparent url(/VIEWS/portada/img/8em.png) 0 0 no-repeat}
#tarifes-portada_promocions .periodicitat, #tarifes-app-android_promocions .periodicitat {background: transparent url(/VIEWS/portada/img/promocio.png) 0 0 no-repeat}
#tarifes-portada_DIGITAL .tarifa-SAD12M9 .periodicitat-3m, #app-android.indexall .tarifa-SAD12M9 .periodicitat-3m,
#tarifes-portada_DIGITAL .tarifa-SAD12M9 .periodicitat-12m, #app-android.indexall .tarifa-SAD12M9 .periodicitat-12m {background: transparent url(/VIEWS/portada/img/preferit.png?2) 0 0 no-repeat}

#tarifes-portada .periodicitat, #app-android.indexall .periodicitat{background: transparent url(/VIEWS/portada/img/promos/samarreta-diada.png) 0 0 no-repeat}
.tarifa-MOBD12M .periodicitat.periodicitat-1m {background: none !important}

#tarifes-portada_promocions .periodicitat, #tarifes-app-android_promocions .periodicitat {background: transparent url(/VIEWS/portada/img/50dte.png) 0 0 no-repeat}

#tarifes-portada .tarifa-SAD12M3 .periodicitat, #tarifes-app-android .tarifa-SAD12M3 .periodicitat {background: transparent url(/VIEWS/portada/img/promocio.png) 0 0 no-repeat}
.tarifa-MOBD12M .periodicitat.periodicitat-1m {background: none !important}
.tarifa-SAD3M5 .periodicitat-3m, .tarifa-SACS403M .periodicitat-3m  {background: transparent url(/VIEWS/portada/img/40dte.png) 0 0 no-repeat}
#tarifes-portada .periodicitat, #app-android.indexall .periodicitat{background: transparent url(/VIEWS/portada/img/promos/samarreta-diada.png?1) 0 0 no-repeat}
#tarifes-portada_promocions .periodicitat, #tarifes-app-android_promocions .periodicitat {background: transparent url(/VIEWS/portada/img/50dte.png) 0 0 no-repeat}
#tarifes-portada_promocions .periodicitat {background: transparent url(/VIEWS/portada/img/48h2.jpg) 0 0 no-repeat}
.tarifa-PROMOESPECIAL2 .periodicitat {background: transparent url(/VIEWS/portada/img/48h.png) 0 0 no-repeat}

#tarifes-portada_DIGITAL .periodicitat, #tarifes-portada_PAPER .periodicitat {background: transparent url(/VIEWS/portada/img/50nadal.jpg) 0 0 no-repeat}
#app-android.indexall .periodicitat {background: transparent url(/VIEWS/portada/img/50nadal.jpg) 0 0 no-repeat}

#tarifes-portada_promocions #cola,
#tarifes-portada_promocions #colb {background-position: 1em 5px; margin-top:1.5em;}
#tarifes-portada_promocions .row div {height: 80px; }
#tarifes-portada_promocions .row p {padding-left: 100px; }
#tarifes-portada_promocions {margin-bottom: 45px}
#tarifes-portada_DIGITAL h3:before {display: block !important; }

#portada.indexall #tarifes-portada .periodicitat {background: transparent url(/VIEWS/portada/img/ddlm.jpg) 0 0 no-repeat}
#portada.indexall #tarifes-portada .tarifa-MOBD12M .periodicitat {background: none}
.tarifa-PROMOESPECIAL2 .periodicitat {background: transparent url(/VIEWS/portada/img/48h.png) 0 0 no-repeat}
.tarifa-SAD6M2 .periodicitat,
.tarifa-SADIAD6M .periodicitat
{background: transparent url(VIEWS/promocions/sant-jordi-abacus/img/regal.png) 0 0 no-repeat}
#portada.indexall #tarifes-portada_promocions .tarifa-ATD12M .periodicitat,
#portada.indexall #tarifes-portada_promocions .tarifa-PBCS6M .periodicitat
{background: transparent url(../img/entrades-5.jpg) 0 0 no-repeat}
*/

#tarifes-regalalara .periodicitat {background: transparent url(VIEWS/promocions/regalalara/img/regal.png) 0 0 no-repeat;}
#tarifes-regalalara .tarifa-REGALCAPSA .periodicitat {background-image: url(VIEWS/promocions/regalalara/img/capsa.png)}

@media (max-width: 767px) {
  .indexall article .container {padding-right: 24px; padding-left: 24px}

	#tarifes h3 {font: 20px/20px 'Soho Gothic W01 Medium', sans-serif;}
  #tarifes h3:before {display: none}
  #tarifes h4 {font: 18px/18px 'Soho Gothic W01 Light', sans-serif;}

	.indexall .row {margin-right: -10px; margin-left: -10px; }
	.indexall .col-xs-12, .indexall .col-sm-6 {padding-right: 10px;padding-left: 10px}
	.indexall .prearticle {margin-bottom: 20px}
	.indexall .prearticle li {padding:0 8px;}
	/*#portada .prearticle li a {text-decoration: underline;}*/
	#tarifes section {padding-bottom: 20px}
	#tarifes section:before { display:none; }
	#tarifes h3 {margin-top: 20px; }
	#tarifes h4 {margin-top: 20px}
	/*#tarifes .tarifa {padding-right: 10px;padding-left: 10px}*/
	#tarifes .periodicitat {padding: 8px; margin-bottom: 0; min-height: 108px}
	#tarifes .periodicitat:last-child {margin-bottom: 10px}
	/*#tarifes .periodicitat.regal {background-position: right 8px top 8px;}*/
	#tarifes .periodicitat .preu {margin-bottom: 10px}
	#tarifes .extra-y {margin-top:20px;}
	#tarifes p.regal {background-position: left center; padding-top: 10px}
  #tarifes p.text4 {margin: 25px 10px 40px; text-align: left;}
  #tarifes h3 .titolet-b {font-size:15px;}

  .indexall .promosub{font-size: 1.7em !important}
}

.balears #nouusuari {background-color: #f2f9fb; padding: 15px; margin: 1em auto;}
.balears #nouusuari p { text-align: center; font-weight: bold; font-size: 18px}