/* Artfully masterminded by ZURB  */

/* --------------------------------------------------
   Table of Contents
-----------------------------------------------------
:: Fonts
:: Shared Styles
:: Home
:: Plantilla caixetes
:: Plantilla Comerços
:: Houdini
:: Editores
:: Subportades
:: Media
:: Forms
:: Cerca
*/

/* -----------------------------------------
   Fonts
----------------------------------------- */
@font-face {
	font-family: "museo_slab300";
	src: url("fonts/museo_slab_300-webfont.eot");
	src: url("fonts/museo_slab_300-webfont.eot?#iefix") format("embedded-opentype"),
		url("fonts/museo_slab_300-webfont.woff") format("woff"),
		url("fonts/museo_slab_300-webfont.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "museo_slab500";
	src: url("fonts/museo_slab_500-webfont.eot");
	src: url("fonts/museo_slab_500-webfont.eot?#iefix") format("embedded-opentype"),
		url("fonts/museo_slab_500-webfont.woff") format("woff"),
		url("fonts/museo_slab_500-webfont.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

/* -----------------------------------------
   Shared Styles
----------------------------------------- */
body {
	font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	/*padding-top:128px !important;*/
	padding-top: 0 !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "museo_slab300", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #333326;
}
h1 {
	font-size: 50px;
	font-weight: normal;
	border-bottom: 1px solid #dddddd;
	line-height: 1.15em;
	padding-bottom: 0.15em;
	margin-bottom: 0.75em;
}
.subportada h1 {
	font-size: 30px;
}
#main p.apartat {
	font-size: 30px;
	margin-bottom: 1em;
	font-family: "museo_slab300", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: normal;
	border-bottom: 1px solid #dddddd;
	line-height: 1.15em;
	padding-bottom: 0.15em;
}
.noticies h1 {
	font-size: 3em;
}
.fitxa_prego h1 {
	font-size: 3em;
}
span.logo,
.top-bar > ul .name h1 {
	border: 0 !important;
	font-family: "museo_slab500", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	color: #ff0000;
}

h2 {
	font-size: 30px;
}
.vine h2 {
	font-size: 23px;
}
#main p.subtitol {
	font-size: 23px;
	font-family: "museo_slab300", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: normal;
}

h3,
h4,
h5 {
	font-size: 26px;
	font-family: "museo_slab500", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
h4 {
	font-size: 22px;
}
h5 {
	font-size: 18px;
}

em {
	font-style: italic;
}
strong {
	font-weight: 700;
}
hr.separa {
	border: 0;
	display: block;
	border-top: 1px solid #ddd;
	margin: 1em 0 1.25em 0;
	padding: 0;
}
.contain-to-grid {
	background: transparent;
	background-color: rgba(255, 255, 255, 0.8); /* RGBa color */
	background: #ffffff !important;
}
.top-bar {
	background: none;
	height: 90px; /*overflow:hidden;*/
	position: relative;
}
.top-bar ul > li a:not(.button) {
	height: 90px;
	line-height: 90px;
}
.lt-ie9 .top-bar ul li a {
	height: 90px;
	line-height: 90px;
}
.top-bar ul > li a:not(.button) {
	color: #666666;
	font-size: 15px;
	font-weight: normal;
}
.top-bar > ul .name h1 a,
.top-bar > ul .name span.logo a {
	font-weight: normal;
	color: #ff0000 !important;
	font-size: 37px !important;
}

.top-bar ul > li:hover:not(.name),
.top-bar ul > li.active:not(.name),
.top-bar ul > li:focus:not(.name) {
	background: none;
}
.top-bar ul > li:hover:not(.name) a,
.top-bar ul > li.active:not(.name) a,
.top-bar ul > li:focus:not(.name) a {
	color: #000000;
}
/*.top-bar ul > li.name:hover {
	background-color: #fff;
}*/
.top-bar ul > li .logo a:not(.button) {
	display: inline;
}
ul.right {
	position: relative;
}
ul.right li.search {
	display: none;
	position: absolute;
	top: 60px;
	right: 0;
	background: none;
	text-align: right;
	list-style: none;
}
.options ul li.search form {
	width: 300px;
	margin-top: 20px;
}
.options ul li.search form input[type="search"] {
	display: inline;
	width: 70%;
	padding: 8px 8px 6px 8px;
	height: auto;
}
ul.right li.has-button {
	display: block;
	position: relative;
	top: 8px;
	left: 0;
}

.submenu {
	background: #000;
	min-height: 38px;
}
.subnav {
	position: relative;
	width: 100%;
}
.subnav ul {
	margin-left: 0;
	display: inline;
	height: 38px;
	line-height: 38px;
	list-style: none;
}
.subnav ul > li {
	float: left;
}
.subnav ul > li.separador {
	display: none;
}
.subnav ul > li a {
	color: white;
	display: block;
	font-size: 13px;
	font-weight: normal;
	height: 38px;
	line-height: 38px;
	padding: 0 12px;
}
.subnav ul > li a:hover,
.subnav ul > li.current a {
	background: #ff0000;
}
.subnav ul > li > a:hover > span,
.subnav ul > li.current > a > span {
	position: relative;
	bottom: 0;
	width: 100%;
	height: 20px;
	top: -1px;
	display: block;
	background: url("../comu/current.png") 50% 0 no-repeat;
}
.subnav ul li > ul {
	display: none;
}

/* Side Nav */
#main ul.side-nav {
	border-top: 1px solid #ddd;
	margin: 2em 0 0.875em 0;
	padding: 0;
	background: none;
}
#main ul.side-nav li {
	border-bottom: 1px solid #ddd;
	line-height: 1.2;
	padding: 0 !important;
	margin: 0 !important;
	background: none !important;
}
#main ul.side-nav li a {
	font-size: 16px;
	padding: 0.6em 0.875em;
	color: #000;
	background: none;
}
#main ul.side-nav li.active a {
	color: #fff !important;
	background: #ff0000;
	font-weight: normal;
}
#main ul.side-nav li a:hover {
	color: #fff;
	background: #ff0000;
}
#main ul.side-nav li ul {
	margin: -0.125em 0 0.375em 1.5em;
	list-style: none;
}
#main ul.side-nav li ul > li {
	background: none;
	padding: 0;
	margin: 0;
}
#main ul.side-nav li ul > li.last {
	border: 0;
}
#main ul.side-nav li.active ul > li a,
#main ul.side-nav li ul > li a {
	color: #000 !important;
	background: none;
	padding: 0.5em;
	line-height: 1.2;
}
#main ul.side-nav li ul > li a:hover {
	color: #fff !important;
	background: #ff0000;
}
#main ul.side-nav li ul > li.active a {
	color: #fff !important;
	background: #ff0000;
	font-weight: normal;
}
.imgdestacada {
	text-align: center;
	margin-bottom: 0;
	overflow: hidden;
	max-height: 385px;
}
.imgdestacada img {
	width: 100%;
}
.videodestacat {
	text-align: center;
	margin-bottom: 0;
	overflow: hidden;
	max-height: 450px;
}
.videodestacat .fillWidth {
	width: 100%;
}

