@import "reset.css";

* {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100.01%;
}


html {height: 100%;}

body {min-height:100%;
 height: 100%;

}

#footer {


 margin-top: -50px;
 height: 50px;
 clear: both;
}




#wrapper {

 height: auto !important;
 min-height:100%;
 height: 100% ;

}

.footer_guarantor {

 padding-top: 18px;
 clear: both;
}


	body {
		font: 62.5% Arial, sans-serif;
		color: #000;
		line-height: 1.6em;

		background: #232426;
	}

    body.mini #header {
        margin-top: 4px;
    }

	a {
		color: #000;
	}

	a:hover {
		color: #666;
	}

/* -----------------[ Raskladka blokov */

	#page {
		width: 980px;

		margin: auto;
	}

		#header {

		}

			#logo {
				height: 84px;
			}

	#content-wrap {
		width: 950px;

		margin: auto;
	}

/* ---------------- [ Elementy stranitsy (colors, fonts, elements padding) */

	#page {

	}

		#header {
			margin-top: 32px;
		}

			#logo {
				text-align: center;
			}

				#logo h1 {
					text-indent: -31337px;
				}

			#nav-main {
				margin-top: 12px;
			}

				#nav-main li {
					margin-right: 15px;
				}

			#cabinet-login {
				margin-top: -1.6em;
				margin-right: 5em;

				float: right;

				font-family: Tahoma, sans-serif;
				font-size: 1em;

				padding-left: 15px;

				background: url(../img/cabinet.png) 0 0.3em no-repeat;
			}

				#cabinet-login a {
					color: #fff;
				}

				#cabinet-login a:hover {
					color: #cacaca;
				}


			.popup {
				background: url(../img/popup-top.png) no-repeat transparent;
				position: absolute;
				width: 355px;
				left: 0;
				top: 0;
				z-index: 10000;
			}

				.popup-content {
					padding-top: 20px;
					padding-left: 20px;
					padding-right: 20px;

					margin-bottom: -35px;

					z-index: 234234;

					position: relative;

					font-size: 1.1em;
				}

					.popup-head {
						padding-bottom: 20px;

						border-bottom: 1px dotted #b8b8b9;

						margin-bottom: 10px;
					}

						.popup-head p {
							float: left;
						}

						.popup-head .popup-close {
							float: right;

							padding-right: 10px;

							background: url(../img/popup-close.png) 100% 6px no-repeat;
						}

							.popup-close a {
								border-bottom: 1px dashed;
								text-decoration: none;
							}

						.popup-text {
							clear: both;
						}

							.popup-text input,  .popup-text textarea {
								border: 1px solid #b8b8b9;

								padding: 3px;

								color: #47484b;

								width: 41%;

								font-family: Arial, sans-serif;
							}

							.popup-text textarea {
								width: 98%;

								display: block;
							}

							.popup-text input.popup-submit {
								border: 0;
								font-weight: 600;
								cursor: pointer;
								width: 10%;
								background: 0;
							}

							.popup-text .popup-submit-message {
								border: 0;
								font-weight: 600;
								cursor: pointer;
								width: auto;
								background: 0;


								font-family: Arial, sans-serif;
							}

						.forget-pass {
							margin: 15px 0;

							text-align: center;
						}

							.forget-pass a {
								border-bottom: 1px dashed;
								text-decoration: none;
							}

				.popup-bottom {
					top: 29px;

					position: relative;

					background: url(../img/popup-bottom.png) no-repeat transparent;
					height: 29px;
					width: 355px;
				}

		.nav {
			font-family: Tahoma, sans-serif;
			text-transform: uppercase;
			color: #fff;
			font-size: 1em;
			text-align: center;
		}

			.nav li {
				display: inline;
				text-decoration: underline;
			}

			.nav a {
				color: #919293;
			}

			.nav a:hover {
				color: #dadada;
			}

			.nav .current {
				color: #fff;
			}

			.nav .current:hover {
				color: #fff;
			}

	#content-wrap {
		clear: both;

		padding-top: 10px;

		border-bottom: 5px solid #151617;
	}

		#content {
			width: 950px;

			min-height: 360px;

			height: auto !important;
			height: 360px;

			
			padding-bottom: 102px;

			background: url(../img/content-bg.jpg) center center no-repeat #bebebe;
		}

			#cleary {
				clear: both;
			}

			#bottom {
				height: 102px;
				width: 950px;
				position: absolute;
				background: transparent;
				z-index: 105;
				margin-top: -102px;
				/*overflow: hidden;*/
			}

            #scrollbar {
                width: 100000px;
                padding-left: 35px;
            }

			#bottom-bg {
				width: 950px;
				height: 102px;
				background: #232426;
				opacity: 0.3;
				position: relative;
				z-index: 100;
				margin-top: -102px;
			}

			#nav-sub-wrap {
				height: 26px;
				margin: 0 20px;
				background: url(../img/nav-sub.png) no-repeat;

			}

				#nav-sub {
					padding-top: 4px;
				}

					#nav-sub li {
						margin-right: 30px;
					}

			#nav-bottom {
			    position: relative;
                left: 0px;
				height: 102px;
			}

				#nav-bottom li {
					padding-top: 3.3em;
					float: left;
					width: 151px;
					position: relative; left: 0;	text-align: center;
				}

				#nav-bottom li.current {
					padding-left: 5px;
					background: url(../img/nav-bottom-sel.png) 0px 20px no-repeat;
				}

				#nav-bottom li.the-last {
					margin-right: 0;
				}

				#nav-bottom a {
					font-family: Tahoma, sans-serif;
					font-size: 1.1em;
				}

				#nav-bottom a:hover {
					color: #333;
				}

			#go-left, #go-right {
				height: 45px;
				width: 43px;

				position: relative;

				z-index: 667;

				margin-top: -45px;
			}

				#go-left {
					right: 20px;
					top: -30px;
				}

				#go-right {
					left: 929px;
					top: -30px;
				}

			.hinty {
				position: relative;

				background: url(../img/hinty-bg.png) repeat-x;
				height: 28px;

				left: 915px;
				top: 110px;
			}

				.hinty-left {
					position: relative;
					left: -7px;

					height: 28px;
					width: 7px;

					background: url(../img/hinty-left.png) no-repeat;
				}

				.hinty-right {
					position: relative;

					top: -28px;
					right: -7px;

					height: 28px;

					padding-top: 5px;
					padding-right: 12px;

					background: url(../img/hinty-right.png) 100% 0 no-repeat;
				}

				.hinty-tri {
					position: relative;

					top: -43px;

					height: 15px;

					background: url(../img/hinty-tri.png) center 100% no-repeat;
				}


			#content h2 {
				margin-bottom: 10px;

				font-size: 3em;
				color: #47484b;

				font-style: italic;
				font-weight: 100;
			}

			#content h3 {
				font-size: 1.8em;
				color: #47484b;

				font-style: italic;
				font-weight: 100;
			}

			#content p {
				font-size: 1.2em;

				margin-top: 1.5em;
			}

			#article {
				color: #232426;

				padding-left: 90px;
				padding-top: 40px;
				padding-right: 90px;
			}

				.columns {
					margin-top: 30px;
				}


				.common {
					margin-top: 0 !important;
				}

					.columns li {
						float: left;
						width: 42%;
						margin-bottom: 10px;
					}

						.columns li.first {
							padding-right: 100px;
						}

						.columns li ol, .columns li ul {
							font-size: 1.2em;
							margin-top: 1.5em;
							padding-left: 25px;
							width: 100%;
						}

