:root {
  --tlacidlo-bgcolor: #1882a5;
  --tlacidlo-bgcolor-green: #0a8f53;
  --tlacidlo-bgcolor-hover: #126f8e;
  --tlacidlo-bgcolor-green-hover: hsl(153, 87%, 21%);
  --ziara-tlacidlo: #7a7a7a;
  --tlacidlo-pismo-color: white;
}

* {
  margin: 0;
  padding: 0;
}

html {
  font-size: 62.5%;
}

::-moz-selection {
  color: #fff;
  background: #1864ab;
}

::selection {
  color: #fff;
  background: #1864ab;
}

/*
::selection {
	color: #0d3458;
	background: #d0ebff;
}
*/


body {
  height: 100%;
  text-align: center;
  font: 1.2em Verdana, Arial, Helvetica, sans-serif;
  background-color: #f9f9f9;
  /*background-color: #ACCEF3;*/
  min-width: 1200px;
  padding-bottom: 80px;
}

a:link,
a:visited {
  color: #00598D;
}

a:hover {
  text-decoration: none;
}

.cleaner {
  clear: both;
  height: 0;
  font-size: 0;
  visibility: hidden;
}

.noscreen {
  display: none;
}


h1 {
  font-family: 'Rubik', sans-serif;
  font-size: 2rem;
  letter-spacing: 2px;
  /*background: url('../img/h1-bg.gif') no-repeat 0 50%;*/
  /*padding-left: 35px;*/
  margin: 2.8rem 0 2rem 0;
  color: #1864ab;
  font-weight: 600;
  text-transform: uppercase;

}

h2 {
  font-family: 'Rubik', sans-serif;
  font-size: 1.8rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .2rem;
  color: #1864ab;
  margin-top: 2.6rem;
  margin-bottom: 2rem;
}

h3 {
  font-family: 'Rubik', sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .2rem;
  color: #1864ab;
  margin-top: 2.6rem;
  margin-bottom: 2rem;
}

.menu__nadpis {
  /* background-color: #1372c6; */
  background-color: #0e5088;
  color: #fff;
  margin-top: .3rem;
  margin-bottom: 0;
  padding: 1.2rem 2rem;
  clear: both;
}

.menu__nadpis--o-skole {
  margin-top: .3rem;
}

.submenu__anchor {
  padding: .8rem 1.4rem;
}


li {
  font-family: 'Rubik', sans-serif;
  font-size: 1.6rem;
}


#wrapper {
  width: 1200px;
  margin: 0 auto 0 auto;
  position: relative;
  background: #FFFFFF url(../img/bg.gif) repeat-y center top;
  display: table;
  text-align: left;
}

#header {
  margin: 0 auto;
  height: 200px;
  position: relative;
  background: #004E6C url('../img/banner_2024.png');
  background-size: 1200px 200px;
}


/*TOPBAR – navigacia a ikony*/

.topbar {
  display: flex;
  justify-content: space-between;
  align-items: center;

  height: 5rem;
  padding: 0 4rem;
  background-color: #0d3961;
  font-size: 1.6rem;
  border-bottom: 0.2rem solid #eee;
}

.topbar__navigation--ul {
  display: flex;
  justify-content: space-around;
  gap: 3.2rem;
}

.topbar__ikony {
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 3rem;
}

.top__ikony--flex-contajner {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.topbar__ikony--icon {
  width: 3rem;
  height: 3rem;
  transition: all 0.2s;
}

.topbar__ikony--icon-casopis {
  width: 13rem;
  height: 3rem;
  transition: all 0.2s;
}

.topbar__ikony--icon:hover,
.topbar__ikony--icon-casopis:hover {
  transform: scale(1.08);
}

.topbar__navigation--ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  list-style-type: none;
}

.topbar__navigation--anchor:link,
.topbar__navigation--anchor:visited {
  font-family: 'Rubik', sans-serif;
  color: #fff;
  text-decoration: none;
  padding: .4rem 0;
  border-bottom: 1px solid transparent;
  transition: all .35s;
}

.topbar__navigation--anchor:hover,
.topbar__navigation--anchor:active {
  padding: .4rem 0;
  border-bottom: 1px solid rgb(246, 255, 197);
}

/*TOPBAR – navigacia a ikony - KONIEC*/


/* .cleaning-box { 
min-height: 1px;
}

.cleaning-box:after {
display: block; 
clear: both; 
visibility: hidden; 
height: 0; 
font-size: 0; 
content: ' ';
} */

#content-box {
  width: 100%;
  margin: 0 auto;
  color: #151515;
  position: relative;
}

#content-box-in {
  width: 100%;
}

.content-box-left {
  float: left;
  width: 220px;
  margin-bottom: 4em;
  background-color: #DBF3FF;
}

.content-box-right {
  float: left;
  width: 760px;
  margin-bottom: 4em;
  background-color: #fff;
}