.button {
	font-weight: normal;
	border: 0;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.bt_mes {
	padding: 0.4em 0.6em;
	font-size: 20px;
	background: #ff0000;
	color: white;
	-webkit-border-radius: 1000px;
	-moz-border-radius: 1000px;
	-ms-border-radius: 1000px;
	-o-border-radius: 1000px;
	border-radius: 1000px;
}
.bt_mes:hover,
.bt_mes:focus {
	color: white;
	background-color: #b5311b;
}

.bt_mes_mes {
	padding: 0 0.45em;
	font-size: 20px;
	font-weight: bold;
	background: #ff0000;
	color: white;
	-webkit-border-radius: 1000px;
	-moz-border-radius: 1000px;
	-ms-border-radius: 1000px;
	-o-border-radius: 1000px;
	border-radius: 1000px;
}
.bt_mes_mes:hover,
.bt_mes_mes:focus {
	color: white;
	background-color: #b5311b;
}

a.pujar {
	padding-top: 27px;
	text-align: center;
	background: url("../comu/ico_pujar.png") 50% 0 no-repeat;
	display: block;
}

.footer1 {
	background: url("../comu/bg_high.jpg") 0 0 repeat-x;
	padding: 2em 0 0 0;
	margin: 0;
}

#main {
	margin-top: 2em;
	margin-bottom: 2em;
}
#home #main {
	margin-top: 0;
	margin-bottom: 0;
}
#main header {
	position: relative;
}
#main img.foto {
	margin-bottom: 1em;
}
/* footer */
footer {
	background: #000;
	padding: 1.75em 0 0.5em 0;
}
footer p {
	text-align: center;
	color: #fff;
}
footer a {
	color: #fff;
	text-decoration: underline;
}
ul.social {
	float: right;
	margin: 0;
	padding: 0;
}
ul.social li {
	display: inline;
	font-size: 2.3075em;
	margin-left: 0.25em;
}
ul.social li a {
	color: #000;
}
ul.social li a:hover {
	color: #ff0000;
}

.reveal-modal-bg {
	z-index: 10000;
}
.reveal-modal {
	z-index: 10001;
}

footer a.ml {
	margin-left: 30px;
}

/* -----------------------------------------
   Home
----------------------------------------- */

#home .submenu {
	display: none;
}
#featuredContent {
	max-height: 438px;
	overflow: hidden;
}
#featuredContent img {
	width: 100%;
}

.orbit-wrapper .slider-nav {
	display: block;
}
.orbit-wrapper .slider-nav span {
	width: 54px;
	height: 54px;
	margin-top: -27px;
}
.orbit-wrapper .slider-nav span.right {
	right: 10px;
}
.orbit-wrapper .slider-nav span.left {
	left: 10px;
}
.lt-ie9 .orbit-wrapper .slider-nav span.right {
	background: url("../comu/orbit/right-arrow.png");
}
.lt-ie9 .orbit-wrapper .slider-nav span.left {
	background: url("../comu/orbit/left-arrow.png");
}
.orbit.with-bullets {
	margin-bottom: 60px;
}
ul.orbit-bullets {
	bottom: -55px;
	margin-left: auto;
}
ul.orbit-bullets li {
	width: 15px !important;
	height: 14px !important;
	background-position: 0 0;
	margin-left: 5px;
	margin-right: 5px;
}
ul.orbit-bullets li.active {
	color: #222222;
	background-position: -15px 0;
}

