@charset "utf-8";

@font-face 
{
    font-family: 'ChinaCyr';
    src: url('fonts/chinacyr-webfont.eot');
    src: url('fonts/chinacyr-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/chinacyr-webfont.woff') format('woff'),
         url('fonts/chinacyr-webfont.ttf') format('truetype'),
         url('fonts/chinacyr-webfont.svg#ChinaCyrRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face 
{
    font-family: 'SegoeUINormal';
    src: url('fonts/segoeui-webfont.eot');
    src: url('fonts/segoeui-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/segoeui-webfont.woff') format('woff'),
         url('fonts/segoeui-webfont.ttf') format('truetype'),
         url('fonts/segoeui-webfont.svg#SegoeUINormal') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*
@font-face 
{
    font-family: 'SegoeUINegreta';
    src: url('fonts/segoeuib-webfont.eot');
    src: url('fonts/segoeuib-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/segoeuib-webfont.woff') format('woff'),
         url('fonts/segoeuib-webfont.ttf') format('truetype'),
         url('fonts/segoeuib-webfont.svg#SegoeUINegreta') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face 
{
    font-family: 'SegoeUICursiva';
    src: url('fonts/segoeuii-webfont.eot');
    src: url('fonts/segoeuii-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/segoeuii-webfont.woff') format('woff'),
         url('fonts/segoeuii-webfont.ttf') format('truetype'),
         url('fonts/segoeuii-webfont.svg#SegoeUICursiva') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face 
{
    font-family: 'SegoeUILight';
    src: url('fonts/segoeuil_0-webfont.eot');
    src: url('fonts/segoeuil_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/segoeuil_0-webfont.woff') format('woff'),
         url('fonts/segoeuil_0-webfont.ttf') format('truetype'),
         url('fonts/segoeuil_0-webfont.svg#SegoeUILight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face 
{
    font-family: 'SegoeUINegretacursiva';
    src: url('fonts/segoeuiz-webfont.eot');
    src: url('fonts/segoeuiz-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/segoeuiz-webfont.woff') format('woff'),
         url('fonts/segoeuiz-webfont.ttf') format('truetype'),
         url('fonts/segoeuiz-webfont.svg#SegoeUINegretacursiva') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face 
{
    font-family: 'SegoeUISemibold';
    src: url('fonts/seguisb_0-webfont.eot');
    src: url('fonts/seguisb_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/seguisb_0-webfont.woff') format('woff'),
         url('fonts/seguisb_0-webfont.ttf') format('truetype'),
         url('fonts/seguisb_0-webfont.svg#SegoeUISemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/


/* ----<reset>---- */
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
{font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}
body{line-height:1}blockquote,q{quotes:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
*
{
	margin:0;
	padding:0;
}
html, body
{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}
/* ----</reset>---- */

body
{
	background: url(images/bg_pattern.png);
}


/* ------- шрифты -------- */
h1, h2
{
	font:18px SegoeUINormal, Tahoma, Geneva, Arial, Verdana !important;
}
#content, #content_3col
{
	font:16px Calibri, Tahoma, Geneva, Arial, Verdana;
}
#top_menu li
{
	font:13px ChinaCyr, Tahoma, Geneva, Arial, Verdana;
}
#left_bar 
{
	font: 11px SegoeUINormal, Tahoma, Geneva, Arial, Verdana;
}
#right_bar figure h4
{
	font:16px Calibri, Tahoma, Geneva, Arial, Verdana ;
}
#right_bar figure
{
	font:12px Arial, Verdana;
}
#right_bar
{
	font:12px SegoeUINormal, Tahoma, Geneva, Arial, Verdana ;
}
#right_bar h5, footer #copyright
{
	font:12px Arial, Verdana ;
}
footer aside
{
	font:10px Tahoma, Geneva, Arial, Verdana;
}
header p
{
	font:12px Tahoma, Geneva, Arial, Verdana;
}

h2, #content h1
{
	position: relative;
	color: #a71b32;
	text-align: center;
	margin-bottom: 1.5em;
}

h3
{
	text-align: center;
	font-style: italic !important;
	font-weight: bold !important;
	margin-bottom: 1em;
}

ul
{
	list-style: none;
}

.text_sm
{
	font-size: 8px !important;
	color: white;
}
/* ------- картинки -------- */
.img_center
{
	display: block;
	text-align: center;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
.img_left
{
	float: left;
	margin: 7px 20px 8px 0px;	
	border: 1px solid silver;
}
.img_right
{
	float: right;
	margin: 7px 0px 8px 20px;
	border: 1px solid silver;
}
.img_right_margin
{
	position: relative;
	float: right;
	margin: 10px 35px 0px 20px;
}
.img_podpis
{
	float: right;
	margin: 0px 0px 0px 10px;
	border: 1px solid silver;
	height: 80px;
}
.img_left_bar
{
	width: 125px;
	margin-left: 45px;
	border: 1px solid silver;
	
}

#content_3col .img_left
{
	margin: 0px;
	margin-right: 5px;
	border: none;
}

/* ------- ссылки -------- */
a, a:visited
{
	color: black;
	text-decoration: underline;
}
 a:hover
{
	color: #a71b32;
	text-decoration: underline;
}
 
/* ------- контурная тень -------- */
.shadow
{
	box-shadow: 0 0 30px gray;
	background: white !important;
}
/* --- обертка всей страницы (без фона) --- */
#page_wrap
{
	width: 1000px;
	margin: auto;

/*	border: dotted lightgray;*/
}
/* --- обертка страницы (без header и footer) --- */
#content_wrap
{
	position: relative;
	padding-bottom: 20px;
}

/* ------- верхнее меню -------- */
#top_menu
{
	height: 43px;
	padding-left: 85px;
	text-align: left;
	background: url(images/top_menu_bg.jpg) repeat-x;
}
#top_menu li
{
	display: block;
	float: left;
	height: 28px;
	padding-top: 15px;
	padding-left: 25px;
	padding-right: 25px;
	text-align: center;
	color: white !important;
	
	border-left: 2px solid;
	border-color: #daa520;

	letter-spacing: 0.1em;
}
#top_menu li.last 
{
	border-right: 2px solid;
	border-color: #daa520;
}
#top_menu li.active
{
	background: white;
	box-shadow: 0 0 30px wheat inset;
}
#top_menu a, #top_menu a:hover
{
	color: white;
	text-decoration: none;
}
#top_menu li.active a
{
	color: #a71b32;
}
/* тень под верхним меню */
#top_menu_shadow
{
	background: url(images/vertical_shadow.jpg);
	height: 60px;
}


/* ---------- левая колонка ------------ */
#left_bar
{
	float: left;
	width: 180px;
	margin: 0;
	margin-left: -100%;
	
	padding-left: 50px;
	padding-bottom: 40px;
	line-height: 1.8em;

/*	background: lightgoldenrodyellow*/
}
#left_bar ul
{
	padding-left: 45px;
	margin-bottom: 10px;
}
#left_bar .hide
{
	display: none;
}
/* заголовки пунктов */
#left_bar h4 
{
	border-top: dotted black 1px;
	padding-top: 5px;
}
/* картинки заголовков */
#left_bar h4 img 
{
	margin-left: 8px;
	margin-right: 14px;
	vertical-align: middle;
}
#left_bar a, #left_bar a:visited
{
	color: black;
	text-decoration: none;
}
#left_bar a:hover
{
	color: #a71b32;
	text-decoration: underline;
}
/*Для бокового списка вопросов*/
#left_bar aside h4
{
	padding-top: 25px;
	padding-bottom: 10px;
	padding-left: 45px;
	border-top: none;
}
#left_bar aside ul
{
	list-style: disc;
}
#left_bar aside li
{
	margin-bottom: 10px;
	font-size: 12px;
	font-style: italic;
}
#left_bar aside li:last-of-type
{
	list-style: none;
}

/* ---------- средняя колонка ---------- */
#content, #content_3col
{
	float: left;
	margin-left: 230px;
	padding-left: 45px;
	padding-right: 70px;
	margin-top: -15px;
	text-align: justify;
	
/*	background: lightgreen;*/
}
#content
{
	width: 655px;
}

#content_3col
{
	padding-right: 35px;
	margin-right: 235px;
	margin-top: -25px;
}
/* абзацы текста и списки */
#content p, #content_3col p, #content li, #content br
{
	text-indent: 2.5em;
	margin-bottom: 0.6em;
	line-height: 1.4em;
}
.faq p
{
	font-size: 17px;
	font-style: italic;
	text-indent: 0 !important;
}
#content_3col p
{
	text-indent: 0em;
}
#content li
{
	list-style-image: url(favicon.gif);
	list-style-position: inside;
	text-indent: 2em;
}
#content td
{
vertical-align: top;
}
/* ячейки для отрисовки обычной таблицы */
#content .normal_table td
{
	border: 1px solid black;
	padding: 4px;
}
#content aside p
{
	text-indent: 0 !important;
}
/*галереи фотографий*/
.gallery
{
	margin-left: 10px;
}
.gallery img
{
	margin: 5px 15px 30px 15px;
	border: 1px solid silver;
}
 #first_page_faq
 {
	font-size: 14px !important;
	font-style: italic !important; 
 }
.text_ps
{
	margin-top: 2em;
	padding-top: 0.2em;
	text-indent: 0 !important;
	text-align: left;
	font-size: 14px !important;
	font-style: italic !important; 
	border-top: dotted black 1px;
}

.podpis
{
	text-align: right;
	line-height: 0.6em !important;
	font-style: italic !important;
	height: 80px;
}

.question
{
	text-indent: 0 !important;
	line-height: 1.2em !important;
	cursor: pointer;
	padding-left: 25px;
	background: url(images/favicon.gif) no-repeat top left;
}
.question:hover
{
	color: #a71b32;
	text-decoration: underline;
}
.question a
{
	text-decoration: none;
}
.answer
{
	padding-left: 25px;
	text-indent: 0 !important;
	font-size: 14px;
}
/* для Ditto */
.pagination {text-align: center; font-size: 14px;}
.pagination a {text-decoration: none;} 
.pagination .ditto_currentpage {color:#fff; background-color:#a71b32; padding: 1px 3px; margin:2px;  font-weight:bold; } /*оформление текущей страницы: цвет текста, цвет фона, цвет и ширина границы, размер отступов, текст жирным шрифтом*/
.pagination .ditto_previous_link, .pagination .ditto_next_link{margin:0 10px;} /*отступы для ссылок «далее» и «назад»*/
.pagination .ditto_page{ padding: 2px 5px;}/* отступы для номеров страниц*/

/* ---------- правая колонка ---------- */
#right_bar
{
	float: left;
	width: 200px;
	margin: 0;
	margin-left: -235px;

/*	padding-right: 35px;*/
	text-align: left;
	line-height: 1.8em;

/*		background: lightblue;*/
}
/*#right_bar a
{
	display: block;
	text-align: right;
}*/
#right_bar figure
{
	display: block;
	color: #751e0f;
	text-align: center;
	margin: auto;
	margin-bottom: 10px;
}
#right_bar figure img
{
	margin-top: 10px;
	margin-bottom: 10px;
}
#right_bar h5
{
	margin-top: 15px;
	padding: 4px 0px 4px 8px;
	color: white;
	background: url(images/bg_prognoz_title.jpg) repeat-y;
}
#right_bar p
{
	padding-left: 8px;
}

/* ----------- HTML5 разметка ------------ */

header #logo
{
	position: relative;
	text-indent: -3000px !important;
	text-decoration: none;
	background: url(images/header.png) no-repeat top;
	height: 186px;   /* установить в размер картинки! */
	width: 1000px;
}
header #contacts
{
	position: absolute;
	top: 39px;
	right: 0px;
}

footer
{
	margin-bottom: 30px;
	text-align: center;
	border-top: dotted black 1px;
	clear: both;
	background: url(images/footer.png) no-repeat;
	height: 164px; /* установить в размер картинки! */
	width: 1000px;
}
footer #buttons img
{
	position: relative;
	margin-top: 80px;
	margin-left: 10px;
	margin-right: 10px;
}
footer #copyright
{
	position: relative;
	margin-top: 10px;
	margin-left: 160px;
	margin-right: 160px;
	padding-top: 10px;
	border-top: dotted black 1px;
}
footer aside
{
	position: relative;
	margin-top: 11px; /* зависит от размера картинки! */
	width: 1000px;
	font-size: 12px;
	color: silver;
	text-align: center;
}
footer aside a, footer aside a:hover, footer aside a:visited
{
	color: silver;
	text-decoration: none;
}