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: #8FC2F3 url(images/body-bg.png) -1323px 30px repeat-x;
}

.topzag {position: absolute; top:0px; left:300px; z-index:998}

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: #C3D4E4 url(images/header-bg.gif) center no-repeat; top:30px;  */
}

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

#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;
               background: #FFFFFF;
}

#main-menu-field
{
               position:relative;
               margin:0 auto;
               min-width:1000px;
               max-width:1200px; 
               height:100px;
               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 url(images/main-page-bg.gif) top center no-repeat; 
               color:#444444;
}

#workarea
{           
position:relative;
margin:0 auto;
min-width:1000px;
max-width:1200px; 
height:443px;
padding-top:47px;
}

#why-us
{
               position:absolute;
               top:0;
               left:0;
               color:#000000;
               font-size:18px;
}

#mess-us
{
               position:absolute;
               top:0;
               left:50%;
               width:212px;
               margin-left:-106px;
               color:#000000;
               font-size:18px;
               text-align:center;
}

#faq-link
{
               position:absolute;
               top:0;
               right:0;
               color:#000000;
               font-size:18px;
}

#information-block-bar
{
               width:100%;
               height:24px;
               background:url(images/romb.png) 0 0 repeat-x;
}

#information-block
{
               width:100%;
               height:350px;
               background:#5f5f5f;
}

#widgets-block
{
               width:100%;
               height:290px;
               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;
}

/* Gismeteo */
.gsInformer {
    background: none repeat scroll 0 0 #FFFFFF !important;
    border: 1px solid #E6E6E6 !important;
    border-radius: 5px 5px 5px 5px;
    height: 240px !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: 240px !important;
    width: 320px !important;
    padding-top:5px;
}

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

/* Twitter */
div#widgets iframe.twitter-timeline {height:240px !important; border-radius:0 0 5px 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: 500px;
    left: 50%;
    margin-left: -275px;
    position: absolute;
}

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

#central-menu 
{
    position:relative;
    margin:0 auto;
    width:1000px;
}

#pobeda {
    position:absolute;
    top:16px;
    right:-24px;
    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;} }