@font-face {font-family: "Helvetica-Condensed";  src: url("../fonts/helvetica_condensed.ttf") format("truetype"); }
    html {
  height: 100%;
}

  body{
  /*  background: url("images/foto_portada.jpeg"); */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
    min-height:100%;
    box-shadow: 0 4px 8px rgb(0 0 0 / 40%);
  
  }
  
  form{
    margin-top: 20px;
    margin-bottom: 200px;
  }
  table{
   margin-top: 20px;
  }
  .container{
   max-width: 1366px;
    min-width: 340px;
    position: relative;
    width: 100%;
  }
  
  #loginbody .form-group{
   background-color: #d12000;
   border: 1px solid #d12000;
   border-radius: 10px;
   padding: 20px;
  }
  
  .botonacceso{
    background-color: #ffffff;
    color: #d12000;
  
  }
  .cabecera{
   background-color: #d12000;
   height: 115px;
       box-shadow: 0 4px 8px rgb(0 0 0 / 40%);
  }
  .pie{
   margin-top: 40px;
   padding-top:20px;
    background-color: #d12000;
    color: #fff;
    
    
    /*
   position:absolute;
   bottom:0;
   width:100%;
*/

}
  .cabecera h1 {
    height: 80px;
    padding: 20px 0 0 20px;
    text-transform: uppercase;
    font-size: 31px;
    font-weight: 300;
    font-family: 'Helvetica-Condensed',Helvetica,sans-serif;
    color: #ffffff;
    margin-bottom: 0px!important;
}
  .pie h6 {
    padding: 20px 0 0 30px;
    font-size: 15px;
    font-weight: 300;
    font-family: Arial,'Helvetica-Condensed',Helvetica,sans-serif;
    color: #ffffff;
}
.pie .textoderecha{
    padding: 20px 0 0 30px;
    font-size: 15px;
    font-weight: 600;
    font-family: Arial,'Helvetica-Condensed',Helvetica,sans-serif;
    color: #ffffff;
}
  .pie p {
    padding: 20px 0 0 30px;
    font-weight: 300;
    font-family: Arial,'Helvetica-Condensed',Helvetica,sans-serif;
    color: #ffffff;
}
#lista1 {
 padding:0;
    font-size:13px;
}

#lista1 li {
     display:inline;
     padding-left:3px;
     padding-right:3px;
     color: #fff;
    font-family: 'Helvetica-Condensed',Helvetica,sans-serif;
    padding: 8px 20px ;
    font-size: 21px;
    height: 35px;
}
#lista1 li a{
 color:#ffffff;
    font-family: 'Helvetica-Condensed',Helvetica,sans-serif;
    text-decoration: none;
    line-height: 20px;
    
}
#lista1 li a:hover{
 background-color:#ffffff;
 color: #d12000;
    text-decoration: none;
    
}
.cab-centro{
    height: 115px;
    float: left;
    width: 15%;
    position: relative;
}
.cab-centro:before{
    content: '';
    display: block;
    position: absolute;
    height: 80px;
    width: 1px;
    border-left: 1px solid #fff;
    transform: skew(-19deg);
    right: 15px;
}
.cab-centro .usuarios{
    margin: 80px 30px 0 10px;
    border-top: 1px solid #fff;
    position: relative;
    height: 35px;
    width: 85%;
}
.cab-centro .usuarios:before{
    content: '';
    display: block;
    position: absolute;
    height: 35px;
    width: 25px;
    border-left: 1px solid #ffffff;
    transform: skew(-19deg);
    left: -6px;
}
.cab-centro .usuarios:after{
    content: '';
    display: block;
    position: absolute;
    height: 35px;
    width: 54px;
    transform: skew(-19deg);
    right: 5px;
}

.cab-derecha{
    height: 100px;
    width: 12%;
    float: left;
    padding: 15px/2 10px 0 0;
    text-align: right;
    position: relative;

}


  .form-group{
  
   border-radius: 10px;
   padding: 20px;
  }
  
  .botonacceso{
    background-color: #ffffff;
    color: #d12000;
  
  }
  
  
  .nav-tabs{
   margin-top: 20px;
   margin-bottom: 20px;
  }
  .nav-link{
   color: #d12000;
  }