* {



        box-sizing: border-box;



    }

    

    body{



        text-align:center;

        font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

        /* background-color: rgb(93, 145, 80); */

        /* background-color: rgb(248, 241, 241) */

    }



   

    @media only screen and (max-width: 1087px) {

    /* Per a telèfons mòbils: */

    [class*="col-"] {

        width: 100%;

    }

    .col-6,.col-4{

        height:300px;

    }


    #text{

        color:#FFF; 
        text-align:left; 
        font-size:13pt;
        cursor:help;

    }

    .textPos{

        margin-top:110px;

    }


    .w3-col.m6, .w3-half, .w3-halfOne{


        width:100% !important;


    }


  .formes_img:hover {

    -webkit-transform:scale(1.3);transform:scale(1.05);

    filter: saturate(180%);      

    -webkit-box-shadow:0px 0px 4px 2px black;

    }
    
    .img_name{

        text-align: center;
        font-size:20px; 
        font-weight: bold;     
        width: 100%;

    }


    .img_res{

       
        opacity:1;

        cursor:pointer; 

        width:170px !important; 

        margin-left: 0% !important;


    }

    .img_res1{


        opacity:1;

        cursor:pointer; 

        width:200px !important; 

        margin-left: 0% !important;

    }

    #torna{



        font-size:12pt;

        height:40px;

        width:auto;

        background-color: #BC6C25;

        cursor: pointer;

        border-radius:3pt;

        margin-top: 130px;

        color:#FEFAE0;


    }



    #torna2{

        
        color:#FEFAE0;

        font-size:12pt;

        height:80px;

        width:50%;

        box-shadow: 0px 0px 5px 1px #BC6C25;

        background-color: #BC6C25;

        cursor: pointer;

        border-color: #93987C;
        
        border-radius:10pt;

        margin-top:180px;

        margin-left:0px;

        
    }



    #torna:hover{
    
        background-color: #BC6C25;
        opacity:0.7;

    }
    
    
    /* #torna2:hover{
    
        background-color: #BC6C25;
        opacity:0.7;

    } */

    .header{

        background-color: #83944C;
        height:250px; 
        padding:85px;
        margin-top:50px;

    }

    
  
    .w3-bar{

        background-color: #5E674A;

    }

    .w3-bar-block{

        background-color: #5E674A;

    }

    .w3-act{

        background-color: #414932 !important;


    }

    .w3-button{

        color:white !important;
        
    }


    .w3-button:hover{

        background-color: #414932 !important;
        color:white !important;
        cursor: pointer;

    }

    
    #btn_mobile_anterior{
      
    /* text-align: center; */
        position: fixed;

    }  
    
    #btn_mobile_torna{
      
        /* text-align: center; */
            position: fixed;
    
    }  


    .btn_anterior_fixed{

        color:#FEFAE0;

        font-size:12pt;

        height:50px;

        box-shadow: 0px 0px 10px 3px #BC6C25;

        background-color: #BC6C25 !important;

        cursor: pointer;
        
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;

        width:100% !important;

        display: inline;

        margin-left: -16px;

        position: fixed;

        bottom: 0px;

        padding-bottom: 0px;
        
        z-index:2000;

    }


    .btn_anterior_fixed:hover{

        box-shadow: 0px 0px 10px 3px #5E674A !important;
        background-color: #5E674A !important;

    }

    .btn_torna_fixed{

        color:#FEFAE0;

        font-size:12pt;

        height:50px;

        box-shadow: 0px 0px 10px 3px #BC6C25;

        background-color: #BC6C25 !important;

        cursor: pointer;
        
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;

        width:100% !important;

        display: inline;

        margin-left: -42px;

        position: fixed;

        bottom: 0px;

        padding-bottom: 0px;
        
        z-index:2000;

    }


    .btn_torna_fixed:hover{

        box-shadow: 0px 0px 10px 3px #5E674A !important;
        background-color: #5E674A !important;

    }


    .btn_anterior{

        
        color:#FEFAE0;

        font-size:12pt;

        height:70px;

        width:130px;

        box-shadow: 0px 0px 5px 1px #BC6C25;

        background-color: #BC6C25 !important;

        cursor: pointer;
        
        border-radius:10pt;

        margin-top:200px;

        margin-left:0px;

    }


    .btn_anterior:hover{

        box-shadow: 0px 0px 5px 1px #5E674A !important;
        background-color: #5E674A !important;

    }


    .btn_torna{

        
        color:#FEFAE0;

        font-size:12pt;

        height:70px;

        width: 70px;

        box-shadow: 0px 0px 5px 1px #BC6C25;

        background-color: #BC6C25 !important;

        cursor: pointer;
        
        border-radius:10pt;

        margin-top:123px;

        margin-left:0px;


    }


    .btn_torna:hover{

        box-shadow: 0px 0px 5px 1px #5E674A !important;
        background-color: #5E674A !important;

    }


    .btn_header{
        
        background-color: #BC6C25;
        
    }
    


    .w3-fons-clar{

        background-color: #83944C;

    }

   
    .w3-footer{

        background-color: #93987C;

    }




    #nom{

        

        font-size: 17pt;

    } 



    

   #desc{

        font-size: 15pt !important;

   }



    .res{


        height:300px !important;


    }



    
    #Preg{

        cursor:text;

    }



    #PregR{



        cursor:text;

        margin-top: 300px;



    }





    label{



        font-size:20pt;



    }



    body,h1,h2,h3,h4,h5 {font-size:16px; font-family: "Poppins", sans-serif}

    body {font-size:16px;}    



    .w3-half h3{width:100%; margin-left: 0% !important; font-size:20px; font-weight: bold; line-height: 30px;}

    .w3-bar,h1,button {font-family: "Montserrat", sans-serif}

    .fa-anchor,.fa-coffee {font-size:200px}

    .w3-half img{opacity:1;cursor:pointer;margin-top:0px; margin-left: 0%; width:50%}

    .w3-half img:hover{opacity:0.8}

    .w3-modal-content{


        margin-top:-30px;


    } 

    .w3-image{

        width:300px;

    }


    .border_img{

        border-radius:10pt;

    }
    

    #btn1, #btn2, #btn3, #btn4, #btn5, #btn6{



        font-size:12pt;

        border-radius:3pt;

        /* width:170px; */

        /* height:180px; */

        background-color:aquamarine;

        cursor: pointer;



    }



