@charset "UTF-8";
/* CSS Document */

/*BODY*/

body {
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
  line-height:20px;
  background: #fff;
  margin:0;
	
	font-smooth: always;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-webkit-font-smoothing: subpixel-antialiased;
}

a,
a img,
a span,
a:before,
a:after,
li:after,
.navbar-toggle,
.navbar-toggle span,
.btn,
.directe-cont,
.directe-plens-cont {
	transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out; /* Firefox 4 */
	-webkit-transition: all 0.2s ease-in-out; /* Safari and Chrome */
	-o-transition:all 0.2s ease-in-out; /* Opera */
	outline:0!important;
}

a {
  color:#999;
  text-decoration:underline;
}
a:hover {
  color:#cc111f;
}

.btn {
  margin-bottom: 0;
  font-size: inherit;
  line-height: inherit;
  text-decoration: none;
  border-radius: 2px;
}
.btn-default {
  color: #666;
  background-color: #fff;
  border-color: #ccc;
}
.btn-primary {
  color: #fff;
  background-color: #cc111f;
  border-color: #cc111f;
}
  .btn-default:hover,
  .btn-primary:hover {
    color: #fff;
    background-color: #333;
    border-color: #333;
  }
nav.tabs {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom:40px;
  padding: 0 20px;
}
    
    
.nav-tabs {
  border-bottom: 1px solid #eee;
}
  .nav-tabs li {
    width:auto;
  }
    .nav-tabs > li > a {
      position:relative;
      padding: 6px 10px;
      border-radius: 2px 2px 0 0;
      background:#cc111f;
      color:#fff;
      text-decoration:none;
    }
    .nav-tabs > li > a:hover {
      background:#b70f1b;
      border: 1px solid transparent;
    }
    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:focus,
    .nav-tabs > li.active > a:hover {
      font-weight: 600;
      border: 1px solid #eee;
      border-bottom: 1px solid transparent;
      padding: 11px 10px 6px 10px;
      margin-top: -5px;
    }
.tab-content {
  padding:6px;
}

hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px dotted #eee;
}


/*************TITOLS*************/

.h2, h2 {
  font-size: 20px;
  line-height: 24px;
}
.h3, h3 {
  font-size: 16px;
  line-height: 20px;
}

/*************PUBLI TOP*************/

.publi-top {
  position:relative;
	text-align:center;
	padding: 10px 0;
	overflow:hidden;
	background:#222;
}
.publi-top .banner {
	padding:0;
}
.publi-top .banner > div {
	display:inline-block;
}
.publi-top span {
	position:relative;
	display:inline-block;
	left: -4px;
}


/*************DIRECTE*************/

.directe-cont,
.directe-plens-cont {
	position:relative;
  background: #fff;
  font-size: 14px;
}
.directe-cont > *,
.directe-plens-cont > * {
  transition:all 0.2s ease-in-out;
  -moz-transition:all 0.2s ease-in-out; /* Firefox 4 */
  -webkit-transition: all 0.2s ease-in-out; /* Safari and Chrome */
  -o-transition:all 0.2s ease-in-out; /* Opera */
  outline:0!important;
}
  .directe-plens-cont > .container {
    position:relative;
  }
	.directe-cont .directe,
	.directe-cont .acontinuacio,
  .directe-cont .more {
		padding: 0;
		height:108px;
	}
	.directe-cont .directe .foto-directe {
		padding:0;
    display:none;
	}
	.directe-cont.fixed .directe .foto-directe {
    width:50px;
	}
		.directe-cont .directe .foto-directe img {
			width:100%;
			padding-right:10px;
			margin-top: -30px;
		}
	.directe-cont .directe .info-directe {
		padding:24px 0 0 10px;
	}
		.directe-cont .directe .info-directe .info {
			padding:0;
		}
			.directe-cont .directe .info-directe .info strong {
				text-transform:uppercase;
			}
		.directe-cont .directe .info-directe .programa {
			font-size: 20px;
      line-height: 22px;
			color: #cc111f;
			font-weight: 100;
			letter-spacing: -1px;
		}
		.directe-cont .directe a,
    .directe-plens-cont a {
      position: absolute;
      top: 0;
      right: 0;
      bottom:0;
			display:inline-block;
      cursor:pointer;
		}
    .directe-plens-cont a {
      color:transparent
		}
    
		.directe-cont .directe a:after,
    .directe-plens-cont a:after {
      position: absolute;
      content:" ";
      top: 30px;
      right: 20px;
			display:inline-block;
			width:50px;
			height:50px;
			background:#cc111f url(../images/ico-directe-play.png) no-repeat center center;
			background-size:40% auto;
			border-radius:50%;
      z-index: 0;
		}
    .directe-plens-cont a:after {
      -webkit-box-shadow: 0px 0px 16px 2px rgba(0,0,0,0.15);
      -moz-box-shadow: 0px 0px 16px 2px rgba(0,0,0,0.15);
      box-shadow: 0px 0px 16px 2px rgba(0,0,0,0.15);
    }
			.directe-cont .directe a:hover:after,
      .directe-plens-cont a:hover:after {
				background:#dedede url(../images/ico-directe-play.png) no-repeat center center;
				background-size:40% auto;
			}
      .directe-plens-cont a:hover:after {
				background:#aaa url(../images/ico-directe-play.png) no-repeat center center;
				background-size:40% auto;
			}

