@charset "UTF-8";

/* bledomodrá #E8F1FA */
/* border: 1px solid red; */

/* =================== Všeobecné =================== */
body {
	font-family:  Constantia, Times new roman; /* Amiri, */
	/*font-size: 100%;*/
    background-color: white; /*#E8F1FA;*/
    color: black; /*#8E403A; /*#784315;*/
	margin: 0;
	padding: 0;
	border: 0;
}
/* Hlavný obsah všeobecne */
.hlavny-obsah {
	margin-left: 30%;
	width: 40%;
	/*position: absolute;*/
	top: -0px; /* -90px */
	/*border-right: solid white 1px;*/
	/*background-color: #E8F1FA;*/
}
.hlavny-obsah h2 {
	text-align: center;
	font-size: 27px;
	text-transform: uppercase;
	font-weight: normal;
	padding-top: 50px;
	padding-bottom: 20px;
}
.hlavny-obsah h3 {
	text-align: center;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: normal;
	margin-top: 100px;
}
.hlavny-obsah h4 {
	text-align: center;
	font-size: 20px;
	/*text-transform: uppercase;*/
	/*font-weight: normal;*/
	margin-top: 50px;
}
.hlavny-obsah ul {
	list-style-type: circle;		/* circle, square, disc */
}
.hlavny-obsah li {
	font-size: 20px;
	line-height: 1.4;
}
.hlavny-obsah p {
	line-height: 1.4;
	font-size: 20px;
	text-align: justify;
}
.clear {
	clear: both;
}
/* =================== Posun =================== */
.posun-dole {
	margin-top: 300px;
}
.medzera-dole {
	padding-bottom: 30px;
}
.medzera-hore {
	padding-top: 30px;
}
.medzera-hore-viac {
	padding-top: 80px;
}
/* =================== Základný text =================== */
address {
    font-size: 20px;
}
/* =================== Odkazy =================== */
a {
	font-size: 1em;
	font-style: normal;
	text-decoration: none;
}
a:focus,
a:hover {
	color: #e1b122;
	text-decoration: none;
}
a:active {
	color: #e1b122;
}
a.gold-a:hover {
	/*font-size: 1em;*/
	color: #e1b122; 
	text-decoration: none;
	/*letter-spacing: 0em;*/
}
.kontakt_odkaz {
	color: blue;
	font-style: italic;
	font-weight: bold;
}
.dlhsi-odkaz {
	color: black;
	font-style: italic;
	font-weight: bold;
}
.odkaz-clanok {
	color: black;
	font-style: italic;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.odkaz-obchodny-dokument {
	color: black;
	font-weight: bold;
	/*text-transform: uppercase;*/
	margin: 0;
	padding: 0;
}
.odkaz-na-vsetky {
	margin: 20px 0 30px 0;
}
.odkaz-dalej {
	margin: 20px 0 130px 0;
}
/* =================== Texty =================== */
.pre-text {
	white-space: pre;	/* tento text si zachová formátovanie */
}
.text-na-stred {
	text-align: center;
}
p.text-na-stred {
	text-align: center;
}
.text-na-stred p {
	text-align: center;
}
.novy-odstavec {
	margin-top: 60px;
}
.clanok h2 {
	margin-top: 50px;
	margin-bottom: 30px;
}
.clanok h3 {
	margin-top: 40px;
	margin-bottom: 25px;
}
.osobitny-text {
	padding: 0 5% 0 5%;
	border: 1px solid #5833b7;
}
.cena-1riadok {
	margin-bottom: 0;
	padding-bottom: 0;
}
.cena-2riadok {
	margin-top: 20px;
	margin-bottom: 40px;
	padding-top: 0;
	padding-bottom: 0;
}
.basen {
	margin-top: 0;
	padding-top: 0;
}
.basen p {
	text-align: center;
}
.basen h2 {
	margin-top: 0;
	padding-top: 0;
	text-align: center;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 20px;
}
.basne-zoznam {
	margin-top: 120px;
	padding-top: 0;
}
.basne-zoznam p {
	text-align: center;
	margin-top: 50px;
	/*font-size: 18px;
	font-weight: normal;*/
}
.basne-zoznam a {
	font-weight: bold;
	/*font-size:18px;*/
	color: black;
	font-style: italic;
	margin: 0;
	padding: 0;*/
}
.basne-zoznam a:focus,
.basne-zoznam a:hover,
.basne-zoznam a:active {
	color: #e1b122;
	text-decoration: none;
}
/* =================== Titles / Nadpisy =================== */
hgroup {
	margin: 0;
	padding: 0;
	border: 0;
}
hgroup h1, h2 {
	margin: 0;
}
.nadpis-stranky {
	margin: 0 15% 0 15%;
	width: 70%;
	text-align: center;	
}
h1.nazov-stranky-nadpis {
	font-size: 22px;
	/*text-align: center;*/
	/*margin: 0;*/
	/*letter-spacing: .0em;*/
	/*position: relative;*/
	/*top: -.2em;*/
}
h2.nazov-stranky-podnadpis {
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	margin: 40px 0 50px 0;
	text-transform: none;
	padding: 0;
}
h2.nazov-stranky-podnadpis-meno {
	font-size: 20px;
	margin: 25px 0 50px 0;
	text-transform: uppercase;
	padding: 0;
}
.nazov-sluzba {
	font-size: 25px;
}
.title-spacing {
	letter-spacing: .2em;
}
.nadpis-vlavo {
	text-align: left;
}
.nadpis-na-stred {
	text-align: center;
}
.datum-clanku {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
/* =================== Obrázky =================== */
.obrazok_div_jkt {
	margin-top: 50px;
	margin-bottom: 50px;
}
.obrazok_div_jkt div {
	width: 70%;
	height: 70%;
}
.obrazok_div_jkt img {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font: inherit;
	/*vertical-align: baseline;*/
}
.uvodny-obrazok-div {
	padding-top: 20px;
	padding-bottom: 30px;
}
.uvodny-obrazok-div-priestornejsi {
	padding-top: 110px;
	padding-bottom: 80px;
}
.posledny-obrazok-div-priestornejsi {
	padding-top: 90px;
	padding-bottom: 60px;
}
.div-img-na-stred {
	display: flex;
	justify-content: center;	/* horizontálne zarovnanie */
}
.div-img-zhora-zdola-priest {
	margin-top: 40px;
	margin-bottom: 20px;
	padding: 0;
}
.div-img-na-stred img {
	max-width: 100%; /* Zabezpečí, aby obrázok neprerástol do svojho kontajneru */
	/*width: 50%;
	height: auto;*/
	min-width: 300px;
	padding: 1% 0% 1% 0%;
}
.div-img-na-stred-50 { /* img je v div kvôli zarovnaniu na stred */
	display: flex;
	justify-content: center;	/* horizontálne zarovnanie */
	/*align-items: center;*/	/* ??? vertikálne zarovnanie */
	/*height: 100vh; /* 100% výška viewportu */
}
.div-img-na-stred-50 img {
	max-width: 100%; /* Zabezpečí, aby obrázok neprerástol do svojho kontajneru */
	width: 50%;
	height: auto;
	min-width: 300px;
	padding: 1% 0% 1% 0%;
}
.img-maly {
	width: 15%;
	min-width: 150px;
	padding: 0 3% 1% 1%; 
}
.vlavo-float {
	float: left;
}
.vlavo-float-50-prvy {
	width: 48%;
	padding: 0 3% 3% 0;
	float: left;
	min-width: 300px;
}
.vlavo-float-50 {
	width: 48%;
	padding: 3% 3% 3% 0;
	float: left;
	min-width: 300px;
}
.vpravo-float {
	float: right;
}
.vpravo-float-50-prvy {
	width: 48%;
	padding: 0 0 3% 3%;
	float: right;
	min-width: 300px;
}
.vpravo-float-50 {
	width: 48%;
	padding: 3% 0 3% 3%;
	float: right;
	min-width: 300px;
}
/* =================== Odkaz na 1 dokument =================== */
.div-img-dokument-na-stred {
	display: flex;
	justify-content: center;	/* horizontálne zarovnanie na stred */
	/*align-items: center;*/	/* ??? vertikálne zarovnanie */
	/*height: 100vh; /* 100% výška viewportu */
}
.div-img-dokument-na-stred a {
	/*justify-content: center;	/* horizontálne zarovnanie na stred */
	/*display: flex;*/
	max-width: 100%; /* Zabezpečí, aby obrázok neprerástol do svojho kontajneru */
	width: 40%;
	height: auto;
	min-width: 300px;
}
.div-img-dokument-na-stred a figure {
	margin-right: 0;
	margin-left: 0;
}
.img-dokument-na-stred {
	width: 100%;
	min-width: 300px;
}
.div-img-dokument-2 {
	width: 60%;
	padding: 0 20% 0 20%;
}
.img-dokument-2 {
	width: 49%;
	min-width: 300px;
}
.div-img-dokument-2 figcaption {
	text-align: center;
}
/* ---------------------- do 720 px alebo zariadenia s vyššou hustotou px: 2dppx=2 dots per pixel ----------------------*/
@media only screen and (max-width: 720px), 
       only screen and (min-resolution: 2dppx) and (orientation: portrait),
       only screen and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
	.hlavny-obsah {
		margin-left: 10%;
		margin-right: 10%;
		width: 80%;
		position: relative;
		top: 250px;
	}
		
}