@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');

@font-face {
    font-family: "FormulaCondensed-Bold";
    src: url("../fonts/FormulaCondensed-Bold.otf") format("opentype");
}

body,
a.card-link { 
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	color: #000;
	/*background: grey;*/
}
a {
	color: #000;
	text-decoration: none; /* underline? */
}
a:hover {
	text-decoration: none;
	color: rgb(255,59,33);
}
a:focus {
	text-decoration: none;
	color: rgb(255,59,33);
}

::selection {
	background: rgba(255,59,33,0.3);
}
::-moz-selection {
	background: rgba(255,59,33,0.3);
}

h2,
a.nav-link,
button.boto-requadrat,
a.boto-requadrat,
.dropdown-item {
  font-family: "FormulaCondensed-Bold", sans-serif;
  text-transform: uppercase;
  color: rgb(255,59,33) !important; /* El vermell */
  letter-spacing: 2px;
}
.dropdown-item {
    padding: 6px 1.5rem 1px 1.5em;
}
.dropdown-item:hover {
    background-color: rgba(255,59,33,0.2);
}
p.dreta {
	text-align: right;
}
p.centrat {
	text-align: center;
}

h2 {
	font-size: 32px;
	margin-bottom: .5em;
}
button.boto-requadrat,
a.boto-requadrat {
	font-size: 32px;
	margin-bottom: 0;
}

h3.titulars {
	font-size: 40px;
	font-family: "FormulaCondensed-Bold", sans-serif;
	text-transform: uppercase;
	color: rgb(255,59,33) !important;
	text-decoration: underline;
	line-height: 46px;
}

/* Padding i margins */
.pt-10 {
	padding-top:10px;
}
.pt-20 {
	padding-top:20px;
}
.pt-30 {
	padding-top:30px;
}
.pt-40 {
	padding-top:40px;
}
.pb-10 {
	padding-bottom:10px;
}
.pb-20 {
	padding-bottom:20px;
}
.pb-30 {
	padding-bottom:30px;
}
.pb-40 {
	padding-bottom:40px;
}
.pb-50 {
	padding-bottom:50px;
}
.pb-60 {
	padding-bottom:60px;
}

.mb-30 {
	margin-bottom: 30px;
}

.f38-lh47 {
	font-size: 38px !important;
	line-height: 47px !important;
}

.f600 {
	font-weight: 600;
}

.f62 {
	font-size:60px !important;
}

.f45 {
	font-size:45px !important;
}

.f34 {
	font-size:34px !important;
}

.sabies-que {
	font-size: 60px !important;
}



/* IMATGES */

img {
	max-width: 100%;
}
img:not(.color) {
	filter: grayscale(100%);
}

.navbar-brand img {
	max-width: 75px;
	margin-bottom:20px;
}

/* NAVEGACIÓ */
.navbar {
    right: 0;
    position: absolute;
    bottom: 1.2em;
    /*margin-right: 15px;*/
}
body.home .navbar .not-collapsed {
	display: none;
}
button:focus {
	outline: none;
}
.navbar-light .navbar-toggler-icon {
    background-image: url("../images/common/menu.png");
}
.navbar .not-collapsed {
	text-align: left;
	display: none;
}
.navbar .not-collapsed .nav-link {
    padding: 0;
}

.navbar .not-collapsed ul.navbar-nav,
.navbar .not-collapsed ul.navbar-nav li,
.navbar .not-collapsed ul.navbar-nav li a.nav-link {
	display: inline !important;
}
.navbar .navbar-collapse {
    position: absolute;
    top: 5em;
    z-index: 2;
    background: #fff;
    text-align: right;
}
.navbar .not-collapsed .nav-link {
	font-size: 20px;
}
.navbar .navbar-collapse .nav-link {
	font-size: 26px;
	display: block;
    padding: 0;
}

