html, body, form
{
             margin: 0;
             padding: 0;
}

img
{
             border:none;
}

html
{
              height:100%;
}

body
{
              height:100%;
              min-height:100%;
              font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
              font-size:100%;
              background: #0d1428 url(images/body-bg.png) -1323px 0 repeat-x;
}

a:link { color:#2869B2; }
a:visited { color:#2869B2; }
a:active { color:#2869B2; }
a:hover { text-decoration: none; }

/* Header */

#header-block
{
               position:relative;
               margin:0 auto;
               min-width:1000px;
               max-width:1400px;
               height:240px;
               /*background: #0d1428 url(images/header-bg.png) center 0 no-repeat; */
}

#new_year {
               display:block;
               position:absolute;
               top:0;
               width:1175px;
               height:237px;
               left:50%;
               margin-left:-588px;
               /* background: url(images/2018.png) top left no-repeat; */
               z-index:100;
}

#new_year a {
               display:block;
               width:1175px;
               height:237px;
}

#header
{
               position:relative;
               margin:0 auto;
               min-width:1000px;
               max-width:1200px;
               height:240px; 
}

#logo 
{
               position:absolute;
               top:25px;
               left:0;
               width:146px;
               height:201px;
}

#sitename
{
              position:absolute;
              top:140px;
              left:155px;
              text-align:left;
              z-index:5;
}

div.status
{
              font-style:italic;
              font-size:10px;
              line-height: 1.5em;
}

div.name
{
              font-size:21px;
              font-weight:bold;
}

#phone
{
              position:absolute;
              top:205px;
              left: 155px;
              z-index:105;
}

div.phone-number
{
              font-size:13px;
              font-weight:bold;
              height:28px;
              padding-left:23px;
              background: url(images/phone.png) 0 2px no-repeat;
}

span.hotline 
{
              font-size: 9px;
              padding-left: 9px;
              font-style:italic;
}

div.hotline a
{
              color: #ef051c;
}

#anniversary
{
              display:none;
              position:absolute;
              top:154px;
              left: 393px;
              z-index:105;
}

#pass-count
{
              position:absolute;
              top:135px;
              right:0;
              background: url(images/pass-count-bg.png) no-repeat scroll right 11px;
              z-index:105;
              height:91px;
              width:252px;
              width:248px !ie;
}

#trolleybus
{
               background: url("images/trolleybus.png") no-repeat scroll 395px 5px transparent;
               height: 192px;
               margin: 0 auto;
               position: relative;
               right: 0;
               top: 55px;
               width: 1000px;
}

/* Menu Block */

#menu-block
{
               width:100%;
               height:auto;
               padding-bottom:30px;
               background: #FFFFFF;
}

#main-menu-field
{
               position:relative;
               margin:0 auto;
               min-width:1000px;
               max-width:1200px; 
               height:73px;
               background: url(images/menu-shadow.png) center 23px no-repeat;
}

#section-menu-field
{
               position:relative;
               margin:0 auto;
               min-width:1000px;
               max-width:1200px; 
}

/* Content Block */

#content-block
{
               background:#FFFFFF; 
               color:#444444;
}

#workarea
{
               position:relative;
               margin:0 auto;
               min-width:1000px;
               max-width:1200px; 
               background:#FFFFFF;
               font-family: Verdana, "Geneva CY", "DejaVu Sans", sans-serif;
}

#widgets-block
{
               width:100%;
               height:230px;
               background:url(images/widgets.gif) 0 0 repeat;
}

div.wb-shadow
{
               width:100%;
               height:14px;
               background:url(images/info-block-shadow.png) top center no-repeat;
}
              
#widgets
{
               position:relative;
               margin:0 auto;
               min-width:1000px;
               max-width:1200px;
               height:195px; 
               padding-top:5px;
}


/* Footer */

#footer-block
{
               width:100%;
               height:175px;
               background:#EFEFEF url(images/footer-shadow.png) top center no-repeat;
}

#footer
{
               position:relative;
               margin:0 auto;
               padding-top:25px;
               min-width:1000px;
               max-width:1200px; 
               height:150px;
               font-size:14px;
}

/* Footer Info */
div.developer 
{
              left: 0;
              position: absolute;
}

div.developer span 
{
              background: url(images/liftstudio.gif) 0 0 no-repeat;
              padding-left:18px;
}

div.partners {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    width: 450px;
    left: 50%;
    margin-left: -225px;
    position: absolute;
}

div.copyright 
{
              position: absolute;
              right: 0;
}

/* Gismeteo */
.gsInformer {
    background: none repeat scroll 0 0 #FFFFFF !important;
    border: 1px solid #E6E6E6 !important;
    border-radius: 5px 5px 5px 5px;
    height: 180px !important;
    width: 225px !important;
}

div.gsIContent {
    padding-top: 33px !important;
}

.gsInformer #cityLink {
   padding: 16px 0 15px !important;
}

