* {font-size:100%;margin:0;padding:0;}
body {
   font-family:tahoma,verdana,sans-serif,Helvetica,Arial !important;
   position:relative;
   z-index:0;
   margin:0;
   padding:0;
   color:#000;
   background:#eee;
}
body, html {height:100%;}
::selection {background:#ffff00;color:red;text-shadow:none;}
a {
   text-decoration:none;
   color:blue;
}
a img, fieldset {border:0;}
ol, ul {padding:0 0 0 35px;}
input:focus {outline:none;}

.clear {clear:both;}
.login-visible {
   position: relative;
   /*box-shadow:0px 0px 15px 0px #000;*/
   border-radius:15px;
}
.login-header {
   background-color:#008612;

   height:40px;
   padding:5px 10px;
   border-radius:15px 15px 0 0;
   color:#fff;
}
.login-header-icon {
   float:left;
   padding-right:10px;
   margin-right:10px;
   border-right:1px solid #fff;
}
.login-header-icon img {height:40px;}
.login-header-title {
   font-size:18px;
   font-weight:bold;
   padding-top:7px;
   text-shadow:3px 3px 10px #555;
}
.login-header-title a {color:#fff;text-decoration:underline;}
.login-body {
   background:#fff;
   border-radius:0 0 15px 15px;
   padding:10px 15px;
}
.login-body ul {
   list-style:none;
   padding:0;
}
.login-body li {padding:0;}
.login-body-input-text {margin:10px;}
.login-body-input-text input {
   border:1px solid rgba(0,0,0,0.07);
   border-radius:5px;
   box-shadow:inset 1px 1px 2px 0px rgba(0,0,0,0.25);
   font-size:18px;
   height:35px;
   text-align:left;
   padding:10px;
}
.login-body-input-text textarea {
   border:1px solid rgba(0,0,0,0.07);
   border-radius:5px;
   box-shadow:inset 1px 1px 2px 0px rgba(0,0,0,0.25);
   font-size:16px;
   height:100px;
   text-align:left;
   padding:10px;
   resize:none;
}
.login-body-input-submit {margin-bottom:10px;}
.login-body-input-submit input {
   border:1px solid rgba(0,0,0,0.07);
   border-radius:5px;
   box-shadow:1px 1px 2px 0px rgba(0,0,0,0.25), inset 0px -24px 0px 0px #EBEBEB, inset 0px 32px 0px 1px #f8f8f8;
   font-size:21px;
   height:57px;
   text-align:center;
   padding:10px;
   background:transparent;
}
.side {
   position:relative;
   width:336px;
   padding:0;
   margin:0;
   margin-top: 8px;

}

.firststr {
   width:990px;
   display: block;
}

.big_right {
   width:610px;
   box-shadow:0px 0px 8px 0px #000;
   border-radius:10px;
/*   float: left;*/
   margin-top: 20px;

}
.smoll_left {
   width:320px;
   box-shadow:0px 0px 8px 0px #000;
   border-radius:10px;
   float: left;
   margin-left: 20px;
   margin-top: 20px;
}
.menu {
   width:320px;
   box-shadow:0px 0px 8px 0px #000;
   border-radius:10px;
   margin-top: 20px;
}
.menu-header {
   background-color:#008612;

   height:40px;
   padding:5px 10px;
   border-radius:10px 10px 0 0;
   color:#fff;
}
.menu-header-icon {
   float:left;
   padding-right:10px;
   margin-right:10px;
   border-right:1px solid #fff;
}
.menu-header-icon img {
   height:40px;
}
.menu-header-title {
   font-size:18px;
   font-weight:bold;
   padding-top:7px;
   text-shadow:3px 3px 10px #555;
   opacity:0.85;
}
.menu-header-title:hover {
   opacity:1;
}
.menu-body {
   background:#fff;
   border-radius:0 0 10px 10px;
   padding:0 0 3px 5px;
 }
.menu-body ul {
   list-style:none;
   padding:0;
   margin:0;
}
.menu-body li {
   border:1px solid rgba(0,0,0,0.07);
   border-radius:5px;
   box-shadow:1px 1px 2px 0px rgba(0,0,0,0.25), inset 0px -1px 0px 0px #EBEBEB, inset 0px 33px 0px 1px #f8f8f8;
   font-size:16px;
   height:20px;
   text-align:left;
   margin:5px 0;
   padding:5px;
   width:295px;
}
.menu-body a li {color:#555;}
.menu-body a:hover li {
   box-shadow:inset 1px 1px 2px 0px rgba(0,0,0,0.25);
   background:#f8f8f8;
   color:#1a3dc1;
}
.menu-body a.selected li {
   box-shadow:inset 1px 1px 2px 0px rgba(0,0,0,0.25);
   background:#f8f8f8;
   color:green;
}

.menubodya  a {color:#555;}
.menubodya  a:hover  {
   box-shadow:inset 1px 1px 2px 0px rgba(0,0,0,0.25);
   background:#f8f8f8;
   color:#1a3dc1;
}
.menubodya a.selected  {
   box-shadow:inset 1px 1px 2px 0px rgba(0,0,0,0.25);
   background:#f8f8f8;
   color:green;
}


.tooltip2 {
   display:inline;
   position:relative;
   font-size:13px;
    margin-right: 15px;

}
.tooltip2:hover:after {
   white-space:pre;
   line-height:20px;
   background:rgba(0,0,0,.8);
   border-radius:5px;
   color:#fff;
   content:attr(title);
   left:-120px;
   padding:5px 15px;
   position:absolute;
   z-index:298;
   width:150px;
   bottom:-40px;
}
.tooltip2:hover:before {
   border:solid;
   border-color:#333 transparent;
   border-width:0px 6px 6px 6px;
   bottom:-10px;
   content:"";
   left:50%;
   position:absolute;
   z-index:299;
}
.background {
   min-width:1020px;
   margin:0;
   padding:15px 0;
   border:0;
    background-image:url(../i/nano/bgb.jpg);
    background-image:url(../i/fon1.jpg);
   /*background-image:url(../i/sobak2.jpg);*/
   /*background-image:url(../i/sobak5.jpg);*/
   /*background-image:url(../i/bgm.jpg);*/
   background-image:url(../i/78_kot.jpg);


   background-attachment:scroll;
}
.content {
   /*width:1350px;*/
   width:990px;
   background-color:#fff;
   margin:0 auto;
   padding:0;
   box-shadow:0px 0px 15px 0px #000;
   border-radius:15px;
}
.content-menu-top {
   background-color:#008612;
   background-image:url(../i/argos.jpg);
   background-repeat:no-repeat;
   height:200px;
   padding:5px;
   position:relative;
   border-radius:15px 15px 0 0;
    background-position: 10px;
   /*margin-left:100px;
   background-position: center;*/
}
.content-menu-logo {
   position:absolute;
   margin-left:15px;
   width:800px;
   height:195px;
   overflow:hidden;
   text-overflow:ellipsis;
}
.content-menu-logo a {
   font:60px 'header';
   color:white;
   opacity:0.9;
}
.content-menu-logo a:hover {
   color:gold;
   opacity:1;
}
.content-menu-title {
   position:absolute;
   margin:180px 0 0 170px;
   height:20px;
   width:800px;
   overflow:hidden;
   text-overflow:ellipsis;
   clear:both;
}
.content-menu-title h1 {
   color:white;
   margin:0;
   padding:0;
   font-family:normal tahoma,verdana,sans-serif,Helvetica,Arial !important;
   font-size:16px;
   opacity:0.9;
   text-shadow:none;
}
.content-menu-bottom {
   background-color:#008612;
   height:40px;
   padding:10px;
   position:relative;
   border-radius:0 0 15px 15px;
}
.footer {
   height:40px;
   overflow:hidden;
}
.footer p {
   font-size:14px;
   color:white;
   text-align:center;
   padding:0;
   font-size:18px;
}
.footer p a {
   color:white;
}
.content-menu-buttons {
   float:right;
   margin:0;
   padding:0;
   text-align:right;
   width:250px;
}
.content-menu-buttons img {
   height:50px;
   width:50px;
   padding-left:5px;
   opacity:0.85;
   cursor:pointer;
}
.content-menu-title:hover,
.content-menu-buttons img:hover {opacity:1;}
.content-body {
   margin:0;
   padding:0 20px 20px 20px;
   min-height:1000px;
   font-size:14px;
   width:610px;
  float:left;
}
.content-body-login {
   border:0;
   margin:100px auto;
   padding:10px;
   width:520px;
   height:400px;
}
.content-message {
   margin:10px;
}
.content-admin-buttons {
   text-align:right;
   margin:10px 0 0 0;
}
.content-admin-buttons input { /*button.csscook.com*/
   width:125px;
   margin-left:5px;
   border:solid 1px #e6e6e6;
   border-radius:10px;
   moz-border-radius:10px;
   -webkit-box-shadow:5px 4px 14px rgba(0,0,0,0.4);
   -moz-box-shadow:5px 4px 14px rgba(0,0,0,0.4);
   box-shadow:5px 4px 14px rgba(0,0,0,0.4);
   font-size:13px;
   padding:7px 3px;
   background:#ffffff;
   background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(53%,#f1f1f1),color-stop(54%,#e1e1e1),color-stop(100%,#f6f6f6));
   background: -moz-linear-gradient(top,#ffffff 0%,#f1f1f1 53%,#e1e1e1 54%,#f6f6f6 100%);
   background: -webkit-linear-gradient(top,#ffffff 0%,#f1f1f1 53%,#e1e1e1 54%,#f6f6f6 100%);
   background: -o-linear-gradient(top,#ffffff 0%,#f1f1f1 53%,#e1e1e1 54%,#f6f6f6 100%);
   background: -ms-linear-gradient(top,#ffffff 0%,#f1f1f1 53%,#e1e1e1 54%,#f6f6f6 100%);
   background: linear-gradient(top,#ffffff 0%,#f1f1f1 53%,#e1e1e1 54%,#f6f6f6 100%);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f6f6f6",GradientType=0);
   color:#555;
}
.content-admin-buttons input:active {
   -webkit-box-shadow:2px 2px 10px rgba(0,100,0,0.4);
   -moz-box-shadow:2px 2px 10px rgba(0,100,0,0.4);
   box-shadow:2px 2px 10px rgba(0,100,0,0.4);
}
.content-admin-buttons input.red {color:red;}
.content-admin-buttons input.blue {color:blue;}
.content-admin-buttons input.green {color:green;}
.editor {height:800px;}
.editor textarea {height:700px;}

p {
   margin:10px 0;
   text-align:justify;
}
h5 {
   color:black;
   font-size:18px;
   font-weight:normal;
   margin:20px 0px;
   padding:0;
   text-shadow: 1px 1px 1px #aaa;
   text-align: center;
}
h4,h2 {
   color:black;
   font-size:20px;
   font-weight:bold;
   margin:20px 0px;
   padding:0;
   text-shadow: 2px 2px 2px #aaa;
   text-align: center;
}
h1, h21, h3 {
   color:green;
   font-size:18px;
   font-weight:bold;
   margin:20px 0px;
   padding:0;
   text-shadow: 4px 2px 5px #aaa;
}
blockquote {
   padding-left:20px;
   margin-left:20px;
   color:#555;
   border-left:1px #333 dotted;
}
.ol {margin:0 35px;}

input:required:invalid,
input:focus:invalid,
textarea:required:invalid,
textarea:focus:invalid {
   background-position:right top;background-repeat:no-repeat; -moz-box-shadow:none;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAeVJREFUeNqkU01oE1EQ/mazSTdRmqSxLVSJVKU9RYoHD8WfHr16kh5EFA8eSy6hXrwUPBSKZ6E9V1CU4tGf0DZWDEQrGkhprRDbCvlpavan3ezu+LLSUnADLZnHwHvzmJlvvpkhZkY7IqFNaTuAfPhhP/8Uo87SGSaDsP27hgYM/lUpy6lHdqsAtM+BPfvqKp3ufYKwcgmWCug6oKmrrG3PoaqngWjdd/922hOBs5C/jJA6x7AiUt8VYVUAVQXXShfIqCYRMZO8/N1N+B8H1sOUwivpSUSVCJ2MAjtVwBAIdv+AQkHQqbOgc+fBvorjyQENDcch16/BtkQdAlC4E6jrYHGgGU18Io3gmhzJuwub6/fQJYNi/YBpCifhbDaAPXFvCBVxXbvfbNGFeN8DkjogWAd8DljV3KRutcEAeHMN/HXZ4p9bhncJHCyhNx52R0Kv/XNuQvYBnM+CP7xddXL5KaJw0TMAF8qjnMvegeK/SLHubhpKDKIrJDlvXoMX3y9xcSMZyBQ+tpyk5hzsa2Ns7LGdfWdbL6fZvHn92d7dgROH/730YBLtiZmEdGPkFnhX4kxmjVe2xgPfCtrRd6GHRtEh9zsL8xVe+pwSzj+OtwvletZZ/wLeKD71L+ZeHHWZ/gowABkp7AwwnEjFAAAAAElFTkSuQmCC);
}
input:required:valid,
textarea:required:valid {
   background-position:right top;background-repeat:no-repeat;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAepJREFUeNrEk79PFEEUx9/uDDd7v/AAQQnEQokmJCRGwc7/QeM/YGVxsZJQYI/EhCChICYmUJigNBSGzobQaI5SaYRw6imne0d2D/bYmZ3dGd+YQKEHYiyc5GUyb3Y+77vfeWNpreFfhvXfAWAAJtbKi7dff1rWK9vPHx3mThP2Iaipk5EzTg8Qmru38H7izmkFHAF4WH1R52654PR0Oamzj2dKxYt/Bbg1OPZuY3d9aU82VGem/5LtnJscLxWzfzRxaWNqWJP0XUadIbSzu5DuvUJpzq7sfYBKsP1GJeLB+PWpt8cCXm4+2+zLXx4guKiLXWA2Nc5ChOuacMEPv20FkT+dIawyenVi5VcAbcigWzXLeNiDRCdwId0LFm5IUMBIBgrp8wOEsFlfeCGm23/zoBZWn9a4C314A1nCoM1OAVccuGyCkPs/P+pIdVIOkG9pIh6YlyqCrwhRKD3GygK9PUBImIQQxRi4b2O+JcCLg8+e8NZiLVEygwCrWpYF0jQJziYU/ho2TUuCPTn8hHcQNuZy1/94sAMOzQHDeqaij7Cd8Dt8CatGhX3iWxgtFW/m29pnUjR7TSQcRCIAVW1FSr6KAVYdi+5Pj8yunviYHq7f72po3Y9dbi7CxzDO1+duzCXH9cEPAQYAhJELY/AqBtwAAAAASUVORK5CYII=);
}

/* slim */
.login-visible {width:615px;}
.login-visible.slim {width:510px;}
.login-body-input-text input,
.login-body-input-text textarea {width:530px;}
.login-body-input-submit input  {width:560px;}
.login-body-input-text.slim input,
.login-body-input-text.slim textarea {width:420px;}
.login-body-input-submit.slim input  {width:440px;}
/* slim */


/* Start Login Admin */
#login_div{
   text-align: center;
}
#login_form {
   background:url(../i/password.jpg) no-repeat 50% 5% #ffffff;
   border-right:#ccc 1px solid;border-bottom:#ccc 1px solid;
   border-top:#eee 1px solid;border-left:#eee 1px solid;
   font-family:"Lucida Grande",Arial,sans-serif;color:#000;
   margin: 50px 5px 0 0;
   padding:5px 5px 10px;
   width:400px;
   box-shadow:0 0 15px 0 #000;
   display: inline-block;

}
#login_form h3 {color:#369;font-size:18px;font-weight:bold;padding:120px 5px 10px;text-align:center;}
#login_form .text {float:left;font-size:16px;font-weight:normal;
   margin: 0 30px;
   width: 150px;
}
#login_form label {float:left;padding-top:10px;text-align:right;width:80px;}
#login_form .submit  {
   background:#008612;border:0;color:#fff;cursor:pointer;
   font-size:20px;font-weight:bold;
   margin-top:20px;padding:5px;width:100%;
}
#login_blockquote{
   margin-left: 200px;
   border-left: 0;
   margin-top:-10px;
   text-align: initial;
}
/* End Login Admin */



/* Start Site feature*/
ul.mark {
   list-style:none;
   margin:0;
   padding:0;
}
ul.mark li {
   padding-left:20px;
   margin:15px 5px;
   background:url(../i/round.gif) no-repeat 0 5px;
}
.tbl {
   padding:5px 0 5px 50px;
   width:600px;
}
.tbl table td {
   border:0;
   margin:0;
   padding:0;
}
.tbl table td.nm {
   padding:0 0 0 5px;
}
.t_e,.t_enp,.t_f,.t_fm,.t_fo,.t_j,.t_jb,.t_l,.t_b,.t_np {
   background:url(../i/m/m.png) no-repeat;
   width:18px;
   height:18px;
}
.t_e {background-position:0 0;} 
.t_enp {background-position:0 -51px;} 
.t_f {background-position:0 -119px;} 
.t_fm {background-position:0 -187px;} 
.t_fo {background-position:0 -255px;} 
.t_j {background-position:0 -323px;} 
.t_jb {background-position:0 -391px;} 
.t_l {background-position:0 -459px;} 
.t_b {background-position:0 -527px;} 
.t_np {background-position:0 -592px;} 

.manual {
   background-color:#ffffdb;
   border:1px red solid;
   padding:0 10px 15px 10px;
   margin:0;
}
.manual h2 {color:green;margin:10px 0;}
.manual .desman .empty,
.manual .desman .content-admin-buttons input[type='button'] {width:220px;}
.manual .desman .content-admin-buttons input[type='email'] {background-color:white;}
.manual .desman .content-admin-buttons {padding-right:15px;}
.manual ol,
.manual p {width:630px;}
.gotodemo, code {
   display:block;
   padding:5px;
   margin:10px auto;
   width:98%;
}
.gotodemo {
   border:1px green solid;
   color:green;
   font-size:16px;
}
code {
   border:1px silver solid;
   overflow-x:auto;
   overflow-y:hidden;
   background-color:#ffffdb;
}


#liopis,#lidok {
   margin-top: 5px;
    font-size: 18px;
   line-height: 200%;

    list-style-image: url("/i/round.gif")
}
#liopis li{
 font-size:21px;
    height:20px;
    text-align:left;
    margin-left: 50px;
    padding:5px;
    width:527px;
    border: none;
    box-shadow: none;
    text-shadow: 1px 1px 1px #999;
}
#lidok,#liopis a:hover{
    color: #0d6403;
    text-decoration:dashed;
}
#lidok li{
    font-size:18px;
    height:20px;
    text-align:left;
    margin-left: 50px;
    padding:5px;
    width:527px;
    border: none;
    box-shadow: none;
    text-shadow: 1px 1px 1px #999;
}