.navbar .navbar-collapse .nav-link.destacat {
	font-size: 38px;
}
/*.navbar .not-collapsed li:not(:nth-child(1)) .nav-link.destacat {
	border-left: 1px solid #000;
	padding-left: 1em;
}*/
.navbar .navbar-collapse .nav-item {
	padding: .25em .5em 0 .5em !important;
}
.navbar .not-collapsed .nav-item {
	padding: .8em .15em .55em .5em !important;
	margin-left: .3em;
}
.navbar .not-collapsed .nav-item:hover,
.navbar .nav-item.f-active {
	background: rgb(255,59,33);
	box-shadow: -6px 6px 0 0 rgba(255,59,33,0.2);
}
.navbar .not-collapsed .nav-item:hover>a,
.navbar .nav-item.f-active a {
	color: #fff !important;
}

.navbar .nav-item .dropdown-menu a {
	color: rgb(255,59,33) !important;
}

.navbar .navbar-collapse .nav-item:hover,
.navbar .nav-item .dropdown-menu a.s-active {
	background-color: rgba(255,59,33,0.2) !important;
}

.navbar .dropdown-menu {
	right: 0;
	left: auto;
}

.separator:after {
	content: ' ';
	border-right: 1px solid #000000;
	margin-left: 20px;
	margin-right: 14px;
}

.dropdown-menu {
	font-size: 20px;
}

/* DISPOSICIÓ“ */

div.container-fluid {
	max-width: 1200px;
	background: #fff;
	padding-top: 2em;
}
div.row:not(:nth-child(1)):not(:nth-child(2)) {
	margin: 4em 0 0 0;
}
footer {
	margin: 8em 0 4em 0;
}

/* Amb quadre fotant 1 */
.amb-quadre-flotant-1 {
	padding-top: 10em;
}
.amb-quadre-flotant-1>div:nth-child(1) {
	transform: translateX(100%);
	right: 0;
	top: -10em;
}
.amb-quadre-flotant-1>div:nth-child(2) {
    position: absolute;
    left: 2em;
    width: 85%;
    max-width: none;
	z-index: 1;
}
.amb-quadre-flotant-1 img.quadrat {
  object-fit: cover;
  width: 450px;
  height: 450px;
  float: right;
}

/* Amb quadre fotant 2 */
.amb-quadre-flotant-2 {
	padding-top: 10em;
}
.amb-quadre-flotant-2>div:nth-child(1) {
	top: -10em;
}
.amb-quadre-flotant-2>div:nth-child(2) {
    position: absolute;
    right: 0;
    width: 50%;
    max-width: none;
	z-index: 1;
}
.amb-quadre-flotant-2 img.quadrat {
  object-fit: cover;
  width: 700px;
  height: 600px;
}

/* Amb quadre fotant 2 Invertit*/
.amb-quadre-flotant-2-inv {
	padding-top: 10em;
}
.amb-quadre-flotant-2-inv>div:nth-child(1) {
	position: absolute;
	left: 0;
	width: 50%;
	max-width: none;
	z-index: 1;
}
.amb-quadre-flotant-2-inv>div:nth-child(2) {
	top: -10em;
	text-align: right;
}
.amb-quadre-flotant-2-inv img.quadrat {
	object-fit: cover;
	width: 700px;
	height: 600px;
}

/* Amb quadre fotant 3 */
.amb-quadre-flotant-3>div:nth-child(2) {
	z-index: 1;
}
.amb-quadre-flotant-3>div:nth-child(3) {
	top: -3em;
}

/* Amb quadre fotant 4 */
.amb-quadre-flotant-4 button {
	float: right;
	position: relative;
    bottom: -15px;
    z-index: 1;
}
.amb-quadre-flotant-4 .requadrat {
	position: absolute;
	top: 80px;
	right: 0;
	width: 120%;
}


/* Amb quadre flotant 5 */
.amb-quadre-flotant-5 {
	margin-top: 3em !important;
	margin-bottom: 7em !important;
	max-width: 1100px;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}
.amb-quadre-flotant-5 button {
	position: absolute;
	font-size: 3em;
	bottom: -20px;
	right: -35px;
	z-index: 1;
	padding: .3em .8em .1em .8em;
}
.height-igual {
	height: 325px;
}
.quadre-slider-text .height-igual {
	/*height: 250px;*/
}

