@import url("forms.css");
@import url("search_result.css");
@import url("catalog.css");

/* BLOCKS */
#all-site { margin:0em auto; min-width:990px; }

/* TYPOGRAPHY */
html { font-size: 62.5%; font-family: "Segoe UI", Arial, Helvetica, sans-serif;}
body { font-size:1.2em; line-height: 1.6em; color: #383838; background:url(/images/bg_main2.jpg) repeat-x #fff; }
strong, b, th, thead td, em { font-weight: bold; }
h1, h2, h3, h4, h5, h6 { font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-weight: bold; }
h1 { font-size: 1.8em; margin: 1em 0 .6em; font-weight: normal;}
h2 { font-size: 1.6em; margin: 1.07em 0 .535em; font-weight: normal;}
h3 { font-size: 1.4em; margin: 1.14em 0 .57em; font-weight: bold;}
h4 { font-size: 1.3em; margin: 1.23em 0 .615em; font-weight: normal;}
h5 { font-size: 1.2em; margin: 1.33em 0 .67em; }
h6 { font-size: 1.0em; margin: 1.6em 0 .8em }
h1.top, h2.top, h3.top, h4.top, h5.top, h6.top {margin-top:0px !important;}

cite, em, dfn, i { font-style: italic; }
code, kbd, samp, pre, tt, var { font-size: 92%; font-family: "Lucida Console", "Courier New", Courier, monospaced; }
code, pre { color: #c33c33; }
del, strike, s  { text-decoration: line-through; color: #666; }
ins, dfn, u { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
big { font-size: 130%; }
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super; font-family: Arial, Helvetica, sans-serif; }
sub { vertical-align: sub; font-family: Arial, Helvetica, sans-serif; }
hr { display: none;}
blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; padding: 0 1em; margin: 1.6em 0; }
blockquote *:first-child { margin: .8em 0; }
blockquote *:first-child:before { content: "\00AB"; }
blockquote *:first-child:after { content: "\00BB"; } 
q { quotes: "\00AB" "\00BB" "\2018" "\2019"; }


#upmenu {
	padding-top: 20px;
}


#upmenu ul li {
	display:inline;
	height: 60px;
	margin: 30px 15px 0px 15px;
}

/* TABLES - avto */
table#avto { border:1px solid #ccc;}
#avto td { padding: .4em .6em; border:none; }

#avto tr:hover,
#avto thead th,
#avto thead td,
#avto tabletr-act { background-color: #f4f4f4; }

/* TABLES */
table { border-top: 1px solid #ccc;  border-left: 1px solid #ccc; }
th, td { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: .4em .6em; }
tr:hover, thead th, thead td, .tabletr-act { background-color: #f5f5f5; }






/* LINKS */
a:link { text-decoration: underline; color: #36c; }
a:visited { text-decoration: underline; color: #99c; }
a:hover { text-decoration: none; color: #c33; }
a:active, a:focus { text-decoration: underline; color: #000; }

#sys{
  text-align:center;
  overflow:hidden;
  margin-bottom:1em;
}

#sys a{ color: #fff;}
#sys a img{ color: #fff; vertical-align:middle; padding-right:7px;}

#sys .startpage{
  margin:0px;
  float:left;
  text-align:center;
}

#sys .startpage a{
	margin:3px 5px;
}

#sys .login{
  display:block;
  float:right;
}

#sys .login a{
	margin:0px 20px;
	display:block;
	float:left;
}


.container {
	width: 100%;
	float: right;
	margin-left: -215px;
}

.content {
	margin: 0px 0px 0px 225px;
	padding:0px 20px 20px 0px;
	}
.sidebar {
	float: left;
	width: 195px;
	position:relative;
	text-align:right;
}

#searchwrapper{
	margin:0em auto;
	overflow:hidden;
	clear:both;
	height:80px;
}

.ya_bg{ background:#fff url('/images/dot.gif') no-repeat center right !important;}

#searchwrapper .adresslink{
	color:#000000;
}

#searchwrapper .logo{
	margin-top:7px; display:block;
}

#searchwrapper input{
	height:1.25em;
	margin:0; padding:3px 0px;
	font-size:1.4em;
	color:#333; 
}

