html, body  {height:100%; width:100%;}
* { font-family: Trebuchet MS, Helvetica, Tahoma, Arial; font-size: 12px; color: #465058;}

.header, .header *, .bot,
.footer, .footer * {padding: 0px; margin:0px;}

img {border:0;}
a {cursor: pointer; text-decoration: none;}
body {background:  #8DB90E;padding: 0px; margin:0px;}
table {border-collapse: collapse;}
option {padding-left: 3px;}
ul {list-style-image: url(/img/front/ul-point.gif)}

.page {background: url(/img/front/bg.jpg) repeat-x left bottom #FFD30A; height:100%; width:100%;}


.header {height: 1%;padding-top: 40px; vertical-align:top;}
.content * {line-height: 15px;}
.footer {height: 1%; padding-top:5px;}

/* HEADER {{{*/
.header .head {height: 245px; width: 988px; margin: 0 auto;}
.header .head td {vertical-align: bottom;}
.header .head .bot td {height: 25px;}

.center_u {width: 160px;}
.center_u a {margin:0 0 20px 55px; display: block;}
.center_u a h2 {position: relative; top:20;left:30; width: 40px; line-height: 13px; color: #ff6600;}

.bany {width:93px;  padding-bottom: 10px;}
.bany div {width: 93px; height: 159px;background: url(/img/front/bany.jpg) no-repeat;}

.holidays {width: 120px;  vertical-align: top !important; }
.holidays a {display: block;}
.holidays a.img {margin: 28px 0 0 10px;}
.holidays a.text {position: relative; bottom:0;right:15; width: 40px; line-height: 13px;}
.holidays a.text * {color: #ff6600;}

.center_u a h2, .holidays a h2 {font-family: Tahoma; font-size: 11px;}


.logo {width: 240px; padding: 0 0 15px 30px;}
.news {width: 30px; vertical-align: top !important; padding: 55px 0 0 0;}

.contacts {vertical-align: top !important;}
.contacts .mail {position: relative; top:85;left:5; display: block; width: 61px; height: 44px;text-decoration: none;}
.contacts .address {position: relative; top:100;left:5;}
.contacts .phone {position: relative; bottom:50;left:80;}

.contacts a, .news a, .logo a, .center_u div, .holidays div {position: relative; bottom:0; right:0;}

.path {padding: 0 0 3px 55px;color: White;position: relative;}
.path div {overflow: hidden; width: 600px; height: 20px;}
.path * {color: White;}
.path a:hover {text-decoration: underline;}

.header .inactive * {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+*/
	-moz-opacity: 0.5; /* Mozilla 1.6 и ниже */
	-khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */
	opacity: 0.5;
}
.header .active * {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE 5.5+*/
	-moz-opacity: 1; /* Mozilla 1.6 и ниже */
	-khtml-opacity: 1; /* Konqueror 3.1, Safari 1.1 */
	opacity: 1;
}
/* }}} HEADER */


.content {padding: 0px; margin:0px;}
.content .cont {padding: 0px; margin:0px;}
.content .cont ul {padding: 0px; margin-left:25px; font-size: 9px;}
.content .cont .center_col table {border-collapse: separate !important}

.content .cont { width: 904px; margin:0 auto; height: 100%;}
.content .left_col {background: url(/img/front/point_col.gif) repeat-y top right;}
.content .right_col {background: url(/img/front/point_col.gif) repeat-y top left;}

.content .right_col,.content .left_col {padding: 1px 5px 5px 5px; width: 192px;}
.content .center_col,.content .right_col,.content .left_col {vertical-align: top;}

/* MENU {{{ */
.menu {margin:0; border-collapse: separate;width: 194px;}
.menu * {font-family: Tahoma;}
.menu a:hover {text-decoration: underline;}

.menu .level1 { height: 45px; background: url(/img/front/menu_level1.jpg) no-repeat top center; border-bottom: solid 3px White; vertical-align: middle; padding: 3px 10px 3px 15px;}
.menu .level1 a, .menu .level1 span {color: #cd5903;}
.menu .active {padding-left: 45px; background: url(/img/front/menu_level1_active.jpg) no-repeat top center;}
.menu .level1 b {color: #cd5903;}

.menu .level2 {width: 190px; height: 29px; background: url(/img/front/menu_level2.jpg) no-repeat top left; padding-left: 20px;}
.menu .level2.nopoint {width: 190px; height: 29px; background: url(/img/front/menu_level2_nopoint.jpg) no-repeat top left; padding-left: 20px;}
.menu .level2 * {font-weight: bold; color: #718c1a; font-size: 11px;}
.menu .level3 {padding-left: 30px;}
.menu .level3 * {font-size: 11px; font-weight: bold; color: #ff8400; margin: -2px 0 2px 0;}
/*  }}} MENU */

.footer .foot  { width: 904px; margin:0 auto; height: 100px; }
.footer .foot .top {height: 36px;vertical-align:middle}

.footer .foot .center, .content .cont .top {background: url(/img/front/content_bg.gif) repeat-y White;}
.footer .foot .bot, .content .cont .bot {height: 15px; font-size:1px;}

.footer .site_map {position: relative; top:3;left:20; display: block; float: left; width:104px; height:19px;}
.footer .contact_f {position: relative; top:0;right:30; display: block; float: right; width:139px; height:22px;}
.footer .foot .center p {margin: 0 30px; text-align: center; border-bottom: solid 3px #B7CE4C; padding: 10px 0; font-family: Tahoma; font-size: 11px;}
.footer .foot .center p > a{color:#cd5903;text-decoration:underline;cursor:auto}
.footer .foot .center .counters {margin:10px 30px 0 30px; text-align: center}

.footer .foot .igrushka {width: 50%; }
.footer .foot .igrushka div {margin-left: 100px; width: 118px; height: 110px;}
.footer .foot .zoc a {margin-left: 200px; width: 157px; height: 110px; display: block;}
th.footerOurButton{width:112px;height:31px;vertical-align:middle;background:url(/img/front/our-button.png) no-repeat 0 1px}
th.footerOurButtonImg{text-align:right}
th.footerOurButtonImg img{width:88px;height:31px}
td.footerOurButton{width:240px;background: url(/img/front/point_col.gif) repeat-y top right;padding-right:10px;vertical-align:top}
td.footerOurButton table{width:100%}
td.footerButtons{text-align:center;padding-left:8px}
td.footerButtons table{width:100%}
td.footerButtons table th{vertical-align:middle}
div.footerPartnersHdr{font-weight:bold;text-align:left;margin-bottom:4px}
div#footerPartners > div{float:left;margin:2px}
table.footerTable{width:100%}
th.footerOurButtonText{text-align:left;width:100%;padding-top:2px}
th.footerOurButtonText textarea{width:100%;height:60px}
.icon{width:16px;height:16px;border:none}

.portal {position: absolute; top:0;left:0; z-index: 110;}
.leftcon1 {position: absolute; top:0;left:0; width: 215px; height: 28px; background:  url(/img/front/leftcon1.gif); z-index: 100;}
.leftcon2 {position: absolute; top:28;left:0; width: 161px; height: 54px; background:  url(/img/front/leftcon2.gif); z-index: 100;}
.leftcon3 {position: absolute; top:82;left:0; width: 31px; height: 134px; background:  url(/img/front/leftcon3.gif); z-index: 100;}


/*----------------*/

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #8bb70c;
	background-color: #fff5bc;
	padding: 5px;
}

#tooltip h3 {font-weight: normal;}
#tooltip h3, #tooltip div { margin: 0; }

.center_col ul {margin: 10px 40px;}
.center_col .date  {font-weight: bold;}
.center_col {padding: 7px;}
.center_col * {color: #526126;}
.center_col a {color: #cd5903; text-decoration: underline;}
.center_col h1 {color: #cd5903; margin-bottom:10px; font-size: 14px;}
.center_col div.text {margin: 10px 2px; text-align: justify;}
.center_col .image {float: right; padding: 2px; margin-left: 5px;}

.line {background: url(/img/front/yellow_point.gif) repeat-x center center; clear: both;}
.line .lapa {background: url(/img/front/yellow_lapa.gif) no-repeat right bottom;  height: 18px;}

/* BLOCKS {{{*/
.block_white_green {position: relative;}
.block_white_green .arrow {background: url(/img/front/block_white_green/arrow.gif) no-repeat; height: 9px; width: 15px; line-height:1px;font-size:1px;}
.block_white_green .arrow.left {position:relative; top: 1px; left: 40px;}
.block_white_green .arrow.right {position:relative; top: 1px; left: 410px;}
.block_white_green .t {background: url(/img/front/block_white_green/point.gif) repeat-x top #faffe2;}
.block_white_green .b {background: url(/img/front/block_white_green/point.gif) repeat-x bottom;}
.block_white_green .l {background: url(/img/front/block_white_green/point.gif) repeat-y left;}
.block_white_green .r {background: url(/img/front/block_white_green/point.gif) repeat-y right;}
.block_white_green .tl {background: url(/img/front/block_white_green/tl.gif) no-repeat left top;}
.block_white_green .tr {background: url(/img/front/block_white_green/tr.gif) no-repeat right top;}
.block_white_green .br {background: url(/img/front/block_white_green/br.gif) no-repeat right bottom;}
.block_white_green .bl {background: url(/img/front/block_white_green/bl.gif) no-repeat left bottom;}
.block_white_green .bcont {padding: 10px;}

.block_white_white {position: relative;}
.block_white_white .arrow {background: url(/img/front/block_white_white/arrow.gif) no-repeat; height: 9px; width: 15px; line-height:1px;font-size:1px;}
.block_white_white .arrow.left {position:relative; top: 1px; left: 40px;}
.block_white_white .arrow.right {position:relative; top: 1px; left: 410px;}
.block_white_white .t {background: url(/img/front/block_white_white/point.gif) repeat-x top White;}
.block_white_white .b {background: url(/img/front/block_white_white/point.gif) repeat-x bottom;}
.block_white_white .l {background: url(/img/front/block_white_white/point.gif) repeat-y left;}
.block_white_white .r {background: url(/img/front/block_white_white/point.gif) repeat-y right;}
.block_white_white .tl {background: url(/img/front/block_white_white/tl.gif) no-repeat left top;}
.block_white_white .tr {background: url(/img/front/block_white_white/tr.gif) no-repeat right top;}
.block_white_white .br {background: url(/img/front/block_white_white/br.gif) no-repeat right bottom;}
.block_white_white .bl {background: url(/img/front/block_white_white/bl.gif) no-repeat left bottom;}
.block_white_white .bcont {padding: 10px;}
/* }}} BLOCKS */


/* RAMKA {{{ */
.ramka {border: solid 1px #8bb70c; display: block; padding: 4px; background-color: #fff5bc; float:left;}

.ramka_white * {float: left; padding:0; margin:0;}
.ramka_white div {background: url(/img/front/ramka_white/shadow.png) no-repeat right bottom;}
.ramka_white div div {background: url(/img/front/ramka_white/top_bg.gif) no-repeat right top;}
.ramka_white div div div {background: url(/img/front/ramka_white/left_bg.gif) no-repeat  0px 4px;}
.ramka_white div div div div {background: url(/img/front/ramka_white/ugolok.gif) no-repeat left bottom; padding: 8px 8px 8px 7px; _padding: 8px 5px 8px 4px;}
.ramka_white {clear:both;}

.ramka_green * {float: left; padding:0; margin:0;}
.ramka_green div {background: url(/img/front/ramka_green/shadow.png) no-repeat right bottom;}
.ramka_green div div {background: url(/img/front/ramka_green/top_bg.gif) no-repeat right top;}
.ramka_green div div div {background: url(/img/front/ramka_green/left_bg.gif) no-repeat  0px 4px;}
.ramka_green div div div div {background: url(/img/front/ramka_green/ugolok.gif) no-repeat left bottom; padding: 8px 8px 8px 7px; _padding: 8px 5px 8px 4px;}
.ramka_green {clear:both;}

/* }}} RAMKA */

.contact_block {width: 475px; height: 80px; margin: 10px auto; background: url(/img/front/lessons_contact_block.jpg) no-repeat; border-top: solid 1px White;}
.contact_block p {margin: 10px 15px; display: block;}

td.search{height:auto;padding:2px 52px 0 0;vertical-align:top !important}
td.search > div{height:20px;overflow:hidden}
.hdrSearch{height:20px;float:right;background:url(/img/front/hdr-search-left.png) no-repeat left top;padding-left:7px}
.hdrSearch table{height:20px}
.hdrSearch > table td{height:20px;background:url(/img/front/hdr-search-right.png) no-repeat right top;padding-right:7px}
.hdrSearch > table td div{height:20px;background:url(/img/front/hdr-search-bg.png) repeat-x;padding:3px 0 3px 0}
.hdrSearch input{border:none;background:transparent;color:#7EA709 !important;font-weight:normal !important}
.hdrSearch > table th{padding-top:2px;padding-left:7px;vertical-align:top}
div.wait{text-align:center;padding-top:20px;padding-bottom:20px}
#searchResults{margin-top:5px}
#searchData,#searchError{display:none}
#searchError{color:#CD5903}
#searchPager,#searchNoResults{text-align:center;margin-top:10px;margin-bottom:10px;display:none}
#searchNoResults{font-style:italic}
#searchData > div {margin:4px 4px 4px 4px}
#searchData > div > p {margin-top:2px;margin-bottom:10px}

.pager {color: #cd5903; font-weight: bold; font-size: 11px; line-height: 16px;}
.pager a.current {color: #7b9d18; font-weight: bold; font-size: 11px; padding: 2px 5px; border: solid 1px #7b9d18; text-decoration: none; background: White;}
.pager a {color: #7b9d18; font-weight: bold; font-size: 11px; padding: 2px 5px; border: 0; text-decoration: underline; background: none;}
.pager a:hover {color: #ff8400}

span.highlight{background:#BCE348 !important;color:white !important}