/* horniBanner */

.horniBanner {
    text-align: center;
    background-color: #ff0043;
    color: #ffffff;
}

/* spolecne styly */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap');

* {
	margin: 0;
	padding: 0;
}

*:focus {
    outline: 0.1rem solid #000000;
}

html {
	font-family: 'Open sans', sans-serif;
	font-size: 17px;
	line-height: 1.75rem;
}

@media screen and (orientation: portrait) {

html {
	font-size: 16px;
	line-height: 1.75rem;
}

}

body {
	background-color: #ffffff;
	color: #3d464d;
	overflow-y: scroll;
}

h1, h2, h3, p, ul, ol, table {
	margin-bottom: 0.5rem;
}

a {
    text-decoration: none;
    color: #7ab000;
	opacity: 0.9;
}

a:hover {
	opacity: 1;
	text-shadow: -0.02rem 0 0 currentColor;
}
h1 {
    color: #7ab000;
	font-size: 1.5rem;
	line-height: 2rem;
}

h2 {
	font-size: 1.2rem;
}

h3 {
	font-size: 1rem;
}

ul li {
	margin-left: 2rem;
}

ol li {
	margin-left: 2rem;
}

input {
    padding: 0.25rem;
}

input[type=submit] {
    padding: 0.5rem 1rem 0.5rem 1rem;
    background: #7AB000;
    color: #ffffff;
    border-radius: 0.25rem;
}

iframe {
    max-width: 80vw;
}


/* .obsahPanelu */

.obsahPanelu {
    position: relative;
    left: 0;
    top: 0;
    margin: 0 auto 0 auto;
    width: 85vw; 
    max-width: 80rem; 
}

@media screen and (orientation: portrait) {

.obsahPanelu {
    width: 100vw;
    /*padding-left: 1rem; 
    padding-right: 1rem;*/ 
}

}



/* .panelNavigace */

.navigaceCheckbox {
    display: none;
}

.navigaceLabel {
    display: none;
}

@media screen and (orientation: portrait) {

.navigaceLabel {
    display: block;
}

.navigaceLabel label {
    display: block;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    font-size: 1.2rem;
}

.panelHlavicka .panelNavigace .hloubka2 > li {
    display: block !important;
}

.panelHlavicka .panelNavigace .hloubka2 > li .polozka {
    text-align: center !important;
}

.navigaceCheckbox ~ .panelHlavicka .panelNavigace {
    display: none;
}

.navigaceCheckbox:checked ~ .panelHlavicka .panelNavigace {
    display: block;
}

.panelHlavicka .panelNavigace .hloubka2 > li > .roleta {
    display: none !important;
}

}

.panelHlavicka .panelNavigace {
    position: relative;
    left: 0;
    top: 0;
	z-index: 9999;
    background-color: #f7bd19;
}

.panelHlavicka .panelNavigace ul,
.panelHlavicka .panelNavigace li {
    display: block;
	margin: 0;
	padding: 0;
}

.panelHlavicka .panelNavigace > .hloubka1 > li > a,
.panelHlavicka .panelNavigace img,
.panelHlavicka .panelNavigace .hloubka3 {
    display: none;
}

.panelHlavicka .panelNavigace .polozka {
    cursor: pointer;
    border-radius: 0.12rem;
    color: #111111;
}

.panelHlavicka .panelNavigace .hloubka2 {
    text-align: center;
    border-bottom: 1px solid #cccccc;
}

.panelHlavicka .panelNavigace .hloubka2 > li {
    display: inline-block;
    position: relative;
    left: 0;
    top: 0;
}