.gsInformer .gsLinks {
   padding: 0 15px 15px !important;
   height:23px !important;
}

/* Traffic */
div.ya-traffic {
    background: none repeat scroll 0 0 #FFFFFF !important;
    border-radius: 5px 5px 5px 5px;
    height: 180px !important;
    width: 256px !important;
    padding-top:5px;
}

div.ya-traffic a img {
    padding:10px;
    background: #FFFFFF;
    margin-top:33px;
}

/* Twitter */
div#widgets iframe.twitter-timeline {height:180px !important; border-radius:0 0 5px 5px;}

/* routes */
.map_container{
  float:left;
}
.routes_container{
    background-color: #EEEEEE;
    box-shadow: -1px 1px 2px #B3B3B3;
    float: left;
    position: relative;
    width: 400px;
}
.route_type{
  font-weight: bold;
  color: black;
  font-size: 20px;
  margin: 5px 0 5px 10px;
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.route_type_text{
  font-weight: bold;
  color: black;
  font-size: 20px;
  margin: 5px 0 10px 0;
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
li.route_header a{
  color:#0c5a9b;
  font-weight: bold;
  font-size: 12px;
  margin: 7px 0 7px 10px;
  cursor: pointer;
  text-decoration: none;
  border-bottom: 1px dashed #0c5a9b;
}
.route_fc_short_name a{
  color:#0c5a9b;
  font-weight: bold;
  font-size: 12px;
  margin: 7px 0 7px 10px;
  cursor: pointer;
  text-decoration: none;
  border-bottom: 1px dashed #0c5a9b;
}
.route_fc_full_name{
    color: #777777;
    font-size: 12px;
    font-weight: normal;
    margin: 7px 0 15px 10px;
}
div.route_float_cont{
  float: left;
  width: 400px;
  height: 50px;
}
div.routes_type_container,
div.type_name{
  clear: left;
}

li.route_header{
    border-bottom: 1px solid #DDDDDD;
    clear: both;
    margin: 0 8px;
    padding: 8px 0;
}

li.route_header span{
  margin: 7px 0 15px 10px;
  color:#777777;
  font-size: 12px;
  font-weight: normal;
}
.route_detail{
  background: none repeat scroll 0 0 #FFFFFF;
  color: #777777;
  font-size: 12px;
  font-weight: normal;
  line-height: 22px;
  margin: 0 8px 5px;
  padding: 5px;
}

ul.routes{
  list-style: none;
  margin:0;
  padding:0;
}
ul.checkpoints{
  list-style: none;
  margin:0;
  padding:0;
  background: none repeat scroll 0 0 #FFFFFF !important;
  display: inline-block;
}
ul.checkpoints li{
  float:left;
  color:#777777;
  font-size: 12px;
  font-weight: normal;
}
.list_checkpoints{
  cursor: pointer;
  color: #0C5A9B !important;
}
.list_checkpoints:hover{
  color: #777777 !important;
  text-decoration: none;
}
.clear{
  clear: both;
}
#rdc_data{
width:800px;
height:250px;
top:20px;
position:absolute;
}

#route_detail_container{
  width:800px;
  height: 300px;
  background-color: #D7D7D7;
  position: absolute;
  left: 0;
  top:30px;
  z-index: 100;
    /* Для хороших браузеров */
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari, Chrome */
    -khtml-border-radius: 5px; /* KHTML */
    border-radius: 5px; /* CSS3 */
    /* Для плохих IE */
    behavior: url(/PIE.htc); /* учим IE border-radius */
    overflow: hidden !important;
}
.r_d_c_close_btn{
  background-image: url(images/close_btn_12x12_grey.png);
  background-position: left top;
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
  position: absolute;
  right:5px;
  top:5px;
  display: block;
  cursor:pointer;
}

.rt_detail_header{
  position: relative;
  width: 800px;
  height: 45px;
  display:block;
  clear: both;
}
.rt_detail_body{
  position: relative;
  overflow: auto;
  border-top: 1px solid #666666;
  border-bottom: 1px solid #666666;
  height: 225px;
}

.rt_d_topline,
.rt_d_botline
{
  position:relative;
}
.rt_d_botline{
  height: 20px;
    color: black;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    margin: 11px 0 0 10px;
    text-decoration: none;
}

.rt_d_name,
.rt_d_map_link,
.rt_d_station_header,
.rt_d_time_header{
  float:left;
}

.rt_d_string{
  clear: both;
  padding: 7px 10px;
  min-height: auto;
}
.rt_d_str_bottom_border{
}

.rt_d_station_name{
  float:left;
  width: 155px;
  font-size: 12px;
  font-weight: normal;
  padding-top: 5px;
  padding-right: 5px;
  border-top: 1px solid #AAAAAA;
}
.rt_d_station_time{
  float:left;
  width: 600px;
  font-size: 12px;
  font-weight: normal;
  text-align: justify;
  padding: 5px 0;
  border-top: 1px solid #AAAAAA;
}

