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

/*BODY*/
iframe{
		overflow:hidden;
}

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-con,
.podcasts-cont .podcasts .share-cont .embed,
.essencials-alacarta .essencial .share-cont .embed,
.essencials-home .essencial .share-cont .embed {
	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-transco-facetion:all 0.2s ease-in-out; /* Opera */
	outline:0!important;
}

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

.textarea-embed {
	position: relative;
	z-index: 1;
	width: 100%;
	height: auto;
	max-width: 320px;
	min-height: 70px;
	border-color: #d5d5d5;
	padding: 4px 10px;
	font-size: 90%;
	outline: 0!important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.essencials-home .essencial .share-cont .textarea-embed {
	border-color: #fff;
	color: #000;
}

.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;
	height: 90px;
	width: 100%;
}
.publi-top span {
	position:relative;
	display:inline-block;
	left: -4px;
	top: 30px;
	display: none;
}


/*************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:after {
	display:none;
}
.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 {
	display: none;
	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,
.sabadell-informa-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?p06b58#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,
.sabadell-informa-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 img {
	margin-bottom: 20px;
	vertical-align: middle;
}
.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.embeded:after {
	position: absolute;
	display: inline-block;
	content: " ";
	left: 10px;
	top: 20px;
	width: 245px;
	height: 40px;
	padding: 4px 20px;
	background: #fff url(../images/logo-radiosabadell-vermell.png) no-repeat center center;
	background-size: 94% auto;
}
.podcasts-cont .podcasts {
	margin-bottom:20px;
}
.podcasts-cont.embeded .jp-audio {
	margin: 20px 0!important;
	margin-top: 4px!important;
}
.podcasts-cont.embeded .podcasts {
	position: relative;
	padding: 10px 20px!important;
	padding-top: 40px!important;
	border: 1px solid #cc101f;
	height: auto;
}
.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;
}
.podcasts-cont .podcasts .share-cont,
.essencials-alacarta .essencial .share-cont,
.essencials-home .essencial .share-cont .embed {
	display: inline-block;
	padding:0; 
}
.podcasts-cont .podcasts .share-cont a,
.podcasts-cont .podcasts .share-cont .embed,
.essencials-alacarta .essencial .share-cont a,
.essencials-alacarta .essencial .share-cont .embed,
.essencials-home .essencial .share-cont a,
.essencials-home .essencial .share-cont .embed {
	display:inline-block;
	width:30px;
	height:30px;
	border:2px solid #333;
	border-radius:50%;
	margin:0 4px;
	padding:0;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:70% auto;
	background-color: #fff;
	text-indent:-99999999px;
	overflow:hidden;
	opacity:.2;
}
.essencials-home .essencial .share-cont a,
.essencials-home .essencial .share-cont .embed {
	border: 2px solid #fff;
	opacity: .4;
	background-color: #cb1020;
}
.podcasts-cont .podcasts .share-cont a.facebook,
.essencials-alacarta .essencial .share-cont a.facebook,
.essencials-home .essencial .share-cont a.facebook {
	background-image:url(../images/ico-facebook-dark.png);
}
.essencials-home .essencial .share-cont a.facebook {
	background-image:url(../images/ico-facebook.png);
}
.podcasts-cont .podcasts .share-cont a.twitter,
.essencials-alacarta .essencial .share-cont a.twitter,
.essencials-home .essencial .share-cont a.twitter {
	background-image:url(../images/ico-twitter-dark.png);
}
.essencials-home .essencial .share-cont a.twitter {
	background-image:url(../images/ico-twitter.png);
}
.podcasts-cont .podcasts .share-cont a.soundcloud,
.essencials-alacarta .essencial .share-cont a.soundcloud,
.essencials-home .essencial .share-cont a.soundcloud {
	display: none;
	background-image:url(../images/ico-soundcloud-dark.png);
}
.essencials-home .essencial .share-cont a.soundcloud {
	background-image:url(../images/ico-soundcloud.png);
}
.podcasts-cont .podcasts .share-cont a.googleplus,
.essencials-alacarta .essencial .share-cont a.googleplus,
.essencials-home .essencial .share-cont a.googleplus {
	background-image:url(../images/ico-googleplus-dark.png);
}
.essencials-home .essencial .share-cont a.googleplus {
	background-image:url(../images/ico-googleplus.png);
}
.podcasts-cont .podcasts .share-cont a.download,
.essencials-alacarta .essencial .share-cont a.download,
.essencials-home .essencial .share-cont a.download {
	background-image:url(../images/ico-download-dark.png);
}
.essencials-home .essencial .share-cont a.download {
	background-image:url(../images/ico-download.png);
}
.podcasts-cont .podcasts .share-cont input.embed,
.essencials-alacarta .essencial .share-cont input.embed,
.essencials-home .essencial .share-cont input.embed {
	vertical-align: top;
	padding: 0;
	margin: 0;
	outline: 0!important;
	background-image:url(../images/ico-embed-dark.png);
}
.essencials-home .essencial .share-cont input.embed {
	background-image:url(../images/ico-embed.png);
}
.podcasts-cont .podcasts .share-cont a:hover,
.podcasts-cont .podcasts .share-cont .embed:hover,
.essencials-alacarta .essencial .share-cont a:hover,
.essencials-alacarta .essencial .share-cont .embed:hover,
.essencials-home .essencial .share-cont a:hover,
.essencials-home .essencial .share-cont .embed:hover {
	opacity:.6;
}
.essencials-home .essencial .share-cont a:hover,
.essencials-home .essencial .share-cont .embed:hover {
	opacity:.8;
}



/*************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;
}

/**********SABADELL INFORMA*********/

.view-sabadell-informa .revista {
	padding-left: 0;
	list-style-type: none;
	overflow: hidden;
}
	.view-sabadell-informa .revista .item {
		position: relative;
		display: table;
		width: 100%;
		padding: 0;
		padding-left: 60px;
		vertical-align: middle;
		margin-bottom: 20px;
		border-bottom: 1px solid #eaeaea;
		padding-bottom: 20px;
	}
		.view-sabadell-informa .revista .item:before {
			position: absolute;
			display: inline-block;
			content: " ";
			left: 0;
			width: 50px;
			height: 50px;
			background: #cc111f url(../images/ico-revista-download.png) no-repeat center center;
			background-size: 60% auto;
			border-radius: 100%;
			margin: auto;
			margin-bottom: 10px;
		}
		.view-sabadell-informa .revista .item .data {
			display: block;
			vertical-align: middle;
			color:#ccc;
		}
		.view-sabadell-informa .revista .item a {
			display: block;
			text-decoration: none;
			color: #333;
			vertical-align: middle;
		}
		.view-sabadell-informa .revista .item a:hover {
			color: #cb1020;
		}
		.view-sabadell-informa .revista .item a h3 {
			margin-top: 0;
		}


/*************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;
	display: inline-block;
	width: 100%;
	padding:20px 0;
}
.podcasts-cont .podcasts .share-cont,
.essencials-alacarta .essencial .share-cont,
.essencials-home .essencial .share-cont {
	padding-top: 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 .title {
	display: block;
	font-size: 90%;
	margin-bottom: 4px;
	color:#aaa;
}
.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 {
	display: none;
	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;
	}
	.view-sabadell-informa .revista .item {
		float: left;
		width: 50%;
	}
	


	footer {
		font-size:12px;
	}
	#popup-text,
	#popup-buttons{
		float: none!important;
		width: 100%!important;
		max-width: none!important;
	}
}