*{margin: 0; padding: 0;}
body{
	background: transparent url(/img/loading.gif) no-repeat 50% 50%;
	background: #eee url(/img/bgblack.gif) repeat; font: normal 13px Arial, Helvetica, sans-serif; color: #000;
}

p, h1, h3{ margin-bottom: 20px;}

a{color: #000; text-decoration: none;outline: none;}
a:hover{color: #00adef;}


p{}
img{border: 0;}

h3{font-family: Arial Narrow, Arial;}

hr{float: left;  clear: both; height: 1px; margin: 0 0 30px 0; border: 0; background: #000; width: 100%;}

.fl{float: left;}
.fr{float: right;}

/* LINKS */
.content p a{text-decoration: none; border-bottom: 1px solid #C6C6C6; margin:0; float: none; width: auto; height: auto;}

.content p a:hover, a.date:hover{text-decoration: none; border: 0;}
/*h3 a, .content h3 a:hover{text-decoration: none;}*/


/* FORMS */
label{text-transform: uppercase; margin-right: 10px; font-size: 15px;}

/* layers */
#wrap{width: 870px; margin: 0 auto; position: relative; float: left;}
#panel{background: #00adef; color: #fff; height: 30px; width: 870px; position: fixed; margin: 0 auto; top: 0;  z-index: 20;}
#wrap-blocks{margin: 60px 0 0 0; /*background:#00CCFF;*/ z-index: 10;}

/* PANEL */

#panel h1{float: left; text-transform: uppercase; margin: 5px 0 0 30px;}
#panel a{color: #fff; font-size: 15px;}
#panel ul{float: right; margin: 5px 30px 5px 5px}
#panel ul li{color: #fff; list-style: none; display:inline;}
#panel ul li a{font-weight: bold;}
#panel.print{background: #000;}

#panel .pr{float: right; margin-right:30px; width: 180px; }

#panel .form {float: right; margin: 0; width: 210px;}
#panel #frmSearch{margin: 3px 5px 7px 0px;}
#panel .form input{width: 120px; background: #fff; border: 1px solid #fff; font-size: 13px; margin-top: 2px; margin-right: 5px;}
	#btn_search {
		font-family: arial narrow,arial;
		font-size: 15px;
		font-weight: bold;
		text-transform:uppercase;
		
	}
#panel .loading16{vertical-align: middle;}
/* LOGO */
#panel h1 a{float: left; background: url(/img/logo.png) no-repeat 0 0; text-indent: -9999px; width: 191px; height: 16px; margin-top: 2px;}
#panel h1 sub{font-size: 13px; text-transform: none; margin: 0 0 0 5px;}
#panel span{font-size: 13px; font-weight: bold; margin: 7px 5px 0 0;}

/* ДЛЯ РАЗНЫХ ДИЗАЙНОВ */
.left{ float: left; /*margin-bottom: 30px;*/ /*overflow: hidden;*/}
.rignt{}

.tpl1-3 .left{width: 210px; margin-left:-210px;}
.tpl1-3 .right{margin-left: 210px;}

.tpl2-2 .left{width: 420px; margin-left:-420px;}
.tpl2-2 .right{margin-left: 420px;}

.tpl3-1 .left{width: 630px; margin-left:-630px;}
.tpl3-1 .right{margin-left: 630px;}

.tpl3t-1g .left{width: 180px; margin-right:-210px; float: right;}
.tpl3t-1g .right{margin-right: 210px; width: 600px;}




/*
.tpl4 .left{width: 390px; margin-left:-390px;}
.tpl4 .right{margin-left: 390px;}*/

#player{margin-bottom: 30px;}

/* BLOCKS*/

.block{ 
	width: 810px;
	background: #fff; 
	padding: 30px 30px 0px 30px; 
	margin-bottom: 30px; /*position: relative;*/ 
	overflow: hidden; 
	float: left;
}
/*.block h2{margin: 0;}*/
.block h2 a{float: left; height: 120px; width: 600px;  text-indent: -9999px; margin-bottom: 30px;}
.block h3{font-size: 15px; font-weight: normal;}
.block h3 strong{ font-weight: bold; text-transform: uppercase; font-family: arial narrow, arial; }
.content{ background: #fff; clear: both;}
.block-body{ width: 100%; float: left; overflow: hidden;}

/* навигация */
.nav{float: right; width: 180px;}
.nav li, .nav2 li{display: inline; font-size: 15px;}
.nav a{text-transform: uppercase; font-size: 15px; font-weight: bold; font-family: arial narrow, arial;}
.nav2{margin-right: 30px;}
.nav2 a{text-transform: normal; font-size: 15px; font-weight: normal; font-family: arial narrow, arial;}
.nav2 li a{font-family: arial narrow, arial;}
.nav a.active{ color: #00aeef; }

/*.tpl2-2 .content{min-height: 333px;}
.tpl3-1 .content{min-height: 480px;}*/

/* саб-навигация*/
.content .nav ul{margin-bottom: 0;}
.content .nav ul li a{text-size: 12px; text-transform: none; font-weight: normal; font-family: arial, arial narrow;}

.content .nav{width: 100%; float: left; margin-bottom: 30px;}
.content .back{float: right; font-size: 13px;}

/* INDEX & SEARCH RESULTS */
.index{overflow:hidden; width: 840px; clear:both;}
.index a, .item, .item2{float: left; margin: 0 30px 30px 0; width: 180px; height: 120px;}
.index h3{margin-bottom: 5px;}
.index h3 a{float: none; display: inline; margin: 0; width: auto; height: auto;  font-family: arial;}
.index h3 a span{line-height: 1em; margin-bottom: 5px;}
.index span{float: left; margin: 0; padding: 0; width: 180px; /*height: 120px;*/ }
.index .item{/*overflow: hidden;*/ }
a.date, .index  a.date{text-decoration: none; border-bottom: 1px solid #C6C6C6; margin:0; float: none; width: auto; height: auto;}
a.date:hover{border: 0;}

#mini-sections{clear: both;}
#mini-sections .item{height: 30px;}
#mini-sections .item a{font: bold 26px Arial Narrow; text-transform: uppercase;}

.form{margin-bottom: 30px;}

.pagination{position: relative;}
.pagination ul{position: absolute; right: 0; bottom: 0;}
.pagination ul li{list-style: none;  float: right; position: relative; font-size: 13px;}
.pagination ul li a{ float: none; width: auto; height: auto; margin: 5px; font-size: 13px;}



/* TITLE BLOCKS*/
#block-school h2 a{background: url(/img/title1.png) no-repeat 0 -120px; width: 480px; height: 120px;}
#block-school h2 a:hover,
#block-school h2.active a{background-position: 0 0;}

#block-agenda h2 a{background: url(/img/title2.png) no-repeat 0 -120px; width: 560px; height: 120px;}
#block-agenda h2 a:hover,
#block-agenda h2.active a{background-position: 0 0;}

#block-news h2 a{background: url(/img/title3.png) no-repeat 0 -120px; width: 600px; height: 120px;}
#block-news h2 a:hover,
#block-news h2.active a{background-position: 0 0;}

#block-gallery h2 a{background: url(/img/title4.png) no-repeat 0 -120px; width: 595px; height: 120px;}
#block-gallery h2 a:hover,
#block-gallery h2.active a{background-position: 0 0;}



/* FOOTER */
.footer{margin-bottom: 30px; clear: both;}
.footer span{ text-transform: uppercase;}
	/* COPYRIGHT */
		#copyright{ float: left; width: 100%; height: 30px; background: #fff; margin-bottom: 30px;}
		#copyright span{margin: 7px 30px 5px 30px; float: left;}
		#copyright span.links{ float: right; margin-right: 0px; width: 210px;}
		#copyright .links a{margin: 2px; float: left;}

.cyan{color: #00adef;}

.block-body{min-height: 124px; /*display: none;*/}
.loading{ min-height: 124px; background: transparent url(/img/loading.gif) no-repeat 50% 50%; clear: both;/* width: 100%; float: left;*/}

.debug .block{ background: #fff;}
.cl30{clear: both; height: 30px;}
.date{font-size: 13px; font-family: arial; margin-top: 3px;}
img.thumb{height: 120px; overflow: hidden; width: 180px;}

a.tip{ position: relative; background: transparent url(/img/loading.gif) no-repeat 50% 50%;}
a.tip.nobg{ background: none; }
span.tip{
	color: #000;
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 180px; 
	background: #fff;
	opacity:0.7;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
span.tip span{padding: 5px; width: auto;}
span.tip strong{font-weight: bold; text-transform: uppercase; font-family: arial narrow, arial;}

/* PAGENAVIGATION */
.pagenavigation{clear: both; overflow: hidden; width: 840px;}
.item2{width: 390px; font-size: 13px; text-align: center;}
.item2.row{height: 13px;}
.item.row {height: 12px;}
.item.row  a{height: auto; margin:0; font: bold 13px Arial Narrow, Arial; text-transform: uppercase;}
.item.row .fr{float: right; text-align: right;}
.item.row .fl{float: left;}
/*.results{ float: left;}*/

a.back1{clear: both; float:right; margin-top: -16px; font: bold 13px Arial Narrow, Arial; text-transform: uppercase;}

.content{float: left;} /* для тогочтобы опускалась ссылка Назад */


/* ENG */
#eng #panel h1 a{background: url(/img/en/logo.png) no-repeat 0 0; width: 243px;}
/* TITLE BLOCKS */
#eng #block-school h2 a{background: url(/img/en/title1.png) no-repeat 0 -120px; width: 550px; height: 120px;}
#eng #block-school h2 a:hover,
#eng #block-school h2.active a{background-position: 0 0;}

#eng #block-agenda h2 a{background: url(/img/en/title2.png) no-repeat 0 -120px; width: 555px; height: 120px;}
#eng #block-agenda h2 a:hover,
#eng #block-agenda h2.active a{background-position: 0 0;}

#eng #block-news h2 a{background: url(/img/en/title3.png) no-repeat 0 -120px; width: 385px; height: 120px;}
#eng #block-news h2 a:hover,
#eng #block-news h2.active a{background-position: 0 0;}

#eng #block-gallery h2 a{background: url(/img/en/title4.png) no-repeat 0 -120px; width: 605px; height: 120px;}
#eng #block-gallery h2 a:hover,
#eng #block-gallery h2.active a{background-position: 0 0;}