/* .pare{    
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  background: #F5DC99;
  height: 100%; 
}*/
.dins{
  border: 0px solid #333;
  /* background-color: #E3E3E3; */
  padding-top: 0.2%;
  padding-left: 0.2%;
  padding-right: 0.2%;
}


p,a{
  text-decoration: none;
  color: #333;
  font-size: 100%;
}


body
{ 
  background-color: #F5DC99;
  overflow-x: hidden;
  
  
} 

.menu
{
  background-color: #dda91b;
  border-bottom: 0px solid black;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: center;
  align-content: center;
  padding: 0%;
  margin-top: -1%;
  margin-left: -1%;
  margin-right: -1%;
  margin-bottom: 1%;
  position: sticky;
  top:0px;
  /* background-image: url("./fotos/ffalogo.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; */
   
}

.un
{
  border: 0px solid black;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  flex-grow: 1;
  /* flex-shrink: 1; */
  width: 100%;

}

.ffa
{
  border: 0px solid black;
  background-image: url("./fotos/ffalogo.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  padding: 15%;
  /* padding-left: 0%;
  padding-right: 0%; */
  margin-left: 9%;
}

.dos
{
  border: 0px solid black;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-grow: 1;
  /* flex-shrink: 1; */
  width: 100%;
}

.tres
{

  border: 0px solid black;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  align-content: center;
  flex-grow: 1;
  /* flex-shrink: 1; */
  width: 100%;

}

.basura
{
  border: 0px solid black;
  background-image: url("./fotos/bin.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  padding: 9%;
  /* padding-left: 0%;
  padding-right: 0%; */
  margin-right: 9%;
}

.boto
{
  margin-right: 10%;
}
.logo
{
  border-radius: 5px;
  border: 0px solid black;
  background-image: url("./fotos/arxiu.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  padding: 10%;
  padding-left: 20%;
  padding-right: 20%;
  margin: 1%;
}

/* .texte
{
  border-radius: 5px;
  border: 3px solid black;
  margin-left: 1%;
} */

.pare
{
  border-radius: 5px;
  border: 0px solid black;
  margin-top: 3%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  
}

.fill
{
  border-radius: 150px;
  border: 0px solid black;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: center;
  align-content: center;
  margin: 2%;
  width: 46%;

}
/* .fill:hover
{
  zoom:125%;
  margin-bottom:-1%;
  margin-top: -1%;
  
} */
.esq
{
  border-radius: 0px;
  border-bottom-left-radius: 20px;
  border: 2px solid  #333;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  /* flex-grow: 1; */
  flex-shrink: 3;
  width: 100%;
  border-right: 0px solid;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  background-color: #e7cc7f; 
  
   
}
@import url('https://fonts.googleapis.com/css2?family=Nerko+One&display=swap');

.dret
{
  /* border-radius: 0px;
  border-top-right-radius: 20px; */
  border: 2px solid  #333;
  border-left: 1px solid #333;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  /* flex-grow: 3; */
  flex-shrink: 1;
  width: 90%;
  padding: 0%;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  background-color: #e7cc7f;
  font-family: 'Nerko One', cursive;
  border-right: 0px solid;

}

.borrar
{
  border-radius: 0px;
  border-top-right-radius: 20px;
  border: 2px solid  #333;
  border-left: 1px solid;
  background-color: #e7cc7f;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  align-content: center;
  border-left: 0px solid;
  width: 10%;
}

.color {
  Background-color:#a77e0e;
}

#notepad
{

  background-image: url("./fotos/notepad.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  
}

#word
{

  background-image: url("./fotos/word.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  
}

#pdf
{

  background-image: url("./fotos/pdf.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  
}

#img
{

  /* background-image: url("./fotos/img.png"); */
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  
}

#exe
{

  background-image: url("./fotos/exe.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  
}

#iso
{

  background-image: url("./fotos/iso.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  
}

#excel
{

  background-image: url("./fotos/excel.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  
}

#vid
{

  background-image: url("./fotos/vid.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  
}

#audio
{

  background-image: url("./fotos/audio.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  
}

#java
{

  background-image: url("./fotos/java.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  
}

#visual
{

  background-image: url("./fotos/visual.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  
}

#txt
{

  background-image: url("./fotos/txt.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  
}

#point
{

  background-image: url("./fotos/point.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  
}

#ovpn
{

  background-image: url("./fotos/ovpn.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  
}

#rar
{

  background-image: url("./fotos/rar.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  
}
#ova
{

  background-image: url("./fotos/ova.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  
}