html{
	scroll-behavior: smooth;
    height: 100%;
}
body{
	height: 100%;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
	    text-align: left;
    min-height: 100% !important;
}
#wrapper {
    height: auto;
    flex-grow: 10;
    min-height: fit-content;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    /* align-content: center; */
    justify-content: flex-start;
}
#inner-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
}
#main_flex {
    gap: 15px;
    padding-top: 10px;
}
/***********************************************************/
.text-center
{
	text-align: center !important;
}
.clear_both
{
  clear:both;
}
#content a.obrazok:hover
{
	text-decoration: none !important;
} 
#modre_m {
	display: inline-flex;
    width: auto;
    position: relative;
}
div.blue_menu_ikona
{    
	border-radius: 6px;
    box-shadow: 0px 2px 6px 0px #769da9;
}
div.blue_menu_ikona.small
{    
	border-radius: 5px;
	box-shadow: 0px 2px 6px 0px #218ba6;
}
.menu_img_div span
{    
	padding-top: 8px;
}
#logout_a
{
	padding: 4px;
}
#logout_a img.hide
{
	display:none;
}
.znamky_active
{
	background-color:#dff3fd !important;
}
.znamky_inactive
{
	background-color:#ffffff !important;
}
.none
{
	display:none;
}
.pleft24
{
	padding-left: 24px;
}
.p5{
	padding: 5px;
}
#modre2{
	float: left;
	margin-top: -47px;
}
.pleft35
{
	padding-left: 35px;
}
.sidebar_extraleft
{
    width:100%;
    max-width: 310px;
	max-width: 280px;
    min-width: 250px;
}
.pr10 {
    padding-right: 10px;
}
.pr10-all {
    padding-right: 10px;
}
.pr15, .pr15_sidebar_extraleft  {
    padding-right: 15px;
}

.pt8{
	padding-top: 8px;
}
.block_relative
{
	display: inline-block;
	position: relative;
}
.listing_stlpce
{
	padding-left: 15px;
}
img.ziarovka_kku {
    width: 27px !important;
    height: 36px !important;
    display: block;
    position: absolute;
    bottom: 7px;
    right: 2px;
  }

  .none.hidden_menu.active
  {
	  display:block;
  }
/*--------- sprava ----------------*/

#content #oznamovacia_sprava.oznamovacia  {
	background:#FFD966;
    border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    border: 1px solid #E7E7E7;
    font-weight: bold;
    margin-bottom: 8px;
    padding: 8px;
    text-align: center;  
}
#content #oznamovacia_sprava.error  {
	background:#FF3300;
    border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    border: 1px solid #aa0000;
    font-weight: bold;
    margin-bottom: 8px;
    padding: 8px;
    text-align: center; 
    color:#fff; 
}
button.btn-copy
{
	width: auto;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
	margin: 0;
	padding-left: 7px;
    padding-right: 7px;
    padding-top: 4px;
    padding-bottom: 3px;
	background-color: #d84a38;
    border: none;
    border-radius: 2px;
    color: white;
    font-family: 'Roboto', sans-serif;
    font-size: 0.8em;
	margin-top: 6px !important;
}
button.btn-copy >small
{
	font-size: 13px;
	padding: 2px;
}
button.btn-copy:hover {
    background-color: #cf402f;
}
button.btn-copy:active {
    background-color: #cf402f;
}
/*--------- modere menu ----------------*/
.submenu_holder{
	width: 100%;
}
.menu_img_div.hassubmenu
{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
}
.modere_menu_submenu
{
    display:none;
    border-top: 2px solid #29a7c7;
    margin-bottom: 10px;
    border-bottom: 2px solid hsl(192deg 66% 47%);
    width: 100%;
    background: #29a7c7;
    padding-bottom: 8px;
}
.modere_menu_submenu .menu_img_div
{
    width: 66px;  
    height: auto;
    padding-top: 13px;
}
.modere_menu_submenu .menu_img_div > a > img 
{
    height: 60px;  
}
.modere_menu_submenu .menu_img_div > a > img.small 
{
    height: 56px;  
}
#content .modere_menu_submenu .menu_img_div > a  span
{
    font-size: 11px;
}
/***********************************************************************************/
body.kuk_vlavo .mm-menu.mm-offcanvas {
	display: block;
}
body.kuk_vlavo .mm-slideout
{
	animation: kuk_vlavo_ani 1s ;
	animation-delay: 2s;
	animation-timing-function: ease-in-out;
}