.content-box-left-in {
  margin: 0 0 0 0;
}

.content-box-left-in a.jedalny-listok {
  display: block;
  width: 100%;
  margin: 5px 0 0 10px;
  text-decoration: none;
}

.content-box-left-in a.jedalny-listok:hover {
  display: block;
  text-decoration: underline;
  margin: 5px 0 0 10px;
  color: #119ef0;
}

.loga {
  width: 200px;
  margin: 10px auto 0 auto;
  font-size: 0;
}

.loga .row {
  margin-bottom: 10px;
  overflow: hidden;
}

.loga .row:last-child {
  margin-bottom: 0px;
}

.logo-pravy-okraj {
  margin-right: 10px;
}

.loga img {
  border: 0;
  /*odstranenie medzier v IE7*/
  display: block;
  float: left;
}

.loga a {
  border: 0;
  text-decoration: none;
}


.logo-nsk {
  width: 220px;
  margin: 0;
}

.logo-nsk .row {
  margin-bottom: 0;
  overflow: hidden;
}

.logo-nsk img {
  border: 0;
  display: block;
  float: left;
}

.logo-nsk a {
  border: 0;
  text-decoration: none;
}

.content-box-right-in {
  margin: 0.4em 3em 0 3em;
}

#column-left-bottom {
  background: #DBF3FF url('../img/column-right-bottom.gif') no-repeat 0 0;
  width: 220px;
  height: 20px;
  clear: both;
}

.gallery {
  margin-top: 18px;
}

.gallery a img {
  padding: 7px;
  margin: 0 6px 16px 0;
  border: 1px solid #e6e6e6;
  background-color: #FBFBF8;
  height: 160px;
}

.gallery a:hover img {
  border: 1px solid #cccccc;
  background-color: #f3f3f3;
}

.gallery-uspesnych {
  margin-top: 18px;
}

.gallery-uspesnych a img {
  padding: 7px;
  margin: 0 6px 16px 0;
  border: 1px solid #e6e6e6;
  background-color: #FBFBF8;
  float: none;
}

.gallery-uspesnych a:hover img {
  border: 1px solid #cccccc;
  background-color: #f3f3f3;
}

address {
  font-family: 'Rubik', serif;
  font-style: normal;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 1.5;
  margin-bottom: .7rem;
  margin-left: .7rem;
}


#menu {
  width: 220px;
  position: relative;
  text-align: left;
}

#menu ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

#menu li {
  float: left;
  position: relative;
  width: 220px;
  transition: all .25s;
}

#menu li a {
  display: flex;
  align-items: center;

  border-bottom: #A9D4EF 1px solid;
  width: 220px;
  height: 4.4rem;
  /*background-image: url('../img/tlacidlo-off.jpg');*/
  color: #072642;
  font-size: 1.5rem;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
}


.submenu-ul,
.submenu,
.submenu__anchor {
	/*width: 30rem;*/
  z-index: 2;
}



* html #menu li a {
  width: 220px;
  position: relative;
  overflow: hidden;
  transition: all .25s;
}

#menu li a,
#menu li a {
  transition: all .25s;
}

#menu li ul {
  position: absolute;
  display: none;
  width: 30rem;
  top: 0;
  left: 22.2rem;
}

* html #menu li ul {
  display: block;
  margin-top: -1px;
}

#menu li:hover {
  background-color: #f2f2f2;
}

#menu li a:hover,
#menu li:hover a {
  /*background-image: url('../img/tlacidlo-on.jpg');*/
  /*color: #2666C3;*/
  transform: scaleX(1.04);
  transform: translateX(1.1);
  overflow: visible;

}

#menu li:hover ul {
  display: block;
}

#menu li li a,
#menu li:hover li a {
  color: #072642;
  font-size: 1.5rem;
  font-weight: 400;
  background-color: #def2fc;
  width: 30rem;
  height: 3.2rem;
}

* html #menu li li a,
* html #menu li:hover li a {
  height: 2.6rem;
  padding-left: 1.5rem;
}

#menu li li a:hover,
#menu li:hover li a:hover {
  background-color: #f2f2f2;
  /* color:#fff; */
  color: #072642;
}

.novinka {
  clear: both;
  margin-top: 2rem;
  margin-bottom: 2.6rem;
  font-family: 'Rubik', serif;
  font-size: 130%;
  line-height: 2.6rem;
  padding: 2rem 3.5rem;
  /* border: 1px rgb(255,0,0) solid; */
  /* border-bottom: #BAC8EA 1px dotted; */

  /* new 2022-02-12*/
  box-shadow: 0px 0px 15px rgb(195, 195, 195);
  /*
		transition-property: box-shadow;
    transition-duration: 0.1s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
		*/
}

