@charset "utf-8";

body { background: #fff; }
body { background: #e9e9e9 url(/i/bg.png) center top repeat-y; }

#main { width: 97%; margin: 0 auto; position: relative; }
#main { width: 962px; position: relative; }

.frame, .framewide { border: 1px solid #e9e9e9; border-bottom: 0 none; padding: 18px 0 5px 0; margin: 0 0 0 0; background: url(/i/framebg.png) bottom left repeat-x; }

.pstock .frame { padding: 0; background: none; }
.pstock .frame table td { background: url(/i/framebg.png) bottom left repeat-x; }
.pstock .frame table td td { background: none; }
.pstock #pad { padding-top: 18px; }
.pstock  #feedback_form { padding-top: 15px; }

/* 100% */
/* #main { width: 96%; } */

#right p.sm, .sm { font-size: 9px; }

p.error { padding: 0 0 6px 0; color: red; }

#pad h2 { padding-top: 0; }

.col3 { width: 33%; float: left; }
td.col3 { width: 33%; float: none; }

.col50 { width: 49%; float: left; }
.col66 { width: 66%; float: left; }
.col33 { width: 33%; float: left; }

.nobg { background: none !important; }

/* top */
.logo { height: 148px; }
.logo img { margin: 40px 0 0 0; }

.demo { padding: 36px 0 0 0; }
/*
.demo .head { margin-top: 9px; }
.demo div.btn { float: left; display: block; text-align: right; width: 25%; padding:0; }
.demo div.btn img { margin: 0 10px 0 0; }
.demo div { float: left; width: 70%; padding: 10px 0 0 0;  cursor: pointer; }
.demo div p { line-height: 13px; padding-top: 5px; }
*/

.addr div { padding: 0 0 0 48px; }
.addr img { margin: 50px 0 3px 0; }
.addr p { font-size: 11px; line-height:12px; color: #676767; }


/* menu */
#menu { border-bottom: 5px solid #87bb37; padding: 0; width: 962px; background: #ededed url(/i/m-bg-p.png) left bottom repeat-x; }
#menu table { margin-left: 0; font-size: 13px; }
#menu td { text-align: center; padding: 7px 12px; }
#menu td a { text-decoration: none; color: #5c5c5c; }
#menu td a:hover { color: #000; }
#menu td.a { background: #5d9f2f url(/i/m-bg-a.png) left bottom repeat-x; }
#menu td.a a { color: #fff; font-weight: bold; }

#bottom #menu { width: auto; line-height: 14px; padding-right: 15px; }

/* head */
#head { width: 100%; }
#head #left, #head #right { padding: 0; display: table-cell; vertical-align: bottom; float: none;  }
#head h2 { padding: 35px 0 16px 0; }

#onecol { float: none; }
#onecol #content { width: 100%; padding-bottom: 0; }

#content, #left { float: left; width: 66%; padding: 3px 0 20px 0; min-height: 200px; }
#content img { margin: 5px 0 0 0; }
#content img.left { float: left; margin: 0 15px 15px 0; }
#content img.right { float: right; margin: 0 0 15px 15px; }
#content #pad { padding-left: 20px; }

/* right */
#right { float: right; width: 34%; padding: 2px 0 30px 0; }
#submenu { margin: 0 0 16px 0;  font-weight: bold; }

.onecol #content {  width: 100%; }
.onecol #right { display: none; }

#submenu li { background: #e9e9e9 url(/i/li1.png) 15px 12px no-repeat; margin: 0; padding-bottom: 0; line-height: 18px;  }
#submenu li a { padding: 5px 15px 5px 0; display: block; }
#submenu li.a, #submenu li.a:hover { font-weight: bold; background: #87bb37 url(/i/arrw.png) 15px 10px  no-repeat; }
#submenu li.a, #submenu li.a:hover { background: #87bb37 url(/i/smbg.png) 0 0 no-repeat; }
#submenu li.a a { padding: 5px 15px 5px 0; color: #fff; display: block; text-decoration: none; }

.sem th h2 em { color: #fff; font-size: 100%; background: #f4601a; padding: 3px; border-radius: 4px; }
h2 em { color: #fff; font-size: 100%; background: #f4601a; padding: 3px 6px; border-radius: 4px; }

#submenutop { margin: 0; background: #87bb37 url(/i/smbgp.png) bottom left repeat-x; }
#submenutop ul { margin: 0; padding: 0; }
#submenutop li { margin: 0; padding: 4px 12px 9px 12px; line-height: 18px; display: block; float: left; background: none;  }
#submenutop li a { color: #fff; text-decoration: none; font-weight: bold; text-decoration: none; }
#submenutop li a em { background: #f4601a; padding: 2px 4px; color: #fff; border-radius: 4px; }
#submenutop li.a a em { display: none; }
#submenutop li a:hover, #submenutop li:hover a { color: #000; }
#submenutop li:hover {  }
#submenutop li.a, #submenu li.a:hover { font-weight: bold; background: #87bb37 url(/i/smbga.png) bottom left repeat-x; }
#submenutop li.a a { padding: 0; color: #fff; display: block; text-decoration: none; }
#submenutop li.a a:hover { color: #000; }

#bottom { background: #fafafa url(/i/botbg.png) bottom left repeat-x; padding: 18px 0 16px 0; font: normal 11px/13px Tahoma, Arial, Helvetica, sans-serif;  overflow:hidden; width: 100%; margin: 0px 0 20px 0; position: relative; }
#bottom #menu { font-weight: bold; border: none; background: none; }
#bottom #menu a { }

#bottom .social { position: absolute; right: 15px; top: 39px; }
#bottom .social a { margin-left: 5px; }

#bottom .col { float:left; width: 49.9%; padding: 15px 0 0 0; }
#bottom .col p { padding: 0 0 5px 0; }
#bottom .m2 { font-size: 10px; color: #777; padding-top: 4px; }
#bottom #menu, #bottom .col p { padding-left: 30px; }
#bottom .right p { padding-left: 0; }

a.print { margin: 0; text-decoration: none; border-bottom: dashed 1px #3c5d7e; }

#right p { font-size: 11px; margin: 0; line-height: 14px; padding: 0 0 9px 27px;  }
p.logo { background: url(i/unilogosm.png) no-repeat 0 3px; }

/* edu */
#edu #head { padding: 0 0 10px 0; }
#edu #head img { float: left; margin: 0 7px 8px 0; }
#edu div { padding: 0 15px 8px 46px; font-family: Tahoma, Arial, Helvetica, sans-serif; line-height: 18px; background: url(/i/arrg.png) 33px 6px no-repeat; }
#edu a h3  { text-decoration: none; }
#edu h3 { font-size: 16px; margin-top: 0px; padding-top: 4px; line-height: 15px; }

/* fininfo */
#finfo { margin: 0 0 30px 0; }
#finfo #head { padding: 0; }
#finfo #head .txt { margin: 8px 0 0 0; }
#finfo #head img { float: left; margin: 0 7px 8px 0; }
#finfo div { padding: 0 15px 8px 49px; font-family: Tahoma, Arial, Helvetica, sans-serif; line-height: 18px; background: url(/i/arrg.png) 33px 6px no-repeat; }

/* kurs */
.defc { margin: 10px 0 20px 0; }
.defc td, .defc th { border: 0 none; border-top: 1px solid #e8e8e8; background: url(/i/tdbg.png) repeat-x; background: none; padding: 6px 15px 6px 0; }
.defc th, .defc th a { text-align: left; color: #3b9508; }

/* news */
.news { margin: 0 0 12px 0; }
.news .date { color: #6abc11; font-weight: bold; font-size: 11px; padding: 0 20px 0 0;  }
.news .auth { font-weight: bold; padding-top: 7px; }
.news p { padding-bottom: 2px; }
.onenews p { padding-bottom: 10px !important; }
.pages-cont div, .pages-cont span { display: block; float: left; cursor: pointer; padding: 3px 4px 3px 4px; }
.pages-cont span { padding-left: 0; }
.pages-cont div.a { background: #87BB37; color: #fff; padding: 2px 7px 2px 7px; margin: 0 1px 0 1px; }

.news .news h2 { font-size: 16px; line-height: 18px; padding: 15px 10px 2px 0; }

.onenews h2 { font-size: 16px; margin: 10px 0 0 20px; padding: 0 15px 10px 0; }
.onenews td.date { width: 38px; background: #87BB37; color: #fff; padding: 12px; }
.onenews td.date span { font-size: 15px; }
.newslist { padding: 0 20px 0 0; }
/* .news .text { padding: 7px 10px 0 0; margin: 0 20px 0 0; border-top: 2px solid #e8e8e8; } */
.news .text { padding: 7px 10px 0 0; margin: 0 20px 0 0; }
.news .text p { line-height: 15px; }
.addlist .selectednow { background: #e8e8e8; display: none; }

#li { position: absolute; left: -100px; top: -100px; }

/* licences */
#licences div { float: left; width: 175px; height: 300px; }
#licences div p { font-size: 11px; line-height: 12px; margin: 7px 0 0 0; }

/* form */
.form { width: 600px; }
.form textarea, .form input, .form select { font: normal 11px/13px Arial,Verdana,sans-serif; clear: both; margin: 6px 0 6px 0; }
.form input.text { width: 400px; }
.login input.text, .client_login input.text { width: 150px; }
.form textarea { width: 400px; }
.form select { width: 405px; font-size: 14px; }
.form .row { clear: both; }
.form .row label { display: block; float: left; width: 150px; padding: 6px 0 0 0; font-weight: bold; }
.form .row .field { float: left; width: 440px; }
.form #mainsubmit { margin: 10px 0 15px 150px; width: 100px; font-size: 14px; padding: 5px 10px; }
.form span.comment { font-size: 11px; color: #777; }

.def { font-size: 12px; width: 100%; margin-bottom: 10px;  }
.def th, .def td { padding: 6px 10px 6px 10px; line-height: 13px; }
.def th { text-align: left; }
.def .hl td { background: #f1f1f1; } 

.quotation { font-size: 11px; width: 93%;  }
.quotation .datetime { text-align: right; color: #777; font-weight: normal;  }
.quotation th, .quotation td { padding: 5px 5px 5px 9px; line-height: 13px; }
.quotation th { text-align: left; padding-botton: 10px; }
.quotation .hl td { background: #f1f1f1; } 
.quotation td.squ { color: #008000;}
.quotation td.sqd { color: #ba2722; }
.quotation td.time { color: #777; text-align: right; width: 30px; }
.quotation td.sep { background: #fff; }
#raoes { padding: 15px 0 0 20px; }
#raoes p { font-size: 11px; margin-top: 7px; }

/* calendar */
.eventcal { width: 97%; font-size: 11px; margin: 0;  }
.eventcal th, .eventcal td { padding: 4px 10px 4px 11px; }
.eventcal th { text-align: left; padding-botton: 10px; }
.eventcal .hl td { background: #f0f8e7; } 
.eventcal td.squ { color: #3b9508; font-size:12px; }
.eventcal td.sqd { color: #d40000; }

#right .qresin p { margin: 13px 0 0 0; padding: 0; }
#right .qresin h2, #raoes h2 { color: #68a608; font-weight: normal; padding: 0 10px 0 0; }

.semi span { font-style: italic; }

/* #subm1000 { font-size: 15px; } */

/* workshops */
.sem .theory .discount p, .sem .theory a, .theory .progdate, .theory .grade { color: #68a608; }
.sem .practice .discount p, .sem .practice a, .practice .progdate, .practice .grade { color: #148cc7; }

.sem .theory .sem5 .discount p { color: #F4601A; }

.sem table { width: 100%; border-collapse:collapse; }
.sem .last th { border-top: 0 none; border-top-color: #fff; }

.sem td.info { width: 49.1%; }
.sem td.sep { width: 1.8%; height: 17px; border: 0 none; }
.sem .block tr { border: none; }
.sem th h2 { padding: 10px 20px 14px 20px; font: bold 16px/14px Arial, sans-serif; color: #fff; }
.sem th h2 a { color: #fff !important; text-decoration: none; }
.sem th h2 a:hover { color: #000 !important; }

.sem .info { border: 1px solid #e9e9e9; border-top: 0 none; background: url(/p/edu-photo-1.jpg) bottom left no-repeat; }
table#stocks_tbl .info {background: transparent; padding-left: 15px}
.sem .info .cont { padding: 17px 0px 0 20px; }
.sem .info .left { float: left; width: 42.9%; }
.sem .info .descr { float: left; width: 57%; padding-bottom: 20px; }
.sem .info .descr p { font-size: 12px; line-height: 16px; }
.sem .info .viewoption { width: 153px; }
.sem .info .signup, .shedule .signup { width: 125px; font-size: 15px; padding: 3px 0; margin: 8px 0 20px 0; }
.shedule .signup { margin-bottom: 5px; } 

.sem .info .viewoption { padding: 15px 0 150px 0; float: left; }
.sem .info .viewoption div { padding: 8px 0 15px 46px; font-size: 13px; font-weight: bold; line-height: 14px; }
.sem .info .viewoption div.program { background: url(/i/ico-program.png) no-repeat; padding: 8px 0 19px 45px; }
.sem .info .viewoption div.timetable { background: url(/i/ico-shedule.png) no-repeat; padding: 11px 0 25px 45px; }
.sem .info .viewoption div.lecturer { background: url(/i/ico-tutor.png) no-repeat; padding: 5px 0 15px 45px; }
.sem .theory .viewoption a { background: url(/i/pat-dash-theory.png) left bottom repeat-x; text-decoration: none; }
.sem .practice .viewoption a { background: url(/i/pat-dash-practice.png) left bottom repeat-x; text-decoration: none; }
.sem .viewoption a:hover { background: url(/i/pat-dash-blk.png) left bottom repeat-x; color: #000; }

.sem .last .info .left { float: left; width: 340px; }
.sem .last .info .discount { float: left; }
.sem .last .info .viewoption { float: left; }

.sem .discount { margin: 5px 14px 0 0; }
.sem .discount { width: 155px; background: url(/i/edu-ib-b.png) bottom left no-repeat; float:left; }
.sem .discount .top { background: url(/i/edu-ib-t.png) no-repeat bottom; width: 155px; height: 5px; }
.sem .discount .txt { padding: 5px 11px 9px 11px; }
.sem .discount .txt p { font: normal 11px/12px Arial, Helvetica, sans-serif; padding:0 0 3px 0; }
.sem .discount .txt p.price { font-size: 20px; line-height: 20px; }
.sem .discount .txt p.price span { font-size: 12px; line-height: 14px; font-weight: bold; }
.sem .discount .txt p.sale { color: #000 !important; }


.edu-step1, .edu-step2 { padding: 0 0 10px 37px; }
.edu-step1 h3, .edu-step2 h3 { font-size: 18px; line-height: 18px; font-weight: normal; margin: 0; padding: 5px 0 0 0;  }
.edu-step1 p, .edu-step2 p { line-height: 15px; }

.edu-step1 { background: url(/i/edu-num-1.png) no-repeat; }
.edu-step1 h3 { color: #68a608; }

.edu-step2 { background: url(/i/edu-num-2.png) no-repeat; }
.edu-step2 h3 { color: #148cc7; }

.popup h2, .seminfo h2 { margin: 0; padding: 6px 0 0 0; }
.popup h2 span, .seminfo h2 span { font: bold 18px/18px Arial, Helvetica, sans-serif; padding: 2px 6px 10px 0; float: left; }
#content .popup h2 .hico, #content .seminfo h2 .hico { display: block; float: left; margin: 0; }

.prog .progdate { width: 220px; padding: 0; }
.prog .progdate p { padding: 0 40px 0 0 ; margin: 0; font: bold 12px/15px Arial, sans-serif; }
.prog .progcont {  }

.header .prog { margin: 0 0 0 0; }
.header .prog td { padding: 0 0 6px 0; }

.ui-accordion h3 { padding: 0 0 0 0; margin: 0; clear: both; }
.ui-accordion ul { padding: 0; margin: 0; }

.lector { padding: 0 0 30px 0; }
.lector .basic { width: 917px; }
.sem .lector .basic td, .lector .basic td { border: 0 none; border-bottom: 2px solid #e8e8e8; }
.lector .basic .photo { width: 200px; text-align: center; }
.lector .basic .info { background: none; padding: 0 0 14px 0; width: 717px; }
.lector .descr { padding: 14px 40px 0 200px; }
.lector h3 { font: normal 20px/20px Arial, Helvetica, sans-serif; color: #000; }
.lector .grade { font-weight: bold; padding: 0; }
.lector .email a { background: url(/i/ico-mail.png) no-repeat right top; padding: 0 20px 0 0; }

.collapse { display: block; position: absolute; right: 11px; top: 11px; }
.collapse a { background: url(/i/btn-collapse.png) no-repeat right top; padding: 0 20px 0 0; }

.seminfo .main { width: 66%; float: left;  }
.smenutop .seminfo .main { width: 100%; float: left;  }
.seminfo .defc { width: 917px; width: 63.5%; }
.seminfo .frame h2, #dialog h2 { padding: 10px 0 15px 0; }
.seminfo h2 { margin: 0; padding: 0 0 0 0; }
.seminfo h2 span.tutor { padding-top: 2px; }
.seminfo h2 span.shedule, .popup h2 span.shedule  { padding-top: 8px; }
.seminfo h2 span.program { padding-top: 4px; padding-right: 7px;  }

#dialog .form { width: 680px; }
#dialog .form .row label { width: 220px; padding:6px 8px 0 8px; }
.theory #dialog .form .nform, .theory #dialog .form .nform1  { background: #f3f8eb; }
.practice #dialog .form .nform, .practice #dialog .form .nform1  { background: #e8f6f9; }
#dialog .form #mainsubmit { margin-left: 236px; }
.form .row .req { background: url(/i/ico-reqfld.png) 410px 11px no-repeat; }

.nform .field, .nform1 .field { background: url(/i/ico-reqfld.png) 410px 9px no-repeat; }

table.shedule { margin: 0 0 14px 0; }
table.shedule th { text-align: left; padding: 5px 10px 5px 0; }
table.shedule td { border-top: 2px solid #e8e8e8; padding: 5px 10px 25px 0; }
table.shedule em { font-size: 12px; font-style: italic; padding: 15px 10px 0 0; display: block; }
table.shedule .date { width: 190px; }
table.shedule .desc { width: 440px; }
table.shedule .desc p { padding: 1px 0 1px 0; line-height: 14px;  }
table.shedule .progdate { font-weight: bold; }
table.shedule .weekblock { padding-top: 7px; }

.defblock h2 { padding: 0 0 2px 0; margin: 0; font: normal 20px/17px Arial, Helvetica, sans-serif; color: #6abc11; }

/* fin news arch */
.newsarch { margin: 7px 0 0 0; }
#calendar { background: #fff; padding: 0 0 10px 0; margin: 10px 20px 0 0; width: 200px; text-align: center; }
#calendar table.calendar { width: 100%; }
#calendar table.dates { width: 90%; margin: 10px 5%; }
#calendar table.dates td.calendar { border-bottom: 1px #dcdcdc solid; }

#calendar table.calendar td { text-align: center; font: normal 11px Arial, Helvetica, sans-serif; }
#calendar table.calendar tr.c td { height: 23px; }
#calendar table.calendar td { color: #777; }
#calendar table.calendar td.cur { color: #000; background: #7d7d7d url(/i/calend-ybg.png) bottom left repeat-x;  }
#calendar table.calendar td.cur { background: #dcdcdc;  }
#calendar table.calendar td.a a { color: #000; text-decoration: underline; font-weight: bold; }
#calendar table.calendar td.cur a { color: #000; text-decoration: none; }
#calendar #ctrl { width: 100%; }
#calendar #ctrl td { text-align: center; font: normal 13px Arial, Helvetica, sans-serif; color: #fff; padding: 0; }
#calendar #ctrl td.m { background: #87bb37 url('/i/calend-mbg.png') bottom left repeat-x; font-size: 16px; vertical-align: top; padding: 7px 0 0 0;  width:100%;}
#calendar #ctrl td.y {  background: #7d7d7d url('/i/calend-ybg.png') bottom left repeat-x; cursor: hand; text-align: center; padding: 0; width:100%; }
#calendar #ctrl td.c { cursor: pointer; }
#calendar td.sep { height: 10px; font-size: 1px; line-height: 0; }

table.quotation th {border: 0px solid #fff!important; color: #777; font-weight: normal; padding-left: 10px !important; padding-bottom: 5px!important; height: 40px!important;}

#feedback_form{border-left: 1px solid #E9E9E9}
#feedback_form .form{width: auto;}
#feedback_form .mainbar{padding-left: 70px}
#feedback_form .form input.text {width: 235px; margin-top: 3px}
#feedback_form .form textarea {width: 235px; margin-top: 3px}
#feedback_form .form .row label{float: none}
#feedback_form .form .row .field{width: 260px}
#feedback_form .form .row .req{background: url(/i/ico-reqfld.png) right no-repeat}

#feedback_form .form #mainsubmit {margin: 10px 0px 0px 0px}

#feedback_form .sidebar{display: none}
#feedback_form  h3{margin: 20px 0 12px 30px !important; width: 300px;}

.social-vk { display: block; background: url(/i/i-vk.png) no-repeat; padding: 3px 0 3px 24px; line-height: 13px; margin: 4px 0 0 0; color: #656565; }
.vkg { background: url(/i/i-vk-g.png) no-repeat; }

#faq { margin-top: -15px; }
.faq_head { padding-left: 30px; background: url('/i/faq-q.png') no-repeat; 	cursor: pointer; margin: 18px 0 0 0; padding: 2px 15px 10px 28px; }
.faq_head span {  border-bottom: 1px dashed #777; }
.faq_text{ padding-left: 28px; display: none; }

.market_map{width: 100%; }
.market_map #calendar{width: auto}
.market_map img{ margin: 0 !important; }
.calendar td.calendar { width: 14.2%; }


.market_map img.docsm { width: 12px; height: 15px; margin: 0 0 0 4px !important; display: block; float: left; }
.market_map span.date { display: block; float: left; padding: 0 0 0 14px; font-size: 12px; }
.market_map span.date a { font-weight: bold; text-decoration: none; color: #000; }
.market_map span.date a:hover { color: #3B9508; }

.years { padding: 10px 0 15px 0; }
.years span { font-size: 12px; }
.years span.a { font-size: 23px; }

li.cur { font-weight: bold; }
li.cur a { text-decoration: none; font-size: 14px; color: #3B9508; }

#clien_login_btn {
	position: absolute;
	top: 10px;
	right: 183px;
	padding-left: 24px;
	background: url(/i/ico-lock.png) no-repeat;
	line-height: 22px;
	padding-top: 3px;
	font-size: 11px;
}

#clien_login_btn a {
	color: #777;
} 

.collogo, .coltb  { width: 30%; float: left; }
.coltb { width: 36%; padding-top: 36px; }


.topbanner .display, .banner .display { display: block !important; }
.topbanner { height: 76px; width: 350px; margin: 0; padding: 0; overflow: hidden; position: relative; }
.topbanner .tb { position: absolute; height: 76px; width: 350px; left: 0; top: 0; display: none; } 
.topbanner .th { position: absolute; left: 0; top: 0; display: none; width: 94px; height: 76px; }
.topbanner .tt { position: absolute; left: 94px; top: 0; display: none; width: 297px; height: 76px; }


/* for hny2012 */
.topbanner { height: 115px; }
.topbanner .tb { position: absolute; height: 115px; width: 350px; left: 0; top: 0; display: none; } 
.topbanner .th { position: absolute; left: -4px; top: 0; display: none; width: 117px; height: 115px; }
.topbanner .tt { position: absolute; left: 114px; top: 0; display: none; width: 233px; height: 115px; }
.coltb { padding-top: 15px; }
.collogo.logo { width: 260px; }


.news h2 a { text-decoration: none; }
.onenews table.header { margin-bottom: 10px; }