/* cyrillic-ext */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v26/XRXI3I6Li01BKofiOc5wtlZ2di8HDDshdTk3j77e.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v26/XRXI3I6Li01BKofiOc5wtlZ2di8HDDshdTA3j77e.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v26/XRXI3I6Li01BKofiOc5wtlZ2di8HDDshdTs3j77e.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v26/XRXI3I6Li01BKofiOc5wtlZ2di8HDDshdTo3j77e.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v26/XRXI3I6Li01BKofiOc5wtlZ2di8HDDshdTQ3jw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*********** Administrácia ***********/
body {font-family: 'Nunito', 
	sans-serif; margin-top: 0; 
	background-color: #f9f9f9;
}

a {color: white; text-decoration: none;}
a:hover {color: orange;}

nav > ul > li {
    display:inline-block;
    padding: 8px 8px;
    border: 1px solid transparent;
}

h1 {font-size: 2em; color: #071330;}
h2 {font-size: 1.5em; color: #071330;}
h3 {font-size: 1.2em; color: #071330;}
hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(153, 85, 17, 0), rgba(153, 85, 17, 0.75), rgba(153, 85, 17, 0));
}

blockquote {
	font-style: italic;
}

div[name=aktuality] > p > a > img, div[name=aktuality] > p > img {width: 48%; height: auto;}

input[type=text] {
	width: calc(100% - 35px);
	padding: 10px 20px;
	border: 0px;
	background-color: rgba(255, 255, 0, 0.2);
	border-radius: 8px;
	box-shadow: rgba(255, 255, 0, 0.2) 0px 0px 20px;
}

input[type=submit] {
	margin-top: 20px;	
	padding: 3px 10px;
	border: 0px;
	border-radius: 8px;
	background-color: green;
	box-shadow: green 0px 0px 5px 1px;
	color: white;
}

#admin-nav {
	position: fixed;
	display: inline-block;
	top: 0;
	left: 0;
	width: 100%;
	background-color: green;
	color: white;
	text-align: left;
	z-index: 1000;
}
#admin-nav-ul {
	padding: 0;
	margin: 0;
	font-weight: bold;
}
#admin-nav-ul > li {padding: 2px 20px;}
#admin-nav a {color: white; text-decoration: none;}
#admin-nav a:hover {color: orange;}

#odhlasit {
	position: absolute;
	right: 15px;
	background-color: green;
}

fieldset > input[type=checkbox], input[type=file] {margin:0 20px 10px 50px;}

form[id=nastavenia-form] > fieldset {position: relative; top: 50px;}

form[id=nastavenia-form] input[type=text] {
	width:auto;
	margin: 0 0 20px 85px;
}

.nastavenia-field {
	background: whitesmoke;
	border: none;
	border-radius: 8px;
	margin-bottom: 15px;
}

.nastavenia-form-label {margin-left: 85px;}

fieldset[class=nastavenia-field] > legend {
	background: lightsteelblue;
	border: none;
	border-radius: 8px;
	font-weight: bold;
	font-size: 18px;
	padding: 0 15px;
} 

aside[id=aside-stranky] {
	position: relative;
	display: block;
	float: left;
	width: 20%;
	left: 10px;
	color: white;
}

iframe[id=frame-stranky] {
	position: relative;
	display: block;
	top: 50px;
	float:right;
	width: calc(80% - 30px);
	height: calc(100vh - 4px);
	background: url('obr/bg_pattern.png');
	border: 0;
}

iframe[id=aside-frame], iframe[id=aside-frame-pata] {
	position: relative;
	float: left;
	width: 20%;
	height: 100vh;
	margin-top: 30px;
	border-top: 0;
  border-left: 0;
  border-bottom: 0;
  border-right: 1px solid orange;
}

.ul-subory {
	list-style: none;
}

.li-obrazky, .li-dokumenty, .li-ostatne, .li-plagaty, .li-oznamy, .li-hlavicky  {
	font-size: 20px;
	font-weight: bold;
	margin-left: 30px;
}

li[id=li-obrazky] a,li[id=li-dokumenty] a,li[id=li-ostatne] a,li[id=li-plagaty] a,li[id=li-oznamy] a,li[id=li-hlavicky] a  {
	color: white;
	text-decoration: underline;
	text-decoration-style: dotted;
}

li[id=li-obrazky] a:hover,li[id=li-dokumenty] a:hover,li[id=li-ostatne] a:hover,li[id=li-plagaty] a:hover,li[id=li-oznamy] a:hover,li[id=li-hlavicky] a:hover  {
	color: #951;
}

ul[id=ul-subory] label {color: lightgray;}

.li-obrazky::before, .li-dokumenty::before, .li-ostatne::before, .li-plagaty::before, .li-oznamy::before, .li-hlavicky::before  {
	content: url('../obr/zlozka.png');
	font-size: 15px;
	margin-right: 10px;
	height: 22px;
	vertical-align: middle;
	display: inline-block;
}

.fieldset-subory {
	padding: 10px 20px;
  background-color: lightgray;
  border: 2px solid gray;
  border-radius: 8px;
  width: 200px;
}

.input-file-subory {
	border: 1px gray solid;
  border-radius: 5px;
	background-color: whitesmoke;
}

.a-vymaz-subor::before {
	content: url('../obr/delete.gif');
	font-size: 15px;
	margin-right: 10px;
	height: 22px;
	vertical-align: middle;
	display: inline-block;
}

.article-subory {
	width: 20%; 
	float: left; 
	padding-left: 15px;
}

/*********** Tlačítko hore ***********/
#tlacitko-hore {
	background: #999;
	position: fixed;
	bottom: 40px;
	right: 0;
	height: 40px;
	width: 50px;
	display: none;
	border: 0px solid #999;
	border-radius: 20px 0 0 20px;
	color:white;
}

#tlacitko-hore:hover {
	background-color: #d0d0b8;
}
.hidden {
  display: none;
  text-align: center;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: rgba(0,0,0,0.9);
  width: 100vw;
  height: 100vh;
}
/*********** Mobilné zobrazenie ***********/
@media screen and (max-width: 900px) {
	body {min-height: 100vh;}
	header {width: 100%; max-height:120px;}
	h1 {font-size: 1.2em}
	h2 {font-size: 1.1em}
	h3 {font-size: 1em}
	nav {width: 100%;}
	nav[class=nav-hlavne-menu] {display: none;}
	nav > ul > li {display: none;}
	nav[id=admin-nav] > ul > li {display: inline-block;}
	iframe[id="aside-frame-pata"] {height: 200px; top: 100px; position: relative; width: 100%}
	iframe[id="aside-frame-nastavenia"] {display: none;}
	iframe[id='frame-stranky'], iframe[id=aside-frame] {width: 100%; top: 80px;}
	aside[id=aside-stranky], aside[id=subory] article {width: 100%; margin: 0 -9px;}
	#obsah {width: 100%;}
	#admin-nav {position: fixed; top: 0px;}
	#hlavne-menu {height: 20px;}
	.submenu {position: relative; box-shadow: none;}
	.hamburger, .hamburger-r {display: block;}
	#hlavny-panel {width: calc(100% - 35px);}
	#bocny-panel {width: 70%; margin-left: 15%; box-shadow: none; padding-bottom: 80px;}
	#pata-1, #pata-2, #pata-3 {width: 100%;}
	#grid-footer {display: none;}
	#grid-footer-r {display: block;}
}