/*Animació*/
.spinner {
  position: absolute;
  top: -16px;
  right: 44px;
  bottom: 0;
  cursor: pointer;
}
.spinner-btn {
  width: 100px;
  height: 100px;
  position: absolute;
  top: -10px;
  left: -46px;
}
.spinner-btn:after {
  position: absolute;
  content:" ";
  top: 30px;
  right: 30px;
  display:inline-block;
  width:40px;
  height:40px;
  background:rgba(204,17,31,.8) url(../images/ico-directe-play.png) no-repeat center center;
  background-size:40% auto;
  border-radius:50%;
  z-index: 99;
}
.spinner-btn * {
  box-sizing: border-box;
}
.ball {
  height: 100%;
  width: 100%;
  background: rgba(204,17,31,.2);
  position: absolute;
  border-radius: 50%;
  border: 0px solid rgba(204,17,31,.6);
  animation: pulse 3.5s infinite;
  cursor: pointer;
}
.ball-2 {
  animation-delay: -0.75s;
}
.ball-3 {
  animation-delay: -1.5s;
}
.ball-4 {
  animation-delay: -2.25s;
}
@keyframes pulse {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 1;
    border-width: 50px;
  }
  100% {
    transform: scale(1, 1);
    opacity: 0;
    border-width: 0;
  }
}
  /*/ Animació*/
  
  
	/*a continuacio*/
	
	.directe-cont .programa-next {
		position: absolute;
		left: 60px;
		top: 24px;
		text-transform: uppercase;
	}
	
	.directe-cont .acontinuacio-prog {
		float:left;
		padding: 0;
	}
	.directe-cont .acontinuacio-prog:nth-child(1) {
		background:#f0f0f0;
	}
	.directe-cont .acontinuacio-prog:nth-child(2) {
		background:#e7e7e7;
	}
		.directe-cont .arrow-right {
			float: left;
			width: 0; 
			height: 0; 
			border-top: 54px solid transparent;
			border-bottom: 54px solid transparent;
			border-left: 20px solid green;
			margin-right: 20px;
		}
		.directe-cont .acontinuacio-prog:nth-child(1) .arrow-right {
			border-left-color: #fff;
			margin-right: 190px;
		}
		.directe-cont .acontinuacio-prog:nth-child(2) .arrow-right {
			border-left-color: #f0f0f0;
		}
		.directe-cont .acontinuacio-prog .info {
			padding: 24px 0 0 30px;
		}
		
		.directe-cont .acontinuacio-prog .programa {
			font-size: 30px;
      line-height: 38px;
			font-weight: 100;
			letter-spacing: -2px;
		}
	.directe-cont .more {
		position:relative;
		text-align:center;
	}
		.directe-cont .more .arrow-right {
			border-left-color: #e7e7e7;
		}
		.directe-cont .more a {
      float: right;
			display:inline-block;
			width:50px;
			height:50px;
			background:#dedede url(../images/ico-directe-more.png) no-repeat center center;
			background-size:40% auto;
			border-radius:50%;
			margin-top: 30px;
			text-indent:-99999999px;
			overflow:hidden;
		}
			.directe-cont .more a:hover {
				background:#cc111f url(../images/ico-directe-more.png) no-repeat center center;
				background-size:40% auto;
			}
      
  /*plens*/
  .directe-plens-cont {
    height:40px;
    line-height:40px;
    color:#fff;
    background:#222 url(../images/bg-directe-plens.png) repeat-x left 10px; 
  }
  .directe-plens-cont p {
    text-align:right;
    padding-right:70px;
  }


/*************HEADER*************/

header {
  padding: 50px 0 16px 0;
  background:#cc111f url(../images/bg-header.png) repeat-x left bottom;
    
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0);
  -moz-box-shadow:    0px 3px 5px 0px rgba(0,0,0,0);
  box-shadow:         0px 3px 5px 0px rgba(0,0,0,0);
}
header.fixed {
	position:fixed;
  width:100%;
  top:0;
  left:0;
  z-index:3;
  background:#cc111f url(../images/bg-header.png) repeat-x left 24px;
    
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,.2);
  -moz-box-shadow:    0px 3px 5px 0px rgba(0,0,0,.2);
  box-shadow:         0px 3px 5px 0px rgba(0,0,0,.2);
}
  header .navbar-default {
    padding:0;
    margin:0;
    background-color: transparent;
    border: 0;
    min-height:inherit;
  }
    header .navbar-default .navbar-brand {
      padding:0;
      height: auto;
    }
      header .navbar-default .navbar-brand img {
        width:200px;
        opacity:1;
      }
      header .navbar-default .navbar-brand:hover img {
        opacity:.6;
      }
      header .navbar-default .navbar-nav {
        margin:0;
        margin-top:20px;
      }
      header .navbar-default .navbar-nav > li a,
      header .navbar-default .navbar-nav > li.dropdown span {
        position:relative;
        display:inline-block;
        color:rgba(255,255,255,1);
        padding: 0 10px;
        text-transform:uppercase;
        text-decoration:none;
        overflow: hidden;
      }
      header .navbar-default .navbar-nav > li a:hover,
      header .navbar-default .navbar-nav > li a:focus,
      header .navbar-default .navbar-nav > .active > a,
      header .navbar-default .navbar-nav > .active > a:focus,
      header .navbar-default .navbar-nav > .active > a:hover {
        color:rgba(255,255,255,1);
        background:transparent;
      }
      header .navbar-default .navbar-nav > .active > a {
        cursor:default!important;
      }
      
      /*Animació menu*/
      header .navbar-default .navbar-nav > li a span {
        position: relative;
        display: inline-block;
        -webkit-transition: -webkit-transform 0.3s;
        -moz-transition: -moz-transform 0.3s;
        transition: transform 0.3s;
      }
      
      header .navbar-default .navbar-nav > li a span::before {
        position: absolute;
        top: 140%;
        content: attr(data-hover);
        font-weight: 700;
        letter-spacing: -.6px;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
      }
      
      header .navbar-default .navbar-nav > li a:hover span,
      header .navbar-default .navbar-nav > li a:focus span,
      header .navbar-default .navbar-nav > .active > a span,
      header .navbar-default .navbar-nav > .active > a:focus span,
      header .navbar-default .navbar-nav > .active > a:hover span {
        -webkit-transform: translateY(-140%);
        -moz-transform: translateY(-140%);
        transform: translateY(-140%);
      }
      /*Animació menu*/
    
    header #menu-principal {
      padding:0;
      border: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
    }
    header .navbar-default .navbar-toggle {
      border:0;
      padding: 10px 0;
      background:transparent!important;
    }
    header .navbar-default .navbar-toggle .icon-bar {
      position:relative;
      width: 30px;
      height: 2px;
      margin-top: 6px;
      border-radius: 0;
      background-color: rgba(255,255,255,1);
    }
    header .navbar-default .navbar-toggle:hover .icon-bar {
      background-color: rgba(255,255,255,1);
    }
    header .navbar-default .navbar-toggle .icon-bar:nth-child(1) {
      margin-top: 0;
    }
    header .navbar-default .navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(1) {
			-ms-transform: rotate(45deg); /* IE 9 */
			-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
			transform: rotate(45deg);
			top: 8px;
		}
		header .navbar-default .navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(2) {
			-ms-transform: rotate(-45deg); /* IE 9 */
			-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
			transform: rotate(-45deg);
		}
		header .navbar-default .navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(3) {
			display:none;
		}
    header .navbar-default .navbar-toggle[data-target="#menu-secondari"] {
      display: none;
      float: none;
      margin:0 0 0 30px;
      vertical-align: top;
    }
    header #menu-secondari {
      background:#cc111f url(../images/bg-menu-secondari.png) repeat-x right top;
    }
    header #menu-secondari.collapse {
      display: block;
    }
      header #menu-secondari .navbar-nav {
        width:100%;
      }
        header #menu-secondari .navbar-nav > li {
          float: none;
          display:block;
        }
        header #menu-secondari .navbar-nav > .divider {
          float: left;
          display: inline-block;
          width: 100%;
          height: 2px;
          background:rgba(255,255,255,.15);
          border-top:1px solid rgba(183,15,27,.8);
          margin: 6px 0;
        }
        header #menu-secondari .navbar-nav a,
        header #menu-secondari .navbar-nav span {
          width:100%;
          padding: 4px 15px;
        }
        
        header #menu-secondari a:hover,
        header #menu-secondari a:focus,
        header #menu-secondari .active a {
          color:rgba(255,255,255,.6);
        }
        header #menu-secondari a:hover,
        header #menu-secondari .active a {
          padding-left: 25px;
        }
        header #menu-secondari .navbar-nav span {
          cursor:default;
        }
        header #menu-secondari .navbar-nav .dropdown > .dropdown-menu {
          position: relative;
          display:block;  
          top: 0;
          left: 0;
          min-width: 100%;
          padding: 0;
          padding-left:14px;
          margin: 0;
          font-size: inherit;
          background-color: transparent;
          border: 0;
          border-radius: 0;
          -webkit-box-shadow: none;
          box-shadow: none;
        }
        header #menu-secondari .navbar-nav .dropdown > .dropdown-menu a {
          padding: 0px 8px;
          font-size:11px;
        }
        header #menu-secondari .navbar-nav .dropdown > .dropdown-menu a:hover {
          padding-left: 25px;
        }
        header #menu-secondari .navbar-nav .dropdown > .dropdown-menu a:before {
          content:"-";
          margin-right:2px;
        }
    header .navbar-default .xarxes {
      float: left;
      width:100%;
      padding: 0;
      padding-top:10px;
      margin:0;
      text-align:center;
    }
    header .navbar-default .navbar-header .xarxes {
      display:none;
      width: auto;
      margin-left:40px;
    }
      header .navbar-default .xarxes li {
        display:inline-block;
        margin:0;
        padding:0;
      }
        header .navbar-default .xarxes a {
          display:inline-block;
          width:30px;
          height:30px;
          border:2px solid #fff;
          border-radius:50%;
          margin:0 10px;
          padding:0;
          background-repeat:no-repeat;
          background-position:center center;
          background-size:70% auto;
          text-indent:-99999999px;
          overflow:hidden;
          opacity:1;
        }
        header .navbar-default .navbar-header .xarxes a {
          width:36px;
          height:36px;
          margin: -1px 2px;
        }
        header .navbar-default .xarxes a.facebook {
          background-image:url(../images/ico-facebook.png);
        }
        header .navbar-default .xarxes a.twitter {
          background-image:url(../images/ico-twitter.png);
        }
        header .navbar-default .xarxes a.soundcloud {
          background-image:url(../images/ico-soundcloud.png);
        }
        header .navbar-default .xarxes a:hover {
          opacity:.6;
        }
 