.novinka:hover {
  /* new 2022-02-12*/
  /*transition: box-shadow 0.1s ease-in-out;*/
  box-shadow: 0px 0px 25px rgb(163, 163, 163);
  transition-property: box-shadow;
  transition-duration: 0.1s;
  transition-timing-function: ease-in-out;
  transition-delay: 0s;
}

.novinka img {
  float: left;
}

a.oznam {
  background-color: transparent;
  color: #004B81;
  font-size: 1.7rem;
  font-weight: 500;
  border-bottom: #BAC8EA 1px dotted;
  display: block;
  cursor: pointer;
  margin-bottom: 5px;
  text-decoration: none;
  width: 100%;
}

a.oznam:hover {
  background-color: transparent;
  color: #004B81;
}

span.oznam {
  background-color: transparent;
  color: #004B81;
  font-size: 1.17em;
  font-weight: bold;
  /*font-style: italic;*/
  border-bottom: #BAC8EA 1px dotted;
  display: block;
  margin-bottom: 5px;
  text-decoration: none;
  width: 100%;
}


table.standard {
  border: 1px rgb(255, 255, 255) solid;
  border-collapse: collapse;
}

table.standard th {
  border: 1px rgb(255, 255, 255) solid;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
  /* color: #F7F7F7;
	background-color: #005E85; */
  width: 250px;
  padding: 5px;
  text-align: left;
  /*kvoli opere*/
}

table.standard td {
  border: 1px rgb(255, 255, 255) solid;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
  color: #000000;
  /* font-weight:normal; */
  width: 250px;
  padding: 5px;
}

table.standard A {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
  color: #00598D;
  /* font-weight:normal; */
}

table.standard TR.row1 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
  background-color: #C8D5F5;
}

table.standard TR.row2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
  background-color: #EBF0FC;
}

table.zoznam {
  border-collapse: collapse;
}

table.zoznam th {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
  font-weight: bold;
}

table.zoznam td {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
  border-bottom: 2px rgb(255, 255, 255) solid;
  padding: 3px 5px 3px 5px;
}

table.zoznam TR.row1 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
  background-color: #C8D5F5;
  line-height: 24px;
}

table.zoznam TR.row2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
  background-color: #EBF0FC;
  line-height: 24px;
}

table.zoznam2 {
  border-collapse: collapse;
}

table.zoznam2 td {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
  /* padding-right: 1em; */
  border-bottom: 2px rgb(255, 255, 255) solid;
  padding: 2px 8px 2px 8px;
}

table.zoznam2 TR.row1 {
  background-color: #C8D5F5;
  height: 2em;
}

table.zoznam2 TR.row2 {
  background-color: #EBF0FC;
  height: 2em;
}

/* klasicky vzhlad tabulky */
table.classic {
  border: 1px rgb(0, 0, 0) solid;
  border-collapse: collapse;
  margin-top: 1em;
  margin-bottom: 1em;
}

table.classic th {
  border: 1px rgb(0, 0, 0) solid;
  padding: 5px;
  text-align: left;
  /*kvoli opere*/
}

table.classic td {
  border: 1px rgb(0, 0, 0) solid;
  padding: 5px;
}



.content-box-right-in ul {
  padding-left: 35px;
  line-height: 1.9;
  text-align: justify;
}

.content-box-right-in ol {
  padding-left: 35px;
  line-height: 1.9;
  text-align: justify;
}



img.left {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}

img.right {
  float: right;
  margin-left: 20px;
  margin-bottom: 20px;
}

div.riad {
  margin: 7px 15px 3px 20px;
  font-size: 1em;
  clear: both;
}

#albums {
  float: left;
  /* width: 586px; */
  width: 644px;
  border: 0px solid gray;
  /* font-size: 10px; */
}

.album {
  margin: 0px 10px 15px 0;
  padding: 10px 0px 10px 10px;
  float: left;
  /* width: 265px; */
  width: 300px;
  border: 1px solid #EEEEEE;
  background: #F8F8FB;
  line-height: 100%;
  height: 95px;
}

.album .thumb {
  text-decoration: none;
  float: left;
  margin-right: 6px;
}

.album h3 {
  padding: 0;
  margin: 0px;
}

.albumdesc {
  height: 90px;
  /* width: 160px; */
  width: 195px;
  float: left;
}

#albums h3 {
  font-family: 'Rubik', sans-serif;
  color: #0a4f77;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.6rem;
  margin-bottom: 0.8rem;
}

#albums p {
  text-align: left;
  font-size: 0.95em;
  line-height: 1.3em;
  margin-bottom: 1em;
  margin-top: 0.5em;
  clear: both;
}

#albums a:link {
  text-decoration: none;
  color: #3C81A2;
  border-bottom: 0px dotted;
}

#albums a:visited {
  text-decoration: none;
  color: #3C81A2;
  border-bottom: 0px dotted;
}

#albums a:active {
  text-decoration: none;
  color: #002E5B;
  border-bottom: 0px dotted;
}

