@charset "UTF-8";

/* 
01. Tipografias 
02. NAV - MENU
03. colores azul-celeste-naranja texto / bg / botones / table naranja 
04. Jumbotrom - Display-5
05. Hovers para card y paneles links
06. footer*/


/* 01. Tipografias */
.regular {
  font-family:'robotoReg'
  }
.thin {
  font-family:'robotothin'
  }
.light {
  font-family:'robotolight'
  }
.medium {
  font-family:'robotomedium'
  }
.bold {
  font-family:'robotobold';  
  }
.black {
  font-family:'robotoblack'
  }

body { 
  font-family: "robotoReg", sans-serif !important;
}

@font-face {
  font-family:'robotoReg';
  src:url("fonts/roboto-regular-webfont.eot");
  src:url("fonts/roboto-regular-webfont.eot?#iefix") format("embedded-opentype"),
  url("fonts/roboto-regular-webfont.woff") format("woff"),
  url("fonts/roboto-regular-webfont.ttf") format("truetype"),
  url("fonts/roboto-regular-webfont.svg#Kroboto-regular-webfont") format("svg")
  }

@font-face {
  font-family:'robotothin';
  src:url("fonts/roboto-thin-webfont.eot");
  src:url("fonts/roboto-thin-webfont.eot?#iefix") format("embedded-opentype"),
  url("fonts/roboto-thin-webfont.woff2") format("woff2"),
  url("fonts/roboto-thin-webfont.woff") format("woff"),
  url("fonts/roboto-thin-webfont.ttf") format("truetype"),
  url("fonts/roboto-thin-webfont.svg#robotothin") format("svg");
  font-weight:normal;
  font-style:normal
  }

@font-face {
  font-family:'robotolight';
  src:url("fonts/roboto-light-webfont.eot");
  src:url("fonts/roboto-light-webfont.eot?#iefix") format("embedded-opentype"),
  url("fonts/roboto-light-webfont.woff2") format("woff2"),
  url("fonts/roboto-light-webfont.woff") format("woff"),
  url("fonts/roboto-light-webfont.ttf") format("truetype"),
  url("fonts/roboto-light-webfont.svg#robotolight") format("svg");
  font-weight:normal;
  font-style:normal
  }

@font-face {
  font-family:'robotomedium';
  src:url("fonts/roboto-medium-webfont.eot");
  src:url("fonts/roboto-medium-webfont.eot?#iefix") format("embedded-opentype"),
  url("fonts/roboto-medium-webfont.woff2") format("woff2"),
  url("fonts/roboto-medium-webfont.woff") format("woff"),
  url("fonts/roboto-medium-webfont.ttf") format("truetype"),
  url("fonts/roboto-medium-webfont.svg#robotomedium") format("svg");
  font-weight:normal;
  font-style:normal
  }

@font-face {
  font-family:'robotobold';
  src:url("fonts/roboto-bold-webfont.eot");
  src:url("fonts/roboto-bold-webfont.eot?#iefix") format("embedded-opentype"),
  url("fonts/roboto-bold-webfont.woff2") format("woff2"),
  url("fonts/roboto-bold-webfont.woff") format("woff"),
  url("fonts/roboto-bold-webfont.ttf") format("truetype"),
  url("fonts/roboto-bold-webfont.svg#robotobold") format("svg");
  font-weight:normal;
  font-style:normal
  }

@font-face {
  font-family:'robotoblack';
  src:url("fonts/roboto-black-webfont.eot");
  src:url("fonts/roboto-black-webfont.eot?#iefix") format("embedded-opentype"),
  url("fonts/roboto-black-webfont.woff2") format("woff2"),
  url("fonts/roboto-black-webfont.woff") format("woff"),
  url("fonts/roboto-black-webfont.ttf") format("truetype"),
  url("fonts/roboto-black-webfont.svg#robotoblack") format("svg")
  }
  
/* 02. NAV - MENU */
.menutop li:hover {
  /* background-color: #0078b4; */
  background-color:transparent;
  border-bottom: solid 5px #0067a2;
  opacity: 0.95;
  color: #FFF !important;
  z-index: 1; 
}

.menutop a.nav-link {    
  color: #FFF;
  padding: 8px 8px 0 8px; /* para equiparar el hover con el selector */
  z-index: 1; 
}
.menutop a.nav-link:hover {    
  opacity: 0.5;
  z-index: 1;
}

.menutop a.nav-link.dropdown-toggle {    
  /* color: #FFF; */
  padding: 8px 8px 0 8px;
  z-index: 1; 
}