@keyframes kuk_vlavo_ani {
	0%   {         transform: translate(0, 0);}
	50%  {     transform: translate(16%, 0); }
	100% {         transform: translate(0, 0);}
}
/***********************************************************************************/
/* ----------------------------------------------------------------------- */
/* ------------------------------ -ZALOZKY ------------------------------- */
.cursor_help
{
	cursor: help;
}
.hide_row
{
	display: none;
}
ul#zalozky {
	/*margin-top:8px;*/
	height:31px;
	margin-bottom: 0;
	width: 1034px;
	margin: 0 auto;
}
ul#zalozky li {
	display:inline;
}
ul#zalozky li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16.67px;
	font-weight:normal;
	color:#fff;
	text-decoration:none;
}
ul#zalozky li a:hover span.text_link {
	text-decoration:underline;
}
ul#zalozky li a span.text_link {
	background-color:#ededed;
	float:left;
	padding-top:9px;
	height:22px;
	display:block;
	font-weight: bold;
	text-shadow: 1px 1px #fff;
	line-height: 15px;
	box-sizing: content-box;
}
ul#zalozky li a span.left {
	float:left;
	width:24px;
	height:31px;
	display:block;
}
ul#zalozky li a span.right {
	float:left;
	width:37px;
	height:31px;
	display:block;
}
ul#zalozky li a.active span.text_link{
	font-weight:bold;
	color:#fff;
	text-shadow:none;
}
/* NOVINY */
ul#zalozky li.noviny a span.left {
	background: url("/img/zalozka_noviny_left.png") no-repeat center top;
}
ul#zalozky li.noviny a span.right {
	background: url("/img/zalozka_noviny_right.png") no-repeat center top;
}
ul#zalozky li.noviny a span.text_link{
	background-color:#ededed;
	color:#949494;
}
/* NOVINY ACTIVE */
ul#zalozky li.noviny a.active span.left {
	background: url("/img/zalozka_noviny_left_active.png") no-repeat center top;
}
ul#zalozky li.noviny a.active span.right {
	background: url("/img/zalozka_noviny_right_active.png") no-repeat center top;
}
ul#zalozky li.noviny a.active span.text_link{
	background-color:#949494;
	color:#fff;
}
/* KNIZNICA */
ul#zalozky li.kniznica a span.left {
	background: url("/img/zalozka_kniznica_left.png") no-repeat center top;
}
ul#zalozky li.kniznica a span.right {
	background: url("/img/zalozka_kniznica_right.png") no-repeat center top;
}
ul#zalozky li.kniznica a span.text_link{
	background-color:#ededed;
	color:#08813B;
	
}
/* KNIZNICA ACTIVE */
ul#zalozky li.kniznica a.active span.left {
	background: url("/img/zalozka_kniznica_left_active.png") no-repeat center top;
}
ul#zalozky li.kniznica a.active span.right {
	background: url("/img/zalozka_kniznica_right_active.png") no-repeat center top;
}
ul#zalozky li.kniznica a.active span.text_link{
	background-color:#08813B;
	color:#fff;
}
/* ZIAK */
ul#zalozky li.ziak a span.left {
	background: url("/img/zalozka_ziak_left.png") no-repeat center top;
}
ul#zalozky li.ziak a span.right {
	background: url("/img/zalozka_ziak_right.png") no-repeat center top;
}
ul#zalozky li.ziak a span.text_link{
	color:#297770;
}
/* ZIAK ACTIVE */
ul#zalozky li.ziak a.active span.left {
	background: url("/img/zalozka_ziak_left_active.png") no-repeat center top;
}
ul#zalozky li.ziak a.active span.right {
	background: url("/img/zalozka_ziak_right_active.png") no-repeat center top;
}
ul#zalozky li.ziak a.active span.text_link{
	background-color:#297770;
	color:#fff;
}
/* RODIC */
ul#zalozky li.rodic a span.left {
	background: url("/img/zalozka_rodic_left.png") no-repeat center top;
}
ul#zalozky li.rodic a span.right {
	background: url("/img/zalozka_rodic_right.png") no-repeat center top;
}
ul#zalozky li.rodic a span.text_link{
	color:#000;
}
/* RODIC ACTIVE */
ul#zalozky li.rodic a.active span.left {
	background: url("/img/zalozka_rodic_left_active.png") no-repeat center top;
}
ul#zalozky li.rodic a.active span.right {
	background: url("/img/zalozka_rodic_right_active.png") no-repeat center top;
}
ul#zalozky li.rodic a.active span.text_link{
	background-color:#000;
	color:#fff;
}
/* UCITEL */
ul#zalozky li.ucitel a span.left {
	background: url("/img/zalozka_ucitel_left.png") no-repeat center top;
}
ul#zalozky li.ucitel a span.right {
	background: url("/img/zalozka_ucitel_right.png") no-repeat center top;
}
ul#zalozky li.ucitel a span.text_link{
	color:#A52265;
}
/* UCITEL ACTIVE */
ul#zalozky li.ucitel a.active span.left {
	background: url("/img/zalozka_ucitel_left_active.png") no-repeat center top;
}
ul#zalozky li.ucitel a.active span.right {
	background: url("/img/zalozka_ucitel_right_active.png") no-repeat center top;
}
ul#zalozky li.ucitel a.active span.text_link{
	background-color:#A52265;
	color:#fff;
}
/* SKOLA */
ul#zalozky li.skola a span.left {
	background: url("/img/zalozka_skola_left.png") no-repeat center top;
}
ul#zalozky li.skola a span.right {
	background: url("/img/zalozka_skola_right.png") no-repeat center top;
}
ul#zalozky li.skola a span.text_link{
	color:#007DB0;
}
/* SKOLA ACTIVE */
ul#zalozky li.skola a.active span.left {
	background: url("/img/zalozka_skola_left_active.png") no-repeat center top;
}
ul#zalozky li.skola a.active span.right {
	background: url("/img/zalozka_skola_right_active.png") no-repeat center top;
}
ul#zalozky li.skola a.active span.text_link{
	background-color:#007DB0;
	color:#fff;
}
/* MOZGOZRUT */
ul#zalozky li.mozgozrut a span.left {
	background: url("/img/zalozka_mozgozrut_left.png") no-repeat center top;
}
ul#zalozky li.mozgozrut a span.right {
	background: url("/img/zalozka_mozgozrut_right.png") no-repeat center top;
}
ul#zalozky li.mozgozrut a span.text_link{
	color:#d05981;
}
/* MOZGOZRUT ACTIVE */
ul#zalozky li.mozgozrut a.active span.left {
	background: url("/img/zalozka_mozgozrut_left_active.png") no-repeat center top;
}
ul#zalozky li.mozgozrut a.active span.right {
	background: url("/img/zalozka_mozgozrut_right_active.png") no-repeat center top;
}
ul#zalozky li.mozgozrut a.active span.text_link{
	background-color:#d05981;
	color:#fff;
}
/* Periskop */
ul#zalozky li.periskop a span.left {
	background: url("/img/zalozka_mozgozrut_left.png") no-repeat center top;
}
ul#zalozky li.periskop a span.right {
	background: url("/img/zalozka_clear_right.png") no-repeat center top;
}
ul#zalozky li.periskop a span.text_link{
	color:#00b6ad;
}
ul#zalozky li.periskop a span.text_link.ikona{
	position: relative;
	padding-right: 6px;
}
/* Periskop ACTIVE */
ul#zalozky li.periskop a.active span.left {
	background: url("/img/zalozka_periskop_left_active.png") no-repeat center top;
}
ul#zalozky li.periskop a.active span.right {
	background-color:#00b6ad;
	background: url("/img/zalozka_clear_right_active.png") no-repeat center top;
}
ul#zalozky li.periskop a.active span.text_link{
	background-color:#00b6ad;
	color:#fff;
}
/* SHOP */
ul#zalozky li.shop a span.left {
	background: url("/img/zalozka_shop_left.png") no-repeat center top;
}
ul#zalozky li.shop a span.right {
	background: url("/img/zalozka_shop_right.png") no-repeat center top;
}
ul#zalozky li.shop a span.text_link{
	color:#00BFF3;
}
/* SHOP ACTIVE */
ul#zalozky li.shop a.active span.left {
	background: url("/img/zalozka_shop_left_active.png") no-repeat center top;
}
ul#zalozky li.shop a.active span.right {
	background: url("/img/zalozka_shop_right_active.png") no-repeat center top;
}
ul#zalozky li.shop a.active span.text_link{
	background-color:#00BFF3;
	color:#fff;
}
/* KAVA */
ul#zalozky li.kava a span.left {
	background: url("/img/zalozka_kava_left.png") no-repeat center top;
}
ul#zalozky li.kava a span.right {
	background: url("/img/zalozka_kava_right.png") no-repeat center top;
}
ul#zalozky li.kava a span.text_link{
	color:#2a2b2c;
}
/* SHOP ACTIVE */
ul#zalozky li.kava a.active span.left {
	background: url("/img/zalozka_kava_left_active.png") no-repeat center top;
}
ul#zalozky li.kava a.active span.right {
	background: url("/img/zalozka_kava_right_active.png") no-repeat center top;
}
ul#zalozky li.kava a.active span.text_link{
	background-color:#2a2b2c;
	color:#fff;
}
/* Periskop */
ul#zalozky li.papagaj a span.left {
	background: url("/img/zalozka_mozgozrut_left.png") no-repeat center top;
}
ul#zalozky li.papagaj a span.right {
	background: url("/img/zalozka_clear_right.png") no-repeat center top;
}
ul#zalozky li.papagaj a span.text_link{
	color:#f38020;
}
ul#zalozky li.papagaj a span.text_link.ikona{
	position: relative;
	padding-right: 6px;
}
/* Periskop ACTIVE */
ul#zalozky li.papagaj a.active span.left {
	background: url("/img/zalozka_papagaj_left_active.png") no-repeat center top;
}
ul#zalozky li.papagaj a.active span.right {
	background-color:#00b6ad;
	background: url("/img/zalozka_papagaj_right_active.png") no-repeat center top;
}
ul#zalozky li.papagaj a.active span.text_link{
	background-color:#f38020;
	color:#fff;
}
/*---------------------- Blikajuca posta ikonka-----------------------------------------*/


