.Galeria1_PanellFotoGran
{
    position:relative;
    float:left;
    box-sizing:border-box;
    width:69%;
    padding:5px;
    border: solid 1px darkgrey;
    margin:0 1% 0 0;
}


.Galeria1_FotoGran
{
    width:100%;
}

.Galeria1_PanellThumbs
{
    position:relative;
    float:left;
    box-sizing:border-box;
    width:28%;
    height:auto;

}

.Galeria1_Thumb
{
    position:relative;
    float:left;
    box-sizing:border-box;
    width:77px;
    height:52px;
    margin: 0 2px 0 0;

}

.Galeria1_FotoThumbs
{
    width:100%;
    height:50px;
}

/******************************************/

.Galeria2_PanellModal
{
    position: fixed;
    box-sizing:border-box;
    /*width: 100%;*/
    top:0;
    left: 0; 
    text-align:center;
    /*background-color:black;*/
    background-color:#202020;
    border: solid 1px black;
    z-index:100;
    visibility: hidden;
}

.Galeria2_PanellThumbs
{
    width:100%;
    height:auto;
    display:inline-block;
    background-color:white;
}

@media screen and (min-width: 1024px) {

    .Galeria2_Thumb {
        position: relative;
        float: left;
        box-sizing: border-box;
        width: 24%;
        height: 150px;
        margin: 0.5%;
        overflow: hidden;
        /*border: solid 1px darkgrey;*/
        background-color:transparent;
        text-align: center;
        align-items: center;
    }
}

@media screen and (max-width: 1023px) and (orientation: landscape) {

    .Galeria2_Thumb {
        position: relative;
        float: left;
        box-sizing: border-box;
        width: 24%;
        height: 100px;
        margin: 0.5%;
        overflow: hidden;
        border: solid 1px darkgrey;
        background-color: transparent;
        text-align: center;
        align-items: center;
    }
}

@media screen and (max-width: 1023px) and (orientation: portrait) {

    .Galeria2_Thumb {
        position: relative;
        float: left;
        box-sizing: border-box;
        width: calc(97%/3);
        height: 70px;
        border: solid 1px darkgrey;
        background-color: transparent;
        margin: 0.5%;
        overflow: hidden;
        text-align: center;
        align-items: center;
        /*background-color: black;*/
    }
}





.Galeria2_Thumb:hover {

    opacity:0.8;
}

.Galeria2_FotoThumbs {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: auto;
}


.Galeria2_FotoGranH
{
    position:relative;
    box-sizing:border-box;
    height:auto;
    width:100%;
    max-width:800px;
    border:solid 5px white;
    z-index:5;
}

.Galeria2_FotoGranV
{
    position:relative;
    box-sizing:border-box;
    height:100%;
    max-height:600px;
    width:auto;
    border:solid 5px white;
    z-index:5;
}


.Galeria2_BotoSeguent, .Galeria2_BotoAnterior {
    position: absolute;
    opacity: 0.3;
    z-index: 15;
}

.Galeria2_BotoSeguent:hover, .Galeria2_BotoAnterior:hover {
    opacity: 1;
}

.Galeria2_FondoTancar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: 4;
    cursor: pointer;
    border: none;
}


.CssGaleriaFotoGran, .CssGaleriaFotoGran2 {
    position: absolute;
    box-sizing: border-box;
    /*border: solid 2px white;*/
    z-index: 12;
    animation-name: Apareixer;
    animation-duration: 1s;
}