.menutop a.nav-link.uape {    
  background-color: #fa8806 !important;
  /* opacity: var(--yellow); */
  color: #FFF !important;
  z-index: 1;
}

.menutop a.nav-link.uape:hover {    
  background-color: #fa8806 !important;
  opacity: var(--yellow);
  /* opacity: 0.5; */
  color: #FFF !important;
  z-index: 1;
}

.menutop li.active {
  /* background-color: #0078b4; */  
  background-color: transparent;
  border-bottom: solid 5px #0067a2;
  padding: 0 5px;
  color: #FFF !important;
  z-index: 1 ; 
}

/* 03. colores azul-celeste-naranja texto / bg / botones / table naranja */
  /* text */
  /* .text-naranja {
    color:#f59d1e;
  }  */
/* 
  .text-celeste {
    color:#039BE5;
  } */

  /* .text-azul {
    color:#0067a2;
  } */

  /* bg */
  /* .bg-naranja {
    background-color:#f59d1e;
    color: #fff;
  }    */
/* 
  .bg-celeste {
    background-color:#039BE5;
    color: #fff;  
  }     */

  /* .bg-azul {
    background-color:#0067a2;
    color: #fff;
  }     */

  /* btn */
  /* .btn-naranja {
  color: #fff;
  background-color: #f59d1e;
  border-color: #f59d1e; }
  .btn-naranja:hover {
  color: #fff;
  background-color: #db7705;
  border-color: #ec8004; }
  .btn-naranja:focus, .btn-naranja.focus {
  color: #fff;
  background-color: #db7705;
  border-color: #ec8004;
  box-shadow: 0 0 0 0.2rem rgba(197, 110, 38, 0.7); }
  .btn-naranja.disabled, .btn-naranja:disabled {
  color: #fff;
  background-color: #f59d1e;
  border-color: #f59d1e; }
  .btn-naranja:not(:disabled):not(.disabled):active, .btn-naranja:not(:disabled):not(.disabled).active, .show > .btn-naranja.dropdown-toggle {
  color: #fff;
  background-color: #db7705;
  border-color: #df7803; }
  .btn-naranja:not(:disabled):not(.disabled):active:focus, .btn-naranja:not(:disabled):not(.disabled).active:focus, .show > .btn-naranja.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(197, 110, 38, 0.7); } */
/* 
  .btn-azul {
  color: #fff;
  background-color: #0067a2;
  border-color: #0067a2; }
  .btn-azul:hover {
  color: #fff;
  background-color: #00588b;
  border-color: #00588b; }
  .btn-azul:focus, .btn-azul.focus {
  color: #fff;
  background-color: #00588b;
  border-color: #00588b;
  box-shadow: 0 0 0 0.2rem rgba(197, 110, 38, 0.7); }
  .btn-azul.disabled, .btn-azul:disabled {
  color: #fff;
  background-color: #0067a2;
  border-color: #0067a2; }
  .btn-azul:not(:disabled):not(.disabled):active, .btn-azul:not(:disabled):not(.disabled).active, .show > .btn-azul.dropdown-toggle {
  color: #fff;
  background-color: #00588b;
  border-color: #00588bc7; }
  .btn-azul:not(:disabled):not(.disabled):active:focus, .btn-azul:not(:disabled):not(.disabled).active:focus, .show > .btn-azul.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(197, 110, 38, 0.7); } */

  /* tabla naranja */
  /* .table-naranja {
    background-color:#ffce9e;
    color: rgb(49, 49, 49);
    } */


/* Jumbotrom - Display-5 */
.jumbotron.imagencover{
  background: url('../imagenes/intro.jpg') no-repeat;
  padding: 2rem 1rem;
  /* margin-bottom: 2rem; */
  background-color: #e9ecef;
  border-radius: 0.3rem; 
  background-size: cover;
}
  @media (min-width: 576px) {
    .jumbotron.imagencover {
      padding: 4rem 2rem; } 
    }

.jumbotron-fluid.imagencover {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0; 
}
  /* clase display */
  .jumbotron p.display-5 {
    font-size: 3rem;
    /* font-weight: 300; */
    line-height: 1.2;
    color: #1d1d1d; 
  }


/* 05. Hovers para card y paneles links */
/* .ico:hover {
  opacity: 0.8;
  background-color: #0067a2;
  color: #FFF !important; } */
/* card base de color se aclara */
/* .color_hover {
  position: relative;
  width: 100%;
  height: auto;
  padding: 14px;
  font-size: 0.9rem;
  padding: 10px; }
.color_hover:hover {
  text-decoration: none;
  opacity: 0.8;
  -webkit-transition: .7s;
  -o-transition: .7s;
  transition: 0.7s; }
.color_hover p {
  margin-top: 0;
  margin-bottom: 0px !important; } */
