body{
				background-image: url("../img/wp.png");
				margin: 0;
			  	font-family: Arial, Helvetica, sans-serif;
			}

			* {box-sizing: border-box;}

			.header {
			  overflow: hidden;
			  background: #c00;
			  padding: 20px 10px;
			  max-height: 250px;
			  z-index: 2;
			}

			.header a {
			  float: left;
			  color: white;
			  text-align: center;
			  text-decoration: none;
			  font-size: 18px;
			  line-height: 25px;
			  border-radius: 4px;
			}

			.header a.logo {
			  font-size: 25px;
			  font-weight: bold;
			  background: url("../img/logo.jpg") no-repeat;
			  background-size: 100px 100px;
			  width: 100px;
			  height: 100px;
			  display: block; text-indent: -9999px;
			}



			.header a.active {
			  background-color: dodgerblue;
			  color: white;
			}

			.header-right {
			  float: right;
			}

			.header-left{
				float: left;
			}

			@media screen and (max-width: 500px) {
			  .header a {
			    float: none;
			    display: block;
			    text-align: left;
			  }
			  .header-right {
			    float: none;
			  }
			}

			.descrip{
				font-size: 16px;
			}

						/* The sticky class is added to the navbar with JS when it reaches its scroll position */
			.sticky {
			  position: fixed;
			  top: 0;
			  width: 100%;
			}
			.content {
			  padding: 16px;
			  z-index: 1;
			}

			/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
			.sticky + .content {
			  padding-top: 100px;
}
			.navbar-inverse{
				background-color: white;
				border-color:white;
				color:black;
				overflow: hidden;
   				box-shadow: 0px 8px 13px 2px #0000002e;
   				z-index: 3;

			}

			.navbar-inverse .navbar-brand {
			    color: #000;
			    height: 53px;
			}

			.navbar-inverse .navbar-brand.active {
			    background-color: #f3f3f3;
			    border-bottom: 3px solid #cc0000;
			}

			.navbar-inverse .navbar-brand:hover {
			    color: #cc0000;
			    background-color: #f3f3f3;
			    border-bottom: 3px solid #cc0000;
			}

			.navbar-inverse .navbar-nav>li>a {
			    color: #000;
			}

			.navbar-inverse .navbar-nav>li>a:hover {
				color:#cc0000;
				background-color: #f3f3f3;
			    border-bottom: 3px solid #cc0000;
			}

			.navbar-inverse a.active {

				background-color: #f3f3f3;
			    border-bottom: 3px solid #cc0000;
			}

			.navbar-toggle {
			    position: relative;
			    float: right;
			    padding: 9px 10px;
			    margin-top: 8px;
			    margin-right: 15px;
			    margin-bottom: 8px;
			    background-color: #cc0000;
			    background-image: none;
			    border: 1px black;
			    border-radius: 4px;
			}

			.well {

			    border-radius: 8px;
			    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
			    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
			}

			a{
				color:#000;
				font-size: 16px;
				font-weight: bold;
			}

			.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
			    color: #c00;
			    cursor: default;
			    background-color: #fff;
			    border: 1px solid #ddd;
			    border-bottom-color: transparent;
			}

			.bld{
				font-weight: bold;
			}

			.panel-danger>.panel-heading {
			    color: #ffffff;
			    background-color: #cc0001;
			    border-color: #cc717f;
			}

.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #000;
    color: gray;
    text-align: center;
}