@import url('https://fonts.googleapis.com/css2?family=Julius+Sans+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Julius+Sans+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inclusive+Sans&display=swap');

/*VIDEO----------------------------*/
video {
    position: absolute;
    left: 0;
    top: 0;
    height:123%;
    z-index: -1;
    scale: 100%;
  }

/*-----------------------------------*/
/*---NAVEGADOR--------------------------------*/
/*-----------------------------------*/
#nav_confondo{
    background-color: #07294F;

}

#nav_seleccionar{

    color: white;

    :hover{
        background-color: #07294f68;
        scale: 105%;
    }
}

/*-----------------------------------*/
/*--seccion inicio---------------------------------*/
/*-----------------------------------*/

#titulo_inicio{
    color: white;
    font-family: 'Julius Sans One', sans-serif;
    scale: 120%;
    margin-top: 15%;
    margin-left: 12%;
    
}

#img_inicio{
    margin-right: 12%;
    margin-top: 4%;
}

/*-----------------------------------*/
/*-----------------------------------*/
/*-----------------------------------*/

/*-----------------------------------*/
/*-----SECCION PRESENTACION------------------------------*/
/*-----------------------------------*/
#tarj_presentacion{
    background-color: #07294F;
    color: white;
    margin-top: 15%;
    padding: 5%;
    
}

#parraf_presentacion{
    margin-top: 15%;
    margin-left: 8%;
    font-family: 'Julius Sans One', sans-serif;
}

#img_presentacion{
    margin-top: 3%;
}
/*-----------------------------------*/
/*-----------------------------------*/
/*-----------------------------------*/


/*-----------------------------------*/
/*-----SECCION RECORDATORIO------------------------------*/
/*-----------------------------------*/
#tarj_recordatorio2{
    
    background-color: #75AFFD;
    font-family: 'Julius Sans One', sans-serif;
    padding: 8%;
    
}


/*-----------------------------------*/
/*----SECCION CBRO POR HORA-------------------------------*/
/*-----------------------------------*/


#tarj_cobroPorHora{

  color: white;  
  background-image:url(https://cdn.pixabay.com/photo/2017/09/26/16/14/savings-2789153_1280.jpg);
  padding: 7%;
  font-family: 'Inclusive Sans', sans-serif;
  

}
#fondo_cobroPorHora{
    background-color: #07294f9b;
    padding: 7%;
    margin: -8.3%;
}

#explic_cobroPorHora{

    margin-right: 10px;
}

#titulo_explic_cobroPorHora{
    margin-top: 50px;
}

#label_ingreso_cobroPorHora{

    margin-top: 50px;
    margin-left: 10px;

}

/*-----------------------------------*/
/*-----------------------------------*/
/*-----------------------------------*/


/*-----------------------------------*/
/*-----TARJETA VACACIONES------------------------------*/
/*-----------------------------------*/
#tarj_vacaciones{

    color: white; 
    background-image:url(https://cdn.pixabay.com/photo/2015/11/15/09/21/calculator-1044172_1280.jpg);
    padding: 7%;
    font-family: 'Inclusive Sans', sans-serif;
    
  
  }
  #fondo_vacaciones{
      background-color: #5e95dda7;
      padding: 7%;
      margin: -8.3%;
  }
  
  #explic_vacaciones{
  
      margin-left: 30px;
  }
  
  #titulo_explic_vacaciones{
      margin-top: 50px;
  }
  
  #resultado_cobroPorHora{
    padding: 10px;
  }
  
  

/*-----------------------------------*/
/*-----------------------------------*/
/*-----------------------------------*/

/*-----------------------------------*/
/*----TARJETA ANTIGUEDAD-------------------------------*/
/*-----------------------------------*/
#tarj_antiguedad{

    color: white; 
    background-image:url(https://cdn.pixabay.com/photo/2016/02/20/18/29/watch-1212557_1280.jpg);
    padding: 7%;
    font-family: 'Inclusive Sans', sans-serif;
    
  
  }
  #fondo_antiguedad{
      background-color: #07294f9b;
      padding: 7%;
      margin: -8.3%;
  }
  
  #explic_antiguedad{
  
      margin-left: 30px;
  }
  
  #titulo_explic_antiguedad{
      margin-top: 50px;
  }
  
  #resultado_antiguedad{
    padding: 10px;
  }
  
/*-----------------------------------*/
/*-----------------------------------*/
/*-----------------------------------*/


/*-----------------------------------*/
/*------TARJETA FERIADO-----------------------------*/
/*-----------------------------------*/
#tarj_feriado{

    color: white; 
    background-image:url(https://cdn.pixabay.com/photo/2014/05/05/19/53/keyboard-338502_1280.jpg);
    padding: 7%;
    font-family: 'Inclusive Sans', sans-serif;
    
  
  }
  #fondo_feriado{
      background-color: #5e95dda7;
      padding: 7%;
      margin: -8.3%;
  }
  
  #explic_feriado{
  
      margin-left: 30px;
  }
  
  #titulo_explic_feriado{
      margin-top: 50px;
  }
  
  #resultado_feriado{
    padding: 10px;
  }
  

/*-----------------------------------*/
/*-----------------------------------*/
/*-----------------------------------*/


/*-----------------------------------*/
/*---TARJETA AGUINALDO--------------------------------*/
/*-----------------------------------*/
#tarj_sac{

    color: white; 
    background-image:url(https://cdn.pixabay.com/photo/2018/03/20/09/53/nature-3242686_1280.jpg);
    padding: 7%;
    font-family: 'Inclusive Sans', sans-serif;
    
  
  }
  #fondo_sac{
      background-color: #07294f9b;
      padding: 7%;
      margin: -8.3%;
  }
  
  #explic_sac{
  
      margin-left: 30px;
  }
  
  #titulo_explic_sac{
      margin-top: 50px;
  }
  
  #resultado_sac{
    padding: 10px;
  }
  
/*-----------------------------------*/
/*-----------------------------------*/
/*-----------------------------------*/

/*-----------------------------------*/
/*-----FOOTER------------------------------*/
/*-----------------------------------*/
#footer{
    
    background-color: #082b53;
    color: white;
    padding: 60px;
    font-family: 'Inclusive Sans', sans-serif;

}

#explic_footer{
    margin: 10px;
}

#img_explic{
    margin-top: 30px;
}

#img_footer{

    margin-top: 50px;

    :hover{
        scale: 110%;
        opacity: 50%;
    }
}

#titulo_footer{
    margin: 10px;
}
/*-----------------------------------*/
/*-----------------------------------*/
/*-----------------------------------*/

/*-----------------------------------*/
/*-----------------------------------*/
/*-----------------------------------*/


/*-----------------------------------*/
/*-----------------------------------*/
/*-----------------------------------*/