.orbit-wrapper .orbit-caption {
	background: #fff;
	background: rgba(255, 255, 255, 0.7);
	color: #000;
	width: 330px;
	height: 330px;
	overflow: hidden;
	padding: 3em 2em;
	font-size: 12px;
	position: absolute;
	right: 50%;
	bottom: 50%;
	margin-right: -165px;
	margin-bottom: -165px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.orbit-wrapper .orbit-caption h3 {
	font-size: 32px;
	padding: 0 0.75em;
	color: #000;
}
.orbit-wrapper .orbit-caption p {
	font-size: 17px;
	margin-bottom: 10px;
}
.orbit-wrapper .orbit-caption p.play {
	margin: 0;
	padding: 0;
	font-size: 12px;
}
.orbit-wrapper .orbit-caption p.play a {
	display: block;
	background: url("../comu/ico_play.png") 50% 0 no-repeat;
	padding: 50px 0 0 0;
	color: #333;
	text-transform: uppercase;
	margin: 0;
}

.diapo {
	display: none;
	background: #fff;
	background: rgba(255, 255, 255, 0.7);
	color: #000;
	width: 330px;
	height: 330px;
	overflow: hidden;
	padding: 3em 2em;
	font-size: 12px;
	text-align: center;
	position: absolute;
	right: 50%;
	bottom: 50%;
	margin-right: -165px;
	margin-bottom: -165px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.diapo h3 {
	font-size: 30px;
	padding: 0 0.75em;
	color: #000;
	text-align: center;
}
.diapo p {
	font-size: 17px;
	margin-bottom: 10px;
	text-align: center;
}
.diapo p.play {
	margin: 0;
	padding: 0;
	font-size: 12px;
}
.diapo p.play a {
	display: block;
	background: url("../comu/ico_play.png") 50% 0 no-repeat;
	padding: 50px 0 0 0;
	color: #333;
	text-transform: uppercase;
	margin: 0;
}

.orbit-wrapper .slider-nav,
.orbit-wrapper .timer {
	display: none !important;
}

.actualitat {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding-bottom: 2em;
}
.actualitat div.actual {
	text-align: center;
}
.actualitat h2 {
	margin-top: 0;
}
.actualitat h2 a {
	display: block;
	background: url("../comu/h3_prego.png") 50% 0 no-repeat;
	padding: 80px 0 50px 0;
	font-size: 15px;
	text-transform: uppercase;
	font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	color: #000;
}
.actualitat h2.noticies a {
	background-image: url("../comu/h3_noticies.png");
}
.actualitat h2.agenda a {
	background-image: url("../comu/h3_agenda.png");
}

.actualitat p.data {
	color: #353526;
}
#main.actualitat p.text {
	color: #000;
	font-size: 19px;
}
#main.actualitat a {
	border: 0;
}

/*destacats*/
.highlights {
	background: url("../comu/bg_high.jpg") 0 0 repeat-x;
	padding: 3em 0 0 0;
	margin-bottom: 0em;
	border-bottom: 1px solid #ddd;
}
.flexslider {
	margin: 2em 0% 0 0;
}
.flexslider li {
	padding: 0 15px;
	width: 303px !important;
	text-align: center;
	float: left;
}
.flexslider li h2 {
	margin: 1em 0 0.75em 0;
	font-size: 30px;
}
.flexslider .slides li img.foto {
	margin: 0 auto;
	width: 73%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.flexslider li p {
	font-size: 15px;
}

.flexslider .slides > li {
	width: 303px;
	display: block;
}
.flex-direction-nav {
	display: none !important;
} 
.flex-control-nav {
	width: auto;
	margin: 0 auto;
	position: relative;
	bottom: 0;
	padding: 2em 0;
}
.flexslider .flex-control-nav li {
	width: auto;
	width: 15px !important;
	height: 15px;
	margin: 0 5px;
}
.flex-control-nav li a {
	background-color: #ccc;
	box-shadow: none;
	width: 15px;
	height: 15px;
	margin: 0;
}
.flex-control-nav li a:hover,
.flex-control-nav li a.flex-active {
	background-color: #ff0000;
}

.flexslider .slides li:hover a {
	color: #cb371f;
}
.flexslider .slides li:hover .bt_mes {
	background-color: #b5311b;
}

/*sense slide*/
#home .highlights div.destacat {
	text-align: center;
}
#home .highlights div.destacat h2 {
	margin: 1em 0 0.75em 0; 
	font-size: 30px;
}
#home .highlights div.destacat img.foto {
	margin: 0 auto;
	width: 73%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
#home .highlights div.destacat p.no-color-link a {
	color:#333325 !important;
}


.videos-portada {
	overflow: hidden;
	width: 100%;
	text-align: center;
	margin-bottom: 0;
	overflow: hidden;
	max-height: 438px;
}
.videos-portada .fillWidth {
	width: 100%;
}

.img-portada {
	max-height: 625px;
	overflow: hidden;
	margin-bottom: 0;
}
.img-portada img {
	width: 100%;
}

.no-color-link a {
	color:#333325 !important;
}

/* -----------------------------------------
   Plantilla caixetes
----------------------------------------- */
#main.caixetes h1 {
	font-size: 30px;
}
#main.caixetes h2 {
	font-size: 23px;
}
#main.caixetes .row_caixetes {
	padding-bottom: 2em;
	margin-bottom: 2em;
	border-bottom: 1px solid #ddd;
}
#main.caixetes #featuredContent {
	max-height: 400px;
	overflow: hidden;
}
#main.caixetes .orbit.with-bullets {
	margin-bottom: 40px;
}

/* -----------------------------------------
   Plantilla comerços
----------------------------------------- */
#main ul li.sense {
	padding-left: 0 !important;
	margin-left: 0 !important;
	background: none !important;
}
#main div.comerc {
	padding-bottom: 2em !important;
}
#main div.comerc p {
	margin-bottom: 0;
}

/* -----------------------------------------
   Plantilla servei
----------------------------------------- */

#main.servei .row_servei {
	margin-top: 1.5em;
	padding-bottom: 1em;
	margin-bottom: 2em;
	border-bottom: 1px solid #ddd;
}
#main.servei header h2 {
	margin-top: 0;
}

/* -----------------------------------------
   Houdini
----------------------------------------- */

/*afegit per a houdini*/
/* =accessibility */
#acc,
.assistive-text {
	position: absolute;
	top: -9999em;
}

/* For modern browsers */
.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
	zoom: 1;
}
/*Vincles externs*/
a:link.external,
a:visited.external,
a:focus.external {
	background-image: url("../comu/icon_link_ext.gif");
	background-position: right 0.45em;
	background-repeat: no-repeat;
	padding-right: 12px;
}
a:hover.external,
a:active.external {
	background-image: url("../comu/icon_link_ext2.gif");
	background-position: right 0.45em;
	background-repeat: no-repeat;
	padding-right: 12px;
}
a.rss-icon {
	position: absolute !important;
	right: 0px !important;
	bottom: 0.6em !important;
	color: #333326 !important;
	padding: 0.5em 24px 0.5em 0.5em !important;
	background: url("../comu/ico_rss.png") 100% 50% no-repeat !important;
}
a.back {
	border-bottom: 0 !important;
	font-size: 15px !important;
	line-height: 15px !important;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
	position: absolute;
	right: 0px;
	bottom: 0.6em;
	padding: 0.5em 0 0.5em 18px;
	background: url("../comu/kland_back.png") 0 70% no-repeat;
}
a.image {
	border: 0 !important;
}
a.image.external {
	background: none !important;
	padding-right: 0 1important;
}



