@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700|Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Rubik:300,300i,400,400i,500,500i,700,700i,900,900i);
@font-face {
	font-family: 'TradeGothic';
	font-style: normal;
	font-weight: bold;
	src: url('tradegothic/Trade-Gothic-LT-Com-Bold-Condensed-No--20.ttf') format('truetype');
}
body {font-family:'Quicksand', Arial, Helvetica, sans-serif; background-color:#fff; height:100%;  -webkit-font-smoothing: antialiased; color:#545454; line-height:1.5em}
/* COMMON */

#navbarPM.sticky {
  position: fixed !important;
  top: 0;
}
.accordion .card-header { background-color:#E8E8E8;}
.vh-50 { height:50vh;}
.vh-75 { height:75vh;}
.vh-90 { height:90vh;}
.w-60 {width:60%}
.w-70 {width:70%}
.w-80 {width:80%}
.w-90 {width:90%}
h1, h2, h3, h4, h5 { font-family:'Rubik', Arial, Helvetica, sans-serif; margin-bottom: 1.5rem;}
.accordion h4 .btn {font-size:1.3rem; margin:0; font-style:italic; color:#000000; text-decoration:none}
.accordion .logos img { width:40px;}



.pagination { margin-bottom:3rem;}
.pagination .page-link { color:#0091a4}
.pagination .page-link.fons-blau{ background-color:#1972c1; color:#ffffff;}
.pagination .page-link.aspNetDisabled:hover { background-color:#fff}

.cont-imatge {width: 100%; height: 50vh; overflow: hidden; position: relative;}
.cont-imatge img.crop {position:absolute;  left: -100%;  right: -100%;  top:-100%; bottom:-100%; margin:auto; min-height: 100%; min-width: 100%; width:100%; z-index:0;}
.cont-imatge img.logo {position:relative; z-index:2; padding:1rem; height:100%;}
.cont-imatge .overlay { z-index:1;}


.localitzacio {background-image: url(../img/ico_localitzacio_b.png); background-position:left top; background-repeat:no-repeat; padding-left: 2rem;}
.telefon {background-image: url(../img/ico_telefon_b.png); background-position:left center; background-repeat:no-repeat; padding-left: 2rem;}
.mail {background-image: url(../img/ico_mail_b.png); background-position:left center; background-repeat:no-repeat; padding-left: 2rem;}

.comboVermell select {background-color:#DF0333; color:#FFF; font-family:TradeGothic, Arial, sans-serif; text-transform:uppercase; font-weight:700; font-size:0.95em; border:0; border-radius:0;}
.comboVermell select option { font-size:0.9em; padding:.5rem; border-bottom:1px solid #CCC;}


.border-top-gris {border-top: 1px solid #e5e5e5;}
.border-bottom-gris {border-bottom: 1px solid #e5e5e5;}
.paralax { background-attachment:fixed; height:60%; background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative}

.capsaleres { background-repeat:no-repeat; background-size:cover; background-position:bottom center; height:50vh; position:relative; padding:0}
.capsaleres h2 { position:absolute; bottom:0; font-size:3rem; text-align:left; z-index:1}
.capsaleres img { position:absolute; bottom:-30px; left:0}
.overlay {background-color:rgba(0,0,0,0.2); width:100%; height:100%; margin:0; padding:0; position:absolute; top:0; left:0; z-index:0}

.molles { background-color:rgba(248,248,248,1); font-size:0.8em; border-bottom:1px solid #e5e5e5; -webkit-box-shadow: 0px 0px 40px 3px rgba(1, 1, 1, 0.1);    box-shadow: 0px 0px 200px 1px rgba(1, 1, 1, 0.1);}
.molles .container {padding-top:.5em; padding-bottom:.5em}
.molles ul { margin-bottom:0;}
.molles ul li {background: url(../img/arrow_list.png) no-repeat center right; padding-right:15px; vertical-align:middle}
.molles ul li:first-child { background: transparent; padding-right:0;}
.molles ul li:last-child { background: transparent; font-weight:bold}
.molles a { color:#000000; border-bottom:1px dashed #1C72BF; text-decoration:none;}


.destacats .carousel { margin-left:auto; margin-right:auto; width:100%; padding-top:0}




a {text-decoration:none; font-weight:400}
.text-shadow {text-shadow:0 3px 2px rgba(0,0,0,.6);}


.btn {margin:0 0.5rem 0.5rem 0; font-weight:500}
.btn:hover { 
	-webkit-transition: 0.6s;
	-moz-transition:0.6s;
	-ms-transition: 0.6s;
	-o-transition: 0.6s;
	transition:0.6s; }


.btn-blau { background-color:#1972c1; color:#fff;}
.btn-blau a {color:#fff;}
.btn-blau:hover {
	color:#fff;
	background-color:#000;
	}
	
.btn-trans {border:2px solid rgb(25,114,193); text-transform:uppercase; font-weight:500;}
.btn-trans:hover {color:#fff; background-color:rgb(25,114,193);}

.btn-descarregar { background-image: url(../img/ico_descarregar.png); background-repeat: no-repeat; background-position:14px 10px; color:#1972c1; padding-left:40px; }
.btn-descarregar:hover { background-image: url(../img/ico_descarregar_blanc.png); background-repeat: no-repeat; background-position:14px 12px; color:#ffffff;}


.onepage-wrapper .section {height:auto !important;}
.container { padding-top:2rem; padding-bottom:2rem}
.page .page-margin { padding-top:5rem; padding-bottom:5rem}

.tit-cursiva {font-weight:500; font-style:italic; color:rgba(0,0,0,0.7); font-size:2.2rem}
.tit-mitja {font-weight:500; font-size:1.3rem}
.text-big { font-size:2.5rem; font-weight:400; margin-bottom:2rem; text-align:center;}
.text-blau { color:#1972c1;}
.box { background-color:rgba(0,0,0,0.6); padding:1rem; margin-bottom:1rem; border-radius:5px; color:#ffffff; font-weight:400;}
.link-carousel { width:100%; height:100%; display:block}


	

.carousel-indicators li { width:1rem; height:1rem; border-radius:0.6rem; -webkit-border-radius:0.6rem; border-top:0; border-bottom:0}
/* FI COMMON */


.inici-activitats {background-image: url(../img/carousel/imatge5.jpg); background-position:center center; background-repeat:no-repeat; background-size:cover; background-color:#000}
.inici-quantagent {background-image: url(../img/carousel/imatge6.jpg); background-position:center center; background-repeat:no-repeat; background-size:cover; background-color:#000}
.inici-inscriute { text-align:justify; -webkit-box-shadow: 0px 0px 40px 3px rgba(1, 1, 1, 0.1); box-shadow: 0px 0px 40px 3px rgba(1, 1, 1, 0.1);}
.fons-gris { background-color:#F6F6F6; border-bottom: 1px solid #e5e5e5;}

/* common carousel campanyes */
.campanyesInterior { margin-top:4.2rem;}
.campanyesInterior .link-play { top:20px;}

#carouselCampanyes.campanyesInici { height:100vh; margin-top:0; background-color:#000000;}
.carousel-control-next, .carousel-control-prev { top:90px; bottom:50px;}
.carousel-indicators {top:130px; bottom:auto;}
#carouselCampanyes .carousel-inner { height:100%}
#carouselCampanyes .carousel-item {height:100%; background-position:center center; background-repeat:no-repeat;}
#carouselCampanyes .overlay {background-color:rgba(0,0,0,0.2); width:100%; height:100%}
#carouselCampanyes .carousel-caption {font-weight:300; font-size:0.8em; z-index:1;}
#carouselCampanyes .carousel-caption p {font-weight:400; font-size:1.4rem}
#carouselCampanyes .carousel-caption .box { font-size:1.2rem;}
#carouselCampanyes .carousel-caption h2 { background-color:rgba(25,114,193,0.8); padding:1rem; text-transform:uppercase; margin-bottom:1rem; border-radius:5px; text-align:left; font-size:1.5rem}
#carouselCampanyes .carousel-caption h3 {font-size:1.5rem; font-weight:400; text-transform:uppercase; border-radius:5px; text-align:left; margin-bottom:1rem;}
#carouselCampanyes .btn {background-color:rgb(25,114,193); border:2px solid rgb(25,114,193); text-transform:uppercase; font-weight:500; display:block; margin-bottom:0.7rem; margin-right:0;}
#carouselCampanyes iframe { z-index:0;}
#carouselCampanyes .embed-responsive { bottom:0; height:100vh; position: absolute;}
#carouselCampanyes video { width:100%; margin: 0; padding: 0; display: block; z-index:0 }
/* fi common carousel visor multimedia */

/* CONTROLS CAMPANYES */
	.link-so {
		z-index: 3;
		position: absolute;
		top: 130px;
		left:auto;
		bottom:auto;
		outline:none !important;
		right: 60px;
		margin:0;
		padding:0;	
		display:block;
		width:20px;
		height:20px;
		cursor:pointer;
		}
	.link-so .fas { color:#fff; text-align:left}
	
	.link-play {
		z-index: 3;
		position: absolute;
		top: 130px;
		left:auto;
		bottom:auto;
		outline:none !important;
		right: 20px;
		margin:0;
		padding:0;	
		display:block;
		width:20px;
		height:20px;
		cursor:pointer;
		}
	.link-play .fas { color:#fff; text-align:left}
	/* FI CONTROLS CAMPANYES */


/* carousel campanya */



/*fi carousel campany */

/* on som */
.onsom {color:#ffffff; font-size:0.9em; padding:0; -webkit-box-shadow: 0px 0px 40px 3px rgba(1, 1, 1, 0.4);  box-shadow: 0px 0px 40px 3px rgba(1, 1, 1, 0.4);}
.onsom .info { background-color:#1972c1; padding:4rem}
.onsom .info a {color:#ffffff; text-decoration:underline}
.onsom .info p { padding-left:2rem}
.onsom .localitzacio {background-image: url(../img/ico_localitzacio.png); background-position:left top; background-repeat:no-repeat;}
.onsom .telefon {background-image: url(../img/ico_telefon.png); background-position:left center; background-repeat:no-repeat;}
.onsom .mail {background-image: url(../img/ico_mail.png); background-position:left center; background-repeat:no-repeat;}
.onsom .horaris {background-image: url(../img/ico_horaris.png); background-position:left top; background-repeat:no-repeat;}


/* carousel noticies */
#carouselNoticies h2 .tit-cursiva { margin-right:auto;}
#carouselNoticies h2 { margin-left:3rem; margin-right:3rem; margin-bottom:1rem}
#carouselNoticies .card-columns {
	-webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
#carouselNoticies .card div.card-img-top { background-repeat:no-repeat; background-size:cover; background-position:center center; width:100%; height:300px; border:0; border-radius:0;}
#carouselNoticies .card {border:0;}
#carouselNoticies .card .card-body {
	text-align:left;   
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 0;
	overflow:hidden; 
	background:rgba(0,0,0,0.5)
  }
#carouselNoticies .card .card-body .card-data {margin-bottom:0.5rem}
#carouselNoticies .card .card-body .card-title {display:none;}
#carouselNoticies .card .card-body .card-text {display:none; }
#carouselNoticies .card .card-body h3 {color:#fff; font-size:1rem; margin-bottom:0.5rem}
#carouselNoticies .card .card-body a { position:absolute; bottom:0; padding: 0.9rem;}
#carouselNoticies .card:hover { background-color:rgba(0,0,0,0.05); cursor:pointer; -webkit-transition: 0.3s;
	-moz-transition:0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition:0.3s;}
#carouselNoticies .card:hover a { text-decoration:none;}
#carouselNoticies .carousel-control {
	color:rgba(0,0,0,0.3);
    text-decoration: none;
    background-size: contain;
    padding: .1rem 0 .1rem 3.2rem;
    background-repeat: no-repeat;
    vertical-align: middle;
    font-size: 1rem;
	font-style:normal;
	text-transform:none;
	display:none;
	}

#carouselNoticies .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}
#carouselNoticies .carousel-control-prev-icon{
 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
}
#carouselNoticies .carousel-control.play {background-image:url("../img/autoplay_on.png"); color:#1972c1;}
#carouselNoticies .carousel-control.pause {background-image:url("../img/autoplay_off.png"); color:rgba(0,0,0,0.5)}
#carouselNoticies .mesNoticies { background-image:url("../img/ico_mes.png"); background-repeat: no-repeat; background-size: contain; font-size: 1rem; font-style:normal; color:rgba(0,0,0,0.5);  padding: .1rem 0 .1rem 1.7rem; margin-right:1rem; max-height:26px;}
#carouselNoticies .carousel-control-next { width:4%; right:0; top:10px; bottom: auto;}
#carouselNoticies .carousel-control-prev { width:4%; left:0; top:10px; bottom:auto;}

/* fi carousel noticies */


/* actualitat */
.noticies h4.card-title {text-transform:uppercase; font-weight:400; margin-bottom:0.5rem; font-size:1rem; color:#328DDC; line-height:1.5;}
.noticies h3 { color: #000000; font-size: 1.4rem;}
.detallNoticia h3 { color: #000000; font-size: 1.6rem; margin-bottom:0.5rem;}
.detallNoticia h4 {text-transform:uppercase; font-weight:400; margin-bottom:0.5rem; font-size:1rem; color:#328DDC; line-height:1.5;}
.detallNoticia p { text-align:justify}
.noticies .card-data {margin-bottom:0.5rem;}
.noticies .card-text {margin-bottom:0.5rem;}

ul.compartir {list-style:none; display:inline-block; width:auto; font-size:1rem}
ul.compartir li {display:inline;}
ul.compartir li img {display:inline-block; margin-left:.5rem; width:28px; height:28px;}



.altresNoticies { padding-top:2rem;  border-top:1px solid #e5e5e5;}
.altresNoticies .card { border:0;}
.altresNoticies .card:last-child .card-body { border-bottom:0}
.altresNoticies .card:first-child .card-body { padding-top:0}
.altresNoticies .card-body { padding: .5rem 0 .5rem 0; border-bottom:1px dashed #e5e5e5;}
.altresNoticies .card small { margin-bottom:.2rem}
.altresNoticies .card h3 { font-size:1rem; margin-bottom:.2rem; }
.altresNoticies .card h3 a { text-decoration:none; color:#000; font-weight:500;}
.altresNoticies .card h4 { font-size:.9rem; margin-bottom:.2rem; color:#1972c1; text-transform: uppercase;}
/*fi actualitat */




/* carousel centres */
#carouselCentres .card-columns {
	-webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
#carouselCentres h2 .tit-cursiva { margin:0 auto 0 auto;}
#carouselCentres h2 { margin-left:3rem; margin-right:3rem; margin-bottom:1rem}
#carouselCentres .card {border:0; background:none; margin-bottom:0; display: inline-block;}
#carouselCentres .card .card-body { padding-left:0}
#carouselCentres .carousel-control {
	color:rgba(0,0,0,0.3);
    text-decoration: none;
    background-size: contain;
    padding: .1rem 0 .1rem 3.2rem;
    background-repeat: no-repeat;
    vertical-align: middle;
    font-size: 1rem;
	font-style:normal;
	text-transform:none;
	display:none;
	}
#carouselCentres .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}
#carouselCentres .carousel-control-prev-icon{
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
}

#carouselCentres .carousel-control.play {background-image:url("../img/autoplay_on.png"); color:#1972c1;}
#carouselCentres .carousel-control.pause {background-image:url("../img/autoplay_off.png"); color:rgba(0,0,0,0.5)}
#carouselCentres .card-img div:first-child img { border-radius:0;}
#carouselCentres .card-img div img { border-radius:1rem;}
#carouselCentres .carousel-control-next {  width:4%; right:0; top:10px; bottom: auto;}
#carouselCentres .carousel-control-prev { width:4%; left:0; top:10px; bottom:auto;}
/* fi carousel centres */





/* carousel instalacions */
#carouselInstalacions .card-columns {
	-webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }

#carouselInstalacions .card {border:0; background:none; margin-bottom:0; display:inline-block}
#carouselInstalacions .card .card-body { padding-left:0}
#carouselInstalacions .carousel-control-next {bottom: auto;}
#carouselInstalacions .carousel-control-prev {bottom:auto;}
#carouselInstalacions .carousel-control-next-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");}
#carouselInstalacions .carousel-control-prev-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");}
#carouselInstalacions .carousel-control-next { width:4%; right:0; top:10px; bottom: auto;}
#carouselInstalacions .carousel-control-prev { width:4%; left:0; top:10px; bottom:auto;}

/* fi carousel instalacions */





/* barra poliesportius */
#navbarPM { background-color:#000; box-shadow: 0 2px 5px rgba(0,0,0,.4); z-index:9999; width:100%; top:50px; padding: .3rem 1rem;}
#navbarPM .container-fluid { max-width:1200px;}
#navbarPM .navbar-brand-poliesportius {background:url(../img/logo_poliesportius_cap_sm.png) no-repeat 0 0; background-size: contain; width:106px; height:40px; margin: .3rem 0;}
#navbarPM .navbar-brand-esports {background:url(../img/logo_esports.png) no-repeat 0 0; background-size: contain; width:40px; height:40px; margin: .3rem .4rem .3rem 0;}
#navbarPM .navbar-nav { height:100vh; justify-content: start;}
#navbarPM #menuPM { margin-left:-15px; margin-right:-15px;}
#navbarPM #menuPM .dropdown-menu { background-color:#000; padding:1rem 0;}
#navbarPM #menuPM .dropdown-menu, #navbarPM #menuPM .nav-link {font-size:0.9rem;}
#navbarPM #menuPM .dropdown-item { color:#ffffff;}
#navbarPM #menuPM .dropdown-item:hover {color:#000;}
#navbarPM #menuPM .nav-item { padding:.3rem 2rem; border-bottom:1px solid #333333;}
#navbarPM #menuPM .nav-item .nav-link {color:#fff; font-weight:500;}
#navbarPM .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='5' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}
#navbarPM .navbar-toggler { border-color:transparent}
#navbarPM #menuPM .nav-link.active, #navbarPM #menuPM .show>.nav-link {
    color: #fff;
    background-color: transparent}
#collapseCercador { position:relative; top:0; width:100%; left:0; background-color:#fff; margin:0}
#collapseCercador .form-group {margin:0; padding:0}
#collapseCercador .form-group input {
	background: url(../img/lupa_cercador.png) no-repeat 0 center;
	    border-radius: 0;
    -webkit-border-radius: 0;
	padding: 1rem 1rem 1rem 1.5rem;
    background-color: #fff;
	border:0;
} 

/* peu */
#mapa #mbxWebMap_portada {height:60vh; width:100%; display:block}
#peu, #mapa {background-color:#1972c1;}
#peu .info > .row > div[class*="col-"]:nth-child(2) { padding-bottom:0}
#peu .info .poliesportius li {line-height:1.4; margin-bottom:1rem; font-size:0.9rem; font-weight:400;}
#peu .info .poliesportius li img {width:100%; margin-bottom:0.5rem;}
#peu .info .poliesportius li h3 {font-weight:600; margin-bottom:0; font-size:0.9rem;}
#peu .info .poliesportius span.metro {display:inline-block; background: url(../img/ico_metro.png) no-repeat left top; background-size:contain; padding:0 1.9rem; margin-top:0.2rem; margin-bottom:0.2rem}
#peu .info .poliesportius span.trambaix {display:inline-block; background: url(../img/ico_trambaix.png) no-repeat left top; background-size:contain; padding:0 1.5rem; margin-top:0.2rem; margin-bottom:0.2rem}


#peu .info h2 {font-size:1rem; color:#fff; font-weight:400; text-transform:uppercase;}
#peu .info {color:#ffffff;}
#peu .info ul {list-style:none; padding:0; margin-bottom:1rem; margin-top:0}
#peu .info ul li {font-size:1rem; font-weight:500}
#peu .info a { color:#ffffff; font-weight:400;}

#peu .info ul.xarxes { margin-bottom:1.5rem; margin-top:1rem}
#peu .xarxes li { padding:0; margin:0}
#peu .xarxes li a {margin-right:0.2rem; display:block}
#peu .xarxes li a img { width:30px}


#peu .copyright { background-color:#000000; font-size:0.9rem;color:#fff;}
#peu .copyright ul { padding:0; margin:0 0 .5rem 0; list-style:none}
#peu .copyright ul li {display:inline-block; background: url(../img/punt_blanc.png) no-repeat right 0.6rem; padding:0 .5rem; margin:0; }
#peu .copyright ul li a {font-weight:300; color:#ffffff;}
#peu .copyright ul.xarxes li {display:inline-block; background: none; padding:0; margin:0; }
#peu .copyright ul li:last-child { background:transparent; margin-right:0; padding-right:0}
#peu .copyright ul li:nth-child(2) { background: none;}
#peu .copyright ul li a {font-weight:300; color:#ffffff;}
#peu hr { 
  color: #ffffff;
  background-color: #ffffff;
  height: 1px;
  border-width: 0;
  }
#peu address { margin-bottom:0}
/* fi peu */


.dades-poliesportius .card { border:0; margin-bottom:1rem; min-height:150px; background-color:#2271C3;}
.dades-poliesportius .card-text {font-size:1.5rem; vertical-align:middle; color:#ffffff; text-shadow:0 3px 2px rgba(0,0,0,.6); font-style:italic; font-weight:500; display:inline-block; line-height:1.5rem;}
.dades-poliesportius .card-img-overlay { align-items:center; height:100%; display: flex; justify-content:center}
.dades-poliesportius .card-text span {font-size:3.5rem; font-weight:700; display:block; vertical-align:middle; padding:1.5rem 0}
.dades-poliesportius.card-columns {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
  
/* inscriute */  
#inscriute { height:30vh}
#inscriute .container { height:100%}
#inscriute .container .row { height:100%}
/* fi inscriute */



/*info centres */
.infoCentre .logo { margin-bottom:1rem}
.infoCentre .documents { text-align:center; padding-top:1rem}
/* fin info centres*/




  
/* SM (landscape phones, 576px para arriba)*/
@media (min-width: 576px) {

.dades-poliesportius .card-text span {font-size:3.9rem; padding:1rem 0}	
.dades-poliesportius.card-columns {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}	
.text-big { font-size:3rem;}
	
	
.box { padding:2rem; margin-bottom:2rem;}
#carouselCampanyes .carousel-item  { background-size:cover;}
#carouselCampanyes .carousel-caption { font-weight:300; font-size:0.8em; top:auto; padding-bottom:20px;}
#carouselCampanyes .carousel-caption h3 {font-size:1.5rem; font-weight:400; text-transform:uppercase; display:block; margin:0; padding:0; margin-bottom:1rem;}
#carouselCampanyes .carousel-caption p { margin-bottom:1rem;}
#carouselCampanyes .btn-blau {background:transparent; border:2px solid rgb(25,114,193); text-transform:uppercase; font-weight:500; margin-bottom:0; display:block}



#carouselNoticies .card-columns {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}

#carouselNoticies .carousel-control { display:none}



#carouselCentres .carousel-control { display:none}
.noticies.card-columns {
	-webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;	
}

}





/* MD (tablets, 768px para arriba)*/
@media (min-width: 768px) {
#mapa #mbxWebMap_portada iframe { min-height:400px;}
#peu .copyright { font-size:0.9rem;}
#peu .copyright ul li:first-child {padding-left:0}
#peu .copyright ul li:last-child { background:transparent; margin-right:0; padding-right:0}
#peu .copyright ul li {display:inline; background: url(../img/punt_blanc.png) no-repeat right 0.5rem; padding:0 1rem; margin:0; }
#peu .info .poliesportius li img {width:60%; }
.text-big { font-size:4rem;}
.page-wrap { display:none;}
.page .section .row { padding-top:2rem; padding-bottom:2rem}
#carouselCampanyes.campanyesInici {padding-top:0; height:100vh;}
.cont-imatge {height: 30vh;}
#navbarPM #menuPM .navbar-nav {
    flex-grow: 1;
}

#collapseCercador input {
	background: url(../img/lupa_cercador.png) no-repeat 0 center;
	    border-radius: 0;
    -webkit-border-radius: 0;
	padding: 1rem 1rem 1rem 1.5rem;
    background-color: #fff;
	border:0;
}

#carouselCampanyes .carousel-caption { font-weight:300; font-size:1em; left:25%; right:25%;}
#carouselCampanyes .btn {background:transparent; border:2px solid rgb(25,114,193); display:inline; margin-right:0.7rem; margin-bottom:0; padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem;}

.dades-poliesportius .card { min-height:200px}
.dades-poliesportius.card-columns {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}


#carouselNoticies .card .card-body {padding:.8rem; text-align:left; position:relative; top:auto; bottom:auto; left:auto; right:auto; overflow:visible; background:transparent}
#carouselNoticies .card div.card-img-top {height:190px;}
#carouselNoticies .card .card-body .card-text { display:block}
#carouselNoticies .card .card-body a { position:relative; bottom:auto; padding:0; color:#545454;}
#carouselNoticies .card .card-body h3 {color:#000;}
#carouselNoticies .card .card-body .card-title {text-transform:uppercase; font-weight:400; margin-bottom:0.5rem; font-size:.8rem; color:#328DDC; line-height:1.4; display:block}

.molles .container {padding-top:2.5em; padding-bottom:2.5em}
.capsaleres { height:40vh;}
.capsaleres h2 { font-size:4rem;}
.infoCentre .logo { margin-bottom:0}
.infoCentre .documents { text-align:right; padding-top:3rem}


.noticies.card-columns {
	-webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;	
}

}



	 
	 

/* LG (desktops, 992px para arriba)*/
@media (min-width: 992px){ 
.altresNoticies { border-left:1px solid #e5e5e5; border-top:0; padding-top:0;}
.capsaleres { height:50vh;}
.noticies.card-columns {
	-webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;	
}
.container { padding-top:3rem; padding-bottom:3rem}
#navbarPM .navbar-brand-poliesportius { background:url(../img/logo_poliesportius_cap.png) no-repeat 0 0; background-size:contain; width:187px; height:40px; margin:0;}
#navbarPM .navbar-brand-esports {margin:0 .3rem 0 0;}
#carouselNoticies .carousel-control { display:inline-block}
#carouselNoticies .carousel-inner { padding:0 2rem}
#carouselNoticies h2 { margin-bottom:1rem; margin-left:2rem; margin-right:2rem;}
#carouselNoticies h2 .tit-cursiva { margin-right:auto}
#carouselNoticies .card-columns {
	-webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;	
  }	
#carouselNoticies .carousel-control-next { width:3%; right:0; top:130px; bottom:auto}
#carouselNoticies .carousel-control-prev { width:3%; left:0; top:130px; bottom:auto}

#carouselCentres .carousel-control { display:inline-block}
#carouselCentres .carousel-inner { padding:0 2rem}
#carouselCentres h2 { margin-bottom:1rem; margin-left:2rem; margin-right:2rem;}
#carouselCentres h2 .tit-cursiva { margin: 0 auto 0 0;}
#carouselCentres .card-columns {
-webkit-column-count: 5;
-moz-column-count: 5;
column-count: 5;
}
#carouselCentres .carousel-control-next { width:3%; right:0; top:200px; bottom: auto;}
#carouselCentres .carousel-control-prev { width:3%; left:0; top:200px; bottom:auto;}



.destacats {background-color:#F6F6F6; padding-top:4rem; padding-bottom:4rem; border-top: 1px solid #e5e5e5;}
.destacats .carousel { margin-left:auto; margin-right:auto; width:100%; max-width:960px; }
.inici-inscriute { text-align:center}

.dades-poliesportius .card-text {font-size:2rem; line-height:2rem;}



#peu {font-size:0.9rem}
#peu .info h2 {font-size:1rem; margin-bottom:.5rem}
#peu .info > .row > div[class*="col-"] { padding-bottom:0}

#peu .info .poliesportius li {font-size:0.8rem; margin-bottom:1rem;}
#peu .info .poliesportius li img { width:75%;}
#peu .info .poliesportius li h3 {font-weight:400;}
#peu .info .poliesportius li address { padding-right:0.5rem}



#peu .info a { text-decoration:none;}
#peu .info ul {list-style:none; padding:0; margin:0 0 1rem 0;}
#peu .info ul li {font-size:0.9rem; }

#peu .info ul.xarxes { margin-bottom:1.3rem; margin-top:1rem}

#peu .copyright { background-color:#000000; font-size:0.9rem}
#peu .copyright ul { padding:0; margin: .2rem 0 .2rem 0;}
#peu .copyright ul li {display:inline-block; background: url(../img/punt_blanc.png) no-repeat right 0.6rem; padding:0 .5rem; margin:0; }
#peu .copyright ul.xarxes li {display:inline-block; background: none; padding:0; margin:0; }
#peu .copyright ul li:last-child { background:transparent; margin-right:0; padding-right:0}
#peu .copyright ul li:nth-child(2) { background: none;}
#peu .copyright ul li a {font-weight:300; color:#ffffff;}


#navbarPM #menuPM { margin-left:auto; margin-right:auto;}
#navbarPM #menuPM .navbar-nav {
	height:auto;
	justify-content: center;
}
#navbarPM #menuPM .nav-link.active, #navbarPM #menuPM .show>.nav-link {
    color: #fff;
    background-color: #1972c1;}
#navbarPM #menuPM .nav-item { border-bottom:0; padding-left:.5rem; padding-right:.5rem;}
#collapseCercador { position:absolute; top:67px; width:100%; left:0; background-color:#fff; margin-bottom:0; box-shadow: 0 2px 5px rgba(0,0,0,.4);}
#collapseCercador .form-group {    
	padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}



#carouselInstalacions .card-columns {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}
#carouselInstalacions .carousel-control-next {width:3%; right:0;  top:0; bottom: auto;}
#carouselInstalacions .carousel-control-prev {width:3%; left:0; top:0; bottom:auto;}
#carouselInstalacions .carousel-inner { padding:0}

}
/* ipad (tablets landscape)*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
#navbarPM .navbar-brand-poliesportius { background:url(../img/logo_poliesportius_cap_sm.png) no-repeat 0 0; background-size:contain; width:106px; height:40px; margin: .3rem 0 .3rem;}

	 }


/* XL (large desktops, 1200px para arriba)*/
@media (min-width: 1200px) { 
.destacats .carousel {  max-width:1140px; }

#carouselNoticies h2 { margin-left:2rem; margin-right:2rem;}
#carouselNoticies .carousel-control-next { width:3%; right:-10px; top:120px; bottom:auto;}
#carouselNoticies .carousel-control-prev { width:3%; left:-10px; top:120px; bottom:auto;}


#carouselCentres h2 { margin-left:2rem; margin-right:2rem;}
#carouselCentres .carousel-control-next { width:3%; right:-10px; top:235px; bottom: auto;}
#carouselCentres .carousel-control-prev { width:3%; left:-10px; top:235px; bottom:auto;}



#carouselInstalacions .carousel-control-next {right:-40px;  top:150px; bottom: auto;}
#carouselInstalacions .carousel-control-prev {left:-40px; top:150px; bottom:auto;}
 }

@media (min-width: 1504px){ 
.dades-poliesportius.card-columns {
	margin-bottom:2rem;	
  }
.page .page-margin { height: calc(100vh - 139px); margin-top:140px; padding-top:0; padding-bottom:0} /* 139px porque el section tiene 1px de borde - 140px de padding del container */
.page .page-margin .row { height:100%; padding-top:0; padding-bottom:0}
.onepage-wrapper .section { height:100%;}
#mapa { height:100vh;}
#mapa .container, #mapa .container .row, #peu .row { height:100%}
#mapa #mbxWebMap_portada {margin-top:4rem}
#peu .info { height:93vh; margin-top:0;}
#peu .info > .row { margin-top:3rem;}
#peu .copyright  {height:7vh;}
#peu .sensealtura {height:auto;}
.page.paralax { background-attachment:inherit;}
}