.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	line-height: 0px;
	clear: both;
	visibility: hidden
}

.clearfix {
	display: inline-table
}

/* IE7 */

*+html .clearfix {
	min-height: 1px;
}

*+html table {
	border-collapse: collapse;
}

/* BEGIN: hide from IE Mac \*/

* html .clearfix {
	height: 1%
}

.clearfix {
	display: block
}

/* END */

body {
	background-color: #fffaeb;
	margin: 0;
	padding: 0;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #474747;
	min-width: 840px;
}

h1, h2, form, p {
	margin: 0;
	padding: 0;
}

p {
	text-align: justify;
}

img {
	border: 0;
}

a:link {
	color: #c41230;
	font-size: 11px;
	text-decoration: underline;
	font-weight: normal;
}

a:visited {
	color: #7d0a1d;
	font-size: 11px;
	text-decoration: underline;
	font-weight: normal;
}

a:hover {
	color: #c41230;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
}

/* @group Heading */

#hdr {
	height: 208px;
	display: block;
	clear: both;
}

#hdr .nav {
	width: 13%;
	float: left;
	height: 28px;
	border-left: 3px solid #c41230;
	margin-top: 82px;
}

#hdr .nav img {
	padding-left: 50%;
	padding-top: 8px;
}

#hdr .logo {
	width: 217px;
	float: left;
}
#hdr .logo .lng{
	display: block;
	width: 217px;
	clear: both;
	padding: 10px 0 38px 0;
	height: 20px
}

#hdr .apple {
	float: right;
}

/* @end */

/* @group Menu */

#menu {
	height: 45px;
	display: block;
	clear: both;
	widows: 100%;
}

#menu .pad {
	height: 45px;
	width: 13%;
	float: left;
	background: #deddd6 url(../img/i1.png) no-repeat right;
}

#menu .menu {
	height: 45px;
	line-height: 45px;
	background: #c41230 url(../img/menu_bg.png) no-repeat right;
}
#menu .apple{
	height: 26px;
	width: 122px;
	position: absolute;
	top: 208px;
	right: 0;
	background: transparent url(../img/apple.png) no-repeat left;
	behavior: url('/css/iepngfix.htc');
}

#menu .menu ul {
	margin: 0;
	padding: 0 0 0 10px;
	float: left;
	display: block;
	background: url(../img/i2.png) no-repeat left;
}

#menu .menu ul.preactive {
	margin: 0;
	padding: 0 0 0 14px;
	float: left;
	display: block;
	background: url(../img/i3.png) no-repeat left;
}

#menu .menu ul li {
	list-style-type: none;
	font-size: 12px;
	padding: 0 15px 0 15px;
	color: #602100;
	cursor: auto;
	float: left;
	height: 45px;
}
#menu .menu ul li.preactive {
	list-style-type: none;
	font-size: 12px;
	padding: 0 15px 0 30px;
	color: #602100;
	cursor: auto;
	float: left;
	background: transparent url(../img/menu_active_e.png) no-repeat;
	behavior: url('/css/iepngfix.htc');
}
/*#menu .menu ul li.active {
	list-style-type: none;
	font-size: 12px;
	padding: 0 20px 0 20px;
	cursor: auto;
	float: left;
	background: transparent url(../img/menu_active.png) no-repeat left;
}*/

#menu .menu ul li.active {
	list-style-type: none;
	font-size: 12px;
	padding: 0 0 0 15px;
	cursor: auto;
	float: left;
	background: transparent url(../img/menu_active_s.png) no-repeat ;
	behavior: url('/css/iepngfix.htc');
}
#menu .menu ul li.first{
	padding: 0 15px 0 10px;
	background: transparent url(../img/menu_active.png) repeat-x ;
	behavior: none;
	list-style-type: none;
	font-size: 12px;
	cursor: auto;
	float: left;
}
#menu a:link {
	color: #fffaeb;
	text-decoration: none;
	text-transform: uppercase;
}

#menu a:visited {
	color: #ece6dd;
	text-decoration: none;
	text-transform: uppercase;
}

#menu a:hover {
	color: #fffaeb;
	text-decoration: underline;
	text-transform: uppercase;
}

#menu a:link.active {
	color: #fffaeb;
	text-decoration: underline;
	text-transform: uppercase;
}

#menu a:visited.active {
	color: #ece6dd;
	text-decoration: underline;
	text-transform: uppercase;
}

#menu a:hover.active {
	color: #fffaeb;
	text-decoration: underline;
	text-transform: uppercase;
}

/* @end */

/* @group Main */

#main {
	padding-left: 13%;
	display: block;
	clear: both;
	margin-bottom: 50px;
}

/* @group Text*/

#main .content .textblock {
	padding-top: 10px;
}

#main .content .textblock h2 {
	color: #c41230;
	font-size: 12px;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 5px;
}

