*{
/*margin:0;
padding:0;*/
 font-family: Calibri;
}
html{
overflow-y: -moz-scrollbars-vertical;
     overflow-y: scroll;
}
body{/*position:absolute;*/}
#logo{
background: url('./img/2muse_logo_orezane.jpg');
height: 66px;
width: 98px;
background-size: contain;
position: absolute;
right: 45px;
top: 17px;
}
form {display:inline;}
ul {
    float: left;
    width: 100%;
/*	height:auto;*/
    list-style-type: none;
}
ul,li{padding: 0;
    margin: 0;
    }
li {
    display: inline-block;

}
li a {
    border-radius: 17px;
	text-align:center;
	float: left;
    width: 117px;
	/*display:block;*/
    text-decoration: none;
    color: white;
    background-color: red;
    padding: 4px 12px;
    border: 2px solid darkred;
}

ul.mesiac li a {
    width: 82px;
}
ul li a.active {
    background-color: #991111;
}
ul li a:hover {
    background-color: darkred;
}

ul.mesiac li a:hover {
    background-color: darkred;
}

ul#menu {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

ul#menu, ul#menu ul.sub-menu {
    padding:0;
    margin: 0;
}
ul#menu li, ul#menu ul.sub-menu li {
    list-style-type: none;
	display: inline-block;
	z-index: 10000;
	
}
/*Link Appearance*/
ul#menu li a, ul#menu li ul.sub-menu li a {
    
text-decoration: none;
color: #fff;
text-align: center;
background: red;
padding: 5px;
border-radius: 17px;
display: inline-block;
border: 2px solid darkred;

}
ul#menu a:hover, ul#menu li ul.sub-menu li a:hover{
background: darkred;
}
ul#menu a.active, ul#menu li ul.sub-menu li a.active{
background: #991111;
}
/*Make the parent of sub-menu relative*/
ul#menu li {
    position: relative;
}
/*sub menu*/
ul#menu li ul.sub-menu {
    display:none;
    position: absolute;
    top: 33px;
    left: 0;
    width: 100px;
	
}
ul#menu li:hover ul.sub-menu {
    display:block;
}

.menusubitem{cursor:pointer;}

#login{
text-align:center;
display:block;
position:absolute;
top: calc(44% - 34px - 37px);
left: calc(50% + -139px);
}
table#logintable  tr td,table#addzamestnanec table tr td {
border:0px solid #fff;
}
#loginform{height:100%;}

table{border-collapse: collapse;width: 100%;}
table tr td{

border:1px solid;
}
table#addzamestnanec{
width:calc(100% - 24px); 
height:height: 303px;;
}
input{border-radius:1px;}

select,input:not([type]), input[type="email"],input[type="submit"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"], input[type="button"]{
border-radius: 8px;
padding-left:6px;
margin-top: 6px;
margin-bottom: 6px;
}
select,input[type="email"],input[type="text"],input[type="submit"],input[type="password"], input[type="button"]{box-shadow: 2px 3px 7px #666;}
input[type="submit"]{cursor: pointer; margin-right:4px;}
input::file{border-radius:6px;}
input[type="submit"]:hover{color:red;}
#false{margin-top: 22px;
margin-left: auto;
margin-right: auto;
left: calc(50% - 200px);
position: absolute;}

#tabulkazmeny td {border:0px;border-right:1px solid #000;}
#tabulkazmeny hr {margin-bottom:20px;}
#tabulkazmeny table tr{border: 1px solid #000;}

#zam2 tr:first-child{font-weight: bold;}
#zam2 td{width:60px;}
#zam2 td:first-child{width:100px;}
#zam2div,#zam1div {padding-left: 10px;
padding-right: 30px;
padding-top: 10px;}
#zoznam,#vypoved{
margin-top:2px;
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;}
	
	
#tabulkazmeny table tr:first-child{
background-color:red;
}
table#tabulkabody tr:first-child{
background-color:white;
}
table tr.uvod,table tr.soft{background-color:#FFFAC3 !important;}
table tr.otazky,table tr.zaver{background-color:#FFCBCB;}

table tr.uvod:hover,table tr.soft:hover{background-color:#FFF476 !important;}
table tr.otazky:hover,table tr.zaver:hover{background-color:#FCA1A1;}
#b_body{lefT: 45%;
position: relative;}
#body td:first-child{font-weight:bold;}

input.skryt{box-shadow: 0px 2px 26px #FF050F;}

/*
datepicker skin
*/
.ui-datepicker th{color:white;}
.ui-datepicker td a{text-align:center;width: 2em;}
.ui-datepicker.ui-widget-content{background:#910707;}
.ui-datepicker .ui-widget-header{background:#FF0000;}
.ui-datepicker.ui-widget-content .ui-state-default{background:#FF0000;border:1px solid #FF0000;}
.ui-datepicker.ui-widget-content .ui-state-highlight{background:#FFF;color:red;border:1px solid red;text-decoration:underline;white-space:pre;border-radius: 5px;}
.ui-datepicker.ui-widget-content .ui-state-active{background:#9B0505;border:1px solid white;text-decoration:underline;border-radius:5px;}
.ui-datepicker.ui-widget-content .ui-state-hover{background:#FF4242;color:white;}
.ui-datepicker.ui-widget-content .ui-state-highlight.ui-state-hover{border:1px solid white;}
.ui-datepicker.ui-widget-content .ui-state-highlight.ui-state-active{border:1px solid white;}

.ui-datepicker.ui-widget-content .ui-state-active:before{content:">";text-decoration:none;}
 .ui-datepicker.ui-widget-content .ui-state-active:after{content:"<";text-decoration:none;}
.ui-datepicker.ui-widget-content .ui-state-highlight:before{content:" ";}
 .ui-datepicker.ui-widget-content .ui-state-highlight:after{content:" ";}
.ui-datepicker.ui-widget-content .ui-state-highlight.ui-state-active{color:white;}
 .ui-datepicker.ui-widget-content .ui-state-highlight.ui-state-active:before{content:">";text-decoration:none;}
 .ui-datepicker.ui-widget-content .ui-state-highlight.ui-state-active:after{content:"<";text-decoration:none;}
 
 
table.koderi,table.koderi tr,table.koderi td{text-align:center;}
.koderi span button {padding:3px;}
.koderi span  {width: 100%;height: 100%;}
.koderi .doba{width:110px;}
.koderi .projekty{width:60px;}
.koderi button{cursor:pointer;}
 /*.koderi table {border-width:0;}
 .koderi table tr{border-width:0;}
 */.koderi table td{padding:3px;}
 .koderi table{width: auto;margin: -2px auto;}