/*************EXTRES*************/
.page-header {
  padding:0 10px;
  margin:20px auto;
  border:0;
}
.titol-principal-cont {
  padding:0 10px;
  text-transform:uppercase;
  margin:0;
  margin-top:40px;
}
  .titol-principal-cont .titol-principal {
    padding-bottom:4px;
    border-bottom:1px solid #333;
    margin:0;
  }
    .titol-principal-cont .titol-principal h2 {
      display:inline-block;
      margin:0;
      vertical-align: middle;
    }
    .titol-principal-cont .titol-principal .menu-seccio {
      display:inline-block;
      padding:0;
      padding-left:60px;
      margin:0;
      margin-top: 2px;
      vertical-align: middle;
    }
      .titol-principal-cont .titol-principal .menu-seccio li {
        float: left;
        display:inline-block;
      }
        .titol-principal-cont .titol-principal .menu-seccio li a {
          display:inline-block;
          color:#333;
          text-decoration:none;
        }
        .titol-principal-cont .titol-principal .menu-seccio li a:hover {
          color:#cc111f;
        }
        .titol-principal-cont .titol-principal .menu-seccio li > .active {
          color:#cc111f;
          font-weight:600;
        }
        .titol-principal-cont .titol-principal .menu-seccio > li+li:before {
          position:relative;
          padding: 0 4px;
          color: #333;
          content: "|";
          font-weight:300;
          top: -1px;
        }
      
.titol-seccio {
  padding:0 10px;
  text-transform:uppercase;
  margin:20px 0;
}
  .titol-seccio h2,
  .titol-seccio h3 {
    padding-bottom:4px;
    border-bottom:1px solid #333;
    margin:0;
  }
  .titol-seccio h3 {
    text-transform:none;
    border:0;
    padding:0;
    letter-spacing:-.5px;
  }
.destacats-home,
.esports-home,
.actualitat-home,
.essencials-home,
.noticies-llista,
.noticia-cont,
.noticia-rel-cont,
.programes-llista,
.programa-cont,
.essencials-alacarta,
.programes-llista-alacarta,
.podcasts-cont,
.graella-cont,
.contacte-cont {
  position:relative;
  padding:20px 0;
  background:#fff;
  border-top:1px solid #fff;
  border-bottom:1px solid #fff;
  overflow: hidden;
}
.esports-home,
.noticia-rel-cont,
.programes-llista-alacarta {
  background:#f4f4f4;
  border-color:#e5e5e5;
 }
 .programes-llista-alacarta .programes-item .imatge img {
  filter: url('http://radiosabadell.fm/themes/custom/radiosabadell/css/style.css?ou03lg#grayscale'); /* Versión SVG para IE10, Chrome 17, FF3.5, Safari 5.2 and Opera 11.6 */
  filter: grayscale(100%) contrast(30%) brightness(160%); /* Para cuando es estándar funcione en todos */
  -webkit-filter: grayscale(100%) contrast(30%) brightness(160%);
  -moz-filter: grayscale(100%) contrast(30%) brightness(160%);
  -ms-filter: grayscale(100%) contrast(30%) brightness(160%);
  -o-filter: grayscale(100%) contrast(30%) brightness(160%);
 }
.essencials-home {
  padding-bottom:80px;
  background:#cc111f url(../images/bg-header.png) repeat-x left bottom;
}
.noticies-llista,
.noticia-cont,
.programes-llista,
.programa-cont,
.essencials-alacarta,
.contacte-cont {
  padding-top:0;
}


/*************BREADRCRUMB************/

.breadcrumb {
  padding: 0;
  margin: 20px 10px;
  margin-top:0;
  background-color: transparent;
}
  .breadcrumb a {
    color:#333;
    text-decoration:none;
  }
  .breadcrumb .active {
    color:#333;
    font-weight:600;
  }
  .breadcrumb > li+li:before {
    padding: 0 4px;
    color: #333;
    content: "/\00a0";
    font-weight:300;
  }




.directe-plens-cont.fixed + .main-content.fixed {
  margin-top: 240px;
}
header.fixed + .main-content.fixed {
  margin-top: 200px;
}


/*************NOTICIES LLISTA************/