.amb-quadre-flotant-5 .requadrat {
	display: table;
	width: 100%;
}
.amb-quadre-flotant-5 .requadrat p {
	display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    font-size: 1.5em;
    line-height: 1em;
}
.quadre-slider-text.amb-quadre-flotant-5 .requadrat p {
	font-size: 1.2em;
	line-height: 1.2em;
}
.amb-quadre-flotant-5 .fletxa {
	position: absolute;
	top: auto;
	bottom: 125px;
}
.quadre-slider-text.amb-quadre-flotant-5 .fletxa {
	bottom: 40%;
}
.amb-quadre-flotant-5 .fletxa.esquerra {
    left: -15px;
}
.amb-quadre-flotant-5 .fletxa.dreta {
    right: -15px;
}


.botonsgrans button {
	width: 50.4%;
	box-shadow: none;
	padding: 1.1em .5em .9em .5em;
	font-size: 2.2em;

}
.botonsgrans button:nth-child(2) {
	margin-left: -12px;
	padding-right: 12px;
}
.botonsgrans>div>div:not(.no-shadow) {
	height:100%;
	box-shadow: -6px 6px 0 0 rgba(255,59,33,0.2);
	white-space: nowrap;
}

.patrocinadors img {
    margin: 0 25px;
}

/* Fi dels quadres flotants */

.fonsambparaula {
	background: url('../images/common/amunt.png') no-repeat center center !important;
	text-align: center;
}
.requadrat,
.boto-requadrat,
.navbar-toggler,
.navbar-collapse,
.dropdown-menu {
	border: 6px solid rgb(255,59,33) !important;
	background: #fff;
	box-shadow: -6px 6px 0 0 rgba(255,59,33,0.2);
	border-radius: 0;
}
.boto-requadrat:hover {
	color: #fff !important;
	background: rgb(255,59,33)
}
.dropdown-menu {
	top: 3.5em;
}
.navbar {
	padding: 0;
}
.navbar-nav {
	margin: 0;
}
.navbar-toggler {
	border-radius: 0;
	height: 70px;
	width: 70px;
}
.navbar-collapse {
	position: absolute;
	min-width: 240px;
	right: 0;
}
.navbar-collapse ul li {
	padding: 0;
}
.dropdown-toggle::after {
	display: none;
}

.capasuperior {
	z-index: 2;
}
.capainferior {
	z-index: 1;
}
.row.menumosaic {
	padding-bottom: 80px;
}
.row.destacatsagenda {
	font-size: 1.3em;
	font-weight: bold;
}
.navmosaic {
	z-index: 1;
	position: absolute;
	line-height: 1em;
}
.navmosaic.agenda {
    padding: .4em .6em .2em .6em;
    font-size: 2em;
    top: 15px;
    left: 190px;
}
.navmosaic.colles {
    padding: .8em 1.2em .6em .6em;
   	top: 35px;
    text-align: left;
}
.navmosaic.castells {
	white-space: nowrap;
	font-size: 2.8em;
    padding: .5em .5em .3em .5em;
   	left: 125px;
   	top: -75px;
}
.navmosaic.galeria {
    padding: .5em .7em .3em .7em;
    font-size: 1.2em;
    left: 100px;
}
.navmosaic.unesco {
    padding: .5em .7em .3em .7em;
    font-size: 1.2em;
    top: 70px;
    left: 130px;
}
.navmosaic.usuaris {
	white-space: nowrap;
	font-size: 2em;
	bottom: -15px;
	left: 50px;
	padding: .7em .8em .5em .8em;
}
.navmosaic.hashtag {
	top: -55px;
	left: -20px;
	font-size: 1.4em;
	padding: .5em .6em .2em .6em;
}
.navmosaic.comparteix {
	top: -20px;
	left: -175px;
	font-size: 1.4em;
	padding: .5em 1em .2em 1em;
}
.navmosaic.twitter {
	top: 5px;
	left: -30px;
	padding: .9em;
	height: 50px;
	width: 50px !important;
	background: #fff url('../images/common/twitter-orange.png') 13px center no-repeat;
	background-size: 30px;
}
.navmosaic.twitter:hover {
	background: rgb(255,59,33) url('../images/common/twitter-white.png') 13px center no-repeat;
	background-size: 30px;
}
.navmosaic.mail {
	top: 5px;
	left: 30px;
	padding: .9em;
	height: 50px;
	width: 50px !important;
	background: #fff url('../images/common/envelope-orange.png') 13px center no-repeat;
	background-size: 30px;
}
.navmosaic.mail:hover {
	background: rgb(255,59,33) url('../images/common/envelope-white.png') 13px center no-repeat;
	background-size: 30px;
}
.navmosaic.instagram {
	top: 45px;
	left: 5px;
	padding: .9em;
	height: 50px;
	width: 50px !important;
	background: #fff url('../images/common/instagram-orange.png') 13px center no-repeat;
	background-size: 30px;
}
.navmosaic.instagram:hover {
	background: rgb(255,59,33) url('../images/common/instagram-white.png') 13px center no-repeat;
	background-size: 30px;
}
.navmosaic.facebook {
	top: 45px;
	left: 5px;
	padding: .9em;
	height: 50px;
	width: 50px !important;
	background: #fff url('../images/common/facebook-orange.png') 13px center no-repeat;
	background-size: 30px;
}
.navmosaic.facebook:hover {
	background: rgb(255,59,33) url('../images/common/facebook-white.png') 13px center no-repeat;
	background-size: 30px;
}
.navmosaic.cccc {
	bottom: 115px;
	font-size: 2em;
	white-space: nowrap;
	left: -100px;
	padding: .4em .7em .3em .7em;
}
.navmosaic.que {
	bottom: 5px;
	font-size: 2em;
	white-space: nowrap;
	left: -55px;
	padding: .8em .9em .5em .9em;
}
.navmosaic.contacte {
	bottom: -55px;
	font-size: 2em;
	left: -170px;
	padding: .5em 1em .3em 1em;
}
.navmosaic.actualitat {
	bottom: 5px;
	font-size: 1.2em;
	left: -150px;
	padding: .5em .5em .3em .5em;
}
.navmosaic.bbdd {
	bottom: 80px;
	font-size: 1.2em;
	left: -75px;
	padding: .5em 1em .3em 1em;
}

