/*Farba pozadia*/
body {
 	background-color: lightblue;		/*farba pozadia*/
}

/*Ina farba pozadia na mensich zariadeniach*/
@media screen and (min-width: 992px) {
	body {
		background-color: tan;
	}
}

/*Velky biely nadpis "Horny Bar"*/
h1 {
 	color: white;				/*farba textu*/
 	text-align: center;			/*text bude v strede*/
 	font-size: 30px;			/*velkost pisma*/
}

/*"O obci"*/
h2 {
	color: blue;
	text-align: left;
}

/*"Zakladne informacie"*/
h3 {
	text-align: center;
}

/*Vsetky paragrafy*/
p {
 	font-family: verdana;			/*font pisma*/
 	font-size: 20px;
 	padding: 5px;				/*vnutorny okraj*/
 	border-style: solid;			/*typ okraja*/
 	background-color: lightblue;		/*farba okraja*/
}

/*"Obec Horny Bar je obec..."*/
#inafarba {
	color: blue;
}

/*Footer*/
#footer {
	padding: 10px;
	border-style: solid;
	text-align: center;
}

/*Logo*/
.logo {
	display: block;				/*zobrazi sa ako blok*/
  	margin-left: auto;			/*vzdialenost z lava*/
  	margin-right: auto;			/*vzdialenost z prava*/
	width: 250px;				/*sirka*/
	height: 287px;				/*vyska*/
	padding: 15px;
	border: 1px solid black;		/*okraj*/
	border-radius: 15px;			/*zaoblenie okraja*/
	background-color: lightblue;
}

/*Navigacia*/
#nav {
	list-style-type: none;			/*typ zoznamu*/
	display: flex;				/*zobrazi sa ako flex box*/
	justify-content: center;		/*zarovna do stredu horizontalne*/
	align-items: center;			/*zarovna do stredu vertikalnes*/
	margin-left: 100px;
	margin-right: 100px;
	border-style: solid;
	padding: 10px;
	background-color: lightblue;
}

/*Sekcia "Zakladne informacie"*/
dl {
	width: 300px;
	margin: auto;				/*vonkajsi okraj*/
	padding: 15px;
	border-style: double;
	background-color: lightblue;
}

/*Kraj/okres:...*/
dt {
	font-family: verdana;
	font-size: 25px;
	padding: 5px;
}

/*"Trnavsky kraj,..."*/
dd {
	font-size: 20px;
	padding: 5px;
	border-bottom-style: solid;		/*okraj iba z dola*/
}

/*Navigacna mapa*/
#mapa {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border-style: solid;
}

/*Kontakt na tvorcu stranky*/
ol {
	width: 300px;
	margin: auto;
	border-style: double;
	background-color: lightblue;
}

/*Obrazky v galerii*/
table, th, td {
	margin: 15px;
	padding: 10px;
	border-style: solid;
	border-collapse: collapse;
	background-color: lightblue;
}

/*Jednotlive obrazky v galerii*/
.obrazok {
	flex: left;				/*obtekanie textu okolo obrazku*/
	width: 300px;
	height: 250px;
	border-radius: 15px;
}

/*Obrazok sa zvacsi po ukazani kurzorom*/
img:hover {
	transform: scale(1.1);
}

/*Video v galerii*/
video {
	width: 240px;
	height: 320px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	border-style: solid;
	background-color: lightblue;
}

/*Audio v galerii*/
audio {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	border-style: solid;
	background-color: lightblue;
}