.noticies-item {
  position:relative;
  margin-bottom:20px;
}
  .noticies-item .imatge {
    overflow:hidden;
  }
    .noticies-item .imatge img {
      width: 100%;
    }
    .noticies-item .imatge .peu-foto {
      position: relative;
      display:block;
      font-size: 11px;
      line-height: 14px;
      margin-top: 4px;
      color: #666;
      padding-left: 14px;
    }
      .noticies-item .imatge .peu-foto:before {
        position:absolute;
        display:inline-block;
        content:" ";
        width:9px;
        height:5px;
        background:url(../images/ico-arrow-peu.gif) no-repeat center center;
        background-size:100% auto;
        vertical-align: top;
        margin-top: 5px;
        margin-right: 5px;
        left:0;
        top:-1px;
      }
  .noticies-item .descripcio {
    position:relative;
  }
    .noticies-item .descripcio .categoria {
      position:relative;
      display:inline-block;
      font-size:11px;
      line-height: 13px;
      font-weight: 400;
      text-transform: uppercase;
      color: #aaa;
      top: 10px;
    }
    .noticies-item .descripcio .categoria:before {
      position:relative;
      display:inline-block;
      line-height: 14px;
      content:"[";
      margin-right:4px;
      top:-1px;
    }
    .noticies-item .descripcio .categoria:after {
      position:relative;
      display:inline-block;
      line-height: 14px;
      content:"]";
      margin-left:4px;
      top:-1px;
    }
      .noticies-item .descripcio .categoria:hover {
        color:#cc111f;
      }
    .noticies-item .descripcio .titol {
      font-size: 20px;
      line-height: 22px;
      font-weight: 400;
      letter-spacing: -1px;
    }
    .noticies-item.gran .descripcio .titol {
      font-size:24px;
      line-height: 26px;
    }
    .noticies-item .descripcio p {
      color:#555;
    }
    .noticies-item.gran .descripcio p {
      font-size: 16px;
      line-height: 20px;
    }
    .noticies-item .descripcio a {
      color:#333;
      text-decoration:none;
    }
    .noticies-item .descripcio a:hover {
			color: #cc111f;
    }
 
 /*Publi*/
.noticies-publi,
.lateral-publi {
  position:relative;
  text-align:center;
  margin-bottom:20px;
}
  .noticies-publi .banner,
  .lateral-publi .banner {
    height: 100%;
    background:#fafafa;
    padding:8px;
    border:1px solid #f7f7f7;
  }
  .esports-home .noticies-publi .banner {
    background:#f1f1f1;
    border-color:#e7e7e7;
  }
    .noticies-publi .banner img,
    .lateral-publi .banner img {
      width: 100%;
      max-width: 300px;
			cursor: pointer;
    }
    .noticies-publi .banner .titol,
    .lateral-publi .banner .titol {
      position:relative;
      overflow:hidden;
    }
    .noticies-publi .banner .titol img,
    .lateral-publi .banner .titol img {
      position:relative;
      display: block;
      width:auto;
      left: 50%;
      transform: translateX(-50%);
      margin: 2px 0 6px 0;
    }


/*************ESSENCIALS HOME*************/

.essencials-home .titol-seccio {
  color: #fff!important;
  text-transform:none;
}
  .essencials-home .titol-seccio h2 {
    border-bottom:0;
    font-weight:100;
  }
  .essencials-home .essencial {
    color:#fff;
  }
  .essencials-home .essencial .hora {
    font-size:11px;
  }
  .essencials-home .essencial .titol {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    opacity: .6;
    margin-bottom: 10px;
  }
  .essencials-home .essencial .player-sabadell .info .song-name > a {
    color:#fff;
  }
  .essencials-home .essencial .player-sabadell .player {
    border-bottom: 1px solid rgba(255,255,255,.2)!important;
  }
    .essencials-home .essencial .player-sabadell .player div,
    .td.player .track-error-box {
      border: 0!important;
    }
  .essencials-home .essencial .player-sabadell .controls .player-play.tdicon-play-circle-outline {
    background-image:url(../images/ico-player-play-home.png);
  }
  .essencials-home .essencial .player-sabadell .controls .player-play.tdicon-pause-circle-outline {
    background-image:url(../images/ico-player-pause-home.png);
  }
  .essencials-home .essencial .player-sabadell .tdloader,
  .essencials-home .essencial .player-sabadell .scrubber .start-time,
  .essencials-home .essencial .player-sabadell .scrubber .stop-time  {
    color:#fff!important;
  } 
  
  .essencials-home .essencial .player-sabadell .slider > .track {
    background: rgba(255,255,255,.5)!important;
  }
  .essencials-home .essencial .player-sabadell .slider > .highlight-track {
    background:rgba(255,255,255,1)!important;
  }
  .essencials-home .more {
    text-align:center;
  }
    .essencials-home .more a {
      display:inline-block;
      width:50px;
      height:50px;
      background:transparent url(../images/ico-directe-more.png) no-repeat center center;
      background-size:44% auto;
      border:2px solid #fff;
      border-radius:50%;
      margin-top: 20px;
      text-indent:-99999999px;
      overflow:hidden;
      opacity: .7;
    }
    .essencials-home .more a:hover {
      background:#cc111f url(../images/ico-directe-more.png) no-repeat center center;
      background-size:44% auto;
      opacity: 1;
    }



/*************NOTICIA************/

.lateral-publi {
  height: auto;
}
  .lateral-publi .banner img,
  .adsbygoogle {
    margin-bottom:20px;
    vertical-align: middle;
  }
 .publi-top .adsbygoogle {
    margin-bottom:0;
  }
.noticia-item {
  position:relative;
  margin-bottom: 40px;
}
  .noticia-item .imatge {
    overflow:hidden;
  }
    .noticia-item .imatge img {
      width: 100%;
    }
    .noticia-item .imatge .peu-foto {
      position: relative;
      display:block;
      font-size: 11px;
      line-height: 14px;
      margin-top: 4px;
      margin-bottom: 30px;
      color: #666;
      padding-left: 14px;
    }
      .noticia-item .imatge .peu-foto:before {
        position:absolute;
        display:inline-block;
        content:" ";
        width:9px;
        height:5px;
        background:url(../images/ico-arrow-peu.gif) no-repeat center center;
        background-size:100% auto;
        vertical-align: top;
        margin-top: 5px;
        margin-right: 5px;
        left:0;
        top:-1px;
      }
  .noticia-item .descripcio {
    position:relative;
  }
    .noticia-item .descripcio span {
      display:inline-block;
      padding:0 6px 0 10px;
      border-left:1px solid #999;
    }
    .noticia-item .descripcio span:first-child {
      padding-left:0;
      border-left:0;
    }
    .noticia-item .descripcio .data,
    .noticia-item .descripcio .autor {
      font-size: 11px;
      line-height: 16px;
      font-weight: 600;
      color: #999;
    }
    .noticia-item .descripcio .titol {
      font-size: 30px;
      line-height: 34px;
      font-weight: 400;
      letter-spacing: -2px;
    }
    .noticia-item .descripcio p {
      color:#555;
    }
    .noticia-item .descripcio .reproductor {
      padding:20px 0;
      color:#cc111f;
    }
    .noticia-item .descripcio a {
      color:#333;
      text-decoration:underline;
    }
    .noticia-item .descripcio a:hover {
			color: #cc111f;
    }      
  .noticia-item .share {
    position:relative;
    padding:40px 0;
  } 
    
    /*Paraules clau*/
    .paraulesclau {
      padding: 0;
      margin: 40px 0;
      background-color: transparent;
    }
      .paraulesclau li {
        display:inline-block;
      }
        .paraulesclau li {
          display:inline-block;
          color:#aaa;
          padding:4px 10px;
          margin-right:6px;
          margin-bottom:8px;
          border:1px solid #aaa;
          text-decoration:none;
        }
        .paraulesclau li:before {
          display:inline-block;
          content:"#";
        }


