/* ANULAT PEL VIDEO
.home-back{
}*/
#divHomeVideoContainer{width:100%; overflow-x:hidden; display:flex; justify-content: center; margin-top:-250px;}
#home-video{width:100%; height:auto; margin:auto;}
.home-wrapper{padding:0 80px;}
.divSpaceHomeSections{overflow:hidden; height:4em; background-color:white;}

/*---------------- carousel portada -------------------------*/
#divCarousel{position:relative;display:table-row;padding:0;margin:0;}
    #divCarouselLeft{width:80px;display:table-cell;}
    #divCarouselCenter{display:table-cell}
    #divCarouselRight{width:80px;overflow:hidden;display:table-cell;vertical-align: middle;text-align:center;}
/*---------------/ carousel portada -------------------------*/

/*---------------- programacio portada -------------------------*/
#divProgramacioPortada{display:block;text-align:center;}
    .itemProgPortada{display:inline-block;margin:0 1em;vertical-align: top;min-width:135px}
/*---------------/ 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{list-style:none; display:block; text-align:center; margin:auto; padding:0em 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:100%;height:25em;display:table;}
    .divFotosPortadaRow{display:table-row;}
        .divFotosPortadaCol{width:25%;height:100%;display:table-cell;border:3px solid white;}
            .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){
    /* ANULAT PEL VIDEO
    .home-back{top:60px; width:100%;margin:0px;}*/
    #divHomeVideoContainer{margin-top:50px;}
    #home-video{height:calc(100vh - 350px); !important; width:auto !important}
    .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:100%;height:15em;display:block;border:3px 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){
}

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