/*----*/



    #btn1:hover{



        background-color:green;

        cursor:pointer;

    }

    #btn2:hover{



        background-color:green;

        cursor:pointer;

    }

    #btn3:hover{



        background-color:green;

        cursor:pointer;

    }

    #btn4:hover{



        background-color:green;

        cursor:pointer;

    }

    #btn5:hover{



        background-color:green;

        cursor:pointer;

    }

    #btn6:hover{

        background-color:green;

        cursor:pointer;

    }

    .filtres{
                
        margin-top: 0px !important;

    }

    #PC_space{

        display:none !important;

    }


    .card {

        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
        transition: 0.3s;
        width: 100%;
        height: 300%;
        background-color: #BC6C25;
    
    }
  
  .card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
  }
  
  .container {
    padding: 0px 16px;
  }




#cont_btnAnt{

    display: none;

}

#contR_btnAnt{

    display: none;

}

.br_btn_mobile_anterior{

    display: block;

}

.imgC{

    width: 300px !important;
    height: auto;

}

.imgzoom{

    opacity: 1;
    cursor: default !important;
    width: 300px !important;
    margin-left: 0% !important;

}


#more{

    display:block;

}

#PCmore{

    display:none;

}


.PCmoreBar{

    display:none;

}

.rowimgzoom{


}
.colimgzoom{

    margin-top: 70px;

}

    }

    .row:after {

    content: "";

    clear: both;

    display: block;

    }

    

    [class*="col-"] {

    float: left;

    padding: 5px;

    /* border: 1px solid; */

    }

    

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

    .col-1 {width: 8.33%;}

    .col-2 {width: 16.66%;}

    .col-3 {width: 25%; height:150px;}

    .col-4 {width: 33.33%; height:300px;}

    .col-5 {width: 41.66%;}

    .col-6 {width: 50%; height:300px;}

    .col-7 {width: 58.33%;}

    .col-8 {width: 66.66%;}

    .col-9 {width: 75%;}

    .col-10 {width: 83.33%;}

    .col-11 {width: 91.66%;}

    .col-12 {width: 100%;}


    fieldset{

        margin-top:50px;

        border-radius:5pt;

    }

    #cont_btnAnt{

        display: block;

    }

    #contR_btnAnt{

        display: block;

    }


    label{



        font-size:20pt;



    }

    .img_name{

        margin-left:43% !important;
        font-size:20px !important; 
        font-weight: bold !important;     
        
    }


    select{

        

        font-size:15pt;

        cursor: pointer;       

        border-radius:3pt;

        text-align: center;

        height:30px;

        width:50%;



    } 



    option{

    

        cursor: pointer;       

         

    } 



    #btn1, #btn2, #btn3, #btn4, #btn5, #btn6{



        font-size:12pt;

        border-radius:3pt;

        /* width:170px; */

        /* height:180px; */

        background-color:aquamarine;

        cursor: pointer;



    }



/*----*/



    #btn1:hover{



        background-color:green;

        cursor:pointer;

    }

    #btn2:hover{



        background-color:green;

        cursor:pointer;

    }

    #btn3:hover{



        background-color:green;

        cursor:pointer;

    }

    #btn4:hover{



        background-color:green;

        cursor:pointer;

    }

    #btn5:hover{



        background-color:green;

        cursor:pointer;

    }

    #btn6:hover{



        background-color:green;

        cursor:pointer;

    } 