div.addthis_toolbox a.external {
	background: none !important;
	padding-right: 0 1important;
}
div.addthis_toolbox span {
	float: left;
}
/*Text + imatge*/
div.txtImgEsq,
div.txtImgDr {
	margin-top: 0.5em;
}
p.txtImgEsq img,
div.txtImgEsq img {
	float: left;
	margin: 0.25em 20px 1em 0;
}
ul.txtImgEsqCont,
ol.txtImgEsqCont,
p.txtImgEsqCont {
	margin-left: 310px;
}
div.txtImgDr img {
	float: right;
	margin: 0.25em 0 1em 20px;
}
ul.txtImgDrCont,
ol.txtImgDrCont,
p.txtImgDrCont {
	margin-right: 310px;
}
#main p a {
	border-bottom: 1px dotted #ff0000;
	word-wrap: break-word;
}

p.primer {
	background: url("../comu/kland_1.png") 0 0.3em no-repeat;
	text-indent: 18px;
}
p.mes {
	background: url("../comu/kland_mes.png") 0 50% no-repeat;
	text-indent: 34px;
	padding: 0.25em 0;
}
span.mes {
	background: url("../comu/kland_mes.png") 0 50% no-repeat;
	text-indent: 34px;
	padding: 0.25em 0 0.25em;
	margin-top: 0.85em;
	display: inline-block;
}
/*p.linia {border-bottom: 1px dotted #eee;margin-bottom:1.5em;padding-bottom:1em;}*/
p.linia,
div.linia {
	background: url("../comu/bg_p_destacat.png") 0 100% no-repeat;
	margin-bottom: 2em;
	padding-bottom: 1.15em;
}
div.linia {
	padding-bottom: 0.5em;
}

p.center {
	text-align: center;
}
p.back {
	text-align: right;
	font-size: 12px;
}
p.back a {
	background: url("../comu/kland_back.png") 0 0.3em no-repeat;
	padding-left: 12px;
}
p.top {
	text-align: right;
	border-top: 1px dotted #999999;
	font-size: 12px;
}

#main blockquote {
	background: url("../comu/bg_destacat.png") 0 0.75em no-repeat;
	border: none;
	margin-bottom: 2em;
	padding: 0;
}
#main blockquote p {
	padding-left: 80px;
	font-size: 22px;
	color: #ff0000;
	font-style: italic;
	font-weight: 600;
	line-height: 1.5em;
	min-height: 70px;
}

#main p {
	font-size: 15px;
	color: #333325;
}
#main ul {
	list-style: none;
}
#main ul:not(.orbit-bullets) li {
	background: url("../comu/kland_1.png") 0 0.3em no-repeat;
	padding-left: 22px;
	margin-bottom: 1em;
	margin-left: 1em;
	font-size: 15px;
}
#main ul:not(.orbit-bullets) li.caixaTitol {
	font-weight: 700;
}
#main ul:not(.orbit-bullets) li ul {
	list-style: none;
	margin-left: 0;
}
#main ul:not(.orbit-bullets) li ul li {
	background: url("../comu/kland_2.png") 0 0.3em no-repeat;
	padding-left: 22px;
	margin: 0.75em 0;
}
#main ul:not(.orbit-bullets) li ul li ul li {
	background: url("../comu/kland_3.png") 0 0.75em no-repeat;
	padding-left: 8px;
	margin: 0.5em 0;
}

#main ol {
}
#main ol li {
	font-size: 15px;
	margin-bottom: 1em;
}

#main ul.llista_caixa {
	list-style: none;
	background: #eee;
	margin-bottom: 25px;
	padding: 1px 0 0 0;
	background: #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
	display: block;
}
#main ul.llista_caixa li {
	border: 0;
	background-color: #fff;
	background-position: 9px 13px;
	margin: 0.5em 0.5em;
	padding: 8px 10px 8px 30px;
}
#main ul.llista_caixa li.caixaTitol {
	border: 0;
	background: #ff0000;
	color: #fff;
	padding: 0.5em 0.75em;
	margin: 0 0 0.5em 0;
}
#main ul.llista_caixa li:first-child {
}
#main ul.llista_caixa li:last-child {
}

#main ul.llista_fons {
	list-style: none;
	margin-bottom: 25px;
	padding: 0;
}
#main ul.llista_fons li {
	background-color: #f2f2f2;
	background-position: 9px 13px;
	margin: 0.25em 0;
	padding: 8px 10px 8px 30px;
}
ul.llista_fons li.caixaTitol {
	background: #ccc;
}

#main ul.llista_separadors {
	list-style: none;
	margin-bottom: 25px;
	padding: 0;
}
#main ul.llista_separadors li {
	background: 0;
	border-bottom: 1px dotted #999999;
	margin: 0;
	padding: 8px 0;
}
#main ul.llista_separadors li.caixaTitol {
	border-bottom: 1px solid #999;
}
#main ul.linia {
	background: url("../comu/bg_p_destacat.png") 0 100% no-repeat;
	margin-bottom: 2em;
	padding-bottom: 1.15em;
}
#main ul.duesCol {
}
#main ul.duesCol li {
	margin-left: 0;
	float: left;
	width: 45%;
	margin-right: 3%;
}
#main ul.duesCol li.nomargin {
	margin-right: 0;
}

