/* TAGS */

html, body {
	height		: 100%;
}

body {
	/*font-family	: 'Georgia', Serif;*/
	background	: #f1f1f1;
	margin		: 0;
	padding		: 0;
	color		: dark-gray;
	font-size	: 16px;
}

h1 {
	font-size	: 24px;
	/*color		: #e31e24;*/
	color		: #005193;
	font-weight	: bold;
	border-bottom	: 1px solid silver;
	padding		: 5px 10px 5px 0px;
	margin		: 0 0 20px 0;
}
h2 {
	font-size	: 20px;
	/*color		: #e31e24;*/
	color		: #df0000;
	padding		: 5px 10px 5px 0px;
	margin		: 0 0 20px 0;
	border-bottom	: 1px solid silver;
}

a {
	color		: #005193;
}

.btn-primary {
	color		: white;
	background-color: #005193;
}
	.btn-primary:hover {
		background-color: #005193;
		color		: white;
		text-decoration	: underline;
	}

.form-group .help-block {
	font-size	: .75em;
	color		: gray;
	font-style	: italic;
	margin-left	: 5px;
	
	display		: block;
	max-width	: 300px;
	
	background	: lightyellow;
	padding		: 5px;
	border		: 1px solid #e6e090;
	margin		: 5px 0;
}

#header {
	background	: white;
}

#header-menu {
	/*background	: #005193;*/
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ed0505+0,aa0000+100 */
	background: #ed0505; /* Old browsers */
	background: -moz-linear-gradient(top,  #ed0505 0%, #aa0000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ed0505 0%,#aa0000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ed0505 0%,#aa0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed0505', endColorstr='#aa0000',GradientType=0 ); /* IE6-9 */
}

#content-container {
	background	: white;
	padding-top	: 20px;
}

#header-top {
	background	: #f1f1f1;
}

/* IDs */

#content-header {
	position	: relative;
	/*height		: 275px;*/
	/*background	: url(../img/header.jpg) center center no-repeat;*/
	/*background-size	: cover;*/
}

.site-logo {
	padding		: 10px 0 20px 0;
}

#site-navbar {
	
}

#site-navbar .navbar-brand {
	/*position	: absolute;
	top		: -5px;
	left		: 20px;
	background	: white;
	padding		: 20px 15px 15px 15px;
	transition: all 0.15s ease-out;
	border-bottom-left-radius : 10px;
	border-bottom-right-radius : 10px;
	box-shadow	: 0 0 25px -2px rgba(0,0,0,.75);*/
}
	.navbar-brand:hover {
		/*top	: 0px;
		transition: all 0.15s ease-out;*/
	}

#site-navbar {
	/*position	: absolute;
	bottom		: 0;
	left		: 0;
	right		: 0;
	background	: rgba(0,0,0,.15);
	border-top	: 1px solid rgba(255,255,255,.25);
	padding		: 0;*/
	/*background	: rgba(0,0,0,.15);*/
}

/*#site-navbar*/ .navbar-nav {
	/*margin		: 30px auto 0 auto;*/
	/*margin		: 0;
	width		: 100%;
	padding		: 5px 10px;
	text-align	: right;
	justify-content	: flex-end;*/
	padding		: 5px 0;
}
	#site-navbar .navbar-nav .nav-link {
		/*display		: inline-block;
		font-weight	: bold;
		color		: #fff17a;
		padding		: 3px 15px;
		margin		: 8px 0 3px 0;
		border-bottom	: 1px solid transparent;*/
	}
		/*#site-navbar */.navbar-nav .nav-item .nav-link {
			/*font-weight	: bold;*/
			color		: rgba(255,255,255,.85);
			padding		: 0px 10px;
			margin		: 0 10px;
			text-transform	: uppercase;
			border-bottom	: 1px solid transparent;
			/*padding		: 5px;*/
		}
		/*#site-navbar */.navbar-nav .nav-item .nav-link:hover {
			color		: rgba(255,255,255,1);
			border-bottom	: 1px solid rgba(255,255,255,.85);
		}