/*----*/




    #torna{


        color:#FEFAE0;

        font-size:12pt;

        height:40px;

        width:auto;

        background-color: #BC6C25;

        cursor: pointer;

        border-radius:3pt;

        margin-top:195px;



    }

    #torna:hover{
    
        background-color: #BC6C25;
        opacity:0.7;

    }
    


    #torna2{

        
        color:#FEFAE0;

        font-size:12pt;

        height:80px;

        width:12%;

        box-shadow: 0px 0px 5px 1px #BC6C25;

        background-color: #BC6C25;

        cursor: pointer;

        border-color: #93987C;
        
        border-radius:10pt;

        margin-top:180px;

        margin-left:-80px;

        position: fixed;

    }
    
    
    #torna2:hover{
    
        box-shadow: 0px 0px 5px 1px #93987C !important;

    }




    

    .header{


        background-color: #83944C;

        height:200px !important; 

        padding:170px;



    }



    #btn{

        

        font-size:12pt;

        height:35px;


        width:auto;

        background-color:greenyellow;

        cursor: pointer;

        border-radius:3pt;



    }

    .res{


        height:330px !important;


    }


    #Preg{
        
        cursor:text;
        font-size:23pt;

    }



    #PregR{

        cursor:text;
        font-size:23pt;

    }



  .formes_img:hover {



    -webkit-transform:scale(1.3);transform:scale(1.05);

    filter: saturate(180%);      

    -webkit-box-shadow:0px 0px 4px 2px black;

    }



    body,h1,h2,h3,h4,h5 {font-size:16px; font-family: "Poppins", sans-serif}

    body {font-size:16px;}
    
    
    .w3-half img{opacity:1;cursor:pointer; width:30%; margin-left: 85%;}    

    .w3-half img:hover{opacity:0.8}


    .w3-half h3{margin-left: 99px; font-size:20px; font-weight: bold; width: 114%;}



    .w3-modal-content{



        margin-top:-30px;



    } 

    .w3-image{

     

        width:100%;



    }

    .border_img{

        border-radius:10pt;

    }

    .img_res{

       
        opacity:1;

        cursor:pointer; 

        width:190px !important; 

        margin-left: 60% !important;


    }

    .img_res1{


        opacity:1;

        cursor:pointer; 

        width:50% !important; 

        margin-left: 75% !important;



    }


    #nom{



        font-size: 30pt;



    }



    #desc{


        font-size: 25pt;

    }



    .filtres{

        margin-top: 30px !important;

    }

    .filtreBorde{

        height:630px;
        
    }
    
    .w3-bar{

        background-color: #5E674A;

    }


    .w3-act{

        background-color: #414932 !important;


    }

    .w3-button{

        color:white !important;
        
    }


    .w3-button:hover{

        background-color: #414932 !important;
        color:white !important;
        cursor: pointer;
    }
    
  
    
    .btn_anterior{

        
     
        color:#FEFAE0;

        font-size:12pt;

        height:60px;

        /* width: 120px; */
        
        width: 100%;

        box-shadow: 0px 0px 5px 1px #BC6C25;

        background-color: #BC6C25 !important;

        cursor: pointer;
        
        border-radius:10pt;

        /* margin-top:183px; */

        margin-top:-15px;

        /* margin-left:60px; */

        margin-left:0px;

    }


    .btn_anterior:hover{

        box-shadow: 0px 0px 5px 1px #5E674A !important;
        background-color: #5E674A !important;

    }

    .btn_torna{

        
      
        color:#FEFAE0;

        font-size:12pt;

        height:60px;

        /* width: 120px; */
        
        width: 100%;

        box-shadow: 0px 0px 5px 1px #BC6C25;

        background-color: #BC6C25 !important;

        cursor: pointer;
        
        border-radius:10pt;

        /* margin-top:183px; */

        margin-top:-15px;

        /* margin-left:60px; */

        margin-left:0px;


    }


    .btn_torna:hover{

        box-shadow: 0px 0px 5px 1px #5E674A !important;
        background-color: #5E674A !important;

    }

    

    .w3-fons-clar{

        background-color: #83944C;

    }

   
    .w3-footer{

        background-color: #93987C;

    }

    #text{

        color:#FFF; 
        text-align:left; 
        font-size:12pt;
        cursor:help;

    }

    .textPos{

        margin-top:110px;

    }
   
    
    .card {

        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
        transition: 0.3s;
        width: 100%;
        height: 220%;
        background-color: #BC6C25;
    
    }
  
  .card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
  }
  
  .container {
    padding: 2px 16px;       

  }

.btn_anterior_fixed{
    display: none;
}  

.btn_torna_fixed{

    display: none;

}


#btn_mobile_anterior{

    display: none;

}


#btn_mobile_torna{

    display: none;

}

.br_btn_mobile_anterior{

    display: none;

}

.imgC{

    width: 80% !important;
    height: auto;
    
}

.imgzoom{

    opacity: 1;
    cursor: default !important;
    width: 200px !important;
    margin-left: 0% !important;

}

#more{
    
    display:none;

}

#PCmore{
    
    font-size: 17pt;
    display:block;

}

.PCmoreBar{

    display:block;

}



.rowimgzoom{


}
.colimgzoom{


}

#close{

    position: fixed;

}

}