.panelHlavicka .panelNavigace .hloubka2 > li .polozka {
    text-align: left;
    display: block;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.panelHlavicka .panelNavigace .hloubka2 > li .polozka:hover {
    background: #e0e0e6;
    background: #e9a120;
}

.panelHlavicka .panelNavigace .hloubka2 > li > .roleta  {
    position: absolute;
    left: 0;
    top: 1.75rem;
    border: 1px solid #cfcfd8;
    border-radius: 0.25rem;
    background: #f9f9fb;
    color: #222222;
    width: 20rem;
}



/* .panelMenu1 */

.panelMenu1 {
    background-image: url(Pampeliska/Stin.png), url(Pampeliska/Listy.jpg);
    background-size: auto auto, auto 100%;
    background-repeat: repeat-x, no-repeat;
    background-position: 50% 0%, 50% 50%;
}

.panelMenu1 .obsahPanelu {
    height: 8rem;
}

.panelMenu1 .obsahPanelu .logo {
    display: block;
    position: absolute;
    left: 0;
    top: 1rem;
    width: 20rem;
    height: 6rem;
    background-image: url(Pampeliska/Logo.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

@media screen and (orientation: portrait) {

.panelMenu1 {
    background-image: url(Pampeliska/Stin.png), none;
    overflow: hidden;
}

.panelMenu1 .obsahPanelu .logo  {
    position: static;
    left: 1rem;
    right: 1rem;
    width: auto;
    height: 6rem;
    border: 1rem solid rgba(0,0,0,0);
}

}

.panelMenu1 .obsahPanelu .komponentaMenu1 {
    display: flex;
    align-items: stretch;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
	margin: 0;
	padding: 0;
    overflow: hidden;
}

.panelMenu1 .obsahPanelu .komponentaMenu1 li {
    display: block;
    flex-grow: 1;
    flex-basis: 100%;
	margin: 0 0.2rem 0.2rem 0;
    text-align: center;
    font-size: 0.9rem;
}

.panelMenu1 .obsahPanelu .komponentaMenu1 li:last-child {
	margin-right: 0;
}

.panelMenu1 .obsahPanelu .komponentaMenu1 li a {
    display: block;
    height: 4rem;
	padding: 0 0.5rem 0 0.5rem;
    color: #ffffff;
    text-transform: uppercase;
    background-color: rgba(0,0,0,0.5);
}

@media screen and (orientation: portrait) {

.panelMenu1 .obsahPanelu {
    height: auto;
    padding-left: 0;
    padding-right: 0;
}

.panelMenu1 .obsahPanelu .komponentaMenu1 {
    display: block;
    position: static;
    width: auto;
    height: auto;
}

.panelMenu1 .obsahPanelu .komponentaMenu1 li {
    width: auto;
    height: auto;
	margin: 0 0 0.2rem 0;
}

.panelMenu1 .obsahPanelu .komponentaMenu1 li a {
    width: auto;
    height: auto;
    background-color: #7AB000;
    padding: 0.2rem;
}

}



/* .panelMotto */

.panelMotto {
    background-image: url(Pampeliska/Stin.png), url(Pampeliska/Motto.jpg);
    background-size: auto auto, cover;
    background-repeat: repeat-x, no-repeat;
    background-position: 50% 0%, 50% 50%;
    background-color: #77c6e4;
}

@media screen and (orientation: portrait) {

.panelMotto {
    display: none;
}

}

@media screen and (orientation: landscape) and (min-width: 1024px) {

.panelMotto {
    background-size: auto auto, auto 200%;
}

}

.panelMotto .obsahPanelu {
    height: 40vh;
}

.homepage .panelMotto .obsahPanelu {
    height: 60vh;
}

.panelMotto .text {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 3rem;
    color: #ffffff;
    background-color: rgba(0,0,0,0.33);
    border-top-left-radius: 2.5rem;
    border-top-right-radius: 2.5rem;
}

.panelMotto .text * {
    text-align: center;
}

.panelMotto .text .text1 {
    font-size: 2rem;
    font-size: bold;
}



/* .panelMenu2 */

.panelMenu2 .obsahPanelu .komponentaMenu2 {
    display: flex;
    align-items: stretch;
    overflow: hidden;
}

@media screen and (orientation: portrait) {

.panelMenu2 .obsahPanelu .komponentaMenu2 {
    display: none;
}

}

.panelMenu2 .obsahPanelu .komponentaMenu2 li {
    display: block;
    flex-grow: 1;
    flex-basis: 100%;
	margin: 0 0.2rem 0.2rem 0;
	padding: 0;
    text-align: center;
    background-color: #7AB000;
}

.panelMenu2 .obsahPanelu .komponentaMenu2 li:last-child {
	margin-right: 0;
}

.panelMenu2 .obsahPanelu .komponentaMenu2 li a {
    display: block;
    font-size: 0.9rem;
    line-height: 1.2rem;
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 0.5rem;
}



/* .pomocnaNavigace */

.pomocnaNavigace {
    margin-bottom: 1rem;
}

.pomocnaNavigace .podslozky ul {
    display: block;    
}

.pomocnaNavigace .podslozky li {
    display: inline;    
    padding: 0;
    margin: 0;
}

.pomocnaNavigace .podslozky li:after {
    content: "\00a0|\00a0";
}

.pomocnaNavigace .podslozky li:last-child:after {
    content: "";
}

@media screen and (orientation: portrait) {

.pomocnaNavigace .podslozky li {
    display: block;    
    padding: 0;
    margin: 0;
}

.pomocnaNavigace .podslozky li:after {
    content: "";
}

.pomocnaNavigace .podslozky li:before {
    content: "> ";
}

}



/* .panelTelo */

.panelTelo {
    overflow: hidden;
	animation-duration: 3s;
	animation-name: fadeIn;
}

@keyframes fadeIn {
 	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}



/* .panelPaticka */

.panelPaticka {
    overflow: hidden;
    text-align: center;
}

.panelPaticka .panelCopyright {
    background: #000000;
    color: #ffffff;
    font-size: 0.75rem;
}

.panelPaticka .panelPartneri {
    border-top: 1px solid #565656;
}

.panelPaticka .panelPartneri .obsahPanelu {
    height: 15vh;
    margin-top: 1rem;
    margin-bottom: 1rem;
	background:
        url(Pampeliska/partner-mpsv.png) scroll no-repeat 5% center/15% auto,
		url(Pampeliska/partner-dubi.png)scroll no-repeat 28% center/15% auto,
		url(Pampeliska/partner-usteckykraj.png)scroll no-repeat 50% center/8% auto,
		url(Pampeliska/partner-jmpost.png)scroll no-repeat 72% center/15% auto,
        url(Pampeliska/partner-teplice.jpg)scroll no-repeat 95% center/15% auto;
}

.panelPaticka .panelKontakty {
    min-height: 35rem;
    background-color: #49832e;
    background-image: url(Pampeliska/Paticka.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.panelPaticka .motto {
    padding-top: 1rem;
}

.panelPaticka .motto .text {
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 3rem;
    color: #ffffff;
    background-color: rgba(0,0,0,0.33);
}

.panelPaticka .motto .text .text1,
.panelPaticka .motto .text .text2 {
    width: 62%;
}

.panelPaticka .motto .text .text1 {
    font-size: 2rem;
    font-size: bold;
}

.panelPaticka .panelKontakty .obsahPanelu .kontakty {
    border-radius: 1rem;
    padding: 1rem;
    margin: -6rem 0 0 auto;
    width: 33%;
    min-height: 15rem;
    background: #7AB000;
    color: #ffffff;
    text-align: left;
}

.panelPaticka .panelKontakty .obsahPanelu .kontakty a {
    color: #ffff99;
}

@media screen and (orientation: portrait) {

.panelPaticka .panelKontakty {
    min-height: 0;
    background-image: none;
}

.panelPaticka .motto {
    display: none;
}

.panelPaticka .panelKontakty .obsahPanelu .kontakty {
    border-radius: 0;
    margin: 0;
    padding: 1rem;
    width: auto;
    background: transparent;
}

}



/* .panelObsah */

.homepage h1,
.homepage .pomocnaNavigace {
    text-align: center;
}

.panelObsah {
    padding: 1rem 2rem 1rem 2rem;
    padding: 2rem 4rem 1rem 4rem;
    overflow: hidden;
}

.panelObsah .priloha {
    display: block;
}

.panelObsah .priloha img {
    display: block;
}

.panelObsah .prilohaL {
    float: left;
    margin-right: 1rem;
}

.panelObsah .prilohaP {
    float: right;
    margin-left: 1rem;
}

.panelObsah .stylBunkaStred .priloha {
    float: none;
    width: auto !important;
    margin-left: 0;
    margin-right: 0;
}

.panelObsah .stylBunkaStred .priloha img {
    display: block;
    margin: 0 auto 0 auto;
}

.panelObsah .priloha .text {
    display: block;
    text-align: center;
}

.panelObsah .sloupcovaSazba {
    width: 100%;
}

.panelObsah .sloupcovaSazba td {
    vertical-align: top;
}

@media screen and (orientation: portrait) {

.panelObsah {
    padding: 1rem 1rem 1rem 1rem;
}

table,
table tr,
table td {
	display: block;
	width: 100%;
	position: relative;
	left: 0;
	top: 0;
}

table td {
	float: left;
}

table colgroup,
table col {
	display: none;
}

}



/* Ytext */

.prilohaL {
	display: block;
	float: left;
	margin: 0 1rem 0 0;
}

.prilohaP {
	display: block;
	float: right;
	margin: 0 0 0 1rem;
}

td p:only-child .prilohaL:only-child,
td p:only-child .prilohaP:only-child {
    margin: 0;
}

.stylBunkaStred .priloha {
	float: none;
	margin: 0 auto 0 auto;
}

table {
	clear: both;
}

.stylVerzalky {
	text-transform: uppercase;
}

.stylBunkaVpravo {
	text-align: right;
}

.stylBunkaStred {
	text-align: center;
}

.stylPoznamka,
table td.stylPoznamka {
	font-size: 0.8rem;
}

.stylVelke {
	font-size: 2rem;
	line-height: 2.5rem;
}

.stylCervene {
	color: #cc0000;
}

.povinnePolicko,
.upozorneni,
.upozorneni a {
	color: #cc0000;
	font-weight: bold;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    background-color: rgba(255,255,255,0);
    color: rgba(255,255,255,0);
    border-top: 1px solid #AAAAAA;
}

@media print {

.panelHlavicka,
.panelPaticka {
    display: none;
}

}