.fletxa {
	position: absolute;
	top: 40px;
	height: 70px;
	width: 70px !important;
	z-index: 1;
}
.fletxa.esquerra {
	background: #fff url('../images/common/esquerra-orange.png') 12px center no-repeat;
	background-size: 30px;
	left: 15px;
}
.fletxa.esquerra:hover {
	background: rgb(255,59,33) url('../images/common/esquerra-white.png') 12px center no-repeat;
	background-size: 30px;
}
.fletxa.dreta {
	background: #fff url('../images/common/dreta-orange.png') 15px center no-repeat;
	background-size: 30px;
	right: 15px;
}
.fletxa.dreta:hover {
	background: rgb(255,59,33) url('../images/common/dreta-white.png') 15px center no-repeat;
	background-size: 30px;
}
button.boto-sobre-marge-caixa,
a.boto-sobre-marge-caixa {
	display: inline-block;
	position: absolute;
}
.amb-quadre-flotant-1 button.boto-sobre-marge-caixa,
.amb-quadre-flotant-1 a.boto-sobre-marge-caixa {
	left: 50%;
    transform: translateX(-50%);
}
.amb-quadre-flotant-3 button.boto-sobre-marge-caixa {
	right: -2%;
}

.requadrat {
	padding: 2em;
}
.boto-requadrat.a-sang,
.requadrat.a-sang {
	padding: 0;
}
.boto-requadrat {
	padding: .2em 1.6em 0;
}

.card {
	border: none;
	border-bottom: 6px solid rgba(255,59,33,0.2);
    border-radius: 0;
}
ul,
.acordio {
	margin: 2em 0;
}
.acordio:before {
	content: " ";
	display: block;
	position: relative;
  	background-color: rgb(255,59,33);
  	height: 6px;
  	left: 6px;
  	max-height: 6px;
}
.card-header,
.card-body {
	border-bottom: 6px solid rgb(255,59,33);
	position: relative;
	border-radius: 0;
	left: 6px;
    background-color: #fff;
}
.card-header:first-child {
	border-radius: 0;
}
.card-body {
	padding: .75rem 1.25rem;
	padding-top: 0;
	/*background: rgba(255,59,33,0.2);*/
}
.card:nth-child(1) {
	border-top: 6px solid rgba(255,59,33,0.2);
}