/*************NOTICIA RELACIONADA************/

.noticia-rel-llista {
  padding:0;
}
.noticia-rel-item {
  position:relative;
  margin-bottom: 20px;
}
  .noticia-rel-item .imatge {
    overflow:hidden;
  }
    .noticia-rel-item .imatge img {
      width: 100%;
    }
  .noticia-rel-item .descripcio {
    position:relative;
  }
    .noticia-rel-item .descripcio .titol {
      font-size: 20px;
      line-height: 24px;
      font-weight: 400;
      letter-spacing: -1px;
    }
    .noticia-rel-item .descripcio a {
      color:#333;
      text-decoration:none;
    }
    .noticia-rel-item .descripcio a:hover {
			color: #cc111f;
    }
 

/*************PROGRAMES LLISTA************/

.programes-item {
  position:relative;
  margin-bottom: 20px;
}
  .programes-item .imatge {
    overflow:hidden;
  }
    .programes-item .imatge img {
      width: 100%;
    }
  .programes-item .descripcio {
    position:relative;
  }
    .programes-item .descripcio .titol {
      font-size: 24px;
      line-height: 24px;
      font-weight: 400;
      letter-spacing: -1px;
    }
    .programes-item .descripcio .subtitol {
      font-size: 16px;
      line-height: 20px;
      font-weight: 400;
      letter-spacing: -.5px;
    }
    .programes-item .descripcio .horari {
      color:#555;
      margin-top:20px;
    }
    .programes-item .descripcio a {
      color:#333;
      text-decoration:none;
    }
    .programes-llista-alacarta .programes-item .descripcio a {
      color:#888;
    }
    .programes-item .descripcio a:hover {
			color: #cc111f;
    }


  
/*************PROGRAMA************/

.programa-item {
  position:relative;
  margin-bottom: 40px;
}
  .programa-item .imatge {
    overflow:hidden;
    margin-bottom:20px;
  }
    .programa-item .imatge img {
      width: 100%;
    }
    .programa-item .imatge .peu-foto {
      display:block;
      font-size: 11px;
      margin-top: 4px;
      color: #666;
    }
      .programa-item .imatge .peu-foto:before {
        display:inline-block;
        content:" ";
        width:9px;
        height:5px;
        background:url(../images/ico-arrow-peu.gif) no-repeat center center;
        background-size:100% auto;
        vertical-align: top;
        margin-top: 5px;
        margin-right: 5px;
      }
  .programa-item .descripcio {
    position:relative;
  }
    .programa-item .descripcio .titol {
      font-size:30px;
      line-height:30px;
      font-weight: 400;
      letter-spacing: -2px;
      margin: 0;
      margin-bottom: 10px;
    }
    .programa-item .descripcio .subtitol {
      font-size:18px;
      line-height:18px;
      font-weight: 400;
      letter-spacing: -1px;
      margin: 0;
      margin-bottom: 20px;
    }
    .programa-item .descripcio .horari {
      font-size:18px;
      line-height:18px;
      color:#555;
      margin:0;
      margin-bottom:20px;
    }
    .programa-item .descripcio p {
      color:#555;
    }
    .programa-item .descripcio .reproductor {
      padding:20px 0;
      color:#cc111f;
    }
    .programa-item .descripcio a {
      color:#333;
      text-decoration:none;
    }
    .programa-item .descripcio a:hover {
			color: #cc111f;
    }
    .programa-item .btn {
      background-image:url(../images/ico-podcast.png);
      background-repeat:no-repeat;
      background-position:center right;
      background-size: auto 60%;
      padding-right: 60px;
      margin-top:30px;
      margin-bottom: 60px;
    }
    .programa-item .btn:hover,
    .programa-item .btn:focus {
      color: #fff;
      background-color: #333;
      border-color: #333;
    }
  .programa-item .share {
    position:relative;
    padding:40px 0;
  }



/*************A LA CARTA*************/

.essencials-alacarta .essencial {
  margin-bottom:0px;
}
  .essencials-alacarta .essencial .hora {
    font-size:11px;
  }
  .essencials-alacarta .essencial .titol {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
		color: #cc111f;
    margin-bottom: 4px;
  }
  .essencials-alacarta .essencial a {
    text-decoration:none;
  }
/*A la carta programa*/
.podcasts-cont .podcasts {
  margin-bottom:20px;
}
  .podcasts-cont .podcasts .hora {
    font-size:11px;
    color: #cc111f;
  }
  .podcasts-cont .podcasts .titol {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
		color: #cc111f;
    margin-bottom: 4px;
  }
  .podcasts-cont .podcasts .subtitol {
    font-weight:600;
  }
  .podcasts-cont .podcasts a {
    text-decoration:none;
  }
  .podcasts-cont .podcasts .no-audio {
    position: relative;
    display: inline-table;
    width: 100%;
    background: whitesmoke;
    padding: 4px;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    margin-top: 16px;
    margin-bottom: 25px;
    height: 158px;
    vertical-align: middle;
    text-align: center;
  }
    .podcasts-cont .podcasts .no-audio span {
      position: relative;
      display: table-cell;
      vertical-align: middle;
    }



/*************GRAELLA*************/

.graella .nav-tabs li {
  min-width: 13.7%;
}
.graella table tr:nth-child(even) {
  background:#fcfcfc;
}
.graella table tr > td {
  border-bottom:1px solid #eee;
  padding:20px 4px;
  vertical-align:top;
  line-height:26px;
}
.graella table tr > td:first-child {
  width: 12%;
  text-align:center;
  font-weight:600;
}
.graella table tr > td:last-child {
  padding:20px;
}
.graella table tr > td h3 {
  font-size: 20px;
  line-height: 22px;
  margin:0;
  margin-bottom:10px;
  letter-spacing: -1px;
}
.graella table tr > td h4 {
  font-size: 14px;
  line-height: 18px;
}
  .graella table tr > td h3 > a {
    color:#cc111f;
    text-decoration:none;
  }
  .graella table tr > td h3 > a:hover {
    color:#333;
  }
.graella table tr > td h4 {
  margin:0;
}

/*************STREAMING*************/