.popbox22 > a > img._active
{
	animation: blink 1s;
    animation-iteration-count: 2;
    
}
@keyframes blink { 
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}  
	100% {
		opacity: 1;
	}  
}

/* ---------------------------- plavajuca help ikona ----------------------------- */
#floating-button
{
	position: fixed !important;
    bottom: 17px !important;
    right: 10px !important;
    left: auto !important;
	z-index: 9997 !important;
	cursor: pointer;
	background: rgb(198,215,222);
    background: radial-gradient(circle, rgb(200 233 247) 0%, rgb(255 255 255 / 0%) 71%);
    background-position: 0px 1px;
}
.explanse-buble
{
    position: absolute;
    bottom: -30px;
    right: 31px;
    z-index: 154;
}
.float_message
{
    display: none;
    position: fixed !important;
    bottom: 101px !important;
    right: 3px !important;
    left: auto !important;
    /* z-index: 9000000 !important; */
    width: 205px;
    background-color: #C6E9FA;
    border: 2px solid #C6E9FA;
    padding: 15px;
    z-index: 9997;
   /* border-radius: 24px 21px 17px 16px;*/
   /* border-radius: 24px 21px 17px 16px;*/
    border-radius: 30px;
    box-sizing: content-box;
}
.float_message h2
{
	margin-bottom: 5px;
	font-size: 12px;
	padding: 0;
}
.float_message textarea
{
    border-radius: 5px;
    border: 1px solid #bce1f3;
	width: 192px;
    height: 133px;
    border-radius: 13px;
    padding: 6px;
	outline: none;
	box-sizing: content-box;
}
.float_message button#submit_floating_help
{
    position: absolute;
    bottom: 8px;
    right: 7px;
    border-radius: 50px;
    width: 40px;
    height: 40px;
    outline: none;
    /* border-color: #88cdef; */
    border: 0px solid #88cdef;
    background: #f58220;
    cursor: pointer;
    background: url(/images/send-mail.png) #f58220;
    background-position: 5px;
    background-repeat: no-repeat;
}
.float_message button#submit_floating_help:hover
{
 	background: url(/images/send-mail_h.png) #88cdef;
	background-position: 5px;
    background-repeat: no-repeat;
}
.float_message button#submit_floating_help.odosielasa
{
	background:#f58220 !important;
	width: auto;
    color: #fff;
}
.flmozgo figure
{
	border-radius: 50%;
    width: 13px;
    height: 13px;
    background: white;
    border: 1px solid black;
    position: absolute;
    z-index: 5;
    color: black;
    font-size: 12px;
    line-height: 1.1em;
    padding: 2px;
    font-weight: bold;
    text-align: center;
	cursor:pointer;
	transition: 0.1 ease-out;
	position: fixed !important;
    bottom: 67px !important;
    right: 10px !important;
    right: 2px !important;
    left: auto !important;
    z-index: 9998 !important;
    box-sizing: content-box;
}
.flmozgo figure:hover
{
	color: #FB001A;
	border: 1px solid #FB001A;
}
.flmozgo figure:before {
	content: "\2716";
	font-size: 15px;
}
.flmozgo figure#hide_message
{
	background: white;
    border: 1px solid #88cdef;
    position: absolute !important;
    padding: 4px;
    color: #88cdef;
    bottom: auto !important;
    right: 3px !important;
    margin-top: -17px;
    margin-right: -4px;
    box-sizing: content-box;
}
#floating-button div.buble-help
{
	background: url('/images/HELP_buble2.png');
	top:50%;left:50%;
	height: 3px;
	width: 3px;
	margin-bottom: 4px;
	display: flex;
	justify-content: center;
	z-index:1;
	position:absolute;
	top: 11%;
    left: 0;
    height: 0px;
    width: 45px;

	transition: all 0.2s ease-out;
}
#floating-button:hover div.buble-help
{
	top: -37px;
    left: 1px;
	height: 33px;
	width: 46px;
	display:flex;
	transition:all 0.35s ease-out;
}
#floating-button .buble-help .float-help
{
	font-size:11px;
	font-family: 'Roboto', sans-serif;
	margin-top: 6px;
	display:none;	
	visibility:hidden;
}
#floating-button:hover .buble-help .float-help
{
	display:block;
	visibility:visible;
}

