/* =========================  G L O B A L  ============================================================================ */
body					{ margin: 0; padding: 0; text-align: center; background-image: url(../images/loggedpage2.jpg); background-repeat: repeat-y; background-position: top left; background-color: #191D20; background-size: 100% auto; font-family: sans-serif; } 
body *				{ line-height: 15px; }
body, td, th, 
input, textarea, select		{ font-size: 12px; }
img, fieldset			{ border: 0 solid; }
h6, h5, h4, h3, h2, h1,
p, ul, ol, li, dl, dd, dt, form, fieldset, a,
input, select, textarea		{ margin: 0; padding: 0; font-family: sans-serif; }

textarea		{ margin: 0; padding: 5px; font-family: sans-serif;background-color: #FFFFFF;
    background: -moz-linear-gradient(center top , #ffffff, #eeeeee 1px, #ffffff 25px) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #e5e5e5;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    outline: 0 none;
    padding: 6px;
    min-height: 100px;
    height: 100px;
    max-height: 300px;
    line-height: 120%;
    min-width: 97%
    max-width: 100%;
    width: 97%;
    margin-left: 6px;
    
    }
    
.mceNoEditor { width: 97%; margin-left: 7px; margin-top: 5px; }

#rslogo {position: fixed; width: 100%; min-height: 100vh; bottom:0; left: 0; background: url(../images/rslogo.png) no-repeat -10% bottom; background-size: 33% auto; }

legend { color: #666666; font-size: 14px; margin-left: 10px; margin-bottom: 5px; font-weight: bold;  }
fieldset { border: 1px solid #DBDBDB; margin-top: 5px; padding: 10px; }
fieldset p { padding: 0px 10px; }

a:link	{
	text-decoration: none;
	color: #003300;
}

a:visited	{
	text-decoration: none;
	color: #726461;
}

a:hover	{
	text-decoration: underline;
}

a:active	{
	text-decoration: none;
	color: #ff0000;
}

.box_inner {overflow: hidden;}
#msg, #msg2 {
    background: #acac4c; /* Old browsers */
background: -moz-linear-gradient(top, #acac4c 0%, #eeee93 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #acac4c 0%,#eeee93 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #acac4c 0%,#eeee93 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#acac4c', endColorstr='#eeee93',GradientType=0 ); /* IE6-9 */
color: #000000;
text-shadow: 0.05em 0.05em 0.01em #FFF;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    right: 0;    
    opacity: 0.92;
    padding: 10px 15px 10px 15px;
    position: fixed;
    text-align: center;
    top: 0;    
    z-index: 10;
    border-top: 1px solid #000;
    border-bottom: 2px solid #FFF;
}

#content #msg p,#content #msg2 p {
	margin: 0; padding: 0;
}

.up {text-transform: uppercase;}

/* ................................................................................................................... */	
.clr	 		 		{ clear: both; height: 1px; font-size: 1px; overflow: hidden; }
.fr					{ float: right; }
hr					{ display: none; }
h6					{ position: absolute; top: -1000px; }

.noneimage				{ margin: 10px; padding: 2px; border: none; }
.leftimage				{ margin-right: 10px; padding: 2px; border: none; }
.rightimage				{ margin-left: 10px; padding: 2px; border: none; }


.input_btn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: linear-gradient(to bottom, #4f4f4f 0%, #454545 50%, #000000 100%) repeat scroll 0 0 #4f4f4f;
    
   border-color: #4f4f4f #303030 #181818 #4f4f4f;
    border-image: none;
    border-radius: 2px;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font: 13px/16px "Open Sans",sans-serif;
    height: 22px;
    letter-spacing: 0;
    margin: 0 0 0 5px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    width: 90px;
}
.input_btn:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: linear-gradient(to bottom, #4F4F4F 0%, #000000 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 2px;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    text-decoration: none;
}

#container-1 {
	padding: 0 10px;
}


/* =================================================================================================================== */
#page 				{ width: 100%; min-width: 1225px; min-height: 100vh;  margin: 0px auto; text-align: left; position: relative; }


/* ................................................................................................................... */	
						/* logo a montage */
#head				{ height: 105px; background: url(../images/bg-head-adm.jpg) no-repeat; padding: 0px; margin: 0px; }
.loggedform { color: #FFFFFF; font-size: 12px; margin: 0px 0px 0px 0px; padding: 7px 5px 0px 5px; text-align: left; width: 100%; height: 118px; box-sizing: border-box; }
.loggedform a { color: #FFFFFF; font-size: 11px; text-decoration: none; display: block; margin-top: 3px; display: block; border: 1px solid #8e8e8e; text-align: center; }
.loggedform a.logout { color: #FF9900; margin-top: 6px; margin-left: 7px; }
.loggedform a.thickbox_out { color: #FFFFFF; margin-top: 6px; margin-left: 7px; }
.loggedform .jmeno { font-size: 13px; font-weight: bold; }
.logged_text { float: left; width: 46%; margin-left: 15px; margin-top: 9px; }
.logged_foto_bg { clear: both; float: left; text-align: left; padding: 0px; margin: 0px; width: 40%; position: relative; top: 15px; left: 6px;  }
.logged_foto { width: 100%; height: 60px; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; border: 3px solid #FFF; }



#ulsubnav ul,#ulsubnav li {list-style: none;}
#ulsubnav li {float: left; width: 100%; margin-bottom: 3px;}
#ulsubnav li:last-child {margin-bottom: 1px;}
#ulsubnav li.active {border:none;}
#ulsubnav li a {display: block; width: 100%; padding: 5px 0; text-align: center; background: #000; color: #FFF;}
#ulsubnav li a:hover {text-decoration: none; background: #FFF; color: #000;}
#ulsubnav li a.active {text-decoration: none; background: #EDE8EC; color: #000;border: none;}

/* ................................................................................................................... */	
					/*menu-top navigacni menu */
#menu-top				{ background-image: url(../images/menu_bg.jpg),url(../images/menu_bg2.jpg); background-repeat: no-repeat, repeat-x;  width: 100%; height: 44px; padding: 12px 0 0 10px; box-sizing: border-box; }
.admin_menu a			{ color: #fff; font-weight: normal; display: block; text-align: center; font-size: 11px; width: 76px; height: 23px; background: url("../images/topbtn.png") no-repeat 0 0;  line-height: 180%; }
.admin_menu a span { display: none; }
.admin_menu a.hplink { width: 36px; height: 21px; background: url("../images/topbtn1.png") no-repeat 0 0; padding-top: 2px; }

.admin_menu li { float: left; list-style: none; background-image: none; margin-right: 8px; height: 23px; }
.admin_menu li a { display: block; padding: 0px; border: none; margin: 0; }
.admin_menu a.aktivni { background-position: 0 -46px;}
.admin_menu a.aktivni:hover { background-position: 0 -46px;}
.admin_menu a:hover {background-position: 0 -23px; text-decoration: none; }

#content {
	-webkit-animation-duration: 0.5s;
	-moz-animation-duration: 0.5s;
}

#content .home_menu { width: 100%; margin: 10px 0;}
#content .home_menu li { float: left; width: 24%; box-sizing: border-box; height: 250px; padding: 15px 10px 0px 10px; list-style: none; background-image: none; border: 1px solid #E5E5E5; margin: 0 0px 8px 8px; background-color: #FFFFFF; background-repeat: no-repeat; background-position: 5px 5px; }
#content .home_menu li:hover { border-color: #C9C9C9;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;    
    box-shadow: rgba(96,117,128, 0.5) 0px 0px 8px;
    -moz-box-shadow: rgba(96,117,128, 0.5) 0px 0px 8px;
    -webkit-box-shadow: rgba(96,117,128, 0.5) 0px 0px 8px;

}
#content .home_menu li .modul_info { font-size: 11px; color: #333333; font-weight: normal; }
#content .home_menu li a {padding: 0px 0px 0px 70px; display: block; font-size: 27px; height: 60px; font-weight: normal;}
#content .home_menu li a:hover { text-decoration: none; }

#content .home_menu li a.top_link span {line-height: 35px;}

#content .home_menu li#uhome_menusubm5490,#content .home_menu li#uhome_menusubm5556,#content .home_menu li#uhome_menusubm5559 {height: 85px;}

#content .home_menu li a.m5490, #content .home_menu li a.m5556, #content .home_menu li a.m5559 {height: 215px;}


#content .home_menu li a.m4896, #content .home_menu li a.m4891,#content .home_menu li a.m4894,#content .home_menu li a.m4895 {cursor: default;}


#content .home_menu li ul {padding: 0px; margin: 0px 0px 10px 0px;}
#content .home_menu {-webkit-animation-duration: 0.8s;-moz-animation-duration: 0.8s;}
#content .home_menu li {-webkit-animation-duration: 1s;-moz-animation-duration: 1s;}
#content .home_menu li li { float: none; width: auto; height: auto; padding: 0px 0px 0px 0px; margin: 0px 0px 2px 0px; list-style: none; background-image: none; border: none; background: #E8E8E8; }
#content .home_menu li li:hover, #content .home_menu li li:hover a {background: #000000; color: #FFFFFF;}
#content .home_menu li li a { padding: 4px 5px 4px 5px; height: auto;  cursor: pointer; font-size: 12px;}
#content .home_menu li li ul,#uhome_menusubm15,#uhome_menusubm100,#uhome_menusubm15,#uhome_menusubm101 {display: none;}

#content .home_menu li a.active {background: none; border: none;}

.modul1 { background: url("../images/modul1.jpg") no-repeat; }
.modul2 { background: url("../images/modul2.jpg") no-repeat; }
.modul3, #content .home_menu li#uhome_menusubm4894 { background-image: url("../images/modul3.jpg"); }
.modul4, #content .home_menu li#uhome_menusubm4896 { background-image: url("../images/modul4.jpg"); }
.modul4, #content .home_menu li#uhome_menusubm5522 { background-image: url("../images/modul79.jpg"); }
#content .home_menu li#uhome_menusubm5490  { background-image: url("../images/modul10123.jpg"); }
#content .home_menu li#uhome_menusubm5556  { background-image: url("../images/modul10134.jpg"); }
#content .home_menu li#uhome_menusubm5559  { background-image: url("../images/modul10136.jpg"); }
#content .home_menu li#uhome_menusubm4904  { background-image: url("../images/modul10078.jpg"); }
#content .home_menu li#uhome_menusubm5473  { background-image: url("../images/modul81.jpg"); }
#content .home_menu li#uhome_menusubm6901 { background-image: url("../images/modul76.jpg");}


#content .home_menu li#uhome_menusubm5119 { background-image: url("../images/modul79.jpg"); }


.modul5, #content .home_menu li#uhome_menusubm4895 { background-image: url("../images/modul5.jpg"); }
.modul6 { background: url("../images/modul6.jpg") no-repeat; }
.modul7 { background-image: url("../images/modul7.jpg"); }
.modul8 { background: url("../images/modul8.jpg") no-repeat; }
.modul9, #content .home_menu li#uhome_menusubm5108 { background-image: url("../images/modul9.jpg"); }
.modul10 { background: url("../images/modul10.jpg") no-repeat; }
.modul11 { background: url("../images/modul11.jpg") no-repeat; }
.modul12 { background: url("../images/modul12.jpg") no-repeat; }

.modul77, #content .home_menu li#uhome_menusubm4897 { background-image: url("../images/modul77.jpg"); }
.modul10165, #content .home_menu li#uhome_menusubm6070 { background-image: url("../images/modul10165.jpg"); }
#content .home_menu li#uhome_menusubm6086 { background-image: url("../images/modul9998.jpg"); }

.modul78, #content .home_menu li#uhome_menusubm5698 { background-image: url("../images/modul78.jpg"); }
.modul99, #content .home_menu li#uhome_menusubm4891 { background-image: url("../images/modul99.jpg"); }
.modul10145, #content .home_menu li#uhome_menusubm5769 { background-image: url("../images/modul10145.jpg"); }
.modul78 { background: url("../images/modul78.jpg") no-repeat; }
.modul81 { background: url("../images/modul81.jpg") no-repeat; }
.modul79 { background: url("../images/modul79.jpg") no-repeat; }

.modul9999 { background: url("../images/modul9999.jpg") no-repeat; }
.modul10000 { background: url("../images/modul10000.jpg") no-repeat; }
.modul10009 { background: url("../images/modul10009.jpg") no-repeat; }
.modul10010 { background: url("../images/modul10010.jpg") no-repeat; }
.modul10012 { background: url("../images/modul10012.jpg") no-repeat; }
.modul10077, #content .home_menu li#uhome_menusubm6891 { background-image: url("../images/modul10077.jpg"); }

/* ................................................................................................................... */	
#form_title			{ color: #333333; float: left; width: 200px; padding: 5px;font-weight: bold;margin:0px 11px 0px 0px;background: url("../images/input_title.png"); border: 1px solid #FFFFFF; }
#form_input			{ position: relative; padding: 6px 0px 7px 0px;margin: 2px 2px 2px 2px; background: #e1e1e1; border: none; text-align: left; }
.form_title			{ color: #363636; float: left; width: 267px; height: 24px; padding: 8px 0px 0px 0px;font-weight: normal;margin: 0px 11px 0px 0px;background: url("../images/input_title.png"); border: none; text-align: center;}
.form_input			{ padding: 7px 0px 7px 0px;margin: 2px 2px 2px 0px; background: #e1e1e1; border: 1px solid #CCCCCC; min-height: 20px; text-align: left; }

.form_title sup {position: absolute; top: 5px; border: 1px solid #6a6a6a; background: #FFF; left: 5px; color: #6a6a6a; padding: 1px 3px; font-size: 11px;}

.form_input.nobg {background: none;border: none;}

.form_input i {font-size: 22px; margin: 0 5px; cursor: pointer;color: #FFF;text-shadow: 0.01em 0.01em 0.03em #000; transition: all 0.15s ease;}
.form_input i:hover {color: #575757;text-shadow: none;}


.txt_input { width: 530px;

    background-color: #FFFFFF;
    background: -moz-linear-gradient(center top , #ffffff, #eeeeee 1px, #ffffff 25px) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #e5e5e5;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    outline: 0 none;
    padding: 3px;

}


.file_input { width: 536px;

    background-color: #FFFFFF;
    background: -moz-linear-gradient(center top , #ffffff, #eeeeee 1px, #ffffff 25px) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #e5e5e5;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    outline: 0 none;
    padding: 0px;

}


#rec_form .select_input,#rec_form select,.rec_form .select_input,.rec_form select{
	width: 530px;
    background: -moz-linear-gradient(center top , #ffffff, #eeeeee 1px, #ffffff 25px) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background-color: #FFFFFF;
    border: 1px solid #e5e5e5;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    outline: 0 none;
    padding: 2px 3px;
    font-size: 13px;
	width: 495px;
}



#rec_form .select_input {height: 15px;}

#form_input	select {width: 565px;
    background-color: #FFFFFF;
    background: -moz-linear-gradient(center top , #ffffff, #eeeeee 1px, #ffffff 25px) repeat scroll 0 0 rgba(255, 255, 255, 255);
    border: 1px solid #e5e5e5;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    outline: 0 none;
    padding: 6px;
   
}

#rec_form input:hover, #rec_form textarea:hover, #rec_form input:focus, #rec_form textarea:focus {
    border-color: #c9c9c9;
    box-shadow: 0 0 8px rgba(96, 117, 128, 0.5);
}

/* ................................................................................................................... */	

.tip { cursor: help; color: #4a4a4a; font-size: 15px; float: right; position: relative; right: 12px; top: 0px; }

.lp {float: right; position: relative; right: 10px; top: 3px;}
.lp a { margin-left: 10px; font-size: 15px; display: block; float: left; border: 1px solid #a5a5a5; color: #000000; padding: 3px 6px;}
.lp a:hover {text-decoration: none; background: #FFFFFF;}

/* ................................................................................................................... */	
					/*menu-top navigacni cesta */
#path				{ width: 100%; height: auto; background: url("../images/path.jpg") repeat top left; padding: 0 0px; color: #fff; overflow: hidden; }
#path a				{ color: #F01E45; font-size: 12px; font-weight: bold; display: block; float: left; height: 22px; background: url("../images/pathitem.jpg") no-repeat top right; padding: 4px 25px 0px 15px; }
#path a:hover			{ color: #000000; }
#path p				{ padding: 0.35em 0 0; float: left; }		
#path img				{ float: right; margin: 3px 0 2px 7px; }	


#view_tabs {float:right;position: relative;top:2px;right: 10px;}
#view_tabs a {background: url("../images/viewtab.jpg") no-repeat 0 -24px; width: 80px; height: 24px; padding: 0 0 0 0;text-align: center; color: #EFEFEF;}
#view_tabs a:hover {color: #FFFFFF; text-decoration: none;}
#view_tabs a.act {background-position: 0 0px; color: #3E3E3E;}
#view_tabs a.act:hover {color: #000000;}
#view_tabs a span {line-height: 24px;}



/* ................................................................................................................... */	
					/* hlavni ramec */

#main {overflow: hidden; position: relative; padding-bottom: 45px;}
#main #menu			{ float: left; width: 15%; background: #EDE8EC; padding: 0px 0px 0px 0px; color: #FFFFFF;  min-height: 88vh; overflow: hidden; }
#main #content			{ float: left; width: 85%; overflow: hidden;  }
#main #content #content_data {margin: 0px 5px;}


#a { width: 10%; height: 100%; min-width: 120px; float: left; overflow: hidden; }
#b { display: block; width: 90%; min-width: 1100px; min-height: 95vh; float: left; background-color: #FFF; overflow: hidden; }

@media screen and (max-width: 1440px) {
  
  #main #menu			{ width: 20%; }
  #main #content			{ width: 80%; }

  
}

#menu .flb { background: url("../images/lcol.jpg") repeat-x top left; height: 31px; width: 100%; padding: 2px 0 2px 0; }

.myselect > select {width: 120%; padding:10px; margin:-5px -20px -5px -5px; }
.myselect > select > option {padding: 5px 3px;}
.myselect > select > option:selected {background-color: #000;}
.myselect > select > option:hover {
  box-shadow: 0 0 10px 100px #ede8ec inset; color: black;
}

option:checked {
    background: #488f8f url("data:image/gif;base64,R0lGODlhAQABAIAAAEmPjwAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAxNC0wMS0yM1QxNDo0NDoxOCswMTowMCIgeG1wOk1vZGlmeURhdGU9IjIwMTQtMDEtMjNUMTQ6NDQ6MzIrMDE6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMTQtMDEtMjNUMTQ6NDQ6MzIrMDE6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvZ2lmIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdDRkY3OTYyODQzNDExRTNBRUI0QUY0MzMyNkVBREZBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdDRkY3OTYzODQzNDExRTNBRUI0QUY0MzMyNkVBREZBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6N0NGRjc5NjA4NDM0MTFFM0FFQjRBRjQzMzI2RUFERkEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6N0NGRjc5NjE4NDM0MTFFM0FFQjRBRjQzMzI2RUFERkEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQAAAAAACwAAAAAAQABAAACAkQBADs=") repeat scroll 0 0;
    color: black;
}



.myselect {width: 88%; display:inline-block; overflow:hidden; border:none; margin: 10px 0px 0 15px;}


/* ................................................................................................................... */	
					/*menu - podkategorie */
#menu ul				{ list-style-type: none; }		
#menu li				{ margin: 0 0 0.3em; padding-left: 12px;  background: url(../admin/images/bg-list.gif) no-repeat 0px 4px; }
#menu li li				{ background: url(../admin/images/bg-list2.gif) no-repeat 0px 4px; }
#menu li li li			{ background: url(../admin/images/bg-list3.gif) no-repeat 0px 4px; }
#menu li a,	
#menu li.active a:hover	{ color: #FFFFFF; text-decoration: none; }
#menu li a:hover			{ text-decoration: underline; padding: 0px; margin: 0px; }
#menu li.active a			{ font-weight: bold; }

#menu .slozky_menu { margin-bottom: 10px; font-size: 11px; }
#menu .slozky_menu li { list-style: none; background-image: none; }

#main #menu	h2 { color: #2D2D2D; font-size: 15px; border: none; margin: 8px 0px 0px 10px; padding: 0px; }
a.phplm  { color: #4E4646; font-size: 11px; overflow: hidden; padding: 2px 0; }
#menu .treemenudiv .phplmselected { font-size: 12px; color: #000000; background: #FFFFFF; padding: 1px 2px; border: 1px solid #CCCCCC; }
.phplmnormal { margin-top: 7px;padding-left: 4px; }

/* ................................................................................................................... */	
					/* obsah stranky */
#content h1			{ margin: 0 0 1em; padding: 0 0 0.1em; font-size: 13px; color: #000000; }

#content h2{ padding: 20px 0px 4px 40px; background: url("../images/h1logo_adm.jpg") no-repeat left; margin: 0px 0px 15px 0px; font-weight: normal; font-size: 19px; height: 23px; color: #002481; border-bottom: 1px solid #CCCCCC; }
#content h2 a { font-size: 16px; height: 23px; color: #002481; font-weight: normal; }
#content h2.modul1 { background-image: url("../images/h1logo_adm1.jpg"); }
#content h2.modul2 { background-image: url("../images/h1logo_adm2.jpg"); }
#content h2.modul3 { background-image: url("../images/h1logo_adm3.jpg"); }
#content h2.modul4 { background-image: url("../images/h1logo_adm4.jpg"); }
#content h2.modul5 { background-image: url("../images/h1logo_adm5.jpg"); }
#content h2.modul6 { background-image: url("../images/h1logo_adm6.jpg"); }
#content h2.modul7 { background-image: url("../images/h1logo_adm7.jpg"); }
#content h2.modul8 { background-image: url("../images/h1logo_adm8.jpg"); }
#content h2.modul9 { background-image: url("../images/h1logo_adm9.jpg"); }
#content h2.modul10 { background-image: url("../images/h1logo_adm10.jpg"); }
#content h2.modul11 { background-image: url("../images/h1logo_adm11.jpg"); }
#content h2.modul12 { background-image: url("../images/h1logo_adm12.jpg"); }
#content h2.modul76 { background-image: url("../images/h1logo_adm76.jpg"); }
#content h2.modul77 { background-image: url("../images/h1logo_adm77.jpg"); }
#content h2.modul78 { background-image: url("../images/h1logo_adm78.jpg"); }

#content h3			{ margin: 0 0 .4em; font-size: 16px; color: #000; text-transform: uppercase; letter-spacing: 120%; }
#content h4			{ margin: 0 0 .4em; font-size: 13px; }
#content p				{ margin: 0 0 1em; }
#content ul			{ list-style-type: none; margin: 0 0 0 0; }
#content li				{ margin: 0 0 0 1px; padding-left: 0px; }
#content li ul			{ list-style-type: none; margin: 0.3em 0 0 ; }
#content li li			{ background: url(../images/bg-list2.gif) no-repeat 0px 4px; }
#content img.il			{ float: left; clear: left; margin: 2px 1em 1.4em 0; border: 1px solid; }
#content img.ir			{ float: right; clear: right; margin: 2px 0 1.4em 1em; border: 1px solid; }
#content img.ilnb		{ float: left; clear: left; margin: 2px 1em 1.4em 0; border: 0px; }
#content img.irnb		{ float: right; clear: right; margin: 2px 0 1.4em 1em; border: 0px; }
#content a				{ font-weight: bold; color: #000; }
#content #perms { margin: 10px 0px; }
#content #perms li { list-style-type: none; float: left; background: #FFFFFF; border-right: 1px solid #999999; font-size: 10px; padding: 4px 5px; margin: 2px; }
#content #perm_slozky .jmeno { float: left; width: 260px; height: 20px; font-weight: bold; padding: 3px; background: #CDF1A6; margin-right: 2px;  }
#content #perm_slozky .perm { float: left; width: 400px; height: 20px; padding: 3px; background: #E8F9D6; }

.icon_blok { float: left; position: relative; margin: 0 0 0 10px; padding: 2px 0 0 2px; width: 33px; height: 31px; text-align: left; overflow: hidden; box-sizing: border-box; }
.icon_blok span { display: none; }
.icon_big { float: left; padding: 0px 3px; }
.icon_blok a {display: block;}
.icon_blok a i {font-size: 26px; color: #FFF;text-shadow: 0.01em 0.01em 0.03em #000; transition: all 0.15s ease;}
.icon_blok a i:hover {color: #575757;text-shadow: none;}
.icon_blok a.search_icon i {font-size: 26px;}


/* ................................................................................................................... */	
					/* pata */
#foot				{ padding: 2px 15px; color: #FFFFFF; position: absolute; bottom: 0; width: 100%; box-sizing: border-box; }
#foot p				{ float: right; padding: 5px 0 5px 185px; font-size: 11px; }
#foot p a				{ color: #FFFFFF; }
#foot img				{ float: right; }				
/* ................................................................................................................... */	

         /*   gallery    */

.gallery_img {float: left;width: 135px; height: 143px;padding: 9px 0 0 10px; margin: 0 0px 5px 1px; background: url("../images/foto_bgr.gif") no-repeat; }
.img_icons { margin: 0px 10px 3px 0px; padding: 0px; text-align: right; text-align: right; }
.galico { margin-bottom: 5px; }

.gallery_img img {margin:0; padding: 0;}
.gallery_img .img_bg { width: 126px; height: 75px; overflow: hidden; padding: 0px; margin: 0px; cursor: pointer;  }
.gallery_img .img_bg a{ display:block;width: 126px; height: 90px; padding: 0px; margin: 0px; cursor: pointer; }
.gallery_img .img_bg a span{ display:none; }
.gallery_img .popiska { height: 30px; padding: 9px 3px 2px 3px; width: 120px;; overflow: hidden; font-size: 10px; color: #333333; }
.file_name { font-size: 10px; }


.gallery_slozky {width: 910px;}
.gallery_slozka { width: 283px; height: 131px; padding: 5px 5px 0 5px; border: none; background: #CCCCCC; color: #000000; float: left; margin-right: 10px; margin-bottom: 10px; text-decoration: none; font-weight: bold; }
.gallery_slozka:hover {
    border-color: #c9c9c9;
    box-shadow: 0 0 8px rgba(96, 117, 128, 0.5);
}

.gallery_slozka .img_bg { width: 160px; height: 120px; overflow: hidden; padding: 0px; margin: 0px 5px 0px 0px; cursor: pointer; float: left;border: 3px solid #FFFFFF; background-color: #FFFFFF; background-position: center center; background-repeat: no-repeat;}
.gallery_slozka .img_bg a { display:block;width: 200px; height: 150px; padding: 0px; margin: 0px; cursor: pointer; }
.gallery_slozka .img_bg a span { display:none; }
.gallery_slozka span.cntr { display: block; }



/* ................................................................................................................... */	

         /*   detailni informace o vyrobku    */
#detail #zpet { text-align: right;  margin: 0px; }
#detail #foto { float: left; margin: 10px 20px 10px 10px; padding: 20px; border: 1px solid #DDDDDD; }
#detail #zakladni_info { float: left; }
#detail #nadpis { float: none; margin: 10px 0px 10px 0px; font-size: 14px; font-weight: bold; color: #999999;border-bottom: 1px solid #999999;}
#detail #nazev { float: none; margin: 5px 0px 5px 0px; font-size: 14px; font-weight: bold; color: #000000;}
#detail #info { float: none; margin: 2px 0px 2px 0px; font-size: 12px; color: #444444; }
#detail #cena { float: none; margin: 5px 0px 10px 10px; font-size: 13px; color: #FF0033; }
#detail #kosik { text-align: right;  margin: 20px 0px 10px 5px; }
#detail #gallery { text-align: center;  margin-top: -20px; }
* html #detail #gallery { margin-top: -30px; }

#filtr_search { width: 100%; margin-top: 20px; font-weight: bold; }
#filtr_box { float: left; font-weight: bold; padding: 5px; font-size: 11px; width: 25%; border-right: 1px solid #CCCCCC; min-height: 80px; box-sizing: border-box; }
#filtr_box select {width: 180px;margin-bottom: 5px;}
#filtry { width: 100%; margin: 0px; color: #000000; font-size: 11px; }
#filtry select { font-size: 11px; }
#filtry #up { cursor: pointer; border: none; width: 19px; height: 19px; background: url(../admin/images/up.gif) no-repeat #FFFFFF; }
#filtry #down { cursor: pointer; border: none; width: 19px; height: 19px; background: url(../admin/images/down.gif) no-repeat #FFFFFF; }
#filtry #sel_up { border: 1px solid #FF0000; cursor: pointer; width: 21px; height: 21px; background: url(../admin/images/up.gif) no-repeat #FFFFFF;  }
* html #filtry #sel_up { width: 23px; height: 23px; }
#filtry #sel_down { border: 1px solid #FF0000; cursor: pointer; width: 21px; height: 21px; background: url(../admin/images/down.gif) no-repeat #FFFFFF; }
* html #filtry #sel_down { width: 23px; height: 23px; }



#sel_search_folder_odpady {display: none;}

#search_box { float: left; width: 75%; box-sizing: border-box; overflow: hidden; padding: 0 10px;}



.sel_block { float: left; text-align: left;  background: #FFFFFF; border: 1px solid #CCCCCC; padding: 8px 5px; width: 100%; font-size: 11px; font-weight: bold; margin: 10px 0; box-sizing: border-box;  }
.sel_block input { font-size: 10px; padding: 0 3px; }
.sel_block .btn { background: #666666; border: 2px solid #EEEEEE; color: #FFFFFF; padding: 2px 5px;  }
.sel_block select { font-size: 12px; }
.search_form select { font-size: 13px; }
.selected_sel { float: right; }
.selected_act { float: right; }
.found { float: left; margin-left: 0px; }
.count { float: left; font-size: 12px; color: #3F3F3F; position: relative; top: 5px; left: 10px; }
.gallery_photos .count { float: left; font-size: 10px; color: #3F3F3F; position: relative; top: -3px; left: 0px; }
.filtry_upoutavky { float: right; width: 580px; margin: 0px; }
.tbl_upoutavka { border: 1px solid #CCCCCC; width: 570px; float: right; padding: 5px; margin-bottom: 5px;}
.tbl_upoutavka td { vertical-align: top; font-size: 10px; }
.filtr_label { float: left; margin-bottom: 3px; width: 100%; }
.radio_input { float: left;width: 14%; height: 12px;}
.radio_label { width: 86%; display: block; float: left;  height: 17px;}
.radio_label.active {border: none; background: #FFF;}
.filtry_btns { float: right; }

.showdata, .hidedata { width: 99%; display: block; background: #FFFFFF; text-align: center; padding: 3px 0; margin-bottom: 0px; border: 1px solid #CCCCCC;}

.sez_osob { padding: 0px 3px; line-height: 15px; margin-top: 5px; }
.sumar_odpady { width: 180px; position: relative; top: 20px; left: 10px; border: none; }
.sumar_odpady td {padding: 5px 8px; font-weight: bold; background: #FFFFFF; color:#000000; border: none;}

.search_form { float: left; width: 100%; }

#param_form { float: none; padding: 20px 10px 10px 10px;margin: 10px 2px 10px 2px;background-color: #FFF7CF; }
#param_nazev { float: left; width: 200px; font-weight: bold; margin-bottom: 6px; }
#param_input { float: none; margin-bottom: 10px; }

#slozky_menu { margin: 0px 0px 10px 0px; padding-top: 10px; border-bottom: 1px solid #000000; height: 19px; }
#slozky_menu a { background: #000000; color: #FFFFFF; font-weight: bold; padding: 6px 10px 4px 10px; margin: 0px 1px 0px 1px; }


.tbl_header { background: #FF8532; color: #FFFFFF; font-size: 10px; font-weight: bold; }
.tbl_input { width: 100px; text-align: center; background: #FFFFFF; color: #000000; }


/* ------ Seznam zaznamu v clancich a akcich ---- */

.cla_rec{
	clear: both;
	height: 85px;
	padding: 8px;
	margin: 3px 0 3px 0;
}

.cla_popis { background: #FFFFFF; height: 40px; overflow: auto; font-size: 11px; padding: 2px; }
.cla_info { float: left; font-size: 12px; width: 605px; }
.cla_nazev { font-size: 14px; font-weight: bold; margin: 5px 0px; color: #122045; }
.vyber { float:left; position: relative; left: 8px; top: 0px;  }
.vyber_gal { float: left; float:left; position: relative; left: -822px; top: 5px; display: inline; padding: 0; margin: 0; overflow: hidden; line-height: 100% }
.vyber label,.vyber_gal label { display: none; }
.anotace { background: #FFFFFF; font-size: 11px; padding: 4px; height: 58px; overflow: hidden; color: #444444; margin-top: 5px; border: 1px solid #FEE6B4;  }
.inactive .anotace { border: 1px solid #DDDDDD;  }

#reclist td.rec_sel { width: 30px; padding: 0; }

.rec_btns2,.rec_btns2 .filebtns { width: 90px; }
.rec_btns3,.rec_btns3 .filebtns { width: 110px; }
.rec_btns4,.rec_btns4 .filebtns { width: 130px; }


.ansn { font-weight: bold; display: block; float: left; width: 160px; }
.vysledky_anket { padding: 3px; background: #FFFFFF; height: 75px; }
.ank_rec { clear: both;
	height: 120px;
	padding: 8px;
	margin: 3px 0 3px 0; }
	
.ank_rec .anketa { width: 250px; float: left;  }
.ank_nazev { font-size: 12px; font-weight: bold; margin-bottom: 5px; }

.kal_rec{
	clear: both;
	height: 88px;
	padding: 8px;
	margin: 3px 0 3px 0;
}
.kal_info { float: left; font-size: 12px; width: 605px; }
.film_rec{
	clear: both;
	height: 50px;
	padding: 8px;
	margin: 3px 0 3px 0;
}
.film_rec .info {
	font-size: 11px;
}


#content .film_link a {
	font-weight: normal; text-decoration: underline; font-size: 11px;
}

/* --- END --- Seznam zaznamu v clancich a akcich --- */

/* ------ Seznam useru ---- */

.usr_rec{
	clear: both;
	padding: 8px;
	margin: 6px 0 6px 0;
	height: 60px;
}
.usr_info { float: left; font-size: 10px; }
.usr_jmeno { font-size: 13px; font-weight: bold; }

.active { background: #FEEECC; border: 1px solid #FEE6B4; }
.inactive { background: #EEEEEE; }

/* --- END --- Seznam useru --- */

.help {
	font-size: 10px;
	background: #FFAA00;
	color: #FFFFFF;
	width: 18px;
	height: 13px;
	cursor: help;
	text-align: center;
	font-weight: bold;
	border: 1px solid #FFDA8C;
}
.gall_multifile { float: left; font-size: 10px; }
.gall_submit  { float: right;  font-size: 10px; color: #000000; }
.gallery_photos { margin-top: 2px; }

.helper {
	cursor: help;
}

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


#content .for_btns { float: right; font-size: 11px; width: 260px; padding: 2px 0px 2px 0px; }
#content .for_btns input { font-size: 11px; }
#content .for_btn { float: right; }
#content .for_btns a { float: right; margin: 0px 5px 0px 0px; }
#content .for_rec { clear: both; padding: 4px; margin: 6px 0 6px 0; border-top: 3px solid #CCCCCC; }
#content .for_name { float: left; margin: 0px 0px 1px 0px; background: #FFFFFF; padding: 4px; width: 360px;  }
#content .for_rec .zazn .for_name { background: none;  }
#content .for_info { clear: both; border-top: 1px solid #FFFFFF; padding: 2px 5px 6px 5px; font-size: 11px;  }
.active .for_info { background: #FEF5E0; }
.inactive .for_info { background: #F5F5F5; }
#content .for_rec .zazn { clear: both; padding: 8px; margin: 3px 0 0px 0; border: 1px solid #FFFFFF; border-top: 3px solid #FFFFFF; }
#content .for_rec .zazn .for_info { border-bottom: none; }
#content .for_rec form { margin: 0px; padding: 0px; }
#content .for_rec .publikovat { font-size: 10px; background: #FFFFFF; width: 70px; padding: 5px; margin: 0px 0px 0px 5px; border: 1px solid #FEE6B4; float: right; }
#content .for_rec .for_info.hilite { background: #FFFFFF; }

/* --- loader ---*/

#loader {
width: 370px;
  margin-left: auto;
  margin-right: auto;
}

#loader td {
  padding: 3px;
  background: #ffffff;
}

#loader p {
  padding: 10px;
  margin: 0;
  background: #FFFFFF;
  text-align: center;
  background: url("../images/preloader_bg.gif") no-repeat top #FFFFFF;
  height: 46px;
  border: 2px solid #FFFFFF;
}

#loader strong {
  display: block;
  margin-bottom: 3px;
}

#loaderContainer {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}

#loaderContainer td {
    background-color: #000;
    opacity: 0.75;
    text-align: center;
}




#login_page { background: url(../images/loginpage.jpg) repeat-x top left; }
#login_block { width: 290px;height: 290px; margin: 88px auto 0 auto;background: url(../images/loginform.jpg) no-repeat top left;  }
.loginform { padding: 0px; margin: 0px; }
.loginform form { padding: 0px; margin: 0px; overflow: hidden; height: 260px; }
.loginform .titulek { display: none;  }
#close_login { display: block; width: 32px; height: 28px; float: right; position: relative; right: 11px; top: 10px; background: url(../images/loginclose.jpg) no-repeat top left;}
#noclose_login { display: block; width: 32px; height: 28px; float: right; position: relative; right: 11px; top: 10px; background: none;}
#close_login:hover { background-position: 0 -28px; }
#close_login span { display: none;}
.loginform .login {  position: relative; top: 51px; left: 15px; width: 145px; border: none; background: none;  color: #6c6c6c; font-size: 14px; }
.loginform .pass { position: relative; top: 99px; left: 15px; width: 145px; border: none; margin-bottom: 6px;  background: none; color: #6c6c6c;font-size: 14px;  }
.loginform #login_btn { position: relative; top: 115px; left: -45px; width: 108px; height: 34px; border: none; background: url(../images/loginbtn.jpg) no-repeat top left; color: #6c6c6c; cursor: pointer; }
.loginform #login_btn:hover { background-position: 0 -34px; }
.loginform .remember { float: left;  font-size: 10px; position: relative; top: 130px; left: 46px; }
.loginform .lostpass { display: none; }
.loginform .reglink { display: none; }

.mailing_sablona { width: 180px; margin-left: 10px; margin-top: 5px; }
.sklist { margin-left: 10px; margin-top: 10px; width: 180px; overflow: hidden; }
.sklist div { margin-bottom: 5px;width: 180px; height: 15px; overflow: hidden;  }
.sklist label { color: #4E4646; font-size: 11px; top: -2px; left: 3px; position: relative; }
.selskbtn { margin-top: 20px; }
.icon_small { margin-left: 5px; }
#cntdwn { overflow: hidden; padding: 5px 5px; margin: 20px auto; }
.cntdwn_info { padding: 12px 0px; background: #FFFFFF; text-align: center; margin: 0px 0px 0px 0px; font-weight: bold; font-size: 13px;}


.obj_filtr { font-size: 11px; }
.ousko { margin-bottom: 0px; margin-top: 5px; font-size: 10px; background: #FFFFFF; color: #000000; padding: 2px 5px; float: right; border-top: 1px solid #E9CD69; }

.form_btns { text-align: right; padding: 5px 10px 5px 10px; }

.wide_select { width: 200px; }

.filebtns { float: right; text-align: right; min-width: 130px;}
.filebtns img,.filebtns input { margin-right: 4px; }

.hide { display: none; }
.regsl { float: right; margin-left: 20px; }

#tree { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dotted #C7C7C7; width: 250px; }

.abc_filtr { width: 100%; margin: 5px 0px 10px 0px; box-sizing: border-box; }
.abc_filtr td {  font-size: 14px; text-align: center; vertical-align: middle; width: 12.5%; }
.abc_filtr td a { color: #333333; text-decoration: none; display: block; width: 100%; padding: 5px 0px; background: #FFFFFF; }
.abc_filtr td a:hover { color: #FFFFFF; background: #959595; }
.abc_filtr td a.act { color: #FFFFFF; background: #000000; font-weight: normal; width: 19px; padding: 5px 0px; cursor: default; }
.abcalltd,#menu .calendar td.calalltd { text-align: center; background: #C6C6C6; padding: 0px 0px; }
.abc_filtr td a.noact {background: #efefef; color: #CCC; cursor: default;}


.abcalltd a { padding: 0px 0px; }
#menu .calendar td.calalltd a { padding: 5px 0px; }
td a.abcall { width: 100%; background: #C6C6C6; font-size: 13px; }
td a.abcall.act { width: 100%; font-size: 13px;background: #000000; color: #FFFFFF; }

#menu #calendarfiltr {margin-top: 7px; overflow: hidden;}
#menu .calendar { margin: 0px 0px 20px 0px; background: none; width: 100%; }
#menu .calendar th { background: #626262; }
#menu .calendar td { background: #FFFFFF; }
#menu .calendar td.act { background: #000000; color : #FFFFFF; }
#menu .calendar td.act a { color: #FFFFFF; }
#menu .calendar td.day:hover { background: #959595; }
#menu .calendar td.day:hover a { color: #FFFFFF; }
#menu .calendar a { color: #333333;  }
#menu .calendar a.act { color: #FFFFFF;  }

.calendar-month {
    margin-bottom: 4px;
    margin-left: 7px;
}
#calendarfiltr a.prne {
    background: #fefefe none repeat scroll 0 0;
    display: block;
    float: left;
    font-weight: bold;
    margin-left: 3px;
    margin-right: 3px;
    text-align: center;
    width: 30px;
}
#calendarfiltr a.prne:hover {
    background: #626262 none repeat scroll 0 0;
    color: #fff;
    text-decoration: none;
}

#calendarfiltr select { font-size: 10px;}
#sel_monthfiltrop_kalendar,#sel_yearfiltrop_kalendar { width: 35px; }
#sel_monthfiltr_kalendar { width: 69px; }
#sel_yearfiltr_kalendar { width: 49px; }


#sel_filtr_clanky_0_monthop,#sel_filtr_clanky_0_yearop,
#sel_filtr_gallery_0_monthop,#sel_filtr_gallery_0_yearop,
#sel_filtr_kalendar_0_monthop,#sel_filtr_kalendar_0_yearop,
#sel_filtr_rezervace_0_monthop,#sel_filtr_rezervace_0_yearop,
#sel_filtr_akce_0_monthop,#sel_filtr_akce_0_yearop,
#sel_filtr_objednavky_0_monthop,#sel_filtr_objednavky_0_yearop,
#sel_filtr_faktury_0_monthop,#sel_filtr_faktury_0_yearop,
#sel_filtr_registrovani_0_monthop,#sel_filtr_registrovani_0_yearop,
#sel_filtr_kotce_0_monthop,#sel_filtr_kotce_0_yearop,
#sel_filtr_vyhlasky_0_monthop,#sel_filtr_vyhlasky_0_yearop,
#sel_filtr_formulare_0_monthop,#sel_filtr_formulare_0_yearop,
#sel_filtr_jidelna_0_monthop,#sel_filtr_jidelna_0_yearop,
#sel_filtr_abstracts_0_monthop,#sel_filtr_abstracts_0_yearop,
#sel_filtr_papers_0_monthop,#sel_filtr_papers_0_yearop,
#sel_filtr_registrations_0_monthop,#sel_filtr_registrations_0_yearop,
#sel_filtr_presentations_0_monthop,#sel_filtr_presentations_0_yearop
{display: none;}

.cas {
	display: block;
	padding: 0px 30px 0px 5px;
	float: left;
	font-size: 18px;
}
.casy {
	width: 240px;
	float: left;
	padding: 5px;
	background: #FFFFFF;
}
.program_datum {
	float: left;
	width: 180px;
	font-size: 13px;
	font-weight: bold;
	margin-top: 5px;
}
.kde {
	font-weight: normal; font-size: 10px;
}
.program_nahled {
	display: none; position: relative; top: -25px; left: 45px; z-index: 1000; background: #FFFFFF; padding: 10px; border: 1px solid #666666;
}
.sel_block input.search_input {
	width: 100%;
	font-size: 16px;
	height: 30px;
	margin: 10px 0;
	font-weight: bold;
}

.upoutavka { display: block; float: right; height: 50px; overflow: auto; }
.upoutavka span { display: block;  background: #000000; color: #FFFFFF; font-size: 10px; padding: 1px 3px; margin: 2px; text-align: center;}

td.showDragHandle { background-image: url("../images/updown2.gif"); background-position: center center; background-repeat: no-repeat; cursor: move; }

#reclist { border-left: 1px solid #D0D0D0; margin-bottom: 5px; }
#reclist.nbm { margin-bottom: 0; }
#reclist td {padding: 5px 5px 5px 5px;  color:black;font-size: 12px; border-bottom: 1px solid #dddddd; border-right: 1px solid #D0D0D0; background-color: #FFFFFF; }
#reclist td.cntr {text-align: center;}
#reclist td.catlinks a {display: block; margin: 5px 2px;font-size: 11px; color: #4E4646; font-weight: bold;}
#reclist td.ri {text-align: right;}
#reclist td.tb {border-top: 1px solid #dddddd;border-bottom: none;}
#reclist tr.last td.tb {border-bottom: 1px solid #dddddd;}
#reclist th {padding: 5px 5px 5px 5px; background: url("../images/th.jpg") repeat-x top left; color: #000000; font-weight: normal; border-right: 1px solid #D0D0D0;}
#reclist td.rec_btns {padding: 5px 5px 5px 5px;}
#reclist tr:hover td { background-color: #D9EBF5; }
#reclist tr.tDnD_whileDrag td { background-color: #A3CFE7; }
#reclist td.rec_tmb {background: #FFFFFF; width: 8%; padding: 0; vertical-align: middle;}
#reclist td.rec_tmb img { border: 1px solid #FFFFFF; cursor: pointer; width: auto; height: auto; max-height: 80px; max-width: 150px; text-align: center;}
#reclist td.rec_tmb img.fileico {width: auto; border: none; margin: 5px 0;}
#reclist td.list span {display: block; width: 100%;}
#reclist th.nodrop {width: 10px;}

#reclist tr.a1 td {
    background-color: #ffd9d9;
    border-bottom: 1px solid #FFF;
}
#reclist tr.a1:last-child td {
    border-bottom: 1px solid #DDD;
}
#reclist tr.pno td, #reclist tr.p0 td {
    background-color: #ededed;
    color: #8e8e8e;
    text-shadow: 0 1px 1px #ffffff;
    border-bottom: 1px solid #FFF;
}
#reclist tr.pno:last-child td, #reclist tr.p0:last-child td {
    border-bottom: 1px solid #DDDDDD;
}
#reclist td.pno,#reclist td.p0  {
    background-color: #ededed;
    color: #8e8e8e;
    text-shadow: 0 1px 1px #ffffff;
    border-bottom: 1px solid #FFF;
}

#reclist .dfr1 td:first-child {background-color: #94D1E9;}

#reclist td a.email {display: block;}

#reclist tr td.pub1 { background-color: #D9FFD9; }


#reclist td a.galtmb  {display: block; width: 32px; height: 32px; background-repeat: no-repeat; margin: 0 auto;}
#reclist td a.galtmb span {display: none;}

#reclist td.rec_preview  {padding-left: 20px;}
#reclist td.rec_img img {width: 100px;}

#reclist th.selbtn { padding: 0; width: 30px;}
#selrev { background: url("../images/selrev.jpg") no-repeat top left; border: none; width: 30px; height: 25px; cursor: pointer; }
#selall { background: url("../images/selall.jpg") no-repeat top left; border: none; width: 23px; height: 23px; margin-right: 5px; cursor: pointer; }
#selnon { background: url("../images/selnon.jpg") no-repeat top left; border: none; width: 23px; height: 23px; cursor: pointer; }
#selnon:hover,#selall:hover { background-position: 0 -23px;}

.record_control { height: 40px; width: 100%; }
#sel_btns { height: 30px; width: 51px; float: left; padding-top: 10px; }


.dragHandle { width: 10px; }

.sep1 { display: none; background: url("../images/separator1.jpg") no-repeat 0 9px; width: 2px; height: 40px; margin: 0px 12px; float: left; }
.sep2 { background: url("../images/separator2.jpg") no-repeat top left; width: 2px; height: 40px; margin: 0px 5px; float: left; }
#record_btns { float: left; height: 30px;  padding-top: 0px; }
.newrec { display: block; float: left; margin-right: 15px; }
.newrec i {font-size: 37px; color: #01A101; text-shadow: 0.01em 0.01em 0.01em #fff;transition: all 0.15s ease;}
.newrec:hover i{color: #00D201;}
.newrec span { display: none;}
.newrec:hover { background-position: 0 -24px; }

.tiskrec { background: url("../images/icon_tisk.jpg") no-repeat top left; display: block; width: 76px; height: 24px; }
.tiskrec span { display: none;}
.tiskrec:hover { background-position: 0 -24px; }

#record_btns .button {margin-right: 7px;}

.icon_link { padding: 0; cursor: pointer; }
.icon_copy { padding: 0; cursor: pointer; }
.icon_move { padding: 0; cursor: pointer; }
.icon_cancel { }
#clip_btns span { display: none;}
#clip_btns a {float: left; display: block; height: 30px; margin-left: 5px; border: none; background: none; position: relative; }
#clip_btns a i {font-size: 18px; color: #FFF; background: #13A8E4;
transition: all 0.15s ease; border: none; padding: 3px 7px 5px 7px; border-radius: 0 0 6px 6px; margin-top: -1px;}
#clip_btns a:hover i { background: #0D9BD1; padding: 7px 7px 7px 7px;}
#clip_btns a.icon_cancel {margin-left: -7px;}
#clip_btns a.icon_cancel i {color: #E51649; }
#clip_btns a.icon_cancel:hover i {background: #E51649; color: #FFF; }
#clip_btns { float: left; height: 40px; margin-top: -3px; position: absolute; right: 290px; }

.strankovac { float: left; min-width: 170px; font-size: 12px;height: 30px;  padding-top: 5px;  }
.strankovac select { font-size: 11px; width: 40px; }
.strankovac span { display: none;}
.prev {display: block; float: left;}
.next {display: block; float: left;}
.prev i, .next i {font-size: 28px; color: #575757;text-shadow: 0.01em 0.01em 0.01em #fff;transition: all 0.15s ease;}
.prev:hover i, .next:hover i {color: #000;} 
.prev.btn_disabled i, .next.btn_disabled i {font-size: 28px; color: #9B9B9B;text-shadow: 0.01em 0.01em 0.01em #fff;}
.btn_disabled { cursor: default; }

.str_txt { float: left; margin-right: 10px; margin-top: 5px; width: 107px;}
.str_img { float: left; }

#action_btns {height: 40px; float: right; text-align: right; padding: 5px 0 0 0; box-sizing: border-box; }
#action_btns button {border: none;background: none;cursor: pointer;}
#action_btns button i {font-size: 28px; color: #9B9B9B;text-shadow: 0.01em 0.01em 0.01em #fff;transition: all 0.15s ease;}
#action_btns button:hover i{color: #373737;}
#action_btns input { display: block; width: 30px; height: 39px; float: right; border: none; cursor: pointer;}

#ico_set { float: right; }
#ico_clip { float: right; }
#ico_unlink { float: right; }
#ico_arch { float: right; }
#ico_del { float: right; }
#ico_prn { float: right; }
#ico_relo { float: right; }
#ico_select { float: right;width: 40px; }
#action_btns button#ico_del i { color: #E51649; }
#action_btns button#ico_del:hover i { color: #A91036; }
#action_btns button#ico_clip i {color: #13A8E4;}
#action_btns button#ico_clip:hover i {color: #0D9BD1;}
#action_btns button#ico_relo i {color: #6e6e6e;}
#action_btns button#ico_relo:hover i{color: #373737;}


.report { background: #333333; margin-bottom: 20px; }
.cross_form { border: 5px solid #FFFFFF; }
.cross_value { width: 50px; border: 1px solid #DEDEDE; text-align: right; font-size: 11px; padding: 2px 0px; }
.cross_form td { padding: 5px; text-align: center; background: #EEEEEE;}
.cross_form .header { padding: 5px; text-align: center; font-weight: bold; background: #DEDEDE; font-size: 11px; }
.cross_form .data { height: 30px; }
.cross_form td.notnull { font-weight: bold; background: #C3C3C3; }
.regsl { float: right; margin-left: 20px; }



.week_header { position: relative; left: 0px; clear: both;height: 25px;
padding: 0px 0px 0px 0px; background: url("../images/th.jpg") repeat-x top left; color: #000000; font-weight: normal;border-left: 1px solid #D0D0D0;
}

.week_navline {height: 30px; width: 69px; float: left; padding-top: 10px;}
week_navline a span {display: none;}

.week_tab,.week_today_button { width: 65px; float: left; text-align: center; }
#content a.week_today_button { width: 50px; float: left; text-align: center;dispaly: block;height: 25px; background: url("../images/buttonsd.png") 0 0; color: #000000; }
#content a.week_today_button:hover {background-position: 0 -25px;}
.week_today_button span { line-height: 25px;}
.week_date { width: 410px; float: left; }
.week_prev_button, .week_next_button { width: 30px;height: 17px; float: left; background: #CCCCCC; margin-right: 2px; }
.week_prev_button span, .week_next_button span {display: none;}
.week_prev_button {background: url("../images/buttons.png") 0 0; margin-top: 4px; border: 1px solid #D0D0D0;}
.week_next_button {background: url("../images/buttons.png") -30px 0; margin-top: 4px; border: 1px solid #D0D0D0;}

.week_prev_button:hover {background-position: 0 -17px;}
.week_next_button:hover {background-position: -30px -17px;}


.week_bar {
    border-right: 1px solid #D0D0D0;    
    float: left;
    text-align: center;
    height: 25px;
    line-height: 25px;
}

.day_holder {
	float: left;
	background: url("../images/day_bg.jpg") 0 0;
	border-right: 1px dotted #D0D0D0;
	border-bottom: 1px solid #D0D0D0;
}

.day_data {
	overflow: hidden;
	margin-bottom: 20px;
	
}

.day_hours {
	width: 50px;
	float: left;
	border-right: 1px dotted #CECECE;
}
.day_min {
	width: 50px;
	height: 20px;
	line-height: 21px;
	font-size: 11px;
	text-align: center;
	border-bottom: 1px dotted #D0D0D0;
}

.day_min.s {font-weight: bold; background: #EDE8EC;}

.day_rec {
	overflow: hidden;
	position: absolute;
	font-size: 10px;
	color: #000000;
	border: none;
	padding: 0px;
	width: 100%;
	border-bottom: 1px solid #FFFFFF;
}

.day_rec .filebtns {width: 34px;margin-top: 2px; margin-right: 2px;}

.oddo {font-weight: bold;
width: 70px; padding-left: 4px;
display: block;
float: left;
}

.color999999999 {background: #FFFFFF; border-bottom: 1px solid #CCCCCC;}

.colorfree {background-color: #CDCDCD; background-image: url("../images/addrec.jpg"); background-repeat: no-repeat; background-position: top right;
opacity: 0.60;  
filter: alpha(opacity=60);  
-moz-opacity: 0.60;  
-khtml-opacity: 0.60;
}

.colorfree:hover { 
	opacity: 1;  
filter: alpha(opacity=100);  
-moz-opacity: 1;  
-khtml-opacity: 1;
	 }
	 
#cal_btns { float: left; width: 200px; height: 30px;  padding-top: 10px; }

#content #days_filtr {display: block; height: 22px;padding: 0; margin: 0;}
#days_filtr li {float: left; padding: 0; margin: 0 4px 0 0; background: none;}
#days_filtr li a.df_btn { display: block; width: 22px; height: 22px; text-align: center; font-size: 11px; border: 1px solid #C5C5C5; }
#days_filtr li a.df_btn.active { background: #FFFFFF; border: 1px solid #A5A5A5; }
#days_filtr li a.df_btn span { line-height: 21px;display: block; width: 22px; height: 22px; color: #CDCDCD; }
#days_filtr li a.df_btn.active span {color: #000000;}
#days_filtr li a.df_btn:hover {text-decoration: none;}

#cal_sels { float: left; width: 215px; height: 30px;  padding-top: 10px; }

.ti {display: none;}


#content .button {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  position: relative;
  cursor: pointer;
  padding: 0 10px 0 45px;
  margin-top: 3px;
  border: none;
  border-radius: 6px;
  font: bold 14px/2.1 sans-serif;
  color: rgba(255,255,255,0.9);
  text-transform: capitalize;
  -o-text-overflow: clip;
  text-overflow: clip;
  background: rgb(105,192,223);
  -webkit-box-shadow: 0 3px 0 0 rgb(87,151,180) ;
  box-shadow: 0 3px 0 0 rgb(87,151,180) ;
  text-shadow: 0 1px 1px rgba(87,151,180,0.36) ;
  -webkit-transition: top 50ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: top 50ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: top 50ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: top 50ms cubic-bezier(0.42, 0, 0.58, 1);
}

#content .button:hover {
  background: rgba(78,182,216,1);
  -webkit-box-shadow: 0 3px 0 0 rgba(78,136,160,1) ;
  box-shadow: 0 3px 0 0 rgba(78,136,160,1) ;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  text-decoration: none;
}

#content .button:active {
  top: 2px;
  background: rgb(105,192,223)	;
  -webkit-box-shadow: 0 3px 0 0 rgba(78,136,160,1) ;
  box-shadow: 0 3px 0 0 rgba(78,136,160,1) ;
  -webkit-transform-origin: 50% 100% 0;
  transform-origin: 50% 100% 0;
}

#content .button::before {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 28px;
  height: 100%;
  position: absolute;
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  cursor: pointer;
  top: 0;
  left: 8px;
  border: 0 solid #018dc4;
  border-right: 1px solid rgba(255,255,255,0.2);
  font-size: 18px;
  line-height: 1.45;
  color: rgba(255,255,255,0.9);
  -o-text-overflow: clip;
  text-overflow: clip;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}

#content .button.impad::before {content: "\f0e8";}
#content .button.uplrec::before {content: "\f093";}
#content .button.imprec::before,#content .button.imprec2::before {content: "\f382";}
 

.back-to-top {
    background-color: rgba(205, 205, 205, 0.8);
    border: medium none;
    border-radius: 8px 0 0 8px;
    bottom: 0.3em;
    color: #000000;
    display: none;
    font-size: 50px;
    padding: 5px 20px 12px;
    position: fixed;
    right: 0;
    text-decoration: none;
    z-index: 1000;
}
.back-to-top i {line-height: 35px;}
a.back-to-top:focus, a.back-to-top:hover {
    background-color: rgba(135, 135, 135, 0.5);
    color: #ffffff;
}
.back-to-top:hover span {
    color: #ffffff;
} 

#content .sflinks {display: block; overflow: hidden; position: relative; width: 100%; background-color: #efefef; padding: 3px 3px 2px 3px;border: 1px solid #e3e3e3; box-sizing: border-box; margin-bottom: 5px; }
.sflinks li {list-style: none;float: left; width: 24.87%; box-sizing: border-box; }
#content .sflinks li a {display: block; padding: 5px; color: #4E4646; background-color: #fff; border: 1px solid #e3e3e3;margin-bottom: 1px; position: relative;}
#content .sflinks li a:hover {color: #000; text-decoration: none;}
.sflinks li a i {margin-right: 7px;color: #FFF; text-shadow: 0.01em 0.01em 0.03em #000; transition: all 0.15s ease; font-size: 18px;}
.sflinks li a:hover i {color: #575757;text-shadow: none;}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 300;
    line-height: 1;
    color: #a3a3a3;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #efefef;
    border-radius: 6px;
    transition: all 0.2s ease-in-out;
    position: absolute;
	top: 6px;
	right: 10px;
}