.header{
  margin: 30px 0;
}
.def_logo{
  width: 200px;
  float:left;
  margin: 0 30px;
}


.def_centroDocumentacion{
  color: lightgray;
  font-size: 2em;
  line-height: 1;
}
.def_bibliotecaVirtual{
  color: black;
  font-size: 3em;
  text-transform: uppercase;
  line-height: 1;
}
.def_slogan{
  width: 50%;
}

.def_campusVirtual{
  margin-top: 20px;
  margin-bottom: 20px;
}

.def_campusVirtual .titulo{
  color: #FFFFFF;
  font-size: 3em;
  text-decoration: underline;
}

.def_campusVirtual .boton{
  background-color: #FFFFFF;
}

.uk-subnav-pill>*>:first-child {
  color: #FFFFFF;
}

.uk-background-primary {
    background-color: #004798;
}

.UPEIDH{
  font-size: 1em;
  color: #004A99;
  font-weight: bold;
}

.def_campusVirtual{
    background-color: #b07d2c;
}

.pie{
  border-top: 5px solid #014898;
  background-color: #ecf0f3;
  font-size: 12px;
}

.pie h4{
  color: #004798;
}

.pie ul{
  list-style: none;
    padding: 0px;
}

.pie ul li:before
{
  content: '-';
  margin: 0 1em;    /* any design */
}
.pie .redesSociales a:link,
.pie .redesSociales a:visited,
.pie .redesSociales a:hover,
.pie .redesSociales a:active {
  	color: #979b9a;
  font-size: 20px;
  text-align: center;	
    text-decoration: none;
}
.pie .redesSociales a:hover{
  	color: black;
}
.pie .BureauVeritas{
  width: 100%;
}