.rt_d_station_header,
.rt_d_name{
  width: 160px;
}
.rt_d_time_header,
.rt_d_map_link{
  width: 590px;
}
.rt_d_name a,
.rt_d_map_link a{
    border-bottom: 1px dashed #0C5A9B;
    color: #0C5A9B;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    margin: 7px 0 7px 10px;
    text-decoration: none;
}
.rt_d_name a:hover{
  color: #990000;
  border-bottom: 1px dashed #990000;
}

.rt_d_map_link a{
  border-bottom: 1px solid #0C5A9B;
}
.rt_d_map_link a:hover{
  color: #990000;
  border-bottom: 1px solid #990000;
}

.popup_routes_container{
    max-height: 197px;
    overflow: auto;
    width: 380px;
}
.baloon_route_type,
.baloon_route_tables{
  list-style: none;
  margin:0;
  padding:0;
}
.map_route_name{
  color:black;
  font-weight: bold;
  font-size: 12px;
}
.map_route_table{
  color:black;
  font-weight: normal;
  font-size: 12px;

}
.baloon_route_tables li{
   width: 360px;
   text-align: justify;
}

.baloon_route_type li{
  color:#0C5A9B;
  font-weight: bold;
  font-size: 14px;
}

.yandex_copyright {
   color:#ffffff !important;
}

/* routes */

a.shedule {
    background: url(images/button-shedule-bg.png) no-repeat scroll left top transparent;
    color: #FFFFFF;
    display: block;
    font-size: 24px;
    font-weight: bold;
    height: 58px;
    margin: 20px 0;
    padding-top: 15px;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 3px #484848;
    width: 233px;
    font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}

a.shedule:hover {
    text-shadow:1px 1px 3px #000000;
}

div.annotation {
    background: url("images/warning.gif") no-repeat scroll 23px 14px transparent;
    border: 1px solid #862A0A;
    border-radius: 5px 5px 5px 5px;
    color: #862A0A;
    font-size: 12px;
    font-style: italic;
    height: 70px;
    line-height: 18px;
    padding: 12px 30px 0 102px;
    width: 381px;
}

div.print {
    position: absolute;
    top:0;
    right:0;
    width:200px;
    height:21px;
    font-size:12px;
    padding-top:6px;
    background: url(images/printer.png) no-repeat scroll right top transparent;
}

div.ym {float:left; margin:0 20px 20px 0;}

div.contact-info {margin-left:480px;}

.starrequired  
{
	color: red;
}

table.reception-form {
        border-collapse: collapse;
        margin-top:30px;
}

table.reception-form td {
        padding:10px 0;
        vertical-align:top;
}

table.reception-form input.inputtext {
    border: 1px solid #CCCCCC;
    height: 20px;
    padding: 5px;
    width: 250px;
}

table.reception-form textarea.inputtextarea {
    border: 1px solid #CCCCCC;
    height: 140px;
    padding: 5px;
    width: 250px;
}

td.captcha-field input.inputtext {
    font-size: 16px;
    height: 30px !important;
    text-align: center;
}

td.submit-field input {
    background: url(images/section-menu-bg.jpg) 0 0 repeat-x;
    border: medium none;
    border-radius: 5px;
    color: #FFFFFF;
    cursor: pointer;
    height: 36px;
    text-transform: uppercase;
}

#share { 
    margin: 10px auto;
    max-width: 1200px;
    min-width: 1000px;
    position: relative;
}

#pobeda {
    position:absolute;
    top:16px;
    right:50px;
    width:278px;
    height:123px;
    background: url(images/111.png) 0 0 no-repeat;
}

@media screen and (max-width:1038px) {
    #sitename {left:140px;}
    #phone {left:140px;}
    #trolleybus {background: url(images/trolleybus.png) no-repeat scroll 342px 5px;}
}

@media screen and (min-width:1039px) and (max-width:1920px) { 

#trolleybus {
    background: url(images/trolleybus.png) no-repeat scroll 350px 5px;
}
}

#сlock {
	position:absolute;
	height: 91px;
	width: 92px;
	margin-right: auto;
	margin-left: auto;
}
#ciferblat {
	position: absolute;
}
#hour {
	position: absolute;
	z-index: 20;
}
#sekond {
	position: absolute;
	z-index: 30;
	
}
#minute {
	position: absolute;
	z-index: 10;
}

.count-passengers-block {
    height: 69px;
    margin-top: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 12px;
}

.count-passengers-block span {
    display: block;
    font-size: 11px;
    margin: 3px 0;
    color:#FFFFFF;
}

.count-passengers {
   letter-spacing:8px;
   background: url(images/counter-bg.png) top left no-repeat;
   padding:4px 0 0 2px;
   height:20px;
   margin-left:7px;
   font-weight:bold;
   color:#FFFFFF;
   width:154px;
}

@-moz-document url-prefix() { .count-passengers { padding:3px 0 0 2px; height:21px;} }