body { margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #555; }
div { vertical-align: top; box-sizing: border-box; -webkit-user-select: none; }
table { border-collapse: collapse; }
li { display: list-item; text-align: -webkit-match-parent; }

a:link { text-decoration: none; } 
a:visited { text-decoration: none; } 
a:active { text-decoration: none; }
a:hover { text-decoration: underline;  }  

input {
 font-size: 16pt; 
 padding: 5px 5px 5px 5px;
 border: 2px solid rgb(139,0,0);
 max-width: 320px;
 outline: none; 
}
input:hover { }
input:focus { outline: none; }

button { }
button:focus { outline: none; }

.clBox { position: absolute; right: 5; top: 5; width: 24px; } 

.clBot {
 background-image: url('/img/close.png');
 cursor: pointer;
 background-color: transparent; background-repeat: no-repeat; background-size: 100%;
 border: none;
 width: 24px; height: 24px;
}



.hed01 { padding: 10px 0px 0px 0px; color: rgb(165,42,42); font-size: 18pt; font-weight: 600; }
.hed02 { padding: 10px 0px; color: rgb(0,0,139); font-style: bold; font-size: 14pt; }
.hed03 { padding: 0px 0px; color: rgb(0,0,0); font-style: bold; font-size: 12pt; }

.vrtbod { background: rgb(70,130,180); }


/******************************************************************************/
.mMenu {
 position: absolute;
 left: 0; top: 0; width: 110px; height: 100%;
 background: rgb(123,104,238);  color: #FFFFFF;
 margin: 0 auto;
 overflow: hidden;
}

/******************************************************************************/
.conRabo, .raChCont, .raChCoFa, raUslCon { cursor: hand; border: 1px solid rgb(160,160,160); }

/******************************************************************************/
.mBotSot, .mBotSpe, .mBotUzi, .mBotOtz {
 display: inline-block;  *display: inline;
 width: 100px; height: 100px;
 border: 2px solid rgb(255,255,255); border-radius: 8px;
 margin: 10px 5px 5px 0px;
}
.mBotSot:hover, .mBotSpe:hover, .mBotUzi:hover {
 border: 2px solid rgb(255,255,0);
}

.mBotSot { background: url('img/sotrud.png') no-repeat; }
.mBotSpe { background: url('img/spetci.png') no-repeat; }
.mBotUzi { background: url('img/emuzis.png') no-repeat; }
.mBotOtz { background: url('img/otzvon.png') no-repeat; }


/******************************************************************************/
.bloSpisSpec {
 position: absolute;
 left: 120; top: 10; width: 260px; height: 800px;
 background: rgb(70,130,180);
 box-shadow: 6px 6px 6px 0px rgba(0,0,0,0.75); 
 padding: 5px;
 overflow: auto;
}

.bloRaboInfo {
 position: absolute;
 left: 390; top: 20; width: 400px; height: 880px;
 background: rgb(70,130,180);
 padding: 5px;
 box-shadow: 6px 6px 6px 0px rgba(0,0,0,0.75); 
 display: none;
}

.bloChasInfo {
 position: absolute;
 left: 800; top: 30; width: 500px;
 background: rgb(70,130,180); /* color: rgb(0,0,0);*/
 padding: 5px;
 box-shadow: 6px 6px 6px 0px rgba(0,0,0,0.75); 
 display: none;
}

.bloRezeInfo {
 position: absolute;
 left: 1040; top: 40; width: 360px; height: 800px;
 background: #000000;  color: #FFFFFF;
 display: none;
}


/*** Список рабоников *********************************************************/
.conRabo { background: rgb(255,255,255); padding: 3px; margin: 0px 0px 5px 0px; }
.conRabo:hover { background: rgb(255,255,204) }

.rbFoto, .rbText { display: inline-block;  *display: inline; }

.rbImdg { width: 75px; height: 100px; }
.rbName {
 width: 400px;
 font-size: 20px; color: rgb(128,0,0);
 text-shadow: 1px 1px 2px rgba(50, 50, 50, 1);
 padding: 5px 5px 5px 10px;
}
.rbSpec {
 width: 400px;
 font-size: 18px; color: rgb(0,0,204);
 text-shadow: 1px 1px 2px rgba(50, 50, 50, 1);
 padding: 0px 5px 5px 10px;
}
.rbDop1 { font-size: 14px; color: rgb(153,51,0); padding: 0px 0px 0px 10px; }
.rbDop2 { font-size: 14px; color: rgb(153,51,0); padding: 0px 0px 0px 10px; }
.rbDop3 { font-size: 14px; color: rgb(153,51,0); padding: 0px 0px 0px 10px; }

.rbBCon { margin: 10px 0px 0px 0px; }
.rbBNed, .rbBPod {
 padding: 10px 20px;  margin: 0px 10px 0px 0px;
 background: rgb(224,224,224);  color: rgb(128,0,0);
 cursor: hand;
}

/******************************************************************************/
.conSpec {
 background: rgb(255,255,255);  color: rgb(128,0,0);
 font-size: 18px;
 border: 1px solid #000000;
 padding: 8px;
 margin: 0px 0px 3px 0px;
}
.conSpec:hover { background: rgb(255,228,196) }

.rbCon { /*background: rgb(255,255,255); padding: 4px; */}
.rbTit0 { margin: 0px 0px 0px 0px; }
.rbTit1, .rbTit2 { display: inline-block;  *display: inline; }

.rbFot1 {
 width: 120px; height: 160px;
 box-shadow: 3px 3px 10px 0px rgba(50, 50, 50, 0.75); 
}
.raboName, .raboSpec {
 width: 460px;
 font-size: 18pt; font-weight: 600;
 text-shadow: 2px 2px 4px rgba(50, 50, 50, 1);
}

.raboName { color: rgb(128,0,0); padding: 0px 8px 0px 8px; }
.raboSpec { color: rgb(0,0,139); padding: 0px 8px 8px 8px; }
.rabDo1 { padding: 0px 8px 8px 8px; font-size: 13pt; }
.rabDo2 { padding: 0px 8px 8px 8px; }
.rabDo3 { padding: 0px 8px 8px 8px; }

.wdTitle {
 background: rgb(255,255,204);  color: rgb(0,0,0);  font-size: 12pt;
 margin: 15px 0px 0px 0px;
 padding: 5px;
 border: 1px solid rgb(176,196,222); 
}

.wdCont { }
.raInRaDCon { cursor: hand; }
.raInRaDCon:hover { background: rgb(255,240,192); }

.r41, .r42, .r43, .r44 { 
 border-right: 1px solid rgb(176,196,222); border-bottom: 1px solid rgb(176,196,222);
 padding: 5px;
}
.r41 { width: 110px; border-left: 1px solid rgb(176,196,222); }
.r42 { width: 300px; }
.r43 { width: 100px; }
.r44 { width: 100px; }

.r51, .r52, .r53 {
 border-right: 1px solid rgb(176,196,222); border-bottom: 1px solid rgb(176,196,222);
 padding: 5px;
} 
.r51 { width: 320px; border-left: 1px solid rgb(176,196,222); }
.r52 { width: 150px; }
.r53 { width: 150px; }


/******************************************************************************/
.tabUsl { border-collapse: collapse; }
.raUslCon { background: rgb(255,255,255);  color: rgb(0,0,0); overflow: hidden; }

.raUslCon:hover { background: rgb(255,240,192); }

.raUs01, .raUs02, .raUs51, .raUs52, .raUs61, .raUs62 { 
 padding: 5px;
 font-size: 12pt;
 border: 1px solid rgb(176,196,222); 
}
.raUs51, .raUs52 { background: rgb(192,192,192); }
.raUs61, .raUs62 { background: rgb(232,232,232); }

.raUs01, .raUs51, .raUs61 { width: 500px; }
.raUs02, .raUs52, .raUs62 { width: 123px; text-align: right; }

.raUs51 { padding-left:  5px; }
.raUs61 { padding-left: 10px; }
.raUs01 { padding-left: 15px; }

.raUsPo { color: rgb(0,0,204); cursor: hand; }

.raPa01 { position: relative; margin: 0 auto; background: rgb(255,255,255);
 width: 600px;
 box-shadow: 10px 10px 100px 0px rgba(0,0,0,0.75);
}
.raPa02 {
 background: rgb(51,0,204); color: rgb(255,255,255); 
 padding: 10px; text-align: center; font-size: 16pt; font-weight: 600;
}

.raPa03 { padding: 10px 20px; }
.raPa04 { padding: 10px 20px; text-align: center; font-size: 16pt; font-weight: 600; color: rgb(153,0,0); cursor: hand; }



.raTelCon { background: rgb(255,255,255);  color: rgb(0,0,0); }

.raTe01, .raTe02 { 
 display: inline-block;  *display: inline;
 padding: 5px;
 font-size: 12pt;
 border-right: 1px solid rgb(176,196,222); 
 border-bottom: 1px solid rgb(176,196,222); 
 overflow: hidden;
}

.raTe01 { width: 300px; border-left: 1px solid rgb(176,196,222); }
.raTe02 { width: 354px; }



/******************************************************************************/
.raChDayh {
 background: rgb(255,255,204);
 margin: 2px 3px;
 font-size: 18pt; font-weight: bold;
 box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75); 
}
.raChDayy, .raChDayn { display: inline-block;  *display: inline; padding: 8px 8px 8px 8px; }
.raChDayy { color: rgb(153,51,0); }
.raChDayn { color: rgb(0,0,255); }