div.stred
{
	text-align:center;
}
/* ------------------------------------------------------------------------------ */
#stred_980{
    width: 100%;
    clear: both;
    display: inline-block;
    max-width: 980px;
}
#full_width_center{
    clear: both;
    width: 100%;
    display: flex;
    justify-content: center;
}
/* ---------------------------- Modalny popup ----------------------------- */
#myModal_popup input.button {
	border:0;
	background:#D7D7D7;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	color: #08813B;
	font-size: 16px;
	font-weight: bold;
	padding: 8px;
	cursor:pointer;
	
}
small
{
	 font-size: 11px;
}

#myModal_popup .foto {
    float: left;
    margin-left: 12px;
    margin-right: 12px;
    margin-top: 0;
    padding-left: 12px;
    width: 80px;
     border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
#myModal_popup table tbody tr td.foto_od
{
	vertical-align: top;
    width: 101px;
    padding-bottom: 0px;
}
#myModal_popup table tbody tr td
{
	padding: 0px;
	border-bottom:0px;
}
#myModal_popup .old_message_row {
    float:left;width:80%;padding-bottom:22px;padding-left:8px;min-height:75px;
}

/*------------------------------- listing dokuemntov --------------------*/
#content.nastenka > .listing_dokumentov {
	margin-left:25px;
}
#content .listing_dokumentov {
	margin-left:15px;
}
/* -------------------------- Tabulka formular --------------------------*/
#all_child
{
	width: 100%;
}
/*----------------------------- animacia -----------------------------------------*/
.animate_shadow
{
	animation: blikanie_shadow 1.6s infinite;
	box-shadow: 1px 1px 16px 1px #a52265;
	-webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    margin-bottom: 8px;
}
@keyframes blikanie_shadow {
	0% {
	box-shadow: 1px 1px 17px 1px #a52265;
	}

	25% {
	box-shadow: 1px 1px 13px 1px #a52265;

	}
	50% {
	box-shadow: 1px 1px 10px 1px #a52265;
	}
	75% {
	box-shadow: 1px 1px 13px 1px #a52265;
	}
	100% {
	box-shadow: 1px 1px 17px 1px #a52265;

	}
}


/*----------------------------- Buttony -----------------------------------------*/
#registracia .spat,
#content .hraj,
#content .sleduj,
#content .maluj {
	position:absolute;
	bottom:-5px;
	right:0px;
	display:block;
	float:right;
	background:#5AC8E0;
	background:#D7DF21;
	background:#777777;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	padding: 8px;
	cursor:pointer;
	line-height: 15px;
}
#content input.button {
    background: none repeat scroll 0 0 #D7D7D7;
    border: 0 none;
    border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    color: #000;
    font-size: 16px;
    font-weight: bold;
	padding: 8px;
	cursor:pointer;
	line-height: 15px;
}

#content a.hraj,
#content a.sleduj,
#content a.maluj{
	color:#fff;
}

#content a.hraj:hover,
#content a.sleduj:hover,
#content a.maluj:hover {
	color:#000;
}

#content .spat a,
#content .nahlasit a {
	background:#000;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	color: #FFFFFF;
	font-size: 0.85rem;
	font-weight: bold;
	padding: 8px;
	text-decoration:none;
	display:block;
	cursor:pointer;
	line-height: 15px;
	box-shadow: inset 0 -0.15rem 0 rgba(0, 0, 0, 0.2);
}
#content .spat a {
	background: none repeat scroll 0 0 #D7D7D7;
    color: #000000;

}
#content .spat a:hover {
	color:#000;
	text-decoration:none;
}
#content .nahlasit a:hover {
	color:#8DC63F;
	text-decoration:none;
}
#content input.button,
#sidebar_left input[type="button"].button, #content input[type=button].button, #stred_980 input[type=button].button, #content button[type=button].button, #stred_980 button[type=button].button{
    background: none repeat scroll 0 0 #D7D7D7;
    background-color:#D7D7D7;
    border: 0 none;
    border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    color: #000;
    font-size: 0.85rem;
    font-weight: bold;
	padding: 8px;
	cursor:pointer;
	line-height: 15px;
	box-shadow: inset 0 -0.15rem 0 rgba(0, 0, 0, 0.2);
}

#content input.button:disabled,
#content input.button[disabled] {
	background: none repeat scroll 0 0 #9c9a9a !important;
}
#sidebar_left input[type="submit"], #content input[type=submit], input.submit, a.submit, #content button[type=submit]
{
	border:0;
	background:#08813B;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	color: #FFFFFF;
	font-size: 0.85rem;
	font-weight: bold;
	padding: 8px;
	cursor:pointer;
	box-shadow: inset 0 -0.15rem 0 rgba(0, 0, 0, 0.2);
	text-decoration: none;
}
#sidebar_left input[type="button"].common, #content input[type=button].common, #stred_980 input[type=button].common, #content button[type=button].common
{
	border:0;
	 background: #7D7D7D;
	color: #FFFFFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

	font-size: 0.85rem;
	font-weight: bold;
	padding: 8px;
	cursor:pointer;
	box-shadow: inset 0 -0.15rem 0 rgba(0, 0, 0, 0.2);
}
#content button[type=button]:not(.btn)
{
	border:0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	color: #FFFFFF;
	font-size: 0.85rem;
	font-weight: bold;
	padding: 8px;
	cursor:pointer;
	box-shadow: inset 0 -0.15rem 0 rgba(0, 0, 0, 0.2);
	
}
#content button[type=button].big, #content button[type=submit].big {
    padding: 14px 50px !important;
    border-radius: 14px !important;
    font-size: 21px !important;
}
.small_button
{
	padding: 4px 6px !important;
	font-size: 0.78rem  !important;
	font-weight: normal;
}

