@charset "UTF-8";

div.navbar {
    background-color: #009688;
  }


h1 {
    color: #006064;
}

h3 {
    border-left: solid 5px #006064;
    border-bottom: solid 1px #006064;
    padding-left: 3px;
}


.navbar-default .navbar-brand {
  color: #fff;
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #ffb300;
  background-color: transparent;
}

.navbar-default .navbar-text {
  color: #fff;
}
.navbar-default .navbar-nav > li > a {
  color: #fff;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #fff;
  background-color: #ffb300;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #80cbc4;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

div.section#info img {
    margin: 3px;
    padding: 3px;
    border: #999 1px solid;
}

footer {
    background-color: #006064;
    color: #ddd;
    font-size: 75%;
  }

footer a {
  color: #fff;
}

footer a:hover, footer a:focus {
  color: #ffb300;
}

.page-top {
    position: fixed;
    bottom: 60px;
    right: 40px;
    padding: 10px;
    background: #80cbc4;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 12px;
    -ms-filter: "alpha(opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

input[type="button"] {
    padding: 5px 5px;
    background-color: #009688;
    color: #fff;
    border-style: none;
    box-shadow: 1px 1px 1px 1px #666;
    -moz-box-shadow: 1px 1px 1px 1px #666;
    -webkit-box-shadow: 1px 1px 1px 1px #666;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

 
input[type="button"]:hover, input[type="button"]:focus {
    background-color: #ffb300;
    color: #fff;
}