/*
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:600');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,400italic,600italic,700italic&subset=latin,latin-ext');
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,400italic,300italic,300,700italic&subset=latin,latin-ext);*/
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@400;700&display=swap');

* {
    /*font-family: 'Droid Sans', sans-serif;*/
}

html {
	font-size:62.5%;
	height:100%;
	font-family: 'Titillium Web', sans-serif;
}

body {
	font-size:1.1vw;
    font-weight:400;
	height:100%;
}

.admin {
	background-color: #e6bc7b;
}

.telnum {
	text-decoration:none;
	color:black;
	cursor:pointer;
}

h1, h2 {
	font-size:140%;
	font-weight:700;
	text-transform:uppercase;
	text-align:left;
	padding:0.2em;
	margin:0.2em 0 0.1em;
}

h2 {
	font-size:110%;
	margin-top:0.1em;
	word-wrap:break-word;
	clear:none;
	display:inline-block;
}

h3 {
	font-size:100%;
	font-weight:400;
}

p {
	text-align:justify;
	padding:1%;
	margin:0.3em 0 0.1em;
}

ul {
	margin:0.1em 0.1em;
	list-style:none;
}

img {
	display:inline-block;
}

li {
/*	list-style-image:url("../img/bullet_sq.png");*/
	position:relative;
}

input {
}

textarea {
}

aside {
	z-index:1;
	margin-top:2em;
	display:block;
}

section, footer {
	display:block;
	background-color:#FFF;
	margin:0.3em;
	padding:0.3em;
	text-align:left;
	/*width:57.6em;*/
	width:96%;
	border-top:solid 0.1em #e67617;
	border-radius:1vw;
}

section:nth-child(odd) {
	border:solid 0.1em #FFF;
	background-color:#e6bc7b;
}

section:nth-child(even) {
	border:solid 0.1em #e6A657;
	background-color:#FFF;
}

section h1 {
}

section h1, section h2 {
	/*display:inline-block;*/
}

section h2 {
	margin:0;
}

section h1 img {
	width:2em;
	height:2em;
	vertical-align:middle
}

footer {
	text-align:center;
	background-color:#e67617;
	color:#FFF;
}

footer a {
	color:#FFF;
}

.rounded_box {
	border: 2px solid black;
	border-radius: 0.6em;
	padding:0.520833%;
}

.center {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
.important {
    background-color:#e67617;
    border-radius:0.3em;
    padding-left:0.3em;
    padding-right:0.3em;
    color:yellow;
    font-weight: 600;
}
#container-main {
	/*background-color:#e67617;
	max-width:60em;
	margin-left:16vw;*/
	margin-left:auto;
	margin-right:auto;
	/*width:59em;*/
	width:60%;
	position:relative;
	text-align:center;
	padding-right:0.5em;
}

#nav_top  {
	position:relative;
	text-align:left;
	display:block;
	width:100%;
	height:11em;
	padding-top:1em;
	margin-bottom:0.1em;
	background:#FFF url("../img/svg/logo_light.svg");
	background-size:95%;
	background-repeat:no-repeat;
	background-position:right 1em;
	border-top:solid 0.1em #e67617;
}

#nav_top.topauto  {
	background-size:70%;
}

#nav_top_fixed {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:4.5em;
	text-align:left;
	padding-left:15em;
	z-index:10;
}

#nav_top_logo {
	bottom:0;
	display:inline-block;
	width:22em;
	height:8.47em;
	margin-right:1em;
	vertical-align:bottom;
}

.btn_bar_fixed {
	padding-left:1em;
	display:inline-block;
	background-color:#FFF;
	width:66vw;
	opacity:0.75;
}

#nav_top_fixed_logo {
	position:absolute;
	left:11em;
	display:inline-block;
	width:4em;
	height:20em;
	background-color:#FFF;
	overflow:visible;
}

#nav_top div.btn_bar {
	width:70%;
	position:absolute;
	bottom:1em;
	left:0;
}

.nav_btn {
	display:inline-block;
	width:4em;
	height:4em;
	background-size:95%;
	background-repeat:no-repeat;
	background-position:center;
	cursor:pointer;
	vertical-align:bottom;
}

.nav_btn a {
	text-decoration:none;
	text-underline:none;
}

#job_btn:hover {
	background-color:#e67617;
	cursor:pointer;
}

#job_detail {
	display: none;
}

