body {



  background-repeat: no-repeat;

  background-attachment: fixed;

  background-size: 100% 100%;

  font-family: 'buda';font-size: 1.3vw; /*Com afegir noves fonts*/

}



.responsive-youtube{    /*Vídeos de YouTube*/

	height: 0;

	overflow: hidden;

	padding-bottom: 56.25%;

	padding-top: 30px;

	position: relative;

}

.video-responsive iframe, .video-responsive object, .video-responsive embed {  

	height: 100%;

	left: 0;

	position: absolute;

	top: 0;

	width: 100%;

	}




#caixa1 {

    position:absolute;  

    top: 2%;                      /*On comença la caixa respecte el marge superior*/

    left: 2%;                     /*On comença la caixa respecte el marge esquerra*/

    background: white;            /*Color de fons de la caixa*/ 

  background-color: rgb(255, 255, 255, 1); /*Color de fons semitransparent de la caixa*/   

    width: 10%;                   /*Amplada de la caixa*/

    height: 8.5%;                  /*Alçada de la caixa*/

    padding: 0.2%;                 /*Distància entre el marge i on comencem a escriure*/

    border-width:;             /*Gruix de la vora de la caixa*/

    border-color:;           /*Color de la vora de la caixa*/

    border-style:;         /*Estil de la vora de la caixa*/

    font-family:;      /*Font de lletra que conté la caixa*/

    font-size:;             /*Mida de lletra que conté la caixa Viewport Sized*/

 				  /*Typography autoescalable*/

    font-weight:;            /*Estil negreta del text que conté la caixa*/

    text-align: center;           /*Alineació del text que conté la caixa*/

    color: black;                 /*Color del text que conté la caixa*/

}

#caixa2 {

    position:absolute;

    top: 5%;

    left: 30%;

    background: white;

    width: 40%;

    height: 8.5%;

    padding: 0.2%;

    border-color: blue; 

    border-style: solid;

    border-width: 1%;

    font-family:;

    font-size: 45;

    font-weight: bold;

    text-align: center;

    color: black;    

}

#caixa3 {

    position:absolute;

    top: 4%;

    left: 80%;

    background: white;

    width: 18%;

    height: 5%;

    padding: 0.2%;

    border-color:; 

    border-style:;

    border-width:;

    font-family:;

    font-size:;

    font-weight: bold;

    text-align: center;

    color: black; 

}

#caixa4 {

    position:absolute;

    top: 18%;

    left: -23%;

    background: white;

    width: 30%;

    height: 34.5%;

    padding: 0.2%;

    border-color:; 

    border-style:;

    border-width:;

    font-family:;

    font-size:;

    font-weight:;

    text-align: center;

    color: black; 
}