.article {
    margin-left:20px;
    line-height: 200%;
}
.article ol,ul{
    margin-left:20px;
}
.myslider{
    list-style: none; margin-top:17px; margin-left:-35px;
}

.fiovrach  {
   color: #000;
   font-size:16px;
   font-weight:normal;
   /*margin:11px 0px;*/
   padding:0;
   text-shadow: 2px 2px 2px #999;
   text-align: center;
}

.fontb16  {
   color: #000;
   font-size:16px;
   font-weight:bold;
}

.otvet {
    /*box-shadow:0px 0px 2px 0px #000;*/
/*width: 80%;*/

}
.otvet p  {
    color: #000;
    font-size:16px;
    font-weight:normal;
    margin-left:60px;
    padding:0;
    text-shadow: 1px 1px 1px #999;
    text-align: left;
}


/*  календари*/

.block-on-center {
   top: 50%;
   left: 50%;
   margin-top: 25px;
   margin-left: 100px; }

.cal{
   border: 1px solid #ccc;
   color: #333;
   background: #F6F6F6;
   font-family: Arial;
   font-size: 14px;
   text-align: center;}


.cal_fil{
    border: 1px solid #ccc;
    color: #333;
    background: #F6F6F6;
    font-family: Arial;
    font-size: 9px;
    text-align: center;}


