html { font-size: 62.5%; }
body { font-size: 1.2em; margin: 0; padding: 0; font-family:tahoma, arial, sans-serif; }
span, div, p, h1, h2, h3, table, tr, th, td, ul, li, ol, dl, dt, dd, form, fieldset, legend, a, pre { font-family: tahoma, arial, sans-serif; font-size: 1em; margin: 0; padding: 0; }
input, textarea { margin: 0; }
h1, h2, h3 { font-style: normal; font-weight: 400; }
fieldset, img { border: 0 none; }
ol, ul, li { list-style-image: none; list-style-position: outside; list-style-type: none; }
legend, hr { display: none; }
p { line-height: 1.4em; }

body {
	color:#3b3b3b;
	background:#FFFFFF url(../images/bg.png) repeat-x;
    padding: 10px 0 }

/* Normal link */
a  {
	text-decoration: none;
	color:#606060; }
a:hover, a:focus  {
	color:#000000;
	text-decoration:underline; }

 img, fieldset  { border:none; }
 h1  { font-size:1.8em;margin:0;padding:0;}
 h2  { font-size:1.6em;font-weight:normal;margin:0;padding:0;}
 h3  { font-size:1.3em;font-weight:bold;margin:0;padding:0;}
 h4  { font-size:1.2em;font-weight:bold;margin:0;padding:0;}
 h5  { font-size:1em;margin:0;padding:0;}


/* Small text */
.small, .smalldark, .createdate, .modifydate, .mosimage_caption,
.back_button, .pagenavcounter, .pagenav, .pagenavbar, a.readon  {
	font-size: 0.9em;
}

table {
  border-collapse: collapse;
}


td,th  {text-align: left; vertical-align: top;}

fieldset  {
	border: none; }

fieldset a  {
	font-weight: bold; }


a img  {
	border: none; }

td, div  {
	font-size: 1em; }



/* FORM
--------------------------------------------------------- */
form  {
	margin: 0;
	padding: 0; }

input, select  {
	 }


textarea  {
	font-family:Arial;
	font-size:13px;
	padding-left: 2px; }

.inputbox  {
	
	margin-top:5px;
	border: 1px solid #C9C7C7;
	color:#000000; }

#search_searchword {
	width:180px; }
	
#search_ordering {
	background:#FFFFFF;}	
	
.inputbox:hover, .inputbox:focus  {
	border: 1px solid #606060; }


/* DEFAULT MENU
----------------------------------------------------------- */

a.mainlevel  {
	background:transparent url(../images/arrow.png) no-repeat scroll left center;
	color:#000000;
	display:block;
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:8px 11px;
	text-decoration:none;
	width:88%;
	border-bottom:1px solid #cccccc;
 }

#mainlevel li {
	padding-left:0px;
	padding-right:0px;
}

a.sublevel  {
     display:block;
     font-family: Arial;
     font-size: 8pt;
     padding:3px 3px 3px 14px;
 }
 
a.sublevel:hover {
     text-decoration: underline;
 }

a.mainlevel:hover {
	color:#000000;
	background:#EEEFF1 url(../images/cityportal_hover.jpg) repeat-x;
}


/* Clearfix */
.clearfix:after  {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden; }

* html > body .clearfix  {
	width: 100%;
	display: block; }

* html .clearfix  {
	height: 1%; }

/* Firefox Scrollbar Hack*/
html  {
	margin-bottom: 1px;
	height: 100%!important;
	height: auto; }
	
	


	
/* Layout
--------------------------------------------------------- */

/* header*/

#top_panel  {
	width:100%;
	color:#000;
	line-height:14px;
	height:14px;
	font-size:11px;
}
#top_panel ul {
  margin-top: 5px
}


#top_panel ul li{
  line-height: 16px;  height: 16px; display:block; float:left; padding:0 20px; cursor: pointer;
}

#top_panel ul li:hover{ text-decoration: underline;}


/* header*/

#header .grid_7, #header .grid_4{ margin-bottom: 15px;}



	#logo{
	  display: block;
      width: 238px;
      height: 77px;
      margin-top: 5px;
      overflow:hidden;
      text-indent:-9999px;
	  background: url(../images/logo.png) no-repeat left center }


/* search*/

#search{
  margin-top:5px;
}

#searches, #services, #location, #news, #vacancy{
  clear: both;
  zoom:1;
  position: relative;
}

#searches form, #searches form div {
  overflow: hidden;
  display: block;
}


ul.tabSearch {list-style: none;margin: 0;padding: 0;}

.tabSearch li {
  float: left;
  padding-left: 7px;
  background:transparent url(../images/separator.png) no-repeat scroll left top;
}