#content input.button.odpovedat, #content input[type=button].button.odpovedat,  #content button[type=button].button.odpovedat
{
	background-image: url('/images/messages/message_reply.png');
    background-position: 2px 2px;
    background-repeat: no-repeat;
    padding-left: 23px ! IMPORTANT;
    padding-right: 9px ! IMPORTANT;
}
#content input.button.preposlat, #content input[type=button].button.preposlat,  #content button[type=button].button.preposlat
{
	background-image: url('/images/messages/message_forward.png');
    background-position: 0px;
    background-repeat: no-repeat;
    padding-left: 24px ! IMPORTANT;
	padding-right: 9px ! IMPORTANT;
}
#content input.button.zmazat, #content input[type=button].button.zmazat,  #content button[type=button].button.zmazat
{
	background-image: url('/images/messages/messge_deleted.gif');
    background-position: 2px 2px;
    background-repeat: no-repeat;
    padding-left: 23px ! IMPORTANT;
	padding-right: 9px ! IMPORTANT;
}
#content input.button.blokovat, #content input[type=button].button.blokovat,  #content button[type=button].button.blokovat
{
	background-image: url('/images/messages/user_delete.gif');
    background-position: 4px 3px;
    background-repeat: no-repeat;
    padding-left: 25px ! IMPORTANT;
	padding-right: 9px ! IMPORTANT;
}
#content input.button.odoslat, #content input[type=button].button.odoslat,  #content button[type=button].button.odoslat
{
	background-image: url('/images/messages/posta_odoslana_posta.png');
    background-position: 6px 7px;
    background-repeat: no-repeat;
    padding-left: 31px ! IMPORTANT;
    padding-right: 9px ! IMPORTANT;
    background-size: 20px;
}
#content input.button.koncept, #content input[type=button].button.koncept,  #content button[type=button].button.koncept
{
	background-image: url('/images/messages/posta_koncepty.png');
    background-position: 6px 6px;
    background-repeat: no-repeat;
    padding-left: 31px ! IMPORTANT;
    padding-right: 9px ! IMPORTANT;
    background-size: 19px;
}
#content input.button.kos, #content input[type=button].button.kos,  #content button[type=button].button.kos
{
	background-image: url('/images/messages/posta_kos.png');
    background-position: 7px 6px;
    background-repeat: no-repeat;
    padding-left: 27px ! IMPORTANT;
    padding-right: 9px ! IMPORTANT;
    background-size: 12px;
}

#sidebar_left input[type="submit"].button, #content input[type=submit].button
{
    background: #7D7D7D;
	color: #FFFFFF;
	font-size: 0.85rem;
	padding: 7px;
	box-shadow: inset 0 -0.15rem 0 rgba(0, 0, 0, 0.2);
}
.submit_red
{
  background:#F9021F !important;
  color: #FFFFFF;
}
.green
{
  background:#08813B !important;
  color: #FFFFFF !important;
}
.cursor_help
{
	cursor: help;
}
/************************ FOOTER ************************************/
#footer
{
	margin-top:8px;
	width: 100%;
	background-color:#D7D7D7;
	display:block;
	color:#656464;
	position:relative;
	text-align: center;
    clear: both;
    padding-top: 8px;
}

#footer.sticky
{
	position:fixed;
	bottom:0;
	bottom:0;
	position: sticky;
    margin-top: 200px
}
#footer h2
{
	font-size:18px;
	font-weight:600;
	color:#4a4949;
	padding-bottom: 12px;
}
.one-and-half-col
{
	flex-grow:1;
	flex-basis:25%;
	border-right: 1px solid #bbbaba;
	margin-right: 10px;
	margin-top: 10px;
}
.one-and-half-col .kontakt
{
	display:flex;
	padding: 5px;
}
.one-and-half-col .kontakt_viac
{
	float: right;
	margin-top: -6px;
	padding-right: 15px;
}
.one-and-half-col.last
{
	flex-grow:1;
	flex-basis:25%;
	border-right: 0px;
}
#inner-footer_wrapper
{
		display:flex;
		flex-direction: row;
		justify-content:center;
		padding: 0px 4px;
}
#footer span {
    position: relative;
    display: block;
    line-height: 23px;
}
#footer a {
    color: #656464;
    text-decoration: none;
}
#footer a:hover {
    color: #4a4949;
    text-decoration: underline;
}
#last_footer
{
	text-align: center;
    padding-bottom: 10px;
    color: #4a4949;
	padding-top: 10px;
    margin-top: 10px;
	border-top: 1px solid #bbbaba;
}
/************************ FOOTER END ************************************/
/*----------------------------- podobne dokumenty dig ucebnica -----------------------------------------*/
#content .detail .autor .podobne .foto {
    float: none;
    margin-top: 5px;
    padding: 0;
    width: 61px;
    margin-left: 2px;
}
#content .detail .autor .podobne h2 {
	background: url("/img/detail_h2_bg.png") no-repeat left center;
	font-weight:bold;
	font-size: 13px;
	color: #000000;
	background-color:none;
	margin:0;
	border-radius: 0 0 0 0;	
	width: 94%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
#content .detail .autor .podobne  a{
	text-decoration:none;
}
#content .detail .autor .podobne .detail {
	 float: none; 
	 width: calc(100% - 62px);
	padding-top: 2px;
	line-height: 18px;
	width: 94%;
	text-overflow: ellipsis;
	
	overflow: hidden;
   }