.anchor {
	position:relative;
	top:-4.6em;
}
.btn_home {  background-image:url("../img/svg/icon_home_n.svg"); }
.btn_home:hover {  background-image:url("../img/svg/icon_home_h.svg"); }
.btn_doc {  background-image:url("../img/svg/icon_doc_n.svg"); }
.btn_doc:hover {  background-image:url("../img/svg/icon_doc_h.svg"); }
.btn_price {  background-image:url("../img/svg/icon_price_n.svg"); }
.btn_price:hover {  background-image:url("../img/svg/icon_price_h.svg"); }
.btn_obj {  background-image:url("../img/svg/icon_obj_n.svg"); }
.btn_obj:hover {  background-image:url("../img/svg/icon_obj_h.svg"); }
.btn_key {  background-image:url("../img/svg/icon_stknaklic_n.svg"); }
.btn_key:hover {  background-image:url("../img/svg/icon_stknaklic_h.svg"); }
.btn_service { background-image:url("../img/svg/icon_servis_n.svg"); }
.btn_service:hover {  background-image:url("../img/svg/icon_servis_h.svg"); }
.btn_bazar { background-image:url("../img/svg/icon_bazar_n.svg"); }
.btn_bazar:hover {  background-image:url("../img/svg/icon_bazar_h.svg"); }
.btn_map {	background-image:url("../img/svg/icon_map_n.svg");  }
.btn_map:hover {  background-image:url("../img/svg/icon_map_h.svg"); }
.btn_stk {  background-image:url("../img/svg/icon_stk_n.svg"); }
.btn_stk:hover {  background-image:url("../img/svg/icon_stk_h.svg"); }

.nav_btn .hover { display: none; }
.nav_btn:hover .hover { display: block; }
.nav_btn:hover .default { display:none; }

.tag {
	width:2em;
	height:2em;
	vertical-align:middle
}

section h1 span,
section h2 span {
	vertical-align:middle;
}

.i_float_right {
	float:right;
	margin-top:-0.5em;
	margin-right:-0.5em;
	/*width:15em;*/
	width:33%;
	min-width:8em;
	display:block;
	z-index:200;
	text-align:right;
}

aside .info_img {
	width:100%;
	border-radius:1.1vw;
	border:1px solid #000;
	margin:0 0.2em 0.2em;
	padding:0.6em;
	background-color:#fff;
}

section .info_img {
	width:24%;
	border-radius:1.1vw;
	border:1px solid #000;
}

.info_box_map {
	width:100%;
}

.info_box {
	margin:0 0.2em 0.2em;
	width:100%;
	/*height:17em;*/
	border-radius:1.1vw;
	display:inline-block;
	border:1px solid black;
	text-align:center;
	vertical-align:top;
	padding:0.6em;
	background-color:#FFF;
}

#documentsImageGrid {
	display: flex;
	width: 60%;
	flex-wrap: wrap;
	align-items: flex-start;
}

#documentsImageGrid > * {
	width:50%;
	margin-top:1em;
}

#documentsImageGrid > * img {
	width:100%;
}

/*.info_box img {
	width:2em;
	height:2em;
	vertical-align:middle
}*/

.info_box table {
	width:85%;
}
.info_box table td {
	padding:1%;
}

#prices {
	width:65%;
	padding-left:1em;
	padding-bottom:1em;
}

.price-list {
	margin:0;
}

.price-list li {
}

.price-item {
	display:inline-block;
	width:100%;
	vertical-align: text-top;
/*	width:65%;*/
}

.price-item-odd {
	/*background-color:#FFEECC;*/
	color:#c36724;
}

.price-item-even {
	/*background-color:#FFFFDD;*/
	color:#6d0300;
}

.price-item-name {
	display:inline-block;
	width:75%;
}

.price-value {
	text-align:right;
	display:inline-block;
	width:25%;
}

#carList {
}
#carList .item {
	display:inline-block;
	width:12em;
	text-align:center;
	border:solid 1px #000;
	border-radius:1vw;
	padding:0.3em;
	margin:0.3em;
	cursor:pointer;
	height:18em;
	vertical-align:top;
}
#carList .item h1 {
	font-size:0.9em;
	display:inline-block;
	height:3em;
	text-align:center;
}
#carList .item img {
	border-radius: 0.4em;
	width:95%;
}
#carList .item svg {
	width:95%;
	height:95%;
}
#carList .item p {
	text-align:center;
	margin: 0;
	padding: 0.1em;
}
#carList .item a {
	text-decoration: none;
}

#carList .item:nth-child(odd) {
	background-color:#c36724;
}