.tabSearch li.first {background: none;  padding-left: 0}

.tabSearch a {padding-left: 2px; display: block; cursor: pointer;}
.tabSearch a span {padding-right: 2px; display: block;}
.tabSearch a span span{}
.tabSearch a span span span { line-height: 23px; padding:0 0.5em;}


.tabSearch a.selected { background: url(../images/tabSearch-l.png) no-repeat left top}
.tabSearch a.selected span { background: url(../images/tabSearch-r.png) no-repeat right top}
.tabSearch a.selected span span{ background: url(../images/tabSearch.png) repeat-x center top}
.tabSearch a.selected span span span { background: url(../images/tabSearch-arrow.png) no-repeat center bottom; padding-bottom: 10px;}

ul.tabSearch li a.selected,
ul.tabSearch li a.selected:hover {color: #000; text-decoration: none;}

ul.tabSearch li a:hover {text-decoration: underline;}

ul.tabSearch li a:focus { outline: 0; }


.search_input {
  border: 1px solid #537ca6;
  display: block;
  float: left;
  margin-right:5px;
}

.search_field{
  padding: 5px;
  background: url(../images/bg-search.gif) no-repeat left top;
  display: block;
}

.search_field input{
  width: 350px;
}


.search_button {
  background: url(../images/search_button.png) repeat-x top;
  border: none;
  color: #fff;
  height: 2em;
  padding: 0px;
  width: 60px;
  margin: 0;
  cursor: pointer;
}


.search_input input.inputbox{margin: 0; padding: 0; border: none;}


#tip_phase {clear: both; font-size:0.9em;padding-top:4px;}

/* end search*/

/* login*/

.login {
  border: 1px solid #ccc;
  height: 77px;
  background: #fff url(../images/mail.png) no-repeat center left;
  margin-top:5px;
  width: 100%;
  -moz-border-radius: 5px;
  border-radius: 5px;
  }
.login form { padding:10px 0 0 50px;}

.login td {
  padding: 2px;
}


.login div.mail_inputs {

}

.login .domen{
font-size:1em;
width: 103px;
height: 21px;
margin: -2px;
border: 1px solid #ccc;
}

.login .select{
  border: 1px solid #ccc;
  overflow: hidden;
  float: left;
}


div.login .long{
border:1px solid #CCCCCC;
font-size:1em;
width:80px;
}
div.login input.submit{
background:transparent url(../images/button_to.png) repeat-x scroll center top;
color:#FFFFFF;
font-size:1em;
border: none;
width: 94px;
cursor: pointer;
font-family:tahoma,arial,sans-serif;
font-size:0.9em;
padding:1px;
height: 17px;
}

/* login*/
    #toplinks {
      line-height: 25px;
      overflow: hidden;
      padding-bottom:5px;
    }

    .center {float:left;left:50%;position:relative;}
    .center .wrap {float:left;left:-50%;position:relative;}
    #toplinks ul li { display: block; float: left; padding:0 1px 0 8px; background: url(../images/separator.png) no-repeat left top }
    #toplinks ul li.first { background: none}


    #toplinks a span {
      display: block;
      height: 16px;
      width: 16px;
      float: left;
      background: url(../images/top_links_new.png) no-repeat;
      margin:5px 5px 0 0
  }
  #toplinks a{ text-decoration: underline;}


/* header*/

.separator{ background:  #537CA6; height: 2px; margin-bottom: 14px; font-size: 0}

.sep {
  height: 15px;
  width: 100%
}


#content{}


#main_tabs {
}

ul.tabLocation {list-style: none;margin: 0;padding: 0;}

.tabLocation li {
  float: left;
  padding-left: 7px;
  background:transparent url(../images/separator.png) no-repeat scroll left top;
}

.tabLocation li.first {background: none;  padding-left: 0}


.tabLocation a {padding-left: 2px; display: block;}
.tabLocation a span {padding-right: 2px; display: block;}
.tabLocation a span span{}
.tabLocation a span span span { line-height: 23px; padding:0 3px;}


.tabLocation a.selected { background: url(../images/tabSearch-l.png) no-repeat left top}
.tabLocation a.selected span { background: url(../images/tabSearch-r.png) no-repeat right top}
.tabLocation a.selected span span{ background: url(../images/tabSearch.png) repeat-x center top}
.tabLocation a.selected span span span { padding-bottom: 10px;}

ul.tabLocation li a.selected,
ul.tabLocation li a.selected:hover {
color: #000;
text-decoration: none;
}

ul.tabLocation li a:hover {
text-decoration: underline;
}

ul.tabLocation li a:focus {
outline: 0;
}