#linkswrapper{
	clear:both;
	margin: 0.7em 0 0em 0;
	overflow:hidden;
}
.ul_no_mark{
list-style-type: none;
}
ul.icon { padding: 0.5em 0 0 0; margin: 0; clear: both; list-style-type: none; }
.icon li { padding: 0; margin: 0.2em 0 0.5em 0; float: left; position: relative; margin-right: 1.5em; }
.icon li div { position: relative; }
.icon a { padding: 0 0 0 19px; display: block; position: relative; z-index: 2; text-decoration: underline; font-size:14px; color:#000000; }
.icon a:hover { text-decoration:none; }
.icon i { position: absolute; z-index: 1; left: 0; margin-top: 0.55em; top: -8px; width: 16px; height: 16px; background: url('/images/icons.gif') no-repeat; display: block; font-size: 14px; line-height: 16px; }

#rielt i { background-position: 0px 0; }
#love i { background-position: -16px 0; }
#video i { background-position: -32px 0; }
#wf i { background-position: -48px 0; }
#astro i { background-position: -64px 0; }
#infon i { background-position: -80px 0; }

span.today { margin-top: 0.5em; }
span.city { font-size: 1.6em; }

div.weather { margin-top: 0.2em; margin-bottom: 0em; }
div.weather .now { padding: 0; font-size: 1.4em; }
div.info-block { margin-bottom: 0.8em; }

table.rates td { padding: 0.1em 0pt 0pt 0.8em; text-align: right;}
table.rates, table.rates td{ border:none;}
table.rates td.rate { font-weight: bold; }

div.news { margin: 0px 0 1.2em 0px; overflow:hidden; background: #ffffff url('/images/dot.gif') repeat-y 129px top;}
div.news ol { margin: 0 0.5em; padding: 0 1.5em; }
div.news ol  li { margin-top: 0.1em; }

div.news-block{ margin-left:145px; display:block; }
div.news-switch {width:130px; float:left; }
div.news-switch span { float: left; padding-right: 0.5em; }
div.news-switch ul { list-style-type: none;}
div.news-switch li { padding: 0 0.5em 5px 0.5em; margin-left:4em;}
div.news-switch li div,
div.news-switch li a { border-bottom: 1px dashed #ff5223; text-decoration: none !important; color: black !important; font-weight: normal !important; }
div.news-switch li.selected { background:transparent url('/images/arr_right.gif') no-repeat 100% 50%; }
div.news-switch li.selected div,
div.news ul.join li.selected a { border-color: #ffcab0; text-decoration:none;  font-weight:bold !important; cursor: default; }
div.news-switch li * { white-space: nowrap; }

div.banner730{ margin: 1em 0 1.4em 0; overflow:hidden; text-align:center; height:60px;}
div.banner240{ margin: 1em 0 0.7em 0; overflow:hidden;}
div.banner240 img{ float:left; margin:0 10px 5px 0;}

#bottom {
	height: 60px;
	border-top:1px solid #ccc;
	clear:both;
}
#bottom .botcorner {
	float: left;
	/*height: 60px;
	width: 205px; */
	padding-top: 10px;
	padding-left: 20px;
	color: #383838;
}
#bottom .rightcorner {
	float: right;
	/*height: 60px; */
	padding-top: 10px;
	padding-right: 15px;
	color: #383838;
}
#bottom .center{
	margin-top:0.7em
}

#bottom ul {margin: 0; padding: 0;}
#bottom li {
	margin: 0 0 0 10px; padding: 0 10px 0 0;
	font-size: 100%;
	display: inline;
	border-right: 1px solid #ccc;
}
#bottom li.last {border: none}
#bottom li img {margin-right: 7px}
#bottom .copyright {display: block; margin: 7px 0 0 10px;}

/*Login form*/

#login-form {
  position:absolute;
  height:318px;
  width:280px;
  display:none;
  margin:-162px 0px 0px -145px;
  top: 48%;
  left: 50%;
  text-align: left;
  padding: 10px;
  background-color:#444;
  border:1px solid #777;
  font-size:1em;
  overflow:hidden;
  z-index: 777;
}

#login-form .frame{
  padding:5px;
  background-color: #fff;
  border: 1px solid #999;
}

#login-form .frame h2{
	margin:.3em 0 .3em 0;
}
#login-form .frame p{margin:0; text-indent:0; padding:0;}


/* SERVICE */
.hide { display: none }
.right { float: right }
.left { float: left }
.more { text-align:right; }
	#wrapper p+p.more { margin-top:-1.2em; }
	.more a[href]:after {content: " в†’" }

/*
P.I.E. FLOAT CLEARING ----------------------------
See http://www.positioniseverything.net/easyclearing.html
and http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/
*/

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

.clearfix {display:inline-block;}
.clearfix {display:block;}

.top_sites_index{
border: 1px solid rgb(206, 206, 206);
margin: 10px 0pt 20px;
padding: 15px 5px 5px 15px;
overflow:hidden;
clear:both;
}

.top_sites_index li{
margin:0.2em 1.5em 0.5em 0;
padding:0;
display: inline;
list-style: disc inside;
}
.top_sites_index_header{
background: none repeat scroll 0% 0% rgb(255, 255, 255);
font-size: 13px;
font-weight:bold;
margin: -25px 0pt 0pt 10px;
padding: 0pt 7px;
position: absolute;
}
.top_sites_index_header a{
font-size: 12px;
}