/* Show it is fixed to the top */
body {
 /* min-height: 79.5rem;*/
  background: #6699cc;
}

@media (max-width:767px){
body {
padding-top: 55px;
}
}


ul.nav {
	list-style: none; /* this removes the list marker */
	border-top: 1px solid #666; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
	margin-top: 15px;
	margin-bottom: 15px; /* this creates the space between the navigation on the content below */
	box-shadow:#666 0px 0px 3px;

}
ul.nav li {
	border-bottom: 1px solid #666; /* this creates the button separation */
	width: 100%;
}
ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	padding: 5px 5px 5px 15px;
	display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	text-decoration: none;
	background: #8090AB;
	color: #000;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	background: #6F7D94;
	color: #FFF;
}

main table {}
main table tr td { border: #ccc 1px solid; padding: 10px 10px; text-align: justify; width: 180px; max-width: 180px; word-wrap: break-word;}
main table tr td:first-child { padding: 0px 0px;}

.beton td{ text-align:center; vertical-align:middle;} 
.beton tr td.b1 { background-color: #0bb4c1; }
.beton tr td.b2 { background-color: #ffffff; }
.beton tr td.b3 { background-color: #f5f835; }
.beton tr td.b4 { background-color: #fce15f; }
.beton tr td.b5 { background-color: #b8f872; }
.beton tr td.b6 { background-color: #70fa6b; }

@media (max-width:767px){
.beton { display:none;}
}

.page-header  { padding: 10px 10px;}

@media (max-width:767px){
main { background:#fff; width:100%;}
}
@media (min-width:768px){ main {background: #9F9;}}

@media (min-width:768px){.hidden-xs-up{display:none!important}}
@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}