@import url("reset.css");
body,html {height:100%}

body {color:#000; background-color:#fcdf9c; font:12px Arial,Helvetica,'MS Sans Serif',sans-serif}
td,th {color:#000; font:1em Arial,Helvetica,'MS Sans Serif',sans-serif}
input,textarea,option,select,button {color:#000; font:1em Arial,Helvetica,'MS Sans Serif',sans-serif}

/* // ---- typography ---- // */

a {color:#000; text-decoration:underline}
a:hover {text-decoration:none}

.sub-head {color:#382310; font:17px Georgia,'Times New Roman'; padding:0 0 8px 13px; background:url(/img/sub-head-bg.png) no-repeat 0 100%; margin-bottom:24px}

/* -- ---- typography ---- -- */

#minWidth {position:relative; z-index:2; min-width:1000px; height:auto !important; height:100%; min-height:100%}
.outer {position:relative; width:1000px; margin:0 auto}

/* // ---- top ---- // */
.top {position:relative; z-index:1; height:289px; background:#020100 url(/img/top-bg.jpg) repeat-x 50% 0}
	.top .outer {height:289px}
	#logotype {position:absolute; left:0; top:85px; width:276px; height:119px}
	.top .logo {position:absolute; z-index:2; top:14px; left:30px}
	.top .man-flash {position:absolute; z-index:1; top:0; left:305px; padding-left:146px; height:289px; width:325px; background:url(/img/men-birds.png) no-repeat 0 0}
		.top .man-flash #birds {position:relative; top:-1px}

.right-psychologist {color:#fdf2d8; position:absolute; z-index:3; width:315px; bottom:8px; right:5px}
	.right-psychologist li {font-size:9px; height:98px; background:url(/img/right-psychologist-li.png); padding:3px 6px 6px 3px; line-height:12px}
		.right-psychologist li a {position:relative; color:#fdf2d8; display:block; padding:10px 0 0 106px; height:88px; text-decoration:none}
	.right-psychologist .img-cover {position:relative; float:left; left:-95px; margin-right:-95px}
	.right-psychologist big {display:block; color:#fff; font-size:12px; padding-bottom:2px; line-height:normal; font-weight:bold}
/* -- ---- top ---- -- */

/* // ---- navigation ---- // */
.navigation {position:relative; z-index:99; height:75px; background:#2B2719 url(/img/nav-bg.jpg) no-repeat 50% 0}
	.navigation ul {padding-left:139px; width:861px}
	.navigation .subnav {position:absolute; z-index:999; bottom:62px; left:-999em; margin-left:-99px; width:197px}
		.navigation .subnav .sub-top {height:13px; font-size:1px; background-image:url(/img/subnav-top.png)}
		.navigation .subnav .sub-btm {height:35px; font-size:1px; background-image:url(/img/subnav-btm.png)}
		.navigation .subnav .sub-md {height:auto !important; height:68px; min-height:68px; background:url(/img/subnav-md.png) no-repeat 0 0}
			.navigation .subnav .sub-md ul {position:relative; padding:0 15px 0 23px; margin:0; width:auto}
				.navigation .subnav .sub-md ul li {color:#b9b9b9; float:none; padding:3px 0 4px}
					.navigation .subnav .sub-md ul li a {color:#b9b9b9; text-transform:none; text-decoration:underline}
						.navigation .subnav .sub-md ul li a:hover {text-decoration:none}
	.navigation .here-active .subnav, .navigation .sfHover .subnav {left:50%}
	.navigation li {position:relative; float:left; padding-top:14px; margin-right:21px}
		.navigation li.frst {}
		.navigation li a {color:#f6f6f4; text-transform:uppercase; text-decoration:none}
	.navigation small {color:#edecea; font:11px Arial,Helvetica; display:block; opacity: 0.55; -moz-opacity: 0.55; filter:alpha(opacity=55); text-transform:none; padding-top:8px}
			.navigation .sfHover small, .navigation .here-active a small, .navigation li a:hover small {opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100)}
/* -- ---- navigation ---- -- */

/* // ---- middle ---- // */
.middle {background:url(/img/middle-bg.jpg) repeat-x 50% 0}
	.middle-bg {background:url(/img/middle-bg-top.png) no-repeat 50% 0}
	.middle-bg .outer {min-height:773px; padding-bottom:400px}

.long-col {float:left; width:654px}
	.longcol {padding:40px 0 0 30px}
	.longcol h1 {color:#382310; font:22px Georgia,'Times New Roman'; background:url(/img/h1-bg.png) no-repeat 100% 100%; padding-bottom:11px; margin-bottom:18px}
.side-col {position:relative; float:right; width:308px; right:10px; padding-top:45px}
/* -- ---- middle ---- -- */

.tabs-li {position:relative; z-index:2; font-size:11px}
	.tabs-li li {position:relative; float:left; margin-right:1px}
	.tabs-li li a {display:block; color:#fff; border:1px solid #6c5d40; border-bottom-width:0; background-color:#a28747; padding:0 13px; height:29px; line-height:29px; text-decoration:none}
	.tabs-li li.order-training a {background-color:#c1a460}
	.tabs-li li.date-training a {color:#c40000 !important; font-size:13px; padding:0 23px}
	.tabs-li li.ui-tabs-selected {margin-bottom:-1px}
		.tabs-li li.ui-tabs-selected a {color:#000; background-color:#f9dc98; height:30px}
	.tabs-li .cr {width:11px; height:11px; background-image:url(/img/tabs-crn.gif)}
	.tabs-li li.order-training a .c-tl {background-position:0 -22px}
	.tabs-li li.order-training a .c-tr {background-position:100% -22px}
	.tabs-li li.ui-tabs-selected .c-tl {background-position:0 -11px !important}
	.tabs-li li.ui-tabs-selected .c-tr {background-position:100% -11px !important}

/* // ---- show training ---- // */
.show-tab-training, .programs-block .pb-md {position:relative; z-index:1; border:1px solid #6b5c3f; border-bottom-width:0; background-color:#eec974; padding-bottom:12px}
	.show-tab-training .c-tr {top:-1px; right:-1px; width:12px; height:12px; background-image:url(/img/show-tab-training-crn.gif)}
	.show-tab-training .title {color:#323232; background-color:#f9dc98; padding:14px 23px 15px; border-bottom:1px solid #6b5c3f}
	.show-tab-training h2, .programs-block .title h2 {color:#674100; font:20px 'Lucida Sans Unicode'}
	.show-tab-training .content-training, .programs-block .programs-content {border-top:1px solid #e6d09a; font-size:11px; line-height:18px; padding:18px 23px 10px; height:auto !important; height:147px; min-height:147px}
		.show-tab-training .content-training p, .programs-block .programs-content p {padding-bottom:6px}
		.show-tab-training .content-training .img-right {position:relative; float:right; margin:0 0 0 15px}
	.order-training-ul {color:#fff; font-weight:bold; padding-right:22px}
		.order-training-ul a {color:#fff}
		.order-training-ul strong {color:#000}
		.order-training-ul li {position:relative; float:right; height:32px; line-height:32px}
		.order-training-ul i {position:absolute; left:-19px; top:0; width:19px; height:32px; background-image:url(/img/order-training-crn.png)}
		.order-training-ul .order-training {z-index:3; padding:0 21px 0 20px}
		.order-training-ul .order-active {background:#00a900 url(/img/order-training-bg.png) no-repeat 100% 0}
		.order-training-ul .order-noactive {color:#ccc; background:#fe0000 url(/img/order-training-bg.png) no-repeat 100% 100%}
			.order-training-ul .order-noactive i {background-position:0 -32px}
		.order-training-ul .places {z-index:2; padding:0 22px 0 5px; background-color:#b4b4b4}
			.order-training-ul .places i {background-position:0 100%}
		.order-training-ul .cost-training {z-index:1; padding:0 29px 0 18px; background:#c1a460 url(/img/cost-training.png) no-repeat 0 0}
.show-training-btm {height:11px; background-color:#eec974; border-bottom:1px solid #6b5c3f; margin:0 12px; font-size:1px}
	.show-training-btm i {position:relative; display:block; height:12px; width:12px; margin-bottom:-1px; background-image:url(/img/show-tab-training-crn.gif)}
	.show-training-btm .l {left:-12px; background-position:0 100%}
	.show-training-btm .r {float:right; right:-12px; background-position:100% 100%}

#form-register {display:none}
.training-register {position:relative; z-index:2; font-size:11px; padding:0 16px; display:none}
	.training-register .training-md {position:relative; z-index:2; border-right:1px solid #6b5c3f; border-left:1px solid #6b5c3f; background:#f1f1f1 url(/img/training-register-bg.png) repeat-x 0 100%; height:380px; padding:26px 0 22px 32px}
	/* */
	.training-register .progs{background:none; border: 0; height: 235px; padding: 0;}
	.training-register .free-places {position:absolute; z-index:3; top:183px; left:130px; width:185px; text-align:center}
		.training-register .free-places big {position:relative; color:#7a7a7a; font-size:40px; font-weight:bold; display:block; line-height:26px; padding-bottom:12px}
		.training-register .free-places button {overflow:visible; font-size:11px}
	.training-register .tip-training {position:absolute; z-index:1; right:10px; top:0; background:url(/img/training-register-tip.png) no-repeat 0 100%; width:194px; padding:8px 0 10px; text-align:center}
	
	.training-register .form-register-training {position:absolute; z-index:4; top:86px; right:5px; width:410px; height:222px; background:url(/img/training-register-form.png); padding:10px 11px 0}
	/* */
	.training-register .progsf{top:22px; display: block;}
		.training-register .form-register-training .width50 {width:198px}
		.training-register .form-register-training .cfix {padding-bottom:6px}
		.training-register .form-register-training .width50 input, .training-register .form-register-training .width50 textarea , .training-register .form-register-training .width50 select{float:left; padding:0 1px 1px 2px}
		.training-register .form-register-training .floatRight input {width:168px}
		.training-register .form-register-training textarea {width:191px; height:85px}
		.training-register .form-register-training .star {float:left; color:#fe0000; font-style:normal; padding:0 0 0 3px}
		.training-register .form-register-training .btn {text-align:right; overflow:visible}
		.training-register .form-register-training .btn_lft{float: left; color: red;}
	.training-register .you-register-training {position:absolute; bottom:-5px; right:5px; width:173px; height:98px; background:url(/img/training-register-reset.png); line-height:16px; padding:12px 8px 0 13px}
		.training-register .you-register-training big {display:block; color:#fe0000; font-size:11px}
		.training-register .you-register-training .btn {text-align:right; padding-top:5px}
	.training-register-btm {position:relative; z-index:1; background-color:#c9c9c9; height:10px; border-bottom:1px solid #6b5c3f; margin:0 11px; font-size:1px}
		.training-register-btm i {position:relative; display:block; width:11px; height:11px; margin-bottom:-1px; background-image:url(/img/training-register-btm-crn.gif)}
		.training-register-btm .l {left:-11px}
		.training-register-btm .r {float:right; right:-11px; background-position:100% 0}
/* -- ---- show training ---- -- */

/* // ---- calendar events ---- // */
.calendar-events {position:relative; border:1px solid #6b5c3f; margin-bottom:8px; background-color: #bc9f5c;}
	.calendar-events .cr {z-index:99; width:11px; height:11px; background-image:url(/img/calendar-events-crn.png)}
	.calendar-events .c-tl {top:-1px; left:-1px}
	.calendar-events .c-tr {top:-1px; right:-1px}
	.calendar-events .c-bl {bottom:-1px; left:-1px}
	.calendar-events .c-br {bottom:-1px; right:-1px}
	.calendar-events .simply-scroll-clip, .calendar-events .vert {height:228px}
	.calendar-events ul {position:relative; height:auto !important}
	.calendar-events li {position:relative; margin-top:-1px; margin-bottom:1px; border-bottom:1px solid #6b5c3f; border-top:1px solid #e6d09a; background:url(/img/calendar-events-bg.png) repeat-x 0 50%}
	.calendar-events li.lst {border-bottom-width:0; margin-bottom:0}
	.calendar-events a {display:block; padding:10px 30px 9px 89px; text-decoration:none;}
		.calendar-events a:hover, .calendar-events .hr {color:#fff}
	.calendar-events .date {position:absolute; left:9px; top:50%; color:#fff; font-size:12px; margin-top:-9px; width:72px; height:19px; line-height:19px; background:url(/img/calendar-events-date.gif); text-align:center}
	.calendar-events .simply-scroll-btn {cursor:pointer; cursor:hand; position:absolute; z-index:99; width:19px; height:19px; right:9px; font-size:1px}
	.calendar-events .simply-scroll-btn-up {top:8px; background:url(/img/calendar-events-ar-top.png)}
	.calendar-events .simply-scroll-btn-down {bottom:8px; background:url(/img/calendar-events-ar-btm.png)}
/* -- ---- calendar events ---- -- */
.simply-scroll-container {position: relative}
.simply-scroll-clip {position: relative; overflow: hidden; z-index: 2}

/* // ---- briefly about ---- // */
.briefly-about {padding:22px 14px 0; height:auto !important; height:325px; min-height:325px; background:url(/img/briefly-bg.png) no-repeat 0 0; line-height:18px}
	.briefly-about .sub-head {position:relative; margin:0 -14px 18px}
	.briefly-about p {padding-bottom:19px}
	.briefly-about  ul li {background:url(/img/briefly-chk.gif) no-repeat 1px 0; padding:3px 0 20px 27px}
	.briefly-about big {font-size:16px; font-weight:bold}
/* -- ---- briefly about ---- -- */

/* // ---- for editor ---- // */
.longcol {line-height:18px}
	.longcol  p {padding-bottom:21px}
/* -- ---- for editor ---- -- */

/* // ---- feedback form ---- // */
.feedback-form {}
	.feedback-form .inputs {padding-bottom:11px}
	.feedback-form .inp-txt {width:188px}
	.feedback-form textarea.inp-txt {width:421px; height:141px}
	.feedback-form .btn button {width:124px; height:33px; background:url(/img/btn.png); text-align:center; font-weight:bold; border-width:0; margin:0}
		.feedback-form .btn button span {font-size:13px; color:#fff; text-decoration:underline}
/* -- ---- feedback form ---- -- */

/* // ---- programs block ---- // */
.programs-block {}
	.programs-block .pb-hd {height:10px; margin:0 11px; font-size:1px}
		.programs-block .pb-hd i {position:relative; display:block; height:11px; width:11px; background-image:url(/img/programs-crn.png); margin-bottom:-1px}
		.programs-block .pb-hd .l {left:-11px}
		.programs-block .pb-hd .r {float:right; right:-11px}
		.programs-block .pb-top {border-top:1px solid #6b5c3f; background-color:#f9dc98}
			.programs-block .pb-top i {top:-1px}
			.programs-block .pb-top .r {background-position:100% 0}
		.programs-block .pb-btm {border-bottom:1px solid #6b5c3f; background-color:#eec974}
			.programs-block .pb-btm .l {background-position:0 100%}
			.programs-block .pb-btm .r {background-position:100% 100%}
		
	.programs-block .pb-md {border-top-width:0}
	.programs-block .title {color:#323232; background-color:#f9dc98; padding:3px 23px 15px; border-bottom:1px solid #6b5c3f}
	.programs-block .programs-content {height:auto !important; min-height:1px; padding-bottom:19px}
	.other-programs {position:relative; padding:0 22px 0 24px; height:auto !important; height:33px; min-height:33px}
		.other-programs .calendar-events {width:306px}
		.other-programs .calendar-events .cr {background-image:url(/img/calendar-events-crn1.png)}
			.other-programs .calendar-events ul {position:relative; overflow:hidden}
	.programs-block .register {position:absolute; right:22px; bottom:0; font-size:13px; font-weight:bold; width:146px; height:33px; line-height:31px; background:#00a700 url(/img/btn-register.png); text-align:center}
		.programs-block .register a {color:#fff}
/* -- ---- programs block ---- -- */

/* // ---- bottom ---- // */
.bottom-bg {position:relative; z-index:1; margin-top:-400px; height:400px; background:url(/img/bottom-bg-top.png) no-repeat 50% 0}
.bottom {color:#fff; position:relative; z-index:3; margin-top:-269px; height:269px; background:#644e12 url(/img/bottom-bg.jpg) repeat-x 50% 0}
	.bottom .phone {position:absolute; top:-68px; left:236px; color:#fff; width:224px; height:73px; background:url(/img/phone-bg.png); text-align:center; padding-top:25px}
		.bottom .phone big {display:block; color:#fcdf9c; font-size:24px; font-weight:bold}
	.bottom a {color:#fff}
	.bottom .copyright {padding:38px 0 27px 30px}
	.bottom .outer {z-index:3}
	.bottom .l {position:absolute; z-index:1; top:0; left:0; width:104px; height:141px; background:url(/img/bottom-l.png)}
	.bottom .r {position:absolute; z-index:1; top:0; right:0; width:328px; height:268px; background:url(/img/bottom-r.png)}

.bottom-nav {height: 110px;}
	.bottom-nav ul {float:left; padding:0 30px 41px 30px}
		.bottom-nav ul li {padding-bottom:6px}

.bottom-logos {padding:0 40px 0 30px; clear: left}
	.bottom-logos li {float:left; padding-right:29px}
	.bottom-logos .develop {position:relative; float:right; padding:0}
.bottom-logos .develop a {font-size:11px; text-decoration:none; padding:0; margin: 0}
.bottom-logos .develop i {position:absolute; left:-42px; top:-2px; width:34px; height:34px; background-image:url(/img/prosto.png)}
.bottom-logos .develop a:hover {text-indent:0}
.bottom-logos .develop a:hover i {background-position:0 100%}
/* -- ---- bottom ---- -- */