#news li, #vacancy li {padding-left:13px; margin-bottom:4px; background: url(../images/ico_li.gif) no-repeat 0 5px; zoom:1}

#vacancy, #news { padding-bottom: 22px}


a.button_to {
  background: url(../images/button_to.png) no-repeat center;
  padding: 2px;
  text-align: center;
  color: #fff;
  position: absolute;
  bottom: 3px;
  right: 10px;
  width: 94px;
  font-size: 0.9em
}

.tiser {}

.tiser a img{ float: left; margin-right: 10px; border: 1px solid #3b3b3b}
.tiser a {}


#adblock {

}


#adblock div{
  margin: 0 auto;
  width: 468px;
  padding: 3px;
}


/*weather*/

#weather {  margin-bottom:2px; clear: both;}

#weather h2 {
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 5px
}

.fact_weather {
  float: left;
}

.fact_weather .summa{
  padding-left:4px;
  display:block;
  float:left;
  height:55px;
}


.fact_weather .deg{
  color:#003366;
display:block;
float:left;
font-size:30px;
font-weight:normal;
height:43px;
line-height:32px;
margin-top:12px;
padding-left:4px;
position:relative;
vertical-align:top;
}
.fact_weather .prec {
clear:both;
color:#999999;
font-size:11px;
height:22px;
line-height:12px;
overflow:hidden;
padding-top:0;
}

.wet{
  background:transparent url(../images/informer.gif) no-repeat scroll -500px 3px;
}
.fact_weather ul li.pres{
   background:transparent url(../images/informer.gif) no-repeat scroll 0 4px;
   padding-top: 1px;
   height: 22px
}

.pres span{
  background:transparent url(../images/mmrtst.gif) no-repeat scroll 100% 100%;
  padding-bottom:7px;
}


.wind{
background:transparent url(../images/informer.gif) no-repeat scroll -250px 3px;
}

.fact_weather ul li span{
    display:block;
    width: 40px
}


.fact_weather ul li{
  padding-left: 25px;
  padding-top: 3px;
  height: 20px;
}


.ico_bigWeather {
display:block;
height:55px;
width:55px;
float: left;
}


.forecast_weather {
  float: right;
}

#weather .day{
  text-align: center;
}

.forecast_weather .day{
  width: 85px;
  float: left
}


/*weather*/

.bblock {
 margin-bottom: 15px
}




/* hitech*/

#hitech{
  margin-right: 2px
}


.main_dblock {
  	    display:inline;
	    float: left;
	    position: relative;
        width: 250px;
        padding-bottom:19px;

}


.main_dblock span, #auto span, #price2 span, #catalog span{
  background: #537CA6;
  margin-bottom:10px;
  padding:2px 9px;
  display: block;
  -moz-border-radius:2px;
  border-radius: 2px;
}
.main_dblock span a, #auto span a, #price2 span a, #catalog span a{
  font-size: 1em;
  color: #fff;
  display: block;
  font-weight:bold;
}

#catalog .main_dblock li { margin-left: 20px; list-style: disc outside}
#catalog .main_dblock span a:hover, #catalog .main_dblock li.hover { background: none;}
#catalog .main_dblock { padding-bottom: 0}


.main_dblock span a:hover, #auto span a:hover{ color: #fff;}

.main_dblock li.hover, #video li.hover, #photo li.hover { background: #ccc; cursor: pointer;}

.main_dblock span a:hover{text-decoration: none;}
.main_dblock ul li, #video li, #price li, #photo li{  clear: both;margin-bottom:5px;}

.main_dblock ul li img, #video li img{
  padding: 2px;
  display: block;
  margin: 0 auto
}

.main_dblock .text, #video .text, #price .text, #photo .text{
  display: table-cell;
  vertical-align: middle;
  height: 64px;
  overflow: hidden;
}

#video .text{height: 57px;}


a.image{
  border:1px solid #CCCCCC;
  margin-right: 5px;
  padding: 0;
  float:left;
  width: 64px;
  height: 64px;
  text-align: center;
  background: #fff center center no-repeat;
}

#video .image { width: 71px; height:58px;}


#auto ul li {
  display: block;
  padding:0 5px;
    width:90px;
  float: left;
}
#auto .image { width: 80px; height: 60px}

#auto .text a{
  display: block;
  text-align: center;
}


h2.title {
  display: none;
}


/*end hitech*/

.hor_separator{background:#ccc; margin:0 0 10px; font-size: 0; height: 1px; clear: both;}


#right_tabs { margin-bottom: 15px}

#leftcolumn{
}