.streaming {
  padding:0;
  padding-bottom:30px;
  margin:0;
  height:100%;
  background: #cc111f url(../images/bg-streaming.png) repeat-x left bottom;
  overflow:hidden!important;
}
.streaming.plens {
  background: #222 url(../images/bg-directe-plens.png) repeat-x left bottom;
}
  .streaming header {
    padding:14px 12px 0 12px;
    background:transparent;
    text-align:left;
  }
  .streaming h1,
  .streaming h2,
  .streaming h3 {
    position:relative;
    color:rgba(255,255,255,.6);
    font-size:16px;
    margin:0;
    text-align:left;
    top:-10px;
  }
  .streaming h1 {
    font-size: 24px;
    line-height: 26px;
    font-weight: 100;
    text-indent:4px;
    color:rgba(255,255,255,.5);
    margin-bottom:20px;
    top:0;
  }
  
  .streaming .main-content {
    padding:0 10px;
  }
  .streaming h2 {
    display:inline-block;
    font-size:11px;
    text-indent:6px;
  }
  .streaming h3 {
    display:inline-block;
    font-size:11px;
  }
  .streaming .brand img {
    width:278px;
    margin-bottom:10px;
  }
  .streaming video,
  .streaming audio {
    width:300px;
    height:40px;
    display:inline-block;
    margin:auto;
  }
  
  
/***********SOUNDCLOUD PLAYER**********/  
  
.playButton {
  width: 104px!important;
}
iframe.soundcloud-player {  
  background: #fff;
  padding: 15px 0 25px 0;
  border-radius: 20px;
  overflow: hidden;
}
.noticia-item iframe.soundcloud-player {
  height: 113px;
}
.essencials-home iframe.soundcloud-player,
.essencials-home .essencial .iframe:after {
  background: #cc111f;
}
  iframe.soundcloud-player .title { 
    display:none!important;
  }
  .g-background-default {
    background-color: #fff!important;
  }
  .essencials-home .g-background-default {
    background-color: #cc111f!important;
  }
  

/***********JPLAYER PLAYER**********/

.jp-audio {
  width: 100%!important;
  padding: 0!important;
  border: transparent!important;
  background: transparent!important;
  margin: 40px 0!important;
}
.streaming .jp-audio {
  margin: 12px 0 0 2px!important
}
.jp-interface,
.jp-controls,
.jp-progress,
.jp-seek-bar {
  background: transparent!important;
}
.jp-audio .jp-controls-holder {
  height:auto!important;
}
.jp-controls {
  display:inline-block!important;
  width: auto!important;
  height: 46px!important;
  padding:0!important;
  margin: 0!important;
  vertical-align:top!important;
}
.jp-volume-bar,
.jp-volume-max,
.jp-toggles,
.jp-details,
.jp-stop {
  display:none!important;
}
.jp-type-single .jp-play {
  float: left;
  width: 46px!important;
  height: 46px!important;
  padding:0!important;
  margin: 0!important;
  background-repeat: no-repeat!important;
  background-position: center center!important;
  background-size: 100% auto!important;
  background-image: url(../images/ico-player-play.png)!important;
  vertical-align:top!important;
}
.jp-state-playing .jp-type-single .jp-play {
  background-image: url(../images/ico-player-pause.png)!important;
}
.essencials-home .jp-type-single .jp-play,
.streaming .jp-type-single .jp-play {
  background-image: url(../images/ico-player-play-home.png)!important;
}
.essencials-home .jp-state-playing .jp-type-single .jp-play,
.streaming .jp-state-playing .jp-type-single .jp-play {
  background-image: url(../images/ico-player-pause-home.png)!important;
}
.jp-volume-controls {
  height: 46px!important;
}
.jp-progress {
  float: none!important;
  display: inline-block!important;
  width:170px!important;
  height: 46px!important;
  padding:0!important;
  margin: 0!important;
  vertical-align:middle!important;
}
.streaming .jp-progress {
  pointer-events: none!important;
}
.jp-current-time,
.jp-duration {
  display:none!important;
  width: auto!important;
  font-family: 'Open Sans', sans-serif!important;
  font-size: 10px!important;
  font-weight: 600!important;
  color: #cc111f!important;
}
.essencials-home .jp-current-time,
.essencials-home .jp-duration,
.streaming .jp-current-time,
.streaming .jp-duration {
  color: #fff!important;
}
.jp-duration,
.jp-current-time {
  height: 46px;
  line-height: 43px;
  vertical-align: middle;
}
.jp-progress,
.jp-state-playing .jp-current-time,
.jp-duration,
.jp-controls-holder,
.jp-volume-controls,
.jp-mute {
  position: relative!important;
  display:inline-block!important;
  float:none!important;
  vertical-align: middle!important;
}
.jp-state-playing .jp-duration {
  display:none!important;
}
.jp-seek-bar {
  width:100%!important;
  margin-top: 18px!important;
  height:8px!important;
  background:rgba(204,17,31,.5)!important;
  vertical-align:middle!important;
}
.essencials-home .jp-seek-bar,
.streaming .jp-seek-bar {
  background:rgba(255,255,255,.5)!important;
}    
.jp-play-bar {
  background:#cc111f!important;  
} 
.essencials-home .jp-play-bar,
.streaming .jp-play-bar {
  background:#fff!important;  
}
.jp-mute {
  width: 20px!important;
  height: 20px!important;
  background-repeat: no-repeat!important;
  background-position: center center!important;
  background-size: 100% auto!important;
  background-image: url(../images/ico-audio-on.png)!important;
  top:0!important;
  margin-top:11px!important;
}
.essencials-home .jp-mute,
.streaming .jp-mute {
  background-image: url(../images/ico-audio-on-home.png)!important;
}
.jp-state-muted .jp-mute {
  background-image: url(../images/ico-audio-off.png)!important;
}
.essencials-home .jp-state-muted .jp-mute,
.streaming .jp-state-muted .jp-mute {
  background-image: url(../images/ico-audio-off-home.png)!important;
}
 
 
/***********PAGINA ESTATICA**********/

.estatica-cont  {
  padding-bottom:60px;
}
  .estatica-cont .field--type-text-with-summary {
    overflow:hidden;
  }
  .noticia-item .descripcio .field--type-text-with-summary img {
    max-width:100%;
  }
  .estatica-cont ol li {
    margin-bottom:20px;
  }
  .estatica-cont table {
    margin-bottom:30px;
  }
    .estatica-cont table th {
      font-weight: 600;
      padding: 6px 10px;
      color: #fff;
      background: #cc111f;
    }
    .estatica-cont table tr:nth-child(odd) td {
      background: #f4f4f4;
    }
    .estatica-cont table td {
      padding: 4px 10px;
    }
    .estatica-cont table tr:first-child th:first-child {
      border-radius:2px 0 0 0;
    }
    .estatica-cont table tr:first-child th:last-child {
      border-radius:0 2px 0 0;
    }
    .estatica-cont table tr:last-child td:first-child {
      border-radius:0 0 0 2px;
    }
    .estatica-cont table tr:last-child td:last-child {
      border-radius:0 0 2px 0;
    }
    .estatica-cont table th:last-child,
    .estatica-cont table td:last-child {
      text-align:center;
    }