#albums a:hover {
  text-decoration: none;
  color: #002E5B;
  border-bottom: 0px dotted;
}

#albums img {
  border: 0;
}

/* #highlights {
	margin: 10px 0px 0px 0px;	
	padding: 10px 0px 10px 10px;
	float: left;
	text-align: center; 
	//width: 586px;
	width: 570px;
	height: 100%; 
	border: 1px solid #EEEEEE;
	background: #F8F8FB;		 
	line-height: 100%;
}

#highlights p{
	text-align: center;
}

#highlights a{
		background-color: transparent;
		color: #004B81;
		font-size: 14px;
		font-weight: bold;
		font-style: italic;
		display: block;
		cursor: pointer;
		margin-bottom: 5px;
		text-decoration: none;
		width: 100%;
}

#highlights a:hover{
		background-color: transparent;
		color: #004B81;
} */

#zahranicie p {
  margin: 0;
}

#zahranicie ul {
  margin-bottom: 1em;
}

#img_v_clanku,
.novinka img {
  border: 1px solid #BCBCBC;
  border-radius: 0px;
  padding: 3px;
  box-shadow: 2px 2px 3px rgba(186, 186, 186, 0.6), -2px -2px 3px rgba(186, 186, 186, 0.6);
}

.novinka img.img-with-shadow,
.novinka img,
.content-box-right-in img {
  float: left;
  /*box-shadow: 6px 6px 4px #AAAAAA;*/
  margin: 4px 15px 20px 0;

  border: 1px solid #BCBCBC;
  border-radius: 0px;
  padding: 3px;
  box-shadow: 2px 2px 3px rgba(186, 186, 186, 0.6), -2px -2px 3px rgba(186, 186, 186, 0.6);
}

#albums .album .thumb a img {
  float: left;
  /*box-shadow: 6px 6px 4px #AAAAAA;*/
  margin: 0;

  border: 0;
  border-radius: 0;
  padding: 2px;
  box-shadow: 2px 2px 3px rgba(186, 186, 186, 0.6), -2px -2px 3px rgba(186, 186, 186, 0.6);
}

table#sach tr {
  text-align: center;
  height: 2em;
}

table#sach tr:nth-child(even) {
  background-color: #e9d8c9;
}

table#sach tr:nth-child(odd) {
  background-color: #f0e5db;
}

table#sach td:nth-child(1),
table#sach td:nth-child(3) {
  font-weight: bold;
  color: #614429;
}


table#blue tr {
  text-align: center;
  height: 2.4rem;
}

table#blue tr:nth-child(even) {
  background-color: #daf6fb;
}

table#blue tr:nth-child(odd) {
  background-color: #b0e3f9;
}

table#blue td {
  padding: 5px 9px;
  font-family: Rubik;
  font-size: 1.4rem;
}

/*table#blue td:nth-child(1),
table#blue td:nth-child(3) {
  font-weight: bold;
  color: #614429;*/

/* kusovky */

.hrubecervene {
  font-weight: bold;
  color: rgb(185, 64, 64);
}

.hrubezelene {
  font-weight: bold;
  color: rgb(39, 124, 76);
}

ul#dokumenty li {
  margin-bottom: 0.8em;
}

#zvyraznenie {
  font-size: 115%;
  font-weight: bold;
  color: #574e1b;
}

#menopriezvisko {
  font-size: 110%;
  font-weight: bold;
  font-style: italic;
  color: rgb(119, 104, 18);

}

.doraz {
  color: #c22292;
  font-weight: bold;
  font-style: italic;
}

#center_div {
  margin: auto;
}

.ibapridavanienovychhodnot {
  font-size: 120%;
  color: #a01494;
  text-shadow: #cecece;
}

.erasmus-link:link,
.erasmus-link:visited {
  color: #1864ab;
  background-color: rgb(227, 255, 251);
  border-radius: 8px;
  padding: 0.2rem 0.5rem;
  border-radius: .5rem;
}

.erasmus-link:hover,
.erasmus-link:active {
  color: #0f6960;
  background-color: rgb(134, 212, 200);
  border-radius: 4px;
  padding: 0.2em 0.5em;
}

.erasmus-li li {
  list-style-type: none;
  margin: 1.8rem 0;
  padding: 0.4rem 1rem;
  color: #0a4f77;
  background-color: #dcf2ff;
  border-radius: 4px;
}

.erasmus-li li:hover {
  background-color: #c7e5f6;
}

.erasmus-li li a:link,
.erasmus-li li a:visited {
  display: block;
  font-family: 'Rubik', sans-serif;
  font-size: 1.6rem;
  padding: 0.2em 0.5em;
  text-decoration: none;
}

.erasmus-li li a:hover,
.erasmus-li li a:active {
  display: block;
  font-family: 'Rubik', sans-serif;
  font-size: 1.6rem;
  padding: 0.2em 0.5em;
  text-decoration: none;
}

.erasmus-disp-flex {
  display: flex;
}

