@import "reset.css?v=1675";
@import "rebuild.css?v=1675";
@import "grid.css?v=20220120";


@font-face {
    font-family: AmorSans;
    font-weight: bold;
    src: url("Amor Sans Text Pro Bold.otf") format('opentype');
}
html
{
    box-sizing: border-box;
}
body{
    font-size: 15px;
    line-height: 20px;
}

/*****************/
table td, table th {
    color: black;
    font-family: "Arial";
    font-size: 13px;
    vertical-align: top;
}
#had2
{
    display: none;
}
#footer a
{
	color: #08813B;
}
.bg_white
{
    background-color: #FFF;
}
div.stred
{
	text-align:center;
}
h1{
    color: #0e0e0e;
    font-size: 27px;
    line-height: 44px;
    padding: 12px 8px 0px 34px;
}
p{
 
    margin-bottom: 0;
    text-align: justify;
}
.text-center
{
    margin: 0 auto;
    text-align: center;
}
.header>.content_inside 
{
    align-items: center;
    height: 100%;
    box-sizing: border-box;
}
#had 
{
   /* width: calc(100% - 56px);
    max-width: 429px;*/
   width: 42px;
    margin-right: 10px;
}
span.logo_text
{
    font-size: 20.7px;
    font-family: AmorSans;
    color: #000;
    margin-top: 4px;

    white-space: pre-wrap;
    line-height: 17px;
    text-align: left;
}
/************************ FOOTER ************************************/
#footer h1{
    color: black;
    font-size: 30px;
}
#footer.sticky
{
	position:fixed;
	bottom:0;
}
#footer h2
{
	font-size:17px;
	font-weight:600;
	color:#4a4949;
	padding-bottom: 12px;
}
#main_content
{   padding: 20px;
    background-color:#fff;
    width: 100%;
}
#main_content  img
{
    width: auto;
    max-width: 100%;
}
.one-and-half-col
{
	flex-grow:1;
	flex-basis:25%;
	border-right: 2px dashed #bbbaba;
    margin-right: 10px;
    padding-right: 10px;
}
.one-and-half-col .kontakt
{
	display:flex;
	padding: 5px;
}
.one-and-half-col .kontakt_viac
{
	float: right;
	margin-top: -10px;
	padding-right: 15px;
}
.one-and-half-col.last
{
	flex-grow:1;
	flex-basis:25%;
	border-right: 0px;
}
.VOP_padding{
    padding-top: 21px;
}
#inner-footer_wrapper
{
		display:flex;
		flex-direction: row;
		justify-content:center;
}
#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;
    padding-top: 15px;
    color: #4a4949;
}
.content_inside
{
    max-width: 1500px;   
    /*justify-content: center;   */
    margin: 0 auto;   
    width: 100%;
}
/***************************titulka **********************************************/
/******************************************************************************/
/******************************************************************************/

.block_relative
{
	display: flex !IMPORTANT;
	position: relative;
}

.prispevok-main .prispevok-content
{
    
    padding: 6px;
}
.prispevok-main .prispevok-content .popis_blog
{
    height: 302px;
    overflow: hidden;
}
/*.prispevok-main.s1x1
{
    width:200px; 
}
.prispevok-main.s2x1
{
    width:370px; 
}*/

.container {
	clear:both;
	/*float:left;*/
    display: flex;
	margin:0;
    width: 100%;	
    max-width: 100%;
    margin: 0 auto;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: flex-start;
   /* min-width: 100%;*/

}
.prispevok-main  {
    width:  280px;
    height: auto;
    /*height: auto;*/
    float: left;
    margin-bottom: 20px;
  /*  border: 1px solid #E2F0E4;*/
    /*margin-top:	9px;*/
    overflow: hidden;
    
 /*   -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;*/
}
.prispevok-paladin {
    
    height: auto;
    /*height: auto;*/
    float: left;
    margin-bottom: 20px;
  /*  border: 1px solid #E2F0E4;*/
    /*margin-top:	9px;*/
    overflow: hidden;
    
 /*   -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;*/
}
.prispevok-content div.podobne
{
    padding-bottom: 2px;
}
.prispevok-main.w2 { width:  575px }
.prispevok-main.h2 { height: 363px; max-height: 363px;}
.prispevok-main.h3 { height: 553px; max-height: 553px;}
.prispevok-main.h4 { height: 744px; max-height: 744px;}
.prispevok-main.h5 { height: 832px; max-height: 832px;}
.prispevok-main.h6 { height: 940px; max-height: 940px;}

img.work-masonry-thumb
{
    width:  280px;
    height: 173px;
}
img.w2 { width:  575px }	
img.h2 { height: 363px }
img.h3 { height: 553px }
img.h4 { height: 586px }
.prispevok-main .prispevok-content.p0
{
    padding: 0px !important;
}
.prispevok-main .prispevok-content p.list_praca
{
    border-bottom:0px !important;
    margin-bottom: 0px !important;
}
.nowrap
{
    white-space: nowrap;
    font-size: 11px;
}
#stred_980{
    width: 100%;
    clear: both;
    display: inline-block;
    max-width: 980px;
}
#full_width_center{
    clear: both;
    width: 100%;
    display: flex;
    justify-content: center;
}

.light_blue
{
    background-color: #98DAEA;
}

/*---------------------------------------*/
@media screen {
    .titulka_flex
    {
        width: 1760px; 
    }
}
@media screen and (max-width: 1780px) {
    .titulka_flex
    {
        width: 1465px; 
    }
}
@media screen and (max-width: 1465px) {
    .titulka_flex
    {
        width: 1170px; 
    }
}
@media screen and (max-width: 1169px) {
    .titulka_flex
    {
        width: 875px; 
    }
}
@media screen and (max-width: 875px) {
    .titulka_flex
    {
        width: 580px; 
    }
}
@media screen and (max-width: 575px) {
    .titulka_flex
    {
        width: 100%; 
    }
    .prispevok-main.w2 { width:  100%  !important; height: auto;}
   /* .container .prispevok-main { width: calc(100% - 16px) !important; height: auto;}*/
   /* .prispevok-main.h3 { height: 526px }*/
}
@media screen and (max-width: 1490px) {
    .baner
    {
        height: 274px;
    }
    .bublina_wrap{
        margin: 0px 10px 20px 0px;
        
    }  
}
@media screen and (min-device-width: 1190px) and (max-device-width: 1490px) {
    .bublina_wrap{
        width: 100%;
    }
}

.text-center
{
	text-align: center;
}
.clear_both
{
  clear:both;
}

#modre_m {
	display: inline-flex;
    width: auto;
    position: relative;
   
}
#modre_m #hamburger_fat
{
    margin-right: 10px; 
}
img.blue_menu_ikona
{    
	border-radius: 11px;
   /* box-shadow: 0px 2px 6px 0px #769da9;*/
    border: 1px solid #59A51E;
}
img.blue_menu_ikona.small
{    
	border-radius: 5px;
	/*box-shadow: 0px 2px 6px 0px #23a363;*/
}
.menu_img_div span
{    
	padding-top: 5px;
}
#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;
}

.pleft35
{
	padding-left: 35px;
}
.sidebar_extraleft
{
    /*width:100%;*/
    max-width: 310px;
	max-width: 280px;
    min-width: 250px;
}
.sidebar_extraright
{
     /* width: 100%; */
    /* max-width: 280px; */
    height: fit-content;
    /* min-width: 250px; */
    height: 560px;
    border-radius: 5px;
    padding: 0;
    box-sizing: border-box;
    background-color: #fff;
    margin: 0;
}
.pr10 {
    padding-right: 10px;
}
.pl10 {
    padding-left: 10px;
}
.pr20 {
    padding-right: 20px;
}
.pr11{
	padding-left: 10px;
    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;
}
.bublina{
	background-color: #fff;
	border-radius: 5px;
    min-height: 105px;
	/*margin: 10px;*/

}
.text_bublina{
	padding: 10px;
    padding-right: 24px;
    padding-right: 24px;
    list-style: square;
    display: list-item;
    padding-left: 12px;
    margin-left: 24px;
    list-style-type: disc;
}
.img_bublina{
    padding: 20px 25px;
    width: 100%;
    text-align: center;
    max-width: 150px;
}
.bublina_wrap{
	text-align: center;
    margin: 0px 0px 10px  0px;
    
}
.clanok{
 
    padding: 29px 34px 28px 34px;
    font-size: 17px;
    box-sizing: border-box;
    width: 100%;

}
h1.clanok{
    color: #000;
    font-size: 29px;
    font-weight: 600;
}
.div_form h1
{
     font-weight: 600;
}
h3.clanok{
    color: #000;
    font-size: 24px;
    text-align: left;
    font-weight: 600;
}
div.clanok,
p.clanok{
    text-align: left;
    line-height: 1.4em;
}
li.clanok{
    text-align: left;
    padding: 10px 34px 3px 14px;
}
.flex{
    display: flex;
}
.aktuality{
    color:green;
    font-size: 25px;
    display: flex;
    justify-content: center;
    padding: 6px 14px 6px 14px;
    font-weight: 600;

}
a.aktuality{
    text-decoration: underline;
    font-size: 15px;
    color:rgb(31, 112, 31) ;
    font-weight: normal;

}