.left_links a, #radio li {
	color:#595959;
	display:block;
	font-size:1em;
	font-style:normal;
	font-weight:normal;
	height:33px;
	border-bottom:1px dashed #CCCCCC;
	line-height:31px;
	list-style-position:outside;
	list-style-type:none;
	text-decoration:none;
}

#radio li{
    line-height:26px;
    height:28px;
    margin-bottom: 0
}
#radio li a{ white-space: nowrap;}


.left_links .last a, #radio li.last{  border: none; margin-bottom: 0px}

.left_links a span, #radio a span  {
  display: block;
  height: 16px;
  width: 16px;
  float: left;
  }

.left_links a span {background: url(../images/left_links.png) no-repeat;   margin:8px 5px 0 0}
#radio a span {background: url(../images/radio.png) no-repeat;  margin:5px 5px 0 0}

ul.left_links li, ul#radio li{padding-left:1px;}


#leftcolumn h2 {
  background: url(../images/left_head.png) no-repeat center top;
  font-size: 12px;
  font-weight: 600;
  line-height: 25px;
  text-align: center;
  margin-bottom: 10px;
}

.left_links {
  margin-bottom: 20px;
}


.left_links a:hover,
.left_links a:active,
.left_links a:focus  {
	text-decoration:none;
	background:#f8f8f8 url(../images/left_links_hover.png) no-repeat 160px center;
    color: #000
    }

#radio li.hover
  {
	text-decoration:none;
    color: #000;
    background:#eee url(../images/left_links_hover.png) no-repeat 208px center;
    }


.radio_link{
  display: block;
  width: 108px;
  float: left;

}

#radio .offsite {
  width: 110px;
  float: left;
  font-size: 0.9em;
  text-align: center;
  display: none;
  background:transparent url(../images/separator.png) no-repeat scroll 0 0;
  }

#radio li.hover .offsite{
  display: block;
}

#radio li .offsite a {

}

#radio li.hover .offsite a:hover{
  text-decoration: none;
}

h2.vtitle { font-size: 1.2em; font-weight: bold; padding-bottom: 15px; color:#3b3b3b; zoom:1}

#price a{ display: inline; padding-bottom: 3px;float:left; width: 155px}

#price .image {width: 54px; height: 54px; padding-bottom: 0}
#price .text{height: 50px;}
#price a.act{font-size: 0.9em;font-weight: bold; color: #3b3b3b}
#price a.prc{font-size: 0.9em;color: #fff; background: #ff0000; padding: 1px 2px; width: auto;}
#price { border:1px solid #ccc; background: #f8f8f8; -moz-border-radius:5px; border-radius: 5px; }
#price .wrap { padding: 10px}
#price li.hover { background: #ccc; cursor: pointer;}



#footer {
      line-height: 25px;
      overflow: hidden;
    }

#footer p{
  line-height: 2em
}


#footer_menu {border-top: 1px solid #ccc; padding-bottom: 5px}

#footer .wrap{
  background: #537CA6;
}

#footer .copy_w{
  font-size: 0.9em; text-align: center;
}
#footer .copy{
  font-weight: bold;text-align: center;
}


    #footer_menu ul li { display: block; float: left; padding:0 7px;}
    #footer_menu ul li.first { background: url(../images/foot_round.png) no-repeat 0 top; width: 3px; height: 25px; padding: 0}
    #footer_menu ul li.last { background: url(../images/foot_round.png) no-repeat -3px top; width: 3px; height: 25px; padding: 0}
    #footer_menu a{ text-decoration: underline;color: #fff;}
    #footer_menu a:hover{ text-decoration: none;}





.tool-tip {
   float: left;
   background: #CCCCCC;
   border: 1px solid #333333;
   padding: 5px;
   color:#000000;
   width: 300px;
   max-height: 450px;
   overflow: hidden;}

