body {padding-top:0;font-family: 'Roboto', sans-serif;font-weight: 400;line-height:120%;font-size:1em; color:#666;
    background: linear-gradient(180deg , #253179 0%,#253179 40%,#ffffff 40%,#ffffff 100%);}
a {color:#000; text-decoration:none;}
a:hover {color:#666;}
hr{border-color:#253179;}
h1 {font-size:2.2em;color:#868971;line-height:100%;margin-bottom:0.25em;}
h2 {font-size:1.5em;color:#363;line-height:110%;margin-bottom:0.5em;}
p{margin-bottom:0.5em;}
b{font-weight:bold !important;}

.clickable{cursor:pointer;}
.tachado{text-decoration:line-through; color:#c00;}
.ombra{box-shadow: 0px 0px 10px #000;}
.upper{text-transform: uppercase;}

.custom{color:#253179 !important;}
.bg-custom{background-color:#253179 !important;}
.link-custom{color:#253179 !important;}
.link-custom:hover{color:#000 !important;}

.custom2{color:#d63390 !important;}
.bg-custom2{background-color:#d63390 !important; border-color:#d63390 !important;}
.link-custom2{color:#d63390 !important;}
.link-custom2:hover{color:#fff !important;}

.red{color:#b00f4b;}
.bg-red{background-color:#b00f4b;}
.link-red {color:#b00f4b;}
.link-red:hover {color:#222;}

.white {color:#fff!important;}
.bg-white {background-color:#fff!important;}
.link-white {color:#fff!important;text-decoration:none;}
.link-white:hover {color:#253179!important;}

.gris {color:#777777!important;}
.bg-gris {background-color:#777777!important;}
.link-gris {color:#777777!important;}
.link-gris:hover {color:#222!important;}

.black {color:#000!important;}
.bg-black {background-color:#000!important;}
.link-black {color:#666!important;}
.link-black:hover {color:#000!important;}

.clar {color:#bcbcbc!important;}
.bg-clar {background-color:#bcbcbc !important;}
.link-clar {color:#bcbcbc!important;}
.link-clar:hover {color:#fff!important;}

.xclar {color:#ededed!important;}
.bg-xclar {background-color:#ededed !important;}

.fosc {color:#70837f!important;}
.bg-fosc {background-color:#70837f !important;}

.titol {color:#5b297e!important;}
.bg-titol {color:#f8c313!important;}

.rodo{
	-moz-border-radius:6px; 
	-webkit-border-radius:6px;
	border-radius: 6px;  
}
.degradat{
	background:-webkit-linear-gradient(top,#fff,#ddd) ;
	background:-moz-linear-gradient(top,#fff,#ddd) ;
	background:-ms-linear-gradient(top,#fff,#ddd) ;
	background:-o-linear-gradient(top,#fff,#ddd) ;
	background:linear-gradient(top,#fff,#ddd) ;
}
#abrenosPorWhats{
    background-color:transparent;
    color: #fff;
    display: block;
    right: 0.5em;
    bottom: 0.5em;
    position: fixed;
    cursor: pointer;
    z-index: 2020;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
}
/*#imgWhatsapp{width:60px;}
#scrollToTop {
    display:none;
    position:fixed;
    z-index:2025;
    right:1.5em;
    bottom:1.2em;
    cursor:pointer;
    border-radius: 50%;
    width:50px;
    height:50px;
    border:4px solid white;
    transition: transform .4s ease;
}*/

/*----------------- estils d'impresió -------------------------*/
.printable { display: none; }
@media print {
	.non-printable { display: none; }
    .printable { display: block; }
}
/*----------------/ estils d'impresió -------------------------*/

/*----------------------------------- FONTS -----------------------*/
.font-titol{font-family: 'Roboto Slab', sans-serif; font-weight: 400;}
.font-titol-bold{font-family: 'Roboto Slab', sans-serif; font-weight: 700;}
.font-body{font-family: 'Roboto', sans-serif; font-weight: 400;}
.font-body-bold{font-family: 'Roboto', sans-serif; font-weight: 700;}
.font-cond-light{font-family: 'Roboto Condensed', sans-serif; font-weight: 300;}
.font-cond-normal{font-family: 'Roboto Condensed', sans-serif; font-weight: 400;}
.font-cond-bold{font-family: 'Roboto Condensed', sans-serif; font-weight: 700;}
.font-special{font-family: 'Satisfy', serif; font-weight: 400;}

.fs05{font-size:0.5em !important;}
.fs06{font-size:0.6em !important;}
.fs07{font-size:0.7em !important;}
.fs075{font-size:0.75em !important;}
.fs08{font-size:0.8em !important;}
.fs09{font-size:0.9em !important;}
.fs10{font-size:1em !important;}
.fs11{font-size:1.1em !important;}
.fs12{font-size:1.2em !important;}
.fs13{font-size:1.3em !important;}
.fs14{font-size:1.4em !important;}
.fs15{font-size:1.5em !important;}
.fs16{font-size:1.6em !important;}
.fs17{font-size:1.7em !important;}
.fs18{font-size:1.8em !important;}
.fs19{font-size:1.9em !important;}
.fs20{font-size:2em !important;}
.fs21{font-size:2.1em !important;}
.fs22{font-size:2.2em !important;}
.fs23{font-size:2.3em !important;}
.fs24{font-size:2.4em !important;}
.fs25{font-size:2.5em !important;}
.fs30{font-size:3em !important;}
.fs35{font-size:3.5em !important;}
.fs40{font-size:4em !important;}

.lh80{line-height:80% !important;}
.lh90{line-height:90% !important;}
.lh100{line-height:100% !important;}
.lh110{line-height:110% !important;}
.lh120{line-height:120% !important;}
.lh130{line-height:130% !important;}
.lh140{line-height:140% !important;}
.lh150{line-height:150% !important;}

/* Imágenes responsive */
img.my-imagen-responsive {width:100%;height:auto;}
img.my-imagen-responsive-v {height:100% !important;width:auto;}
.img-back-centered{background-position:center;background-size:cover;}
.bg-image{background-position:center top;background-size:cover;}

/* Home - agenda */
/*#banda-today {
	position: absolute;
	z-index: 201; 
	bottom: -30px;
	right: -7px;
	width: auto;
	height: auto;
}*/
#banda-today-top {
	position: absolute;
	z-index: 202; 
	top: -23px;
	right: -15px;
	width: auto;
	height: auto;
}
/*#divHomeVideoContainer {
    width: 100%;
    /-*max-height: 100vh;*-/
    overflow-x: hidden;
    display: flex;
    justify-content: center;
    margin-top: 0px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
video {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}*/
/*.swiper-home {
    background-color:transparent;
    width: 100%;
    height: calc(100vh - 50px - 105px);
}
.swiper-button-prev:after, .swiper-button-next:after, .swiper-button-prev-mobile:after, .swiper-button-next-mobile:after {
    content: '' !important;
}
.swiper-horizontal>.swiper-pagination-bullets{bottom:20px !important;}
.swiper-pagination-bullet{background:lightgrey !important}
.swiper-pagination-bullet-active{background:white !important}
.img-back-slider{background-position:center top; background-size:cover;}
.img-back-claim{background-position:center center; background-size:cover;}*/

/* Header */
#divTop{height:50px;}
/*#txtEnviamentGratuit{font-size:0.7em;}*/
/*------------------ menu top -------------------------*/
.my-nav-item .nav-link {color:#d63390 !important; /*text-transform:uppercase;*/ font-family:'Roboto Condensed', sans-serif; font-weight:400; margin-right:0.6em;}
.my-nav-item .nav-link:hover {color:#253179 !important;}
.my-nav-item .nav-link.active {color:#253179 !important;font-weight:bold;}
.navbar-toggler{border:0 !important;}
.navbar-brand img{max-height:40px;}
#navbarTop{margin-top:50px;}

/*----- header: menu xarxes -------------------------*/
.ulXarxes{list-style:none; display:inline-block; text-align:right; padding:0 0 0 0; background-color:transparent;font-size:0.75em;}
	.ulXarxes li{display:inline-block; margin:0 1em 0 1em;}
		.ulXarxesTop li a{color:#fff;}
		.ulXarxesTop li a:hover{color:#ddd;}	
        .ulXarxesBottom{text-align:center;}
        .ulXarxesBottom li a{color:#fff !important;}
        .ulXarxesBottom li a:hover{color:#ddd !important;}	
/*----- header: menu shortcuts -------------------------
.ulShortcuts{list-style:none; display:inline-block; text-align:right; padding:0.3em 0 0 0; background-color:transparent;
			font-weight: 300;font-size: 1.1em;font-family: 'Roboto Condensed', sans-serif;text-transform: uppercase;}
	.ulShortcuts li{display:inline-block; margin:0 0 0 0;}
		.ulShortcuts li {border-left:1px dotted #868971; padding:0 0.5em;}
		.ulShortcuts li:last-child {border-right:1px dotted #868971;}
		.ulShortcuts li a{color:#000; }
		.ulShortcuts li a:hover{color:#999;}
		.ulShortcuts li a small{font-size: 0.7em;}*/
/*----- header: menu idiomes -------------------------*/
#ulIdiomesTop{list-style:none; display:block; text-align:left !important; margin:0.5em 0 0 0; background-color:transparent; 
            font-weight:300; font-size: 1.5em; font-family: 'Roboto Condensed', sans-serif;text-transform: uppercase;}
	#ulIdiomesTop li{display:inline-block; margin:0 2em 0 0;}
		#ulIdiomesTop li a{color:#999;}
		#ulIdiomesTop li a:hover{color:#999;}	
		#ulIdiomesTop .active > a{color:#fff !important; font-weight:700;}
#ulIdiomes{font-size: 1.2em; font-family: 'Roboto Condensed', sans-serif;text-transform: uppercase;} /* mobile */
/*----- footer: menu legal -------------------------*/
#ulMenuLegal{list-style:none; display:block; text-align:left !important; margin:0 0 0 0; padding:0; background-color:transparent; 
            font-weight:500; font-size: 1.2em; font-family: 'Roboto Condensed', sans-serif;}
    #ulMenuLegal li{margin:0 0 0.5em 0;}

/*----------------------------------- PERSONALITZACIÓ BOOTSTRAP -----------------------*/
/*------ buttons -----*/
.btn:hover {cursor:pointer;color:inherit;}
/*.btn-danger {color:#fff !important;}*/
.btn-custom {
    color: #fff;
    background-color: #253179;
    border-color: #253179;
	font-weight: 700;
	font-size: 0.85em;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
    padding:0.8em 1em !important;
    line-height:90%;
}
.btn-custom2 {
    color: #222;
    background-color: #d63390;
    border-color: #d63390;
	font-weight: 700;
	font-size: 0.85em;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
    padding:0.8em 1em !important;
    line-height:90%;
}
.btn-red {
    color: #fff;
    background-color: #c00;
    border-color: #c00;
	font-weight: 700;
	font-size: 0.85em;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
    padding:0.8em 1em !important;
    line-height:90%;
}
.btn-custom:hover, .btn-custom2:hover, .btn-red:hover {
    color: #444;
    background-color: #ddd;
    border-color: #444;
}
.btn-custom:not([disabled]):not(.disabled).active, .btn-custom:not([disabled]):not(.disabled):active, .show>.btn-custom.dropdown-toggle {
    color: #000;
    background-color: #fff;
    border-color: #444;
    box-shadow: 0 0 0 0.2rem rgba(0,0,0,.5);
}
.btn-custom-xs {
	font-weight: 700;
	font-size: 0.75em;
    padding:0.2em 1em !important;
}
.btn-custom-xl {
	font-weight: 700;
	font-size: 1.55em;
    padding:0.5em 1em !important;
}

/*------- pagination -------*/
.page-link {color:#5b297e !important;}
.page-item.active .page-link {background-color:#5b297e !important; color:white !important; border-color:white !important;}

/*------- cards -------*/
.card-columns-links {column-count: 2;}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .card-columns-links {column-count:2;}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .card-columns-links {column-count:3;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.ulXarxesTop li a{font-size:1.3em;}
    /*.swiper-home {
        height: calc(95vh - 50px - 105px);
    }
    #txtEnviamentGratuit{font-size:1em; font-weight:700;}*/
    .card-columns-links {column-count:4;}
    /*#imgWhatsapp{width:100px;}
    #scrollToTop{right:1.5em;*/
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .card-columns-links {column-count:5;}
    #ulMenuLegal li{margin:0 0 0.3em 0;}
}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) { 
    .card-columns-links {column-count:7;}
}