body,html {
	margin:0;
	padding:0;
	color: #4f4f4f;
	background: #213f9f url(../img/bg.png) center top no-repeat; 
	font-family:Verdana, sans-serif;
	font-size: 14px;
	line-height: 18px;
	height: 100%;
}

body {
  height: auto !important;
  height: 100%;
  min-height: 100%;
  position: relative;
}

html {
	height: 100%;
}

/*--------------------------------------------------------------------------------------*/
/*---------------------   Основные стили    --------------------------------------------*/
/*--------------------------------------------------------------------------------------*/

a { color: #662c90; text-decoration: underline; }
a:hover { color:#800d0d; }

img { border: 0; }
table { font-size: 14px; }
.message { color: red; }
.message_ok { color: green; font-weight: bold; font-size: 14px; width: 300px; text-align: center; margin-bottom: 10px; }
.clear { clear: both; font-size: 0px; height: 0px; width: 0px; }
.right { float: right; }
.left { float: left; }
h2 { margin: 0 0 12px; padding: 0;  font-size: 18px; color: #000; }

#main {
    width: 1000px;
    min-width: 1000px;
    min-height: 200px;
    margin: 0 auto;
	padding-bottom: 150px;
    border: 1px solid blue;
    text-align: left;
    background: #fff;
    overflow: hidden;
}
/*--------------------------------------------------------------------------------------*/
/*--------------------- HEADER-------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/
#header {
    width: 1000px;  
    min-width: 1000px; 
    margin: 0 auto;
    height: 190px; 
    overflow: hidden;
    color: #fff; 
}

#header .logo { float: left; margin-right: 25px; }
#header .slogan { float: left; }
#header .slogan .slogan_text { color: #fff; font-family: Myriad Pro; font-size: 15px; }

#header .formLogin { 
    float: right; 
    margin: 52px 60px 0px 0px; 
    font-size: 12px; 
    font-family: Myriad Pro; 
}
#header .formLogin input[type="text"] {
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: url('../img/input_grey_bg.png') left top repeat; 
    margin-bottom: 7px;
}
#header .formLogin .bottom {
    margin-top: 3px;
}
#header .formLogin input[type="submit"] { 
    float: right; 
    margin-left: 17px; 
    background: url('../img/btn_grey_bg.png') left top repeat; 
    padding: 0px 8px; 
    color: #1b3070; 
    font-size: 12px;
    font-family: Myriad Pro; 
    border: 1px solid #3367b3; 
}
#header .formLogin a { color: #fff100; text-decoration: underline; }
#header .formLogin a:hover { text-decoration: none; }

/*--------------------------------------------------------------------------------------*/
/*---------------------  Верхняя панель                 --------------------------------*/
/*--------------------------------------------------------------------------------------*/
#panel_top {
    width: 1000px;  
    min-width: 1000px; 
    height: 34px;
    margin: 0 auto;
    box-sizing: border-box;  
    -moz-box-sizing: border-box; /*Firefox 1-3*/
    -webkit-box-sizing: border-box; /* Safari */ 
    background: url('../img/panel_top_bg.png') left top repeat-x; 
    padding: 7px 10px;
}
/* языки */
#panel_top .language { float: left; height: 16px; margin-right: 3px; padding: 0 7px; }
#panel_top .language a { color: #fcf780; text-decoration: underline; }
#panel_top .language.active, #panel_top .language:hover { background: url('../img/language_bg.png') left top repeat-x; color: #1b2f6d; }
#panel_top .language a:hover { color: #1b2f6d; text-decoration: none; }

/* текст */
#panel_top .text { float: left; color: #fff; width: 605px; text-align: center; }

/* поиск */
#panel_top .formSearch { float: right; margin: 0; padding: 0; }
#panel_top .formSearch input[type="text"] { float: left; width: 179px; height: 18px; border: none; padding: 0; }
#panel_top .formSearch input[type="submit"] { float: left; background: url('../img/search.png') left top no-repeat; width: 22px; height: 18px; }
/*--------------------------------------------------------------------------------------*/
/*---------------------  Верхнее меню   --------------------------------*/
/*--------------------------------------------------------------------------------------*/
#menu_top {
    width: 1000px;  
    min-width: 1000px; 
    height: 45px;
    margin: 0 auto;
    box-sizing: border-box;  
    -moz-box-sizing: border-box; /*Firefox 1-3*/
    -webkit-box-sizing: border-box; /* Safari */ 
    background: url('../img/menu_top_bg.png') left top repeat-x; 
}
#menu_top ul { margin: 0; padding: 0 0 0 20px; text-align: center; }
#menu_top ul li { display: inline; list-style: square outside; margin-left: 16px; line-height: 45px; font-size: 16px; font-weight: bold; background: url('../img/menu_top_marker.png') right center no-repeat; padding-right: 20px; }
#menu_top ul li:last-child { background: none; }
#menu_top ul li a { color: #2861a6; text-decoration: none; }
#menu_top ul li a:hover { text-decoration: underline; }
/*-------------------------------------------------------------------------------------*/
/*--------------------- LEFT            ------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/ 
#sidebar_left {
	float: left;
    box-sizing: border-box;  
    -moz-box-sizing: border-box; /*Firefox 1-3*/
    -webkit-box-sizing: border-box; /* Safari */ 
    width: 200px;
    margin-right: 15px;
}

