.main
{
    margin: 1% 0% !important;
    border: 0px solid blueviolet;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: stretch;
    align-content: stretch;
}

.opcioMain, .subOpcioMain
{ 
    width: 90%;
    min-height: 180px;
    /* max-height: 185px; */
    /* height: 25%; */
    height: auto;
    margin: auto;
    display: flex;
    flex-direction: row;
    margin: 0 0 2% 0;
}

.opcioMain
{
    border-radius: 10px;
    /* border: 2px solid #d1b124; */
    /* background-color: #a6d0e7; */
    background-color: #C4D9E5;
    /* font-size: calc(1em + 1vw) */
}

.subOpcioMain
{
    width: 100%;
    min-height: 160px !important;
    /* height: 100% !important; */
    margin: 0 !important;
}

.foto
{
    border: 0px solid yellow;
    /* height: 100%; */
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1%;
}

.text
{
    border: 0px solid yellow;
    /* height: 100%; */
    width: 80%;
    text-align: justify;
    /* padding: 1%; */
    margin: 1.5%;
    overflow-y: auto;
    /* font-size: 90%; */
}

#fotoffames
{
    background: url('/public/img/logos/mes.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

#fotof
{
    background: url('/public/img/logos/lletraF.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

#fotoffa
{
    background: url('/public/img/logos/lletraA.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

#fotoff
{
    background: url('/public/img/logos/lletraF.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

#fotohistoria
{
    background: url('/public/img/logos/LogoA.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

#opcioMain1
{
    order: 1;
}

#opcioMain2
{
    order: 2;
}

#opcioMain3
{
    order: 3;
}

#opcioMain4
{
    order: 4;
}

#opcioMain5
{
    order: 5;
    flex-direction: column !important;
    height: auto;
    cursor: pointer;
    
}

.conjuntmes
{
    display: none;
}

.apmliacio
{
    height: 0px;
    visibility:hidden;
    box-sizing: border-box;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    border: 0px solid red;
    /* border: 1px solid #d1b124; */
    /* border-bottom-left-radius: 10px; */
    /* border-bottom-right-radius: 10px; */
}

.conjuntmes
{
    border: 0px solid red;
    width: 100%;
    height: 100%;
    display: none;
    justify-content: space-around;
    align-items: flex-start;
    align-content: space-around;
    flex-wrap: wrap;
    cursor: auto;
}

.conjuntmesfoto
{
    border: 0px solid blue;
    min-width: 150px;
    min-height: 150px;
    margin: 2%;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    visibility: hidden;
}

#wiki
{
    background: url('https://ffames.cat/public/img/wiki.png');
}

#calendari
{
    background: url('https://ffames.cat/public/img/calendari.png');
}

#esxi
{
    background: url('https://ffames.cat/public/img/vm.png');
}

#torrent
{
    background: url('https://ffames.cat/public/img/bittorrent.png');
}

#ffatube
{
    background: url('https://ffames.cat/public/img/ffatube.png');
}

#sinusbot
{
    background: url('https://ffames.cat/public/img/sinusbot.png');
}

#webdav
{
    background: url('https://ffames.cat/public/img/webdav.png');
}

#arxius
{
    background: url('https://ffames.cat/public/img/arxiu.png');
}

#correu
{
    background: url('https://ffames.cat/public/img/webmail.png');
}

#escurcador
{
    background: url('https://ffames.cat/public/img/enllac.png');
}