/*Inicialitzacio*/

*{
    padding: 0px;
    margin: 0px;
    box-sizing:border-box;
}


html,body{
    width: 100%;
    height: 100%;
    background-color: chartreuse;
}

header{
     height: 25%;
     width: 100%;
    
}
header img {
     height: 100%;
     width: 100%;
}

nav{
    background-color: grey;
    height: 4.5%;
    overflow:hidden;
}

nav ul{
    list-style-type: none;
    float:left;
  
}

nav ul li{
   
    float:left;
    padding-right: 10px;
    padding-left: 10px;
    border:1px solid black;
    border-radius: 4px;
    background-color: yellow;
    margin-left: 5px;
    font-size: 3.5vh;
    
}
nav ul li a:hover {
    background-color: purple;
    color: white;
    padding-left: 10px;
    padding-right: 10px;
}
nav ul li a{
    text-decoration: none;
    color:green; 
    
}
nav img{
    width: 10%;
    height: 85%;
    float:right;
   
}
article{
    
    height:60%;
    padding-left: 20%;
    padding-right: 20%;
    margin-top:4%;
}

section{
    height: 90%;
    background-color: #B2B8B2;
    border-radius: 8px;
    overflow-y:auto;
}

section img{
    max-width: 55%;
    margin-top: 2%;
    margin-right: 20%;
    margin-left: 20%;
    border: 2px solid #032F03;
    border-radius: 4px;
}

section p {
    font: menu;
    text-align: justify;
    padding: 2%;
    color: #0C0E26;
    font-size:2vh;
    
}

span {
    font-weight: bolder;
}


 #pag2{
    width: 100%;
    height: 60%;
    background-color: chartreuse;
    padding-left: 5%;
    padding-top: 8%;
}



#emp1 {
    width: 40%;
    height: 80%;
    float: left;
    margin-right:5%;
    margin-left: 15%;
    overflow-y:none;
}

#emp2{
    width: 40%;
    height:80%;
    float:left;
    
}

#emp2 img{
    width: 60%;
    height:35%;
}

#pag3 {
    width: 100%;
    height: 60%;
    background-color: chartreuse;
    
  }
  
#emp3 {
    width: 70%;
    height: 70%;
    margin-left: 20%;
    overflow-y:none;
   
    
    
}

#emp3 img{
    width: 60%;
    height: 40%;
    
}
#emp3 p{
    text-align: justify;
  
}

#pag4 {
    width: 100%;
    height: 60%;
    background-color: chartreuse;
    
    
    
  }
#emp4{
    width: 70%;
    height: 70%;
    overflow-y:none;
    margin-left:20%;
    
}

#emp4 p{
    text-align: justify;
}

#emp4 img{
    width: 50%;
    height: 35%;
}

footer{
    height: 5%;
    background-color: grey;
    width:100%;
    
}

footer p{
    color:white;
    text-align: center;
    font-weight: bolder;
}

footer a{
  float:right;
  }