#content-main {
	position	: relative;
	background	: white;
	padding		: 20px 20px;
}

#content-footer {
	/*border-top	: 1px solid silver;*/
	font-size	: 12px;
	padding		: 30px 0;
	text-align	: center;
	color		: silver;
	background	: #f1f1f1;
	/*margin-top	: 20px;*/
}
	#content-footer .footer-menu {
		/*margin		: 20px auto 10px auto;*/
		/*padding		: 0 0 20px 0;*/
		/*border-bottom	: 1px solid rgba(255,255,255,.1);*/
	}
		#content-footer .footer-menu .nav-item {
			display		: inline;
			color		: #005193;
			font-weight	: bold;
		}
		#content-footer .footer-menu .nav-link:hover {
			text-decoration	: underline;
		}
	#content-footer .footer-logo {
		display		: inline-block;
		margin		: 50px 0;
		background	: white;
		padding		: 10px;
		border-radius	: 3px;
		/*box-shadow	: 0 0 25px -2px rgba(0,0,0,.75);*/
	}
	#content-footer .copyright {
		/*padding		: 20px 0 5px 0;*/
		border-top	: 1px solid rgba(255,255,255,.1);
		margin		: auto;
		color		: rgba(0,0,0,.15);
	}
		#content-footer .copyright a {
			color		: inherit;
		}

#content-legaldocs {
	background	: white;
	font-size	: .8em;
	padding		: 20px 0;
}

.header-user-info {
}

.content {
	margin		: 20px 0;
}

.content-scrollable {
	max-height	: 50vh;
	overflow	: auto;
	padding		: 20px;
}

.content-bordered {
	border		: 1px solid silver;
}

.menu-horizontal {
	
}
	.menu-horizontal .nav-item {
		display		: inline;
		color		: #005193;
		font-weight	: bold;
	}
	.menu-horizontal .nav-link:hover {
		text-decoration	: underline;
	}

.gallery {
	position	: relative;
	list-style-type	: none;
	margin		: 0;
	padding		: 0;
}
	.gallery > .gallery-item {
		position	: relative;
		float		: left;
		margin		: 5px;
		overflow	: hidden;
		border		: 1px solid rgba(255,255,255,.15);
		box-shadow	: 0 0 15px -1px rgba(0,0,0,1);
	}
		.gallery > .gallery-item img {
			position	: relative;
		}
	.gallery::after {
		content		: "";
		clear		: both;
		display		: block;
		height		: 0;
	}
.gallery-homepage > .gallery > .gallery-item {
	width		: 242px;
	height		: 242px;
}
	.gallery-homepage > .gallery > .gallery-item img {
		object-fit	: cover;
		width		: 242px;
		height		: 242px;
	}
.gallery-homepage-threestyle > .gallery > .gallery-item {
	width		: 100%;
	height		: auto;
}
	.gallery-homepage-threestyle > .gallery > .gallery-item img {
		width		: 100%;
		height		: auto;
		z-index		: 2;
	}
		.gallery-homepage-threestyle > .gallery > .gallery-item:not(:first-child) {
			position	: absolute;
			z-index		: 1;
		}

.box-highlight {
	background	: rgba(255, 241, 122, .85);
	border		: 1px solid rgba(255,255,255,.15);
	box-shadow	: 0 0 15px -1px rgba(0,0,0,1);
	margin		: 30px -5px;
	padding		: 25px 25px 17px 25px;
	color		: rgba(0,0,0,.85);
}
	.box-highlight h2 {
		color		: rgb(195, 12, 6);
		font-weight	: bold;
	}

#carouselThreestyles .carousel-item {
	border		: 1px solid rgba(255,255,255,.15);
	box-shadow	: 0 0 15px -1px rgba(0,0,0,1);
}
	#carouselThreestyles .carousel-caption {
		bottom		: 0;
		left		: 0;
		right		: 0;
		background	: rgba(0,0,0,.5);
		padding		: 5px 20px;
		font-size	: 24px;
		text-shadow	: 0px 0px 5px rgba(0,0,0,.85);
	}