#main ul.pagination {
	border-top: 1px solid #ddd;
	margin-bottom: 1em;
}
#main ul.pagination li {
	border-right: 1px solid #ddd;
	background: none;
	padding: 0;
	margin: 0 0 2em 0;
	height: auto;
}
#main ul.pagination li.prev {
	width: 25%;
}
#main ul.pagination li.next {
	border: 0;
	text-align: right;
	float: right;
	width: 25%;
}
#main ul.pagination li a {
	font-size: 14px;
	padding: 1em 1.5em;
}
#main ul.pagination li.prev a {
	padding: 1em 60px;
	background-image: url("../comu/pag_prev.png");
	background-position: 5% 50%;
	background-repeat: no-repeat;
}
#main ul.pagination li.next a {
	padding: 1em 60px;
	background-image: url("../comu/pag_next.png");
	background-position: 95% 50%;
	background-repeat: no-repeat;
}

#main table {
	margin-bottom: 1.25em;
	background: #fff;
	border: 0;
	width: 100%;
	border-spacing: 3px;
}
#main table th,
#main table td {
	font-size: 15px;
	padding: 0.75em;
	text-align: left;
	display: table-cell;
	line-height: 1.125em;
}
#main table th {
	background: #ff0000;
	color: #fff;
	font-weight: 700;
}
#main table td {
	background: #f2f2f2;
}

/* -----------------------------------------
   Editores
----------------------------------------- */
#main div.icona {
	text-align: center;
}
#main form.form-inline {
}
#main form.form-inline input#filter,
#main form.form-inline #filter-label {
	display: none;
}

#main ul.listing {
}
#main ul.listing li {
	padding: 0 0 1em 0;
	margin: 0 0 2em 0;
	background: url("../comu/bg_p_destacat.png") left bottom no-repeat;
}
#main ul.listing li:last-child {
	background: none;
}

#main div.resum {
	border-bottom: 1px solid #ddd;
	margin-top: 1.5em;
	margin-bottom: 2em;
	padding-bottom: 0.5em;
}
#main div.resum p {
	font-size: 18px;
	font-style: italic;
	font-weight: 600;
	line-height: 1.5em;
}
#main div.resum2 {
	border-bottom: 1px solid #ddd;
	margin-top: 1.5em;
	margin-bottom: 2em;
	padding-bottom: 0.5em;
}

#main p.categories {
	font-size: 13px;
	padding: 0;
	margin: 0;
	padding-left: 24px;
	background: url("../comu/ico_cal.png") 0 0 no-repeat;
}
#main p.date {
	font-size: 13px;
	padding: 0;
	margin: 0;
	padding-left: 24px;
	background: url("../comu/ico_cal.png") 0 0 no-repeat;
}
#main p.foto_registre {
}
#main p.foto_registre a {
	border: 0 !important;
}
#main p.peufoto {
	margin: 0 0 2em 0;
	padding: 0;
	background: url("../comu/bg_p_destacat.png") 0 100% no-repeat;
	font-size: 13px;
	padding-bottom: 2em;
}

#main div.related {
	margin: 3em 0 0 0;
}
#main div.related h3 {
	font-size: 22px;
	padding-left: 28px;
	background: url("../comu/ico_adjunt.png") 0 50% no-repeat;
}
#main div.related ul {
	margin: 1.5em 0 2em 0;
}
#main div.related ul li {
	background: #f2f2f2 url("../comu/ico_link.png") 15px 0.75em no-repeat;
	font-size: 15px;
	margin-bottom: 0.25em;
	padding: 0.5em 0.75em 0.6em 45px;
}
#main div.related ul li.pdf {
	background-image: url("../comu/ico_pdf.png");
	background-position: 15px 0.5em;
}
#main div.related ul li.doc {
	background-image: url("../comu/ico_doc.png");
	background-position: 15px 0.5em;
}
#main div.related ul li.zip {
	background-image: url("../comu/ico_zip.png");
	background-position: 15px 0.5em;
}

#main div.tags,
#main div.addthis_toolbox {
	margin: 3em 0 0 0;
}
/* -----------------------------------------
   Subportades
----------------------------------------- */
#main .caixa {
	margin-bottom: 30px;
}
#main .caixa a {
	font-size: 17px;
	text-align: center;
	display: block;
	background: #f6f6f6 url("../comu/ico_composicio.png") 50% 30px no-repeat;
	border-bottom: 1px solid #ccc;
	padding: 100px 0.5em 1em 0.5em;
}
#main .caixa a:hover {
	background-color: #f0f0f0;
}

#main .caixa a.composicio {
	background-image: url("../comu/ico_composicio.png");
}
#main .caixa a.comunicats {
	background-image: url("../comu/ico_comunicats.png");
}
#main .caixa a.tramits {
	background-image: url("../comu/ico_tramits.png");
}
#main .caixa a.subvencions {
	background-image: url("../comu/ico_subvencions.png");
}
#main .caixa a.prego {
	background-image: url("../comu/ico_prego.png");
}
#main .caixa a.actes-ple {
	background-image: url("../comu/ico_actes.png");
}
#main .caixa a.retribucions {
	background-image: url("../comu/ico_retribucio.png");
}
#main .caixa a.gravacio-ple {
	background-image: url("../comu/ico_streaming.png");
}