.carousel-simple-one {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 150px;
}

#carouselText .carousel-inner {
	min-height: 200px;
}

.carousel-caption {
	color: #000;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	min-width: 70%;
}

.carousel-caption p {
	margin-bottom: 0;
}

.border-only {
	border: 6px solid rgb(255,59,33) !important;
	box-shadow: -6px 6px 0 0 rgba(255,59,33,0.2);
}

.cursor-default {
	cursor: default !important;
}

/**/

.form-control-red {
	border-radius: 0;
	border: 6px solid rgb(255,59,33);
	margin-bottom: 20px;
	width: 100% !important;
	max-width: 300px;
	color: rgb(255,59,33);
	line-height: 30px;
	font-size: 26px;
	font-family: "FormulaCondensed-Bold", sans-serif;
	padding-bottom: 1px;
}

.input-icon {
	margin-bottom: 20px;
	padding: 13px 19px 13px 13px;
	background-color: rgb(255,59,33);
	color: #FFF;
}

.input-icon .fa {
	height: 22px;
}

.form-control:focus {
	color: rgb(255,59,33);
	background-color: #fff;
	border-color: rgb(255,59,33);
	outline: 0;
}

.btn-primary {
	color: #fff;
	background-color: rgb(255,59,33);
	border-color: rgb(255,59,33);
}

.btn-primary:hover {
	color: rgb(255,59,33);
	background-color: #fff;
	border-color: rgb(255,59,33);
}

.btn-primary.disabled, .btn-primary:disabled {
	background-color: rgba(255,59,33,0.2);
	border-color: rgba(255,59,33,0.2);
	color: rgba(255,59,33,0.6);
}

.form-red {
	background-color: #f5dfe2;
	border: 1px solid #f5dfe2;
	border-radius: 0;
}

.form-red:focus {
	color: #464a4c;
	background-color: #fff;
	border-color: #f5dfe2;
	outline: 0;
}

.form-contact {
	max-width: 720px;
	margin: 0 auto;
	position: relative;
}

.form-contact .form-group {
	max-width: 474px;
	margin: 20px auto;
}

.form-contact button[type="submit"] {
	position: absolute;
	bottom: -36px;
	right: 30px;
	cursor: pointer;
}

ul.parsley-errors-list {
	margin:0;
	padding: 4px 0 0;
	list-style: none;
	color: rgb(255,59,33) !important;
}

/**/
.card-body-colles {
	display: flex;
	justify-content: center;
	padding: 20px 0;
	align-items: center;
}

.card-body-colles img {
	max-height: 130px;
}

/**/

.btn-bt-over-center {
	position: absolute;
	bottom: -36px;
	left: 50%;
	transform: translate(-50%, 0);
}

/**/

.gallery-photo {
	min-height: 200px;
	background-size: cover;
	background-position: center;
	margin-bottom: 30px;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	cursor: zoom-in;
}

/**/

.sobremenu {
	position: absolute;
	right: 15px;
}
.sobremenu img {
	width: 12px;
	position: relative;
	bottom: 2px;
}
.sobremenu a {
	font-size: .7em;
	margin-left: 1em;
	z-index: 2;
}
.sobremenu a.active {
	color: rgb(255,59,33) !important;
	text-decoration: none;
}

#carouselColles .carousel-item,
#carouselSabies .carousel-item {
	text-align: center;
	align-items: center;
	justify-content: center;
}

.dropdown:hover > .dropdown-menu {
	display: block;
}
.dropdown > .dropdown-toggle:active {
	/*Without this, clicking will make it sticky*/
	pointer-events: none;
}

.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	overflow: hidden;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.my-flex-cont {
	display: flex;
	flex-wrap: wrap;
}
.my-flex-in {
	flex: 1 0 50%;
	text-align: center;
}

a.ini-red {
	background: rgb(255,59,33);
	color: #FFF !important;
}
a.ini-red:hover {
	background: rgb(255,255,255);
	color: rgb(255,59,33) !important;
}

.ptb-bt-30 {
	padding-top: 36px !important;
	padding-bottom: 30px !important;
}

.plr-bt-40 {
	padding-left: 40px !important;
	padding-right: 40px !important;
}

