/* Design styles  */

html, body, p, h1, h2, h3, blockquote, ol, ul, li, form {
	margin: 0; padding: 0;
}

a img, fieldset { border: none; }

/*img, object { max-width: 100%; }*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* 10px */
	line-height: 1.4;
	color: #000000;
}
td, input, select, textarea, button {
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a { color: #2EA369; text-decoration: underline; }
a:hover { color: #2EA369; text-decoration: underline; }

.invert { text-decoration: none; }
.invert:hover { text-decoration: none; }

h1, .h1 {
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 36px;
	/*letter-spacing: -1px;*/
	color: #D5341B;
	font-weight: normal;
	margin: 0 0 .5em;
	padding-left: 30px;
	line-height: 0.9;
    padding-top: 0.3em;
	}
	h1 a, .h1 a { color: #626262; text-decoration: none; }
	h1 a:hover, .h1 a:hover { text-decoration: none; }
    h1 .date, .h1 .date { font-size: 12px; color: #b7b9b9; font-style: italic; margin-top: 0.5em;}

h2, .h2 {
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: normal;
	color: #626262;
	margin: 0 0 .5em;
		line-height: 0.9;	
	}
/*	h2 a, .h2 a { color: #626262; text-decoration: underline; }
*/	h2 a, .h2 a { color: #626262; text-decoration: none;  }
	h2 a:hover, .h2 a:hover { color: #626262; text-decoration: underline; }

h3, .h3, .table-caption {
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #626262;
	margin: 0 0 .5em;
		line-height: 0.9;	

	}
.h3-mark { background: url(../img/h3-mark.png) 0 50% no-repeat; padding-left: 20px; }

h3.tonews {
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.32em;
}
h3.tonews a {
	text-decoration: none;
}

h4, .h4 {
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #626262;
	margin: 0 0 .5em;
		line-height: 0.9;	

	}



p, .p { margin-bottom: 1em; }
blockquote { padding-left: 61px; background: url(../img/bg-blockquote.png) 14px 50% no-repeat; margin-bottom: 1em; }


ol    { padding-left: 3.7em; margin-bottom: 1em; }
ol li { padding-left: 0.3em; }
ul    { padding-left: 3.2em; margin-bottom: 1em; }
ul li { padding-left: 0.8em; }

big { font-size: 1.5em; }
small { font-size: 0.68em; }

.bigger { font-size: 1.23em; }

.h100 { height: 100%; }

.item { margin-bottom: 1em; overflow: hidden; text-align: left; }
* html .item { overflow: visible; height: 0 } /* ie6 hasLayout */

.item .text { margin-bottom: 0.5em; }
.item .date { float: left; color: #b7b9b9; font-style: italic; font-size: 0.92em; }
.item .date2 { color: #b7b9b9; font-style: italic; font-size: 0.92em; margin: -0.5em 0 0.5em 0; }
.item .tags { margin-left: 180px; font-size: 0.846em; }
.item .tags span { float: left; margin-left: -45px; }

.floatL { float: left; margin-right: 10px; }
.floatR { float: right; margin-left: 10px; }
.imgBorder {  }

.logo { float: left; padding-top: 31px; padding-left: 29px; }

#header { font-size: 1.1em; }

.icons {
	float: right;
	padding-top: 15px;
    padding-right: 10%; /* отступ иконок справа */
	}
	.icons ul {
		padding: 0;
		margin: 0;
		list-style-type: none;
		}
		.icons ul li {
			padding: 0;
			float: left;
			margin-left: 28px;
			}
			.icons a { padding-top: 27px; display: block; }
			.icons .icon-mail a { background: url(../img/bg-icon-mail.png) 0 100% no-repeat; padding-bottom: 1px; padding-left: 28px;}
			.icons .icon-skype a { background: url(../img/bg-icon-skype.png) 50% 3px no-repeat; }
			.icons .icon-callback a { background: url(../img/bg-icon-phone2.png) 50% 0 no-repeat; }

.phone {
	float: right;
	font-size: 1.364em;
	margin-top: 17px;
	padding-bottom: 4px;
	padding-left: 28px;
	background: url(../img/bg-icon-phone1.png) 0 100% no-repeat;
	padding-top: 24px;
	line-height: 1.2;
	}
	.phone .sm { font-size: 0.8em; }
	.phone .phone2 { font-size: 0.733em; color: #4b4b4b; }

#lang { padding-top: 39px; color: #4b4b4b; position: relative; }
	#lang .current {
		border: 1px solid #b3bfce;
		padding: 2px;
		background: url(../img/select-mark.png) 100% 50% no-repeat;
		}
		#lang .current span {
			display: block;
			cursor: pointer;
			padding-left: 5px;
			height: 1.4em;
			overflow: hidden;
			}
	#lang ul {
		list-style-type: none;
		margin: 0; padding: 0 0 8px 0;
		width: 100%;
		background: url(../img/bg-submenu-bottom-210.png) 0 100% no-repeat;
		position: absolute;
		display: none;
		}
		#lang ul li { padding: 0; }
		#lang ul a {
			display: block;
			color: #4b4b4b;
			text-decoration: none;
			background: #d8d9da url(../img/bg-submenu.png) 0 100% repeat-x;
			padding: 6px 0px 6px 8px;
			}
		#lang ul li.li-last a { background-image: none; }
		#lang ul a:hover {
			text-decoration: none;
			color: #4b4b4b;
			background: #d8d9da url(../img/bg-submenu-hover.png) 0 50% repeat-x;
			}
		#lang ul li.li-last a:hover { background: #d8d9da url(../img/bg-submenu-hover.png) 0 50% repeat-x; }

.menu-line { height: 51px; }

/* --------- Меню. Версия с выпадающими пунктами до третьего уровня включительно ----------------------- */
.top-menu { padding-top: 5px; font-size: 1.4em; z-index: 100; position: relative; }

	/* первый уровень */
	.top-menu ul { list-style-type: none; float: left; margin: 0; padding: 0; }
		.top-menu li {
			float: left;
			padding: 0 0 3px 0;
			position: relative;
			background: url(../img/bg-menu.png) 0 0 repeat-x;
			//min-width: 112px;
			}
		.top-menu li:hover {
			background: url(../img/bg-menu-over.png) 0 0 repeat-x;
			}
		.top-menu li.li-first a {
			border-left: none;
			}
			.top-menu a {
				display: block;
				height: 31px;
				padding: 10px 25px 0 25px;
				color: #000;
				text-decoration: none;
				border-left: 1px solid #fff;
				outline: none;
				}
			.top-menu li.li-first { background: url(../img/bg-menu-left.png) 0 0 no-repeat; }
			.top-menu li.li-last { background: url(../img/bg-menu-rght.png) 100% 0 no-repeat; }
				.top-menu a .mark {
					position: absolute;
					top: 16px;
					right: 15px;
					display: block;
					height: 9px; width: 9px;
					background: url(../img/mark-menu.png) 0 0 no-repeat;
					}
			.top-menu li:hover a {
				color: #fff;
				text-decoration: none;
				}
				.top-menu li:hover .mark {
					background: url(../img/mark-menu-over.png) 0 0 no-repeat;
					}
			.top-menu li.li-first:hover { background: url(../img/bg-menu-left-over.png) 0 0 no-repeat; }
			.top-menu li.li-last:hover { background: url(../img/bg-menu-rght-over.png) 100% 0 no-repeat; }

	/* показываем второй уровень по наведению */
	.top-menu ul li:hover ul { visibility: visible; }

	/* второй уровень */
	.top-menu ul ul {
		position: absolute;
		visibility: hidden;
		font-size: 0.87em;
		width: 210px;
		background: url(../img/bg-submenu-bottom-210.png) 0 100% no-repeat;
		padding: 0 0 8px 0;
		top: 41px;
		}
		.top-menu li li {
			float: none;
			padding: 0;
			position: relative;
			border-left: none;
			background: #d8d9da url(../img/bg-submenu.png) 0 100% repeat-x;
			}
		.top-menu li li.li-last { background: #d8d9da; }
		.top-menu li li.li-first { background: #d8d9da url(../img/bg-submenu.png) 0 100% repeat-x; }

		.top-menu li li:hover,
		.top-menu li li.li-first:hover,
		.top-menu li li.li-last:hover { background: #d8d9da url(../img/bg-submenu-hover.png) 0 50% repeat-x; }

		.top-menu li li a {
		    zoom: 1;
            height: auto;
            padding: 8px 25px;
            color: #000;
            border-left: none;
			}
		.top-menu li li:hover a, .top-menu li:hover li a { color: #000; }

		.top-menu li:hover li a .mark {
			position: absolute;
			top: 40%;
			right: 10px;
			display: block;
			height: 9px; width: 9px;
			background: url(../img/mark-menu.png) 0 0 no-repeat;
			}

	/* скрываем третий уровень, по наведению на второй уровень */
	.top-menu ul li:hover ul ul { visibility: hidden; }

	/* показываем третий уровень по наведению на второй */
	.top-menu ul li:hover ul li:hover ul { visibility: visible; }

	/* третий уровень */
	.top-menu ul ul ul {
		position: absolute;
		visibility: hidden;
		font-size: 1em;
		width: 210px;
		background: url(../img/bg-submenu-bottom-210.png) 0 100% no-repeat;
		left: 210px;
		top: 0px;
		}
		.top-menu li li li a, .top-menu li.li-first li li a {
			border-left: 1px solid #d0d0d0;
			}

/* ----------------- НОВОЕ МЕНЮ. Доступны сразу все пункты второго и третьего уровня ----------------------*/
.top-menu2 { padding-top: 5px; font-size: 1.4em; z-index: 11; position: relative; }

    /* первый уровень */
    .top-menu2 ul { list-style-type: none; float: left; margin: 0; padding: 0; }
        .top-menu2 li {
            float: left;
            padding: 0 0 3px 0;
            position: relative;
            background: url(../img/new-menu/bg-menu.png) 0 0 repeat-x;
            width: 122px;
            }
        .top-menu2 li:hover {
            background: url(../img/new-menu/bg-menu-over.png) 0 0 repeat-x;
            }
        .top-menu2 li.li-first > a {
            border-left: none;
            }
            .top-menu2 li > a {
                display: block;
                height: 31px;
                padding: 10px 0px 0 5px;
                color: #000;
                text-decoration: none;
                text-align: center;
                border-left: 1px solid #fff;
                outline: none;
                }
            .top-menu2 li.li-first { background: url(../img/new-menu/bg-menu-left.png) 0 0 no-repeat; }
            .top-menu2 li.li-last { background: url(../img/new-menu/bg-menu-rght.png) 100% 0 no-repeat; }
                .top-menu2 a .mark {
                    display: inline;
                    padding: 0 6px 0 6px;
                    background: url(../img/new-menu/mark-menu.png) 100% 60% no-repeat;
                    }
            .top-menu2 li:hover > a {
                color: #000;
                text-decoration: none;
                }
                .top-menu2 li:hover .mark {
                    background: url(../img/new-menu/mark-menu-over.png) 50% 60% no-repeat;
                    }
            .top-menu2 li.li-first:hover { background: url(../img/new-menu/bg-menu-left-over.png) 0 0 no-repeat; }
            .top-menu2 li.li-last:hover { background: url(../img/new-menu/bg-menu-rght-over.png) 100% 0 no-repeat; }

    /* показываем второй уровень по наведению */
    .top-menu2 ul li:hover div.submenu { visibility: visible; }

    /* второй уровень */
    .top-menu2 .submenu {
        position: absolute;
        visibility: hidden;
        background: url(../img/new-menu/sub-left.png) 0 0 repeat-y;
        width: 700px;
        z-index: 3;
        font-family: Calibri, Verdana, Arial, Helvetica, sans-serif; 
        }
        /* верх менюшки */
        .top-menu2 .submenu .submenu-top {
            background: url(../img/new-menu/sub-top-left.png) 0 0 no-repeat;
            padding-left: 5px;
            }
            .top-menu2 .submenu .submenu-top div {
                background: url(../img/new-menu/sub-top-right.png) 100% 0 no-repeat;
                height: 5px;
                }
        /* низ менюшки */
        .top-menu2 .submenu .submenu-bot {
            background: url(../img/new-menu/sub-bot-left.png) 0 0 no-repeat;
            padding-left: 8px;
            margin-bottom: -8px;
            height: 8px;
            }
            .top-menu2 .submenu .submenu-bot div {
                background: url(../img/new-menu/sub-bot-right.png) 100% 0 no-repeat;
                height: 8px;
                padding-right: 8px;
                }
                .top-menu2 .submenu .submenu-bot div div {
                    background: url(../img/new-menu/sub-bot.png) 0 0 repeat-x;
                    height: 8px;
                    padding: 0;
                    }
        /* центр менюшки */
        .top-menu2 .submenu .submenu-cen {
            background: url(../img/new-menu/sub-right.png) 100% 0 repeat-y;
            padding: 15px 15px 15px 14px;
            margin-left: 1px; /* что бы показать левую рамку */
            overflow: hidden;
            padding: 1em;
            }

            /* настройка контента */

            .top-menu2 .submenu .submenu-cen .submenu-wrap { /* этот клас нужен, что бы "убрать" отступ у самой правой колонки */
                margin-right: -3%;
                }
            .top-menu2 .submenu .submenu-cen dl {
                float: left;
                padding: 0px;
                margin: 0 3% 0 0; /* 3% - отступ справа */
                /*
                если надо сделать несколько фиксированных по ширине колонок в подменюшке, 
                меняем auto на соответствующее кол-во процентов, считаем по следующей формуле:
                width = (100 - 3 * n) / n, где 
                    3 - отступ справа указанный в ,
                    n - кол-во колонок
                полученный результат округляем к меньшему.
                Например, 3 колонки - (100 - 3 * 3) / 3 = 30,3333, получаем 30%
                IE7 может третью колонку не вместить, тогда уменьшаем еще на 1 или 0,5 процента
                
                что бы колонки были плавающей ширины, делаем "width: auto;" но тогда надо следить чтобы пункты не были слишком длинными
                еще, скорей всего нужно будет увеличить отступ между колонками, т.е. изменить 3% и -3% (те что выше) на 4% и -4%
                */
                width: 30%;
                }
            .top-menu2 .submenu .submenu-cen a {
                display: block;
                color: #000;
                text-decoration: none;
                padding: 0 3px;
                zoom: 1;
                }
            .top-menu2 .submenu .submenu-cen a:hover { background-color: #ECECEC; color: #E14C24; }

            .top-menu2 .submenu .submenu-cen dt { padding: 0; margin: 0 0 0.5em 0; font-size: 1.07em; font-weight: bold; }
            .top-menu2 .submenu .submenu-cen dt a {
                background-image: url(../img/new-menu/sub-mark1.png);
                background-repeat: no-repeat;
                background-position: 7px 0.4em;
                padding-left: 16px;
                }
            .top-menu2 .submenu .submenu-cen dd { padding: 0; margin: -0.6em 0 0.3em 0; }
            .top-menu2 .submenu .submenu-cen dd a {
                background-image: url(../img/new-menu/sub-mark2.png);
                background-repeat: no-repeat;
                background-position: 22px 0.4em;
                padding-left: 32px;
                }

/* ------------<\новое меню>-------------- */
            
            
.resize { max-width: 100%; }
#slider #slide-imgs img {
	display:none;
	position:absolute;
	z-index: -1;
}

.navigator { padding-left: 30px; padding-bottom: 0.5em; clear: both;}
.navigator a { color: #2EA369; text-decoration: none; }
.navigator a:hover { text-decoration: underline; }
.navigator .current { color: #000; }

/*** help button ***/

#help { height: 51px; overflow: hidden; }
#help a { outline: none; }

#help.help { background: #87d49c url(../img/bg-help.png) 0 0 no-repeat; }
#help.help-over { background: #87d49c url(../img/bg-help.png) 0 -51px no-repeat; }
#help.help-down { background: #87d49c url(../img/bg-help.png) 0 -102px no-repeat; }

#help_en { height: 51px; overflow: hidden; }
#help_en a { outline: none; }

#help_en.help { background: #87d49c url(../img/bg-help_en.png) 0 0 no-repeat; }
#help_en.help-over { background: #87d49c url(../img/bg-help_en.png) 0 -51px no-repeat; }
#help_en.help-down { background: #87d49c url(../img/bg-help_en.png) 0 -102px no-repeat; }

/*** /help button ***/

.pages { text-align: right; font-size: 1.077em; }
.pages .label { font-size: 0.857em }
.pages a { display: inline-block; margin: 0 0px; text-decoration: none; }
.pages a.pageN { text-decoration: underline; margin: 0 5px;}
.pages .current { font-weight: bold; }
.pages .next1, .pages .next2, .pages .prev1, .pages .prev2 { text-decoration: none; color: #8b8b8b; }

/** SLIDER **/
#slider {
	height: 240px;
	margin-bottom: 30px;
	}

.slide-menu {
	position: absolute;
	padding-top: 200px;
	padding-left: 30px;
	z-index: 10;
}	
.slide-menu .slide_tab {
	display: inline-block;
	width: 19px;
	height: 19px;
	margin: 5px;
	background: url(../slider/slide_nav.png) 100% 100% no-repeat;
	cursor: pointer;
}
.slide-menu .slide_tab.active {
	background: url(../slider/slide_nav_active.png) 100% 100% no-repeat;
}
#slider .slide-content > div {
	width: 980px;
	height: 240px;
	position: absolute;
	display:none;
}

#slider .slide-content div div.slide_video {
	width: 426px;
	height: 240px;
	float:right;
	vertical-align: middle;
	text-align: center;
	padding: 0px;
	overflow:hidden;
}
#slider .slide-content div div.slide_video a {opacity: 0.4;}
#slider .slide-content div div.slide_video a:hover {opacity: 1;}



#content { font-size: 1.3em; }

.info-block {
	overflow: hidden;
	margin-bottom: 1em;
	}
	.info-block .info-img { float: left; margin-top: 10px; }
	.info-block .info-title { padding-left: 130px; }
	.info-block .info-text { padding-left: 130px; }

.info-item {
	overflow: hidden;
	margin-bottom: 1em;
	}
	.info-item .info-img { float: left; border: 1px solid #b3bfce; border-collapse: collapse; margin: 1px; }
		.info-item .info-img td { padding: 3px; width: 173px; height: 118px; text-align: center; }
	.info-item .floatL { width: 181px; }
	.info-item .floatL .info-img { margin-bottom: 1em; }

	.info-item .info-title { padding-left: 220px; margin-bottom: 0.5em; }
	.info-item .info-title h2 { margin-bottom: 0px; }
	.info-item .info-text { padding-left: 220px; }

.pad { padding-left: 30px; }

.td1 { vertical-align: top; padding-right: 40px; border-right: 1px solid #e6e6e6; width: 260px; }
.td2 { vertical-align: top; padding-left: 40px; width: 280px; }
p.sign { font-style: italic; color: #9fa1a2; font-size: 0.833em; }

label.req { font-weight: bold; }
	label.req span { color: red; }
.inp { width: 256px; border: 1px solid #b3bfce; color: #202020; padding: 4px 2px; }
.inp:disabled { background-color: #F4F4F4; }
.hint { color:#737373!important; }

button.submit {
	padding: 0px;
	width: 260px;
	cursor: pointer;
	color: #ffffff;
	background: none;
	border: 0px;
	font-size: 16px;
	line-height: 1.2;
	font-weight: bold;
	outline: none;
	}
	button.submit div {
		background: #e25129 url(../img/bg-submit-left.png) 0 0 no-repeat;
		height: 44px;
		overflow: hidden;
		}
		button.submit div div {
			background: url(../img/bg-submit-right.png) 100% 0 no-repeat;
			padding-top: 13px;
			height: 31px;
			}
	button.submit-over div { background: #e25129 url(../img/bg-submit-left.png) 0 -44px no-repeat; }
		button.submit-over div div { background: url(../img/bg-submit-right.png) 100% -44px no-repeat; }

	button.submit-down div { background: #e25129 url(../img/bg-submit-left.png) 0 -88px no-repeat; }
		button.submit-down div div { background: url(../img/bg-submit-right.png) 100% -88px no-repeat; }

.submit2 {
	cursor: pointer;
	padding: 1px;
	background: none;
	border: 0px;
	font-size: 1.23em;
	outline: none;
	color: #2EA369;
	}
	.submit2 div { background: url(../img/button-left.png) 0 50% no-repeat; padding: 0px; }
		.submit2 div div {
			background: url(../img/button-rght.png) 100% 50% no-repeat;
			padding-top: 12px; height: 34px;
			padding-left: 20px; padding-right: 20px;
			white-space: nowrap;
			}
.submit2:hover { color: #2EA369; }
span.button-big {
    display: inline-block;
    width: 260px;
    background: #e25129 url(../img/bg-submit-left.png) 0 0 no-repeat;
    height: 44px;
    font-size: 16px;
    line-height: 1.2;
    font-weight: bold;
    /* text-transform: uppercase; */
	padding-left: 10px;
    }
    span.button-big span {
        display: block;
        background: url(../img/bg-submit-right.png) 100% 0 no-repeat;
        width: 260px;
        text-align: center;
        overflow: hidden;
        padding-right: 10px;
        }
        span.button-big span a {
            color: #ffffff;
            text-decoration: none;
            display: block;
            padding-top: 13px;
            height: 31px;
            outline: none;
			margin: 0 -10px;
            }
span.button-big-over { background: #e25129 url(../img/bg-submit-left.png) 0 -44px no-repeat; }
    span.button-big-over span { background: url(../img/bg-submit-right.png) 100% -44px no-repeat; }
span.button-big-down { background: #e25129 url(../img/bg-submit-left.png) 0 -88px no-repeat; }
    span.button-big-down span { background: url(../img/bg-submit-right.png) 100% -88px no-repeat; }

.logos1 {
	text-align: center;
	}
	.logos1 ul { list-style-type: none; margin: 0; padding: 0; }
	.logos1 li { display: inline; vertical-align: middle; padding: 0 5px; }
	.logos1 li img { vertical-align: middle; }

.button { font-size: 1.23em; text-align: center; display: block; background: url(../img/button-left.png) 0 50% no-repeat; }
.button a { display: block; background: url(../img/button-rght.png) 100% 50% no-repeat; text-decoration: none; padding-top: 12px; height: 34px; }
.button-info { font-size: 0.846em; text-align: center; padding-bottom: 0.5em; }

.logos2 {
	text-align: center;
	}
	.logos2 ul { list-style-type: none; margin: 0; padding: 0; }
	.logos2 li { display: inline; vertical-align: middle; padding: 0 5px; }
	.logos2 li img { vertical-align: middle; }

.div-h { background: #e6e6e6; margin: 1.5em 0; }
.div-h-2 { background: #e6e6e6; margin: 1.5em 0; }

.opinion { margin-bottom: 1em; font-size: 0.923em; line-height: 1.2; color: #2EA369; font-size: 11px; font-style: italic;}
	.opinion .sign { text-align: right; font-style: italic; color: #9fa1a2; font-size: 0.833em; }
	.opinion a { text-decoration: none; color: #2EA369; }
	.opinion a:hover { text-decoration: underline; }

.search .input {
	float: left;
	border-top: 1px solid #b3bfce;
	border-right: none;
	border-bottom: 1px solid #b3bfce;
	border-left: 1px solid #b3bfce;
	width: 142px;
	color: #202020;
	font-size: 0.846em;
	padding-top: 4px;
	padding-left: 3px;
	height: 17px;
	}

.bottom { font-size: 1.1em; }

.bottom-menu ul { float: left; width: 24.8%; padding: 0; margin: 0; list-style-type: none; }
.bottom-menu li { padding: 0 0 10px 20px; background: url(../img/mark-bottom-li.png) 8px 0.636em no-repeat; }
.bottom-menu a { text-decoration: none; }
.bottom-menu a:hover { text-decoration: underline; }
.bottom-menu .bottom-main { font-size: 1.182em; color: #000; }

.bottom .phone {
	float: none;
	font-size: 1.364em;
	margin-top: 0px;
	background: url(../img/bg-icon-phone1.png) 0 50% no-repeat;
	padding-top: 12px;
	padding-left: 30px;
	line-height: 1;
	}
	.bottom .phone .sm { font-size: 0.8em; }
	.bottom .phone .phone2 { font-size: 0.733em; color: #4b4b4b; }

.bottom .icons {
	float: none;
	padding-top: 6px;
	}
	.bottom .icons ul li {
		padding: 0;
		float: none;
		margin-left: 0px;
		padding: 2px 0px 8px 30px;
		}
		.bottom .icons a { padding: 0; display: inline; }
		.bottom .icons .icon-mail { background: url(../img/bg-icon-mail.png) 0 50% no-repeat; }
		.bottom .icons .icon-mail a { background: none; }
		.bottom .icons .icon-skype { background: url(../img/bg-icon-skype.png) 0 50% no-repeat; }
		.bottom .icons .icon-skype a { background: none; }
		.bottom .icons .icon-contacts { background: url(../img/bg-icon-contacts.png) 3px 7px no-repeat; }

.social { padding-top: 10px; }

/* this class should be placed on a div or break element and should be the final element
before the close of a container that should fully contain a float */
.clearfloat {
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}

.contentMenu { padding: 1em 0 0 0; }
.contentMenu a { display: inline-block; font-size: 1.154em; margin-right: 30px; }

/*** наша команда ***/

#ourteam { margin-top: 2em; }

.team1, .team2, .team3 {
    float: left;
    width: 190px;
    text-align: center;
    position: relative;
    margin-bottom: 2em;
    z-index: 1;
    }
.team1 { margin-right: 25px; } /* отступы делаем margin'ом для jQuery, что бы правильно считалась ширина объекта */
.team2 {
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    padding: 0px 25px;         /* а тут padding'ом, потому что он есть с обоих сторон, и центр объекта будет найден правильно */
    }
.team3 { margin-left: 25px; }  /* отступы делаем margin'ом для jQuery, что бы правильно считалась ширина объекта */

.team-name {
    color: #666666;
    height: 1.4em;
    overflow: hidden;
/*    text-transform: uppercase;*/
    margin: 0.5em 0px 0.2em 0px;
    }
.team-post {
    line-height: 1.2;
    height: 3.6em;
    overflow: hidden;
    }
.team-tooltip {
    position: absolute;
    visibility: hidden;
    }

#ttContainer {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 295px;
    z-index: 2;
    padding-top: 20px;
    line-height: 1.2;
    font-size: 1.3em;
    }
    #ttContainer .body { padding: 10px 20px 10px 20px; }
    #ttContainer .ttBottom { margin-bottom: -10px; }

.team1-tt { background: url(../img/tt1-top.png) 0px 0px no-repeat; }
.team2-tt { background: url(../img/tt2-top.png) 0px 0px no-repeat; }
.team3-tt { background: url(../img/tt3-top.png) 0px 0px no-repeat; }

/*** форма в контактах ***/
                                                     
#contact-form { float: right; padding-right: 30px; padding-left: 30px;}  

/*** форма в результатах тестирования ***/ 
#express-contact-form { float: right; width: 265px; margin-top: 38px;}  

/*** ТАБЫ ***/

#tabs { padding-right: 30px; }

#tabMenu {
    height: 40px;
    background: url(../img/tab-menu-bg.png) 0px 100% repeat-x;
    margin-right: 50px;
    }
    #tabMenu .tabMenu {
        float: left;
        height: 40px;
        background: url(../img/tab-inactive.png) 50% 100% no-repeat;
        }
        #tabMenu .tabMenu a {
            display: block;
            padding: 0px 40px;
            height: 30px;
            outline: none;
            }
        #tabMenu .tabMenu span {
            display: inline-block;
            background: #fff url(../img/tab-menu-inactive.png) 0 0 no-repeat;
            width: 14px;
            height: 18px;
            vertical-align: middle;
            padding-right: 5px;
            }

    #tabMenu .tabMenuActive { background: url(../img/tab-active.png) 50% 100% no-repeat; }
        #tabMenu .tabMenuActive a { color: #000; text-decoration: none; }
        #tabMenu .tabMenuActive span { background: #fff url(../img/tab-menu-active.png) 0 0 no-repeat; }

    #tabMenu .tabMenuDiv {
        float: left;
        height: 26px;
        width: 1px;
        background: #e6e6e6;
        }

#tabContent { /*margin-right: 300px;*/ float:left;}
#tabContent .tabContent { display: none; }
#tabContent .tabContentActive { display: block; }

#sendResult, .sendResult{
    color: #35924F;
    width: 260px;
    text-align: center;
}
/*** Архив ***/

.rss { display: inline-block; border-left: 2px solid #e6e6e6; padding-left: 10px; margin-left: 5px; vertical-align: middle; }

#archive-menu ul { list-style-type: none; margin: 0; padding: 0; }
#archive-menu li { padding-bottom: 0.7em; position: relative; padding-left: 15px; }
#archive-menu a { outline: none; }
#archive-menu .open > a { font-weight: normal; text-decoration: none; color: #000; }

#archive-menu .mark {
    position: absolute;
    top: 5px;
    left: 0px;
    display: block;
    height: 9px; width: 9px;
    background: url(../img/mark-right.png) 0 0 no-repeat;
    }
#archive-menu .open .mark {
    background: url(../img/mark-down.png) 0 0 no-repeat;
    }

/* если одному элементу будет назначено оба класса,
 * например: <li class="open close"></li> или <li class="close open"></li>
 * то условия последнего указанного класса в файле со стилями (styles.css)
 * будут иметь больший приоритет
 */
#archive-menu .open ul { display: block; }
#archive-menu .close ul { display: none; }

#archive-menu li li { padding-bottom: 0; }

.block {
	background: url(../img/bg-block-left.png) 0 0 repeat-y;
	margin-bottom: 20px;
	}
	.block .b-top { background: url(../img/bg-block-top-r.png) 100% 0 no-repeat; }
	.block .b-bot { background: url(../img/bg-block-bot-r.png) 100% 0 no-repeat; }
	.block .b-cen {
		padding: 10px 35px 20px 33px; /* справа 5 пкс фона, и слева 3 пкс фона */
		background: url(../img/bg-block-right.png) 100% 0 repeat-y;
		font-size: 0.923em;
		}
.block .b-cen h2 { line-height: 1; margin-bottom: 0.6em; font-size: 1.67em; }
.block .b-cen span.button-big { width: 225px; font-size: 13px; }
	.block .b-cen span.button-big span { width: 215px; }
		.block .b-cen span.button-big span a { padding-top: 6px; height: 38px; }

.block2 {
	background: url(../img/bg-block2-left.png) 0 0 repeat-y;
	margin-bottom: 20px;
	}
	.block2 .b-top { background: url(../img/bg-block2-top-r.png) 100% 0 no-repeat; }
	.block2 .b-bot { background: url(../img/bg-block2-bot-r.png) 100% 0 no-repeat; }
	.block2 .b-cen {
		padding: 10px 55px 20px 33px; /* справа 5 пкс фона, и слева 3 пкс фона */
		background: url(../img/bg-block2-right.png) 100% 50% repeat-y;
		font-size: 0.923em;
		}
	.block2 .b-cen.h50 {height: 50px; overflow: hidden;}
	.block2 .b-cen.h75 {height: 75px; overflow: hidden;}	
	.block2 .b-cen.h100 {height: 100px; overflow: hidden;}	
	.block2 .b-cen.h125 {height: 125px; overflow: hidden;}	
	.block2 .b-cen.h150 {height: 150px; overflow: hidden;}	
	.block2 .b-cen.h200 {height: 200px; overflow: hidden;}	
	.block2 .b-cen.h250 {height: 250px; overflow: hidden;}
.block2 .b-cen .h2 { line-height: 1; margin-bottom: 0.6em; font-size: 1.67em; }
/* кнопка на зелёном языке, генерируется автоматически */
.block2 .b2a {
	float: right;
	display: block;
	text-decoration: none;
	margin-right: 7px; /* ширина тени блока справа */
	margin-top: 5px;   /* высота тени блока сверху */
	width: 24px;       /* ширина зелёного "языка" */
	outline: none;
}

.steps { height: 79px; margin-bottom: 1em; margin-left: -11px; }
	.step {
		float: left;
		width: 199px;
		height: 79px;
		margin-left: -19px;
		background: url(../img/bg-step.png) 0 0 no-repeat;
		color: #303030;
		}
		.step table { height: 79px; border-collapse: collapse; font-size: 12px; }
			.step table td { padding: 0; line-height: 1.1; padding-right: 10px;}
			.step table .step-num {
				color: #626262;
				font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
				font-size: 48px;
				padding: 0px 8px 0px 38px;
				}

	.step-active { background: url(../img/bg-step-active.png) 0 0 no-repeat; color: #ffffff; }
	.step-active table .step-num { color: #ffffff; }

.questions { padding-left: 20px; }
	.question { max-width: 510px; font-weight: bold; margin: 1em 0; }
	.answer { margin-bottom: 0.5em; }
		.answer input { float: left; cursor: pointer; }
		.answer label { display: block; max-width: 410px; padding-left: 25px; cursor: pointer; }

.contact-form-pad { padding-right: 330px; }

a.open-link {
	display: inline-block;
	background: url(../img/link-open.png) 100% 50% no-repeat;
	padding-right: 23px;
	color: #35924f;
	text-decoration: underline;
	outline: none;
}
a.open-link:hover { color: #35924f; text-decoration: none; }

a.close-link {
	display: inline-block;
	background: url(../img/link-close.png) 100% 50% no-repeat;
	padding-right: 23px;
	color: #35924f;
	text-decoration: underline;
	outline: none;
}
a.close-link:hover { color: #35924f; text-decoration: none; }

span.open-link, span.close-link  {display: inline-block;	outline: none;	cursor: pointer;}
span.open-link img {background: url(../img/link-open.png) 0 0 no-repeat;}
span.close-link img {background: url(../img/link-close.png) 0 0 no-repeat;}

.table-caption { padding-left: 25px; margin-bottom: 0.1em; }
.table { border-collapse: collapse; border-bottom: 1px solid #e7e7e7; }
.table th, .table td { padding: 10px 25px; }
.table th { background-color: #e6e6e6; font-size: 1.077em }
.table .row1 td {}
.table .row2 td { background-color: #f4f4f4; }

.italic { padding-left: 61px; background: url(../img/bg-blockquote.png) 14px 50% no-repeat; margin-bottom: 1em; min-height: 30px;}
.intli {margin: 0.8em 0 0.8em 0;}

div.ui-tooltip {
    -moz-border-radius: 5px 5px 5px 5px;
    border: 1px solid #AFC6E7 !important;
    background: none; 
    background-color: #E5EDF9; 
    color: #000000;
    font-size: 11px;
    opacity: 1;
    padding: 5px;
    z-index: 50;
}

.error_input{
    font-size: 9px;
    color:red!important;
    height:8px;
}