/* CSS RESET START  --------------------------------------------------------- */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* CSS RESET END ------------------------------------------------------------ */

/* MAIN SETUP START --------------------------------------------------------- */
body {
	background: #eaeaea url(../img/back.gif);
	text-align: left;
	font-family: verdana,arial,sans-serif;
	font-size: 62.5%;
}
/* Default links */
a:link, a:visited { color: #1d67a6; text-decoration:underline;}
a:hover, a:active { color: #0099cc;}

/* float break */
.clear { clear: both; font-size: 0; height:0; line-height: 0}

/* Tables */
table {
    margin: 10px 0;
}
table td, table th {
    padding: 10px;
    border: 1px solid #eaeaea;
}

/* Froms */
label {
    font-weight:bold;
    display:block;
    line-height: 24px;
}
select, input[type=text] { width: 400px;}
input.date {width: 70px;}
textarea {
    width: 100%;
    height: 100px;
}

/* Other */
p { padding: 5px 0;}

p img.ileft {
    margin: 0 10px 10px 0;
    float:left;
}
p img.iright {
    margin: 0 0 10px 10px;
    float:right;
}

h1 {
    font-size:170%;
    line-height: 22px;
    font-weight: normal;
    color: #b30000;
    font-family: Georgia;
    margin: 0 0 15px 0;
}
h2 {
    font-size:140%;
    line-height: 20px;
    font-weight: normal;
    color: #0e6b2d;
    font-family: Georgia;
    margin: 15px 0 12px 0;
}
h3 {

}

/* @group rounded-corners images */

.rounded_wrapper {
	position: relative;
}

.rounded_wrapper img {
	border-width: 0;
	border-style: none;
}

.rounded_wrapper div {
	height: 7px;
	position: absolute;
	width: 100%;
}

.rounded_wrapper .tl {
	top: 0;
	left: 0;
	background: url(../img/rounded_corners/tl.gif) no-repeat left top;
}

.rounded_wrapper .tr {
	top: 0;
	right: 0;
	background: url(../img/rounded_corners/tr.gif) no-repeat right top;
}

.rounded_wrapper .br {
	bottom: 0;
	right: 0;
	background: url(../img/rounded_corners/br.gif) no-repeat right bottom;
}

.rounded_wrapper .bl {
	bottom: 0;
	left: 0;
	background: url(../img/rounded_corners/bl.gif) no-repeat left bottom;
}
/* @end */


/* MAIN SETUP END ----------------------------------------------------------- */
.left {float:left;}
.right {float:right;}

#all {
    width: 960px;
    text-align:left;
    margin: 0 auto;
    background: #fff;
    padding: 0 20px;
    line-height: 20px;
    position:relative;
}

#hd a {
    color: #fff;
}
#hd p {
    margin-left: 10px;
}

#tabs {
    background: #e8e8e8;
    padding: 10px;
    position:relative;
}
#tabs ul#tmenu {
    float:left;
    width: 310px;
    font-family: arial;
}
#tabs ul#tmenu li {
    height: 64px;
}
#tabs ul#tmenu li a.somelink, #tabs li a.somelink:visited {
}
#tabs ul#tmenu li a:link, #tabs li a:visited {
    background: url(../img/tabs_back.gif) repeat-x;
    height: 63px;
    border: 1px solid #d3d3d3;
    border-top: 0;
    display:block;
    padding: 0 15px;
    font-size: 140%;
    text-decoration:none;
    color: #142966;
    line-height: 62px;
}
#tabs ul#tmenu li.sel a:active, #tabs li.sel a:visited
{

}
#tabs ul#tmenu li.sel a {
    background: #fff;
    border-right: 0;
    border-left: 0;
}
#tabs div.tab {
    height: 152px;
    background-color: #fff;
    background-position: top right;
    background-repeat: no-repeat;
    padding: 20px 165px 20px 20px;
    font-size: 120%;
    overflow: auto;
    position:relative;
}
#tabs .ui-tabs-hide{
    display:none;
}

/* Columns */
#c3 {
    margin: 20px 0;
    font-size: 120%;
}
.col {
    width: 300px;
    float:left;
}
.col2 {
    width: 600px;
    float:left;
}
#qa { margin: 0 10px;}
#stat { margin: 0 10px;}
#news { width: 300px; float:right; margin: 0 0 10px 10px;}

#stat ul {
	list-style: disc;
	margn-left: 20px;
}

.c_title {
    font-family: arial,verdana,sans-serif;
    font-size: 160%;
    margin: 0 0 15px 0;
}