#content .detail .autor .podobne .detail > small > span, #sidebar_right .podobne .detail > small > span {
	position: relative;
	width: 94%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.flex
{
	display: flex;
}
.flex-import
{
	display: flex !important;
}
.flex.between
{
	justify-content: space-between;
}
.flex.evenly {
    justify-content: space-evenly;
}
.flex.end
{
	justify-content: flex-end;
}
.flex.item-start
{
	align-items: flex-start
}
.flex-start
{
	justify-content: flex-start !important;
}
.flex.item-end
{
	align-items: flex-end;
}
.flex.column,
.flex.column_flex
{
	flex-direction: column;
}

.flex.between-mobil-around
{
	justify-content: space-between;
}
.flex.around
{
	justify-content: space-around;
}
.flex.wrap
{
	flex-wrap: wrap;
}
.flex.nowrap
{
	flex-wrap: nowrap;
}
.flex.center-flex
{
	justify-content: center !important;
    align-items: center;
    flex-flow: column;
}
.flex.center
{
	justify-content: center;
}
.flex.align-center
{
	align-items: center;
}
.stred-vertical
{
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.flex.row,
.flex.row_flex
{
	flex-direction: row !important;
}
.flex.row-reverse
{	
    flex-direction: row-reverse !important;
}
.pointer
{
	cursor: pointer;
}
#left-odkaz
{
	width:45px;
	height:322px;
	position:absolute;
	top:16px;
	left:0;
	z-index:2; 
}
#right-odkaz
{
	width:45px;
	height:322px;
	position:absolute;
	top:16px;
	left:497px;
	z-index:2; 
}

.popbox22 > a .img{
    text-decoration: none;
    border:0px;
    padding-left: 0px;
	padding-right: 0px;
	vertical-align:top;
	
}
/*----------------------------- anketa -----------------------------------------*/
.anketa_extra
{
	font-size: 14px;
	color:red;
}
/*----------------------------- ---------- -----------------------------------------*/
#overlay .loading {
    position: relative;
    display: inline-flex;
    margin: 0 auto;
    /* width: 1px; */
}
.se-pre-con {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #2c132073;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

.se-pre-con .rotacia{
    /*top: -55px;
    position: absolute;
    left: -21px;*/
    -webkit-animation-name: spinvpravo;
    -webkit-animation-duration: 4000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier;
    -moz-animation-name: spinvpravo;
    -moz-animation-duration: 4000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: cubic-bezier;
    -ms-animation-name: spinvpravo;
    -ms-animation-duration: 4000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: cubic-bezier;

    animation-name: spinvpravo;
    animation-duration: 4000ms;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier;
}
.se-pre-con .rotacia.vlavo
{
	-webkit-animation-name: spinvlavo;
	-moz-animation-name: spinvlavo;
	-ms-animation-name: spinvlavo;
	animation-name: spinvlavo;
}

.se-pre-con .posbigkol{
    /*position: absolute;*/
  /*  left: -52px;
    top: 1px;*/
}
#overlay_message
{
	margin: 0 auto;
	margin-top: 20px;
}
#overlay_message .over_text
{
	color: #f1f8f4;
    background: #251a1f;
    padding: 6px;
	margin-bottom: 0px;
    text-align: center;
    font-size: 17px;
}
@keyframes spinvpravo {
    from {
        -ms-transform: rotate(0deg); /* IE 9 */
	-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
	transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg); /* IE 9 */
	-webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
	transform: rotate(360deg);
    }
}

@keyframes spinvlavo {
    from {
        -ms-transform: rotate(360deg); /* IE 9 */
	-webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
	transform: rotate(360deg);
    }
    to {
        -ms-transform: rotate(0deg); /* IE 9 */
	-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
	transform: rotate(0deg);
    }
}
/*----------------------------- ---------- -----------------------------------------*/
#sidebar_left h2.mobil_ikony_header
{
	/*background-color: #5bc8e0;*/
	background: #98DAEA;
    background-position: calc(99% - 5px) 2px;
    background-repeat: no-repeat;
	margin-bottom: 0px;
	color: #000;
   /* margin-top: 13px;*/
    cursor: pointer;
    background-size: 163px auto;
}
#sidebar_left h2.metodik_predmet_rozkliknuty {
    border-radius: 8px 8px 0px 0px;
    -moz-border-radius: 8px 8px 0px 0px;
    -webkit-border-radius: 8px 8px 0px 0px;
}
#sidebar_left .mobil_ikony, .mobil_ikony
{
	justify-content: space-evenly;
    display: flex;
    flex-wrap: wrap;
	/*background: linear-gradient(#98DAEA, #98DAEA);*/
	background: #98DAEA;
    /*border-radius:8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;*/
    background-size: auto;
	margin-top: 0px;
	padding-top: 13px;
	padding-bottom: 0px;
}
#sidebar_left .mobil_ikony.bgwhite
{
	background: #fff;
}
.menu_img_div
{
	width: 80px;
    height: 131px;
    position: relative;
    /* padding-top: 10px; */
    border-right: 0px;
    margin-top: 0px;
    /* padding-left: 9px; */
    padding-right: 0px;
	text-align: center;
}
.menu_img_div>a>div.blue_menu_ikona
{
	height:76px;
	width:76px;
	background-repeat: no-repeat;
	background-position: calc( var(--x) * -76px) calc(var(--y) * -76px);
}
.menu_img_div>a>div.blue_menu_ikona.small
{
	height:56px;
	width:56px;
	background-repeat: no-repeat;
	background-position:calc( var(--x) * -56px - var(--e_x)) calc(var(--y) * -76px);
}
#sidebar_left .metodik_img_div span,
#sidebar_left .menu_img_div span, 
#content .menu_img_div span, 
.menu_img_div span
{
	position: relative; 
	font-size: 12px;
	
	color: #000;
	display: inline-block;
	right: unset;
    top: unset;
    text-align: center;
}
#sidebar_left .metodik_img_div a,#sidebar_left .menu_img_div a, .menu_img_div a
{
	text-decoration: none;
	display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
#sidebar_left .metodik_predmety, .sidebar_extraleft .metodik_predmety
{
	background: linear-gradient(#5bc8e0, #ECF8FB);
    border-radius: 0px 0px 8px 8px;
    -moz-border-radius: 0px 0px 8px 8px;
    -webkit-border-radius: 0px 0px 8px 8px;
    background-size: auto;
	margin-top: 1px;
	padding-bottom: 7px;
}
#sidebar_left .mobil_ikony, .sidebar_extraleft .mobil_ikony
{
	justify-content: space-evenly;
    display: flex;
    flex-wrap: wrap;
	/*background: linear-gradient(#98DAEA, #98DAEA);*/
	background: #98DAEA;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    background-size: auto;
	margin-top: 0px;
	padding-top: 14px;
	padding-bottom: 14px;
	max-width: 310px;
}
#sidebar_left .mobil_ikony .metodik_img_div span, .sidebar_extraleft .mobil_ikony .metodik_img_div span, .mobil_ikony .metodik_img_div span
{
	position: relative; 
	font-size: 12px;
	
	color: #000;
	display: contents;
}
#sidebar_left .mobil_ikony .metodik_img_div a, .sidebar_extraleft .mobil_ikony .metodik_img_div a, .mobil_ikony .metodik_img_div a
{
	text-decoration: none;
}
/*----------------------------- ---------- -----------------------------------------*/
.border-right {
	border-right: 1px solid #e7e7e7;

}
.border-bottom {
	border-bottom: 1px solid #e7e7e7;

}
._33percen
{
	width: 33%;
}
/*----------------------------- ---------- -----------------------------------------*/
#video_poster{
--width: 542px;
width: var(--width);
height: calc(var(--width) * 0.633);
background-image: url(/img/video_poster.png);
background-position: center;
background-repeat: no-repeat;
opacity: 0.5;
color: #fff;
font-size: 17px;

	justify-content: center !important;
    align-items: center;
    flex-flow: column;
}
#video_poster strong {
	font-size: 22px;
}