.img-border-none {
  border: none !important;
  box-shadow: none !important;
}

.maturita,
.maturita th,
.maturita tr,
.maturita td {
  border: 1px solid rgb(11, 78, 78);
  border-collapse: collapse;
  text-align: center;
  vertical-align: middle;
}

.maturita {
  width: 100%;
  margin-bottom: 1.5em;
  ;
}

.maturita th,
.maturita td {
  padding: 0.3em 0.6em;
}

.maturita th {
  background-color: #2a7685;
  color: #fff;
}

.maturita tr:nth-child(2n+1) {
  background-color: #f9f4eb;
}

.maturita tr:nth-child(2n) {
  background-color: #f8e7d0;
}

.btn-1 {
  padding: 0.5em 1em;
  text-decoration: none;
  background-color: white;
}

.float-right {
  float: right;
}

.prezentacia-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  row-gap: 16px;

  width: 40%;
  color: #1864ab;
  font-weight: 400;
  background-color: #f1f0e8;
  margin: 1em 0 1em 1em;
  padding: 3.5em 2em;
  flex-direction: column;

  clip-path: circle(50% at 50% 50%);
  -webkit-shape-outside: circle(50% at 50% 50%);
  shape-outside: circle(50% at 50% 50%);
}

#prezentacia-img,
#m-nula {
  margin: 0;
}

#m-nula {
  font-family: 'Rubik', sans-serif;
  font-size: 0.9;
}

.centruj {
  text-align: center;
}

#prezentacia__linka:link,
#prezentacia__linka:visited {
  color: #495057;
  text-decoration: none;
}

#prezentacia__linka:hover,
#prezentacia__linka:active {
  color: #212529;
  text-decoration: none;
}

.nedostupny_dokument {
  color: #888;
}

.ul_zoznam li,
.ul_zoznam li a {
  font-size: 16px;
  font-family: 'Rubik', serif;
}

.ul_zoznam li {
  padding-bottom: 7px;
  ;
}

p,
.odstavec {
  font-family: 'Rubik', sans-serif;
  font-size: 1.6rem;
  line-height: 2;
  margin-bottom: .8rem;
  text-align: justify;
}


.tabulka-odstavec {
  border: 1px rgb(0, 0, 0) solid;
  border-collapse: collapse;
  margin-top: 1em;
  margin-bottom: 1em;
  font-family: 'Rubik', sans-serif;
  font-size: 1.4rem;
}

.tabulka-odstavec th {
  border: 1px rgb(0, 0, 0) solid;
  padding: 5px;
  text-align: left;
  /*kvoli opere*/
}

.tabulka-odstavec td {
  border: 1px rgb(0, 0, 0) solid;
  padding: 5px;
}

.nadpis {
  font-family: 'Rubik', sans-serif;
  font-size: 16px;
  font-weight: 600;
  margin-top: 20px;
}

.h1-new,
.h2-new,
.h3-new,
.h3-new-tmavy {
  font-family: 'Rubik', sans-serif;
  font-size: 2rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .2rem;
  color: #1864ab;
  margin-top: 2.8rem;
  margin-bottom: 2rem;
}

.h2-new {
  font-size: 1.8rem;
  color: #1c7ed6;
}

.h3-new-tmavy {
  font-size: 1.6rem;
  color: #343a40;
}

.h3-new {
  font-size: 1.6rem;
  color: #1c7ed6;
}

.dolny-margin-8 {
  margin-bottom: .8rem !important;
}

.dolny-margin-12 {
  margin-bottom: 1.2rem !important;
}

.dolny-margin-14 {
  margin-bottom: 1.4rem !important;
}

.dolny-margin-18 {
  margin-bottom: 1.8rem !important;
}

.dolny-margin-20 {
  margin-bottom: 2rem !important;
}

.dolny-margin-24 {
  margin-bottom: 2.4rem !important;
}

.dolny-margin-28 {
  margin-bottom: 2.8rem !important;
}

.dolny-margin-36 {
  margin-bottom: 3.6rem !important;
}

.dolny-margin-40 {
  margin-bottom: 4rem !important;
}

.horny-margin-8 {
  margin-top: .8rem !important;
}

.horny-margin-14 {
  margin-top: 1.4rem !important;
}

.horny-margin-16 {
  margin-top: 1.6rem !important;
}

.horny-margin-18 {
  margin-top: 1.8rem !important;
}

.horny-margin-20 {
  margin-top: 2rem !important;
}

.horny-margin-24 {
  margin-top: 2.4rem !important;
}

.horny-margin-28 {
  margin-top: 2.8rem !important;
}

.horny-margin-36 {
  margin-top: 3.6rem !important;
}

.horny-margin-40 {
  margin-top: 4rem !important;
}

.horny-margin-56 {
  margin-top: 5.6rem !important;
}

.lavy-margin-10 {
  margin-left: 1rem !important;
}