.raChCont {
 background: rgb(255,255,255);  color: rgb(0,0,0);
 box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75); 
 margin: 4px 3px 2px 3px;
}
.raChCont:hover { background: rgb(255,255,0); }

.raChFree {
 background: rgb(220,255,220);  color: rgb(0,0,0);
 box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75); 
 margin: 4px 3px 2px 3px;
}
.raChFree:hover { background: rgb(124,255,0); }

.raChCoFa {
 background: rgb(238,232,170);  color: rgb(0,0,0);  
 box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75); 
 margin: 4px 2px 2px 2px;
 padding: 5px;
}

.ra006, .ra007, .ra008, .ra009 {
 display: inline-block;  *display: inline;
 min-height: 24px;
 padding: 5px 5px 5px 5px;
}
.ra006 { width: 60px; border-right: 1px solid rgb(176,196,222); }
.ra007 { width: 250px; border-right: 1px solid rgb(176,196,222); }
.ra008 { width: 150px; color: rgb(0,0,139); }
.ra009 { width: 150px; color: rgb(165,42,42); }






/******************************************************************************/
.ZapCont { background: rgb(255,248,220); padding: 5px; }

.ZapTitle {
 background: rgb(70,130,180); color: rgb(255,250,250);
 font-size: 16pt; 
 text-shadow: 2px 2px 4px rgba(50, 50, 50, 1);
 padding: 8px;
}
.ZapSpeci {
 color: rgb(153,0,0);
 font-size: 16pt; 
 text-shadow: 1px 1px 2px rgba(50, 50, 50, 1);
 padding: 10px 0px 0px 0px;
}
.ZapVrema {
 color: rgb(0,0,102);
 font-size: 16pt; 
 text-shadow: 1px 1px 2px rgba(50, 50, 50, 1);
 padding: 8px 0px 0px 0px;
}
.ZapTyt { color: rgb(153,0,0); font-size: 12pt; padding: 10px 0px 5px 0px; }
.ZapSpase { padding: 30px 0px 0px 0px; }
.ZapBott { background: rgb(123,104,238); padding: 0px 0px 0px 0px; }
.ZapBCon { display: inline-block;  *display: inline; }

