html,body {
margin:0;
padding:0;
height: 100%;
width: 100%;
}
body {
font: 73% helvetica, arial, sans-serif;
line-height:1.8em;
background: #FCFCF0;
color: #666;
overflow-x:  hidden;
}
/*-----------BANNER PROPERTIES-------------------------------*/
#banner {
width:100%;
height:40px;
padding:5px;
padding-bottom:12px;
background:#bbd9ee url(images/banner___.jpg) top center no-repeat;
}
#banner p {
float:right;
margin:  5px 155px 5px 5px;
padding:5px 20px 5px 10px;
color : #000;
width:20%;
height:30px;
text-align:right;
font-size: 30px;
font-style: ;
}
.top_container{
float:left;
height:25px;
}
#banner h1 {
margin:-5px -5px -5px 5px;
line-height:1.8em;
letter-spacing: 3px;
font-size: 2em;
color: #fff;
width:20%;
}
#banner span{
margin:  10px 4px;
color: #00f;
}
#banner span1{
float:right;
}
#banner b{
color:red;	
}
#logo{
color:black;
float:right;
margin: 1px 25px 1px 1px;	
}
/*--------------TOP NAVIGATION------------------------*/	
div#menu {
float:left;
width: 100%;
background: #bbd9ee;
text-align:center;
}
div#menu_ {
float:left;
width: 100%;
background: #bbd9ee;
height: 20px;
/*border-bottom: 2px solid #f93;*/
}
ul#nav,ul#nav li {
list-style-type:none;
margin:0;
padding:0 px;
text-align:center;
}
ul#nav {
width: 100%;
padding-left:1%;
text-align:center;
}
ul#nav li {
float: left;
margin:0 1px;
text-align: center;
}
ul#nav a {
float: left;
padding: 0 10px;
background: #fffcee;
text-decoration: none;
color:#008000;
font-weight:700;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-left:1px solid #66B54E;
border-right:1px solid #66B54E;
border-top:1px solid #66B54E;
}
ul#nav a:hover {
background-color: #e8f7e6;
color: #333;
}

ul#nav a:active{
background: #fff ;
border-left:1px solid #666;
border-right:1px solid #666;
border-top:1px solid #666;
color: #111;
}
/*==============new navigation - shadow===============*/

