@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,700);@import url(https://fonts.googleapis.com/icon?family=Material+Icons);body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

main {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

nav ul a {
  font-size: 17px;
}

h1.thin,
h2.thin,
h3.thin,
h4.thin,
h5.thin {
  font-family: 'Roboto', sans-serif;
  font-weight: 100;
}

h1.light,
h2.light,
h3.light,
h4.light,
h5.light {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
}

h1.bold,
h2.bold,
h3.bold,
h4.bold,
h5.bold {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
}

h1.normal,
h2.normal,
h3.normal,
h4.normal,
h5.normal {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}

h1.titulo,
h2.titulo,
h3.titulo,
h4.titulo,
h5.titulo {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}

p.normal,
p.light,
p.thin,
p.bold {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}

img.logo1 {
  width: 180px;
  margin-top: -12px;
}

img.logo2 {
  width: 280px;
  margin-top: -12px;
}

#profile-card {
  margin: 10px 0 12px;
}

#profile-card hr {
  color: #f5f5f5;
}

.navbar-fixed li a {
  font-family: Roboto;
}

.navbar-fixed li a:link {
  text-decoration: none;
}

.navbar-fixed li a:visited {
  text-decoration: none;
}

.navbar-fixed li a:focus {
  background-color: Transparent;
}

.navbar-fixed li a:hover {
  text-decoration: none;
  background-color: grey;
  color: white;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

.banner1 {
  display: none;
}

footer .footer1 {
  margin-left: -270px;
}

footer img.logotipo_infotic {
  top: 10%;
}

@media screen and (max-width: 480px) {
  div.logindiv {
    width: 80px;
    padding: 2px 150px 10px 90px;
    margin-left: 15px;
    height: 450px;
  }

  .img-1,
  .img-2,
  .img-3,
  .img-2,
  .img-3,
  .img-4,
  .img-5,
  .img-6,
  .img-7,
  .img-8 {
    display: none;
  }

  .banner1 {
    display: block;
  }

  .slider {
    display: none;
  }

  footer .footer1 {
    margin-left: 10px;
  }

  #inputlogin {
    margin-left: -30px;
  }

  button#botaolog {
    /* make main axis vertical */
    margin-left: 20px;
    /* center items vertically, in this case */
  }

  a#plogin {
    margin-left: 10px;
    font-size: 13px;
  }

  a#plogin2 {
    margin-left: 10px;
    font-size: 13px;
  }
}

.titulo {
  color: #1e7464 !important;
}

/*.sidenav {
  background-color: #004d40 !important;
}
*/

.sidenav a {
  color: rgba(234, 246, 236, 0.9) !important;
}

.dropdown-content li a {
  color: #607d8b !important;
}

/*nav.nav-extended {
 background-color: #073e3e !important;
}

.page-footer {
  background-color: #073e3e !important;
}
*/

.pagination li.active {
  background-color: #004d40 !important;
  display: inline-block !important;
  border-radius: 2px !important;
  text-align: center !important;
  vertical-align: top !important;
  height: 30px !important;
}

.breadcrumb::before {
  color: #9daea3;
  font-size: 17px;
}

.breadcrumb {
  font-size: 17px;
  color: #9daea3;
}

.breadcrumb:last-child {
  color: #458f7a;
}