.estate-list {
	
}
	.estate-list a {
		/*color		: inherit;*/
	}
	.estate-list a:hover {
		/*text-decoration	: none;*/
	}
	.estate-list .estate-content {
		padding		: 10px;
		height		: 100%;
	}
		table.estate-content-table {
			height		: 100%;
			width		: 100%;
		}
	.estate-list .estate-list-item {
		display		: block;
		border		: 1px solid silver;
		margin		: 10px 0;
		padding		: 10px;
	}
		.estate-list .estate-list-item:hover {
			background	: rgba(0,0,0,.05);
		}
	.estate-list .estate-list-title {
		font-size	: 24px;
		color		: #e31e24;
		/*margin		: 10px 0;*/
	}
	.estate-list .estate-list-price {
		font-size	: 24px;
		color		: inherit;
	}
	.estate-list .bottom-box {
		position	: absolute;
		bottom		: 10px;
		left		: 0px;
		right		: 25px;
	}
	
.estate-list-hp {
	text-align	: center;
}
	.estate-list-hp .estate-list-title {
		font-size	: 18px;
	}
	.estate-list-hp .estate-list-price {
		margin		: 10px 0;
	}

ul.estate-gallery {
	position	: relative;
	list-style-type	: none;
	margin		: 10px;
	padding		: 0;
	margin		: -10px;
}
	ul.estate-gallery .estate-gallery-item {
		position	: relative;
		display		: inline-block;
		width		: 100%;
		height		: 250px;
		/*border		: 1px solid silver;*/
		background	: white;
	}
		ul.estate-gallery .estate-gallery-item:not(:first-child) {
			display		: none;
		}
		ul.estate-gallery .estate-gallery-item .estate-gallery-image {
			width		: 100%;
			height		: 100%;
			object-fit	: cover;
			overflow	: hidden;
		}
	.estate-list-hp ul.estate-gallery {
		margin-bottom	: 0;
	}
	.estate-list-hp ul.estate-gallery .estate-gallery-item {
		height		: 300px;
	}
	
	.estate-detail ul.estate-gallery {
		margin		: 0;
		height		: 100%;
	}
	.estate-detail ul.estate-gallery .estate-gallery-item {
		/*height		: 100%;*/
		/*min-height	: 400px;*/
		height		: auto;
		width		: 100%;
	}

.estate-detail h1 {
	font-size	: 2.5em;
}
.estate-detail h2 {
	font-size	: 2.5em;
	/*color		: inherit;*/
}

.estate-detail .estate-detail-head p {
	margin		: 20px 0;
}

.estate-detail .article {
	padding-bottom	: 30px;
}

.auction-steps {
	margin-top	: 30px;
}
	.auction-steps .step {
		display		: block;
		font-size	: 3em;
		font-weight	: bold;
		color		: silver;
	}
	.auction-steps .text {
		display		: block;
	}
	.auction-steps .state {
		margin-top	: 20px;
		font-size	: 1.2em;
	}
		.auction-steps .state i.far {
			color		: #28a745;
			font-size	: 2.5em;
		}

form .control-label .required:before {
	content		: '*';
	color		: red;
	margin-right	: 5px;
}

/*.tabs.ui-widget.ui-widget {
	border-width	: 0;
}
.tabs .ui-widget-header {
	background	: none;
	border		: none;
	padding		: 0 20px;
}
.tabs .ui-tabs-panel {
	border-width	: 1px;
}
.tabs .ui-tabs-active {
	background	: white;
	border-color	: #dddddd;
}
.tabs .ui-tabs-active a {
	color		: #2b2b2b;
}*/

/*.tab-menu-items {
	position	: relative;
	float		: left;
	width		: 200px;
	list-style-type	: none;
	padding		: 0;
	margin		: 0;
	margin-top	: 20px;
	z-index		: 2;
}
	.tab-menu-items li a {
		position	: relative;
		display		: block;
		color		: inherit;
		padding		: 5px 10px;
		background	: #f1f1f1;
		border		: 1px solid silver;
		margin-bottom	: -1px;
		margin-left	: 5px;
		z-index		: 1;
	}
		.tab-menu-items li a.active {
			margin-left	: 0;
			background	: white;
			border-right	: 1px solid white;
			z-index		: 2;
		}

.tab-menu-content {
	position	: relative;
	margin-left	: 199px;
	border		: 1px solid silver;
	padding		: 20px;
	z-index		: 1;
}*/

