@media screen and (min-width: 768px)/*per PC*/
{
    .LletraXGranVariable {
        font-family:Titillium;
        font-size: 2.3em;
    }

    .LletraGranVariable {
        font-family:Titillium;
        font-size: 1.5em;
    }

    .LletraMitjanaVariable {
        font-family: Titillium;
        font-size: 18px;
    }

    .LletraPetita {
        font-family:Titillium;
        font-size: 0.8em;
    }

    body
    {
        position: relative;
        overflow-y: scroll;
        height: 100%;
        width: 100%;
        max-width: 1600px;
        min-width:767px;
        margin: 0px auto;
        /*padding:0 12px;*/
        background-color: white;/* fondo de la pàgina */
        text-align: center;
        
        font-family:Titillium;
        box-sizing:border-box;
        
    }


    .Capçalera
    {
        position: fixed;
        left:0;
        top:0;
        box-sizing: border-box;
        display: block;
        height: 60px;
        width: 100%;
        background-color:#1B194B;/*#C04736;*/
        z-index:10;
        text-align:left;
        /*box-shadow: 0 4px 4px darkgrey;*/
    }

    .IniciCapçalera
    {
        box-sizing:border-box;
        position:relative;
        float:left;
        min-width:100px;
        width:50%;
        height:100%;
        /*border: solid 1px;*/
        /*border-color:transparent;*/
        text-align:left;
    }

    /*.MigCapçalera
    {
        box-sizing:border-box;
        position:relative;
        float:left;
        width:50%;
        height:100%;
        min-width:200px;
        text-align:left;*/
        /*border: solid 1px;
        border-color:transparent;*/
        /*vertical-align:bottom;*/
    /*}*/

    .FiCapçalera
    {
        box-sizing:border-box;
        position:relative;
        float:left;
        text-align:right;
        width:40%;
        padding:0 2% 0 0;
        /*border: solid 1px;
        border-color:black /*transparent*/
    }

    .LogoPrincipalPC
    {
        position:absolute;
        text-decoration: none;
        border: none;
        left:5px;
        top:5px;
        z-index:3;
        width:auto;
        /*height:80px;*/
    }

    .LogoPrincipalMobil
    {
        display:none;
    }

    .MenuPC
    {
        box-sizing:border-box;
        position:relative;
        float:left;
        font-family:Titillium;
        font-size:larger;
        background-color:#F9700B; /*carbassa*/
        width:100%;
        height:25px;
        color:white;
    }

    .MenuPC2
    {
        box-sizing:border-box;
        position:relative;
        float:left;
        font-family:Titillium;
        font-size:larger;
        /*background-color:#BB774A;*/
        background-color:#F9700B; /*carbassa*/
        /*background-image:url("../media/fondo.png");
        background-repeat:repeat;*/
        height:auto;
        width:98%;
        /*padding:0 0px 2px 0;*/
        /*border-style:solid;
        border-color:black;
        border-width:1px;*/
        z-index:2;
        /*box-shadow:black 0px 2px 3px;*/
        /*-moz-border-radius: 10px 10px 0px 0px;
        -webkit-border-radius: 10px 10px 0px 0px;
        border-radius: 10px 10px 0px 0px;*/
    }

    .MenuMobil
    {
        display:none;
    }

    .MarcBotoNavegacio
    {

        position:relative;
        display:inline-block;
        box-sizing:border-box;
        height:20px;
        line-height:25px;
        width:auto;
        margin:0 5px;
        padding:0px 2px 0px 5px;
        list-style-type:none;
    }

        .FormulariContacte
        {
            position: relative;
            float: left;
            clear: right;
            width:48%;
            box-sizing: border-box;
            min-height: 500px;
            padding: 50px 5px;
        }

        .Contacte1
        {
            position: relative;
            float: left;
            width: 48%;
            box-sizing: border-box;
            font-size: medium;
            font-weight: normal;
            padding: 50px 0 10px 10px;
        }

        .GraellaCataleg
        {
            position:relative;
            float:left;
            box-sizing:border-box;
            width:100%;
            padding:0 5px 20px 5px;
        }

        .ItemCataleg
        {
            position:relative;
            float:left;
            box-sizing:border-box;
            width:25%;
            border:solid 1px #F9700B; /*carbassa*/
            height:auto;
            padding:9px;
        }

        .ItemImatges {
            position:relative;
            float:left;
            width:40%;
            padding: 0 1%;
            box-sizing:border-box;
        }

        .ItemText {
            position:absolute;
            left:40%;
            padding: 0 2%;
            box-sizing:border-box;
            width:58%;
            bottom:21.5%;
        }
        

        .QuiSomText {
            position:relative;
            float:left;
            width:57%;
            height:auto;
            text-align:justify;
            margin:0 2% 0 1%;
        }

        .QuiSomFoto {
                 position:relative;
                 float:left;
                 width:39%;
                 height:auto;
                 margin:0 1% 0 0;
            }

            .MarcCarrusel
    {
        position: relative;
        top: -109px;
        float: left;
        background-color: white;
        padding: 0;
        width: 100%;
        height: auto;
        z-index: 1;
        /*border:solid 1px;
        border-width:0 0 1px 0;*/

    }

    .FotoCarrusel1
    {
        position:relative;
        float:left;
        box-sizing:border-box;
        width:100%;
        z-index:2;
    }

    .MarcRadio
    {
        position:absolute;
        bottom:3px;
        display:inline;
        width:100px;
        height:12px;
        z-index:4;
        left:5px;
        /*border:solid 1px darkslategray;
        border-radius:5px;
        box-shadow:black 0px 2px 3px;*/
        padding:5px;
    }


    .FraseImportant {
        
        width:100%;
        text-align:center;
        color:#F9700B; /*carbassa*/
    }

    .FrasePrincipal {
        box-sizing:border-box;
        position:relative;
        display:block;
        float:left;
        top:-80px;
        padding:0 1%;
    }

     .Intro_Formulari
    {
        margin:0px 20px 5px 20px;
        padding:0 0 0 10px;
    }

    .Formulari
    {
        margin:5px 20px 20px 20px;
        padding: 10px;
        position:relative;
        display:block;
        border-style:none;
        border-width:1px;
        border-color:darkslategrey;
        font-size:0.8em;
    }

    .MarcSotaTexte
    {
        box-sizing:border-box;
        position:relative;
        display:block;
        float:left;
        top:-50px;
        width:100%;

    }


    .MarcSotaPetit1
    {
        position:relative;
        box-sizing:border-box;
        float:left;
        width:32%;
        margin:1% 1% 1% 0;
        /*border:solid 1px;*/
        height:auto;
    }

    .MarcSotaPetit2
    {
        position:relative;
        box-sizing:border-box;
        float:left;
        width:32%;
        margin:1% 1% 1% 1%;
        /*border:solid 1px;*/
        height:auto;
    }

    .MarcSotaPetit3
    {
        position:relative;
        box-sizing:border-box;
        float:left;
        width:32%;
        margin:1% 0 1% 1%;
        /*border:solid 1px;*/
        height:auto;
    }


    .ImatgeSotaMarc
    {
        position:relative;
        float:left;
        width:100%;
        /*max-width:300px;*/
    }
    
    .TitolSotaMarc
    {
       position:absolute;
       box-sizing:border-box;
       left:0;
       bottom:0;
       width:100%;
       height:20%;
       /*background-color:#BB774A;*/
       background-color:#F9700B; /*carbassa*/
       opacity:0.85;
       font-size:1.8rem;
       padding:0 5%;
       z-index:3;
       /*color:#2E3031;*/
       color:white;
       text-decoration:none;
       text-align:center;
       border-style:solid;
       border-width:1px 0 0 0;
    }

    .TitolSotaMarc:link
    {
        text-decoration:none;
    }

    .MarcTaller {
        position: relative;
        float: left;
        width: 33%;
        padding: 2%;
        box-sizing: border-box;
        text-align: center;
    }

    .MarcLineaItems {

         box-sizing:border-box;
         position:relative;
         float:left;
         width:100%;
         height:auto;
    }

    .MarcItem {
        box-sizing:border-box;
        position:relative;
        float:left;
        width:31%;
        height:180px;
        margin:1%;
        /*border-radius:10px 10px;*/
        text-align:center;
    }

    .MarcItem:hover {
        box-shadow: 0 0 10px #4e707c;
    }

    .TextWeb {
        box-sizing:border-box;
        position:relative;
        float:left;
        clear:right;
        width:100%;
        height:50px;
        color:white;
        border:solid darkslategrey;
        border-width:0 1px 1px 1px;
        font-family:Calibri;
        /*font-weight:bold;*/
        background-color:darkslategrey;
        /*border-bottom-left-radius:10px 10px;
        border-bottom-right-radius:10px 10px;*/
        text-decoration:none;
    }

    .ImatgeWeb {
         box-sizing:border-box;
         position:relative;
         float:left;
         clear:right;
         width:100%;
         height:130px;
         padding:15px;
         border:solid 1px darkslategrey;
         /*border-top-left-radius:10px 10px;
         border-top-right-radius:10px 10px;*/
    }

    }