.tool-title {
   padding: 0;
   margin: 0;
   font-size: 100%;
   font-weight: bold;
   margin-top: -15px;
   padding-top: 15px;
   padding-bottom: 5px;
   color:#000000;}

.tool-text {
   font-size: 100%;
   color:#000000;
   margin: 0;}

.tool-text img {
  width: 300px;
  height: auto;
  max-height: 400px;
}

.url_name {
  font-weight: bold;
  color: #000;
}

/*tabs*/

/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* Insignificant stuff, for demo purposes */

	.panel h2.title { margin-bottom: 10px }
	noscript div { background: #ccc; border: 1px solid #900; margin: 20px 0; padding: 15px }

/* Most common stuff you'll need to change */

	#main_tabs .coda-slider-wrapper { padding:0 0 20px; width: 505px }
    #right_tabs .coda-slider-wrapper { width: 245px }
    .coda-slider { border:1px solid #ccc; background: #f8f8f8; -moz-border-radius:5px; border-radius: 5px; }

	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }

	/* Change the width of the entire slider (without dynamic arrows) */
	#main_tabs .coda-slider, #main_tabs .coda-slider .panel { width: 503px }
	#right_tabs .coda-slider, #right_tabs .coda-slider .panel { width: 243px }
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 600px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }

	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { color: #fff; padding: 5px; width: 100px }


	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 10px }

	/* Preloader */
	.coda-slider p.loading { padding: 15px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */


    .coda-nav ul {list-style: none;margin: 0;padding: 0;}

      .coda-nav li, #right_tabs .coda-nav li{float: left;padding-left: 7px; clear: none;}



    .coda-nav a {padding-left: 2px; display: block; font-size: 1.2em; font-weight: bold;}
    .coda-nav a span {padding-right: 2px; display: block;}
    .coda-nav a span span{}
    .coda-nav a span span span { line-height: 23px; padding:0 0.5em;}


    .coda-nav a.current { background: url(../images/tabSearch-l.png) no-repeat left top}
    .coda-nav a.current span { background: url(../images/tabSearch-r.png) no-repeat right top}
    .coda-nav a.current span span{ background: url(../images/tabSearch.png) repeat-x center top}
    .coda-nav a.current span span span { background: url(../images/tabSearch-arrow.png) no-repeat center bottom; padding-bottom: 10px;}

    .coda-nav li a.current,
    .coda-nav li a.current:hover {color: #000; text-decoration: none;}

    .coda-nav li a:hover {text-decoration: underline;}

    .coda-nav li a:focus { outline: 0; }





	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }




    .reginput { width: 100%}
    table.registr td { padding:1px 0 7px;}
     h3.head {font-size:1.4em;font-weight:bold;margin:10px 0 15px; color:#37536F; }
table.registr td.razlep {   padding-left:10px; vertical-align:top;}
     input.w_100, select.w_100, textarea.w_100 {width:100%;}
     table.registr td.tah70_gr {padding:6px 0 0 5px;}
    table.forget td { padding:1px 0 7px;}
table.forget td.razlep {   padding-left:10px; vertical-align:top;}
     table.forget td.tah70_gr {padding:6px 0 0 5px;}
     b.red {
color:#F25100;
font-size:1.1em;
}

h4.head_3{
  line-height: 40px
}


#captchaimage img{
  cursor: pointer;
}


label.error {
color:red;
font-style:italic;
}

div.gr_line_2 {
background-color:#DADCE5;
margin:7px 0 2px;
height: 1px;
font-size: 0
}


.data {
  margin-bottom: 30px
}


.data ol{
  padding-left: 20px
}


.data ol li{
  list-style: decimal outside;
  padding-bottom: 20px
}

.data ol li a{
 font-size: 1.4em; color: #0000CC; display:block;
}

.data ol li ul {
  margin: 5px 0
}

.data ol li span {
  padding-top: 10px; color: #006600;
}

.data ul{
  padding-left: 0
}

.pagebar a {
   color: #000099; margin: 0px 5px}

.pagearrow{
  margin-bottom: 10px
}


.pagebar{
  font-size:1.3em;
  margin-bottom:10px;
}


.data ol li ul li{
  list-style: none;
  padding-bottom: 0px;
}

.result {
  padding-bottom: 10px;
  border-bottom:1px solid #CCCCCC;
}
.result img{
  float: left;
  margin-right: 5px
}

.result div{
  line-height: 23px
}

.adv_left li{
  padding-bottom: 10px;
}

#content p{
  padding-bottom: 10px;
  line-height: 1.3em;
}


.adv_left a{
  font-size: 16px;
  color: #537CA6;
}

.adv_left a.active{
  font-weight: bold;
}

#price2 span a {height: auto;}

#price2 li a {
  position: relative;
  height: 87px;
  margin-right: 14px;
  float: left;
  width: 87px;
  text-decoration: none;
}

#price2 a img {
}

.img-price div {
  background: #fff;
  width: 85px;
  height: 85px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

div.img-price {
  padding: 1px;
  background: #ccc;
}


#price2 a:hover div.img-price{
 background: #ccc;
}


#price2 a div.tooltip {
  display: none;
}
#price2 a:hover div.tooltip {
  display: block;
  position: absolute;
  top: 67px;
  left: 67px;
  width: 200px;
  background: #fff;
  border:1px solid #ccc;
  z-index: 100;
  padding: 5px;

}

a.start {
  position: absolute;
  text-indent: 0;
  color: #fff;
  font-size: 11px;
  right: 10px;
  top:6px;
}