.columns li li ol, .columns li li ul {
							font-size: 1.2em;
							margin-top: 1.0em;
margin-bottom: 1em;
							padding-left: 25px;
							width: 100%;
						}

						.columns li li li {
							font-size: 0.9em !important;
						}

						.columns li li, .columns li li li {
							float: none;
							margin-top: 5px;
							margin-bottom: 0;
							width: 100%;
						}

					.columns p {
						padding-left: 25px;
					}

				#index {
					margin-bottom: -102px;
				}

					#flashcontent {
						height: 540px;
						margin-top: -8px;
						width: 1000px;
						margin-left: -25px;
					}

				#trainer {
					margin-top: 25px;
					padding-bottom: 35px;
					margin-left: 80px;
					margin-bottom: -102px;
				}

					#trainer img {
						float: left;
						margin-left: 40px;
						margin-right: 100px;
					}

					#trainer-about {
						float: left;
						padding-top: 30px;
						width: 500px;
					}

						#trainer-about p {
							padding-left: 25px;
							width: 300px;
						}
#trainer-about ul {margin-top:15px; padding-left:25px; width: 300px;}
#trainer-about li {margin-bottom:10px; font-size:1.2em;}

#phones{color:#fff; margin:15px auto; width:950px; text-align:left;}
	#footer {

		color: #fff;
		font-family: Tahoma, sans-serif;
		font-size: 1em;
text-align:right !important;
	}

		#footer p {
 margin:0 auto;

		}

		#footer #copy {
			margin-left: 10px;

			color: #919293;
		}

		#footer a {
			color: #fff;
		}

		#footer span {
			margin-right: 15px;
		}