#main .content .textblock p {
	padding: 4px 0;
}

#main .content .textblock ul {
	margin: 0;
	padding: 5px 0 0 5px;
}

#main .content .textblock ul li {
	margin: 0;
	padding: 4px 0 4px 10px;
	list-style-type: none;
	background: url(../img/bullet.png) no-repeat left 8px;
}

/* @end */

/* @group Form*/

#main .content .formz {
	margin-top: 10px;
	border-top: 1px solid #deddd6;
}

#main .content .formz .oblicatory {
	background: url(../img/bullet.png) no-repeat 3px center;
	float: left;
	padding-left: 15px;
	line-height: 25px;
}

#main .content .formz .button {
	margin-top: 5px;
	float: right;
}

#main .content .formz .row {
	border-bottom: 1px solid #deddd6;
	border-right: 1px solid #deddd6;
	border-left: 1px solid #deddd6;
	height: 30px;
}

#main .content .formz .row.separator {
	margin-top: 10px;
	border: 1px solid #deddd6;
	height: 30px;
}

#main .content .formz .row.large {
	height: 100px;
}

#main .content .formz .row label {
	height: 30px;
	line-height: 30px;
	width: 30%;
	display: block;
	float: left;
	background-color: #faf4ea;
	padding-left: 10px;
	border-right: 1px solid #deddd6;
}

#main .content .formz .row label.oblicatory {
	background: #faf4ea url(../img/bullet.png) no-repeat 2px center;
}

#main .content .formz .row.large label {
	height: 100px;
}

#main .content .formz .row.large label.oblicatory {
	background: #faf4ea url(../img/bullet.png) no-repeat 2px 12px;
}

#main .content .formz .row #textfield {
	width: 60%;
	color: #474747;
	font-size: 11px;
	margin-top: 3px;
	margin-left: 3px;
}

#main .content .formz .row #textarea {
	width: 60%;
	color: #474747;
	font-size: 11px;
	height: 85px;
	margin-top: 3px;
	margin-left: 3px;
}

#main .content .formz .row #select {
	width: 60%;
	color: #474747;
	font-size: 11px;
	margin-top: 3px;
	margin-left: 3px;
}

/* @end */

/* @group Plan_list*/

#main .content .planlist {
	padding-top: 20px;
	padding-bottom: 20px;

}
.planlist table thead td{
	padding: 5px 0;
	color: #c41230;
	font-size: 15px;
	font-weight: bold;
}
.planlist table tbody th{
	background-color: #faf4ea;
	height: 25px;
	margin: 5px 0 0;
	padding: 2px 5px;
	line-height: 25px;
	color: #858831;
	font-size: 14px;
}
.planlist table tbody td{
	height: 25px;
	margin: 5px 0 0;
	padding: 5px 5px;
	font-size: 11px;
	border-bottom: 1px solid #deddd6;
}
.planlist table tbody td.date{
	font-weight: bold;
	color: #c41230;
	font-size: 11px;
	white-space: nowrap;
}
.planlist table tbody div.time{
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	padding: 0;
}
.planlist table tbody div.price{
	font-weight: normal;
	font-size: 11px;
	margin: 0;
	padding: 0;
}

#main .content .planlist .hours {
	border-left: 1px solid #c4beb4;
	font-size: 11px;
	font-weight: normal;
	padding-left: 10px;
	margin-left: 10px;
	float: left;
	line-height: 17px;
}

#main .content .planlist .title {
	padding: 5px 0 0 15px;
	color: #858831;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	clear: both;
}

#main .content .planlist .title a:link {
	color: #858831;
	font-size: 12px;
	text-decoration: underline;
}

#main .content .planlist .title a:visited {
	color: #858831;
	font-size: 12px;
	text-decoration: underline;
}

#main .content .planlist .title a:hover {
	color: #858831;
	font-size: 12px;
	text-decoration: none;
}

#main .content .planlist .action {
	color: #c41230;
	font-weight: normal;
	font-size: 11px;
	clear: both;
	padding-left: 15px;
	float: right;
}

#main .content .planlist .description {
	background-color: #faf4ea;
	height: 25px;
	margin: 5px 0 0;
	padding: 2px 5px;
	line-height: 25px;
}

#main .content .planlist .description .button {
	float: right;
	padding-left: 15px;
	padding-top: 2px;
}

#main .content .planlist .description .price {
	font-weight: bold;
	font-size: 12px;
	line-height: 25px;
	padding-left: 10px;
	float: left;
}

#main .content .planlist .description .price .action1 {
	font-weight: bold;
	font-size: 14px;
	padding-left: 5px;
	color: #c41230;
}
/* @end */

/* @group Class_list*/

#main .content .classlist {
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 20px;
}

