/* DEBUG: */

/*
*{
	border: 1px solid red;
}
*/

/* Drag from top prevent refresh: */
html, body{
	overscroll-behavior-y: contain;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ COLORS: ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.grey-text-light{
	color: #888888;
}
.grey-text-dark{
	color: #555;
}

.blue-text-light {
	color: #66bbff;
}

.white-text{
	color: #ffffff;
}

.dark-grey-bg{
	background-color: #313131;
	/*background-color: rgba(25,25,25,0.7);*/
	color: #fff;
}
.blue-bg{
	background-color: #3399cc;
	color: #fff;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ OBECNE: ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
h1, h2, h3, h4, h5 {
	margin: 0px;
}
.gap-10px{
	min-height: 10px;
}
.no-padding-horizontal{
	padding-left: 0px;
	padding-right: 0px;
}
.inline{ /* pro napr <h4>*/
	display: inline !important;
	padding: 0px 10px 0px 10px;
}
.mPaddingTop{
	padding-top: 25px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ NAVBAR: ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#navbar-sitewide {
	background-color: #313131;
	/*background-color: #C6222F;*/
	color			: #ffffff;
	padding			: 12px 0px 12px 0px;
	/* hover text color: zesedivy */
	/* Navbar height: ~45px */	
}

/* NAVBAR <a> HOME ICON+TEXT : */
#navbar-home{
	/*margin-left		: 5%;*/ /* 50px desktop */
	color			: #ffffff !important;
    text-decoration	: none;
	font-size		: 110%;
}
#navbar-home:hover {
	color			: #b7b7b7 !important;
}
#navbar-home>span { /* glyphicon home */
	/*font-size		: 100%;*/
}



/* NAVBAR <a> KONTAKT ICON+TEXT : */
#navbar-kontakt{
	/*margin-left		: 5%;*/ /* 50px desktop */
	color			: #ffffff !important;
    text-decoration	: none;
	font-size		: 110%;
}
#navbar-kontakt:hover {
	color			: #b7b7b7 !important;
}
#navbar-kontakt>span { /* glyphicon home */
	/*font-size		: 100%;*/
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */





/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ HEADER: ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#header {
}
#header-title{
	/*position: relative !important;*/
	text-align: center;
	padding: 25px 15px 25px 25px;
	/*border-right: 1px solid #ddd;*/
}
#header-icon{
	max-height: 40px !important;
	margin-top: -8px !important;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



#content{
	padding-top: 75px;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ FOOTER: ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


#footer {
    background-color: #f2f2f2;
	color			: #1d1d1f;
	padding-top		: 20px;
	padding-bottom	: 20px;
	font-size		: 0.9em;
}
.footer-text-h{
	color: #333333;
}
.footer-text-p{
	color: #333333;
}

#footer li {
    list-style-type: none;
}
#footer li a {
    color: #333333;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */





/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ FLOATER CONTACT: ~~~~~~~~~~~~~~~~~~~~~~~ */
#floaterContact{
	position: fixed;
	bottom: 15px;
	right: 15px;
	width: 300px;
}
#floaterHeader {
	cursor: pointer;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
}
#floaterHeaderTitle {
	padding-top: 7px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */






/* ~~~~~~~~~~~~~~~~~~~~ ZADEJTE POPTAVKU MODAL: ~~~~~~~~~~~~~~~~~~~~~~ */
.modal-top-round-border-fix{
	border-radius: 0.4rem 0.4rem 0 0;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */