@import "reset.css";
@import "rebuild.css";
@import "grid.css?v=20220120";
#footer a
{
	color: #A52265;
}
div#footer {
	text-align: center;
	clear: both;
	padding-top: 12px;
}
#header {
    margin-bottom: 7px;
}
#header .logo span {
    display: block;
    height: 118px;
    text-indent: -9999px;
    width: 310px;
}
#header p {
    color: #FFFFFF;
    font-size: 14px;
    line-height: 16px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 12px;
    width: 670px;
}
#header p span.meno, #header div.meno {
    color: #D7D7D7;
}
#header p span.titul {
    background: none repeat scroll 0 0 #8DC63F;
        border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 4px;
}
#header p img.oddelovac, #header div img.oddelovac {
    margin-left: 8px;
    margin-right: 8px;
}
#header p a, #header a {
    color: #FFFFFF;
}
#header p a:hover, #header a:hover {
    color: #7d7d7d;
}
#header .knizka {
    background: url("../images/knizka.png") no-repeat scroll 0 0 transparent;
    color: #D7DF21;
    height: 47px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 36px;
    width: 64px;
}
#header .knizka a {
    display: block;
    height: 47px;
    text-indent: -9999px;
    width: 64px;
}
#header ul.menu {
    background: url("../images/header_menu_bg.png") no-repeat scroll 0 0 transparent;
    font-size: 16px;
    height: 47px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 36px;
    width: 667px;
}
#header ul.menu li {
	display:inline;
}
#header ul.menu li a {
    border-right: 1px solid #d7d7d7;
    color: #fff;
    display: block;
    float: left;
    height: 44px;
    line-height: 46px;
    padding: 0 13px;
    text-align: center;
    text-decoration: none;
}
#header ul.menu li a.active, #header ul.menu li a:hover {
    background: url("../images/header_menu_hover.png") no-repeat scroll -100px 0 transparent;
    color: #fff;
}
#header ul.menu li.first a.active, #header ul.menu li.first a:hover {
    background: url("../images/header_menu_hover.png") no-repeat scroll 0 0 transparent;
}
#header ul.menu li.last a {
    border: medium none;
}
div#header.six-col div.login {
    color: #FFFFFF;
    font-size: 14px;
    line-height: 16px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0px;
    padding: 9px;
    padding-right: 0px;
    width: 670px;
}
div#header.six-col div.login input {
border:1px solid #d7d7d7;
}



.box {
	position: relative;
	border: 0px;
	text-align: left;
	background-color: white;
	margin-bottom: 8px;
	width: 100%;
	height: auto;
	float: left;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
}


.box_tl, .box_tr, .box_bl, .box_br {
	display: none;
}
#predmety {
    background: url("../../gui/metodik/predmety_bg.png") no-repeat scroll 0 0 transparent;
    border-bottom: 1px solid #DDDDDD;
    height: 141px;
    padding-bottom: 15px;
    margin-bottom: 0;
    margin-top: 0px;
    width: 100%;
    background-size: 100% auto;
}
#sidebar_left {
    min-height: 350px;
    padding-top:8px;
}
ul {
    margin: 0 0 8px 15px;
}
#content .navigbar b
{
    background-color: #a52265;
    border-color: #a52265;
}
#content .navigbar a, #content .navigbar a{
    color: #a52265 !important;
}
.formular_main
{
	position:absolute;
	left:400px;
	top:300px;
	padding:5px;
	width:415px;
	display:none;
	border:1px solid #000000;
	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	z-index:100;
	background:#FFFFFF;
	box-shadow: 3px 4px 6px 0;
}
.moje_triedy_label_nazov
{
    border-right: 1px solid #E8E8E8;
    color: #707271;
    display: inline;
    font-size: 16px;
    font-weight: bold;
    margin-left: 7px;
    padding-right: 10px;  
}

.moje_triedy_label_text
{
    color: #000000;
    display: inline;
    font-size: 16px;
    font-weight: bold;
    margin-left: 10px;
}
#registracia .pol-col,
#registracia .one-col,
#registracia .two-col,
#registracia .three-col,
#registracia .four-col,
#registracia .five-col,
#registracia .six-col {
	margin-right:8px;
}

#registracia .pol-col {
	width:74px;
}
#registracia .one-col {
	width:154px;
}
#registracia .two-col {
	width:316px;
}
#registracia .three-col {
	width:480px;
}
#registracia .four-col {
	width:644px;
}
#registracia .five-col {
	width:808px;
}
#registracia .six-col {
	width:980px;
	margin-right:0;
}

#registracia .last-col {
	margin-right:0;
}

#registracia form table td {
padding:4px 2px;
}
#registracia table td {
    padding: 4px 2px;
}
#registracia form table {
margin-bottom:14px;
}

#registracia form table input{
/*
border:1px solid #777;
*/
}


#registracia a
{
color: #777777;
}
#registracia a:hover
{
color: #000;
}

#registracia h2,
#sidebar_left h2,h1 {
	font-size:16px;
	font-weight:bold;
	color:#fff;
	background:#a52265;
	padding:8px;
	
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	margin-bottom:15px;
}
#sidebar_left h2 a {
    color: #FFFFFF;
    text-decoration: none;
}
#sidebar_left h2 a:hover {
    text-decoration: underline;
}
#sidebar_left span {
    color: #FFFFFF;
    font-size: 12px;
    /*position: absolute;
    right: 10px;*/
    text-align: right;
   /* top: 8px;*/
}
#sidebar_left ul li span.pocitadlo {
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-weight:bold;
	background:#949494;
	padding:3px;
	position:absolute;
	right:2px;
	top:2px;
	color:#fff;
	font-size:12px;
}
#sidebar_left ul li span.nove {
    background: none repeat scroll 0 0 #EE0E0E;
}
#sidebar_left ul {
    list-style-image: url("../images/sidebar_left_bullet.png");
    margin-left: 15px;
}
#sidebar_left ul li {
    border-bottom: 1px dotted #D7D7D7;
    padding: 5px 20px 5px 5px;
    position: relative;
   /* width: 280px;*/
}
#sidebar_left ul li a {
    color: #000;
    text-decoration: none;
}
#sidebar_left ul li a.active {
   /* color: #a52265;*/
    font-weight: bold;
}
#sidebar_left ul li a:hover{
    color: #a52265;
    font-weight: bold;
	text-decoration:underline;
}
#sidebar_left ul li.active {
	background-color: #d7d7d780;

}
#sidebar_left form.search div {
    
    height: 34px;
    margin: 0;
   /* padding: 0 10px;*/
    width: 100%;
}
#sidebar_left form.search input.hladaj {
    background: url("../images/search_bg.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    color: #777777;
    font-size: 16px;
    height: 34px;
    line-height: 34px;
    margin: 0 !important;
    outline: 0 none !important;
    padding-left: 35px;
    vertical-align: top;
    width: 183px;
}
#sidebar_left form.search input.ok {
    border: 0 none;
    height: 34px;
    width: 59px;
}
#predmety_ikony
{
	padding-bottom: 14px;
    padding-top: 16px;
    width: 99%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}
#predmety_ikony img.vyhl_img_small
{
	width: 45px;;
}
#content {
padding-top:8px;
}
table td {
	vertical-align:middle;
	padding: 4px;
}
#content h3, #registracia h3 {
    border-bottom: 1px solid #DDDDDD;
    color: #000000;
    font-size: 15px;
    margin-left: 12px;
    padding-bottom: 8px;
    padding-left: 12px;
}
#content h2 {
	margin-left:24px;
	padding-left:12px;
	font-size:16px;
	font-weight:bold;
	color:#000;
	color:#fff;
	background:#8DC63F;
	background:#a52265;
	padding:8px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	margin-bottom:15px;
}
#content h2.dig_nazov {
	
	background-color:#ffffff;
	padding:11px;
}
#content h2[id^=prispevok]
{
    padding:8px;
}

#content h2.h2_ucitel{
width:436px;
margin-top: 8px;
}
#sidebar_left h2.h2_ucitel {
width:100%;
/*margin-top: 8px;*/
}

#content span {
	color:#000;
	font-size:12px;
/*	text-align:right;
	position:absolute;
	right:0;
	top:0px;*/
}
#content span.du_predmet{
    text-align:right;
	position:absolute;
	right:0;
	top:0px;
}
#content b, b, #content div.text span b {
	font-weight:bold;
}
#content .text span {
	position:relative;
	text-align:left;
}

#content .uloha_pod_dokument
{
  display:block; 
}

#content span.pridanie_zaznamu {
	margin-top:0;
	width:170px;
	height:33px;
	line-height:33px;
	font-size:16.67px;
	text-align:center;
	font-weight:bold;
	text-decoration: none;
	top: 8px;
	text-shadow: 1px 1px #fff, -1px -1px #ccc;
    background: url("../images/textarea_odoslat.png") no-repeat scroll 0 0 transparent;
}
#sidebar_left span.pridanie_zaznamu {
	margin-top:0;
	color:#000;
	width:170px;
	height:33px;
	line-height:33px;
	font-size:16.67px;
	text-align:center;
	font-weight:bold;
	text-decoration: none;
	top: 8px;
	text-shadow: 1px 1px #fff, -1px -1px #ccc;
    background: url("../images/textarea_odoslat.png") no-repeat scroll 0 0 transparent;
}
#content .detail  span.nazov_predmet {
	/*top:7px;*/
    position: absolute;
    right: 0;
    text-align: right;
}

#content .foto {
    float: left;
    margin-left: 12px;
    margin-right: 12px;
    margin-top: 0;
    padding-left: 12px;
    width: 80px;
}
* html #content .foto {
	margin-right: 6px;
}
#content .obsah {
    color: #777777;
   
    line-height: 18px;
}
#content .record a {
   color:#000;
    display: block;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 16px;
    margin-left: 24px;
/*    padding-left: 12px;*/
    text-decoration: none;
}
#content a:hover {
    color: #a52265;
    text-decoration: underline;
}
#content a.link {

	color: #777777;
}
#content a.link:hover {

	color: #a52265;
}

#content .prispevok span a ,
#content .reakcia span a {
    color: #777777;
}
#content .prispevok span a:hover ,
#content .reakcia span a:hover {
    color: #a52265;
}

.nastenka {
    background: url("../images/nastenka_bg.png") repeat-y scroll 0 0 transparent;
}
.record {
    background: url("../images/record_bg.png") no-repeat scroll 0 0 transparent;
    height: 128px;
    padding-bottom: 0;
    padding-top: 16px;
    width: 345px;
    width: 50%;
}
.prispevok {
    background: url("../images/nastenka_prispevok_bg.png") repeat-x scroll 0 0 transparent;
    width: 100%;  
    min-height: 100px; 
}  
.prispevok.opakovanie {
    min-height: 35px;
}  
#content .prispevok h3, #content .reakcia h3 {
    border: 0 none;
    color: #000000;
    font-size: 13px;
    font-weight: bold;
    padding-left: 0;
    padding-top: 15px;
}
#content .reakcia h3 {
    /* border-bottom: 1px solid #ECECEC;*/
    margin-bottom: -2px;
    margin-left: 0;
    padding-top: 8px;
}
#content .reakcia h3 span.ucitel, #content .prispevok h3 span.ucitel {
    background: none repeat scroll 0 0 #a52265;
     border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #FFFFFF;
    margin-right: 6px;
    padding: 2px;
    position: relative;
}

#content .prispevok span.border-right-span
{
  border-right:1px solid #E1E1E1;
  position:relative;
  color: #777777;
  padding:5px 10px;
  height:20px;
}

#content .prispevok span.viac-nastenka
{
  position:relative;
  padding-right:10px;
  padding-left:10px; 
}

#content .prispevok span.viac-nastenka a
{
 color:#AB3071;
 font-weight:bold;
 text-decoration:none;
}

#content .prispevok span.main_top
{
  white-space:nowrap;
  position: absolute;
  right: 0;
  top: 0;
}
#content .prispevok span.main_top div.viac_wraper
{
    display: inline;
    white-space: nowrap;
    /* box-shadow: 0px 0px 3px 1px #403b3b; */
    padding: 5px 1px;
    z-index: 4444445554;
    
}
#content .prispevok span.main_top div.viac_wraper.active
{
    border: 1px solid #b5b5b5;
    border-bottom: 0px;
    background: #E9FCFF;
    padding: 5px 0px;
}
#content .prispevok span.main_top, #content .reakcia span {
    color: #777777;
    padding-right: 2px;
    padding-top: 14px;
    z-index: 9;  
}
#content .reakcia span {
    margin-top: 7px;
    padding-top: 0;
    padding-right: 3px;
    position: relative;
}
#content .diskusia .reakcia span {
    margin-top: 10px;
    padding-top: 0;
    
}

#content .prispevok .foto, #content .reakcia .foto {
    float: left;
    margin-top: 18px;
    padding: 0;
    width: 44px;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
#content .reakcia .foto {
    /*margin-left: 89px;*/
    margin-top: 9px;
    width: 32px;
    
}
#content .prispevok .obsah, #content .reakcia .hlavicka, #content .reakcia .obsah {
    color: #000000;
    font-size: 12px;
    font-weight: normal;
    padding-right: 15px;
    padding-top: 3px;
}
#content .prispevok .obsah {
    float: left;
    padding-right: 8px;
    padding-top: 4px;
    width: 89%;
}

#content .prispevok .obsah a, 
#content .prispevok .obsah h3 {   
    padding-left: 0;
    margin-left: 0;
}
#content .prispevok .obsah a
{
	font-size: 12px;
}
#content .reakcia .hlavicka {
    display: flex;
    padding-right: 10px;
    padding-top: 3px;
    justify-content: space-between;
    overflow: hidden;
}
#content .reakcia .obsah {
    display: block;
    padding-right: 15px;
    padding-top: 0px;

    overflow: auto;
}
#content .prispevok .ukoncovak {
    background: url("../images/nastenka_prispevok_koniec.png") no-repeat scroll 0 0 transparent;
    clear: left;
    height: 18px;
    width: 100%;
}
#content .prispevok .ukoncovak.medzera {
    background: none repeat scroll 0 0 transparent;
}
#content .reakcia .ukoncovak {
    border-bottom:1px solid #E1E1E1;
    clear: left;
    height: 6px;
    /*margin-left: 88px;*/
    width: 100%;
}
#content .listing_dokumentov .komentare_board
{
    margin-left: 90px;
}
#content .prispevok .gallery_link {
	text-align: right;
	max-width: 626px;
	padding-right: 5px;
}
#content .prispevok .gallery_link a {

	border:0px;	
	display: inline;
	margin-left: 0;
    padding-left: 0;
    margin-bottom: 0;
}
#content .prispevok .dokument_link {
   /* float: right;*/
    margin-top: 85px;  
    max-width: 626px;
    text-align: right;
    padding-right: 5px;    
}
#content .prispevok .dokument_link a {
   color: #a52265;
    display: inline;
    font-size: 12px;
    font-weight: bold;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 0;
}
#content .prispevok .dokument_link a:hover {

    color: #000;
  /*  text-decoration: none;*/
}
#content .prispevok .flex {
    display: flex;
   justify-content: space-between;
   width:100% ;
}
#content p.hlaska_enter
{
    margin-left: 70px;
    padding: 2px;
    margin-bottom: 4px;
    display:none;
}
#content .prispevok-main .zobrazit-subory {
    display:block;
    /*margin-bottom:20px;*/
    /*width: 627px;*/
    border-bottom:1px dotted #E1E1E1;
    border-top:1px solid #E1E1E1;
    clear:both;
    position:relative;
    margin-top:20px;
    margin-bottom: 5px;
}

#content .sipka-dole
{
  padding:25px 9px;
  width:38px;
  border-right: 1px solid #E1E1E1;
  margin:10px 0;
  float:left;
  cursor:Pointer;
 
}
#content .sipka-dole img
{
    transform: rotateZ(-90deg);
    transition-duration: 0.2s;
    transition-property: transform;
}
#content .sipka-dole.rotate_sipka img
{
    transform: rotateZ(0deg);
}

#content .zobrazit-text
{
  padding:25px 12px;
  margin:10px 0;
  float:left;
  font-weight:bold;
  font-size:16px;
  white-space: nowrap;
}

#content .zobrazit-pocet
{
  padding:25px 12px;
  margin:10px 0;
  float:right;
}

#content .zobrazit-pocet .zobrazit-pocet-inner1
{
	background-color:#FD0100;
	color:#FFFFFF;
	font-weight:bold;
	padding:3px 6px;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	padding-top: 3px;
	padding-bottom: 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#content .zobrazit-pocet .zobrazit-pocet-inner2
{
	background-color:#D7D7D7;
	color:#FFFFFF;
	font-weight:bold;
	padding:3px 6px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	padding-top: 3px;
	padding-bottom: 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#content .zobrazit-image
{
  padding:0 12px;
  border-left: 1px solid #E1E1E1;
  margin:10px 0;
  float:right;
}
#content .zobrazit-image a
{
    text-decoration: none;
   /* float: left;
    width: 75px;  */  
}
#content .zobrazit-image a div.nazov_suboru, .nazov_suboru
{
    text-align: center;
    margin-bottom: 1px;
    font-size: 9px;
    max-width: 80px;
    overflow: hidden;
    max-height: 30px;
    line-height: 10px;
    margin-top: 6px;   
}

#content .odlozeny_prispevok{
    background: none repeat scroll 0 0 #f93648;
     border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #FFFFFF;
    margin-right: 6px;
    padding: 2px 6px;
    position: relative;
    width: auto;
    float: right;
    margin-bottom: 1px;
}

#content .reakcia h3 span.ziak {
    background: none repeat scroll 0 0 #297770;
     border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #FFFFFF;
    margin-right: 6px;
    padding: 2px;
    position: relative;
}
#content .reakcia h3 span.rodic {
    background: none repeat scroll 0 0 #000000;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #FFFFFF;
    margin-right: 6px;
    padding: 2px;
    position: relative;
}
#content .textarea_reagovat {
   /* height: 59px;*/
    margin-bottom: 7px;
    margin-left: 20px;
    margin-top: 1px;
    width: calc(100% - 20px);
    display: flex;
}
#content .audio_komentar {
    height: 61px;
    font-size: 11px;
    padding: 8px;
    width: 50px;
    padding-bottom: 0px;
    text-align: center;
}
#content .audio_div_listing {
    width: 100%;
    padding-top: 16px;
    border-left: 1px solid #ddd;
    padding-left: 17px;
    margin-top: 4px;
}
.recording_status{
    display: flex;
    align-items: center;
    justify-content: center;
}
.recording_status_zrus{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left:15px;
}
.recordingvideo_status_zrus{
    display: flex;
    align-items: center;
    justify-content: center;
}
.recording_status > img{
    width: 49px;
    height: 37px;
}
.recording_status > small{
    max-width: 74%;
    margin-left: -12px;
}

#recordingsList_hodnotenie
{
    margin: 0px 4px
}
#recordingsList_hodnotenie>li
{
    margin-bottom: 2px;
}
#recordingsList_hodnotenie>li>audio
{
    height: 28px;
    width: 184px;
    min-width: 184px;

}
#content .textarea_reagovat textarea {
    background: none repeat scroll 0 0 transparent;  
    border: 1px solid #a52265;
    font-size: 12px;
    height: 35px;
    margin-left: 70px;
    margin-top: 8px;
    padding-left: 5px;
    padding-top: 5px;
    width: 495px;
}
#content .textarea_reagovat .odoslat {
    background: url("../images/textarea_odoslat.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    font-size: 16px;
    font-weight: bold;
    height: 33px;
    position: absolute;
    right: 0;
    text-shadow: 1px 1px #FFFFFF, -1px -1px #CCCCCC;
    top: 178px;
    width: 170px;
}
#content p {
    margin-bottom: 15px;
    margin-left: 24px;
    padding: 8px;
	line-height:1.5;
	color:#555;
}
#text_rocnik
{
    color: #000;
    float: left;
    font-size: 26px;
    margin-top: 4px;
    text-align: left;
}
.metodik_img_div {
    border-right: 1px solid white;
    cursor: pointer;
    float: left;
    font-size: 11px;
    height: 126px;
    margin-top: 0;
    padding-left: 4px;
    padding-top: 15px;
    text-align: center;
    width: 90px;
}
#metodik_sipka_lava.metodik_img_div {
    width: 86px;
    padding-left: 3px;
}
.metodik_img_div img {
    padding-right: 6px;
    height: 78px;
    image-rendering: pixelated;
}
.metodik_text_image {
    margin-left: -4px;
    text-align: center;
    width: 97px;
    color: #000000;
}
#content table.main	a {
    color: #777777;
    text-decoration: none;
    display: inline;
     font-size: 12px;
}
#content table.main {
	margin-top: 22px;
	margin-left: 0px;
}

/*
#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: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	padding: 8px;
}
#content input.button {
    background: none repeat scroll 0 0 #D7D7D7;
    border: 0 none;
    border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    padding: 7px;
	
}

#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: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	padding: 7px;
	text-decoration:none;
	display:block;
	
	
}
#content .spat a {
	background: none repeat scroll 0 0 #D7D7D7;
    color: #000000;

}
#content .spat a:hover {
	color:#000;
	text-decoration:underline;
}
#content .nahlasit a:hover {
	color:#8DC63F;
	text-decoration:underline;
}

*/
.nahlasit {
	float:right;
}

.delete_kom
{
    margin-bottom: 0px;
    padding: 0px;
    float: right;
    position: absolute;
    top: 12px;
    right: 2px;
    cursor:Pointer;
}
#content .diskusia .reakcia .delete_kom
{
	padding: 2px;
}
.spat {
	float:left;
}
.bold
{
    font-weight: bold;
}

.to_delete
{
	/*background: rgb(165 34 101 / 42%) !important*/
	opacity: 0.8;
	border: 2px solid red;
	position: relative;
	display: flex;
	/* justify-content: center; */
	/* align-items: center; */
	flex-direction: column;
	margin-bottom: 10px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8pxx;
}
/*.to_delete > .prispevok-main > .prispevok
{
	background: unset;
}*/
.zrus_mazania{
	display: none;
}

.to_delete .zrus_mazania{
	display: block;

    /* display: flex; */
    /* justify-content: center; */
    font-size: 25px;
    line-height: 31px;
    background-color: #fb0000;
    color: #ffffff;
    opacity: 1.1;
    text-align: center;

    text-shadow: 0px 0px 5px rgb(36, 0, 0);
    font-weight: bold;
	z-index: 5;
	padding-bottom: 9px;
    position: relative;
    padding-top: 5px;
}

#sidebar_left input.submit, #content input.submit {
	border:0;
	background:#7D7D7D;
    border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	color: #FFFFFF;
	font-size: 0.85rem;
	font-weight: bold;
	padding: 7px;
    cursor:Pointer;
    
}
#content input.obnovit {
	border:0;
	background:#FFFFFF;
    border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	color: #000;
	font-size: 0.85rem;
	font-weight: bold;
	padding: 7px;
    cursor:Pointer;
    box-shadow: inset 0 -0.15rem 0 rgb(0 0 0 / 20%);
    
}
#sidebar_left input[type="submit"], #content input[type=submit] {
	border:0;
	background:#7D7D7D;
    border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	color: #FFFFFF;
	font-size: 0.85rem;
	font-weight: bold;
	padding: 7px;
}

#content p.text_pod_comentom
{
    margin-left: 68px;
    padding-top: 1px;
}
.message_info {
	text-align:center;
	border:1px solid #418832;
	background-color:#F3FAF2;
	width:30%;
	height:25px;
	/*padding:10px;*/
	padding:10px;
	font-weight:bold;
	color:#418832;
	padding-top:20px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.message_error {
	text-align:center;
	border:1px solid #CD0A0A;
	background-color:#FEF8F6;
	width:45%;
	height:25px;
	/*padding:10px;*/
	padding:10px;
	font-weight:bold;
	color:#CD0A0A;
	padding-top:20px;
        border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#InfoMessage span{
vertical-align: middle;
    position: relative;

}
#content a.hraj
{
display:block;
}
#content div#slideshow span, #content span.play, #content span.pause
{
	position: relative;
	color:#777777;
}
/*.play {
    background: url("/img/playback-start.png") no-repeat scroll 32px 2px transparent;
    padding-bottom: 3px;
    padding-right: 29px;
    padding-top: 5px;

    color: #777777;
}
.pause {
    background: url("/img/playback-pause.png") no-repeat scroll 42px 2px transparent;
    padding-bottom: 3px;
    padding-right: 29px;
    padding-top: 5px;
    color: #777777;
}
.prev {
    background: url("/img/backward.png") no-repeat scroll 0 2px transparent;
    color: #777777;
}
.next {
    background: url("/img/forward.png") no-repeat scroll 64px 2px transparent;
    color: #777777;
}*/
#download-link
{
	color:#777777;
}
ul.thumbs li.selected a {
	background: #777777;
}

#image_old
{
    float: left;
    padding-right: 12px;
    width: 141px;
}
#new_image
{
padding-left:45px;
width: 500px;
float: left;
}
#n_foto
{
	width:595px;
	float:left;
}
#p_image
{
	width:77px;height:107px;overflow:hidden;margin-left: 59px;
	border:1px solid #ddd;
	    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
#new_image_preview
{
	float: left;
	width: 200px;
	
}
#registracia .foto
{
	border:1px solid #ddd;
	    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}


.prispevok-main .prispevok  audio
{
    display: block;
    width: 100%;
    margin: 0.8rem  0;
    /*max-width: 300px;*/
    height: 32px;
    /*float: right;*/
    outline: none;
}

.reakcia audio
{
    height: 25px;
    outline: none;
}
#content .audio_div_listing audio{

    display: block;
    width: 200px;
    min-width: 200px;
    /* margin-top: 0.2rem; */
    /*min-width: 233px;*/
    height: 30px;
}
#all_child table {
	border-collapse: collapse; 
	color:#5a5a5a;
	line-height:24px;
	text-align:left;
	width:92%;
	margin-left:24px;
	margin-right:24px;
	 margin-top: 17px;
}

#all_child table td {
	border-bottom:1px solid #ddd;
	padding:5px;
	text-align:left;
	width:auto;
}

#all_child table th {
/*	text-transform:uppercase;*/
	background-color:#eceef1;
	border-bottom:1px solid #ddd;
	color:#777777;
	font-weight:bold;
	font-family:Helvetica,Arial,sans-serif;
	padding:2px 5px;
	text-align:left;
}


 .triedy{
	/*height:25px;*/
   /* border-bottom:1px solid #e1e1e1;*/
    /* height: 25px; */
   /* border-bottom: 1px solid #e1e1e1;*/
    margin-top: 7px;
    width: 100%;
}

.triedy.male{
    margin-top: 5px;
}

 .triedy_form{
   /* height:25px;*/
    padding-bottom: 3px;
}
.trieda_select
{
    margin-right: 4px;
}
 .triedy a {
	color:#707171;
	font-size:12.5px;
	float:left;
	border-right:1px solid #dff3fd;
	padding: 2px 15px;
	/*margin:0 0 10px;*/
	font-weight: bold;
	text-decoration: none;
}

.male a {
   font-size: 11px;
    font-weight: bold;
   /* margin: 0 0 10px;*/
    padding: 2px 5px;
}

 .triedy a.active,  #content .triedy a.active:hover  {
	color:#fff;
	background: none repeat scroll 0 0 #a52265;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 4px;
	margin-top: -2px;
}
 .triedy a.nove,  #content .triedy a.nove:hover  {
	color:red;	
}
.male a.active, #content .male a.active:hover {

    padding: 3px;
}
#content .detail h2 {
	border-radius:0;
	background: url("/img/detail_h2_bg.png") no-repeat left center;
	font-size:16.67px;
	color:#000;
	background-color:none;
	padding-left:15px;
	margin:0;
	border-bottom:1px solid #e1e1e1;
}


/* ------------------ dig ucebnica --------------------------------*/

#content .detail .nahlad, #content .detail .nahlad_2  {
	float:left;
/*	height:354px;*/
	width:764px;
	margin-top:15px;
	background: url("../images/detail_nahlad_bg.png") no-repeat left top;
}
#content .detail .nahlad>div  {

	width:549px;

}
#content .detail .nahlad p, #content .detail .nahlad_2 p {
	border-top:1px solid #ddd;
	float:left;
	margin-top:5px;
	/*margin-right:28px;*/
	line-height:20px;
	font-size:16.67px;
	padding-top:10px;
	margin-left:0px;
	width: 720px;
}
#content .detail .nahlad img {
	float:left;
	padding-top:5px;
	padding-left:5px;
}
#slider .nahlad_li {
	width: 544px;
	height: 326px;
}
#slider #slider_ul {
	list-style:none;
}
#slider .nahlad_li a img {
	width: 544px;
	height: 326px;
}
#content .detail ul#ikonky {
	float:right;
	border-left:1px solid #ddd;
	margin:0;
	margin-left:20px;
	padding-left:15px;
	list-style: none;
	width:150px;
	float:left;
	overflow: hidden;
	height: 344px;
}

#content .detail ul#ikonky li {
	border-bottom:1px solid #ddd;
	height:59px;
	margin-bottom:11px;
}

#content .detail ul#ikonky li a {
display:block;
width:100px;
height:42px;
margin:0;
padding-left:55px;
padding-top:15px;
font-size:12.5px;
font-weight:normal;
color:#000;
}
#content .detail ul#ikonky li:last-child {
	border:0;
	margin-bottom:0;
}

#content .detail_bg {
	background: url("../images/detail_bg.png") repeat-y left top;
	border-bottom:1px solid #ddd;
}

#content .detail ul#ikonky li.ulozit_subor {
	background: url("../images/detail_ulozit_subor.png") no-repeat left top;
}
#content .detail ul#ikonky li.poslat_rodicovi {
	background: url("../images/detail_poslat_rodicovi.png") no-repeat left top;
}
#content .detail ul#ikonky li.poslat_kolegovi {
	background: url("../images/detail_poslat_rodicovi.png") no-repeat left top;
}
#content .detail ul#ikonky li.pridat_k_oblubenym {
	background: url("../images/detail_pridat_k_oblubenym.png") no-repeat left top;
}
#content .detail ul#ikonky li.znamkovat {
	background: url("../images/detail_znamkovat.png") no-repeat left top;
}
#content .detail ul#ikonky li.poslat_postu {
	background: url("../images/detail_poslat_postu.png") no-repeat left top;
}
#content .detail .autor {
	float:left;
	margin-top:8px;
	width:215px;
}
#content .detail .autor .podobne .nadpis {
	width:212px;
    height: 23px;
    overflow: hidden;
}
/*#content .detail .autor .podobne .foto {
    float: left;
    margin-top: 5px;
    padding: 0;
    width: 61px;
    margin-left: 2px;
}*/
#content .detail .autor .podobne h2 {
	background: url("../images/sidebar_left_bullet.png") no-repeat left center;
	/*font-weight:bold;
	font-size: 13px;
	color: #000000;
	background-color:none;
	margin:0;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;*/
}
#content .detail .autor .podobne  a{
	text-decoration:none;
}
/*#content .detail .autor .podobne .detail {
 float: left;
 width: 134px;
 padding-top: 2px;
 line-height: 18px;
}*/
#content .detail .autor h2 {
	border:0;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	font-size:16.67px;
	background:#d7d7d7;
	color:#707171;
}
#show_podobne_div {
    padding-bottom:6px;
}
#content .diskusia h2 {
background:#a52265;
color:#fff;
margin-left:0;
margin-top:15px;
margin-bottom:15px;
}

#content .detail span a{
padding-top:6px;
font-size:12.5px;
text-decoration: none;
color: #000000;
}
#content .diskusia .obsah span a{
border:0;
margin:0;
padding:0;
line-height: 17px;
background-color:#FFF;
font-size: 12px;
color: #777777;
}
#content .diskusia span {
top:0;
}
#content .diskusia span a{
	-moz-border-radius:0 8px 8px 0;
	-webkit-border-radius:0 8px 8px 0;
    background-color: #7D7D7D;
    border-radius: 0 8px 8px 0;
    color: #FFFFFF;
    font-size: 12px;
    height: 31px;
    line-height: 61px;
    margin-right: 0;
    margin-top: 15px;
    padding: 8px;
    text-decoration: none;
}
#content .autor p {
	line-height:20.83px;
	margin-bottom: 6px;
	margin-left: -1px;
	padding: 3px;
}
#content .diskusia .reakcia .ukoncovak {
    border-bottom: 1px solid #E1E1E1;
    clear: left;
    height: 6px;
    margin-left: 8px;
    width:98%;
   
}
#content .diskusia .reakcia .obsah {
   padding-top: 0;
   width: 895px;
}
#content .diskusia .reakcia .foto {
    margin-left: 8px;
    margin-top: 6px;
    width: 44px;
}
#content .diskusia .textarea_reagovat {

    margin-left: 8px;
	width: 960px;
}
#content .diskusia .textarea_reagovat textarea {
	width: 960px;
    margin-left: 0px;

}
.ajax_listing {
	position: absolute;
	width: auto;
	border: 1px solid #a4a4a4;
	display: none;
	background-color: #fefefe;
	padding: 4px;
}

.ajax_listing DIV {
	padding: 1px;
}

.ajax_input {
	/*background-color: #FFFFFF;*/
}
.ajax_listing {
    background-color: #FEFEFE;
    border: 1px solid #A4A4A4;
    display: none;
    padding: 4px;
    position: absolute;
    width: auto;
}
.ajax_listing DIV {
    padding: 1px;
}
.ajax_input {
    background-color: #F8DFE0;
}
/* overLIB */

.overlib_font {
	padding: 8px;
	font-size: 13px;
}
.overlib_capfont {
	padding: 5px 4px 4px 9px;
	font-weight: bold;
	color: #fff;
}
.overlib_fg {
	background-color: #eee;
-moz-border-radius: 0 0 8px 8px;
	-webkit-border-radius:0 0 8px 8px;
    border-radius:0 0 8px 8px;
	padding: 8px;
}
.overlib_bg {

	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	padding: 8px;
	background-color: #a52265;
}
fieldset {
	border:1px solid #d7d7d7;
	padding: 8px;
		border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	margin-bottom: 10px;
}
legend {
	padding:4px;
	font-weight: bold;
}
#content H2.bezokraju 
{
	margin-left:0px;
}
#content div.vyhladavanie_img_div_small a
#sidebar_left div.vyhladavanie_img_div_small a
{
margin:0px;
padding:0px;
}
#content div.vyhladavanie_img_div_small,
#sidebar_left div.vyhladavanie_img_div_small
{
	width:72px;
	text-align:center;
	height:99px;
	position: relative;
	cursor: pointer;
	
}

.vyhladavanie_domace
{
	height:115px !important;
}

TH {
    
    text-align: left;
    font-weight:bold;
    vertical-align: middle;
}
TH.top_tabulky {
    border-bottom: 1px solid #000;
 
}
.center
{
    text-align: center;
}
video
{
    vertical-align: top;
    --width: 542px;
    width: var(--width);
    height: calc(var(--width) * 0.633);
    background: black;
    margin: 0.8rem  0;
    max-width: 98%;
}
#content a 
{
	color:#000;
}
div.zoznam_videnych
{
    background: none repeat scroll 0 0 white;
    float: right;
    right: 10px;
    padding: 5px;
    position: absolute;
    z-index: 20;
	border:1px solid #ADADAD;
  -moz-box-shadow: 3px 3px 5px 1px #A9A9A9;
	-webkit-box-shadow: 3px 3px 5px 1px #A9A9A9;
	box-shadow: 3px 3px 5px 1px #A9A9A9;
	
	border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px 2px 2px 2px;	
}
div.zatvor_button
{
	cursor: pointer;
    float: right;
    margin-right: -13px;
    margin-top: -13px;
}
span.news_ikon
{
	left: 0px;
	position: relative;

}
                                          
.meno_ziaka
{
  width:165px;  
  padding-left:10px !important;
}

.datum_odovzdania
{
  width:170px;                                    
  padding-left:15px !important;
}

.hodnotenie_table
{
  width:240px;                                    
  padding-left:15px !important;
  font-weight:normal;
}

th.datum_odovzdania, th.meno_ziaka
{
  border-right:1px solid #E1E1E1;
}

th.datum_odovzdania, th.meno_ziaka, th.hodnotenie_table
{
  font-weight:bold;
  color:#717171;
}

table.zobrazit_ulohy_table
{
  text-align:left;
  margin-top:10px;
}

table.zobrazit_ulohy_table td
{
  padding:0;
}

a.ohodnotit_ziaka_anchor
{
  color:#FD0002 !important;
  font-weight:bold;
  text-decoration:none
}

a.active_ziak
{
  text-decoration:underline !important;
}

tr.active_tr
{
  background:#DDFAFF;
  font-weight:bold !important;
}

.odovzdali-ziaci-tabulka
{
  padding-bottom:15px;
  border-bottom: 1px solid #E1E1E1;  
}

td.hodnotenie_table:hover
{
  text-decoration:underline;
  cursor:Pointer;
}

td.active_td
{
  font-weight:bold;
}

.odovzdali-ziaci-tabulka
{
  display:none;
}

#div-hodnotenie
{


  z-index:1000;
  background:#FFFFFF;
  border:1px solid #ADADAD;
  padding:8px;
  height:auto;
  width:610px;
  margin-top:15px;
  /*-moz-box-shadow: 3px 3px 5px 1px #A9A9A9;
	-webkit-box-shadow: 3px 3px 5px 1px #A9A9A9;
	box-shadow: 3px 3px 5px 1px #A9A9A9;*/
	
	border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px 2px 2px 2px;
}

.hodnotiaci-formular-outer
{
  z-index:1000;
}

.left-top-hodnotenie-text
{
  font-weight:bold;
  font-size:16px;
  color:#707271;
  display:inline;
  margin-left:7px;
  padding-right:10px;
  border-right:1px solid #E8E8E8;
}

.left-top-hodnotenie-meno
{
  font-weight:bold;
  font-size:16px;
  color:#000000;
  display:inline;
  margin-left:10px;
}

.hodnotenie-colgroup1
{
  width:215px;
}

.hodnotenie-colgroup2
{
  width:420px;
  color:#000000;
}

.hod-table
{
  margin-top:15px;
}

.hod-col1
{
  color:#707070;
}

a.hod-spat
{
  width: 140px !important;
  padding:7px !important;
  display:inline !important;
  color:#FFFFFF !important;
  margin-left:15px;
  background:#717171 !important;
}

a.hod-spat:hover
{
  text-decoration:none !important;
}

td.hod-col2 input.submit
{
  cursor:Pointer;
  padding:5px !important;
  width:154px !important;
  background:#A72264 !important;
  color:#FFFFFF;
  margin-left:70px;
  line-height:20px;
  vertical-align:baseline;
}

#left-top-hodnotenie img
{
  position:relative;
  top:5px;
  left:2px;
}

.sipka-dole img
{
  margin-left:13px;
}

#content h2.bezokraju 
{
	margin-left:0px;
}
#content h2.pridat_predmet
{
	/*margin-top: 10px;*/
	background: url("../images/znamky_pridat_predmet.png") no-repeat right center #A52265;
    padding: 8px;
}

#content h2.pridat_predmet div {
    top: -1px;
    float: right;
    position: relative;
}

#content h2.pridat_predmet div input.submit {
	width: 130px;
	padding: 2px;
	font-size: 12px;
	margin-top: 0px;
}

#content h2.pridat_predmet div .sel {
	margin-top: -1px;
	margin-right: 13px;
	width: 186px;
}

.znamky_ziak {
	border-bottom: 1px dotted #c6c6c6;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 200px;
	height: 30px;
}

.znamky_trieda {
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #c6c6c6;
	border-top: 1px solid #c6c6c6;
	padding-top: 11px;
	padding-bottom: 11px;
	width: 200px;
	height: 20px;
}

.znamky_column {
    float:left;
    display:block;
	width: 76px;
}
.znamky_column_last {
	border-right: 1px solid #c6c6c6;
}
.znamky_sipka {
    float:left;
    display:block;
	/*padding-left: 10px;
	padding-right: 10px;*/
	padding-top: 10px;
}



.znamky_predmet {
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #c6c6c6;
	border-top: 1px solid #c6c6c6;
	padding-top: 11px;
	text-align: center;
	width: 75px;
    height: 30px;
	background: url("../images/znamky_predmet_delitko.png") no-repeat right center;
}
#content span.skupina {
    margin-right: 1px;
    position: relative;
    font-weight: bold;
    cursor:pointer;
    top:0;
}
#content div.skupina_div
{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #BBBBBB;
     border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 0 15px #999999;
    display: none;
    position: absolute;
    color: black;
    display: block;
    font-weight: normal;
	z-index:10;
    padding: 10px;
    margin-top: 9px;
}

#content div.skupina_div .arrow {
    border-bottom: 11px solid #FFFFFF;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    height: 0;
    
    position: absolute;
    top: -10px;
    width: 0;
    z-index: 1001;
}
#content div.skupina_div .arrow-border {
    border-bottom: 11px solid #BBBBBB;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    height: 0;
    position: absolute;
    top: -12px;
    width: 0;
    left: 21px;
    z-index: 1000;
}
#content div.skupina_div .arrow.right 
{
    left: unset;
    right: 11px;
}
#content div.skupina_div .arrow-border.right
{
    left: unset;
    right: 11px;
}

.predmet_first {
	border-left: 1px solid #c6c6c6;
}
.predmet_last {
	background: none;
}

.znamky_znamky {
	border-left: 1px solid #c6c6c6;
	border-bottom: 1px solid #c6c6c6;
	padding: 3px;
	height: 30px;
	overflow: auto;
}

.znamky_last {

}


.znamky_box {
	background-color: white; 
	padding: 10px; 
	border: 1px solid #ADADAD; 
	position: absolute; 
	margin-left: 70px;
	margin-top: -6px;
	width: auto; 
	height: auto; 
	z-index: 100;
	-moz-box-shadow: 3px 3px 5px 1px #A9A9A9;
	-webkit-box-shadow: 3px 3px 5px 1px #A9A9A9;
	box-shadow: 3px 3px 5px 1px #A9A9A9;

	border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px 2px 2px 2px;
}

#myModal_popup table .znamky_box td, .znamky_box td  {
	width: 12px;
	height: 12px;
	text-align: center;
    border: 1px solid #d7d7d7;
    padding: 4px;
}

.znamky_predmet input[type=button] {
	background: url("../images/znamky_odobrat_predmet.png") no-repeat center center;
	width: 16px;
	height: 16px;
	border: none;
	padding: 0px;
}

.znamky_box input[type=button] {
	border: none;
	cursor:Pointer;
	padding:5px !important;
	width:210px !important;
	height: 27px;
	background:#A72264 !important;
	color:#FFFFFF;
	margin-left:0px;
	line-height:20px;
	vertical-align:baseline;

  	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
}

.znamky-left-col {
    float:left;
    width:215px;
    border-right:1px solid #e8e8e8;
}
.znamky-right-col {
    float:left;
} 

.ziak-sirka
{
  width:200px;
  display:inline-block;
  margin:0;
  padding:0;
  float:left;
}

.trieda
{
  display:inline-block;
  padding-bottom:20px;
  border-bottom:1px solid #E1E1E1;
  width:800px;
}

.cleaner
{
  clear:both;
}

.ziak-sirka label
{
  color:#000000;
}

.jedna-trieda
{
  padding-top:15px;
}

.zobraz-ulohu .zobrazit-subory
{
  display:none;
  position:absolute;
  z-index:10;
  background:#FFFFFF;

  border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
  border: 1px solid #000000;  
}

.zobraz-ulohu .zobrazit-pocet
{
  padding:25px 12px;
  margin:10px 0;
  float:right;
}

.zobraz-ulohu .zobrazit-pocet .zobrazit-pocet-inner1
{
  background-color:#FD0100;
  color:#FFFFFF;
  font-weight:bold;
  padding:3px 6px;
 border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
}

.zobraz-ulohu .zobrazit-pocet .zobrazit-pocet-inner2
{
  background-color:#D7D7D7;
  color:#FFFFFF;
  font-weight:bold;
  padding:3px 6px;
 border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
}

.zobraz-ulohu .zobrazit-subory .zobrazit-image
{
  padding:0 12px;
  border-left: 1px solid #E1E1E1;
  margin:10px 0;
  float:right;
}

.vymaz_znamku_okno
{
  border:1px solid #000000;
 border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
  width:auto;
  height:auto;
  display:block;
  position:absolute;
  z-index:150;
  margin-left: 70px;
  margin-top: -6px;
  display:none;
  background:#FFFFFF;
  padding:10px;
}

.submit_red
{
  background:#F9021F !important;
}
#content .text .domaca1
{
    background-image: url("../images/domaca_1.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    float: left;
    height: 105px;
    margin: 0 auto;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 94px;
    color: #FFFFFF;
    width: 100%;
    max-width: 304px;
}
#content .text .domaca2
{
    background-image: url("../images/domaca_2.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    float: left;
    height: 105px;
    margin: 0 30px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 94px;
    color: #FFFFFF;
    width: 100%;
    max-width: 304px;
}
#content .text .domaca3
{
    background-image: url("../images/domaca_3.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    float: left;
    height: 105px;
    margin: 0 auto;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 94px;
    color: #FFFFFF;
    width: 100%;
    max-width: 304px;
}
#content .text .button
{
	background-image: url("../images/domaca_button.png");
	background-repeat: no-repeat;

}
#content .text a span.left
{
	background:url("../images/domaca_button_left.png") no-repeat scroll center top transparent;
	display: block;
    float: left;
    height: 39px;
    width: 11px;
}
#content .text a span.text_link
{
    background: url("../images/domaca_button.png") repeat-x scroll center top transparent;
    float: left;
    font-family: arial;
    font-size: 12.5px;
    font-weight: bold;
    height: 39px;
    padding-left: 8px;
    padding-right: 9px;
    padding-top: 12px;
    text-shadow: 1px 1px #FFFFFF;
}
#content .text a span.right
{
	background:url("../images/domaca_button_right.png") no-repeat scroll center top transparent;
	display: block;
    float: left;
    height: 39px;
    width: 11px;
}
#content .text .domaca_text
{
   font-family: arial;
    font-size: 12px;
    font-variant: normal;
    margin-left: 66px;
   /* width: 222px;*/
}
#content #tema h3.tema
{
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    color: #000000;
    font-size: 16.67px;
    font-weight: bold;
    margin-left: 27px;
    padding-bottom: 8px;
    padding-left: 0;
    padding-top: 8px;
}
#content #tema h3
{
    border-top: 0px solid #DDDDDD;
    border-bottom: 0px solid white;
    color: #000000;
    font-size: 16.67px;
    font-weight: bold;
    margin-left: 27px;
    padding-bottom: 8px;
    padding-left: 0;
    padding-top: 4px;
}
#content #tema p
{
	margin-left: 27px;
}
#content #tema hr 
{
	margin-left: 27px;
}
.column{
	/*width:100%;*/
	width: 597px;
	margin-right:.5%;
	min-height:87px;
	/*background:#fff;*/
	float:left;
}
.column .dragbox{
	margin:1px;
	background:#fff;
	position:relative;
	border:1px solid #ddd;
	width:290px;
	float:left;
	height:87px
}
.column .dragbox h2{
	margin:0;
	font-size:12px;
	padding:0px;
	/* background:#f0f0f0; */
	color:#000;
	/* border-bottom:1px solid #eee; */
	font-family:Verdana;
	cursor:move;
	height:15px;
}
.dragbox-content{
	background:#fff;
	height:87px;
	font-family:'Lucida Grande', Verdana; font-size:0.8em; line-height:1.5em;
	overflow:hidden;
	height: 87x;
}
.column  .placeholder{
	margin:3px 2px  2px;
	border:1px dashed #888;
	width:287px;
	float:left;
	height:84px;
	position:relative;
}
#metodik_predmety
{
	background: url('../images/metodik_tema_predmety_bg.png') repeat-x scroll 0 0 transparent;
	border-radius: 0px 0px 8px 8px;
    -moz-border-radius: 0px 0px 8px 8px;
    -webkit-border-radius: 0px 0px 8px 8px;
    background-size:contain;
    padding-bottom: 7px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-content: center;
}
#tema_master_div #column1,#tema_master_div #column2
{
	background: none repeat scroll 0 0 #E1E1E1;
	padding: 15px;
	margin: 14px 0 17px 26px;
    position: relative;
       border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
#sidebar_left h2.metodik_predmet {
    background-color: #999999;
    background-image: url("../images/metodik_predmet_sipka.png");
    background-position: calc(99% - 5px) 10px;
    background-repeat: no-repeat;
    cursor: pointer;
    margin-bottom: 0;
}

#sidebar_left h2.metodik_predmet_rozkliknuty {
    border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
}
#content .detail .nahlad, #content .detail .nahlad_2  {
	float:left;
/*	height:354px;*/
	width:764px;
	margin-top:15px;
	background: url("../images/detail_nahlad_bg.png") no-repeat left top;
}
#content .detail .nahlad p, #content .detail .nahlad_2 p {
	border-top:1px solid #ddd;
	float:left;
	margin-top:5px;
	/*margin-right:28px;*/
	line-height:20px;
	font-size:16.67px;
	padding-top:10px;
	margin-left:0px;
	width: 720px;
}
#content #tema #suhrn ul, #content #tema #suhrn ol
{
	margin: 0 0 1.5em 2.5em;
}
#content #tema #suhrn h1
{
	background: none;
	color:#000;	
	border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
	margin-bottom:0px;
	margin-left:0px;
	padding-top:4px;
	padding-bottom:4px;
	
}
#content #tema #suhrn h2
{
	background: none;
	color:#000;	
	font-size: 14px;
	margin-bottom:0px;
	margin-left:0px;
	border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
	padding-top:4px;
	padding-bottom:4px;
}
#content #tema #suhrn h3
{
	background: none;
	color:#000;	
	font-size: 12px;
	margin-bottom:0px;
	margin-left:0px;
	border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
	padding-left:8px;
}
#content span#oznam_text
{
	color:red;
	font-weight: bold;
	font-size: 14px;
	position:relative;

}
#kosik_tabulka {
    background: url("/novinky/images/posta_sprava_bg.png") repeat-x scroll 0 0 transparent;
    border: 2px solid red;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    margin-bottom: 5px;
    margin-left: 0;
    padding: 8px;
}
#content a.active_polrok
{
color:#000;
text-decoration:none;
}
#content a.neactive_polrok
{
color:#d7d7d7;
text-decoration:none;
}



/*  --- zobrazit len moje prispevky len zalozka ucitel --------*/
#content h2.moje_prispevky {
    background: url("../images/znamky_pridat_predmet.png") no-repeat scroll 430px center #A52265;
   /* margin-top: 4px;*/
}
#content h2.moje_prispevky div.moje_checkbox {
    font-size: 13px;
    position: relative;
    /*right: 9px;
    top: 16px;*/
    color: #000000;
    float: right;
}
#content h2.moje_prispevky div.moje_checkbox input.submit {
    font-size: 12px;
    margin-top: 0;
    padding: 2px;
    width: 130px;
}
#content h2.moje_prispevky div.moje_checkbox .sel {
    margin-right: 13px;
    margin-top: 2px;
    width: 186px;
}
/*--------------------------------------------------------------------*/
/* skupina v prispevkoch */
#content .prispevok span.neviditelne {
    background: none repeat scroll 0 0 #f93648;
     border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #FFFFFF;
    margin-right: 6px;
    padding: 3px 5px 3px 5px;
    position: relative;
    font-weight: bold;
    cursor:pointer;
    top:0;
}#content .prispevok span.skupina {
    background: none repeat scroll 0 0 #a52265;
     border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #FFFFFF;
    margin-right: 6px;
    padding: 3px 5px 3px 5px;
    position: relative;
    font-weight: bold;
    cursor:pointer;
    top:0;
}
#content .prispevok  div.skupina_div
{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #BBBBBB;
     border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 0 15px #999999;
    display: none;
    position: absolute;
    color: black;
    display: block;
    font-weight: normal;
	
    padding: 10px;
    margin-top: 18px;
}

#content .prispevok  div.skupina_div .arrow {
    border-bottom: 11px solid #FFFFFF;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    height: 0;
    left: 21px;
    position: absolute;
    top: -10px;
    width: 0;
    z-index: 1001;
}
#content .prispevok  div.skupina_div .arrow-border {
    border-bottom: 11px solid #BBBBBB;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    height: 0;
    position: absolute;
    top: -12px;
    width: 0;
    left: 21px;
    z-index: 1000;
}
#content .prispevok  div.skupina_div a
{
    cursor:Pointer;
    color: #000000;
    display: block;
    font-weight: bold;
    text-decoration:none;
}
#content .prispevok  p.paragraf_zmaz_vsetko
{
	float: left;
    color: red;
    margin-bottom:0;
    margin-left:0;
    font-weight: 700;
    margin-top: 0px;
}

#content .prispevok  a.zmaz_opakovanie
{
	background: none repeat scroll 0 0 #FF0000;
     border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #FFFFFF;
    margin-right: 6px;
    padding: 3px 5px 3px 5px;
    position: relative;
    font-weight: bold;
    cursor:pointer;
    top:0;
    text-decoration:none;
    float:left;margin-top: 7px;
}
#content .prispevok  div.skupina_div a:hover
{
    cursor:Pointer;
    color: #FF0000;
}

/*---------------------- otacanie -----------------------*/
#content button.clockwise {
    background: none repeat scroll 0 0 #D7D7D7;
    border: 0 none;
    border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px;
    color: #000;
    font-size: 12px;
    padding: 3px 7px;
	
    box-shadow: 0px 1px 2px gray;
    border: 1px solid #d7d7d7;
    padding-bottom: 3px;
    cursor: pointer;
	
}
#content button.clockwise img
{
    width: 16px;
    top: 2px;
    position: relative;
    padding-right: 5px;
}
#content span.light-green
{
    text-shadow: 0px 0px 3px #fbfbfb;
    color: #13e813;
}
img.zaznam_image {
    width:100%; 
    max-width: var(--width);
    border: 1px solid #e1e1e1; 
    margin: 0.8rem 0;
}
img.zaznam_image.rotate_180
{
     transform:  rotate(180deg);
}
img.zaznam_image.rotate_270
{
    width: var(--height_scale) !important;
    height: var(--width);
    transform:  rotate(270deg) translateY(calc((var(--width) - var(--height_scale))/2)) translateX(calc((var(--width) - var(--height_scale))/2));
    margin-bottom: calc(var(--height_scale) - (var(--width)) + 25px) !important;
    display: flex;
}
img.zaznam_image.rotate_90
{
    width: var(--height_scale) !important;
    height: var(--width);
    transform:  rotate(90deg) translateY(calc((var(--height_scale) - var(--width) )/2)) translateX(calc((var(--height_scale) - var(--width))/2));
    margin-bottom: calc(var(--height_scale) - (var(--width)) + 25px) !important;
    display: flex;
}
img.zaznam_image.landscape.rotate_270,
img.zaznam_image.landscape.rotate_90
{
    height: var(--width) !important;
    width: var(--height_scale) !important;
    max-width: var(--height_scale);
}
/*-------------------------------------------------------*/
#content table {
    border-collapse: collapse;
    color: #5a5a5a;
    line-height: 24px;
    margin-left: 0px;
    margin-right: 24px;
    margin-top: 8px;
    text-align: left;
	width:100%;
}
#content table.zoznam_ziakov_snj {

    width:500px;
    margin: 0 auto;
}
#content .znamky_box table {
    width:auto;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 3px
}
#content table td.hover:hover {
	background-color:#F5E4EA;
	cursor:pointer;
}

/*****************/
table.zoznam_ziakov_snj td, table.zoznam_ziakov_snj th {
    color: #444444;
    font-family: "Arial";
    font-size: 13px;
    vertical-align: middle;
    padding: 6px;
}
table.zoznam_ziakov_snj th {
    background-color: #eceef1;
    border-bottom: 1px solid #ddd;
    color: #a52265;
    font-family: Helvetica,Arial,sans-serif;
    font-weight: bold;   
    text-align: center;
}

table.zoznam_ziakov_snj td img
{
	vertical-align: sub;
}
table.zoznam_ziakov_snj td
{	
    vertical-align: bottom;
    border: 1px solid #ddd;
    text-align: center;
    width: auto;
}
/************************ FOOTER ************************************/
#footer
{
	margin-top:15px;
	width: 100%;
	background-color:#D7D7D7;
	display:block;
	color:#656464;
	position:relative;
}
#footer.sticky
{
	position:fixed;
	bottom:0;
}
#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: 2px dashed #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: -10px;
	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;
}
#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;
}
/********************************************************************/
/********************* Archiv BK ************************************/
/********************************************************************/
.stav-ulohy-ziak
{
  position:relative;
  border-top:1px solid #e8e8e8;
  display: flex;
  justify-content: center;
  align-items: center;


  text-align:center;
  height: 39px;
}
.dom-left-main
{
  /*float:left;
  width:215px;*/
  border-right:1px solid #e8e8e8;
}
.ohodnotit {
    color: #08813B;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
}
.dom-right-main
{
 float:left;
}
#right_sipka, #left_sipka
{
  cursor:Pointer;
  padding-left: 13px;
  margin-top: 24px;
  padding-right: 13px;
}
#posuvac
{
    display: flex;
} 
#right_sipka_siva, #left_sipka_siva
{
   margin-top: 24px;
   padding-left: 13px;
   padding-right: 13px;
} 
.archiv_stlpec, .du_stlpec
{
    width:134px;
}
#uloha_box
{
  border-left:1px solid #e8e8e8; 
  border-right:1px solid #e8e8e8; 
 
  padding:5px 0;
  max-width:750px;
  position:relative;
  overflow:hidden;
}
.label-dom-up
{
  font-size:16px;
  height:22px;
  overflow:hidden;

  display:block;
  font-weight:bold;
}

.label-dom-up-1
{
  font-size:10px;
  height:15px;
  overflow:hidden;
  white-space:nowrap;
  display:block;
}
.nazov-triedy
{
    font-weight: bold;
    font-size: 23px;
    text-align: center;
    line-height: 0.8em;
}

#content .dom-left-main ul.ludia
{
  list-style:none !important;
  margin:0 !important;
}

#content .dom-left-main ul.ludia li
{
    border-bottom: 1px dotted #D7D7D7;
  padding: 5px 20px 5px 5px;
  position: relative;
  padding-top:12px !important;
  padding-bottom:12px !important;
  width:175px !important;
  margin:0;
  white-space:nowrap;
}
#content .dom-left-main ul.ludia li:first-child
{
  border-top: 1px dotted #e8e8e8;
}
/************************ kalendar *****************************************/
#nastenka_kalendar span, #kalendar_monitor span{
	position: relative;
    color: #666666;
    
    text-align: unset;
   /* right: unset;*/
    font-size: 11px;
}
.ui-datepicker .ui-state-default {
	background: none;
	border: 1px solid #E1E1E1;
	text-align: right !IMPORTANT;
}
.ui-datepicker td span, .ui-datepicker td a, .ui-datepicker td span, .ui-datepicker td a {
    display: block;
    font-weight: inherit;
    text-align: right;
    height: 40px;
    /* line-height: 30px; */
    color: inherit;
    border: 0;
    margin: 0;
    padding: 2px;
    box-sizing: border-box;
    font-size: 11px;
}
.ui-datepicker-header {
    background-color: #a52265;
    background-image: none;
    color: inherit;
    font-weight: bold;
    line-height: 29px;
	height: 29px;
	padding: .3em 0;
    padding: 9px 5px;
    border: none;
    border-bottom: 0px solid rgb(214, 214, 214);
	border-radius: 0;
	display: flex;
    justify-content: center;
    align-items: center;
}
.ui-datepicker td {
    border: 0;
}
.ui-datepicker a {
    text-decoration: none;
}
.ui-datepicker thead {
    border-bottom: 1px solid #d6d6d6;
}
.ui-datepicker .ui-icon.ui-icon-circle-triangle-w {
	background: url(/img/arrow-prev.png);
	background-size: 8px 12px;
    background-position: center;
    background-repeat: no-repeat;
}
.ui-datepicker .ui-icon.ui-icon-circle-triangle-e {
	background: url(/img/arrow-next.png);
	background-size: 8px 12px;
    background-position: center;
    background-repeat: no-repeat;
}
.ui-datepicker-prev,  .ui-datepicker-next {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}
.ui-datepicker thead tr, .ui-datepicker tbody tr
{
	padding: 0;
    margin: 0;
    /*border-right: 1px solid #d6d6d6;*/
    width: 25px;
    position: relative;
}
.ui-datepicker-inline
{
	width: auto;
	padding: 0;
}

.ui-datepicker td.heap_0 {
	opacity: 1;
}

.ui-datepicker td.heap_1, .ui-datepicker td.heap_2 {
	background-color: #a522684d; /*30*/
}
.ui-datepicker td.heap_3, .ui-datepicker td.heap_4 {
	background-color: #a522686e; /*43*/
  }

.ui-datepicker td.heap_5, .ui-datepicker td.heap_6 {
	background-color: #a522688f; /*56*/
  }
.ui-datepicker td.heap_7, .ui-datepicker td.heap_8 {
	background-color: #a52268b0; /*69*/
  }
.ui-datepicker td.heap_9, .ui-datepicker td.heap_10 {
    background-color: #a52268d1; /*82*/
}
.ui-datepicker td.heap_11, .ui-datepicker td.heap_12 {
    background-color: #a52268f2; /*95*/
}
.ui-datepicker td.heap_11 a.ui-state-default, .ui-datepicker td.heap_12 a.ui-state-default, .ui-datepicker td.heap_9 a.ui-state-default, .ui-datepicker td.heap_10 a.ui-state-default {
    color: #fff;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover
{

	border: 1px solid #f58220;
    background-color: #f5822042;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight
{
	border: 1px solid red;
}

.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-prev-hover  {
	left: 5px;
	top: 6px;
	border:0;
}
.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-next-hover  {
	right: 5px;
	top: 6px;
	border:0;
}

#nastenka_kalendar .ui-datepicker span.ui-datepicker-month,
#kalendar_monitor .ui-datepicker span.ui-datepicker-month
{
         font-size: 15px;
         color:#ffffff;
}
#nastenka_kalendar .ui-datepicker span.ui-datepicker-year,
#kalendar_monitor .ui-datepicker span.ui-datepicker-year
{
         font-size: 11px;
         color:#ffffff;
}
.ui-widget.ui-widget-content
{
	border: 0;
}
#nastenka_kalendar
{
	width:100%;
}
.ui-datepicker table tr th
{
	text-transform: uppercase;
	font-size: 7pt;
	height: 16px;
    padding: 5px 0px;
    color: #666666;
    text-shadow: 1px 0px 0px #fff;
	/*border-right: 1px solid #d6d6d6;*/

}
.ui-datepicker thead tr:last-child, .ui-datepicker tbody tr:last-child
{
	border-bottom: 0;
}
.ui-datepicker table tr td.day, .ui-datepicker table tr th.day
{
	border-right: 1px solid #d6d6d6;
}
.ui-datepicker table tr td.day:last-child, .ui-datepicker table tr th.day:last-child
{
	border-right: 0px;
}
/********************************************************************/
#content .record_monitor  h3
{
	margin-left: 0px;
	padding-left: 0px;
}
#content .record_monitor span.monitor_span
{
	position: relative;
	line-height: 1.7em;
	font-size: 13px;
}
#content .record_monitor div.obsah
{
	flex-grow: 2;
}
.record_monitor {
    /*background: url("../images/record_bg.png") no-repeat scroll 0 0 transparent;*/
    height: 100px;
    padding-bottom: 0;
	padding-top: 16px;
	margin-left: 0px;
	display: flex;
    border-bottom: 1px dashed #ddd;
}

#form_monitor label{
    font-weight: bold;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 5px;
}

#form_monitor select{
    width: 100%;
    height: 30px;
    border-radius: 5px;
}

.filter_monitor{
    padding: 8px;
    margin-bottom: 10px;
    border: 1px solid #aba9a9;
    border-radius: 0.327rem;
    height: 178px;
}
#content .prispevok  h3.zaznam_text
{
    font-size: 15px;
    font-weight: normal;
    padding: 25px 12px;
    border: 1px solid #e1e1e1;
    margin: 0.8rem  0px;
    background-color: #fbf6f6;  
    width: calc(100% - 30px);
}