#main .caixa a.llar {
	background-image: url("../comu/ico_llar.png");
}
#main .caixa a.cap {
	background-image: url("../comu/ico_cap.png");
}
#main .caixa a.centre {
	background-image: url("../comu/ico_centre.png");
}
#main .caixa a.tanatori {
	background-image: url("../comu/ico_tanatori.png");
}
#main .caixa a.bombers {
	background-image: url("../comu/ico_bombers.png");
}
#main .caixa a.pij {
	background-image: url("../comu/ico_pij.png");
}
#main .caixa a.biblio {
	background-image: url("../comu/ico_biblio.png");
}
#main .caixa a.escola {
	background-image: url("../comu/ico_escola.png");
}
#main .caixa a.ies {
	background-image: url("../comu/ico_ies.png");
}
#main .caixa a.aigua {
	background-image: url("../comu/ico_aigua.png");
}
#main .caixa a.aula {
	background-image: url("../comu/ico_aula.png");
}
#main .caixa a.bici {
	background-image: url("../comu/ico_bicis.png");
}
#main .caixa a.porta {
	background-image: url("../comu/ico_porta-porta.png");
}
#main .caixa a.serveis-esportius {
	background-image: url("../comu/ico_serveis-esportius.png");
}
#main .caixa a.presentacio {
	background-image: url("../comu/ico_presentacio.png");
}
#main .caixa a.viver {
	background-image: url("../comu/ico_viver.png");
}
#main .caixa a.microcredits {
	background-image: url("../comu/ico_microcredits.png");
}
#main .caixa a.borsa {
	background-image: url("../comu/ico_borsa.png");
}
#main .caixa a.habitatge {
	background-image: url("../comu/ico_habitatge.png");
}
#main .caixa a.ajuts-habitatge {
	background-image: url("../comu/ico_ajuts-habitatge.png");
}
#main .caixa a.ajuts-autonoms {
	background-image: url("../comu/ico_ajutsautonoms.png");
}

#main .caixa a.denuncia {
	background-image: url("../comu/ico-canal-denuncies.png");
}


#main .caixa a.arees-treball {
	background-image: url("../comu/ico-arees-de-treball.svg");
}


#main.promocio .caixa a {
	font-family: "museo_slab300", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 20px;
	padding: 75px 0.5em 1em 0.5em;
	padding-top: 90px;
	background-position: 50% 15px;
}
#main .caixa a span {
	display: block;
	color: #333326;
	font-size: 14px;
	margin-top: 1em;
}

.caixa2 {
	text-align: center;
	margin-bottom: 2em;
}
.caixa2:hover a {
	color: #cb371f;
}
.caixa2:hover .bt_mes {
	background-color: #b5311b;
}

/* -----------------------------------------
   Media
----------------------------------------- */
@media only screen and (min-width: 940px) {
	.top-bar ul.left li > ul {
		display: none;
	}
	#home {
		padding-top: 90px !important;
	}
	body {
		padding-top: 128px !important;
	}
}

@media only screen and (max-width: 940px) {
	/*#home {padding-top:75px !important;}*/
	.top-bar {
		background: none;
		height: 75px;
	}
	/*body {padding-top:45px !important;padding-top:75px !important;}*/
	.top-bar ul > li a:not(.button) {
		height: 45px;
		line-height: 45px;
	}
	.lt-ie9 .top-bar ul li a {
		height: 45px;
		line-height: 45px;
	}
	ul.right {
		display: none;
		position: relative;
		left: 0;
		float: left;
	}
	ul.right li.search {
		position: relative;
		top: 0;
		left: 0;
		display: block !important;
		text-align: left;
	}
	ul.right li.search form {
		width: 50%;
	}
	ul.right li.has-button a {
		display: none;
	}
	.submenu {
		display: none;
	}
	.top-bar > ul .name h1 a,
	.top-bar > ul .name span.logo a {
		font-size: 30px !important;
	}

	.top-bar {
		background: #ffffff !important;
	}
	.top-bar ul li.toggle-topbar {
		width: 100%;
		top: 45px;
		background: #000 !important;
		height: 30px;
	}

	.top-bar ul.left li:not(.active) ul {
		display: none;
	}
	.top-bar ul.left {
		margin-top: 30px;
	}
	.top-bar ul.left li {
		border-bottom: 1px solid #c2c2c2;
	}
	.top-bar ul.left li a {
		background: #4c4c4c;
		color: #fff;
	}
	.top-bar ul.left li a:hover {
		background: #000;
		color: #fff;
	}

	.top-bar ul.left li.active {
		background: #ff0000;
	}
	.top-bar ul.left li.active a {
		background: #000;
		color: #fff;
	}
	.top-bar ul.left li.active li a:hover {
		color: #000;
	}
	.top-bar ul.left li.active li {
		border: 0;
	}
	.top-bar ul.left li.active li a {
		background: transparent;
		color: #fff;
	}
	.top-bar ul.left li.active li ul {
		margin: 0;
		padding: 0 0 0.5em 0;
		border-bottom: 1px solid #ff4d4d;
		list-style-type: disc;
	}
	.top-bar ul.left li.active li ul li {
		border: 0;
		padding: 0;
		margin: 0;
	}
	.top-bar ul.left li.active li ul li a {
		height: 25px;
		line-height: 25px;
		padding: 0;
		padding-left: 30px !important;
		margin: 0;
		background: url("../comu/kland_n.png") 20px 50% no-repeat;
	}

	.top-bar ul.right {
		background: #000;
	}

	.top-bar .toggle-topbar a,
	.top-bar.eexpanded .toggle-topbar a {
		top: 0 !important;
		right: 0;
		margin: 0 !important;
		padding: 0;
		border: 0 !important;
		height: 30px;
		line-height: 30px;
	}
	.top-bar .toggle-topbar.menu-icon a {
		text-indent: -48px;
		width: 30px;
		height: 30px;
		line-height: 33px;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		color: white;
	}
	.top-bar .toggle-topbar:hover a,
	.top-bar .toggle-topbar.menu-icon a:hover {
		color: white !important;
	}
	.top-bar .toggle-topbar.menu-icon a span {
		position: absolute;
		top: 0 !important;
		right: 0px;
		display: block;
		width: 16px;
		height: 0px;
		box-shadow: 0px 10px 0px 1px white, 0px 16px 0px 1px white, 0px 22px 0px 1px white;
	}
	.top-bar.expanded .toggle-topbar a span {
		box-shadow: #888888;
	}
	.orbit-wrapper .orbit-caption {
		margin-bottom: -185px;
	}
}
@media only screen and (max-width: 767px) {
	.top-bar > ul .name h1 a,
	.top-bar > ul .name span.logo a {
		background: #fff !important;
	}
	ul.right li.search form {
		width: 100%;
		float: left;
	}
	.top-bar ul li.search form input[type="search"] {
		margin-right: 1em;
		float: left;
	}
	.orbit-wrapper .orbit-caption {
		width: 100%;
		height: auto;
		bottom: 0;
		right: 0;
		margin: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		padding: 0.25em 1em;
	}
	.diapo {
		width: 100%;
		height: 100%;
		right: 0;
		bottom: 0;
		padding: 1em 0.5em;
		margin: 0;
		font-size: 12px;
		background: rgba(255, 255, 255, 0.5);
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.diapo h3 {
		font-size: 24px !important;
	}
	.diapo p {
		font-size: 15px;
		text-align: center;
	}
	.diapo p.play {
		margin-top: 1em;
	}
	.diapo p.play a {
		display: inline;
		background: url("../comu/ico_play_mini.png") 0 50% no-repeat;
		padding: 10px 0 5px 20px;
		color: #333;
		text-transform: uppercase;
		margin: 0;
	}

	/*Text + imatge*/
	div.txtImgEsq,
	div.txtImgDr {
		margin-top: 0.5em;
	}

	div.txtImgEsq img {
		float: none;
		margin: 0.25em 0 1em 0;
	}
	ul.txtImgEsqCont,
	ol.txtImgEsqCont,
	p.txtImgEsqCont {
		margin-left: 0;
	}
	div.txtImgDr img {
		float: none;
		margin: 0.25em 0 1em 0;
	}
	ul.txtImgDrCont,
	ol.txtImgDrCont,
	p.txtImgDrCont {
		margin-right: 0;
	}

	.side-nav-container ul {
		display: none;
	}
}
@media only screen and (max-width: 479px) {
	#home #main,
	#featuredContent,
	.videos-portada,
	.orbit-wrapper {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	.diapo {
		padding: 0.5em 0.25em;
		margin: 0;
	}
	.diapo h3 {
		font-size: 16px !important;
		margin-bottom: 0.25em;
	}
	.diapo p.play {
		margin-top: 0.5em;
	}
	#main iframe {
		height: 200px !important;
	}
}
#main iframe {
	border: 0 !important;
}
/* -----------------------------------------
   Forms
----------------------------------------- */
#main form.custom div.custom.dropdown {
	margin-bottom: 1.25em;
	width: 100% !important;
}
#main form.custom div.custom.dropdown ul {
	width: 100% !important;
}
#main form.custom div.custom.dropdown ul li {
	color: #555555;
	font-size: 12px;
	cursor: pointer;
	padding: 3px 3px 6px 10px;
	min-height: 18px;
	line-height: 18px;
	margin: 0px;
	white-space: nowrap;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	background: none;
}