.color-red, 
.color-red span
{
	color:red !important;
}
.color-green, .color-green span
{
	color:green !important;
}
.pleft25
{
	padding-left: 25px;
}
.pleft15
{
	padding-left: 15px;
}
/*
#gallery {
    display: block;
    padding-top: 27px;
}*/
#footer_wrapper
{
	max-width: 1034px;
	padding-top:0px;
}
.hide 
{
	display: none !important;
}


.w-3 {
    width: 0.75rem;
}
.right-0 {
    right: 0;
}
.top-0 {
    top: 0;
}
.top-7 {
    top: 7px;
}
.right-8 {
    right: 8px;
}
.absolute {
    position: absolute;
}
.h-3 {
    height: 0.75rem;
}
.inline-block {
    display: inline-block;
}
.border-2 {
    border-width: 2px;
}
.rounded-full {
    border-radius: 9999px;
}
.border-white {
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255,255,255,var(--border-opacity));
}
.bg-red-600 {
    --bg-opacity: 1;
    background-color: #e02424;
    background-color: rgba(224,36,36,var(--bg-opacity));
}
.-translate-y-1 {
    --transform-translate-y: -0.25rem;
}

.translate-x-1 {
    --transform-translate-x: 0.25rem;
}
.transform {
    --transform-translate-x: 0;
    --transform-translate-y: 0;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
}

h1.danger
{
	color: #ff0000  !important;
	background: none !important;
}