ul#nav li.hov{
border-bottom: 2px solid #fcfcf0;
font-style: italic;
font-size: 16px;
text-shadow: #ccc 0 1px 0, #c9c9c9 0 2px 0, #bbb 0 3px 0, #b9b9b9 0 4px 0, #aaa 0 5px 0,rgba(0,0,0,.1) 0 6px 1px, rgba(0,0,0,.1) 0 0 5px, rgba(0,0,0,.3) 0 1px 3px, rgba(0,0,0,.15) 0 3px 5px, rgba(0,0,0,.2) 0 5px 10px, rgba(0,0,0,.2) 0 10px 10px, rgba(0,0,0,.1) 0 20px 20px;
}
/*-----------------------------------------------*/
#nav ul{ /* ВЫПАДАЮЩИЕ ПУНКТЫ */
	list-style:none;
	position:absolute;
	display: none;
	
}
#nav ul li{
        list-style:none;
	padding-top:-5px; 
	float:none;
	text-align: left;
	
}
#nav ul a{
	white-space:nowrap; 
	display:block;
	width: 60px;
	
	border-bottom: 1px solid #666;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-collapse: collapse;
        font-style: normal;
	font-size: 12px;
	
	
}
#nav li:hover ul{ /* Выводим выпадающий пункт при наведении курсора */
	display: block;
        top: 79px; /*первый уровень меню раскрывается вниз*/
	left:175px;
	
	
}
#nav li ul:hover a{ 
	
	font-style: normal;
	font-size: 12px;
	
	border-bottom: 1px solid #666;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-collapse: collapse;
}
#nav li:hover ul li a:hover{ 
	background:#e7f1f8;
	
}
/*--------------------MAIN CONTAINER----------------------*/
#container {
width: 100%;
margin-top: 0 ;
padding: 0;
padding-bottom: 40px; 
}
#box {
padding: 10px;
margin:10px;
border: 1px solid #f93;
background: #e7f1f8;
}
.box {
padding: 10px;
margin:10px;
border: 1px solid #f93;
background: #e7f1f8;
}
#texts {
padding: 1px;
margin:1px;
border: 1px solid #f93;
background: #fff1f8;

}
#box h2 {
font-size: 2em;
color: #06a;
}
/*---------------------CONTENT center---------------------*/
#content {
width: 98%;
float:center;
margin: 10px ;
padding-top: 20px;
border:0 solid #888;
font-weight:700;
padding-bottom: 40px; 

}
#content h1 {
font-size: 1.5em;
letter-spacing: 3px;
text-transform: uppercase;
color: #06a; 
}
#content u {
color:#d00000;
}
#content strong {
    font-weight: bold;
    color :blue;
} 
#content mark {
    font-weight: bold;
    padding:2px;
} 
#content ins {
    font-weight: bold;
    color :green;
}
#txtHint{
background-color: #e8f7e6;
width: 95%;
border: 1px solid black;
border-radius: 3px 3px;
margin-top: 10px;
padding: 5px;
overflow-y: scroll;
height: 400px;
margin-top: 1px;
}
#select_1 {
   position: absolute;
   width: 300px;
   border: 1px solid gray;
   border-radius: 3px 3px; 
}
.__ {
background-color: #e8f7e6;
width:300px;
border-radius: 3px 3px;
overflow-y: scroll;
max-height: 20%;
text-align: left;
}
.chat{
background-color: #333;
color:white;
text-align: center;
width: 97%;
border-radius: 3px;
display: inline-block;
padding: 3px 3px; 
text-decoration: none; 

}
.chat_{
text-align: center;
width: 96%;
border-radius: 3px;
display: inline-block;
padding: 3px 3px; 
text-decoration: none; 
margin-top: 1px;
}			
/*----------------*CONTENT_RIGHT---------------------*/
#content_right {
width: 45%;
float: right;
margin: 1px;
margin-top: 20px;
padding:2px;
border:0px solid #888888;
font-weight: 700;
}
/*.menl{
	width: 45%;
	float: left;
	border:1px solid #888888;
}
.menr{
	width: 45%;
	float: right;
	border:1px solid #888888;
}*/

 /*------------CONTENT_left----------------*/
#content_left {
width: 45%;
float: left;
margin: 1px;
margin-top: 20px;
padding:2px;
border:0px solid #888888;
font-weight: 700;
}
			
/*----------------------FOOTER-------------------*/
#footer {
clear: both;
height: 30px;
width:100%;
padding: 1px;
border-top: 2px solid #bbd9ee;
background: #FCFCF0; 

bottom: 0;  
bottom:fixed;
margin-top: -40px;

/*position: relative;bottom: 5px;*/
}
			/*TYPOGRAPHY*/
blockquote {
font-weight : 700;
font-style : italic;
color : #b29b35;
}
.small {
color: #f93;
font-size: .8em;
}
.big {
font-weight: 700;
font-size: 1.2em;
color: #f93;
text-align:center;

}
			/*IMAGES*/
.imgright {
float: left;
margin: 10px;
padding: 10px;
}
			/*CURVED CORNERS*/
dl.curved {
background:#bbd9ee url(images/c_tl_.gif) top left no-repeat; 
margin:5px 0; 
padding:0; 
width:100%;
border:1px solid #fff;
}
dl.curved dt {
background:transparent url(images/c_tr_.gif) top right no-repeat;
padding:5px 0;
margin:0; 
text-align:center; 
font-weight: 700;
color:#000;
}
dl.curved dd {
background:#eee url(images/c_bl_.gif) bottom left no-repeat; 
padding:0; 
margin:0;
}
dl.curved dd hr{
width:95%;
	
}
dl.curved dd p {
margin:0; 
padding:7px; 
line-height:1.53em;
font-style:inherit;
}
dl.curved dd p.last {
background:transparent url(images/c_br_.gif) bottom right no-repeat; 
}

			/*LINK PROPERTIES*/
