﻿/* * *            *
     * [ Layout ] *
	 *            * * */

body, select, input, textarea { font: 14px Arial, Helvetica, sans-serif; color: #000000; }
html, body, form, img         { margin: 0; padding: 0; border: 0; }
h1, h2, h3, h4, h5, h6        { margin: 20px 0; }
a                             { color: #0054a6; }
.lilac a 					  { color: #9e0039; }
a:hover                       { text-decoration: none; }
ul                            { list-style-type: disc; margin: 20px 0; padding-left: 18px; }
ol                            { margin: 20px 30px 20px 5px; padding-left: 10px; }
li                            { margin: 10px 0; }
h1, .title                    { font-size: 20px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: normal; color: #0565a7; }
.lilac h1 					  { color: #4b0049; }
h2                            { font-size: 18px; }
h3                            { font-size: 16px; }
h4                            { font-size: 14px; }
h5                            { font-size: 12px; }
h6                            { font-size: 10px; }

html, body                    { height: 100%; }
body                          { background: white; }

.fixHeight {
	overflow: hidden;
}

.main {
	margin: 0 auto;
	position: relative;
	min-height: 100%;
	min-width: 980px;
	background: url(../images/header-g.png) 50% 0 repeat-y;
}
.wrap {
	background: white;
	padding: 0 0 150px 0;
}
.wrapper {
	width: 940px;
	margin: 0 auto;
	position: relative;
}
.clear {
	clear: both;
	width: 100%;
	height: 0;
	overflow: hidden;
}
input {
	border: none;
	background: white;
	padding: 2px 5px 3px;
	font-style: italic;
	margin: 0 0 10px;
}
textarea {
	border: none;
	background: white;
	padding: 2px 5px 3px;
	font-style: italic;
	margin: 0 0 10px;
}
input[type="submit"] {
	color: white;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background: #0565a7;
	font-style: normal;
	padding: 1px 20px 3px;
	cursor: pointer;
}
.lilac input[type="submit"] {
    background: #630460;
}
input[type="submit"]:hover {
	background: #187dc2;
}
.lilac input[type="submit"]:hover {
	background: #9b0896;
}
input[type="checkbox"] {
	background: none;
	padding: 0;
}


/* * *            *     
     * [ Header ] *     
     *            * * */

.header {
	position: relative;
	background-position: 50% 0;
	background-repeat: repeat-y;
	background-image: url(../images/b-menu-bg.png);
	width: 100%;
	clear: both;
}
.lilac .header {
	background-image: url(../images/l-menu-bg.png);
}
/* [ menu ] */
.menu {
	width: 800px; height: 80px;
	margin: 0 auto;
	position: relative;
	z-index: 355;
	padding: 0;
	list-style-type: none;
	font-size: 13px;
}
.menu > li {
	float: left;
	margin: 0 18px;
	position: relative;
	height: 40px;
	border-top: 5px solid transparent;
}
.menu a {
	color: white;
	display: block;
	text-decoration: none;
	padding: 10px 0 0;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.menu li:hover {
	border-color: #03b2d3;
}
.menu a:hover {
	color: #00ffff;
}
.lilac .menu li:hover {
	border-color: #9e0039;
}
.lilac .menu a:hover {
	color: #f06eaa;
}

.menu .subMenu {
	position: absolute;
	width: 1000px;
	top: 100%; left: 50%;
	margin-left: -500px;
	text-align: center;
	display: none;
}
/*
.menu > li:hover .subMenu {
	display: block;
}
*/
.menu ul {
	display: inline-block;
	list-style-type: none;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
.menu ul li {
	text-align: left;
	margin: 0;
	position: relative;
	border-top: 1px solid #448cbd;
}
.lilac .menu ul li {
	border-top: 1px solid #865384;
}

.menu ul a {
	border: none;
	margin: 0;
	padding: 5px 10px;
	background: #0565a7;
}
.lilac .menu ul a {
	background: #652563;
}

.menu ul a:hover {

}
.menu ul ul {
	display: none;
	position: absolute;
	top: -1px;
	left: 100%;
}
/*
.menu ul li:hover ul {
	display: block;
}
*/

/* [ gallery ] */
.header .fg {
	width: 100%;
	overflow: hidden;
	position: absolute;
	left: 0; top: 30px;
	height: 420px;
}

.header .fg div {
	position: absolute;
	top: 0px; left: 50%;
	width: 1200px; height: 420px;
	margin-left: -600px;
	background: url(../images/galary-fg.png) 0 0 no-repeat;
	z-index: 1;
}
.gallery {
	background: white;
	width: 100%; height: 400px;
	position: relative;
	overflow: hidden;
	margin: -40px 0 0;
}
.galleryIn {
	width: 1200px; height: 400px;
	position: absolute;
	top: 0; left: 50%;
	margin-left: -600px;
}
.gallery .ft-prev, .gallery .ft-next {
	width: 50px; height: 50px;
	padding: 0;
	overflow: hidden;
	text-indent: -999px;
	opacity: 1 !important;
	top: auto !important;
	bottom: 0 !important;
	z-index: 23;
}
.gallery .ft-prev {
	left: 400px !important;
	background: url(../images/prev.png) 50% no-repeat;
}
.gallery .ft-next {
	left: 450px !important;
	background: url(../images/next.png) 50% no-repeat;
}

.headerBottom {
	width: 100%; height: 200px;
	margin: -50px 0 0;
	background: url(../images/heaer-bottom-bg.png) 50% 0 no-repeat;
	z-index: 2;
	position: relative;
}
.headerBottomContent {
	width: 940px;
	position: relative;
	margin: 0 auto;
	padding-top: 50px;
}
.headerBottomContent address {
	font-style: normal;
	font-size: 12px;
}
.headerBottomContent address span {
	display: block;
	font-size: 18px;
	margin-top: 10px;
}
.headerBottomContent address a {
	display: inline-block;
	margin-top: 20px;
}
.logo {
	position: absolute;
	top: 40px; right: 80px;
	overflow: hidden;
	margin: 0;
}
.logo a {
	display: block;
	text-indent: -9999px;
	width: 152px; height: 122px;
	background: url(../images/b-logo.png) 0 0 no-repeat;
}
.lilac .logo a {
	background: url(../images/l-logo.png) 0 0 no-repeat;
}

.banner {
    background: white;
    position: relative;
    z-index: 2;
}
.banner div {
    margin: 0 auto;
    width: 940px;
    position: relative;
    top: -50px;
}
/* * *             *
     * [ Content ] *
     *             * * */
.content {
	float: left;
	width: 620px;
}
.twoColumn {
	overflow: hidden;
}
.column1, .column2 {
	float: left;
	width: 300px;
	padding-top: 40px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(../images/b-menu-bg.png);
}
.lilac .column1, .lilac .column2 {
	background-image: url(../images/l-menu-bg.png);
}
.column1 {
	margin-right: 20px;
}
.column2 {
	background-position: 100% 0;
}
.contentIn {
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-image: url(../images/b-menu-bg.png);
	padding-top: 1px;
}
.lilac .contentIn {
	background-image: url(../images/l-menu-bg.png);
}
.contentIn h1:first-child, .teachersContent h1:first-child, .newsContent h1:first-child, .contentIn .title {
	margin: -43px 0 0;
	height: 73px;
	position: relative;
	z-index: 24;
}
/*  Teachers  */
.teachersContent {
	width: 940px;
	background: white;
}
.teachersContent h1:first-child {
	background: url(../images/l-bg-line.png) 0 100% no-repeat;
	height: 50px;
	width: 620px;
	padding-right: 320px;
	margin-left: auto !important;
	margin-right: auto !important;
}
.teachersList {
	list-style-type: none;
	margin: 0;
	padding: 0 0 60px;
	overflow: hidden;
    position: relative;
    z-index: 100;
}
.teachItem {
	padding: 40px 0;
	position: relative;
}
.bg-block {
	position: absolute;
	width: 940px; height: 100%;
	padding: 40px 0 30px;
	top: -40px; left: 0;
}
.bg-block em {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px; bottom: 0px;
}
.teachItem:nth-child(even) {
	background: #f3eff6;
}
.teachItem:nth-child(even) .bg-block {
	background: url(../images/l-photo-block-t.png) 50% 0 no-repeat;
}
.teachItem:nth-child(even) .bg-block em {
	background: url(../images/l-photo-block-b.png) 50% 100% no-repeat;
}
.teachItemIn {
	width: 940px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}
.teahPhoto {
	width: 300px;
	float: left;
	padding: 0 0 5px 20px;
}
.teahPhoto img {
	width: 165px; height: 165px;
}
.teahPhoto a {
	display: inline-block;
	position: relative;
}
.teahPhoto a em {
	display: none;
	position: absolute;
	z-index: 1;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: url(../images/zoom.png) 95% 95% no-repeat;
}
.teahPhoto img {
	vertical-align: top;
}
.teahPhoto a:hover em {
	display: block;
}
.teachName {
	float: left;
	width: 320px;
}
.teachName h2 {
	margin: 0;
	font-size: 30px;
}
.teachName p {
	margin: 0;
}
.teachName a {
	display: inline-block;
	margin-top: 20px;
}
.teachMedia {
	float: left;
	width: 300px;
}
.teachMedia ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 85px;
}
.teachMedia li {
	margin: 0;
	float: left;
}
.carouselVideo img {
	border: 1px solid #000;
	vertical-align: top;
	width: 78px; height: 78px;
}
.teachContent {
	clear: both;
	display: none;
	width: 900px;
	padding: 10px 20px;
}
.teachersContent address, .appl-address address {
	width: 300px;
	margin: 0 auto;
	background: url(../images/l-bg-line.png) 100% 0 no-repeat;
	padding: 30px 0 0;
	font-size: 16px;
	color: #4b0049;
	text-align: center;
	font-style: normal;
}

.phone {
	font-size: 18px;
}
.address {
	font-style: normal;
	margin-top: 20px;
}
.appl-address {
    padding-top: 40px;
    width: 940px;
}

/* news */

.newsContent {
    width: 940px;
	background: white;
    position: relative;
    z-index: 20;
}

.newsContent h1:first-child, .newsContent .title {
    background: url(../images/b-menu-bg.png) 0 100% no-repeat;
	height: 50px;
	width: 620px;
	padding-right: 320px;
	margin-left: auto !important;
	margin-right: auto !important;
}

.newsListBox {
	list-style-type: none;
	margin: 0;
	padding: 0;

}
.newsListBox li {
	border-bottom: 1px solid #e6e6e6;
	margin: 0;
	padding: 30px 0 0 0;
    min-height: 170px;
}

.newsListBox li img {
    display: block;
    float: left;
    width: 300px;
    height: 150px;
    position: absolute;
    margin-bottom: 30px;
}
.newsListBox li div.Right {
    float: left;
    display: block;
    width: 610px;
    margin: 0 0 30px 330px;
}
.newsListBox li::after {
    content: '.';
    display: block;
	clear: left;
	height: 0;
}
.newsListBox li a.More {
    float: right;
}
.newsListBox span {
	display: block;
}
.newsListBox a {
	font-size: 13px;
	font-weight: bold;
}
.pNavig {
	padding: 20px 0;
}
.pNavig a, .pNavig span {
	line-height: 1;
	border-left: 1px solid #959595;
	display: inline-block;
	padding: 0 10px;
	font-size: 12px;
	font-weight: bold;
}
.pNavig span {
	color: black;
	font-weight: bold;
}
.pNavig :first-child {
	border: none;
	padding-left: 0;
}

.newsItem {
    display: block;
    padding-top: 30px;
}
.newsItem h1 {
	margin: 0;
	font-size: 16px;
	font-weight: bold;
}

/* * *             *
     * [ Right ] *
     *             * * */

.right {
	float: right;
	width: 300px;
	padding: 30px 0 220px;
    position: relative;
    z-index: 13;
}
.right h2 {
	font-size: 14px;
}
.social {
    margin-top: -60px;
    z-index: 23;
    text-align: center;
}
@keyframes rotate {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(20deg);
	}
}
.social a {
	display: inline-block;
	position: relative;
	width: 32px; height: 32px;
	margin-right: 5px;
	background-image: url(../images/social.jpg);
	background-repeat: no-repeat;
	animation-duration: 0.2s;

}
.social a:hover {
	animation-name: rotate;
	transform: rotate(20deg);
}
.social-tt { background-position: 0 0; }
.social-vk { background-position: 0 -32px; }
.social-yt { background-position: 0 -64px; }
.social-in { background-position: 0 -96px; }
.social-fb { background-position: 0 -128px; }

.newsList {
    list-style: none;
    margin: 30px 0 0;
    padding: 0;
}
.newsTitle {
	font-style: italic;
    display: block;
    margin-bottom: 3px;
}
.newsList small {
    display: block;
    font-size: 11px;
    font-style: italic;
    margin-bottom: 3px;
}
.newsList img {
    float: left;
    margin: 0 10px 0 0;
}
.newsList p {
    margin: 0;
}
.newsList li {
    margin: 0 0 40px 0;
    overflow: hidden;
}
.more {
    font-size: 11px;
    font-style: italic;
}
.auth {
	width: 280px; height: 130px;
	padding: 50px 0 0 20px;
	background: url(../images/auth-bg.png) 0 0 no-repeat;
	color: white;
	font-size: 12px;
	position: absolute;
	right: 0; bottom: 20px;
}
.auth input[type="text"] {
	width: 250px;
}
.submit {
	float: right;
	margin-right: 20px;
}
.auth input[type="checkbox"] {
	vertical-align: top;
	margin: 0 8px 0 0;
}
.auth label span {
	vertical-align: top;
	line-height: 1;
}
.forgot {
	margin: 3px 0 0 21px;
}
.forgot a {
	color: white;
}
.rightList {
	font-size: 18px;
	margin: 0 0 30px;
	list-style-type: none;
	padding: 0;
}
.rightTable {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
}
.rightTable thead td {
	background: #eff4f6;
	padding: 10px;
	font-weight: bold;
	color: #0565a7;
}
.rightTable tbody td, .rightTable tbody th {
	padding: 3px 10px;
	border-top: 1px solid #eff4f6;
	font-size: 12px;
}
.rightTable tbody th {
	font-weight: normal;
	font-style: italic;
	text-align: left;
}
.requires {
    color: #0565a7;
}


.feedback {
	width: 280px; height: 486px;
	padding: 20px 0 0 20px;
	background: url(../images/feedback-bg.png) 0 0 no-repeat;
	color: white;
	font-size: 12px;
	margin-top: -30px;
}
.feedback h2 {
	color: white;
	font-weight: normal;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 20px;
}
.feedback input[type="text"] {
	width: 250px;
}
.feedback textarea {
	width: 250px; height: 180px;
}
.submit {
	float: right;
	margin-right: 20px;
}
.captcha {
	overflow: hidden;
	text-align: right;
	padding-right: 20px;
}
.captcha img {
	width: 100px; height: 21px;
	vertical-align: top;
	float: left;
}
.feedback input[type="submit"] {
	width: 140px; height: 21px;
}
.feedback .loader {
	text-indent: -999px;
	overflow: hidden;
	background: #0565A7 url(../images/loader.gif) 50% no-repeat !important;
	cursor: default;
}
.captcha input {
	width: 130px !important;
	vertical-align: top;

}
.feedSuccess {
	color: white;
	font-size: 16px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align: center;
	padding: 50px 20px 0 0;
}

/* * *           *
     * [ Media ] *
     *           * * */

.mediaContent {
	clear: both;
	padding-top: 100px;
	background: url(../images/photo-block.jpg) 50% 0 no-repeat;
	height: 331px;
	text-align: center;
}
.mediaContent div {
	display: inline-block;
	vertical-align: top;
}
.mediaContent a {
	display: block;
	margin-bottom: 20px;
	position: relative;
}
.mediaContent em {
	display: none;
	position: absolute;
	z-index: 1;
	top: 0; left: 0;
	width: 100%; height: 100%;
}
.mediaContent a:hover em {
	display: block;
}
.mediaContent .mediaTitle {
	position: absolute;
	top: -28px;
	margin: 0;
	font-size: 18px;
}
.photoList {
	width: 300px;
	position: relative;
}
.photoList em {
	background: url(../images/zoom.png) 50% no-repeat;
}
.photoList img {
	vertical-align: top;
	width: 300px; height: 100px;
}
.infoBlock {
	margin: 0 16px;
	position: relative;
}
.infoBlock img {
	width: 300px; height: 220px;
}
.infoBlock em {
	background: url(../images/info.png) 50% no-repeat;
}
.videoBlock {
	position: relative;
	width: 300px; height: 220px;
}

/* application */

.application {
    width: 940px;
    padding-top: 70px;
    margin-top: -20px;
    background: #E8E1EE url(../images/l-photo-block-t-2.png) 50% 0 no-repeat;
    position: relative;
}
.application form {
    background: url(../images/l-photo-block-b-2.png) 50% 100% no-repeat;
    padding-bottom: 50px;
}
.application label {
    display: block;
    padding-bottom: 10px;
}
.label-text {
    display: inline-block;
    width: 300px;
    padding-left: 15px;
    vertical-align: top;
}
.label-text em {
    color: red;
}
.application input[type="text"], .application textarea {
    width: 290px;
    margin: 0;
}
.application textarea {
    height: 100px;
}
.application select {
    width: 300px;
    padding: 2px;
    margin: 0;
}
.appl-captcha {
    display: inline-block;
    width: 120px;
    font-size: 12px;
}
.appl-captcha img {
    margin-bottom: 5px;
}
.application .appl-input {
    width: 166px !important;
    vertical-align: top;
}
.application input[type=submit] {
    margin-right: 321px;
    margin-top: -40px;
    float: right;
    width: 176px;
}
.appl-submit {

}
.application .loader {
    text-indent: -999px;
    overflow: hidden;
    background: #630460 url(../images/loader_2.gif) 50% no-repeat !important;
    cursor: default;
}
.application .feedSuccess {
    padding-bottom: 50px;
    color: black;
}


/* * *            *
     * [ Footer ] *
     *            * * */

.footer {
	width: 100%; height: 150px;
	position: absolute;
	bottom: 0;
	color: white;
}
.footerIn {
	width: 940px; height: 150px;
	margin: 0 auto;
	background-position: 0 0;
	background-repeat: repeat-y;
	background-image: url(../images/b-menu-bg.png);
}
.lilac .footerIn {
	background-image: url(../images/l-menu-bg.png);
}
.footerContent {
	width: 940px; height: 150px;
	background: url(../images/delta-b.png) 0 0 no-repeat;
}
.footer a {
	color: white;
}
.footer small {
	font-size: 100%;
	display: block;
	padding: 90px 0 0 0;
	text-align: right;
	width: 300px;
	float: left;
}
.footerContent_r {
    float: right;
    font-size: 12px;
    margin: 90px 30px 0 0;
    text-align: right;
}
.creat {
    display: block; 
}
.confidentiality {
    display: block;
}
.Counter {
	padding: 90px 0 0 40px;
    overflow: hidden;
    zoom: 1;
}
.Counter > * {
	float: left;
	margin: 0 5px 0px 0;
	height: 34px;
}



/*::::: PIROBOX RULES::::::::*/

.piro_overlay { position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:#fff; display: none; z-index:99997; }

.loading span{position:absolute;top:50%;left:50%;margin-top:-15px;margin-left:-15px;width:30px;height:30px;display:block;z-index:100008; background:none }
.loading span span{position:absolute; display:block; width:30px;height:30px; z-index:100009;background: url(../images/pirobox/ajax-loader.gif) center center no-repeat!important;background: url(../images/pirobox/ajax-loader.gif) center center no-repeat;}

.caption{position:absolute;bottom:0;left:0;margin:0;display:block; padding:0px; cursor:text; background:#222;}
.piro_nav{position:absolute;bottom:0;left:50%;margin:0;display:block; padding:0; background:none;}
.caption p{ display:block; margin:0;padding:4px 28px 4px 38px; text-align:center; font-weight:normal; background:black; color:white; font-size:12px;}

a.piro_close{position:absolute;top:20px;right:20px;height:35px;width:35px;background:url(../images/pirobox/close_btn.png) no-repeat;cursor:pointer;z-index:100006;}
a:hover.piro_close{background:url(../images/pirobox/close_btn_h.png) no-repeat;}

a.piro_next{position:absolute;top:50%;width:35px; height:35px;right:20px;text-indent:-999em;outline:none; display:block; margin:-18px 0 0 0;background:url(../images/pirobox/next.png) center right no-repeat; border:none; cursor:pointer;z-index:1000000001}
a:hover.piro_next{background:url(../images/pirobox/next_h.png) center right no-repeat;}

a.piro_prev{position:absolute;top:50%;width:35px; height:35px;left:20px; text-indent:-999em; outline:none;display:block;margin:-18px 0 0 0;background: url(../images/pirobox/prev.png) center left no-repeat;border:none; cursor:pointer; z-index:1000000000}
a:hover.piro_prev{background:url(../images/pirobox/prev_h.png) center left no-repeat;}



.pirobox_content {position:absolute; top:50%; left: 50%; padding:0; width: 800px; height: 600px; margin:-300px 0 0 -400px; display:block; z-index:99998;font-family:Trebuchet MS,Arial;}
.pirobox_content table,tbody,tr,th,td{margin:0;padding:0;border:none;}
.pirobox_content img{ margin:0; padding:0; border:none;}

.t_l{background:url(../images/pirobox/t_l.png) no-repeat; width:20px; height:20px;}
.t_r{background: url(../images/pirobox/t_r.png) no-repeat; width:20px; height:20px;}
.t_c{height:20px; background:url(../images/pirobox/t_c.png) repeat-x;}

.c_l{width:20px; background: url(../images/pirobox/c_l.png) repeat-y;}
.c_c{background:white; margin:0; padding:0;}
.c_c div{width:760px; height:560px; margin:0; padding:0 0 0px 0; overflow:hidden;}
.c_r{width:20px; background: url(../images/pirobox/c_r.png) repeat-y;}

.b_c{height:20px; background:url(../images/pirobox/b_c.png) repeat-x;}
.b_l{background:url(../images/pirobox/b_l.png) no-repeat; width:20px; height:20px;}
.b_r{background:url(../images/pirobox/b_r.png) no-repeat; width:20px; height:20px;}

/*.t_l{background:#000; width:10px; height:10px;}
.t_r{background:#000; width:10px; height:10px;}
.t_c{height:10px; background:#000;}

.c_l{width:10px; background:#000;}
.c_c{background:#000; margin:0; padding:0;}
.c_c div{width:380px; height:180px; margin:0; padding:0;}
.c_r{width:10px; background: #000;}

.b_c{height:10px; background:#000;}
.b_l{background:#000; width:10px; height:10px;}
.b_r{background:#000; width:10px; height:10px;}
*/
.box_img{ position:absolute; z-index:99995; background: url(../images/pirobox/img_bg.png);width: 100%; top:30px; left:30px; height: 100%; padding:0;}
.err_mess{ position:absolute;bottom:20px; color:black; padding:0; margin:0 0 0 20px; display:block;}
.err_mess a{color:red; font-weight:700;}
.number{position:absolute;margin-left:3px;height:18px;width:30px; padding:3px;left:0;color:#666;bottom:1px; font-size:11px;}
a.link_to {position:absolute;margin-right:6px;height:20px;width:20px;right:0;color:#999;bottom:3px; background:url(../images/pirobox/link_out.png) no-repeat; text-indent:-999em;}
a:hover.link_to { background:url(../images/pirobox/link_out_h.png) no-repeat;}
a.play{position:absolute;top:20px!important;top:20px;left:20px!important;left:20px;width:40px; height:40px; margin:0; outline:none; display:block;background:url(../images/pirobox/play.png) no-repeat; text-indent:-999em; border:none;cursor:pointer;}
a:hover.play{background:url(../images/pirobox/play_h.png) no-repeat;}
a.stop{position:absolute;top:20px!important;top:20px;left:20px!important;left:20px;;width:40px; height:40px; margin:0; outline:none; display:block;background:url(../images/pirobox/pause.png) no-repeat;text-indent:-999em; border:none;cursor:pointer;}
a:hover.stop{background:url(../images/pirobox/pause_h.png) no-repeat;}



/* :: CAROUSEL :: */

.jcarousel-skin-promo .jcarousel-direction-rtl {
	direction: rtl;
}
.jcarousel-container-horizontal {
	width: 255px;
	padding: 0 20px;
}
.jcarousel-skin-promo .jcarousel-clip {
	overflow: hidden;
}
.jcarousel-clip-horizontal {
	width: 255px;
	height: 85px;
}
.jcarousel-item {
	width: 85px;
	height: 80px;
	text-align: center;
}
.jcarousel-skin-promo .jcarousel-item-horizontal {
	margin: 0;
}
.jcarousel-skin-promo .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin: 0;
}
.jcarousel-skin-promo .jcarousel-item-placeholder {
	background: #fff;
	color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-promo .jcarousel-next-horizontal {
	position: absolute;
	top: 27px;
	right: 0;
	width: 20px;
	height: 30px;
	cursor: pointer;
	background: url(../images/carousel-btns.png) 50% -35px no-repeat;
}

.jcarousel-skin-promo .jcarousel-direction-rtl .jcarousel-next-horizontal {
	left: 5px;
	right: auto;
}

.jcarousel-skin-promo .jcarousel-next-horizontal:hover,
.jcarousel-skin-promo .jcarousel-next-horizontal:focus {

}

.jcarousel-skin-promo .jcarousel-next-disabled-horizontal,
.jcarousel-skin-promo .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-promo .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-promo .jcarousel-next-disabled-horizontal:active {
	cursor: default;
	opacity: .3;
	filter: Alpha(opacity=30);
}

.jcarousel-skin-promo .jcarousel-prev-horizontal {
	position: absolute;
	top: 27px;
	left: 0;
	width: 20px;
	height: 30px;
	cursor: pointer;
	background: url(../images/carousel-btns.png) 50% 6px no-repeat;
}
.jcarousel-skin-promo:hover .jcarousel-next-horizontal, .jcarousel-skin-promo:hover .jcarousel-prev-horizontal {

}
.jcarousel-skin-promo .jcarousel-direction-rtl .jcarousel-prev-horizontal {
	left: auto;
	right: 5px;
}

.jcarousel-skin-promo .jcarousel-prev-horizontal:hover,
.jcarousel-skin-promo .jcarousel-prev-horizontal:focus {

}

.jcarousel-skin-promo .jcarousel-prev-horizontal:active {

}

.jcarousel-skin-promo .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-promo .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-promo .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-promo .jcarousel-prev-disabled-horizontal:active {
	cursor: default;
	opacity: .3;
	filter: Alpha(opacity=30);
}

/* * *       *
     * Popup *
     *       * * */

.popup-overlay {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/px-black50.png) 0 0 repeat;
	text-align: center;
	z-index: 32332;
	padding: 0;
	overflow: auto;
}
.popup-overlay.M {
    background: none;
}
.popup-overlay:after {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 0; height: 100%;
	vertical-align: middle;
	content: ''
}

.popup {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	position: relative;
	max-width: 90%;
	padding: 0;
	margin: 10px 0;
	-webkit-box-shadow: 5px 5px 0 rgba(201, 197, 191, 0.4);
	-moz-box-shadow: 5px 5px 0 rgba(201, 197, 191, 0.4);
	-ms-box-shadow: 5px 5px 0 rgba(201, 197, 191, 0.4);
	box-shadow: 5px 5px 0 rgba(166, 161, 154, 0.4);
	vertical-align: middle;
	background: white;
}
.popupM {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -180px 0 0 -300px;
    width: 600px;
    height: 360px;
    background: url(../images/popupM.png) 0 0 no-repeat;
    text-align: center;
    line-height: 360px;
}
.popupM span {
    font-size: 18px;
    color: #4b0049;
}
.popup .popup-title {
	font-size: 11px;
	color: #d92727;
	height: 23px;
	padding: 10px 40px 0;
	margin: 0;
	text-align: left;
	font-weight: bold;
	background: #dcdcdb;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.popupBody {
	min-width: 300px;
	max-width: 900px;
	text-align: left;
}
.popup__valignfix {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 0;
	height: 100%;
	vertical-align: middle
}
.popupTitle {
	padding: 12px;
	text-align: left;
	color: #C6713A;
	font-size: 20px;
	font-style: italic;
	text-shadow: 1px 1px 1px silver;
}
.popupTitle em {
	background: whiteSmoke;
	font-size: 12px;
	margin: 4px 0 0 10px;
	display: inline-block;
	padding: 2px 10px;
	vertical-align: top;
	font-style: normal;
}
.popupClose {
	position: absolute;
	cursor: pointer;
	top: 15px; right: -30px;
	width: 21px; height: 21px;
	background: url(../images/editor-text-but.png) 0 -78px no-repeat;
}
.popupClose:hover {
	background-position: -21px -78px;
}
.popupButtons {
	text-align: right;
	padding: 5px;
	line-height: 1;
	background: white;
}
.popupButtons .button {
	margin-right: 7px;
	font-size: 12px;
	border-bottom: 1px dotted #000;
	cursor: pointer;
	display: inline-block;
	margin-bottom: 3px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.popupButtons .button:hover {
	color: blue;
	border-color: blue;
}
.popupLoader {
	width: 800px; height: 20px;
	background: white;
}
.popupStatusBox {
	color: green;
	display: inline-block;
	margin-right: 10px;
}


/* * *            *     
     * [ Time Table ] *     
     *            * * */
.timetable {
    border-bottom: 1px solid #B1CBE3;
	margin: 15px 0;
}
.timetable table {
	width: 100%;
	margin: 0 0 15px;
    border-collapse: collapse;
    border-spacing: 0;
}
.timetable table tr th {
	height: 30px;
	line-height: 30px;
	border-right: 1px solid #FFFFFF;
	background: #CCDDED;
	font-size: 18px;
}
.timetable table tr th:first-child {
	background: none;
	border-right: none;
}
.timetable table tr td {
	border-top: 2px solid #90B5D7;
	border-bottom: 2px solid #90B5D7;
	border-left: 1px solid #90B5D7;
	border-right: 1px solid #90B5D7;
	width: 79px;
	height: 79px;
	vertical-align: top;
}
.timetable table tr td:first-child {
	width: 59px;
	border: none;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
.timetable table tr:nth-child(odd) td:first-child {
	background: #EFF4F7;
}
.timetable table tr td a {
	padding: 0 3px;
	display: block;
	text-align: center;
	font-size: 11px;
	line-height: 12px;
}
.timetable .timetable_info {
    padding: 0;
    list-style: none;
	margin: 0 0 15px;
	display: block;
	overflow: hidden;
	zoom: 1;
}
.timetable .timetable_info li {
	float: left;
	margin: 0 0 0 15px;
	font-size: 12px;
	font-style: Italic;
}
.timetable .timetable_info li:first-child {
	margin: 0;
}
.timetable .timetable_info li span {
	margin: 0 5px 0 0;
	width: 8px;
	height: 8px;
	border: 1px solid #90B5D7;
	text-indent: -999px;
	overflow: hidden;
	display: inline-block;
	*display: inline;
	zoom: 1;
}
.timetable .large_hall {
	background: #FAC5D8;
}
.timetable .average_hall {
	background: #E5EDF2;
}
.timetable .small_hall {
	background: #FCD3A1;
}
.timetable .mix_hall {
    background: #CCFFCC;
}
.timetable .art_hall {
	background: #FFFF99;
}