/*************CONTACTAR*************/

.contacte-cont .titol-seccio {
  padding:0;
}



/*************PLAYER*************/

.player-sabadell,
.player-sabadell .tdbody,
.player-sabadell .player {
  font-family: 'Open Sans', sans-serif!important;
  border:0!important;
  background: transparent!important;
  color: #333!important;
}
.player-sabadell .player {
  padding-bottom: 20px!important;
  border-bottom: 1px solid rgba(0,0,0,.2)!important;
}

.player-sabadell .tdicon-td_logo-link,
.player-sabadell .header,
.player-sabadell .playlist,
.player-sabadell .artist-name,
.player-sabadell .social,
.player-sabadell .controls .tdicon-repeat,
.player-sabadell .controls .player-prev,
.player-sabadell .controls .player-next,
.player-sabadell .controls .volume-controls,
.player-sabadell .scrubber .start-time {
  display:none!important;
}
.player-sabadell .info {
  text-align:left!important;
  border: 0!important;
  padding: 0!important;
}
.player-sabadell .info > div {
  text-align:left!important;
  margin:0!important;
}
.player-sabadell .info .song-name {
  height:40px;
}
  .player-sabadell .info .song-name > a {
    font-weight:400;
    color:#333;
  }
.player-sabadell .controls {
  width: 20%!important;
  float:left!important;
  border: 0!important;
  padding:0!important;
  margin:10px 0!important;
}
  .player-sabadell .controls div {
    text-align:left!important;
  }
  .player-sabadell .controls .player-play {
    float:left;
    width:46px!important;
    height:46px!important;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:100% auto;
  }
  .player-sabadell .controls .player-play.tdicon-play-circle-outline {
    background-image:url(../images/ico-player-play.png);
  }
  .player-sabadell .controls .player-play.tdicon-pause-circle-outline {
    background-image:url(../images/ico-player-pause.png);
  }
    .player-sabadell .controls .player-play:before {
      content:"";
    }
.player-sabadell .scrubber {
  float: left!important;
  width: 80%!important;
  border: 0!important;
  padding:0!important;
  margin:10px 0!important;
}
  .player-sabadell .scrubber .start-time,
  .player-sabadell .scrubber .stop-time {
    width: auto!important;
    font-size:11px!important;
    margin-top: -1px;
  }
  .player-sabadell .scrubber .start-time {
    float: left!important;
    padding-right:10px!important;
  }
  .player-sabadell .scrubber .stop-time {
    float: right!important;
    padding-left:10px!important;
  }
  .player-sabadell .scrubber .scrub-bar-box {
    float: left!important;
    width: 80%!important;
  }
  .player-sabadell .slider > .track {
    background: #333!important;
    height: 6px!important;
    border: 0!important;
    margin-top:-4px!important;
    
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    border-radius: 0!important;
  }
  .player-sabadell .slider > .highlight-track {
    background:rgba(255,255,255,.5)!important;
    height: 6px!important;
    border: 0!important;;
    margin-top:-4px!important;
    
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    border-radius: 0!important;
  }
  .player-sabadell .slider > .dragger {
    opacity:0!important;
  }


/*************SHARE*************/

.share-cont {
  position:relative;
  padding:20px 0;
}
  .share-cont .share {
    display:inline-block;
    float:left;
    width:25%;
    height:30px;
    line-height:30px;
    text-indent:-999999px;
    background:#333;
    overflow:hidden;
    padding:0 10px;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:auto 80%;
  }
  .share-cont .share:first-child {
    border-left:0;
  }
  .share-cont .share:last-child {
    border-right:0;
  }
  .share-cont .facebook {
    background-color:#3b5998;
    background-image:url(../images/ico-facebook.png);
  }
  .share-cont .twitter {
    background-color:#1da1f2;
    background-image:url(../images/ico-twitter.png);
    background-size:auto 100%;
  }
  .share-cont .googleplus {
    background-color:#4285f4;
    background-image:url(../images/ico-googleplus.png);
  }
  .share-cont .mail {
    background-color:#666;
    background-image:url(../images/ico-mail.png);
  }
  .share-cont .share:hover {
    background-color:#333;
  }
  



/***********PLAYER IFRAME***********/

.player {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 59%;
}
	.player iframe,
	.player embed,
	.player object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
		margin-top: 24px;
	}




/***********LOGIN PAGE***********/

.user-login-form {
  position:relative;
  padding:0 20px;
  margin:auto;
  margin-bottom:40px;
}
  


/***********LOGIN PAGE***********/

.pager-nav {
  display: inline-block;
  width: 100%;
  margin: 20px 0;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  font-weight: 600;
  color: #fff;
  background-color: #cc111f;
  border-color: #cc111f;
}
.pagination > li > a,
.pagination > li > span {
  width: 34px;
  height: 34px;
  line-height: 30px;
  text-align: center;
  padding: 0;
  margin:0 2px;
  border-radius: 50%!important;
  color: #ccc;
  border: 2px solid #ccc;
}
.pagination > li > a:hover,
.pagination > li > span:hover {
  color: #888;
  border-color:#888;
  background:transparent;
}
.pagination > li.pager__item--next > a,
.pagination > li.pager__item--next > span,
.pagination > li.pager__item--last > a,
.pagination > li.pager__item--last > span,
.pagination > li.pager__item--previous > a,
.pagination > li.pager__item--previous > span,
.pagination > li.pager__item--first > a,
.pagination > li.pager__item--first > span {
  color: transparent;
}
  .pagination > li.pager__item--next > a:after,
  .pagination > li.pager__item--next > span:after,
  .pagination > li.pager__item--last > a:after,
  .pagination > li.pager__item--last > span:after,
  .pagination > li.pager__item--previous > a:after,
  .pagination > li.pager__item--previous > span:after,
  .pagination > li.pager__item--first > a:after,
  .pagination > li.pager__item--first > span:after {
    position: absolute;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    color: #ccc;
    font-size: 10px;
    width: 10px;
    margin: auto;
  }
  .pagination > li.pager__item--next > a:after,
  .pagination > li.pager__item--next > span:after {
    content: "\e075";
    left: 4px;
  }
  .pagination > li.pager__item--last > a:after,
  .pagination > li.pager__item--last > span:after {
    content: "\e077";
  }
  .pagination > li.pager__item--previous > a:after,
  .pagination > li.pager__item--previous > span:after {
    content: "\e071";
    right: 4px;
  }
  .pagination > li.pager__item--first > a:after,
  .pagination > li.pager__item--first > span:after {
    content: "\e070";
  }
  .pagination > li > a:hover:after {
    color: #888;
  }



/*************FOOTER*************/

