.bb { display: inline-block;  *display: inline; }
.outer { width:100%; background: rgb(246,246,246) url(images/542_bg.jpg) repeat-x top; }
.maCon { width: 1000px; margin: auto; }
.tpCon { position: relative; width: 1000px; height: 330px; }

/*** USERS ***************************/
.t0Pho { position: absolute; left: 123px; top: 70px; } 
.t0Ph1 { font-size: 50px; font-weight: 600; color: #ffffff; text-shadow: 0 0 20px #ff0; }


.tpLog { position: absolute; top: 10px; right: 10px; } 
.tuCon { position: relative; width: 300px; height: 130px; background: rgba(246,246,246,0.7); border-radius: 8px; }

.tuImg { position: absolute; top: 5px; left: 5px;  }
.tuPic { width: 100px; height: 120px; border-radius: 8px; }
.tuNam { position: absolute; top: 5px; left: 115px; font-size: 16pt; color: rgb(0,0,139); text-shadow: 2px 2px 5px rgba(150, 150, 150, 1); }

.uiBod { position: relative; width: 400px; margin: 0 auto; background: rgb(255,255,255); }
.uiHed { background: rgb(0,0,128); color:rgb(255,250,250); padding: 10px; font-size: 14pt; } 
.uiCon { position: relative; margin: 10px; height: 130px; background: rgb(245,245,245); border-radius: 8px; }
                                                 
.uiBot { height: 130px; }     
.tpBot {}

.bloDialFone {
 position: fixed; z-index: 3300; display: none;
 left: 0px; top: 0px; width: 100%; height: 100%;
 background: rgba(147,147,147,0.8);
}

.bloDialInfo { margin: 100px 0px; }

/*--- main menu --------------------------------------------------------*/
.meCon { background: rgb(2,100,2); /*margin: 100px 0px 0px 0px;*/ }
.meBt1, .meBt2, .meBt3, .meBt4, .meBt5, .meBt6 {
 display: inline-block;  *display: inline;
 padding: 10px 20px; margin: 0px 5px 0px 0px;
 color: rgb(250,250,250); text-align: center; font-style: bold; font-size: 14pt;
 cursor: hand;
}
.meBt1:hover { background: rgb(32,130,32); }
.meBt2:hover { background: rgb(32,130,32); }
.meBt3:hover { background: rgb(32,130,32); }
.meBt4:hover { background: rgb(32,130,32); }
.meBt5:hover { background: rgb(32,130,32); }
.meBt6:hover { background: rgb(32,130,32); }

/*--- emblem context ---------------------------------------------------*/
.emCon { }
.shPro { padding: 20px 0px; color: rgb(165,42,42); font-style: bold; font-size: 16pt; }
.shBox { display: none; }

.picMen { margin: 10px 0px; }
.mmDv1, .mmDv2, .mmDv3 { display: inline-block;  *display: inline; }
.mmDv2 { margin: 0px 35px; }

.view { overflow: hidden; position: relative; text-align: center; cursor: default; }
.view .mask, .view .content {
 top: 0; left: 0; width: 310px; height: 170px;
 position: absolute;
 overflow: hidden;
}
.view img { display: block; position: relative }
.view .hed {
 color: #fff; text-align: center; font-size: 20pt; 
 position: relative;
 padding: 10px;
 background: rgba(0, 0, 0, 0.8);
 margin: 20px 0 0 0
}
.view .ttt {
 font-family: Georgia, serif; font-style: italic; font-size: 12px;
 position: relative;
 color: #fff;
 padding: 2px 20px;
 text-align: center;
 min-height: 62px; 
}
.view .info {
 padding: 7px 14px;
 background: rgba(2,100,2, 0.8); color: #fff;
 box-shadow: 0 0 1px #000
}
.view info:hover { box-shadow: 0 0 5px #000 }

.view-first img { transition: all 0.2s linear; }
.view-first .mask { opacity: 0; background-color: rgba(219,127,8, 0.7); transition: all 0.4s ease-in-out; }
.view-first hed { transform: translateY(-100px); opacity: 0; transition: all 0.2s ease-in-out; }
.view-first .ttt { transform: translateY(100px); opacity: 0; transition: all 0.2s linear; }
.view-first .info { opacity: 0; transition: all 0.2s ease-in-out; }

.view-first:hover img { transform: scale(1.1); }
.view-first:hover .mask { opacity: 1; }
.view-first:hover .hed,
.view-first:hover .ttt,
.view-first:hover .info { opacity: 1; transform: translateY(0px); }
.view-first:hover .ttt { transition-delay: 0.1s; }
.view-first:hover .info { transition-delay: 0.2s; }


.cenCon { padding: 0px 0px 10px 0px; }


.MainCon, .LeftCon {
 display: inline-block;  *display: inline;
 box-shadow: 3px 3px 15px 0px rgba(50, 50, 50, 0.75);
 padding: 15px;
 min-height: 500px; 
}

.MainCon { background: rgb(255,255,255); width: 684px; margin: 0px 6px 0px 0px; }
.LeftCon { width: 310px; }


/*--- menu clinic ---------------------------*/
.clmCon { }

.mcBt1, .mcBt2, .mcBt3, .mcBt4, .mcBt5 {
 display: inline-block;  *display: inline;
 background: rgb(208,208,208);
 padding: 7px 14px;
 margin: 5px 5px 5px 0px;
 width: 180px; 
 text-align: center; font-size: 12pt; 
  cursor: hand;
}
.mcBt1 { }
.mcBt2 { }
.mcBt3 { }
.mcBt4 { }
.mcBt5 { width: 280px; }

 
.nnCon { padding: 15px 0px 0px 0px; }
.nn1, .nn2 { display: inline-block;  *display: inline; }
.nn1 { background: rgb(255,255,255); border: 1px solid rgb(238,238,238); }
.nnPc { padding: 3px 14px; }
.nnTx { color: rgb(160,160,160); text-align: center; font-size: 8pt; padding: 3px; }
.nnZag { color: rgb(0,48,176); font-size: 12pt; width: 500px; padding: 0px 6px; }
.nnTxt { color: rgb(160,160,160); font-size: 8pt; width: 500px; padding: 3px 6px; }

.foot2 { background: rgb(0,69,108); min-height: 50px; }
.copr { color: rgb(255,255,255); font-size: 8pt; padding: 10px 0px; width: 90%; }
.navi { padding: 10px 0px; }
.topScroll { color: rgb(255,255,255); font-size: 8pt; }

.spiApt { margin: 25px 0px 0px 0px; padding: 5px; background: rgb(200,200,200); cursor: hand; }
.cnAbz { margin: 25px 0px 0px 0px; text-indent: 2em; text-align: justify; font-size: 14pt; }

/*--- ÑÏÈÑÎÊ ÊÎÍÒÀÊÒÎÂ ------------------------*/
.teZag {
 color: #003f64; font-style: bold; font-size: 14pt; 
 width: 440px; margin: 25px 15px 5px 0px;
}
.teFIO {
 color: rgb(139,0,0);
 font-style: bold; font-size: 14pt; 
 margin: 5px 0px;
}
.apPod { color: rgb(102,0,0); cursor: hand; margin: 28px 5px 5px 5px; }

.ap01 { color: #003f64; font-size: 18pt; font-weight: 600; margin: 25px 0px 5px 0px; }
.ap02 { color: #000000; font-size: 14pt; margin: 25px 0px 5px 0px; }
.ap03 { color: rgb(102,0,0); font-size: 16pt; font-weight: 600; }
.ap09 { box-shadow: 3px 3px 20px 0px rgba(50, 50, 50, 0.75); }
.ap11 { margin: 25px 0px 5px 0px; }


.te1, .te2, .te3 { /*border: 1px solid rgb(245,245,245);*/ padding: 4px; vertical-align: top; }
.te1 { width: 20px;  margin: 5px 0px 0px 0px; }
.te2 { width: 160px; font-size: 10pt; }
.te3 { width: 440px; font-style: bold; font-size: 11pt; /*text-align: right;*/ }

.ftBox {
 display: inline-block;  *display: inline;
 background: rgb(255,255,255);

 border: 1px solid rgb(238,238,238);
 margin: 5px 5px 5px 0px;
 padding: 4px;
}

.ftNo { display: none; }

.rmBox { padding: 5px 5px; }
.rmStr {
 color: rgb(255,255,255);
 background: rgb(0,0,139);
 margin: 5px 0px 5px 0px;
 padding: 5px 5px;
 cursor: hand;
}
.rmStr:hover { background: rgb(30,30,169); }

/************************************/
.rmDBox {
 border: 1px solid rgb(0,0,153); border-radius: 10px;
 padding: 10px;  margin: 0px 0px 20px 0px; 
}
.rmDStr { 
 font-size: 12pt; font-weight: 600;
 background: rgb(245,245,245); color: rgb(0,0,153);
 margin: 2px 0px; padding: 5px 5px; 
 cursor: hand;
}
.rmDStr:hover { background: rgb(255,255,153); }
/************************************/
.rmABox { border: 1px solid rgb(32,130,32); border-radius: 10px; padding: 10px; }
.rmHed { color: rgb(32,130,32);  padding: 5px 5px; font-weight: 600; }


.rmAStr { 
 font-size: 12pt; font-weight: 600;
 background: rgb(245,245,245); color: rgb(2,100,2);
 margin: 2px 0px; padding: 5px 5px; 
 cursor: hand;
}
.rmAStr:hover { background: rgb(255,255,153); }


/*** ËÀÁÎÐÀÒÎÐÈß **************************************************************/
.lb05 {
 background: rgb(245,245,245); color: rgb(0,0,139);
 cursor: hand;
 margin: 4px 0px 0px 0px; padding: 5px 5px;
}
.lb05:hover { background: rgb(255,255,204); }
 
.lb10 { cursor: hand; }
.lb10:hover { background: rgb(255,255,204); }
.lb11, .lb12 { 
 display: inline-block;  *display: inline;
 padding: 5px 5px;
 border-right: 1px solid rgb(176,196,222); border-bottom: 1px solid rgb(176,196,222);
}
.lb11 { width: 500px; border-left: 1px solid rgb(176,196,222); }
.lb12 { width: 154px; text-align: right; }
.lb22 { padding: 10px 0px 0px 0px; color: rgb(0,0,204); font-size: 14pt; font-weight: 600; }
.lb23 { padding: 10px 0px 0px 0px; color: rgb(0,0,0); font-size: 12pt; font-weight: 600; }
.lb24 { padding: 10px 0px 0px 0px; color: rgb(0,0,204); font-size: 12pt; }
.lb25 { padding: 10px 0px 0px 0px; color: rgb(0,0,204); font-size: 12pt; font-family: Courier New, monospace; }


/******************************************************************************/
.gal01 { background: rgb(255,255,255); padding: 5px 5px 5px 5px; height: 543px; }
.gal02 { width: 800px; height: 533px; margin: 0 auto; }
.gal03 { width: 800px; height: 533px; }

.gal10 {
 background: transparent url(../images/bar.png) repeat top left;
 position: absolute; 
 height: 74px; top: 543px; left: 0px; 
 color: #f8f8f8;
 z-index: 999;
}

.gal11, .gal12, .gal13 { display: inline-block;  *display: inline; }
.gal11, .gal13 { width: 70px; }
.gal12 { width: 670px; }

.gal21 { width: 470px; margin: 5px 100px; text-align: center; font-size: 16pt; font-weight: 600; }
.gal22 { width: 100px; margin: 5px 285px; text-align: center; font-size: 16pt; font-weight: 600; color: rgb(255,255,0); cursor: hand; }
 

.fnBot { position: absolute; top: 0px; width: 70px; height: 70px; }                           

.fnBot .fnBor {
 width: 30px; height: 30px; top: 50%;  left: 50%;
 background: #666;
 position: absolute; width: 46px; height: 46px; display: block;
 background-size: 17px 25px; background-position: center center; background-repeat: no-repeat;
 text-indent: -9000px;
 border-radius: 23px; -moz-border-radius: 23px; -webkit-border-radius: 23px;
 cursor: pointer;
 opacity: 0.9;
 margin: -23px 0 0 -23px;
 transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease;
  
}
.fnBot:hover .fnBor {
 width: 100px; height: 100px;
 border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px;
    
 opacity: 0.6;
 margin: -50px 0 0 -50px;
 background-size: 22px 32px;
 background-color:#a8872d;
}

.fnBot .fnImg {
  position: absolute;
  width: 0px; height: 0px; top: 50%; left: 50%;
  overflow: hidden;
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0px;
  border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
	transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out;
}

.fnBot:hover .fnImg {
 width: 90px; height: 90px;
 background-size: 120% 120%;
 margin: -45px 0 0 -45px;
 border-radius: 45px; -moz-border-radius: 45px; -webkit-border-radius: 45px;
}


/******************************************************************************/
.logBod { position: relative; margin: 0 auto; width: 400px; background: rgb(250,250,250); }
.logHed { background: #5682a3; color: rgb(255,255,255); font-size: 20px; font-weight: 600; padding: 10px; }
.logCon { padding: 10px; min-height: 200px; }

.logTit { color: rgb(0,0,139);   font-size: 16px; font-weight: 600; }
.logErr { color: rgb(165,42,42); font-size: 16px; font-weight: 600; }

.logTxt { padding: 10px 0px 4px 0px; color: rgb(112,112,112); font-size: 16px; font-weight: 600; }
.logDiv { position: relative; width: 322px; }
.logFon { position: absolute; right: 2; top: 34; text-align: right; font-size: 16px; color: rgb(255,0,0); }

.mInp, .eInp { width: 360px; font-size: 20px; padding: 4px 6px; }
.mInp { background: #fff;    border: 1px solid #BBBBBB; }
.eInp { background: #FFFFC0; border: 1px solid #FF0000; }
.mInp:focus { border: 1px solid #0000FF; }

.regBot { /* background: rgb(72,209,204);*/ }

.mBot {
 width: 150px; padding: 5px 5px 5px 5px; border: 0px solid red;
 outline: none;
 background: rgb(248,248,248);  color: rgb(30,144,255);
 font-weight: bold;
}
.mBot:focus { background: rgb(238,238,238); }               
.mBot:hover { background: rgb(238,238,238); }



/******************************************************************************/
.rBc { display: inline-block;  *display: inline; padding: 5px; }



.otHed {
 margin: 10px 0px;
 color: rgb(0,0,205); 
 font-size: 22px; font-weight: 600;
}

.otCon {
 background: rgb(255,250,250); border: 1px solid rgb(211,211,211);
 margin: 10px 0px;
 padding: 10px;
 box-shadow: 3px 3px 5px 0px rgba(184,184,184,1);
}

.otInf {}
.otUse, .otDat {display: inline-block;  *display: inline; }

.otUse { width: 430px; 
 color: rgb(0,0,205); 
 font-size: 16px; font-weight: 600;
}

.otDat { width: 200px; text-align: right; }
.otTex { padding: 10px;  min-height: 80px; background: rgb(255,254,254); }

.oglCon { background: rgb(135,206,250); }
.pag { width: 45px; margin: 2px 2px 2px 0px; }

.otApc {  }
.otApe {  }

.otzCon {  
  width: 700px; position: relative; margin: 0 auto; background: rgb(255,255,255);
  box-shadow: 10px 10px 100px 0px rgba(0,0,0,0.75);
}

.otzHed { background: rgb(0,0,139); padding: 10px; color: rgb(255,250,250); font-size: 18pt; font-weight: 600; }
.otzBod { padding: 10px; }
.otzTex { width: 680px; height: 240px; background: rgb(245,245,245); font-size: 14pt; }
.otzCom { padding: 25px 10px; color: rgb(139,0,0); font-size: 16pt; font-weight: 600; text-align: center; }
.otzFot { background: rgb(176,196,222); padding: 5px 10px; }



.docPic { width: 200px; height: 283px; border: 2px solid rgb(102,0,255); }

.imgNodar {
 width: 640px; height: 320px; 
}

.acs01 {
  padding: 10px 5px;
  font-size: 16pt;
}
.acs02 {
  padding: 10px 5px;
  font-size: 20pt;
  color: #rgb(128,0,0);
}