body {
  /*min-height: 2000px;*/
  background-color: #fff;
}

a, a:visited, a:focus, a:hover {
  text-decoration: none;
}

a:hover {
  color: #ffa500;
  /*text-shadow: 1px 1px #333;*/
}
h3{
  font-size: .9em;
  font-weight: bold;
  text-align: center;
  letter-spacing: 2px;
}

/*=================== navbar =====================*/

.navbar-static-top {
  margin-bottom: 19px;
}

.navbar-default {
  background-color: #fff;
  border-color: transparent;/*#e7e7e7*/
  border-bottom: 1px solid #ddd;
}

.navbar-default .navbar-brand {
  color: #12a2da;
}

.navbar-brand {
  float: left;
  height: 50px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
  font-weight: bold;
  letter-spacing: 3px;
  text-shadow: 1px 1px 1px #eee;
}

.navbar-default .navbar-nav> li a {
  color: #555;
  font-weight: bold;
  letter-spacing: 2px;
}

.navbar-default .navbar-nav> li a:focus,
.navbar-default .navbar-nav> li a:hover {
  color: #ffa500;
  background-color: #777;
}

.navbar-default .navbar-nav> li a,
.navbar-default .navbar-nav> li a:visited,
.navbar-default .navbar-nav> li a:focus,
.navbar-default .navbar-nav> li a:hover {
  text-decoration: none;
}

.fa-home {
  font-size: 1.2em;
}

/*==================== content ===================*/
.row.title {
  margin: 0;
}

h1.first-page {
  /*font-weight: bold;*/
  font-variant: small-caps;
  letter-spacing: .3em;
  text-align: center;
  /*margin-top: 3em;*/
  padding: 3em 0 0;
}

h2.title {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: .3em;
  margin: 1em auto;
  text-align: center;
}

.subtitle{
  font-size: 18px;
  font-weight: bold;
  letter-spacing: .2em;
  margin: .5em auto;
}

.title, .subtitle{
  text-align: center;
}

/*.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #fff;
}*/

.details {
  margin-top: 3em;
}

.red, .error {
  font-weight: bold;
  color: red;
  letter-spacing: 2px;
}

.tutorial {
  font-weight: bolder;
  padding-left: 1em;
  letter-spacing: .3em;
  color: #005fbb;
}

.cum-sa li {
  margin-bottom: .5em;
}

.bold {
  font-weight: bold;
  letter-spacing: 2px;
}

.space{
  line-height: 20px;
  padding: 0 0 1em 0;
  text-align: center;
}

.down {
  margin-bottom: 3em;
}

/*=========================== forms ==============================*/

#counter{
  font-size: large;
  font-weight: bold;
  letter-spacing: 2px;
  padding: 2em 0;
  text-align: center;
}

.test{
  width: 70%;
  margin: 0 auto;
}

p.question{
  margin: 0 0 10px;
  background-color: #ddd;
  padding: 1em .5em;
  border-radius: 3px;
}

p.question span{
  font-weight: bold;
  padding-right: 1em;
}

label{
  display: block;
}

.radio label{
  display: block;
  margin-top: 1em;
}

.radio{
  padding-left: 1.5em;
}

.btn-default.trimite {
  color: #fff;
  background-color: #555;
  border-color: #ccc;
  letter-spacing: 1px;
}

.btn-default.trimite:hover {
  color: #333;
  background-color: #f1f1f1;
  border-color: #eee;
  box-shadow: 1px 1px 2px 1px rgba(83,83,83,0.75);
}

.radio label.error {
  color: red;
  font-weight: bold;
}