footer {
  position: relative;
  color:#fff;
  text-align:center;
  padding:30px 0;
  background:#333 url(../images/bg-footer.png) repeat;
}
  footer .brand {
    margin-bottom:20px;
  }
    footer .brand img {
      width:200px;
    }
  footer .menu-peu {
    list-style-type:none;
    padding:0;
    margin:0;
    margin-bottom:20px;
  }
    footer .menu-peu li {
      display:inline-block;
    }
      footer .menu-peu li a {
        position:relative;
        display:inline-block;
        color:rgba(255,255,255,1);
        padding: 2px 6px;
        text-transform:uppercase;
        text-decoration:none;
        overflow: hidden;
      }
  footer .copy {
    font-size:12px;
    margin-bottom:30px;
  }
  footer .xarxes {
    list-style-type:none;
    padding:0;
    margin:0;
  }
    footer .xarxes li {
      display:inline-block;
      margin:0;
      padding:0;
    }
      footer .xarxes a {
        display:inline-block;
        width:40px;
        height:40px;
        border:2px solid #fff;
        border-radius:50%;
        margin:0 10px;
        padding:0;
        background-repeat:no-repeat;
        background-position:center center;
        background-size:70% auto;
        text-indent:-99999999px;
        overflow:hidden;
        opacity:1;
      }
      footer .xarxes a.facebook {
        background-image:url(../images/ico-facebook.png);
      }
      footer .xarxes a.twitter {
        background-image:url(../images/ico-twitter.png);
      }
      footer .xarxes a.soundcloud {
        background-image:url(../images/ico-soundcloud.png);
      }
      footer .xarxes a:hover {
        opacity:.6;
      }
      
  audio {
    display: inline-block;
    vertical-align: baseline;
    width: 100%;
    margin-bottom: 170px;
    top: 65px;
    position: relative;
  }


/*************GESTIO*************/

.menu-admin {
  position: relative;
  width:100%;
  padding: 4px 10px;
  overflow: hidden;
  text-align:right;
  font-size:14px!important;
  font-weight:300;
  color:rgba(255,255,255,.8);
  background: #222;
  border-bottom:1px solid rgba(255,255,255,.3);
  line-height:20px!important;
}
  .menu-admin b {
    color:#fff;
  }
  .menu-admin ul {
    display:inline-block;
    list-style-type:none;
    margin:0;
  }
  .menu-admin li {
    display:inline-block;
  }
    .menu-admin li:after {
      position:relative;
      display:inline-block;
      content:" ";
      width:1px;
      height:14px;
      background:rgba(255,255,255,.8);
      margin:0;
      margin-left:8px;
      margin-right:4px;
      top:-1px;
      vertical-align:middle;
    }
    .menu-admin li:last-child:after {
      display:none;
    }
    .menu-admin li a {
      position:relative;
      display:inline-block;
      text-decoration:none;
      color:rgba(255,255,255,.8);
    }
    .menu-admin li a:hover {
      color:rgba(255,255,255,1);
    }
    .menu-admin li:last-child a {
      padding-right:0;
    }
    .menu-admin li:last-child a:hover {
      padding-right:16px;
    }
    .menu-admin li:last-child a:after {
      position:absolute;
      display:inline-block;
      content:"	\2192";
      color:rgba(255,255,255,0);
      right:2px;
      margin-top:1px;
    }
    .menu-admin li:last-child a:hover:after {
      color:rgba(255,255,255,1);
      right:-2px;
    }

.region-content > .tabs {
  margin-top:40px;
}

.user-logged-in .page-node-type-noticia .js-text-format-wrapper .js-text-summary-wrapper.text-summary-wrapper {
  display:none;
}


/*Cookies*/

#sliding-popup {
  background: #cc111f!important;
  padding: 10px;
  width: 100%!important;
}
.streaming #sliding-popup {
  display:none!important;
}
  #sliding-popup .popup-content {
    max-width: none!important;
    width: 100%;
  }
  #sliding-popup p {
    font-size: 12px!important;
    font-weight: 400!important;
    line-height: 18px!important;
  }
  #sliding-popup button {
    font-family: inherit!important;
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    background-color: rgba(0,0,0,.2)!important;
    background: rgba(0,0,0,.2)!important;
    border: 0!important;
    border-radius: 2px!important;
    text-shadow: none!important;
    color:#fff!important;
    font-weight: 400!important;
    font-size: 12px!important;
    outline: 0!important;
  }

      
@media (max-width: 991px) {
  header .navbar-default .container-fluid {
    padding-right:0;
  }
}
@media (max-width: 767px) {
  header {
    padding: 14px 0 6px 0;
  }
  header.fixed {
    padding: 6px 0 6px 0;
  }
  header .navbar-default .navbar-toggle {
    width: 24px;
    height: 24px; 
    padding:0;
    margin-top: 3px;
    margin-right: 6px;
  }
  header .navbar-default .navbar-toggle .icon-bar {
    width: 24px;
    margin-top: 5px;
  }
  header .navbar-default .navbar-toggle .icon-bar:nth-child(1) {
    margin-top: 0;
  }
  header .navbar-default .navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(1) {
    top: 7px;
  }
  header .navbar-default .navbar-brand img {
    width: 250px;
  }
  header .navbar-default .container-fluid {
    padding-right:15px;
  }
  header #menu-secondari {
    background: transparent;
  }
  header #menu-secondari .navbar-nav a,
  header #menu-secondari .navbar-nav span {
    padding: 0 10px;
  }
  header #menu-secondari .navbar-nav a,
  header #menu-secondari .navbar-nav {
    margin: 0;
  }
  header #menu-secondari .navbar-nav .dropdown > .dropdown-menu {
    padding-left: 0;
  }
  header #menu-secondari .navbar-nav .dropdown > .dropdown-menu li {
    float:left;
  }
  .publi-top {
    padding: 0;
  }
  .publi-top span + a img {
    width:100%;
  }
  .directe-cont .directe {
    height:auto;
  }
  .directe-cont .directe .info-directe {
    padding: 4px 0;
  }
  .directe-cont .directe .info-directe .info {
    font-size: 12px;
  }
  .directe-cont .directe a:after{
    top: 5px;
    right: 0;
    width: 40px;
    height: 40px;
  }
  .directe-plens-cont a:after {
    top: 5px;
    right: 12px;
    width: 30px;
    height: 30px;
  }
  header .navbar-default .navbar-nav > li:nth-child(1),
  header .navbar-default .navbar-nav > li:nth-child(2),
  .publi-top span,
  .directe-cont .acontinuacio,
  .directe-cont .more .arrow-right,
  .directe-cont .more,
  .titol-principal-cont .titol-principal .menu-seccio {
    display:none;
  }
  .noticies-publi,
  .lateral-publi,
  .lateral-contactar {
    position:relative;
    padding:0;
  }
  .graella table tr > td {
    padding: 12px 4px;
    line-height: 16px;
  }
  .graella table tr > td:last-child {
    padding: 10px 20px;
  }
  footer {
    font-size:12px;
  }
  #popup-text,
  #popup-buttons{
    float: none!important;
    width: 100%!important;
    max-width: none!important;
  }
}