.botSave, .botCans, .botDele {
 border: 2px solid rgb(255,255,255); border-radius: 8px;
 font-size: 14pt;  color: rgb(255,250,250);
 text-shadow: 1px 1px 2px rgba(50, 50, 50, 1);
 margin: 5px 15px 5px 15px;
 padding: 8px 15px 8px 15px;
}
.botSave { background: rgb(0,204,0); }
.botCans { background: rgb(255,69,0); }
.botDele { background: rgb(255,69,0); }


/******************************************************************************/
.otZag { width: 790px; background: rgb(255,255,0); padding: 3px; }

.ohCon { }
.ohFam, .ohTel, .ohVre, .ohBot {
 display: inline-block;
 border-right: 1px solid rgb(176,196,222); 
 border-bottom: 1px solid rgb(176,196,222); 
 background: rgb(222,184,135);
 padding: 3px;
 
}
.ohFam { width: 350px; }
.ohTel { width: 200px; }
.ohVre { width: 170px; }
.ohBot { width: 70px; }

.otCon { }
.otFam, .otTel, .otVre, .otBot {
 display: inline-block;
 height: 28px;
 padding: 3px;
 overflow: hidden; white-space: nowrap;
 border-right: 1px solid rgb(176,196,222); 
 border-bottom: 1px solid rgb(176,196,222); 
}

.otFam { width: 350px; }
.otTel { width: 200px; }
.otVre { width: 170px;} 
.otBot { width: 70px;}
 
 
/******************************************************************************/
.zzBox { background: rgb(255,255,255); }
.zzHed { background: rgb(100,149,237); color: #FFFFFF; padding: 10px; }
.zzCon { min-height: 340px; }
.zzTxt { color: rgb(128,0,0); padding: 5px 5px 5px 5px; }
.zzRec { color: rgb(0,0,0); padding: 0px 5px 5px 5px; }
.zzKno { background: rgb(100,149,237); }
.zzBot { display: inline-block; padding: 5px; }