#main .content .classlist .title {
	padding: 0;
	color: #858831;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	padding-top: 5px;
}

#main .content .classlist .title a:link {
	color: #858831;
	font-size: 12px;
	text-decoration: underline;
}

#main .content .classlist .title a:visited {
	color: #858831;
	font-size: 12px;
	text-decoration: underline;
}

#main .content .classlist .title a:hover {
	color: #858831;
	font-size: 12px;
	text-decoration: none;
}

#main .content .classlist .name {
	padding: 5px 0 0;
}

#main .content .classlist .text {
	padding: 5px 0 0;
}

#main .content .classlist .price {
	color: #c41230;
	font-weight: bold;
	font-size: 14px;
	line-height: 25px;
}

#main .content .classlist .action {
	color: #c41230;
	font-weight: normal;
	font-size: 11px;
	clear: both;
}

#main .content .classlist .description {
	background-color: #faf4ea;
	height: 25px;
	margin: 5px 0 0;
	color: #c41230;
	padding: 2px 5px;
	line-height: 25px;
}

#main .content .classlist .description .date {
	float: left;
	font-weight: bold;
}

#main .content .classlist .description .hours {
	float: left;
	font-weight: normal;
	padding-left: 5px;
}

#main .content .classlist .description .button {
	float: right;
	padding-left: 15px;
}

/* @end */

/* @group Galery*/

#main .content .galery {
	padding-top: 10px;
}

#main .content .galery .photo {
	padding: 0;
	width: 400px;
	background-color: #faf4ea;
	text-align: center;
}

#main .content .galery .photo img {
	border: 8px solid #faf4ea;
}

#main .content .galery .description {
	background-color: #faf4ea;
	padding: 0 5px 5px;
	margin: 0 5px 5px 0;
	width: 390px;
}

#main .content .galery .thumbnails {
	display: block;
	clear: both;
	margin-top: 1px;
}

#main .content .galery .thumbnails .thumbnail {
	width: 80px;
	background-color: #faf4ea;
	padding: 10px 8px;
	border-bottom: 1px solid #fffaeb;
	border-right: 1px solid #fffaeb;
	float: left;
	text-align: center;
}

#main .content .galery .thumbnails .thumbnail.active {
	width: 80px;
	background-color: #e2ddd4;
	padding: 10px 8px;
	border-bottom: 1px solid #fffaeb;
	border-right: 1px solid #fffaeb;
	float: left;
	text-align: center;
}

/* @end */

/* @group Pagelist*/

#main .content .pagelist {
	padding-top: 10px;
	font-weight: bold;
	padding-left: 15px;
}

#main .content .pagelist .active {
	font-weight: normal;
	padding: 0 3px;
}

#main .content .pagelist a {
	font-weight: normal;
	padding: 0 3px;
}

/* @end */

/* @group Attachment*/

#main .content .attachment {
	padding-top: 10px;
	padding-left: 15px;
}

#main .content .attachment .word {
	padding: 0 0 0 20px;
	line-height: 18px;
	background: url(../img/ico_word.png) no-repeat left center;
}

#main .content .attachment .ppoint {
	padding: 0 0 0 20px;
	line-height: 18px;
	background: url(../img/ico_ppoint.png) no-repeat left center;
}

#main .content .attachment .pdf {
	padding: 0 0 0 20px;
	line-height: 18px;
	background: url(../img/ico_pdf.png) no-repeat left center;
}

/* @end */

/* @group Company_list*/

#main .content .comp_list {
	padding-top: 20px;
	clear: both;
}

#main .content .comp_list .image {
	padding: 0 22px 0 0;
	float: left;
}

#main .content .comp_list .text {
	float: left;
	line-height: 12px;
}

#main .content .comp_list .text .name {
	font-weight: bold;
}

/* @end */

/* @group Teachers_list*/

#main .content .teach_list {
	padding-top: 20px;
	padding-bottom: 10px;
	clear: both;
	border-bottom: 1px solid #deddd6;
}

#main .content .teach_list .image {
	padding: 0 22px 0 0;
	float: left;
}

#main .content .teach_list .text {
	float: left;
	line-height: 12px;
}

#main .content .teach_list .text .name {
	font-weight: bold;
}

#main .content .teach_list .description {
	clear: both;
	padding-top: 5px;
}

#main .content .teach_list .description ul {
	margin: 0;
	padding: 5px 0 0 5px;
}

#main .content .teach_list .description ul li {
	margin: 0;
	padding: 0 0 0 10px;
	list-style-type: none;
	background: url(../img/bullet.png) no-repeat left center;
}

/* @end */

/* @group Content */

#main .content .error {
	color: #c41230;
	border: 1px solid #c41230;
	padding: 10px;
	margin: 5px;
	vertical-align: middle;
	text-align: center;
}