.mt-6em {
	margin-top: 6em !important;
}

.mt-20 {
	margin-top: 20px;
}

.mt-30 {
	margin-top: 30px;
}

.mt-40 {
	margin-top: 40px;
}

.f50 {
	font-size:50px !important;
}

.f60 {
	font-size:60px !important;
}

.text-underline {
	text-decoration: underline;
}

.icon-collapse {
	position: absolute;
	right:10px;
	top: 0;
	font-size: 34px;
}

/*
* Actualitat
*/

.boto-back {
	background: #fff url('../images/common/esquerra-orange.png') 12px center no-repeat !important;
	background-size: 30px !important;
	border: 6px solid rgb(255,59,33) !important;
	box-shadow: -6px 6px 0 0 rgba(255,59,33,0.2);
	border-radius: 0;
	height: 70px;
	width: 70px !important;
	display: block;
}

.boto-back:hover {
	background: rgb(255,59,33) url('../images/common/esquerra-white.png') 12px center no-repeat !important;
	background-size: 30px !important;
}

#selector,
.selectors .selector {
	display: table;
	margin: 0 auto;
	position: relative;
}

#selector > a,
.selectors .selector > a {
	font-size: 65px;
}

#selector ul,
.selectors .selector ul {
	position: absolute;
	margin: 0;
	left: 45%;
	width: auto;
	top: 80px;
	display: none;
	z-index: 999;
	list-style: none;
	border: 6px solid rgb(255,59,33) !important;
	background: #fff;
	box-shadow: -6px 6px 0 0 rgba(255,59,33,0.2);
	border-radius: 0;
	padding: 10px 0;
}

#selector ul li,
.selectors .selector ul li {
	padding: 10px 20px;
    line-height: 17px;
}

#selector ul li:hover,
#selector ul li.active,
.selectors .selector ul li:hover,
.selectors .selector ul li.active {
    background-color: rgba(255,59,33,0.2);
}

#selector ul li:last-child,
.selectors .selector ul li:last-child{
	margin-bottom: 0;
}

#selector ul li a,
.selectors .selector ul li a {
	color: rgb(255,59,33);
	font-family: "FormulaCondensed-Bold", sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 20px;
}

.image-post {
	width: 100%;
	height: 230px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	-webkit-filter: grayscale(99%);
	filter: grayscale(99%);
	margin-bottom: 20px;
}

.post {
	margin-bottom: 20px;
}

.post:hover .image-post {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}

/**/
#agenda {
	margin-top: 40px;
}

#agenda .element::before {
	content: " ";
	display: block;
	position: relative;
	background-color: rgb(255,59,33);
	height: 6px;
	left: 6px;
	max-height: 6px;
}

#agenda .element-header {
	border-top: 6px solid rgba(255,59,33,0.2);
	padding: 5px;
	padding-top: 20px;
}

#agenda .element-body {
	display: flex;
	justify-content: center;
	padding: 10px 0;
	align-items: flex-start;
}

.divTable{
	display: table;
	width: 90%;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	display: table-header-group;
}
.divTableCell, .divTableHead {
	display: table-cell;
	width:50%;
	padding: 0 5px;
}
.divTableHeading {
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}

.cityname {
	text-indent: 14px;
}

.results {
	padding: 0 10% 20px;
	margin-top: -15px;
}

.results a {
	text-transform: uppercase;
	text-decoration: underline;
}

.results a:hover {
	text-decoration: none;
}

.content-hide {
	margin-bottom: 20px;
	display: none;
}

.content-hide .colla-result {
	padding-top: 10px;
}

/*temp*/
.dropdown-menu {
	top: 43px;
}

/*paginate*/
.page-item.active .page-link {
	z-index: 2;
	color: #fff;
	background-color: rgb(255,59,33);
	border-color: rgb(255,59,33);
}

.page-link {
	position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: rgb(255,59,33);
	background-color: #fff;
	border: 1px solid rgb(255,59,33);
}

.page-item.disabled .page-link {
	color: rgba(255,59,33,0.5);
	pointer-events: none;
	cursor: not-allowed;
	background-color: #fff;
	border-color: rgba(255,59,33,0.5);
}

