:root { --cerna:#000; --seda:#d9d9d9; --bila:#fff; --modra:#081c5a; --svmodra:#01336e; --tyrkys:#57a9fd; --zluta:#febb35; --tmzluta:#c98702; --cervena:#dc3545; --zelena:#063; } /* viz.: https://www.vzhurudolu.cz/prirucka/css-promenne-priklady */

body { color: var(--modra); }

a       { color:var(--tmzluta); text-decoration:none; transition:300ms; }
a:hover { color:var(--svmodra); text-decoration:underline; }

h1 { font-size:2.7rem; font-weight:700; }
h2 { font-size:1.8rem; font-weight:700; }
h3 { font-size:1.5rem; font-weight:700; }
h4 { font-size:1.25rem; font-weight:700; }
h5 { font-size:1rem; font-weight:700; margin-bottom:5px; }

.carousel h1 { font-size:2.75rem; font-weight:700; text-align:left; }
.carousel h1 span { display:block; }
.carousel h1::after, h1::after, h2::after {
	content: "";
	width:80px; height:6px;
	display:block; margin:7px 0;
	background: #FEBB35;
}
.carousel a       { color:var(--zluta); transition:300ms; }
.carousel a:hover { color:var(--bila); text-decoration:none; }

.carousel-caption { bottom:120px; left:25%; }

.carousel p { font-size:1.3rem; text-align:left; margin-top:50px; }




.lista     { background-color:#fff; }
.lista h4  { margin-bottom:13px; font-weight:300; }
.lista .mutace { display:inline-block; margin-bottom:13px; }
.lista .mutace span { color:var(--cervena); }

.navbar-toggler { background:none; border:none; cursor:pointer; font-size:1.65rem; padding:.25rem 1.35rem; }
.navbar-light .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.drobecek  {
	position:relative; top:130px; 
	padding:15px 0; color:var(--modra); font-size:0.95rem;
	background-color:#f5f5f5; border-bottom:1px solid #eee;
}
.drobecek ol { margin:0; padding:0; }
.drobecek ol li { list-style-type:none; display:inline; margin:0; padding:0; }
.drobecek ol li a { color:var(--cerna); text-decoration:none; }
.drobecek ol li a:hover { color:var(--modra); }
.drobecek ol li::before { padding:0 5px; color:#ccc; content:"\276F"; }
.drobecek ol li:first-of-type::before { padding:0; content:""; }



.navbar    { background-color:#fff; border-bottom:1px solid #afafaf; padding:0; }
.jumbotron { margin-top:160px; }
.carousel.home { text-align:center; margin-top:131px; }
.carousel img { width:100%; }
.carousel video { max-height:500px; }
.carousel .carousel-item:first-of-type { background-color:var(--cerna); }
.carousel-indicators li { cursor:pointer; }
.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
.carousel-indicators li { background-color:rgba(255,204,0,.5); }
.carousel-indicators .active { background-color:#fc0; }

@media (min-width: 890px) {
	.carousel-item.foto img { min-height:505px; width:auto; }
}


/* start: MENU */
.dropdown-submenu {
	position:relative;
	background-image:url('../images/ikony/sipka_off.svg');
	background-repeat:no-repeat;
	background-position:95% 50%;
	background-size:5px 9px;
}
.dropdown-submenu:hover { 
	background-image:url('../images/ikony/sipka_on.svg');
	background-repeat:no-repeat;
	background-position:95% 50%;
	background-size:5px 9px;
}
.dropdown-submenu>.dropdown-menu { top:0; left:100%; margin-top:-6px; margin-left:-1px; }
.dropdown-submenu:hover>.dropdown-menu { display: block; }

.dropdown-submenu:hover>a:after { border-left-color: #fff; }
/* end: MENU */



/* start: SUBMENU */
ul.leve_menu li { position: relative; z-index: 10; }
ul.leve_menu ul.submenu li { position: relative; z-index: 5; }
ul.leve_menu, ul.leve_menu ul.submenu { margin:0; padding:0; }
ul.leve_menu ul.submenu { padding-left: 1em; border-left: 1px solid #e6e6e6; background:#f8f8f8; }
ul.leve_menu li { font-size:0.875rem; list-style-type:none; margin-top:-1px; border:1px solid #e6e6e6; }
ul.leve_menu li a, ul.leve_menu ul.submenu li a { color: var(--cerna); display:block; padding:7px 14px; background:#fff; }
ul.leve_menu li.on a, ul.leve_menu ul.submenu li.on a { color: var(--cervena); }
ul.leve_menu li.on a:hover, ul.leve_menu ul.submenu li.on a:hover,
ul.leve_menu li a:hover, ul.leve_menu ul.submenu li a:hover { background:#f2f2f2; text-decoration:none; }
ul.leve_menu li.on:hover, ul.leve_menu ul.submenu li.on:hover,
ul.leve_menu li:hover, ul.leve_menu ul.submenu li:hover { border:1px solid #d9d9d9; }
/* end: SUBMENU */



#content { margin-top:133px; }
#content.home { margin-top:40px; }


footer { background-color:var(--modra); color:#9ca4bd; padding:60px 0 0 0; }
footer a { color:#9ca4bd; }
footer a:hover, footer a.on { color:var(--zluta); text-decoration:none; }

footer ul.menu li { list-style-type:none; border-bottom:1px solid #9ca4bd; padding:7px 0; }
footer ul.menu li:first-of-type { padding-top:0; }
footer ul.menu li:last-of-type { border-bottom:0; }


footer.dva { padding-top:25px; border-top:1px solid #9ca4bd; padding-bottom:25px; }
footer.dva strong { text-transform:uppercase; font-weight:600; }





.spojeni { font-size:1rem; }
.spojeni h3 { 
	color:var(--bila); font-size:1.3rem; font-weight:400;
	background-color:var(--modra); padding:5px 0 8px 10px;
}
.spojeni h3::after {
	content: "";
	width:50px; height:3px;
	display:block; margin:4px 0 0 0;
	background: #FEBB35;
}


@media print {
	#content { margin-top:0; }
	#content.home { margin-top:0; }
}

.logo {
 position:relative; overflow:hidden; margin:1em 0; padding-left:110px;
 background:url("../images/logo/ims.svg") no-repeat; background-size:90px;
 width:210px; height:90px; cursor:pointer; color:#01336e !important; text-transform:uppercase;
}
.logo span { padding-top:24px; display:block; }

li.nav-item { padding:1px 8px; }
li.nav-item.black { background-color:var(--cerna); }
.navbar-light .navbar-nav .black .nav-link { color:var(--bila); }

.navbar-light .navbar-nav .active > .nav-link, .dropdown-item.active { color:var(--zluta); }

.navbar-light .navbar-nav .nav-link:hover { color:var(--zluta); }

div.dropdown-menu .dropdown-item.active,
li.dropdown-submenu a.dropdown-item.active, .dropdown-menu h6.active { color:var(--modra); font-weight:600; text-decoration:underline; }

div.dropdown-menu .dropdown-item:hover,
li.dropdown-submenu a.dropdown-item:hover { color:var(--zluta); }

.dropdown-item.active, .dropdown-item:active, .dropdown-item:hover { background-color:#eee; }

.navbar-light .navbar-nav .nav-link { color:var(--modra); font-weight:bold; }

.dropdown-toggle::after { border-right:0; border-left:0; }


.dropdown-menu .bg-grey { background-color:#eee; border-top:1px solid #afafaf; }
.dropdown-menu .list-unstyled li a { padding:0; margin-bottom:8px; }
.dropdown-menu h6 { color:#333; }
.dropdown-menu .list-unstyled li a:before { content:'- '; }



.novinky { margin-bottom:15px; }
.novinky p { margin-bottom:0; }
.novinky img { margin-bottom:10px; }

.hledej { margin-bottom:30px; }

.vyhledavani { position:relative; display:none; }
.vyhledavani .pozice { position:absolute; top:-33px; left:-198px; width:250px;}

.ikona-hledej { margin:10px 0 0 15px; }
.ikona-hledej:hover { cursor:pointer; }

.zavrit { float:right; }
.zavrit button {
	background-color:var(--cervena); border: 0; -webkit-border-radius: 0; border-radius: 0;
	color:var(--bila); font-size:3rem; line-height:2.6rem; padding: 0px 12px 12px 12px;
}
.zavrit button:hover { background-color:#999; cursor:pointer; }


.btn-primary {
	color:var(--modra); font-weight:700; padding:20px 100px 20px 50px;
	background:var(--zluta) url("../images/sipka-prava.png") no-repeat right 50%;
	border:0; -webkit-border-radius:0; border-radius:0;
}
.btn-primary:hover { background:var(--modra) url("../images/sipka-prava-on.png") no-repeat right 50%; }
.btn-primary::after {
	content: "";
	width:60px; height:4px;
	display: block;
	background:var(--bila);
}

.btn-hledej {
	background:var(--modra); padding:10px 13px; transition:300ms;
	border:0; -webkit-border-radius:0; border-radius:0;
}
.btn-hledej:hover { background:var(--zluta); cursor:pointer; }



.mapy_rozvozu  { position:relative; }
.mapa_rozvozu  { position:absolute; top:0; left:50%; margin-left:-275px; z-index:2; max-width:100%; height:auto; }
.trasy_rozvozu { text-align:center; padding-top:300px; }
.trasy_rozvozu h3   { margin:15px 0 0 0; }
.trasy_rozvozu div  { cursor:pointer; padding:1px 15px 5px 15px; }
#mapa_rozvoz area   { cursor:pointer; }
.trasy_rozvozu span { color:#b00068; display:block; }
.trasy_rozvozu div.pozadi    { background:#e7f0f4; }
.jm, .sm, .jc, .zi, .ba, .my { display:none; }


.historie .col-2 { color:var(--modra); font-size:1.3rem; font-weight:700; }
.historie .col-2 b {  font-weight:700; background-color:var(--zluta); padding:2px 5px; }
.historie .col-10 { padding-bottom:20px; }

.table td, .table th { padding:.5rem; }
tr.nadpis td { background-color:var(--modra); color:var(--bila); font-weight:600; text-align:center; vertical-align:middle; border:1px solid var(--bila); }
.table td { border:1px solid var(--seda); vertical-align:middle; font-size:0.9rem; }

.katalog div { text-align:center; margin-bottom:40px; }
.katalog div h4 { font-size:1.1rem; width:75%; margin-left:12%; margin-bottom:15px; }
.katalog div img { border:1px solid var(--modra); padding:5px; }
.katalog div img:hover { background-color:var(--zluta); }


.produkty > ul { list-style-type:none; }
.rambarva { background-color:var(--zluta); }

.prep .p1 { width:40px; }
.prep .pb { border:1px solid var(--bila); }
.prep .f1t {
	background:var(--modra) url("../images/sipka-prava-on.png") no-repeat right 50%;
	color:var(--bila); font-weight:600; font-size:1rem;
	border:none; padding:4px 40px 7px 20px;
}
.prep .f1t:hover { background:var(--zluta) url("../images/sipka-prava.png") no-repeat right 50%;; cursor:pointer; }



.mapa { width:100%; height:450px; }

.gsc-search-button-v2 { padding:14px 15px 15px 16px !important; }
table.gsc-search-box td.gsc-input { padding-right:0 !important; }
input.gsc-input { padding:4px 0 !important; }




/* prohozeni poradi boxu (pc-mobil) */
.prvni-posledni { -webkit-box-ordinal-group:0; -ms-flex-order:-1; order:-1; }
.posledni-prvni { -webkit-box-ordinal-group:14; -ms-flex-order:13; order:13; }


/* kontaktni formular */
form.kontakt input, form.kontakt textarea, form.kontakt select  {
	background:#efefef; color:var(--cerna); padding:15px;
}
form.kontakt .input-group-text { background:#9ea1a5; color:#fff; border:0; }
form.kontakt label  { color:var(--modra); }
form.kontakt button { font-size:2rem; text-transform:uppercase; }
form.kontakt input:hover, form.kontakt textarea:hover, form.kontakt select:hover  { background:#ffeac2; }
form.kontakt input:focus, form.kontakt textarea:focus, form.kontakt select:focus { background:#eef6f9; }
	
.jmenoOK, .telefonOK, .mestoOK, .uliceOK, .pscOK, .emailOK, .zpravaOK, .kontrolaOK, .firmaOK { border:1px solid #9ea1a5; }
.jmenoKO, .telefonKO, .mestoKO, .uliceKO, .pscKO, .emailKO, .zpravaKO, .kontrolaKO, .nemovitostKO { border:2px solid var(--cervena); }

form.kontakt ::placeholder { color:#bababa; font-style:italic; opacity: 1; }
form.kontakt :-ms-input-placeholder { color:#bababa; font-style:italic; }
form.kontakt ::-ms-input-placeholder { color:#bababa; font-style:italic; }

.form_neodeslan, .form_odeslan {
	border:1px solid #c3e6cb; padding:15px 0; margin-top:50px;
	text-align:center; font-size:2em; 
}
.form_neodeslan { color:#721c24; background-color: #ffeac2;	border-color: #f5c6cb; }

.form-control { -webkit-border-radius:0; border-radius:0; }

.prazdna div[style] { border:1px solid var(--cervena); }
.prazdna div[style]:after { color:#900; content:"Potvrďte prosím, že nejste robot."; }

/* kontaktni formular */




/* start: sipka back to top */
#zpet_nahoru {
 position:fixed; bottom:20px; right:20px; z-index:9999;
 width:50px; height:50px; border:0; border-radius:2px;
 color:#fff; text-align:center; line-height:30px; text-decoration:none;
 background:var(--zluta) url("../images/to_top.svg") no-repeat 50%; cursor:pointer;
 transition:opacity 0.2s ease-out; opacity:0;
}
#zpet_nahoru:hover { background:var(--svmodra) url("../images/to_top.svg") no-repeat 50%; }
#zpet_nahoru.show  { opacity:1; }
/* end: sipka back to top */








.center { text-align:center; }
.doprava { text-align:right; }
.doleva { text-align:left; }
.dobloku { text-align:justify; }

.leva { float:left; }
.prava { float:right; }

.tucne, .bold { font-weight:bold; }
.kurziva { font-style:italic; }

.cerna { color:var(--cerna); }
.seda { color:var(--seda); }
.bila { color:var(--bila); }
.cervena { color:var(--cervena); }
.modra { color:var(--modra); }
.zelena { color:var(--zelena); }

.cleaner, .cleanerXSL {
 clear:both; font-size:1px; height:1px; line-height:0;
 border:none; background:transparent; width:100%;
}
.hidden { display:none; }


a[href^="tel:"] { text-decoration:none; cursor:auto; }

img { border:0px; }
hr  { border-color:#afafae -moz-use-text-color -moz-use-text-color; }
.obal { position:relative; top:0; left:0; }

.nomargin, table tr td.nomargin, table tr th.nomargin    { margin:0 !important; }
.nopadding, table tr td.nopadding, table tr th.nopadding { padding:0 !important; }
.noborder, table tr td.noborder, table tr th.noborder    { border:0 !important; }

.screenreader, .SkipToContentMenu { /* skrite navigacni nadpisy pro nevidome - viz. menu.php */
 position:absolute; top:auto; left:-1000px;
 overflow:hidden; width:1px; height:1px;
}



/* start: pop-up */
#hover {
	position:fixed; z-index:9999;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.6)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);
	background: -o-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#99000000',GradientType=0 );
	width:100%; height:100%;
}
  
#popup {
	position:absolute; top:15%; left:50%; z-index:9999;
	width:500px; padding:30px;
	margin-left:-260px; /* width/2 + padding-left */
	color:var(--cerna);
	background:#fff; border-radius:5px; box-shadow:0 0 10px 0 var(--cerna);
	text-align:center;
}
  
#close {
	position:absolute; top:-15px; right:-15px;
	background:#000;
	-webkit-box-shadow: 0 0 10px 0 var(--cerna);
	box-shadow: 0 0 10px 0 var(--cerna);
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width:44px; height:44px; padding:5px;
	color:white; text-align:center; line-height:30px;
	font-size:30px; font-weight:bold; font-family:'Arial Black', Arial, sans-serif;
	cursor:pointer;
}
  
#popup h3 {font-size:1.5rem; color: #900; text-shadow: 0px 0px 10px #fff; }
/* end: pop-up */


/* sloupce */
.trojsloupcovy, .tri_sloupce {
	-ms-column-count:3; /* pocet sloupcu */
	-moz-column-count:3;
	-webkit-column-count:3;
	column-count:3;
	-moz-column-gap:40px; /* mezera mezi sloupci */
	-webkit-column-gap:40px;
	column-gap:40px;
	-moz-column-rule:1px dotted var(--blue); /* misto mezi sloupci */
	-webkit-column-rule:1px dotted var(--blue);
	column-rule:1px dotted var(--blue);
}
.dvousloupcovy, .dva_sloupce {
	-ms-column-count:2;
	-moz-column-count:2;
	-webkit-column-count:2;
	column-count:2;
	-moz-column-gap:40px;
	-webkit-column-gap:40px;
	column-gap:40px;
	-moz-column-rule:1px dotted var(--blue);
	-webkit-column-rule:1px dotted var(--blue);
	column-rule:1px dotted var(--blue);
}
@media (max-width: 575.98px) { 
	.dvousloupcovy, .dva_sloupce, .trojsloupcovy, .tri_sloupce {
		-ms-column-count:1; -moz-column-count:1; -webkit-column-count:1; column-count:1;
	}
}
/* sloupce */


/*  */
@media (min-width: 1200px) { 

}
@media (max-width: 1199.98px) { 
	li.nav-item { padding:1px 3px; }
}


/*  */
@media (min-width: 992px) { 
	.pc-992 { display:none; }
}
@media (max-width: 991.98px) { 
	.mobil-992, .mobil-992.show { display:none; }
	li.nav-item { 
		border:1px solid #e6e6e6; margin-top:-1px;
		background-image:url('../images/ikony/sipka_off.svg');
		background-repeat:no-repeat;
		background-position:95% 50%;
	}
	li.nav-item.active { 
		background-image:url('../images/ikony/sipka_on.svg');
		background-repeat:no-repeat;
		background-position:95% 50%;
	}
	.drobecek { top:122px; }
	#content { margin-top:123px; }
	.vyhledavani { display:block; }
	.vyhledavani .pozice { left:0; top:-48px; width:98%; }

	.ikona-hledej { margin:10px 0 20px 15px; }
}

@media (min-width: 992px) and (max-width: 1199.98px) { 

}


/*  */
@media (min-width: 768px) { 

}
@media (max-width: 767.98px) {
	/* prohozeni poradi boxu (mobil-pc) */
	.prvni-posledni { -webkit-box-ordinal-group:14; -ms-flex-order:13; order:13; }
	.posledni-prvni { -webkit-box-ordinal-group:0; -ms-flex-order:-1; order:-1; }
	.mobil-768 { display:none; }
	.center-768 { text-align:center; }
	footer ul.menu { padding:0; margin-top:40px; }
}

@media (min-width: 768px) and (max-width: 991.98px) { 

}


/*  */
@media (min-width: 576px) { 

}
@media (max-width: 575.98px) { 
	.mobil-576 { display:none; }
	.mapa_rozvozu  { left:0px; margin-left:0px; }
}

@media (min-width: 576px) and (max-width: 767.98px) { 

}



/* dalsi */
@media only screen and (min-width:640px) {
}
@media only screen and (max-width:480px) {
	.trasy_rozvozu { padding-top:200px; }
}
@media only screen and (max-width:320px) {
}

/* opravy pro chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
 
}




.grecaptcha-badge { visibility:hidden; }
.reCaptcha, .reCaptcha a { color:#848ead; }