h2{
    font-size: 20px;
    text-align: left;
    padding: 16px 10px;
    transition: all .3s ease-in-out;
    /* border-bottom: 1px solid grey; */
    background-color: rgb(80 160 18 / 21%);
    border-radius: 4px;
    margin-bottom: 2px;
    
}
h2.faq:hover
{   
    background: rgb(34, 179, 34);
    cursor: pointer;
   
}
h3{
    font-size: 18px;
    text-align: left;
    padding: 12px 0px;
}
h4{
    font-size: 16px;
    text-align: left;
    font-weight: 600;
    padding: 18px 33px;
    
}
h5{
    font-size: 20px;
    text-align: left;
    /* font-weight: 600; */
    padding: 18px 52px;
}
.nadpis{
    padding: 18px 22px 10px 22px;
    text-align: center;
}

.accordion{
    text-align: left;
    font-size: 16px;
    padding-left: 10px;
}
#accordion p{
    font-size: 18px;
    padding: 10px 2px;
    
}
#accordion li{
    font-size: 18px;
    padding: 5px;
    text-align: left;
}
.roll{
    height: 274px;
}
.napoleon{
    max-width: 580px;
    padding-right: 20px;
    width: 100%;
}
.napoleon2{
    max-width: 880px;
    padding-right: 10px;
    width: 100%;
}
.aktuality_div{
    width: 280px;
    padding-right: 20px;
}
/*--------- modere menu ----------------*/
.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: #c6ddc8;
    padding-bottom: 8px;
}
.modere_menu_submenu .menu_img_div
{
    width: 58px;  
    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: 45px;  
}
#content .modere_menu_submenu .menu_img_div > a  >span
{
    font-size: 11px;
}

#stred_980{
    width: 100%;
    clear: both;
    display: inline-block;
    max-width: 980px;
}
#full_width_center{
    clear: both;
    width: 100%;
    display: flex;
    justify-content: center;
}

#footer
{
	margin-top:15px;
	width: 100%;
	background-color:#D7D7D7;
	display:block;
	color:#656464;
	position:relative;
	text-align: center;
    clear: both;
    padding-top: 12px;
}

#pre_footer
{
	margin-top:15px;
	width: 100%;
	display:block;
	position:relative;
	text-align: center;
    clear: both;
    padding-top: 0;
}

.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-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.start
{
    align-items: flex-start;
}
.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;
}
.pointer
{
	cursor: pointer;
}

.menu_img_div
{
	
	width: 65px;
    height: 100px;
    position: relative;
    /* padding-top: 10px; */
    border-right: 0px;
    margin-top: 0px;
    /* padding-left: 9px; */
    padding-right: 0px;
	text-align: center;
}
.menu_img_div>a>img
{
	height:52px;
}
#sidebar_left .metodik_img_div span, #sidebar_left .menu_img_div span, .menu_img_div span
{
	position: relative; 
	font-size: 11px !IMPORTANT;
	line-height: 1.2em;
	color: #000;
	display: inline-block;
	right: unset;
    top: unset;
    text-align: center;
}
.vyber_poist span
{
	position: relative; 
	font-size: 13px;
	line-height: 1.2em;
	color: #000;
	display: inline-block;
	right: unset;
    top: unset;
    text-align: center;
    text-decoration: none;
    margin-left: 12px;
    padding-top: 7px;
}
#sidebar_left .metodik_img_div a,#sidebar_left .menu_img_div a, .menu_img_div a
{
	text-decoration: none;
	display: inline-block;
}
#sidebar_left .metodik_predmety, .sidebar_extraleft .metodik_predmety
{
	background: linear-gradient(#5bc8e0, #ECF8FB);
    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: #fff;
    background-size: auto;
	margin-top: 0px;
    border-radius: 5px;
	padding-top: 14px;
	padding-bottom: 14px;
	max-width: 310px;
    padding: 15px 10px 10px 10px;
}
#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;
}
.pleft25
{
	padding-left: 25px;
}
.pleft15
{
	padding-left: 15px;
}
.no_fullwidth{
    width: 67%; 
    padding-top: 540px;
    
}
.fullwidth{
    width: 100%;
}
/*
#gallery {
    display: block;
    padding-top: 27px;
}*/
#footer_wrapper
{
	max-width: 1200px;
	padding-top:0px;
}
#pre_footer_wrapper
{
	max-width: 900px;
	padding-top:0px;
}
.pre_footer > .menu_img_div
{
    width: auto;
    box-sizing: border-box;
    height:100px;    
}
.pre_footer > .menu_img_div >img
{
 
    padding: 5px;
}
.vyber_poist{
    padding-left: 35px;
    padding-right: 35px;
    width: 100%;
    box-sizing: border-box;
}
.pre_footer  > .menu_img_div>a>img
{
    height: auto;
    /* width: 82%; */
    /* width: 100%; */
    max-height: 30px;
    padding: 15px 19px;
        max-width: calc(100% - 40px);
}
hr{    
    background-color: #e6f0e7;
    margin: 20px 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;
}
img.aktuality_icona
{   
    width: 25px;
    min-width: 25px;
    padding-top: 9px;
}