a img {
border: none;
}
a:link, a:visited {
color : #286e87;
background : inherit;
text-decoration : none;
}
a:hover {
text-decoration : none;
color : red;
background : inherit;
cursor: pointer;
}
#navlist li {
list-style-image : url(images/right.gif);
background : inherit;
color : #f93;
margin : 5px 0 0 ;
padding-left : 10px;
}
/*==========================================moi===========================================================*/
 .c {
    border: 1px solid #333; /* Рамка */
    border-radius: 3px;
    display: inline-block;
    padding: 5px 5px; /* Поля */
    text-decoration: none; /* Убираем подчёркивание */
    color: #000; /* Цвет текста */
  }
   .c:hover {
    box-shadow: 0 0 5px rgba(0,0,0,0.3); /* Тень */
    background: #fcfff4; /* Для старых браузеров */
    background: -moz-linear-gradient(top, #fcfff4 0%, #e9e9ce 100%); /* Fx 3.6+ */
    background: -webkit-linear-gradient(top, #fcfff4 0%,#e9e9ce 100%); /* Chrome 10+,Safari 5.1+ */
    background: -o-linear-gradient(top, #fcfff4 0%,#e9e9ce 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fcfff4 0%,#e9e9ce 100%); /* IE 10+ */
    background: linear-gradient(to bottom, #fcfff4 0%,#e9e9ce 100%); /* W3C */
    color: #a00;
    text-shadow: 0 -1px 0 #152A50;
   }

.title {
border: 1px solid gray; /*����� ����� */
color: #000;
font-weight:700;
padding:3px;

}
.title1 {
border: 1px solid gray; /*����� ����� */
color: #000;
background-color:#F0F8FF;
font-weight:700;
margin:25px 15px 0 15px;
padding:1px;
}
#mesto {
width:300px;
}
#men_mesto {
width:300px;
}
.hr{
color:red;
}
.hr1{
border-bottom:1px gray;
background-color:#ddd;	
}

.button{
border:2px solid red  ;
margin:3px;
padding:3px;
}
.blue{
border:2px solid #69f  ;
margin:3px;
padding:3px;
}
.tb{
border-bottom:1px solid #000;
color: #000;
}
.error{
font-weight:700;
color: red;
}
.ob{
text-align: center;
font-weight:bold;
color:blue;
}
.menu{
padding:0 10px;
border-right:0 solid #000;
}
.valid{
color:red;
}
.valid1{
color:blue;
}
.gb{
/*background-color:#eeeeee;
  font-family:Ampir Deco;*/
  font-style:italic;	
}
.valid2{
font-size: smaller; 
font-style: italic; 
}
.dat_ob{
border: solid;
border: thin;
border: #060;  
}
table{
  width: 100%;
}
.sp{
 font-size: smaller;
  font-style: italic;
  border: solid;
  border: thin;
  border: #060;
}
/*===================login=====================*/
#input_fieldss{
   /* height: 43px;*/
    padding: 0;
}
#input_fields >.inputs{
   /* border:medium none;*/
    color:#000;
    font-family:tahoma;
    font-size:14px;
    font-weight:700;
    height:27px;
    text-decoration:none;
    width:95px;
    padding: 10px;
    line-height: 27px;
}
.enter_login{
    background:url("images/enter_lo.gif") no-repeat scroll 0 0 transparent;
    background-position-x: -1px;
}

.enter_pass{
    background:url("images/enter_pa.gif") no-repeat scroll 0 0 transparent;
}
/*===============picker=====================*/
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
/*=====================symbol nav==========================*/
.symbol {
clear: both;
display: block;
margin-bottom: 15px;
width: 100%;
text-align: center;
}