/* para card blanca pasa a gris */
/* .card_hover {
  position: relative;
  width: 100%;
  height: auto;
  padding: 14px;
  font-size: 14px;
  color: #333333; }
.card_hover:hover {
  text-decoration: none;
  background-color: #efefef !important;
  cursor: pointer;
  -webkit-transition: .7s;
  -o-transition: .7s;
  transition: 0.7s; }
.card_hover p {
  margin-top: 0;
  margin-bottom: 0px !important; } */



/* 06. footer */
/* footer {
  font-size: 0.9rem;
  color: darkgrey;
}
footer button:hover{
  font-size: 0.9rem;
  color: darkgrey;
  padding: 0;
  background-color: transparent !important;
  border: none !important;
}
footer button{
  font-size: 0.9rem;
  color: #f8f9fa;
  padding: 0;
  background-color: transparent !important;
  border: none !important;
}
footer button:focus{
  outline: none;
} */



/**************** OTROS CSS ****************/

/* avatar */
.avatar {
  display: inline-block;
  position: relative;
  width: 6.5rem;
  height: 6.5rem;
  border: 0.225rem solid;
  background-color: #004b8d;
  text-decoration: none;
  text-align: center;
  color: #004b8d;
  border-radius: 6rem; }

.avatarlineal {
  display: inline-block;
  position: relative;
  width: 6.5rem;
  height: 6.5rem;
  border: 0.225rem solid;
  text-decoration: none;
  text-align: center;
  color: #004b8d;
  border-radius: 6rem; }

.lineaSuperior {
  border-top: 0.225rem solid;
  border-color: #00AD7D; }

.error {
  color: #FFF !important;
  background-color: #c62828;
  padding: 2px 5px;
  font-size: 0.9em; }

/* OPACIDAD IMAGENES */
div.opacidad {
  margin: 0px;
  background-color: #000;
  border: none; }

.opacidad img {
  opacity: 0.5 !important; }

.card-img-opacidad {
  position: absolute;
  top: -1000;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0 0 25px 25px; }


    



/* ---------------------------------------------------
    MEDIAQUERIES para NAV - MENU
----------------------------------------------------- */
@media (max-width: 768px) {
  /* 7.1 OPACIDAD sin IMAGENES */
  div.opacidad {
    background-color: #fff;
    border: solid thin #0067a2; }

  /* .opacidad img {
     display: none;
   }*/
  .card-img-opacidad {
    position: relative;
    padding: 15px;
    color: black; }

  /* 9.1. NAV - MENU */
  .menutop .navbar-nav {
  background-color: #ffffff;
  padding: 0 15px;
  color: black !important;
}

.menutop a.nav-link {    
  color: black; 
}
.menutop li:hover {
    background-color: transparent;
    /* border-left: solid 5px #0067a2; */
    padding: 0;
    line-height: inherit;
    border-bottom: none;
    opacity: 0.8; }

.menutop li.active {
    background-color: transparent;
    border-left: solid 5px #0067a2;
    padding: 0 0 0 5px;
    line-height: inherit;
    border-bottom: none;
      max-width: fit-content;
    opacity: 0.8; } 


    div.dropdown-menu.dropdown-menu-left {    
      max-width: fit-content;
      background-color: transparent !important;
      /* opacity: var(--yellow); */
      border: transparent;
      color: #FFF !important;
      padding: 0 0 10px 0;
    }


    div.dropdown-menu.dropdown-menu-left a.dropdown-item:hover {    
      max-width: fit-content;
      background-color: transparent !important;
    border-left: solid 5px #0067a2;
      color: #004b8d !important;
      padding:5px 5px;
      margin-left: 15px;
    }

  
  .menutop a.nav-link.uape {    
      max-width: fit-content;
      background-color: #fa8806 !important;
      /* opacity: var(--yellow); */
      color: #FFF !important;
      padding: 10px;
  
    }
  .menutop a.nav-link.uape:hover {    
      background-color: #fa8806 !important;
      opacity: var(--yellow);
      /* opacity: 0.5; */
      color: #FFF !important;
    }

    /* .jumbotron.imagencover {  
      background: none;
      background-color: #d8d8d8;
    } */

    .jumbotron.imagencover {  
      /* background: none; */
      background-color: #d8d8d8;
      padding: 10px 0;
      /* margin-bottom: 1rem; */
    }

    
    .jumbotron p.display-5 {
    font-size: 2rem;
    font-weight: 300;
    line-height: 1.2; }

  }