@import url(https://fonts.googleapis.com/css?family=Poppins);
@import url(https://fonts.googleapis.com/css?family=Oswald);
@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(https://fonts.googleapis.com/css?family=Ubuntu);
@import url(https://fonts.googleapis.com/css?family=Lato);
@import url(https://fonts.googleapis.com/css?family=Raleway);
@import url(https://fonts.googleapis.com/css?family=Asap);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans);

@font-face {
      font-family: 'Material Symbols Outlined';
      src: url('../fonts-google/material-symbols/Material_Symbols_Outlined/MaterialSymbolsOutlined.woff2') format('woff2');
}



html {
             color                    : #fff;
             position                 : relative;
             min-height               : 100%;
}


BODY.back {
             margin                   : 0 0 100px;
             color                    : var(--principal1);
             background-color         : rgb(245,245,245);
             text-align               : justify;
             font-size                : 0.8em;
             font-family              : Verdana, Arial, Helvetica;
}


.conten_encabeza {
      display: block;
      border-bottom: transparent 20px solid;
      margin-bottom: 2rem;
    

}







header {
      background-color: var(--principal1);
      color: white;
      border: 0;
      display: block;
      height: 46px;
      position: fixed;
      width: 100%;
      z-index: 99;
       
}

/*header {
             background-color         : var(--principal1);            
             color                    : white;
             border                   : 0;
             display                  : block;
             height                   : 45px;
             position                 : relative;           
             width                    : 100%;
             z-index                  : -100;
}*/

header h2 {
      font-size: 28px;
      text-shadow: 2px 2px 2px #A4A4A4;
      font-weight: normal;
      left: 1%;
      position: absolute;
      top: -40%;
      bottom: 0%;
      width: 540px;
}


.enca1 {
      display: block;
      border: none;
      font-size: 1.5rem;
      font-weight: bold;
      top: 1.1%;
      left: 7%;
      line-height: 40px;
      margin: 0 0 0 195px;
      position: absolute;
      bottom: 0%;

}

.enca1a {
      border: none;
      color: grey;
      font-size: 0.8rem;
      font-weight: 700;
      line-height: 20px;
      margin: 14px 0 0 5px;
      position: absolute;
      white-space: nowrap;
}


.enca2 {
      border: none;
      /*color                    : #212F3C;*/
      font-size: 14px;
      right: 2.6%;
      line-height: 25px;
      margin: 23px 0 0 310px;
      position: absolute;
      top: -57%;
      bottom: 0%;
}


header a.stuts,
a.stuts:visited {
      border: none;
      text-decoration: none;
      color: #fcfcfc;
      font-size: 14px;
      left: 50%;
      line-height: 31px;
      margin: 23px 0 0 110px;
      position: absolute;
      top: 0;
}

header .stuts span {
      font-size: 22px;
      font-weight: bold;
      margin-left: 5px;
}


footer {
      background-color: rgb(245,245,245);
      /*box-shadow               : 0 -1px 2px #111111;*/
      color: #212F3C;
      display: block;
      z-index: 100;
      position: absolute;
      left: 0;
      bottom: 0;
      height: 38px;
      width: 100%;
      font-size: 14px;
}

#pag_foot {
      padding: .4em .8em .42em;

}

TD.lineas2 {
      vertical-align: center;
      background-color: rgb(250, 250, 250);
      font-family: Verdana, Arial, Helvetica, sans-serif;
      border: rgb(160, 129, 197) 1px solid;
      font-size: 12px;
      white-space: nowrap;
}


.purple {
      color: #d7d7d7;
      border: solid 1px #2864ae;
      background: #333;
      background: -webkit-gradient(linear, left top, left bottom, from(#2864ae), to(#504646));
      background: -moz-linear-gradient(top, #2864ae, #504646);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2864ae', endColorstr='#504646');
}

.purple:hover {
      background: #2b3a8e;
      background: -webkit-gradient(linear, left top, left bottom, from(#2b3a8e), to(#149695));
      background: -moz-linear-gradient(top, #2b3a8e, #149695);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b3a8e', endColorstr='#149695');
}

.purple:active {
      color: #F5b400;
      background: -webkit-gradient(linear, left top, left bottom, from(#149695), to(#2b3a8e));
      background: -moz-linear-gradient(top, #149695, #2b3a8e);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#149695', endColorstr='#2b3a8e');
}


.buttonley:hover {
      text-decoration: none;
}

.buttonley:active {
      position: relative;
      top: 1px;
}

.mediumley {
      font-size: 12px;
      padding: .4em 1.5em .42em;
}

.pequeley {
      font-size: 10px;
      padding: .2em 0.8em .22em;
}

#topeley {
      background-color: #607d8b;
      border: 1px solid #607d8b;
      position: relative;
      left: 0;
      bottom: 0;
      height: 20px;
      width: 80%;
      margin-top: 80px;
}

#shadow-azul {
      font-color: #563a85;
      font-size: 25px;
      text-shadow: 2px 2px 2px #D8D8D8;
      margin: 5px 5px 30px 10px;
      padding: 6px;
      text-align: left;
}


.imagen_adapativa {
      width: 100%;
      max-width: 500px;
}


.menu_flota1 {
           display           : scroll;
           position          : fixed;
           bottom            : 40px;
           right             : 2%;  
}


/* CONFIGURACIONES DE TELEFONOS MOVILES */

@media screen and (max-width: 450px) {

      .conten_encabeza {
            display: none;
      }



}