.symbol .selected,.symbol  a:hover{
/*background: #3B70BD url('/images/gradient_blue.png') repeat-x 0 100%;*/
background: rgb(59,103,158); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(59,103,158,1) 0%, rgba(43,136,217,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,103,158,1)), color-stop(50%,rgba(43,136,217,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */

color: white !important;
border-color: #2B5BA0;
text-shadow: 0 -1px 0 #152A50;
}

.symbol a, .symbol b {
display: inline-block;
padding: 3px 4px;
margin: 2px 3px 3px 2px;
text-decoration: none;
/*background: #EEF2FE url('/images/gradient_aqua.png') repeat-x 0 100%;*/

background: #f0f9ff; /* Old browsers */
background: -moz-linear-gradient(top,  #f0f9ff 0%, #cbebff 47%, #a1dbff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f9ff), color-stop(47%,#cbebff), color-stop(100%,#a1dbff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff',GradientType=0 ); /* IE6-9 */

border: 1px solid #D8E5FD;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
box-shadow: 0 1px 3px #555;
}
/*--------------------------------------*/
input[type="text"] {
   border: 1px solid gray;
   border-radius: 3px;
   font-weight:bold;
   font-effect:3d;
}
input[type="text"]:focus {
  color: #000000;
  border: 1px solid #000000
}
input[type="password"] {
   border: 1px solid gray;
   border-radius: 3px;
   font-weight:bold; 
}
input[type="submit"] {
  border: 1px solid gray;
   border-radius: 3px;
   font-weight:bold; 
}
title {
   border: 1px solid black;
   border-radius: 3px;
}
#track {
 border: 1px solid red;
}
table {
 border-style:dotted;
 border-color:grey;
 border-width:1px;
 border-collapse:collapse;
 padding :2px;
 margin:2px;
 /*bordercolor :#777;*/
}
#map-canvas {
   width: 102%; 
   height: 650px ;
/*   border: thin groove #000033; */
/*   float: right;*/
   margin-bottom: -30px;
   margin-left: -10px;
   margin-top: -10px;
   background-color: #e3e4e6; 
}
#directions-panel {
  display:none;
  position:absolute;
  list-style:none;
  padding: 10px;
  margin: 10px;
  box-sizing: border-box;
  width: 300px;
 
  cursor: move;
  top: 200px;
  right: 10px;
  transition: left 1s;
  z-index: 2;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
    margin-top: 20px;
    background-color: #FFEE77;
  border-style:solid;
  border-color:grey;
  border-width:1px;
  border-radius: 3px;
}
/*===================slideout_======================================*/
.hidden-menu {
  display: block;
  position:absolute;
  list-style:none;
  padding: 10px;
  margin: 0;
  box-sizing: border-box;
  width: 325px;
  
  height: 90%;
  top: 180px;
  left: -330px;
  transition: left .5s;
  z-index: 2;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  
  /* border-style:solid;
   border-color:grey;
   border-width:1px;
   border-radius: 3px;*/
}
.hidden-menu-ticker {
  display: none;
}
.btn-menu {
  color: #fff;
  background-color: #666;
  padding: 5px;
  position:absolute;
  top: 130px;
  left: 5px;
  cursor: pointer;
  transition: left .23s;
  z-index: 3;
  width: 25px;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  border-radius: 5px;
}
.btn-menu span {
  display: block;
  height: 5px;
  background-color: #fff;
  margin: 5px 10px 0;
  transition: all .23s linear .23s;
  position: relative;
}
.btn-menu span.first {
  margin: 0 10px;
  border-radius: 3px;
}
.btn-menu span.second {
  margin: 10 px;
  height: 15px;
  
}

.hidden-menu-ticker:checked ~ .btn-menu {
  left: 10px;
}
.hidden-menu-ticker:checked ~ .hidden-menu {
  left: 0;
}
.hidden-menu-ticker:checked ~ .btn-menu span.first {
  -webkit-transform: rotate(45deg);
  top: 0px;
  margin: 10 px;
  height: 15px;
}
.hidden-menu-ticker:checked ~ .btn-menu span.second {
  -webkit-transform: rotate(-45deg);
  top: -20px;
  border-radius: 3px;
}
textarea 
{
width: 100%; 
height: 100%;  
resize: none; 
}
/*====================tooltip-title============================*/
/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    cursor:  help;
    /*border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 300px;
    background-color: darkseagreen;
    color: #222;
    text-align: left;
    padding: 5px 10px;
    border-radius: 6px;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    cursor:  help;
}
/*==================slideout_2=======================================*/
/*#slideout {
  position: fixed;
  top: 40px;
  left: 0;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
#slideout_inner {
  position: fixed;
  top: 40px;
  left: -250px;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
#slideout:hover {
  left: 250px;
}
#slideout:hover #slideout_inner {
  left: 0;
}*/