.page-item:last-child .page-link {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}

.page-item:first-child .page-link {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}

.page-link:focus, .page-link:hover {
	color: #fff;
	text-decoration: none;
	background-color: rgb(255,59,33);
	border-color: rgb(255,59,33);
}


/*Titols*/
.title-abs-on {
	margin-top: 50px;
}
.title-abs-on a {
	top: -67px;
	position: absolute;
	z-index: 100;
	left: 86px;
}

.title-abs-r-on {
	margin-top: 50px;
}
.title-abs-r-on a {
	top: -67px;
	position: absolute;
	z-index: 100;
	right: 10px;
}

.position-relative {
	position: relative;
}

/**/

.selectors a.boto-requadrat {
	font-size: 60px;
	padding-top: 8px !important;
	padding-bottom: 2px !important;
}

.selectors a.boto-requadrat.current-colla,
.selectors a.boto-requadrat.current-municipi {
	padding-top: 22px !important;
	padding-bottom: 18px !important;
}

/* FOOTER */

footer h4 {
    font-size: 16px;
    text-align: center;
}

footer .copy {
	text-align: center;
}

footer .xarxes {
	text-align: right;
}

footer .xarxes img {
	max-width: 30px;
    max-height: 30px;
    margin-left: .4em;
}

.xxss img {
	opacity: 0.8;
}

.xxss img:hover {
	opacity: 1;
}

footer xxss p {
	text-align: right;
}

/* DISSENY ADAPTATIU */

@media (max-width: 500px) {

	.title-abs-on a {
		left: 46px;
	}
}
@media (max-width: 440px) {
	.logo-footer img {
		max-width: 70% !important;
		max-height: 60%;
	}
	footer .col-md-3 p {
	    position: relative;
	    top: auto; 
	    left: 0;
	    width: 100%;
	    text-align: center;
	}
	footer .logo-footer {
		height: 100px;
		text-align: center;
	}
	button.boto-requadrat,
	a.boto-requadrat {
		font-size: 24px;
		margin-bottom: 0;
	}
	.amb-quadre-flotant-3 button.boto-sobre-marge-caixa {
		right: -2%;
	}
	.amb-quadre-flotant-5 {
	    padding-left: 20px !important;
	    padding-right: 20px !important;
	}
	.amb-quadre-flotant-5 button {
   		font-size: 2em !important;
   	}
   	.amb-quadre-flotant-5 .fletxa {
	    bottom: 25vw !important;
	}
	.current-year {
		padding: .2em .6em 0;
	}

	.card-body-colles {
		display: block;
	}

	.card-body-colles div:first-child {
		margin-bottom: 20px;
	}

	.card-body-colles div {
		padding: 0 !important;
	}
}

