body { background-color: #333E46; color: white; }
a, h1, h2, h3, h4 { color: #97f60c; }
h1 { font-size: 2rem; margin-bottom: 20px; }
h2 { font-size: 1.7rem; }
img { max-width: 100%; }

.navbar-nav { display: block; }
#header, #content {  background-color: #26333C; }
#header {border-bottom: 10px solid #465058;}
#menu { border-bottom: 10px solid #465058; background-color: #39434B; }
#header { height: 110px; }
#header .container { position: relative; }
#header #logo { margin-top: 22px; }
#header #kontakt_icon { position: absolute; top: 30px; right: 20px; }
.navbar.bg-dark { background-color: #39434B !important; }
.navbar ul li a { color: white; font-size: 1.3rem;  }
.gallery + h2 { margin-top: 20px; }

/* patro */
table#seznam_pokoju { border: 1px solid white; width: 100%; color: white; z-index: 2; }
table#seznam_pokoju th, table#seznam_pokoju td { padding: 2px 5px; }
#popis_jih, #popis_sever { position: absolute; left: 0px; font-size: 24px; width: 100%; max-width: 1000px; text-align: center; }
#popis_sever { bottom: 0; }
#popis_jih { bottom: 430px; }
a.active { color: white; }
div.patro img { width: 100%; max-width: 1000px; }
.patro a { border: 0}
.patro img { border: 0; }
/* patro - konec */

/* byt */
#detail_bytu table { width: 100%;  }
tr.sum td, td.sum { border-top: 3px solid white; }
td.price { text-align: right; }
td.price2 { text-align: right; padding-right: 10px;}
#right_column img { width: 473px; }
#right_column img.planek { width: 483px; }
table + h2 { margin-top: 20px; }
img + h2 { margin-top: 10px; }
/* byt - konec */

#dl_i { width: 100%; max-width: 150px; margin: 0 auto; display: block; margin-bottom: 10px;  }

#map_obal { text-align: center; border: 5px solid #465058; }
#new_map { font-size: 0.8em; }
#uvod .fotky img { margin-bottom: 10px; }

.mobile-only { display: none; }
@media screen and (max-width: 575px ) {
	#menu .container { padding: 0; }
	#menu .container .navbar { padding: 10px 10px 0 10px; }
	#navbar { background-color: #66A00D; margin: 0 -10px -10px; padding: 10px;}
	.navbar ul li { padding: 10px; }
	.navbar.bg-dark { background-color: #26333C !important; padding: 0; }
	.gallery img { width: 47%; margin: 10px 1%;}
	#bannery { display: none; }
	table#seznam_pokoju { margin-top: 20px; margin-bottom: 10px; }
	#popis_jih { display: none; }
	#popis_sever { font-size: 20px; }
	.patro img { margin-bottom: 30px; }
	#map_obal { float: none !important; width: 100%;  }
	#googleMap { width: 100%; margin: 0 auto; height: 250px; }
	#uvod .fotky a { display: block; text-align: center;}
	#uvod .fotky img { max-width: 100%; text-align: center; }
	.screen-only { display: none; }
	.mobile-only { display: inline-block; }
}

@media screen and (min-width: 576px){
	#menu .container .navbar { padding: 0;  }
	#navbar { background: #66A00D url("/images/efipalacehotel.jpg") no-repeat top right;}
	#navbar ul { background: #66A00D; padding: 9px; padding-left: 20px; }
	.navbar ul li { padding: 5px 30px; background: url("/images/li.png") left 11px no-repeat;}
	.gallery img { margin: 15px 1% 0 0; width: 23%; }
	#content_right { border-left: 1px solid gray; }
	table#seznam_pokoju { position: absolute; right: 25px; width: 600px; top: 105px; }

	div.patro { margin: 0; padding: 0; position: relative;}
	div.patro img { margin-top: 175px; }

	#dl_i_text { height: 300px; }
	#vizualizace_popis { margin-top: 55px; }
	#map_obal { margin-left: 15px; width: 318px; float: right;}
	#googleMap { height: 250px; margin: 0px; }

	#uvod .fotky a + a { margin-left: 8px; }
}

@media screen and (max-width: 991px) {
	.detail-text { display: none; }
	.detail-icon { display: inline-block; }
	#popis_jih { bottom: 400px; }
}
@media screen and (min-width: 992px){
	.detail-icon { display: none;}
}

@media screen and (min-width: 1200px) {
	#popis_jih { bottom: 430px; }
}


.kontakt { display: inline-block; width: 80px; }

#content { padding-top: 20px; padding-bottom: 20px;  }

#footer { text-align: center; border-top: 10px solid #465058; padding: 20px; }
#footer .row { text-align: center; display: block; }


@media screen and (min-width: 1028px ) {
	#bannery img { width: 100%; }
}

.form-control { margin: 5px 0; }
/* dluhopisy */
#dluhopisy_caption { background: url('/images/dluhopisy_eFi_Palace_730x300_bez_emise.jpg') no-repeat top left; padding: 35px; color: black; height: 349px; font-family: Tahoma; position: relative; }
#dluhopisy_caption h1, #dluhopisy_caption h2 { color: black; margin: 0; }
#dluhopisy_caption #procenta { color: #006A49; font-size: 46px; position: absolute; right: 6px; top: 46px; text-align: center; width: 182px; font-weight: bold; }
#dluhopisy_caption #procenta .small { font-size: 28px; position: relative; top: -15px;}
#dluhopisy_caption a { color: black; font-weight: bold; text-decoration: none; }
#dluhopisy_caption h1 { font-size: 34px; }
#dluhopisy_caption h2 { font-size: 20px; margin-bottom: 20px; }
#dluhopisy_caption p { margin: 22px 0; font-size: 18px; }
#dluhopisy_caption p.kontakty { font-weight: bold; font-size: 16px;}
#dluhopisy_caption p.spolecnost { font-size: 34px; margin-top: 55px; color: #555; }
#dluhopisy_caption p.spolecnost span.efi { color: #97F60C; }
h2 { margin-bottom: 0; }
h2 + p { margin-top: 0; }
textarea { float: none; width: 176px; }
form { margin-top: 10px; }
.dluhopis_link { font-size: 1.1em; }
#reklama { width: 700px; }
/* dluhopisy - konec */

section.jidlo-info-hp {
    margin-top: 20px;
    padding-bottom: 20px;
	border-bottom: 1px solid white;
	margin-bottom: 20px;
}
section.jidlo-info-hp {
    font-size: 1.2em;
    line-height: 1.4;
}
section.jidlo-info-hp h2 {
    font-size: 1.5em;
    margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
}