.float-right {
  float: right !important;
}

.red6 {
  color: #fa5252;
}

.ul-li-margin-bottom-8 li {
  margin-bottom: .8rem;
}

.ul-li-margin-bottom-12 li {
  margin-bottom: 1.2rem;
}

.no-shadow-no-border {
  border: none !important;
  box-shadow: none !important;
}

.no-shadow-no-border-no-margin {
  border: none !important;
  box-shadow: none !important;
  margin: 0 !important;
}

.scaling:link,
.scaling:visited {
  display: block;
  text-decoration: none;
  transition: all 0.25s;
}

.scaling:hover,
.scaling:active {
  transform: scale(1.01);
  color: #228be6;
}

.scaling-without-link {
  display: block;
  text-decoration: none;
  transition: all 0.25s;
}

.scaling-without-link:hover {
  transform: scale(1.01);
  color: #228be6;
}

.ml-16 {
  margin-left: 1.6rem;
}

.text-ind-40 {
  text-indent: 4rem;
}

/* 2022-09-01 */

.container {
  display: flex;
  justify-content: center;
}

.container-2 {
  display: flex;
  justify-content: space-around;
}

.container-casopis {
  display: flex;
  justify-content: space-between;
  margin-top: -33px;
}

.casopis-obsah-img {
  width: 30rem;
}


.btn22:link,
.btn22:visited {
  display: inline-block;
  font-family: 'Rubik', sans-serif;
  padding: 1.2rem 3rem;
  background-color: var(--tlacidlo-bgcolor);
  border-radius: 8px;
  text-decoration: none;
  color: var(--tlacidlo-pismo-color);
  font-size: 1.6rem;
  transition: all 0.45s;
}

.btn22:hover,
.btn22:active {
  background-color: var(--tlacidlo-bgcolor-hover);
  animation: glow 0.6s infinite alternate;
}

.btn22-orangered:link,
.btn22-orangered:visited {
  display: inline-block;
  font-family: 'Rubik', sans-serif;
  padding: 1.2rem 3rem;
  background-color: orangered;
  border-radius: 8px;
  text-decoration: none;
  color: var(--tlacidlo-pismo-color);
  font-size: 1.6rem;
  transition: all 0.45s;
}

.btn22:hover,
.btn22:active {
  background-color: var(--tlacidlo-bgcolor-hover);
  animation: glow 0.6s infinite alternate;
}


.toggle-btn:link,
.toggle-btn:visited {
  display: inline-block;
  font-family: 'Rubik', sans-serif;
  padding: 1.2rem 3rem;
  background-color: var(--tlacidlo-bgcolor);
  border-radius: 8px;
  text-decoration: none;
  color: var(--tlacidlo-pismo-color);
  font-size: 1.6rem;
  transition: all 0.45s;
}

.toggle-btn:hover,
.toggle-btn:active {
  background-color: var(--tlacidlo-bgcolor-hover);
  animation: glow 0.6s infinite alternate;
}


.btn22-green:link,
.btn22-green:visited {
  display: inline-block;
  font-family: 'Rubik', sans-serif;
  padding: 1.2rem 3rem;
  background-color: var(--tlacidlo-bgcolor-green);
  border-radius: 8px;
  text-decoration: none;
  color: var(--tlacidlo-pismo-color);
  font-size: 1.6rem;
  transition: all 0.45s;
}

.btn22-green:hover,
.btn22-green:active {
  background-color: var(--tlacidlo-bgcolor-green-hover);
  animation: glow 0.6s infinite alternate;
}

@keyframes glow {
  from {
    box-shadow: 0 0 1.2rem var(--ziara-tlacidlo);
  }

  to {
    box-shadow: 0 0 2.6rem var(--ziara-tlacidlo);
  }
}

.btn22-light-green:link,
.btn22-light-green:visited {
  display: inline-block;
  font-family: 'Rubik', sans-serif;
  padding: 1.2rem 3rem;
  background-color: #ebfbee;
  border-radius: 8px;
  text-decoration: none;
  color: #0a4331;
  font-size: 1.6rem;
  transition: all 0.25s;
}

.btn22-light-green:hover,
.btn22-light-green:active {
  background-color: #d3f9d8;
}


.footer {
  display: flex;
  width: 100%;
  background-color: #1c7ed6;
  min-height: 28rem;
  box-shadow: 0 1.2rem 3rem #228be6;
}

.footer__flex-item-01 {
  flex: 0 1 40%;

  display: flex;
  justify-content: center;
  align-items: center;
}

.footer__logo {
  width: 24rem;
  height: 22rem;
}

.footer__flex-item-02 {
  flex: 0 1 60%;
  width: 66%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  color: #fff;
  font-family: "Rubik", sans-serif;
  font-size: 1.6rem;
  margin: 0 auto;
}