@media (max-width: 576px) {
	footer div {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.fletxa {
		width: 45px !important;
		height: 45px !important;
		background-size: 20px !important;
	}
	.fletxa.esquerra {
		background-position: 5px !important; 
	}
	.fletxa.dreta {
		background-position: 8px !important; 
	}
}
@media (min-width: 440px) and (max-width: 768px) {
	footer .col-md-3 p {
	    position: absolute;
	    top: 0;
	    left: 50%;
	    width: 50%;
	}
	footer .col-sm-4 {
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 0 33.333333%;
	    -ms-flex: 0 0 33.333333%;
	    flex: 0 0 33.333333%;
	    max-width: 33.333333%;
	}
}
@media (max-width: 768px) {
	footer .logo-footer img {
		max-width: 120px;
	}
	footer .xarxes img {
		max-width: 18px;
		max-height: 18px;
		margin-left: .3em;
	}
/*	footer .logo-footer.cccc {
	    height: 250px;
	}*/
	footer .logo-footer.estrella img {
		top: -5px;
	}
	.row {
	    margin-right: 0;
	    margin-left: 0;
	}
	div.row:not(:nth-child(1)):not(:nth-child(2)) {
	    margin: 6em 0 0 0;
	}
	.amb-quadre-flotant-1 {
	    padding-top: 2em;
	}
	.amb-quadre-flotant-1 img.quadrat {
	    object-fit: cover;
	    width: 100%;
	    margin-bottom: 1em;
	}
	.amb-quadre-flotant-1>div:nth-child(1) {
	    transform: none;
	    top: 0;
	}
	.amb-quadre-flotant-1>div:nth-child(2) {
	    position: relative;
	    left: 0;
	    width: 100%;
	}
	.amb-quadre-flotant-2 {
	    padding-top: 0;
	}

	.amb-quadre-flotant-2-inv {
		padding-top: 0;
		margin-top: 1.5em !important;
	}

	.amb-quadre-flotant-2>div:nth-child(1) {
	    top: 0;
	    margin-bottom: 1em;
	}

	.amb-quadre-flotant-2>div:nth-child(2),
	.amb-quadre-flotant-2-inv > div:nth-child(1) {
	    position: relative;
	    width: 100%;
	}

	.amb-quadre-flotant-2-inv > div:nth-child(2) {
		top:0;
		margin-top: 1em;
	}

	.amb-quadre-flotant-3>div:nth-child(3) {
	    top: 1em;
	}
	.amb-quadre-flotant-3 button.boto-sobre-marge-caixa {
	    right: auto;
	}
	.amb-quadre-flotant-3 .fletxa.dreta {
	    right: 0;
	}
	.destacatsagenda .col-6 {
		margin-bottom: 2em;
	}
	.amb-quadre-flotant-5 button {
	    position: absolute;
	    font-size: 3em;
	    bottom: -20px;
	    right: 15px;
	}
	.amb-quadre-flotant-5 .col-md-4:not(:nth-child(2)) {
		display: none;
	}
	.height-igual {
    	height: auto;
	}
	.quadre-slider-photo-text .height-igual {
		height: 347px;
	}

	.amb-quadre-flotant-5 img {
		width: 90%;
		margin-left: 5%;
	}

	.quadre-slider-photo-text.amb-quadre-flotant-5 img {
		width: 100%;
		margin-left: 0;
	}

	.amb-quadre-flotant-5 .fletxa {
	    bottom: 35vw;
	}
	footer .copy {
	    text-align: left;
	}

	.f62 {
		font-size:40px !important;
	}

	.sabies-que {
		font-size: 40px !important;
	}
}

@media (min-width: 768px) {
	h2.indent {
		text-indent: 100px;
	}
	p.indent {
		padding-left: 100px;
	}
	.top-neg-4em {
		top: -3em;
		padding-right: 60px;
	}
	.p-lr-100-desktop {
		padding-left: 100px;
		padding-right: 100px;
	}
	.p-lr-200-desktop {
		padding-left: 200px;
		padding-right: 200px;
	}
}

@media (max-width: 992px) {
	.navmosaic {
		display: none;
	}
	.amb-quadre-flotant-4 .requadrat {
	    position: relative;
	    top: 0;
	    margin-top: 1em;
	    width: 100%;
	}
	.botonsgrans button {
    	width: 100%;
    }
    .botonsgrans>div>div {
	    white-space: normal;
	}
    .botonsgrans button:nth-child(2) {
	    margin-left: 0;
	    padding-right: 0;
	    margin-top: -12px;
	}
}

@media (max-width: 1200px) {
	.amb-quadre-flotant-5 {
	    padding-left: 50px;
    	padding-right: 50px;
   	}

	.quadre-slider-photo-text,
	.quadre-slider-text {
		padding-left: 0;
		padding-right: 0;
	}
/*	.amb-quadre-flotant-5 .fletxa.esquerra {
	    left: 15px;
	}
	.amb-quadre-flotant-5 .fletxa.dreta {
	    right: 15px;
	}
	.amb-quadre-flotant-5 button {
    	right: 15px;
    }*/
}
@media (min-width: 1200px) {
	.navbar-toggler,
	.navbar-collapse.collapse.show {
		display: none;
	}
	.navbar .not-collapsed {
		display: inline;
	}
	.navbar {
		left: 25px;
	}
}

@media (max-width: 440px) {

	.sabies-que {
		font-size: 28px !important;
	}
}

@media (max-width: 767px) {

	.patrocini-de {
		margin-top: 30px;
	}

	footer {
		text-align: center;
	}

	footer xxss p {
		text-align: center;
	}

	footer xxss {
		padding-top: 20px;
	}
}