#caixa5 {

    position:absolute;

    top: 17.5%;

    left: 38.5%;

    background: white;

    width: 25%;

    height: 6%;

    padding: 0.2%;

    border-color: blue; 

    border-style: solid;

    border-width: 1%;

    font-family:;

    font-size: 20;

    font-weight:;

    text-align: center;

    color: black;
    }
    
    #caixa29 {

    position:absolute;  

    top: 23.5%;                      /*On comença la caixa respecte el marge superior*/

    left: 40%;                     /*On comença la caixa respecte el marge esquerra*/

    background: white;            /*Color de fons de la caixa*/ 

  background-color: rgb(255, 255, 255, 1); /*Color de fons semitransparent de la caixa*/   

    width: 30%;                   /*Amplada de la caixa*/

    height: 3.5%;                  /*Alçada de la caixa*/

    padding: 0.2%;                 /*Distància entre el marge i on comencem a escriure*/

    border-width:;             /*Gruix de la vora de la caixa*/

    border-color:;           /*Color de la vora de la caixa*/

    border-style:;         /*Estil de la vora de la caixa*/

    font-family:;      /*Font de lletra que conté la caixa*/

    font-size: 15;             /*Mida de lletra que conté la caixa Viewport Sized*/

 				  /*Typography autoescalable*/

    font-weight:;            /*Estil negreta del text que conté la caixa*/

    text-align: center;           /*Alineació del text que conté la caixa*/

    color: black;                 /*Color del text que conté la caixa*/

}
#caixa30 {

    position:absolute;  

    top: 33%;                      /*On comença la caixa respecte el marge superior*/

    left: 40%;                     /*On comença la caixa respecte el marge esquerra*/

    background: white;            /*Color de fons de la caixa*/ 

  background-color: rgb(255, 255, 255, 1); /*Color de fons semitransparent de la caixa*/   

    width: 28.5%;                   /*Amplada de la caixa*/

    height: 3.5%;                  /*Alçada de la caixa*/

    padding: 0.2%;                 /*Distància entre el marge i on comencem a escriure*/

    border-width:;             /*Gruix de la vora de la caixa*/

    border-color:;           /*Color de la vora de la caixa*/

    border-style:;         /*Estil de la vora de la caixa*/

    font-family:;      /*Font de lletra que conté la caixa*/

    font-size:;             /*Mida de lletra que conté la caixa Viewport Sized*/

 				  /*Typography autoescalable*/

    font-weight:;            /*Estil negreta del text que conté la caixa*/

    text-align: center;           /*Alineació del text que conté la caixa*/

    color: black;                 /*Color del text que conté la caixa*/

}
#caixa31 {

    position:absolute;  

    top: 42.5%;                      /*On comença la caixa respecte el marge superior*/

    left: 40%;                     /*On comença la caixa respecte el marge esquerra*/

    background: white;            /*Color de fons de la caixa*/ 

  background-color: rgb(255, 255, 255, 1); /*Color de fons semitransparent de la caixa*/   

    width: 30%;                   /*Amplada de la caixa*/

    height: 3.5%;                  /*Alçada de la caixa*/

    padding: 0.2%;                 /*Distància entre el marge i on comencem a escriure*/

    border-width:;             /*Gruix de la vora de la caixa*/

    border-color:;           /*Color de la vora de la caixa*/

    border-style:;         /*Estil de la vora de la caixa*/

    font-family:;      /*Font de lletra que conté la caixa*/

    font-size:;             /*Mida de lletra que conté la caixa Viewport Sized*/

 				  /*Typography autoescalable*/

    font-weight:;            /*Estil negreta del text que conté la caixa*/

    text-align: center;           /*Alineació del text que conté la caixa*/

    color: black;                 /*Color del text que conté la caixa*/

}
#caixa32 {

    position:absolute;  

    top: 52%;                      /*On comença la caixa respecte el marge superior*/

    left: 45%;                     /*On comença la caixa respecte el marge esquerra*/

    background: white;            /*Color de fons de la caixa*/ 

  background-color: rgb(255, 255, 255, 1); /*Color de fons semitransparent de la caixa*/   

    width: 20%;                   /*Amplada de la caixa*/

    height: 3.5%;                  /*Alçada de la caixa*/

    padding: 0.2%;                 /*Distància entre el marge i on comencem a escriure*/

    border-width:;             /*Gruix de la vora de la caixa*/

    border-color:;           /*Color de la vora de la caixa*/

    border-style:;         /*Estil de la vora de la caixa*/

    font-family:;      /*Font de lletra que conté la caixa*/

    font-size:;             /*Mida de lletra que conté la caixa Viewport Sized*/

 				  /*Typography autoescalable*/

    font-weight:;            /*Estil negreta del text que conté la caixa*/

    text-align: center;           /*Alineació del text que conté la caixa*/

    color: black;                 /*Color del text que conté la caixa*/

}
    
    #caixa6 {

    position:absolute;

    top: 27%;

    left: 38.5%;

    background: white;

    width: 25%;

    height: 6%;

    padding: 0.2%;

    border-color: blue; 

    border-style: solid;

    border-width: 1%;

    font-family:;

    font-size: 20;

    font-weight:;

    text-align: center;

    color: black;
    }
    
    
    
    #caixa7 {

    position:absolute;

    top: 36.5%;

    left: 38.5%;

    background: white;

    width: 25%;

    height: 6%;

    padding: 0.2%;

    border-color: blue; 

    border-style: solid;

    border-width: 1%;

    font-family:;

    font-size: 20;

    font-weight:;

    text-align: center;

    color: black;
    }
    
     #caixa8 {

    position:absolute;

    top: 46%;

    left: 38.5%;

    background: white;

    width: 25%;

    height: 6%;

    padding: 0.2%;

    border-color: blue; 

    border-style: solid;

    border-width: 1%;

    font-family:;

    font-size: 20;

    font-weight:;

    text-align: center;

    color: black;
    }
    
    
    #caixa9 {

    position:absolute;

    top: 16%;

    left: 70%;

    background: white;

    width: 20%;

    height: 5%;

    padding: 0.2%;

    border-color:; 

    border-style:;

    border-width:;

    font-family:;

    font-size:;

    font-weight:;

    text-align: center;

    color: black; 

}