#main form.custom div.custom.dropdown ul li:hover {
	background: #ddd;
	color: #000000;
}
form.custom div.custom.dropdown a.current {
	background-color: #eeeeee;
}
form.custom div.custom.dropdown a.selector {
	background-color: #eeeeee;
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
	background-color: #eeeeee;
	border: 1px solid #ccc;
	margin-bottom: 1em;
}
#main .error input,
#main input.error,
#main .error textarea,
textarea.error,
.error input:focus,
#main input.error:focus,
#main .error textarea:focus,
#main textarea.error:focus {
	border-color: #c60f13;
	background-color: rgba(198, 15, 19, 0.1);
}
.button.large {
	padding: 15px 50px 16px 50px;
	text-transform: uppercase;
}
#main label {
	margin-bottom: 0.75em;
}
#main form p.error {
	margin: -1em 0 1em 0;
	padding: 0;
	font-size: 13px;
	color: #c00;
	font-style: italic;
}

/* -----------------------------------------
   Cerca
----------------------------------------- */
#main div.cerca-element {
	background: url("../comu/bg_p_destacat.png") 0 100% no-repeat;
	margin-bottom: 1.5em;
	padding-bottom: 1.5em;
}
#main div.cerca-element div.icona {
	background: url("../comu/ico_comunicats.png") 50% 1em no-repeat;
	min-height: 65px;
}
#main div.pregons div.icona {
	background-image: url("../comu/ico_prego.png");
}
#main div.noticies div.icona {
	background-image: url("../comu/ico_noticies.png");
}
#main div.agenda div.icona {
	background-image: url("../comu/ico_agenda.png");
}
#main div.informacions-oficials div.icona {
	background-image: url("../comu/ico_comunicats.png");
}
/* play&pause videos*/
@media only screen and (min-width: 767px) {
	.play-toggle {
		background-position: 0 0;
		background-repeat: no-repeat;
		cursor: pointer;
		height: 40px;
		position: absolute;
		right: 30px;
		top: 15px;
		width: 40px;
		z-index: 10;
		opacity: 0.9;
	}

	.play-toggle.on {
		background-image: url("img/pause.png");
	}
	.play-toggle.off {
		background-image: url("img/play.png");
	}
}
@media only screen and (min-width: 960px) {
	.play-toggle {
		top: 25px;
	}
	.videodestacat .play-toggle {
		top: 150px;
	}
}
div.breadcrumb {
	margin-bottom: 19px;
	line-height: 1.6;
}
#main .compartir p {
	margin-bottom: 0.3em;
	font-weight: bold;
}
#main .compartir ul {
	margin-left: 0.1em;
}
#main .compartir ul li {
	background: none;
	padding-left: 0;
	margin-left: 0.1em;
}
.logos-promocio {
	margin-bottom: 1.5em;
}
.logos-promocio p {
	border-top: solid 1px #ccc;
	padding-top: 1em;
	font-size: 0.9em;
}
.logos-promocio li {
	min-height: 60px;
	padding: 0 1.5em;
}
.logos-promocio a.external:link,
.logos-promocio a.external:visited,
.logos-promocio a.external:focus img {
	background-image: none;
	padding-right: 0;
}
/*calendari*/
.cal {
	position: relative;
}
#main table th,
#main table.cal td {
	padding: 0.2em;
	text-align: center;
}
.cal caption {
	font-size: 1em;
	line-height: 1.5;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}