.q_a {
    background: #f6f6f6 url(../img/qa_top_b.gif) no-repeat top;
}
.q_a a { text-decoration: none}
.q_a .text {
    padding: 7px;
}
.qa_author {
    background: #fff url(../img/qa_bot_b.gif) no-repeat top;
    height: 27px;
    text-align: right;
    padding-top: 30px;
    color: #c4c4c4;
    font-weight: bold;
}

/*news*/
#stat ul.bnews, #stat ul#news_archive { list-style: none; margin-bottom: 20px;}
#stat ul#news_archive li { margin-bottom: 15px; background: #fff url(../img/news_arch_back.gif) no-repeat bottom; text-align: justify;     padding: 0 0 10px 0;}
#news_archive {width: 620px;}


.bnews li {
    margin-bottom: 15px;
    background: url(../img/news_back.gif) no-repeat bottom;
    padding: 0 0 10px 0;
}
.news_date {
    color: #ba1a1a;
    font-weight: bold;
    margin: 0 10px 3px 10px;
}
.news_text {
    color: #333;
    margin: 0 10px 0 10px;
}
.news_link {
    display:block;
    padding: 0 9px;
}
.news_img { float:right; border: 1px solid #fff;}

/*header*/
#info {
    height: 82px;
    background: #1666b6 url(../img/cityback.jpg) no-repeat bottom;
    font-family: arial,verdana,sans-serif;
    margin-bottom: 10px;
}

#contacts {
    float:right;
    background: url(../img/gerb.gif) no-repeat top right;
    color: #fff;
    height: 60px;
    padding: 14px 75px 0 0;
    margin: 7px 10px;
    text-align: right;
    line-height: 22px;
}
#logo {
    float:left;
    background: url(../img/logo.gif) no-repeat top left;
    height: 60px;
    padding: 7px 0 0 0;
    margin: 10px;
    position: relative;
}
#logo a { float:left; padding-left: 98px; display:block;}
#logoswf {
    position: absolute;
    top: 0;
    left: 0;
}
#phone {
    font-size: 240%;
}
#adr {
    font-size: 140%;
}

/*menu*/
#menuline {
    background: #0b4e8d;
    height: 44px;
    border-bottom: 1px solid #2f82cf;
}
#menuline a{
    color: #fff;
    text-decoration: none;
}
#menu_l {
    float:left;
}
#menu_r {
    float:right;
}
#menu_l li {
    float:left;
}
#menu_r li{
    float:right;
}
#menuline li {
    background: #105ca2;
    height: 44px;
}
#menuline li a {
    display: block;
    border-top:1px solid #105ca2;
    line-height: 44px;
    font-size: 140%;
    font-family: Arial;
    padding: 0 10px;
}
#menuline li a:hover, #menuline li a:active {
    background: #1666b6;
    height: 43px;
}
#menuline li a.selected:hover, #menuline li a.selected:active {
    height: 44px;
}
.menuend1 {
    background: #0b4e8d url(../img/mend_l.gif) no-repeat left bottom;
    height: 10px;
    margin-bottom: 10px;
}

.menuend2 {
    background: url(../img/mend_r.gif) no-repeat right bottom;
    height: 10px;
}

li#mll {
    width: 10px;
    height: 44px;
    background: url(../img/menull.gif);
}
li#mrr {
    width: 10px;
    height: 44px;
    background: url(../img/menurr.gif);
}
li#mleft {
    width: 7px;
    height: 44px;
    background: url(../img/menul.gif);
}
li#mright {
    width: 7px;
    height: 44px;
    background: url(../img/menur.gif);
}
#menuline .mdiv {
    width: 1px;
    height: 44px;
    background: url(../img/menudiv.gif);
}
#menuline li a.selected{
    border-left: 1px solid #2f82cf;
    border-right: 1px solid #2f82cf;
    border-top: 1px solid #2f82cf;
    background: url(../img/menusel.gif) repeat-x;
    z-index: 2;
}
/*submenu*/
#msub_wrap {
    position: relative;
    width: 1000px;
}
.submenu {
    border: 1px solid #2f82cf;
    border-top: 0;
    padding: 10px 25px;
    background: #1064b2;
    color: #fff;
    font-size: 120%;
    z-index: 1;
    width: 908px;
}
.sm_list {
    float:left;
}
.sm_list ul {
    line-height: 18px;
    width: 280px;
    margin: 0 20px 0 0;
}
.sm_list li {
	padding: 3px 0;
}
.sm_list li a { margin-right: 5px;}
.sm_list li.spec a:link { font-weight: bold; color: #c1f1ff;}
.sm_list a.somelink img {}
.sm_list a.somelink:hover, .sm_list a.somelink:active {
	background: none;
}
.sm_list a:active, .sm_list a:hover, .sm_hover {
    background: #247ed2;
}
.sm_list h3 {
    font-size: 120%;
    font-weight: normal;
    color: #74faff;
    height: 18px;
    width: 240px;
    margin: 0 0 10px 0;
    padding: 8px 20px;
    background: url(../img/title_back.gif) no-repeat;
}

/*ft*/

#ft a:link, #ft a:visited {
    color: #fff;
}
#ft {
    font-size: 120%;
    color: #fff;
    padding: 0 20px;
    line-height: 28px;
    height: 56px;
    background: url(../img/f_back.gif);
}