#caixa14 {

    position:absolute;

    top: 60%;

    left: 64%;

    background: white;

    width: 32%;

    height: 34.5%;

    padding: 0.2%;

    border-color: blue; 

    border-style: solid;

    border-width: 1%;

    font-family:;

    font-size: 25;

    font-weight: bold;

    text-align: center;

    color: black; 

}
#caixa15 {

    position:absolute;

    top: 53.5%;

    left: 12.5%;

    background: white;

    width: 40%;

    height: 10%;

    padding: 0.2%;

    border-color:; 

    border-style:;

    border-width:;

    font-family:;

    font-size: 35;

    font-weight: bold;

    text-align: center;

    color: black; 

}
#caixa16 {

    position:absolute;

    top: 60%;

    left: 12.5%;

    background: white;

    width: 42%;

    height: 28%;

    padding: 0.2%;

    border-color: blue; 

    border-style: solid;

    border-width: 1%;

    font-family:;

    font-size:;

    font-weight:;

    text-align: center;

    color: black; 

}
#caixa17 {

    position:absolute;

    top: 90%;

    left: 2%;

    background: white;

    width: 20%;

    height: 5%;

    padding: 0.2%;

    border-color: blue; 

    border-style: solid;

    border-width: 1%;

    font-family:;

    font-size: 15;

    font-weight: bold;

    text-align: center;

    color: black; 

}
#caixa18 {

    position:absolute;

    top: 5%;

    left: 25%;

    background: white;

    width: 47.5%;

    height: 8.5%;

    padding: 0.2%;

    border-color:; 

    border-style:;

    border-width:;

    font-family:;

    font-size: 35;

    font-weight: bold;

    text-align: center;

    color: black;    

}
#caixa19 {

    position:absolute;

    top: 57%;

    left: 17.5%;

    background: white;

    width: 25%;

    height: 10%;

    padding: 0.2%;

    border-color: black; 

    border-style: solid;

    border-width: 1%;

    font-family:;

    font-size: 25;

    font-weight:;

    text-align: center;

    color: black; 

}
#caixa20 {

    position:absolute;

    top: 72%;

    left: 17.5%;

    background: white;

    width: 25%;

    height: 10%;

    padding: 0.2%;

    border-color: black; 

    border-style: solid;

    border-width: 1%;

    font-family:;

    font-size: 25;

    font-weight:;

    text-align: center;

    color: black; 

}

