@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,400italic|Ubuntu:400,500&subset=latin,latin-ext);

html {
  overflow-y: scroll;
}

body {
  font-family: 'Source Sans Pro', sans-serif;
  qpadding-top: 20px;
  padding-bottom: 60px;
  font-size: 18px;
  line-height: 150%;
  qbackground: url(../img/light_noise_diagonal.png);
  background-color: #eee;
  color: #333;

background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #f4f4f4 150px, #ffffff 450px); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(150px,#f4f4f4), color-stop(450px,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4f4f4 150px,#ffffff 450px); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4f4f4 150px,#ffffff 450px); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4f4f4 150px,#ffffff 450px); /* IE10+ */
background: linear-gradient(to bottom,  #f4f4f4 150px,#ffffff 450px); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}

li {
  line-height: 150%;
}

.lead {
  font-size: 22px;
  line-height: 31px;

}

.container {
  margin: 0 auto;
  max-width: 1000px;
  q-webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4); 
  q-moz-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4); 
  qbox-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
  padding: 20px; 
  qbackground: #fff;
  padding-top: 5px;
}
.container > hr {
  margin: 40px 0;
}
.nav {
  margin-top: 15px;
}

b, strong, th, .table th {
  font-weight: 600;
}

h1,h2,h3,h4,h5,h6 {
  font-weight: 400;
  color: rgb(2,60,98);
  font-family: 'Ubuntu', sans-serif;
  margin: 20px 0px 10px 0px;
}
h1 b, h2 b, h3 b, h4 b, h5 b, h6 b {
  font-weight: 500;
}
.btn {
  white-space: nowrap;
  font-size: 18px;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  padding: 7px 14px;
  text-shadow: rgba(255,255,255,0.5) 1px 1px 2px;
}
.btn-warning,
.btn-info {
  font-weight: 600;
  color: #000;
}

.btn-warning {
  background-image: -moz-linear-gradient(top,#ffd800,#ffa000);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffd800),to(#ffa000));
  background-image: -webkit-linear-gradient(top,#ffd800,#ffa000);
  background-image: -o-linear-gradient(top,#ffd800,#ffa000);
  background-image: linear-gradient(to bottom,#ffd800,#ffa000);
}

.nav-pills>li>a {
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  padding: 7px 10px;  
  font-size: 15px;
  color: #222;
}

.nav>li>a:hover, 
.nav>li>a:focus,
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
  outline: none;
}

.nav-pills>.active>a,
.dropdown-menu>.active>a {
  background-color: #08c;
  background: linear-gradient(to bottom,  #2af 40%,#08c 100%); /* W3C */
}

.dropdown-menu>li>a {
  font-size: 15px;
  color: #222;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
  background: #eee;
  color: #222;
}

.nav-pills .dropdown-menu {
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  padding: 5px 4px;
}

.nav {
  background: #eee;
  margin: 0px;
  margin-top: 4px;
  padding: 1px 2px 1px 3px;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  box-shadow: rgba(0,0,0,0.2) 0px 1px 0px;

background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 60%, #f4f4f4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 60%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 60%,#f4f4f4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 60%,#f4f4f4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 40%,#f4f4f4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */

}

#footer {
  margin-top: 2cm;
}

@media print {
  .noprint {
    display: none;
  }
  body {
    background: #ffffff;
  }
}

@media (max-width: 1199px) and (min-width: 980px) {
  .nav-pills>li>a {
    padding: 6px 10px;
  }
}

@media (max-width: 979px) and (min-width: 768px) {
  .nav {
    background: none;
    box-shadow: none;
  }
  #header-logo > span {
    qfont-size: 19px !important;
  }
}
@media (max-width: 767px) {
  img {
      max-width: 320px;
  }
  .container {
      margin: 0px !important;
    padding: 10px;
  }
  body {
    padding: 0px;
  }
  .nav {
    background: none;
    box-shadow: none;
  }

  .lead {
    font-size: 20px;
    line-height: 28px;
  }

  body {
    font-size: 16px;
    line-height: 140%;
  }
  
  h1 { font-size: 35px; }
  h2 { font-size: 28px; }
  h3 { font-size: 22px; }
  h1,h2,h3 { line-height: 36px; }
}

.h2 {
	color: #023C62;
	display: block;
	font-weight: 400;
	font-family: "Ubuntu",sans-serif;
	font-size: 31.5px;
	line-height: 40px;
	margin: 20px 0px 10px;
}

.h3 {
	color: #023C62;
	display: block;
	font-family: "Ubuntu",sans-serif;
	font-size: 24.5px;
	font-weight: 400;
	line-height: 40px;
	margin: 20px 0px 10px;
}

.h4 {
	color: #023C62;
	display: block;
	font-size: 17.5px;
	font-weight: 400;
	font-family: "Ubuntu",sans-serif;
	line-height: 20px;
	margin: 20px 0px 10px;
}
.nap{
        font-size: 15px;
        padding: 5px;
        text-align: center;
        border-radius: 8px;
box-shadow: 2px 1px 2px rgba(0, 0, 0, 0.2);
margin-bottom: 5px;
        }
        .nap .brand{
        font-weight: bold;
        font-size: 18px;
        }