/*c2*/
.c2 {
    margin: 0 0 20px 0;
}
.c2_1 {
    float:left;
    width: 320px;
}
.c2_2 {
    float:left;
    width: 640px;
}

/*content*/
.content {
    padding: 10px;
    font-size: 120%;
}
.content p {
    text-align:justify;
}
.content ul{
    list-style: disc;
    margin: 5px;
}
.content ul li {
    margin: 0 0 5px 30px;
}

/*leftmenu*/
.leftmenu {
    font-size: 140%;
    margin-top: 10px;

    font-weight: bold;
}
.leftmenu ul {
    font-size: 90%;
    margin-left: 20px;
    font-weight: normal;
}
.leftmenu a { display: block; line-height: 22px; padding: 0 10px;}
.leftmenu a:link, .leftmenu a:visited{
    color: #b30000;
}
.leftmenu a:active, .leftmenu a:hover{
    color: #b30000;
    background: #f6f6f6 url(../img/r_arr_hover.gif) no-repeat right;
}
.sel a:link, .sel a:visited {
    color: #000;
    background: #eaeaea url(../img/r_arr.gif) no-repeat right;
}


/* errors */
.formerror { border: 1px solid red;}

/* some */
ol { list-style: decimal; margin-left: 25px;}
form ol { list-style:none;     margin-left: 0;}

.sm_list ul {
    background: url(../img/s_back.jpg) no-repeat 0 50px;
}

p a img {padding: 5px 5px 0 0;}

/* -=- */

.cssform p{
width: 470px;
clear: left;
margin: 0;
padding: 10px 0 10px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px solid #fff;
height: 1%;
font-size: 110%;
}

.cssform p:hover {
    background: #f6f6f6;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
padding: 0 0 0 10px;
width: 190px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 400px;

height: 22px;
font-size: 140%;
padding: 0 0 0 5px;
color: #7f7f7f;
border: 1px solid #eaeaea;
}
.cssform input[type="text"]:focus
{
    border: 1px solid #1064B2;
}

.cssform select{ /*width of text boxes. IE6 does not understand this attribute*/
width: 410px;
height: 22px;
font-size: 140%;
color: #7f7f7f;
border: 1px solid #eaeaea;
}

.cssform textarea{
width: 395px;
height: 150px;
color: #7f7f7f;
border: 1px solid #eaeaea;
font-size: 140%;
padding: 5px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

/* -=- */

#partners table
{
    width: 100%;
    text-align: center;
}
.info {
    font-size: 120%;
    padding: 5px 10px;
}
.tbl_3col td {
    width: 33%;
    border: 0;
}

#cllist li{
    width: 270px;
    float:left;
}

.tree { font-size: 125%; line-height: 16px;}
.tree ul { list-style: disc;}
.tree ul ul { list-style: circle;}
.tree ul ul ul { list-style: square;}
.tree li { margin-left: 15px;}

#fancy_title td { border: 0;}

#bannerline {
	width: 950px;
	height: 110px;
	margin: 10px 5px;
}

#slide_title { line-height: 24px;color: #c11414; border-bottom: 1px dotted #c11414;}
#slide_title a { color: #c11414;}
#slideline {
	margin-bottom: 10px;
	font-size: 120%;
	overflow: none;
	position:relative;
}
#slideline .right {
    float:right;
    width: 65%;
	background: url(../img/post.gif) no-repeat left top;
	padding-left: 70px;
}
#slideme { display:none; text-align: justify;}
#slideme_cover {
	position:absolute;
	display: none;
	width: 100%;
	height: 100%;
}
#slideline .left {
	line-height: 24px;
    float:right;
    width: 29%;
	padding-right: 1%;
	color: #c11414;
	font-weight: bold;
	text-align:right;
}
#side_data {
	text-align: right;
	padding-top: 5px;
	font-weight: bold;
	font-style: italic;
	color: #105ca2;
}
#elka {
    position: absolute;
    top: 0;
    left: 495px;
}