#caixa23 {

    position:absolute;

    top: 50%;

    left: 50%;

    background: white;

    width: 32.5%;

    height: 40%;

    padding: 0.2%;

    border-color: black; 

    border-style: solid;

    border-width: 1%;

    font-family:;

    font-size:;

    font-weight:;

    text-align: center;

    color: black; 

}
#caixa24 {

    position:absolute;

    top: 20%;

    left: 35%;

    background: white;

    width: 25%;

    height: 10%;

    padding: 0.2%;

    border-color: black; 

    border-style: solid;

    border-width: 1%;

    font-family:;

    font-size: 25;

    font-weight:;

    text-align: center;

    color: black; 

}
#caixa25 {

    position:absolute;

    top: 35%;

    left: 35%;

    background: white;

    width: 25%;

    height: 10%;

    padding: 0.2%;

    border-color: black; 

    border-style: solid;

    border-width: 1%;

    font-family:;

    font-size: 25;

    font-weight:;

    text-align: center;

    color: black; 

}
#caixa26 {

    position:absolute;

    top: 20%;

    left: 65%;

    background: white;

    width: 25%;

    height: 10%;

    padding: 0.2%;

    border-color: black; 

    border-style: solid;

    border-width: 1%;

    font-family:;

    font-size: 25;

    font-weight:;

    text-align: center;

    color: black; 

}
#caixa27 {

    position:absolute;

    top: 35%;

    left: 65%;

    background: white;

    width: 25%;

    height: 10%;

    padding: 0.2%;

    border-color: black; 

    border-style: solid;

    border-width: 1%;

    font-family:;

    font-size: 25;

    font-weight:;

    text-align: center;

    color: black; 

}
#caixa28 {

    position:absolute;

    top: 18.5%;

    left: 5%;

    background: white;

    width: 27%;

    height: 26%;

    padding: 0.2%;

    border-color: black; 

    border-style: solid;

    border-width: 1%;

    font-family:;

    font-size:;

    font-weight:;

    text-align: center;

    color: black; 

}
#caixa33 {

    position:absolute;

    top: 0%;

    left: 0%;

    background: 222 184 135;

    background-color: rgb(222 184 135);

    width: 20%;

    height: 99.3%;

    padding: 0.2%;

    border-color:; 

    border-style:;

    border-width:;

    font-family:;

    font-size:;

    font-weight:;

    text-align: center;

    color: black; 

}
#caixa34 {

    position:absolute;

    top: 0%;

    left: 79.5%;

    background: 222 184 135;

    background-color: rgb(222 184 135);

    width: 20%;

    height: 99.3%;

    padding: 0.2%;

    border-color:; 

    border-style:;

    border-width:;

    font-family:;

    font-size:;

    font-weight:;

    text-align: center;

    color: black; 

}
#caixa35 {

    position:absolute;

    top: 90%;

    left: 2%;

    background: white;

    width: 20%;

    height: 5%;

    padding: 0.2%;

    border-color: blue; 

    border-style: solid;

    border-width: 1%;

    font-family:;

    font-size: 27.5;

    font-weight: bold;

    text-align: center;

    color: black; 

}
#caixa77 {

    position:absolute;

    top: 90%;

    left: 2%;

    background: white;

    width: 20%;

    height: 5%;

    padding: 0.2%;

    border-color: blue;

    border-style: solid;

    border-width: 1%;

    font-family:;

    font-size:;

    font-weight: bold;

    text-align: center;

    color: black;

}
#caixa108 {

    position:absolute;

    top: 5%;

    left: 17%;

    background: ;

    width: 62.5%;

    height: 8.5%;

    padding: 0.2%;

    border-color: ;

    border-style: ;

    border-width: ;

    font-family:;

    font-size: 60;

    font-weight: bold;

    text-align: center;

    color: black;    

}
#caixa99 {

    position:absolute;

    top: 65%;

    left: 11.5%;

    background: white;

    width: 75%;

    height: 10%;

    padding: 0.2%;

    border-color: blue;

    border-style: solid;

    border-width: 1%;

    font-family:;

    font-size:30;

    font-weight:;

    text-align: center;

    color: black;

}
#caixa40 {

    position:absolute;

    top: 42.5%;

    left: 11.5%;

    background: white;

    width: 75%;

    height: 10%;

    padding: 0.2%;

    border-color: blue;

    border-style: solid;

    border-width: 1%;

    font-family:;

    font-size:30;

    font-weight:;

    text-align: center;

    color: black;

}


#caixa98 {

    position:absolute;

    top: 20%;

    left: 11.5%;

    background: white;

    width: 75%;

    height: 10%;

    padding: 0.2%;

    border-color: blue;

    border-style: solid;

    border-width: 1%;

    font-family:;

    font-size:30;

    font-weight:;

    text-align: center;

    color: black;

}