.caltoday{
   font-family: Arial;
   font-size: 11px;
   text-align: center;
   font-weight: bold;
   background: #acacac;
}
.table_cal_fil{
    border: 1px solid #cccccc; background: #cecece;
    box-shadow:0px 0px 5px 0px #000;
    border-radius:5px;
    margin: 5px;
}
.navi{
   font-family: Arial, serif;
   font-size: 16px;
   margin-left: 50px;
   font-weight: bold;}

.datehead{
   font-size: 16px;
   font-weight: bold;
   background: #cdc;
   text-align: center;
    width: 120px;
}



.zit
{
   position:relative;
   width:300px;
   height:170px;
   left:0px;
   top:0px;
   border:1px solid black;
   /* Apply a CSS3 Transition to width, height, top and left properties */
   transition: width 0.3s ease,height 0.3s ease,left 0.3s ease,top 0.3s ease;
   -webkit-transition: width 0.3s ease,height 0.3s ease,left 0.3s ease,top 0.3s ease;
   -o-transition: width 0.3s ease,height 0.3s ease,left 0.3s ease,top 0.3s ease;
   -moz-transition: width 0.3s ease,height 0.3s ease,left 0.3s ease,top 0.3s ease;
}

.zit1:hover
{
   width:340px;
   height:190px;
   /*left:-25px;
   top:-25px;*/
   z-index:9999;
}


.zfil
{

   width:140px;
   height:80px;
   left:0px;
   top:0px;
   border:1px solid black;
   box-shadow:1px 1px 2px 0px rgba(0,0,0,0.25), inset 0px -18px 0px 0px #EBEBEB, inset 0px 33px 0px 1px #f8f8f8;
}

.shdfil {
   width:310px;
   /*border:1px solid black;*/
   text-align: center;
}

.shdfil:hover {
box-shadow:0px 0px 15px 0px #000;
}

.shdfil2 {
   width:150px;
   border:1px solid black;
}

.shdfil2:hover {
   box-shadow:0px 0px 15px 0px #000;
}



.zfil:hover
{
   width:150px;
   height:85px;
   left:-2px;
   top:-2px;
   z-index:9999;

}


.table-analiz {
   border-collapse: collapse;
   margin: auto;
   text-align: center;
}

.table-analiz td {
   border-collapse: collapse;
   /*border-bottom: 2px solid lightgray;*/
   border: #0d6103 solid 1px;
   padding: 10px;
}
.table-analiz th{
   padding-top: 20px;
   padding-bottom: 10px;
   border: 0px;
}