.footer__text--h2-new {
  align-self: flex-start;
  width: 66%;

  font-family: 'Rubik', sans-serif;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 4px;

  padding-bottom: 1.4rem;
  margin-bottom: 2.4rem;
  border-bottom: 1px solid #fff;
}

.footer__icon {
  width: 2rem;
  height: 2rem;
  margin-right: 0.8rem;
}

.footer__text--text {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}

.footer__text--text--flex {
  display: flex;
  align-items: center;
  letter-spacing: 1px;
}

#img-kruh-vedenie {
  width: 18rem;
  height: 24rem;
}

.odsadenie-md {
  text-indent: 4rem;
}

.img-160 {
  width: 16rem;
  height: 15.2rem;
  margin: 0;
}

.img-160-auto {
  width: 16rem;
  margin: 0;
}

.img-220 {
  width: 23rem;
  height: 22rem;
}

.img-220-auto {
  height: 22rem;
}

.icon-20 {
  width: 2rem;
  height: 2rem;
}

.container-flex {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3rem;
}

.circle-wrapping {
  shape-outside: circle();
}

.dolny-okraj {
  border-bottom: 1px solid #004B81;
}

.dolny-padding-6 {
  padding-bottom: .6rem;
}

.dolny-padding-12 {
  padding-bottom: 1.2rem;
}