#main .content .ok {
	color: #858831;
	border: 1px solid #858831;
	padding: 10px;
	margin: 5px;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
}

#main .content {
	padding-top: 45px;
	float: left;
	width: 50%;
	min-height: 200px;
}

#main .content h1 {
	font-size: 18px;
	color: #858831;
	font-weight: bold;
	line-height: 18px;
	clear: both;
}

#main .content h2 {
	padding: 0;
	color: #c41230;
	font-size: 12px;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 5px;
	text-align: justify;
}

#main .content h2 a:link {
	color: #c41230;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}

#main .content h2 a:visited {
	color: #c41230;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}

#main .content h2 a:hover {
	color: #c41230;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

#main .content h1 .link {
	border-left: 1px solid #c4beb4;
	font-size: 11px;
	font-weight: normal;
	padding-left: 10px;
	margin-left: 10px;
}

/* @end */

/* @group Submenu */

#main .submenu {
	float: right;
/*	background: #faf4ea url(../img/submenu_bg.png) no-repeat right top;*/
	width: 45%;
}

#main .nomenu{
	float: right;
	background: transparent url(../img/submenu_nomenu.png) no-repeat right top;
	width: 45%;
}

#main .submenu table{
	background: #faf4ea url(../img/submenu_bg_top.png) no-repeat right top;
}
#main .submenu table td.menu{
	background: transparent url(../img/submenu_bg.png) no-repeat right bottom;
	padding-bottom: 20px;
}
#main .submenu .begin {
	background: #faf4ea url(../img/submenu_bg_begin.png) no-repeat left top;
	height: 226px;
	width: 54px;
	float: left;
}
#main .submenu h1 {
	padding-top: 20px;
	font-size: 18px;
	color: #858831;
	font-weight: bold;
	line-height: 18px;
}

#main .submenu ul {
	display: block;
	margin: 5px 0 0 0px;
	padding: 0 0 0 40px;
}

#main .submenu ul li {
	list-style-type: none;
	padding: 2px 0 2px 0px;
}

#main .submenu ul li.active {
	list-style-type: none;
	padding: 2px 0 2px 0px;
	font-weight: bold;
	color: #c41230;
}


#main .submenu ul li a:link {
	text-decoration: none;
}

#main .submenu ul li a:visited {
	text-decoration: none;
}

#main .submenu ul li a:hover {
	text-decoration: none;
}


/* @end */

/* @group Adress */

.address {
	padding-left: 54px;
	padding-top: 20px;
}

.address p {
	padding: 1px 0;
}

/* @end */

/* @group Partners */

.partners {
	padding: 20px 0 20px 54px;
	clear: both;
}

.partners .logos{
	width: 160px;
	text-align: center;
	padding: 15px 0 0;
}

.partners p {
	padding: 1px 0;
}
.partners h1 {
	padding-top: 20px;
	font-size: 18px;
	color: #858831;
	font-weight: bold;
	line-height: 18px;
}
/* @end */


/* @group News */

#main .content .newsblock {
	padding-top: 10px;
}

#main .content .newsblock .date {
	color: #bebebe;
	background: url(../img/ico_news.png) no-repeat left center;
	padding-left: 15px;
}

#main .content .newsblock .title {
	padding: 4px 0 8px 15px;
	font-weight: bold;
	color: #c41230;
}

#main .content .newsblock p {
	padding: 4px 0 4px 15px;
}

/* @end */

/* @end */

/* @group Footer */

#footer {
	height: 69px;
	display: block;
	width: 100%;
	clear: both;
}

#footer .logo {
	width: 13%;
	height: 69px;
	float: left;
	min-width: 150px;
	text-align: center;
}

#footer .logo img {
	padding-top: 25px;
}

#footer .menu {
	line-height: 69px;
	float: left;
}

#footer .menu ul {
	margin: 0;
	float: left;
	display: block;
	padding: 0;
}

#footer .menu ul li {
	list-style-type: none;
	font-size: 12px;
	padding: 0 0 0 10px;
	color: #aeaaa3;
	cursor: auto;
	display: inline;
	text-transform: uppercase;
}

#footer .menu ul li a:link {
	color: #aeaaa3;
	text-decoration: none;
}

#footer .menu ul li a:visited {
	color: #aeaaa3;
	text-decoration: none;
}

#footer .menu ul li a:hover {
	color: #aeaaa3;
	text-decoration: underline;
}
.esf{
	color: #aeaaa3;
	vertical-align: middle;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	clear: both;
	display: block;
	white-space: nowrap;
	width: 100%;
	border-top:1px solid #ece6dd;
	background: #faf4ea;
	padding-top: 5px;
	height: 45px;
}
/* @end */
/* @group Popup */
#popup{
	width: 410px;
	padding-top: 10px;
	text-align: center;
}

#popup .name{
	padding-top: 5px;
}
/* @end */