/*
 * Vlastní grafika webu
 * Copyright 2021
 * Author: aLPNet
 */
 
 /* Barvy:
  * Oranžová: #FF8500 / #F07D00
  *     Šedá: #DDDDDD
  *  Šedá BG: #BBBBBB / #AAAAAA
  */

body { padding-bottom: 0; color: #3F3F3F; background: #EFEFEF url('../img/bg-body.jpg') no-repeat center center; background-attachment: fixed; background-size: cover; }

nav, main, footer { max-width: 1280px; margin: auto; box-shadow: 0 0 9px #0000007F; }

.bg-My { background-image: linear-gradient(to bottom, #FF8500EF, #F07D00EF); }
.bg-my { background-image: linear-gradient(to bottom, #BBBBBBEB, #AAAAAAEB); }
nav.navbar { box-shadow: 0 3px 9px #0000007F; padding-top: .1em; padding-bottom: .1em; }
.navbar-dark .navbar-nav { margin-top: .4em; }
.navbar-dark .navbar-nav .nav-link { color: #FFFFFFEF; }
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: #FFFFFFFF; text-shadow: 1px 1px 3px #0000007F; }
.navbar-dark .navbar-nav .nav-link.disabled { color: #FFFFFF7F; }
.navbar-brand { padding: 0; margin: 0 9px 0 0; width: 109px; }
nav .navbar-brand > img { width: 100%; }
nav .form-control { width: 10vw !important; height: calc(1.5em + 0.5rem + 2px); padding: .1rem .5rem; font-size: 0.85rem; }
nav a.nav-link { line-height: 1; padding-bottom: 0; }
nav a.dropdown-toggle { padding-top: .25em; padding-bottom: .25em; }
nav a.dropdown-toggle::after { border-top: 0.5em solid; border-right: 1.3em solid transparent;  }
.dropdown-item.active, .dropdown-item:active { background-color: #F07D00; }
li.hoverdropdown:hover div { display: block; }

main { background-color: #FFFFFFDF; margin: 58px auto auto; padding: 0.333em 1em 1em !important; }

.carousel { margin: 0 !important; width: 100%; max-width: 100%; } /*calc(50vw - 2rem)*/
body.md .carousel { width: auto !important; }
.carousel-item { height: min(33.333vw, 432px); overflow: hidden; }
.carousel-item a { margin: auto 0; vertical-align: middle; }
.carousel-item img { width: 100%; height: auto; margin: auto 0; vertical-align: middle; }
body.md .carousel .carousel-item { height: 66.667vw !important; }

div.box-high { min-height: min(33.333vw, 432px); max-height: 432px; }
div.box-square, div.box-laid { height: min(22.222vw, 288px); }
body.md div.box-laid, body.md div.box-high, body.md div.box-square,
body.sm div.box-laid, body.sm div.box-high, body.sm div.box-square { height: 44.444vw; }
a.box { display: block; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; }
a.box p { font-size: min(2.2vw, 29px); font-variant: small-caps; position: absolute; margin: 0; bottom: 0; left: 15px; right: 15px; box-shadow: 0 10px 10px -10px #0000007F; }
body.md a.box p { font-size: 4.4vw; font-variant: small-caps; }

a.box:hover p { background-image: linear-gradient(to bottom, #FF8500EF, #F07D00EF); }
.hvr-grow-shadow {
	display: inline-block; vertical-align: middle; box-shadow: 0 0 1px transparent;
	-webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);
	-webkit-transition-duration: .3s; transition-duration: .3s;
	-webkit-transition-property: box-shadow,transform; transition-property: box-shadow,transform;
	z-index: 1;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
	-webkit-transform: scale(1.02); transform: scale(1.02);
	box-shadow: 0 10px 10px -10px #0000007F;
}
.hvr-grow-shadow:hover a, .hvr-grow-shadow:focus a, .hvr-grow-shadow:active a {
	box-shadow: 0 20px 30px -12px #0000007F, 0 50px 15px 0px #0000003F;
}

footer { background-image: url(../img/bg-wood.png); background-position: center; background-size: cover; }
footer a { color: #EEE; font-size: 150%; }
footer a:hover { text-decoration: none; color: #FFF; text-shadow: 1px 1px 3px #000000; }
footer img { border: 0 none; height: 48px; }
footer p.cookie { color: #BBB; } footer p.cookie:hover { color: #FFF; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { color: #F07D00; }
main img { max-width: 100%; }
p img { border: 1px solid #DFDFDF00; margin: 5px 10px; padding: 4px; background: #FFFFFF url(); }
p a img:hover { border-color: #F07D00; }
.w-100 img, img.w-100 { margin: 0; padding: 0; }
p img.text-center, p.text-center img, p[style*="text-align: center"] img { margin-left: auto; margin-right: auto; text-align: center; }
p img.text-left, p.text-left img, p img[style*="float: left"]  { float: left; margin-left: 0; } p img.text-right, p img[style*="float: right"] { float: right; margin-right: 0; }
a { color: #F07D00; }
a:hover { color: #FF8500; text-decoration: none; }
form input, form textarea, form select, .eb {
	text-shadow: 0 0 1px #0000009F; margin: 0; padding: 2px 4px; padding: 0 4px 1px; line-height: 147%;
	border: 2px solid; border-color: #0000003F #FFFFFFDF #FFFFFFDF #0000003F;
	background-color: #0000000F; background-image: linear-gradient(#0000001F, #00000000 6px),  linear-gradient(to right, #0000001F, #00000000 6px);
}
*.button, *.ok, *:visited.ok {
	cursor: pointer; _cursor: hand; width: auto; margin: 0;
	color: inherit; text-align: center; _text-align: center;
	//text-shadow: 1px 1px 1px #000000, 0 0 1px #FFFFFF7F;
	border: 2px solid; border-color: #FFFFFF7F #0000003F #0000007F #FFFFFF3F; border-radius: 6px 7px;
	background-color: transparent; background: linear-gradient(#FFFFFF3F, #FFFFFF0F 50%, #0000000F 50%, #0000003F);
}
*.ok, *:visited.ok {
	color: #FFAF2F; text-align: left; _text-align: left;
  background: url(img/li-ok.png) 6px center no-repeat, linear-gradient(#FFFFFF3F, #FFFFFF0F 50%, #0000000F 50%, #0000003F);
}
*:hover { border-color: #FF8500 #E06500 #E06500 #FF8500; }
*:hover.ok, *:focus.ok { color: #FFEF4F; }

/*eLB*/
.modal-dialog { margin: .1em auto; }
.modal-body { padding: .3em; }

/*CKE*/ table tr th, table tr td { padding: 0; text-align: left; }
table.inline tr th, table.inline tr td { padding: 3px 4px; }
table.inline tr th { text-align: right; font-weight: normal; }
table.lined caption, table.lined tr { vertical-align: top; background-color: #00000007; background-image: linear-gradient(to top, #0000001F, #00000000 6px), linear-gradient(to bottom, transparent, #FFFFFF 1px, #FFFFFF00 6px); }
table.lined tr th, table.lined tr td { padding: 3px 4px 5px; text-align: left; }
table.lined tr th { text-align: right; font-weight: normal; }
table.lined caption, table.lined thead, table.lined .head { background-color: #EBEBEB; text-shadow: 0 1px 0 #FFFFFF; }
table.lined caption { caption-side: top; padding: 3px 4px 5px; text-align: center; }

.at::after { content: "@"; }