img.listing_img_small
{
	width:27px;
	display: inline-flex;
    height: 27px;
    padding-right: 4px;
}
/* ---------------------- grid ------------------*/
.add_kosik_
{
	float: right;
    margin-right: -24px;
    margin-top: -31px;
    width: 145px;
}
.box .add_kosik_
{
	float: none;
    margin-right: 0px;
    margin-top: 0px;
    width: auto;
}
.grid_dokumenty
{
	display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
	border-top: 1px solid #d4d4d4;
    padding-top: 12px;
    margin-top: 5px;
	margin-bottom: 13px;
}
@media screen and (max-width: 680px) {
	.grid_dokumenty
	{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media screen and (max-width: 340px) {
	.grid_dokumenty
	{
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}
#content a.clear
{
	margin:0px;
	padding:0px; 
}
#content .grid_dokumenty a.videne, #content .grid_dokumenty a.nove
{
	margin-left: 0px;
    padding-left: 0px;
    margin-bottom: 5px;
	overflow: hidden;
    display: -webkit-box;
	font-weight: 300;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
	font-size: 14px;
	padding-top: 3px;
}
#content .grid_dokumenty a.nove
{
	color: #000;
	font-weight: 600;
}
#content .grid_dokumenty div.stars_outer
{
	position: relative;
    top: 5px;
    right: 5px;
	 float:none;
    width: unset;
	height: unset;
}
#content h3.nazov_dokumentu
{
	margin-left: 0px;
    padding-left: 0px;
    margin-bottom: 5px;
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
	font-size: 14px;
	line-height: 18px;
    padding: 0;
	font-weight: 600;
	margin-left: 3px;
    border-bottom: 0;
    margin-bottom: 0;
}
#content a.videne h3.nazov_dokumentu
{
	font-weight: 300;
}
#content .grid_dokumenty a.videne:hover, #content .grid_dokumenty a.nove:hover
{
	text-decoration: none;
	cursor: pointer;
}
#content .grid_dokumenty div.box{
	box-shadow: -1px 4px 12px 1px rgb(25 42 70 / 22%);
    transition: all .3s ease-in-out;
	margin-bottom: 2px;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
	border: 1px solid rgb(25 42 70 / 22%);
}
#content .grid_dokumenty div.box div[id^="display-title-div"]
{
	margin-top:0px;
	right: 0px !important;
}
img.cover
{
	object-fit: cover;
    width: 100%;
    height: 100%;
}
#content .grid_dokumenty .box span.nazov{
	position: relative;
	font-size: 30px;
	color: white;
    text-shadow: 0 0 5px black;
    width: 100%;
	text-align: center;

}
div.cover
{
	background-size: cover;
}
.box.strielacka.cover
{
	min-height: 188px;
	display: flex;
	justify-content: center !IMPORTANT;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: column !IMPORTANT;
	
}
.karta_strielacka
{
	min-height: 58px;
    width: 23.6%;
    margin-right: 2px;
	
}
.metodik_image
{
	position: relative;
}
#content .grid_dokumenty div.box img.metodik_image
{
	background-color: #FFFFFF;
	padding: 0px 1px;
	
	border-radius: 1px;
    /* bottom: 15px; */
    position: absolute;
    /* margin-right: 9px; */
    right: 3px;
    margin-top: -22px;
}
#content .grid_dokumenty div.box > .image_top_info
{
    position: absolute;
    top: 0px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0px 0px;
    box-sizing: border-box;
    left: 0px;
}
#content .grid_dokumenty div.box > .image_top_info > div.img_sub_grad
{
	background: #fff;
    border-radius: 0px 0px 4px 0px;
    padding: 3px 0px 4px 4px;
    display: flex;
}
#content .grid_dokumenty div.box > .image_top_info > div.img_sub_grad div
{
	display: flex;
    align-items: center;
}
#content .grid_dokumenty div.box > .image_top_info > div.img_sub_grad >:first-child
{
	border-right: 1px solid #d4d4d4;
	padding-right: 0px;
    margin-right: 4px;
	display: flex;
    align-items: center;
}
#content .grid_dokumenty div.box > .image_bottom_info
{

    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0px 0px;
    box-sizing: border-box;
    left: 0px;
	display: flex;
	justify-content: space-between;
}
#content .grid_dokumenty div.box > .image_bottom_info > div.img_sub_grad
{
	background: #fff;
    border-radius: 0px 0px 4px 0px;
    padding: 3px 0px 4px 4px;
    display: flex;
    overflow: hidden;
}
#content .grid_dokumenty div.box > .image_bottom_info > div.img_komentare
{
	display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 4px;
    padding-left: 4px;
}
#content .grid_dokumenty div.box > .image_bottom_info > div.img_komentare small
{
	color: grey;
	font-size: 12px;
}
#content .grid_dokumenty div.box > .image_bottom_info > div.img_komentare > div small:nth-child(2)
{
	border-left: 1px solid grey;
	padding-left: 2px;
    margin-left: 2px;
}
#content .grid_dokumenty div.box > .image_bottom_info > div.img_komentare small.active
{
	color: #ff0000;
	font-weight: 600;
	font-size: 12px;
}
#content .grid_dokumenty div.box > .image_bottom_info > div.img_komentare > img
{
	width: 17px;
    padding-left: 4px;
}
#content .grid_dokumenty div.box > .image_bottom_info > div.img_sub_grad div
{
	display: flex;
    align-items: center;
}
#content .grid_dokumenty div.box > .image_bottom_info > div.img_sub_grad >:first-child
{

	display: flex;
    align-items: center;
}

#content .grid_dokumenty div.box img.box_image
{
	height: 100%; 
	height: 180px;
    object-fit: cover;
    object-position: top;
}
.l1p
{
	border: 1px solid rgb(25 42 70 / 22%);
}
.l1p:active, .l1p:hover, .l1p.active
{
	border: 1px solid rgb(25 42 70 / 49%);
}
#content div.dok_type > a:first-child
{
	margin-right: 3px;	
}
#content .grid_dokumenty div.box:hover
{
	background-color: #d7d7d75e;
}
span.relative{
	position: relative;
    font-size: 12px;
    color: #000;
    display: inline-block;
    right: unset;
    top: unset;
}
.navigbar
{ 
   /* flex: 0 0 100%;*/
    max-width: 100%;
	padding-top: 20px; 
    padding-bottom: 15px;
    /*margin-top: 25px;*/
}
.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.navigbar span
{
    display: flex;
}

.navigbar .strana{
    font-size: 12px;
    line-height: normal;  
    padding: 6px 6px;
}
.navigbar a.page-link {
  position: relative;
  display: inline-block;

}

.navigbar a.page-link::after {
    content: "";
    position: absolute;
    bottom: 0.2em;
    left: 82%;
    transform: translateX(-50%);
    width: 8px;
    height: 8px;
    background-color: #f58220;
    border-radius: 50%;
}
 #content .navigbar a:hover{
	color: #08813b;
    text-decoration: none;
}
#content .navigbar a,
.navigbar a{
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    padding: 5px 5px;
    margin-left: -1px;

    color: #08813b;
    background-color: #fff;
    border: 1px solid #dee2e6;
    font-size: 12px;

    min-width: 28px;
    text-align: center;
    justify-content: center;
	margin-top: 1px;
	text-decoration: none;
	margin-bottom: 0;
	font-weight:normal;
}
.navigbar b{
    position: relative;
    box-sizing: border-box;
    display: flex;
    padding: 5px 5px;
    margin-left: -1px;
    color: #0d8140;
    border: 1px solid #dee2e6;
    color: #fff;
    background-color: #08813b;
    border-color: #08813b;
    font-size: 12px;

    min-width: 28px;
    text-align: center;
    justify-content: center;
	margin-top: 1px;
}
#content .navigbar a.textovy_navig, 
.navigbar span a.textovy_navig
{
	    font-size: 25px;
    padding: 5px 2px;
}
/*----------- aktualizacia --------*/

#content  table.aktualizacia_table
{
	margin-left: 0px; 
	border:1px solid #ccc;
	border-collapse: separate;
	border-spacing:0px;
	width: 100%; 
	padding: 4px;
	background-color:#f9f8f8;
}
#content  table.aktualizacia_table thead tr td.hlavicka
{
	background: none repeat scroll 0 0 #949494;
		color: #FFF;
		padding: 4px 6px;
		height: 23px;
		font-size: 14px;
}
#content table.aktualizacia_table tbody tr td {
		font-size: 13px;
		vertical-align: middle;
		padding: 6px;
	}
#content table.aktualizacia_table tbody tr.hover_row:hover {
		background-color: #e0e0e0;

	}
/*-----------------------------------*/