.cal .fletxa {
	position: absolute;
	top: 0;
}

.cal .previous {
	left: 5px;
}

.cal .next {
	right: 5px;
}

#main table th,
#main table.cal thead tr th,
#main table th,
#main table.cal tfoot tr th,
#main table th,
#main table.cal tbody tr td,
.cal tr td,
#main table th,
#main table.cal tfoot tr td {
	font-size: 1.125em;
	text-align: center;
}

.cal thead {
	background: none;
}

.cal tbody tr,
.cal tbody tr:nth-child(even) {
	background: #e9e9e9;
}

.cal thead tr th {
	font-weight: normal;
	color: #666;
}
#main table.cal th {
	background-color: #fff;
}
#main table.cal th abbr {
	border: none;
	text-transform: lowercase;
	color: #666;
}

.cal thead tr th {
	padding-top: 5px;
	padding-bottom: 0;
}

.cal .notInMonth {
	background: #fff !important;
}

.cal .eventDay {
	background: #ff0000 !important;
}

.cal .eventDay a:link {
	color: #fff;
	text-decoration: underline;
}

.cal .eventDay a:visited {
	color: #fff;
}

div.separador {
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 2em;
	font-size: 1.1em;
}
div.separador span {
	background-color: #fff;
	padding: 1em;
	margin-top: 5px;
	position: relative;
	top: 7px;
}
div.separador div {
	border-top: 1px solid #ccc;
	margin: 0;
	padding: 0;
	height: 1px;
}

.news-header p {
	font-size: 0.9em !important;
}
/* Pregons automàtics app ebando */
.ebando-widget-body {
	border: 0 !important;
}
.ebando-widget-body .ebando-header {
	display: none;
}
.ebando-widget-body ul.bandos {
	padding: 0 !important;
}
.ebando-widget-body ul.bandos li {
	padding: 0 !important;
	margin: 0 !important;
	background: none !important;
}
.ebando-widget-body ul.bandos li .item-title {
	font-size: 26px;
	font-family: "museo_slab500", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
.ebando-widget-body ul.bandos li .item-title span {
	font-size: 15px;
}

/* -----------------------------------------
   Xarxes socials portada
----------------------------------------- */
.xarxes-socials {
	background: #edeeed;
	padding: 1em 0 2em 0;
}

.instagram h2,
.facebook h2,
.twitter h2 {
	background: url("../comu/instagram.png") no-repeat;
	text-transform: uppercase;
	padding: 1em 0 0.7em 2.7em;
	font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 14px;
	border-bottom: 2px white solid;
}
#main .instagram ul li,
#main .facebook ul li,
#main .twitter ul li {
	background: none;
	margin: 0;
	padding-left: 0;
	display: inline-block;
}

.logo-garrigues{
	border-top: 1px solid #ddd;
}
.logo-garrigues a{
	display: flex;
	justify-content: center;
	margin: 2em 0 0;
}
.logo-garrigues img{
	max-width: 260px;
}

.logo-garrigues.home {
	border:none;
}
.logo-garrigues.home a{
	margin: 2em 0;
}

.instagram img {
	border: 5px white solid;
	width: 110px;
}
.instagram .mes-img-xarxes {
	display: block;
	float: none;
}
.instagram .mes-img-xarxes a:link.external,
.facebook .mes-img-xarxes a:link.external,
.twitter .mes-img-xarxes a:link.external {
	background-image: none;
	padding-right: 20px;
}
.facebook div {
	font-size: 14px;
}
.facebook p {
	margin-bottom: 0;
}

.facebook h2 {
	background: url("../comu/facebook.png") no-repeat;
}
.facebook h3 {
	font-size: 14px;
	font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	line-height: 1.6;
}
.facebook ul li img {
	float: left;
	width: 100px !important;
	max-width: none;
	padding-right: 1.7em;
	padding-bottom: 0.4em;
	padding-top: 0.4em;
}
.twitter h2 {
	background: url("../comu/twitter.png") no-repeat;
}
.twitter .usr {
	margin-bottom: 0;
}

.whatsapp{
	display: flex;
}
.whatsapp a.external{
	position: relative;
	top: -12px;
	left: 5px;
	background: none;
}
/* -----------------------------------------
   Botó superior Portal transparència
----------------------------------------- */
@media only screen and (max-width: 940px) {
	.options {
		display: none;
	}
	.top-bar ul.sub-portal {
		display: static;
	}
	.top-bar ul.sub-portal a {
		background: #cccccc;
		color: white;
	}
}
@media only screen and (min-width: 940px) {
	.top-bar ul.sub-portal {
		display: none;
	}
	.options {
		width: 220px;
		float: right;
		display: block;
		margin-top: 15px;
		z-index: 1000;
	}
	.options p {
		float: left;
		margin-bottom: 0;
	}
	.options .button.btn-blank {
		background: transparent;
		border: 2px #ff0000 solid;
		border-radius: 8px;
		color: #ff0000;
		box-shadow: none;
	}
	.options .button.btn-blank:hover {
		background: #ff0000;
		box-shadow: none;
		color: white;
	}
	.container-options {
		max-width: 940px;
		margin: 0 auto;
		position: relative;
		z-index: 1000;
	}

	.top-bar ul.left {
		float: right;
	}
	.top-bar ul.left li.last a {
		padding-right: 0;
	}
	.top-bar ul.left > li a:not(.button),
	.top-bar ul > li a:not(.button) {
		height: auto;
		line-height: normal;
	}
	.top-bar ul > li h1 a:not(.button) {
		height: 90px;
		line-height: 110px;
	}
	.top-bar ul > li span.logo a:not(.button) {
		line-height: 135px;
	}

	.top-bar > ul .name h1 a,
	.top-bar > ul .name span.logo a {
		font-size: 45px !important;
		margin-top: 15px;
	}

	.submenu {
		margin-top: 20px;
	}

	.top-bar > ul .name {
		height: 110px;
	}
}