#carList .item:nth-child(even) {
	background-color:#f4b300;
}
#carList .item.newCar {
	background-color:#fff;
}
#carDetail {
	background-color:#FFF;
	border:solid 1px #000;
	border-radius:1vw;
	padding:0;
	margin:0.3em;
	width:98%;
}
#carDetail p {
	margin:0;
	padding:0;
	padding-left:2em;
	text-align:left;
}
#carDetail h1 {
	border-top-left-radius:1vw;
	border-top-right-radius:1vw;
	background-color:#f4b300;
	padding:0.4em;
	margin:0;
	text-align:center;
}
#carDetail h2 {
	text-transform:none;
	padding-left: 1em;
	background-color:#f4b300;
	display:block;
	margin-top:0.2em;
	margin-bottom:0.2em;
}
#carDetail img {
	border-radius: 0.4em;
	width:9.7em;
	margin:0.3em;
}
#carDetail .adminImg {
	width:10em;
	display: inline-block;
	border: dotted 1px #000;
	margin:0.2em;
}
#newPhotoBox {
	margin:0.5em;
	padding:0.5em;
	border:solid 1px #000;
	border-radius: 0.5em;
}
#addNewPhoto {
	margin:0.5em;
	padding:0.5em;
	border:solid 1px #000;
	border-radius: 0.5em;
	cursor:pointer;
}
#addNewPhoto:hover {
	background-color:#f4b300;
}
#poznamka, #vybava {
	width:85%;
	height:6em;
}
#dbControls {
	background-color:#f4b300;
	text-align:right;
}
.btnDBControl {
	width:8em;
	background-color:#fff;
	border-radius:0.3em;
	display:inline-block;
	margin:1em;
	padding:0.2em;
	text-align:center;
	cursor:pointer;
	text-decoration:none;
}
.btnDBControl:hover {
	background-color:#c36724;
	color:#fff;
}

#fog {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:1em;
	margin-bottom:1em;
	font-size:80%;
}
/*@media screen and (orientation: portrait) {
	body {
		font-size:2.5vw;
	}
	section {
		width:100%;
	}
	#container-main {
		width:96%;
		margin-left:0;
	}
	#nav_top {
		height:9em;
	}
	#nav_top_logo {
		width:16em;
		height:6.16em;
		margin-right:0.5em;
	}
	#nav_top_fixed {
		padding-left:0;
		width:100%;
		text-align:center;
	}
	#nav_top_fixed_logo {
		display: none;
	}
	.btn_bar_fixed {
		display:block;
		margin-left:0;
		padding-left:1em;
		width:100%;
		opacity:0.85;
	}

	.nav_btn {
		width:3em;
		height:3em;
	}

	.btn_service {
		width:6em;
	}

	#nav_top div.btn_bar {
		bottom:0;
	}
	.price-item {
		width:53%;
	}
	#carList .item {
		width:11.3em;
	}
	#carDetail {
		width:96%;
	}
}
*/
@media screen and (max-width:1024px) {
	body {
		font-size:1.8vw;
	}
	#container-main {
		width:86%;
	}
	.nav_btn {
		width:3.5em;
		height:3.5em;
	}
	#nav_top {
		height:12em;
	}
	#nav_top_fixed {
		padding-left:0;
		width:100%;
		text-align:center;
	}
	#nav_top_fixed_logo {
		display: none;
	}
	.btn_bar_fixed {
		display:block;
		width:100%;
		opacity:0.85;
	}
	#nav_top_logo {
		width:16em;
		height:6.16em;
		margin-right:0.5em;
	}
	#nav_top div.btn_bar {
		bottom:0;
	}
}
@media screen and (max-width:480px) {
	body {
		font-size:3vw;
	}
	#container-main {
		width:95%;
	}
	.i_float_right img { display:none; }

	.info_box {
		margin:0 0.1em 0.1em;
		padding:0.3em;
	}
	.nav_btn {
		width:3em;
		height:3em;
	}
	#nav_top {
		height:9.5em;
	}
	#nav_top div.btn_bar {
		width:100%;
		text-align:center;
	}
	#nav_top_logo {
		width:12em;
		height:5.16em;
		margin-right:0.5em;
	}
	.price-item {
		width:90%;
	}
}

::-webkit-input-placeholder { opacity: 1; -webkit-transition: opacity .2s; transition: opacity .2s; }  /* Chrome <=56, Safari < 10 */
:-moz-placeholder { opacity: 1; -moz-transition: opacity .2s; transition: opacity .2s; } /* FF 4-18 */
::-moz-placeholder { opacity: 1; -moz-transition: opacity .2s; transition: opacity .2s; } /* FF 19-51 */
:-ms-input-placeholder { opacity: 1; -ms-transition: opacity .2s; transition: opacity .2s; } /* IE 10+ */
::placeholder { opacity: 1; transition: opacity .2s; } /* Modern Browsers */

*:focus::-webkit-input-placeholder { opacity: 0; } /* Chrome <=56, Safari < 10 */
*:focus:-moz-placeholder { opacity: 0; } /* FF 4-18 */
*:focus::-moz-placeholder { opacity: 0; } /* FF 19-50 */
*:focus:-ms-input-placeholder { opacity: 0; } /* IE 10+ */
*:focus::placeholder { opacity: 0; } /* Modern Browsers */