@charset "UTF-8";


body{

line-height: 2ch; 
font-size: 17px;

}

.body{
  font-family: Arial, Helvetica, sans-serif;

}



.row {

  margin-top: 20px;
 
}


.barra {

background-color: black;
padding:15px;
}

.container-fluid {

  padding-left: 0px !important;
  padding-right: 0px !important;
}

.espacio{

margin-top: 50px;

}

.formu {

background-color: #fe0000;
padding: 30px;
color: #fff;
border-radius: 10px;
width: 50%;

}

li{

font-size: 15px;
font-weight: 400;
}

.letras{

background-color: black;
padding-top: 35px;
padding-bottom: 30px;
padding-left: 20px;
padding-right: 20px;
color: #fff;


}


@media only screen and (max-width: 768px) {
  
.padi { margin-top: 45px;}

ul {
  padding-left: 1rem !important;
}

.formu { width: 90%;}

}

.fo{

color: black;
background-color: #efefef;
padding: 12px;
font-weight: 600;

}

.fo p {

    margin-top: 0;
    margin-bottom: 0rem !important;
}

thead {

color: #fff;
background-color: #fe0000;
padding: 0.5rem 0.5rem !important;

}

.table>:not(caption)>*>* {

  padding: 1.2rem 0.7rem;


}

a {

  text-decoration: none;
  color: #fe0000;
}

a:hover {

  color: #cc0000;

}

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #fe0000 !important;
  border-color: #fe0000 !important;
}