/*.home-back{
    position:fixed;
    top:110px; left:0; width:calc(100% - 160px); height:100%; overflow:hidden;margin:80px;
    background-image: url("/IMAGES/36SC/back_datos_2.jpg");
    background-size:1920px 80%;
    background-position:center;
    background-repeat: no-repeat;
    z-index:-1;
}*/

.home-wrapper{width:790px; margin:auto; padding:0;}
.divSpaceHomeSections{overflow:hidden; height:4em; background-color:transparent;}

/* CAROUSEL SWIPPER */
.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-button-prev:after, .swiper-button-next:after {
    content: '' !important;
}
.swiper-horizontal>.swiper-pagination-bullets{bottom:20px !important;}
.swiper-pagination-bullet{background:lightgrey !important}
.swiper-pagination-bullet-active{background:white !important}
.swipper-slide-image{width:100%;height:100vh;background-size:cover; background-position:center;}
.carousel-caption {bottom:20%;max-width:600px;margin:auto;}
.carousel-caption > span > p{color:#fff !important;}
.carousel-caption > p > a{color:#eee;}
#swiper-underMenu{background-color:black; width:16em; height:100%; opacity:0.6; position:absolute; top:0; left:0; x-index:20000;}

/*---------------- activitats portada -------------------------*/
.cela-activitats-portada{background-position:center;background-size:cover;height:20em;}
.cela-activitats-portada-inner{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;height:100%;width:100%;background-position:center;background-size:cover;}
/*---------------/ programacio portada -------------------------*/

/*---------------- datos resumen 36 -------------------------
#ulDatosResumenPortada{list-style:none; display:block; text-align:center; margin:auto; padding:4em 1em 0em 1em; background-color:transparent;
                        font-size:2.6em; max-width:1500px;}
	#ulDatosResumenPortada li{display:inline-block; margin:0.6em 1em 0.6em 1em;}
		#ulDatosResumenPortada li a{color:#fff;}
		#ulDatosResumenPortada li a:hover{color:#d0efe9;}	
		#ulDatosResumenPortada .active > a{color:#d0efe9;}
----------------/ datos resumen 36 -------------------------*/

/*---------------- fotos portada -------------------------*/
.divFotosPortada{width:75%;height:auto;display:block;margin:auto; background-color:transparent}
    .divFotosPortadaRow{display:flex;}
        .divFotosPortadaCol{width:33%;display:block;border:0px solid red; margin:0.8em;}
        .divFotosPortadaCol img{width:100%;}
            .divFPColLeft{border-left:0px;}
            .divFPColRight{border-right:0px;}
            /* utilitzant fotos pròpies fixes */
            .divFPCol1{background-image: url("/IMAGES/HOME/1.jpg"); background-position:center;background-size:cover;width:50%;}
            .divFPCol2{background-image: url("/IMAGES/HOME/2.jpg"); background-position:center;background-size:cover;}
            .divFPCol3{background-image: url("/IMAGES/HOME/3.jpg"); background-position:center;background-size:cover;}
            .divFPCol4{background-image: url("/IMAGES/HOME/4.jpg"); background-position:center;background-size:cover;}
            .divFPCol5{background-image: url("/IMAGES/HOME/5.jpg"); background-position:center;background-size:cover;}
            .divFPCol6{background-image: url("/IMAGES/HOME/6.jpg"); background-position:center;background-size:cover;}
            .divFPCol7{background-image: url("/IMAGES/HOME/7.jpg"); background-position:center;background-size:cover;}
            /* utilitzant les fotos d'instagram */
            .divFPColDouble{ background-position:center;background-size:cover;width:50%;}
            .divFPCol{background-position:center;background-size:cover;}
            

/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*----- portatil vinx / meritxell ---------------------------*/
@media screen and (max-device-width:1366px),screen and (max-width:1366px){
}
/*----- portatil 1200 / 1280 ---------------------------*/
@media screen and (max-device-width:1199px),screen and (max-width:1199px){
}
/*----- lg -> ipad horizontal + ipad pro vertical ---------------------------*/
@media screen and (max-device-width:1024px),screen and (max-width:1024px){
}

/*----- sm ---------------------------*/
@media screen and (max-device-width:991px),screen and (max-width:991px){
    /*.home-back{top:60px; width:100%;margin:0px;}*/
    .home-wrapper{padding:0;}
    /*---------------- datos resumnen 36 -------------------------
    #ulDatosResumenPortada{margin:6em 0em 1em 0em; padding:0; font-size:2.3em;}
        #ulDatosResumenPortada li{display:inline-block; margin:0.6em 1em 0.6em 1em;}*/
}

/*----- ipad vert vertical ---------------------------*/
@media screen and (max-device-width:767px),screen and (max-width:767px){
}

/*----- iphone 6+ horizontal ---------------------------*/
@media screen and (max-device-width:736px),screen and (max-width:736px){
    /*---------------- programacio portada -------------------------
    .itemProgPortada img{width:120px}*/
    /*---------------- datos resumnen 36 -------------------------
    #ulDatosResumenPortada{font-size:1.3em;margin-top:0;}*/
}

/*----- iphone 6/7/8  horizontal ---------------------------*/
@media screen and (max-device-width:667px),screen and (max-width:667px){
    .divFotosPortada{width:100%;height:auto;display:block;}
    .divFotosPortadaRow{display:block;}
    .divFotosPortadaCol{width:auto;height:auto;display:block;border:0px solid white;}
}

/*----- iphone 5 horizontal ---------------------------*/
@media screen and (max-device-width:568px),screen and (max-width:568px){
}

/*----- iphone 6/7/8 vertical ---------------------------*/
@media screen and (max-device-width:480px),screen and (max-width:480px){
    /* CAROUSEL */
	/* .carousel-caption > span{display:none;} */
	.carousel-caption > h1{font-size:1.7em;}
}

/*----- iphone 5 vertical ---------------------------*/
@media screen and (max-device-width:320px),screen and (max-width:320px){
}