#footer .devLink {color: #919293; text-decoration:none;}
#footer .devLink span {color: #fff; text-decoration:underline;}

.simpleList {
							font-size: 1.2em;
							margin-top: 1.5em;
							padding-left: 25px;
							width: 100%;
						}

						.simpleList li {
							float: none;
							margin-top: 5px;
							margin-bottom: 0;
							width: 90%;
						}

.high li{margin-bottom:1em !important; }
.high{margin-top:1.8em !important;}

#article h2{margin-top:30px;}
#article ul h2{margin-top:0;}

	#cabinet-columns #trainers li {
		float: none;

		padding-bottom: 0;
		padding-top: 5px;

		width: 328px;
	}

#cabinet-columns {

					}

						#cabinet-columns li {
							float: left;

							width: 43%;
							padding-bottom: 20px;
						}

						#cabinet-columns li.first {
							padding-right: 100px;
						}

					ul.trainings-list {
						padding-left: 0;

						font-size: 1.1em;
					}

						.trainings-list li.training.first {
							border-top: 1px solid #919292;
							padding-right: 28px !important;
						}

						.trainings-list li.training  {
							border-bottom: 1px solid #919292;

							min-height: 24px;
							height: auto !important;
							height: 24px;

							width: 340px !important;

							padding: 0 28px;
							padding-top: 10px;
							padding-bottom: 0 !important;

							margin-top: 0;

							cursor: pointer;
						}

							.trainings-list li.training.current {
								background: #e2ec75;
							}

							.trainings-list li.training.active {
								background: #e2ec75;
							}

						ul.trainings-list li span {
							font-weight: 600;
						}

						ul.trainings-list li p {
							font-size: 1em !important;

							padding-left: 25px;
							padding-bottom: 10px;
							margin-top: 10px !important;
						}

						.trainings-list li ul.actions {
							padding-left: 50px;
						}

							.trainings-list li ul.actions li {
								float: left;
								width: auto;

								padding-bottom: 5px !important;
								padding-left: 15px;

								border: 0;

								background: no-repeat 0 3px;
							}

							.trainings-list li ul.actions li.edit {
								background-image: url(../img/trainings-edit.png);
							}

							.trainings-list li ul.actions li.delete {
								background-image: url(../img/trainings-delete.png);
							}

							.trainings-list li ul.actions li a {
								font-weight: 600;

								border-bottom: 1px dashed;
								text-decoration: none;
							}

					#cabinet-columns .messages {
						clear: both;
					}

					#cabinet-columns .messages.scroll {
						overflow-y: scroll;

						height: 300px;
					}

						#cabinet-columns .messages.scroll li {
							width: 95%;
						}

						#cabinet-columns .messages li {
							float: none;

							width: 100%;

							padding-bottom: 0;
						}

							#cabinet-columns .messages li.unread {
								background: url(../img/msg-border-top.png) no-repeat;
							}

						#cabinet-columns .messages li.unread .msg {
							background: url(../img/msg-border-bottom.png) 0 bottom no-repeat;
						}

						#cabinet-columns .messages li.unread .msg p {
							padding-top: 10px;
						}

						.whitespace {
							height: 1px;
						}

						.msg {
							margin-top: -14px;
						}

						.delete {
							padding-left: 10px;
							font-size: 10px;
						}

						.msg-head {
							padding-top: 0;

							padding-left: 40px;
							margin-left: 10px;

							padding-right: 10px;

							color: #979899;
						}

							.scroll .msg-head {
								padding-left: 20px;
							}

							.msg-head a {
								font-weight: 600;
							}

							.msg-head.new {
								background: url(../img/msg-new.png) 2px 14px no-repeat;
							}

							.msg-head.in {
								background: url(../img/msg-in.png) 25px 4px no-repeat;
							}

								.scroll .msg-head.in {
									background: url(../img/msg-in.png) 5px 4px no-repeat;
								}

							.msg-head.out {
								background: url(../img/msg-out.png) 25px 4px no-repeat;
							}

								.scroll .msg-head.out {
									background: url(../img/msg-out.png) 5px 4px no-repeat;
								}

						.msg-text {
							padding-left: 50px;
							padding-right: 10px;
							padding-bottom: 10px;

							padding-top: 0 !important
						}

				#nav-sub-wrap.cabinet {
					background: url(../img/nav-sub-white.png) no-repeat;
				}

					#nav-sub-wrap.cabinet li {
						color: #606060;
					}

					#nav-sub-wrap.cabinet a {
						color: #232426;
					}

					#nav-sub-wrap.cabinet a:hover {
						color: #404040;
					}

			#content h2.sub-headered {
				float: left;

				margin-bottom: 10px;
			}

				#cabinet-login.loginned {
					background-image: url(../img/cabinet-logined.png);
					color: white;
				}

				#trainers {

				}

					#cabinet-columns #trainers li {
						float: none;

						padding-bottom: 0;
						padding-top: 5px;

						width: 328px;
					}

						#trainers li div {
							padding-top: 4px;
							padding-bottom: 10px;
						}

						#trainers li p {
							margin-top: 0;

							padding-left: 20px;
						}

					#trainers li.current {
						background: url(../img/trainer-top.png) no-repeat;
					}

					#trainers li.current div {
						background: url(../img/trainer-bottom.png) 0 bottom no-repeat;
					}

				#training-cal-months {
					clear: both;
					padding-left: 23px;
				}

					#training-cal-months li {
						padding-top: 6px;

						height: 26px;
						width: 74px;

						text-align: center;

						font-size: 1.1em;
					}

					#training-cal-months li.current {
						background: url(../img/training-cal-current-bg.png) no-repeat;
						font-weight: 600;
					}

			#values {
				padding-left: 62px;
			}

				#v-links {
					float: left;

					width: 165px;

					padding-top: 30px;

					font-size: 1.1em;
				}

				#v-values {
					float: left;

					padding-top: 14px;

					height: 100px;
				}

					#v-values li {
						float: left;

						font-size: 1.1em;

						padding-right: 25px;
						margin-right: 10px;

						background: url(../img/v-line.png) 100% 18px no-repeat;
					}

						#v-values li.last {
							background: none;
						}

						#v-values li p {
							padding-top: 10px;

							font-size: 4em;
						}

							#v-values li p span {
								font-size: 0.25em;

								margin-left: -10px;
							}

								#v-values li p span.multi {
									vertical-align: 12px;

									padding: 0 3px;
									margin: 0;
								}

					#v-period {
						float: left;

						width: 155px;
						height: 26px;

						padding-top: 6px;
						margin-top: 32px;

						font-size: 1.1em;
						text-align: center;

						background: url(../img/v-period.png) no-repeat;
					}

			.sub-header {
				margin-top: 0.6em !important;
				margin-left: 1.5em;

				float: left;

				padding-left: 12px;

				background: url(../img/sub-header.png) 0 3px no-repeat;
			}

			.sub-header.write {
				background: url(../img/write.png) 0 3px no-repeat;
				padding-left: 14px;
			}

				.sub-header.write a {
					text-decoration: none;
					border-bottom: 1px dashed;
				}

			.sub-header.add {
				background: url(../img/add.png) 0 5px no-repeat;
			}

				.sub-header.add a {
					text-decoration: none;
					border-bottom: 1px dashed;
				}

				#training-cal-years li {
					margin-right: 20px;

					font-size: 3em;
				}

					#training-cal-years li a {
						font-size: 0.4em;
					}

					.training-cal {
				padding-top: 10px;
				padding-left: 40px;

				color: #232426;
			}

				.training-cal li {
					float: left;

					padding-top: 12px;
				}

					.training-cal li a {
						color: #232426;
					}
#popup_bg {
    position: absolute;
    z-index: 9999;
    left: 0;
    top: 0;
    display: none;
    background-color: black;
    filter:alpha(opacity=50);
    -moz-opacity:.5;
    opacity:.5;
}

#no_from_this_user {
    display: none;
    text-align: center;
    padding-top: 15px;
}

.phone{font-size:1.2em;}
.three div{float:left; width:48%;}
#li{position:absolute; float:left; margin-top:-10px; margin-left:20px; margin-bottom:-31px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20); -moz-opacity: 0.2; 	-khtml-opacity: 0.2; opacity: 0.2;}
#quote{padding:10px 20px 30px 20px; display:table; zoom:1}
#quote h1{ font-size: 2em;	color: #47484b;font-style: italic; font-weight: 100; margin-top:5px;}

#quote div.фcol{width:40%; float:left; border:1px #fff solid; }
#action-bg{display:block !important; background:#000; width:940px; color:#000; text-align:center; font-size:14px; padding:5px; /*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); -moz-opacity: 0.6; 	-khtml-opacity: 0.6; opacity: 0.6;*/ //margin-left:25px;}
#action{display:block !important; width:950px; color:#fff; text-align:center; font-size:14px; line-height:16px; padding:5px; //margin-left:25px}
