/* base */
body{ background-color:#fdfdff }
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,a { margin: 0; padding: 0 }
body { font: 11px/16px Arial }
a { color:#000; text-decoration: none }
a:hover { color:#003366; text-decoration:underline }
ul { list-style:none }
ol { list-style-position:inside }
img { border: medium none }

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

/* layout */
#top { margin: 5px auto 0; position: relative; width: 968px }
#top td { vertical-align:top }
#head {margin: 5px 10px 15px; min-width:1000px }
#headp { display:none }
#body { height: 1%; min-width:1020px; padding: 0 0 100px }
#bodyp { display:none }
#container { float: left; overflow: hidden; width: 100% }
#main { padding: 0 215px }
.column.left { float: left; margin-left: -100%; position: relative; width: 200px }
.column.right { float: left; margin-left: -200px; margin-right: -3px; position: relative; width: 200px; }
.left .glue { margin-left: 10px }
.right .glue { margin-right: 10px }
#foot { background-color: #ededed; clear:both; margin: 10px 215px 0; padding: 6px 0; text-align: center }
#foot div.l { background:#fff }
#foot div.k span { color:#666 }
#foot div.k a { margin:0; text-transform:none }
#foot div.k table { margin:0 auto;position:relative;width:690px }

/* иконки */
.icon { background-image: url(/i/ic.png); background-repeat: no-repeat; display: block; height:26px; margin:2px; overflow: hidden; text-indent: -99999px; width:26px }

.news { background-position: 0 0 } .news:hover{ background-position: 0 -26px }
.presscenter { background-position: -26px 0 } .presscentre:hover { background-position: -26px -26px  }
.foto {	background-position: -52px 0 } .foto:hover { background-position: -52px -26px }
.video { background-position: -78px 0 } .video:hover { background-position: -78px -26px }
.afisha { background-position: -104px 0 } .afisha:hover { background-position: -104px -26px }
.help { background-position: -130px 0 } .help:hover { background-position: -130px -26px }
.currency { background-position: -156px 0 } .currency:hover { background-position: -156px -26px }
.diary { background-position: -182px 0 } .diary:hover { background-position: -182px -26px }
.home { background-position: -234px 0 } .home:hover { background-position: -234px -26px }
.rss { background-position: -208px 0 } .rss:hover { background-position: -208px -26px }
.small {height:22px; width:23px}
.rightarrow { float:right; background-position:-262px 0} .rightarrow:hover { background-position:-262px -22px }
.leftarrow { float:left; background-position:-284px 0} .leftarrow:hover { background-position:-284px -22px }
.printit { background-position: 0 -76px }

/* base classes */
.column { width: 190px }
.left { float:left }
.right { float: right }
.plus { color:green }
.minus { color:red }
.disabled { background-color:#eee }
.hidden { display:none }
.center { text-align:center }
.print { display:none; visibility:hidden }

/* header */
#head-toolswrap { background-color: #ededed; height: 28px }

#head-searchwrap { float: left; width: 184px }
#head-searchwrap input.txt { background-color: #f5f5f5; border: 1px solid #d7d8dd; color: #777; float: right; font-size: 12px; margin-top: 5px; vertical-align: middle; width: 150px }
#head-searchwrap input.img { float:right }

#head-tools { padding-left: 186px }
#head-tools table { border-collapse: collapse; width: 99% }
#head-tools td { padding-left: 12px; white-space: nowrap }
#head-tools td a { color: #003366; margin-top: 6px; text-transform: uppercase }
#head-tools td a span { float: left }
#head-tools td a span.txt { margin-top: 6px }
#head-tools td a span.icon { margin: 0 4px 0 0 }

#head-body div { background-color: #fafafa }
#head-logo,#head-places { float: left; height: 71px; margin: 0 2px 2px 0 }
#head-places a { margin-top:6px }

#head-dayinfo { color: #799ac3; float: right; height: 63px; margin-left:2px; padding: 4px 8px; width: 170px; white-space:nowrap }
#head-dayinfo #today { color: #013368; font-size: 14px }
#head-dayinfo #weather { font-size: 12px }
#head-dayinfo label { }
#head-dayinfo span { color: #333; margin: 0 4px }
#head-dayinfo em { font-style: normal }

#head-places img { display: block; margin: 4px }
#head-daypic { color:#499ccb; display:table-cell; margin: 2px 0; font-size: 12px; height: 63px; max-height: 71px; overflow: hidden; padding: 4px; text-align: center; vertical-align:middle }

#head-cats { background-color: #d2dfff; font-size: 14px; padding: 2px 0 }
#head-cats a { color: #003366 }
#head-cats td { text-align: center }

/* */
.banner { margin-bottom: 10px; text-align:center }
.banner.w180 { width:180px; }
.banner.w180 img { width: 180px }
.banner.w468 { margin: 0 auto 10px; position: relative; width: 468px; }
.banner .bh { margin:0 auto;position:relative;z-index:1 }
.banner .bh a { background:transparent none; border:medium none; display:block; left:0; position:absolute; top:0; z-index:9999 }
.banner span { color:#777;font-size:.9em }

/* */
.hl { color:#990000 }

/* */
.block { background-color: #d2dfff; border: 1px solid #d2dfff; margin-bottom: 10px; text-align:justify }
.block h3 { color: #003366; font-size: 14px; font-weight: normal; padding: 6px 10px }
.block h3.c { text-align: center }
.block h3 a { color:#003366 }
.block div.rnd { background: #fff; padding: 10px }
.block table { width:100% }
.block td.date { color:#003366; white-space:nowrap; padding-right:10px;vertical-align:top; width:8em }
.block td.date a { color:#003366 }
.block td.src { color:#003366; font-size:.8em; text-align:right; white-space:nowrap }
.block td.src a { color:#003366 }
.block tr.dis { background-color:#ededed }
.block div.btm { margin-top:10px; padding:4px 10px }
.block div.btm a { color:#003366 }
.block div.nav { background-color:#d2dfff; text-align:center }
.block div.nav a:hover{ font-weight:bold }
.block li { margin:0 0 1.5em }

/* */
#main { font-size: 12px }
#main .adate { color: #aaa; font-size: 12px; white-space: nowrap }
#main .adate a { color: #aaa }
#main td.adate { white-space:nowrap; width:110px }
#main .atitle { color:#003366; font-size:14px; margin:.2em 0 .5em }
#main .atitle a { color:#003366 }
#main .aimg img { margin-right: 10px; float:left; width: 150px }
#main .atext { vertical-align: middle }
#main .atext a { color:#003366; text-decoration:underline }
#main .atext ul { list-style-position:inside; list-style-type:disc }

#main p { margin:.5em 0 }

#main .next { color: #104c97; display: block; margin-top: 4px; text-align: right; text-decoration: underline; top: -10px }

#main .imglist img { height: 40px; margin-right: 4px }

.imga { font-size: 11px }
table.imga { width:100% }
.imga td { vertical-align:top }
.imga img { margin-right: 4px; width: 60px }
/*.imga span { color: #aaa; margin-right: 8px }*/
.imga span.hl { color:#990000 }

/* */
.lastnews li { margin-bottom: 10px; text-align:left }
.lastnews span.adate { color:#104b97 }
.lastnews span.hl { color:#990000 }
.lastnews .all { color: #104b97; display: block; text-align: center; text-decoration: underline }
.lastnews .all span { text-decoration: underline }

/* */
#tag { margin-bottom: 10px; text-align: center }
#tag a { color: #6FA5E4; line-height: 1.2em; padding: 2px; white-space: nowrap }
#tag a:hover { background-color: #d2dfff; color: #003366 }

/* */
.top5 ul {
	list-style-image: url(data:image/gif;base64,R0lGODlhBwAHAIAAANLf/wAAACH5BAAAAAAALAAAAAAHAAcAAAIGhI+py40FADs=);
	//list-style-image: url(/i/point1.gif);
	list-style-position: inside;
	list-style-type: none;
}

.top5 li { margin-bottom: 10px; text-align:left }
.top5 li a { color:#000 }
.top5 li a:hover { color:#003366 }

/* */
div.vote { text-align:left }
dl.vote { margin-bottom:4em }
.vote ul { margin-top: 10px }
.vote li { margin-bottom: 4px; text-align: left }
.vote span.b { display: block; margin-top: 10px; text-align: center }
.vote a { color: #104b97 }
.vote button { background-color:#d2dfff; border:1px solid #d2dfff; color:#003366; padding:2px 4px; }
.vote div { font-size:1.25em }
.vote dt { float:left; margin-bottom:.3em; padding-right:.5em; text-align:right; width:60% }
.vote dd { margin-bottom:.3em }
.vote dd div { background:#d2dfff;float:left;margin:0 4px;text-align:right }

/* */
#month { text-align:center }
.cal table { border-collapse: collapse; width:100% }
.cal th { font-size: 10px; text-align: center }
.cal td { border: 0 none; text-align:center }
.cal a { border: 1px solid #d2dfff; color: #6FA5E4; display: block; padding: .2em }
.cal a:hover { background-color: #d2dfff; color: #003366; text-decoration:none }
.cal a.sel { color: #003366; font-weight: bold }

/* */
.curr { width:100% }
.curr span.c { color:#003366; float:right; font-weight:normal; padding-left:10px }
.curr div { color:#333; font-size:.9em; font-weight:normal }
.curr th { color:#666; text-align:center }
.curr td { vertical-align:top }
.curr td.buy { color:red }
.curr td.sell { color:green }
.curr td.bank { font-weight:bold }
.curr td.sub { padding-left:10px }
div.curr { color:#aaa; font-size:.8em }

/*  */
.whois table { width:100% }
.whois td.p { width:160px }
.whois img { width:150px }
.whois div { color:#999; font-size:.9em; margin-top:.2em }

/* */
.photo td.p { text-align:center;width:210px }
.photo div.thumbs { background-color:#d2dfff; padding: 10px }
.photo div.view, .photo .galleria_wrapper { text-align:center }
.photo span.caption { display:block; text-align:center; margin:.5em 0 1em }
.photo .c { height:26px }

/* */
.search {}
.search .nav a { color:#003366;font-size:1.2em;margin:0 .2em }
.search .nav a.s { font-size:1.5em;font-weight:bold }
#main .search .atitle a.c { color:#aaa;font-size:.8em }

/* */
#foot a { color: #003366; margin: 0 8px; text-transform: uppercase }
#foot .k { padding-top:6px }

.nav a.left:hover, .nav a.right { text-decoration:none }

/* */
.comment { margin:0 3em }
.comment label, .comment input { display:block }
.comment label { color:#666; margin:.5em 0 .1em }
.comment input, .comment textarea { border:1px solid #d2dfff; margin:.1em; width:90% }
.comment input.hidden { display:none }
.comment img { float:left; margin:.5em }
.comment #c_img { width:auto }
.comment input.b { left:40%; margin:.5em 0 0; padding:.3em 0; position:relative; width:50% }
.comment h3 { padding-bottom:0 }
.comment span { color:red }
.comment span.right { color:#666 }
.comment p.head { color:#666;font-size:.9em;margin-bottom:-.5em }

.tip { color:#666 }

.af div.head { background-color:#D2DFFF;margin:.3em 0;padding:.3em 0;text-align:center }
.af h3 { color:#003366;font-size:14px }
.af table { margin:0 0 1em; width:100% }
.af td,.af th { padding:.3em 0;text-align:center }
.af td.day,.af td.time { width:20% }
.af th { background-color:#f2f3fc }


/* HYPHENS.CSS
This file is a part of a javascript CSS-based hyphenation technology implementation
by Cyril Nikolaev
VERSION 0.98

(c) 2006 Cyril Nikolaev
Updates on http://snusmumrik.org.ru
Contact me at cyril7@gmail.com
*/

/* If you want the hyphens to look different in different positions use
more complicated selectors here */

/* Opera rules */
/*.hpo {
	margin-right: -6px; /* set to -(hyphen width + gap) *
}
.hpo:after {
	content: url(/i/hyphen.gif); /* a hyphen image (a GIF/PNG with a line, ex. 1x5px) *
	margin-left:1px; /* width of the gap between the text and the hyphen *
	vertical-align: 5px; /* height of hyphen above baseline, approx 1/3 line-height *
}
/* you souldn't not touch those rules *
.hbo { visibility: hidden; } .hbo:after { content: "\200b"; }

/* IE rules *
.hii {
	margin-left: -6px; /* set to -(hyphen width + gap) *
}
.hpi {
 	/* a hyphen image (a GIF/PNG with a line, ex. 1x5px) *
	background: url(hyphen.gif) no-repeat right center;
	padding-right: 5px;  /* set to hyphen width + gap - 1 (fixing border width) *
	
	/* Fuckin IE!! Sometimes (indetermined) it shows the hyphen
	under the previous span instead of padded space.
	The padding fixes, but increases left text margin with 1px *
	padding-left: 1px;
}

/* Gecko rules *
.hhf {
	/* width of hyphen character 
	margin-right: -0.86ex;*
	margin-right: -0.69ex;
}
.hhf:after {
	/* hyphen character + \200b, ex.: "-\200b" (minus), "\2013\200b" (en dash) *
	content: "-\200b";
}

/* All browsers *
.hso, .hsi, .hsf {
	background-color: #fff; /* set to page background - it hydes the hyphen *
}

.block div.nav .hso,.block div.nav .hsi,.block div.nav .hsf { background-color:#d2dfff}

a:hover .hso,a:hover .hsi,a:hover .hsf {
	text-decoration:underline;
}
*/

.block.catalog ul { margin:1em 0 0 1em }
.block.catalog li { margin:0 0 .5em }
.block.catalog .firms li { border-bottom:1px dashed #eee;margin:0;padding:1em 0 }
.block.catalog a.seller { float:right; margin:1.5em }
.block.catalog a.large { font-size:2em }
.block.catalog a.bold { font-weight:bold }
.block.catalog span.right { margin-right:1em }

.block.catalog .head form { padding-left:400px; margin:.75em 0 0 }
/*.block.catalog .head input[type=text] { padding-left:450px }*/
.block.catalog .head label { display:block }
.block.catalog .btm a { margin:0 .5em }