#menu_left ul { margin: 0; padding: 0; width: 200px; }
#menu_left ul a { color: #2861a6; text-decoration: undelrine; }
#menu_left ul a:hover { text-decoration: none; }
#menu_left ul li { 
    list-style: none;     
    box-sizing: border-box;  
    -moz-box-sizing: border-box; /*Firefox 1-3*/
    -webkit-box-sizing: border-box; /* Safari */
    background: url('../img/li_grey_bg.png') left top repeat-x;
    height: 35px;
    padding: 10px 0 0 32px;
    color: #2861a6;
}
#menu_left ul li:hover { background: url('../img/li_blue_bg.png') left top repeat-x; color: #fff; }
#menu_left ul li .marker { float: right; margin-right: 10px; background: url('../img/li_marker.png') left top no-repeat; height: 11px; width: 5px; }
#menu_left ul li ul { position: absolute; display: none; margin-left: 168px; margin-top: -28px; border:1px solid #dddddd; }
#menu_left ul li ul a { color: #2861a6; text-decoration: none; }
#menu_left ul li ul a li { background: #eeeeee; border-bottom: 1px solid #dddddd; }
#menu_left ul li ul a li:hover { background: #3c6cbb; }
#menu_left ul li ul a li:hover { color: #fff; }
#menu_left .display_none { display: none; }
#menu_left .display_block { display: block; }

/*-------------------------------------------------------------------------------------*/
/*--------------------- CENTER         ------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/ 
#sidebar_center {
	float: left;
    box-sizing: border-box;  
    -moz-box-sizing: border-box; /*Firefox 1-3*/
    -webkit-box-sizing: border-box; /* Safari */ 
    width: 575px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #cfcfcf;
    margin: 10px 0px;
    padding: 10px;
}
#sidebar_center img { max-width: 555px; }

#main_title {
    box-sizing: border-box;  
    -moz-box-sizing: border-box; /*Firefox 1-3*/
    -webkit-box-sizing: border-box; /* Safari */ 
    background: #cfcfcf url('../img/main_title_bg.png') left top repeat-x;
    -moz-border-radius: 5px 5px 0px 0px;
    -khtml-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    border-bottom: 1px solid #707070;
    color: #2861a6;
    padding: 0 8px 8px;
    font-size: 15px;
    font-family: Myriad Pro;
    margin: 0 -10px;
}

/*хлебные крошки*/
.breadcrumbs { color: #666666; margin-top: 10px; margin-bottom: 20px; font-size: 13px; }
.breadcrumbs a { color: #2861a6; text-decoration: underline; }
.breadcrumbs  a:hover { color: #d40000; text-decoration: none; }

/*номера страниц*/
.table_pages {
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #e5e8eb;
    padding: 10px 40px;
    color: #666;
    font-weight: bold;
    font-size: 14px; 
    margin: 0 auto;
}
.table_pages td { vertical-align: top; }
.table_pages input[type=submit] { color: #000; background: #e5e8eb; border: 0; padding: 0; cursor: pointer; text-decoration: underline; font-weight: normal; }
.active_page { color: #666; background: url('../img/page_bg.png') left top no-repeat; width: 20px; height: 20px; font-size: 14px; font-weight: bold; text-align: center; vertical-align: middle; }

/* список новостей */
#news_list .news { float: left; margin-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #dbdbdb; }
#news_list .news .image { float: left; margin-right: 10px; }
#news_list .news .image img { width: 110px; }
#news_list .news .data { float: left; width: 425px; }
#news_list .news .data .date { color: #3d70ae; font-size: 13px; }
#news_list .news .data .name { margin-bottom: 5px; }
#news_list .news .data .name a { color: #000; text-decoration: none; }
#news_list .news .data .name a:hover { text-decoration: underline; }
#news_list .news .data .read_more { background: #0d1e75 url('../img/read_more_bg.png') left top repeat-x; padding: 0 9px; height: 20px; display: table; margin-top: 10px; }
#news_list .news .data .read_more a { color: #fff; text-decoration: none; }
#news_list .news .data .read_more a:hover { text-decoration: underline; }

/* новость */
#news .image img { float: left; width: 250px; margin-right: 10px; }

/* список статей */
#article_list .article { float: left; margin-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #dbdbdb; }
#article_list .article .image { float: left; margin-right: 10px; }
#article_list .article .image img { width: 110px; }
#article_list .article .data { float: left; width: 425px; }
#article_list .article .data .date { color: #3d70ae; font-size: 13px; }
#article_list .article .data .name { margin-bottom: 5px; }
#article_list .article .data .name a { color: #000; text-decoration: none; }
#article_list .article .data .name a:hover { text-decoration: underline; }
#article_list .article .data .read_more { background: #0d1e75 url('../img/read_more_bg.png') left top repeat-x; padding: 0 9px; height: 20px; display: table; margin-top: 10px; }
#article_list .article .data .read_more a { color: #fff; text-decoration: none; }
#article_list .article .data .read_more a:hover { text-decoration: underline; }

/* статья */
#article .image img { float: left; width: 250px; margin-right: 10px; }
/*-------------------------------------------------------------------------------------*/
/*--------------------- RIGHT            ------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/ 
#sidebar_right {
	float: left;
    box-sizing: border-box;  
    -moz-box-sizing: border-box; /*Firefox 1-3*/
    -webkit-box-sizing: border-box; /* Safari */ 
    width: 195px;
    margin-left: 15px;
}

/* ------------------------------------------------------------------------------------------- */
/* ----------------------------              FOOTER                      --------------------- */
/* ------------------------------------------------------------------------------------------- */
#footer { background: #213f9f; color: #fff; width: 100%; min-width: 1000px; height: 130px; padding-top: 20px; position: absolute; bottom: 0; }
#footer .content{ margin: 0 auto; width: 1000px; }
#footer .content img.logo_mini { float: left; margin-left: 5px; margin-right: 10px; }
#footer .content .left_text { padding-top: 18px; font-size: 13px; }
#footer a { color: #fff100; text-decoration: underline; }
#footer a:hover { text-decoration: none; }