ol {
	display		: block;
	list-style	: none;
	overflow	: hidden;
	counter-reset	: numList;
}
	ol > li {
		position	: relative;
		margin-left	: 5px;
	}
	ol > li:before {
		counter-increment: numList;
		content		: counter(numList);
		
		float		: left;
		position	: absolute;
		left		: -30px;
		top		: 2px;
		font-size	: 12px;
		text-align	: center;
		color		: white;
		line-height	: 20px;
		
		width		: 20px;
		height		: 20px;
		background	: #005193;
		
		-moz-border-radius	: 999px;
		border-radius		: 999px
	}

.auctionClockWrap {
	padding		: 0;
	margin		: 0;
	margin-bottom	: 30px;
}
	.auctionClock {
		font-size	: 3em;
		font-weight	: bold;
		color		: #df0000;
		/*margin-bottom	: 10px;*/
	}
	.auctionClockServerTime {
		font-size	: .85em;
		color		: gray;
	}
	.auctionClockWrap h2 {
		position	: relative;
	}
	.auctionClockWrap h2 > .progress-bar {
		position	: absolute;
		bottom		: -1px;
		left		: 0;
		height		: 1px;
		background	: red;
	}

.auctionDecrease {
	padding		: 10px;
	margin-top	: 20px;
	color		: gray;
}
.auctionDecreaseNote {
	position	: relative;
	display		: inline-block;
	padding		: 5px 10px;
	color		: gray;
	border-bottom	: 1px solid silver;
	font-size	: .85em;
}
	.auctionDecreaseNote > .progress-bar {
		position	: absolute;
		bottom		: -1px;
		left		: 0;
		height		: 1px;
		background	: red;
	}

.file-list-item {
	margin		: 5px 5px 5px 24px;
}
	.file-list-item .file-list-mime {
		width		: 24px;
		margin-left	: -29px;
	}

.estate-list-item .estate-gallery,
.estate-gallery {
	overflow	: hidden;
}
/*.estate-list-item.auction-status-2 .estate-gallery:after {*/
.estate-gallery.auction-status-2:after {
	content		: 'vydraženo';
	position	: absolute;
	display		: block;
	padding		: 5px;
	color		: white;
	background	: rgba(0, 255, 0, .85);
	top		: 25px;
	left		: -50px;
	width		: 200px;
	text-align	: center;
	font-weight	: bold;
	transform	: rotate(-45deg);
}
.estate-gallery.auction-status--1:after {
	content		: 'zrušeno';
	position	: absolute;
	display		: block;
	padding		: 5px;
	color		: white;
	background	: rgba(227, 30, 36, .85);
	top		: 25px;
	left		: -50px;
	width		: 200px;
	text-align	: center;
	font-weight	: bold;
	transform	: rotate(-45deg);
}
.estate-gallery.auction-status-re:after {
	content		: 'opakovaná \A dražba';
	position	: absolute;
	display		: block;
	padding		: 5px;
	color		: white;
	background	: rgba(227, 30, 36, .85);
	top		: 25px;
	left		: -50px;
	width		: 200px;
	text-align	: center;
	font-weight	: bold;
	transform	: rotate(-45deg);
	white-space	: pre;
}
.estate-gallery.auction-status-nowin:after {
	content		: 'bez vítěze';
	position	: absolute;
	display		: block;
	padding		: 5px;
	color		: white;
	background	: rgba(255, 128, 0, .85);
	top		: 25px;
	left		: -50px;
	width		: 200px;
	text-align	: center;
	font-weight	: bold;
	transform	: rotate(-45deg);
}

.startPrice {
	margin-bottom	: 30px;
}
.startPrice > strong {
	color		: #df0000;
	font-size	: 1.5em;
}

.alert-small {
	padding		: 2px;
}