﻿/*vlastni barva pozadi navbaru*/
.navbar-default {
	background-color: darkblue;
	border-color: none;
	color: white;
}

	.navbar-default .navbar-brand,
	.navbar-default .navbar-brand:hover,
	.navbar-default .navbar-brand:focus {
		color: white;
	}

	.navbar-default .navbar-toggle .icon-bar {
		background-color: white;
	}

	.navbar-default .navbar-toggle {
		border-color: white;
	}

		.navbar-default .navbar-toggle:hover,
		.navbar-default .navbar-toggle:focus {
			background-color: #4545b4;
		}


	.navbar-default .navbar-nav > li > a {
		color: white;
	}

		.navbar-default .navbar-nav > li > a:hover,
		.navbar-default .navbar-nav > li > a:focus {
			color: cyan;
		}

	.navbar-default .navbar-nav > .active > a,
	.navbar-default .navbar-nav > .active > a:hover,
	.navbar-default .navbar-nav > .active > a:focus {
		color: darkblue;
		background-color: #e7e7e7;
	}

/*
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
    */






/* Move down content because we have a fixed navbar that is 50px tall */
/*body {
    padding-top: 50px;
    padding-bottom: 20px;
}*/

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
/*.body-content {
    padding-left: 15px;
    padding-right: 15px;
}*/

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
	white-space: normal;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
/*
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="select"] {
  max-width: 280px;
}
	*/

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
	.jumbotron {
		margin-top: 20px;
	}

	.body-content {
		padding: 0;
	}
}

/* kolaps menu, ktery probehne drive *******************************************************************************************************/
@media (max-width: 1279px) {
	.navbar-header {
		float: none;
	}

	.navbar-left, .navbar-right {
		float: none !important;
	}

	.navbar-toggle {
		display: block;
	}

	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}

	.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}

	.navbar-collapse.collapse {
		display: none !important;
	}

	.navbar-nav {
		float: none !important;
		margin-top: 7.5px;
	}

		.navbar-nav > li {
			float: none;
		}

			.navbar-nav > li > a {
				padding-top: 10px;
				padding-bottom: 10px;
			}

	.collapse.in {
		display: block !important;
	}
}

/* paticka *******************************************************************************************************/
/* Sticky footer styles
-------------------------------------------------- */
html {
	width: 100%;
	height: 100%;
}

body {
	/*  min-height: 100%;*/
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
}

.content {
	flex: 1;
}

#footerMargin {
	margin-top: 10px;
	margin-bottom: 5px;
}
/* *******************************************************************************************************/
html, body {
  /* reset default inner and outer space to avoid oversizing */
  margin: 0;
  padding: 0;
}
/* *******************************************************************************************************/

/* *******************************************************************************************************/
/* pokusy pro stejne vysky sloupcu v gridu Bootstrapu
-------------------------------------------------- */
/*.container { display: flex; }*/
/*
 * Row with equal height columns
 * --------------------------------------------------
 */