.flex-container--space-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flex-container--space-around {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.container-flex--column {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.kontakt__icon {
  width: 2rem;
  height: 2rem;
  margin: 0;
  padding: 0;
}

.flex-center-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-start-center {
  display: flex;
  justify-content: start;
  align-items: center;
}

.zoznam-zamestnanec {
  font-family: 'Rubik', sans-serif;
  margin-bottom: 1rem;
  list-style: none;
  font-size: 1.6rem;
}

.zamestnanec-meno {
  color: rgb(20, 92, 159);
}

.vsetky-kontakty:link,
.vsetky-kontakty:visited {
  display: inline-block;
  font-size: 1.4rem;
  margin-bottom: .6rem;
  padding: .3rem;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: all .25s;
}

.vsetky-kontakty:hover,
.vsetky-kontakty:active {
  border-bottom: 1px solid #05558f;
}

.kontakty-index {
  font-size: 1.5rem;
}

.zvyrazni-text {
  color: #1864ab;
  
}

.table_head_data {
  width: 50%;
  background-color: #1971c2;
  color: #fff;
  font-family: 'Rubik', sans-serif;
  font-size: 1.7rem;
  letter-spacing: 2px;
  padding: 1.2rem 2.6rem;
  font-weight: 500;
  text-transform: uppercase;
}

.table_body_data {
  height: 2rem;
  color: #0e3b65;
  font-family: 'Rubik', sans-serif;
  font-size: 1.6rem;
  padding: 1.2rem 2.6rem;
  border-bottom: 1px solid #1864ab;
}

.dolny-border-sivy-3 {
  padding-bottom: 3em;
  border-bottom: 1px solid #868e96;
}

.horny-border-sivy-3 {
  padding-top: 3em;
  border-top: 1px solid #868e96;
}

.mr-30 {
  margin-right: 3rem !important;
}

.ml-20 {
  margin-left: 2rem !important;
}

.ml-30 {
  margin-left: 3rem !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-40 {
  margin-bottom: 4rem !important;
}

.mt-40 {
  margin-top: 4rem !important;
}

.blue-text {
  color: #1864ab;
}

.li-disc {
  list-style-type: disc;
}

.active-li {
  background-color: #e9fac8;
}

#active-a:link,
#active-a:visited {
  color: #296307;
}

.citat {
  color: rgb(115, 15, 124);
  font-style: italic;
}

.citat-wrap-green {
  margin-left: 3rem;
  padding-left: 2rem;
  border-left: 1rem solid #5c940d;
}

.citat-green {
  color: #426a0a;
  font-style: italic;
}

.citat-wrap {
  margin-left: 3rem;
  padding-left: 2rem;
  border-left: 1rem solid rgb(138, 24, 148);
}

.popisny-nadpis {
  font-size: 1.8rem;
  color: #1864ab;
}

.sive {
  color: hsl(0, 4%, 30%);
}

/* SPLIDE begin */
.splide {
  background-color: #f1f3f5;
  border-radius: 8px;
  
  margin-top: 20px;
  margin-bottom: 36px;
}

.splide__pagination .splide__pagination--ltr {
  margin-bottom: 20px;
}

.splide__pagination {
  margin-bottom: 20px;
}

.splide__pagination--ltr{
  margin-bottom: 20px;
}


/* SPLIDE end */

.sway {
  display: flex;
  justify-content: space-between;
  align-items: center;
}


/*ZVEREJNENIE MATURITNÝCH ZADANÍ */
.zverejnenie-matur-zadania-head {
  font-family: Rubik;
  font-size: 1.8rem;
  font-weight: 600;
}

.zverejnenie-matur-zadania {
  font-family: Rubik;
  font-size: 1.6rem;
}

.volne-miesto {
  background-color: rgb(205, 245, 185);
  color: hsl(100, 75%, 25%);
}

.volne-miesto-a {
  color: hsl(100, 75%, 25%); 
}

.skolsky-psycholog {
  background-color: hsl(28, 83%, 88%); 
  color: hsl(28, 92%, 21%);
}

.skolsky-psycholog-a {
  color: hsl(28, 92%, 21%); 
}

.silver-link {
  text-decoration: none;
}

.silver-link:hover {
  background-color:hsl(48, 7%, 87%);
  padding: 3px 6px;
  border-radius: 3px;
}





.pannellum-scena:link, 
.pannellum-scena:visited {
  display: inline-block;
  font-family: 'Rubik', sans-serif;
  margin: 0.25em;
  padding: 1.2rem 3rem;
  background-color: var(--tlacidlo-bgcolor);
  border-radius: 8px;
  text-decoration: none;
  color: var(--tlacidlo-pismo-color);
  font-size: 1.6rem;
  transition: all 0.45s;
}

.pannellum-scena:hover,
.pannellum-scena:active {
  background-color: var(--tlacidlo-bgcolor-hover);
  animation: glow 0.6s infinite alternate;
}

@keyframes glow {
  from {
    box-shadow: 0 0 1.2rem var(--ziara-tlacidlo);
  }

  to {
    box-shadow: 0 0 2.6rem var(--ziara-tlacidlo);
  }
}

@font-face{
  font-family:'digital-clock-font';
  src: url('DIGITALDREAM.ttf');
 }

 .text-container-2024 {
  display: flex;
  flex-direction: column;
  background-color: #FFF8F0;
  border-radius: 7px;
  padding: 0.6em 1.8em 1em 1.8em;
  margin-bottom: 2em;
  border:1px solid #F8DCBA;
}

.line-2024 {
  margin-bottom: 0.1em;
}


.big-quote {
  position: relative;
  font-family: "Georgia", "Times New Roman", serif;
  font-size: 2.2rem;
  color: #6b4c3b;
  line-height: 2;
  max-width: 700px;
  margin: 2rem auto;
  padding-left: 3rem; /* miesto pre veľkú úvodzovku */
  /* border-left: 3px solid #6b4c3b; /* jemný vizuálny akcent */
}

.big-quote .quote-mark {
  position: absolute;
  top: -0.4rem;
  left: 0;
  font-size: 6rem; /* veľká úvodzovka */
  color: #6b4c3b;
  line-height: 1;
}

.big-quote footer {
  margin-top: 1.4rem;
  text-align: right;
  font-size: 1.65rem;
  color: #6b4c3b;
  font-style: italic;
}

/* Responsívne zmenšenie na mobiloch */
@media (max-width: 480px) {
  .big-quote {
    padding-left: 2rem;
    font-size: 1.1rem;
  }
  .big-quote .quote-mark {
    font-size: 3.5rem;
  }
}


/* ------------------------- */
    .maturita-table {
        width: 100%;
        border-collapse: collapse;
        font-family: Arial, sans-serif;
        margin: 20px 0;
        background-color: white;
    }

    .maturita-table th {
        background-color: #0057b8;
        color: white;
        padding: 12px;
        border: 1px solid #d0d7e2;
        text-align: center;
    }

    .maturita-table td {
        padding: 10px;
        border: 1px solid #d0d7e2;
        text-align: center;
    }

    .maturita-table tbody tr:nth-child(even) {
        background-color: #f4f6f9;
    }

/* ------------------------- */

 .admissions-box {
    max-width: 900px;
    margin: 20px auto;
    padding: 24px;
    border-left: 6px solid #6b0f1a;
    background: #faf7f7;
    color: #2b2b2b;
    line-height: 1.6;
  }

  .admissions-box h2 {
    color: #6b0f1a;
    margin-top: 0;
    font-size: 24px;
  }

  .admissions-box .highlight {
    font-weight: bold;
  }

  .admissions-box .signature {
    margin-top: 18px;
    font-style: italic;
  }

  .admissions-box .date {
    color: #6b0f1a;
    font-weight: bold;
  }


/* ============================== */

 .leave-box {
    max-width: 900px;
    margin: 20px auto;
    padding: 24px;
    border-left: 6px solid #1b7a3a;
    background: #f4fbf6;
    color: #2b2b2b;
    line-height: 1.6;
  }

  .leave-box h2 {
    color: #1b7a3a;
    margin-top: 0;
    font-size: 24px;
  }

  .leave-box .highlight {
    font-weight: bold;
    color: #1b7a3a;
  }

  .leave-box .date {
    font-weight: bold;
    color: #1b7a3a;
  }

  .leave-box .signature {
    margin-top: 18px;
    font-style: italic;
  }

  /* ========================== */