/*@import "reset.css";*/
@import "base.css";
@import "modules.css";

@import "components.css";
* {margin: 0;padding: 0;}
html,body{height:100%;}
body {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	
}
#rond{background: url(../images/lbg2.gif) left repeat-y #FFF; }
#header {
	height: 200px/*325px*/;
	overflow: hidden;
	position: relative;
	width: 100%;
}
#header img{
margin-left:0
}
#main, #footer {min-width: 973px/*1101px*/;}
#main {
	background: url(../images/rbg2.gif) right repeat-y;
	margin:0 0 -97px;
	min-height:100%;
}

#clear {
	height:97px;
	font-size:1px;
	clear:both;
}

#container {
	float:left;
	width:100%;
	margin:0 -223px/*-203px*/ 0 0;
	background: url(../images/out-bg.jpg) 223px 41px no-repeat;
}

#out {
	margin:0 /*18%*/223px 0 0;
}

#in {
	width:100%;
}

#center{
	float:right;
	width:100%;
	margin:0 0 0 -223px;/*-223px;*/
	background: url(../images/in-bg.jpg) right 41px no-repeat;
}

#center .content {
	margin:0 0 0 224px;
	/*background: url(../images/menu-bla.gif) top repeat-x;*/
	/*border-left: 1px solid  #D4D3D3;*/
            /* border-right: 1px solid #D4D3D3;*/
	min-width: 500px/*1101px*/;
}
#center .content .body{
margin: 0 10px
}
#center .item_body{
    overflow: hidden;
    /*padding: 5px 0 10px 0;*/
	padding: 15px
}
#center .category_page{
padding: 0 15px 15px 15px /*15px*/
}
#center .category_page ul.cat_list{
margin: 10px 20px 0 45px;
}
/* -----------------------------------------?????------------------------ */

#center .block {
	border-bottom: 1px solid #CCC;
	padding-top: 25px;
	margin: 0;
	overflow: hidden;
	/*height: 397px;*/
}
#center .block_w1 {
	width: 100%;
	
}
#center .block_w2 {
	/*250px; .block_w2,*/
	width: 52%;
	max-width: 60%;
}
#center .block .introtext {
	padding: 5px 0;
	font-size: 14px;
}
#center .block h3 {
	font-size: 24px;
}
#center  .block_w1, .block_w2 {
	float: right/*left*/;
	
}
#left {
	float:left;
	width:222px;
	/*background: url(../images/lmenu-top.jpg) left top no-repeat;*/
	/*padding: 138px 0 0 0;*/
	padding: 28px 0 0 0;
	/*min-width: 223px*/
}

#right {
	float:right;
	width:222px/*203px*/;
	
}
#dd {
	height: 100px;
	/*overflow: hidden;*/
	position: relative;
	float:right;
	margin: -300px 0 0 0;
}
#footer {
	height: 97px;
	overflow: hidden;
	position: relative;
	background: url(../images/fbg.gif) repeat-x #0D0D0D;
}



#uslugi h2 {display: none;}
#uslugi {
    /*background: url(../images/lbg.gif) left repeat-y;*/
}
/*********************************** ????? ???? *************************************/
#uslugi ul.newmenu {
	display: block;
	margin: 0 20px 0 45px;
	list-style: none;
}
#uslugi ul.newmenu a {
	color: #0E0D0D;
	font-size: 12px;
	padding: 0 0 0 32px;
	display: block; height: 17px;
	background: url(../images/arrow.png) 10px center no-repeat;
	vertical-align: bottom;
}
#uslugi ul.newmenu a:hover {
	color: #431d1b;
}
/*431d1b*/

#uslugi ul {
	display: block;
	margin: 0 20px 0 45px;
	list-style: none;
            
}

#uslugi ul a {
	/*color: #0E0D0D;*/
	color: #FFF;
	font-size: 12px;
	padding: 0 0 0 30px;
	/*display: block; height: 25px;*/
	/*display: block; height: 17px;*/
	/*background: url(../images/arrow-bl.gif) 10px center no-repeat;*/
	/*background: url(../images/arrow.png) 10px center no-repeat;*/
	display: block; height: 39px;
	background: url(../images/buttom.png) left/*10px center*/ no-repeat;
	vertical-align: bottom;
	text-decoration: none;
}

#uslugi ul a span {
	display: block; height: 25px;
	line-height: 25px;
	cursor: pointer;
	padding: 3px 11px 0 0;
}

#uslugi ul a:hover {
	color: #EB1701;
}

#uslugi ul li a.active {
	color: #FFF;
	/*background: url(../images/lnk-lbg.gif) left no-repeat #EB1600;*/
	background: url(../images/buttoma.png) left/*10px center*/ no-repeat;
	text-decoration: none;
	/*text-decoration: underline;*/
}

#uslugi ul li a.active span {
	cursor: default;
	font-weight: bold;
	/*background: url(../images/lnk-rbg.gif) right no-repeat;*/
	padding: 4px 11px 0 0;
}
/********************************************** ???? ???????***************************/
#right ul, #right ul  li {
	display: block;
	margin: 10px 0 0 15px;
	list-style: none;
}
#right ul li.active a{
cursor: default;
	font-weight: bold;
padding: 4px 11px 0 0;
text-decoration: none;
}
#dopuslugi {
	/*height: 200px;*/
	margin: 0;
	padding: 0 0 10/*25*/px 0;
	/*background: url(../images/teachers200.jpg) 42px center no-repeat #181816;*/
	/*background: #D4D0C0;*/
}
#dopuslugi img{
		margin: 0 10px;
		

}
#dopuslugi h2 {
	display: block;  height: 10px;/*height: 37px;*/
	/*background: url(../images/dopuslug.jpg) 1px no-repeat #181816;*/
	/*background: url(../images/teachers200.jpg) center no-repeat;*/
	/*background:#181816;*/
}

#dopuslugi h2 span {	display: none;}

#dopuslugi ul {
	display: block;
	margin: 10px 20px 0 45px;
	list-style: none;
}

#dopuslugi ul a {
	color: #0E0D0D;
	font-size: 12px;
	padding: 0 0 0 32px;
	display: block; height: 25px;
	background: url(../images/arrow-bl.gif) 10px center no-repeat;
}

#dopuslugi ul a span {
	display: block; height: 25px;
	line-height: 25px;
	cursor: pointer;
	padding: 0 11px 0 0;
}

#dopuslugi ul a:hover {
	color: #EB1701;
}

#dopuslugi ul li.active a {
	color: #FFF;
	background: url(../images/dlnk-lbg.gif) left no-repeat #EB1600;
	text-decoration: underline;
}

#dopuslugi ul li.active a span {
	cursor: default;
	background: url(../images/dlnk-rbg.gif) right no-repeat;
	padding: 0 11px 0 0;
}
/* ++++++++++++ pepe +++++++++++++*/
#dopuslugi p {
	display: block;
	margin: 10px 30px 0 54px;
	font-size: 11px;
}
#contacts {
	/*background: url(../images/contacts.jpg) left top no-repeat;*/
	height: 200px;
	padding: 27px 0 30px 0;
}

#contacts h2 {
	display: block; height: 34px;
	/*background: url(../image/sphone.gif) left no-repeat;*/
	margin: 0 0 0 90px;
}

#contacts h2 span {display: none;}
#contacts p {
	display: block;
	margin: 10px 20px 0 54px;
	font-size: 11px;
}
#contacts p strong {display: block;}

#contacts a {
	color: #EB1600;
	text-decoration: underline;
	font-size: 11px;
	margin: 0 0 0 54px;
	padding: 2px 35px 2px 0;
	background: url(../images/plan.gif) right center no-repeat;
}
#contacts a:hover {text-decoration: none;}

#header h1 {
	/*position: absolute; left: 450px; top:60px;*/
    position: absolute; left: 0; top:0;
	display: block; height: 200px;	
	background: url(../images/lbg2.gif) left repeat-y #FFF;
}

#header h1 a {
	/*display: block; height: 225px; width: 300px;*/
	display: block; height: 200px; width: 224px;
	/*background:url(../images/logo.png) no-repeat;*/
	/*margin: 20px 35px 2px 0;*/    
	background:url(../images/rond160x193.png) 35px 15px no-repeat
}

#header h1 a span {display: none;}
div.logo {
	position: absolute; left: 224px; top: 0;
	background-image:url(../images/rondnew.jpg);
	height: 100%;
	width: 100%;
}
div.pngleft {
	position: absolute; left: 224px; bottom: 0;
	height: 89px;
	width: 444px;
	background-image:url(../images/h1-trans.png);
	background-repeat: no-repeat;
}

div.pngright {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 74px;
	width: 428px;
	background-image:url(../images/header-t.png);
	background-repeat: no-repeat;
}

#center ul.menu {display: block; list-style: none; height: 41px; position: relative;background: url(../images/menu-bla.gif) top repeat-x;}
#center ul.menu li {
	float: left;
	display: inline;
	height: 41px;
	width: 20%;
	background: url(../images/mpx.gif) right repeat-y;
}
#center ul.menu li.m01 {width: 15%;}
#center ul.menu li.m03 {background: none;}
#center ul.menu li.m04 {position: absolute; right: 0; top: 0; width: 46%; background: url(../images/mpx.gif) left repeat-y; padding: 0 0 0 1px;}

#center ul.menu li a {
	display: block; height: 41px;
	color: #FFF;
	text-decoration: underline;
	margin: 0 1px 0 0;
	/*background: url(../images/menu-bla.gif) repeat-x;*/
}
#center ul.menu li.m04 a {margin: 0;}
#center ul.menu li a span {display: block; height: 41px; line-height: 41px; cursor: pointer; white-space: nowrap; text-align: center;}
#center ul.menu li a:hover {background: url(../images/menu-red.gif) repeat-x; text-decoration: none;}
#center ul.menu li .active {background: url(../images/menu-red.gif) repeat-x; text-decoration: none;}
#center ul.menu li a:hover span {background: url(../images/menu-red.jpg) left top no-repeat;}
#center ul.menu li .active span {background: url(../images/menu-red.jpg) left top no-repeat;}
/*#center h1 {display: block;margin: 20px 0 0 20px; padding: 10px 0 15px;}*/
#center .content p {
	color: #2F2F2F;
	text-align: justify;
	padding: 0 10px 10px;
}
#center  .blog_more{
margin: 0 0 20px 20px;


}
#news h2 {
	border-bottom: 1px solid #D4D3D3;
	padding: 0 0 10px 0;
	margin: 0 20px 10px;
}

#news dl {
	float: left;
	display: inline;
	 width: 50%;
              /* width: 100px;*/
	font-size: 11px;
	color: #2D2D2D;
	position: relative;
	padding: 0 0 20px;
	margin: 0 0 10px;
}
#news dl.lline {
	background: url(../images/px.gif) left repeat-y;
}
#news dl dt, #news dl dd {	padding: 0 20px;}
#news dl dd {padding: 17px 20px 0 20px;}

#news dl dt a {
	color: #F11600;
	font-weight: bold;
	text-decoration: underline;
}

#news dl dt a:hover {
	text-decoration: none;
}

#news dl dd.date {
	color: #757575;
	font-size: 10px;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0 20px;
}

#news p {
	clear: both;
}

#center .content a.more {
	color: #F11600;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	padding: 0 0 0 20px;
	background: url(../images/more.gif) left no-repeat;
}

#center .content a.more:hover {	text-decoration: none;}

/*#right {background: url(../images/predlozh.jpg) left top no-repeat; padding: 135px 0 0 0;}*/
#right h2 {display: none;}
#right h3 {padding:10px 10px;}
#right dl {display: block; padding: 0 0 16px;}
#right dl dt, #right dl dd {display: block; padding: 16px 11px 0 11px;}
#right dl.odd {background: url(../images/odd.gif) left bottom repeat-x #EDE9DD;}
#right dl.odd dt {background: url(../images/odd.gif) left top repeat-x #EDE9DD;}
#right dl dt a {color: #EB1701; text-decoration: underline;}
#right dl dt a:hover {text-decoration: none;}
#right dl dd {color: #717171; font-size: 10px;}
#right p.more {display: block; padding: 0 11px;}
#right p.more a {color: #EB1701; font-weight: bold; text-decoration: underline; padding: 0 0 0 20px; background: url(../images/more0000.gif) left no-repeat;}
#right p.more a:hover {text-decoration: none;}
/*#pngdancers {
	position: relative; bottom: 0;
	right: 0;
	bottom: 0;
	margin: 0;
	height: 360px;
	width: 240px;
	background: url(../images/dancers.png) 100% 100% no-repeat;
	padding: 135px 0 0 0;
}*/
#footer .pngdancers {
	position: absolute; top:-97px; right: 0;
	
	/*margin: 0;*/
	height: 360px;
	width: 240px;
	background: url(../images/dancers.png) right bottom no-repeat;
	/*padding: 135px 0 0 0;*/
}
#footer p.copyright {
	position: absolute; top: 0; left: 0;
	display: block; height: 62px; width: 223px;
	padding: 35px 0 0 50px;
	background: url(../images/copyrigh.jpg) left top no-repeat;
	color: #EBEBEB;
	font-size: 11px;
	float: left;
}

#footer p.copyright a {
	color: #EB1701;
	text-decoration: underline;
}
#footer p.copyright a:hover {text-decoration: none;}

#footer p.multiplex {
	position: absolute; top: 0; right: 0;
	display: block; height: 62px; width: 251px;
	padding: 35px 0 0 22px;
	background: url(../images/multiple.jpg) right top no-repeat;
	float: right;
	color: #FFF;
	font-size: 11px;
}

#footer p.multiplex a {color: #EB1701;}
#footer p.multiplex a:hover {text-decoration: none;}

#footer ul.menu {
	position: relative;
	display: block; height: 74px;
	margin: 0 203px 0 253px;
	padding: 23px 0 0 0;
	background: url(../images/fmenu.jpg) right bottom no-repeat;
}

#footer ul.menu li {
	float: left;
	display: inline;
	height: 37px;
	width: 20%;
	line-height: 37px;
	text-align: center;
	background: url(../images/fpx.gif) right repeat-y;
	white-space: nowrap;
}
#footer ul.menu li.lline {background: none;}
#footer ul.menu li a {color: #FFF; font-size: 11px;}
#footer ul.menu li a:hover {text-decoration: none;}

#footer ul.menu li.m01 {width: 15%;}
#footer ul.menu li.m04 {width: 45%; background: none;}


.video {margin: 0 20px 10px; /*float: right;height: 281px; width: 285px;*/background: url(../images/slide-bg200.jpg) 50% top no-repeat;}
.swf {margin: 0 auto; height: 237px; width: 400px; padding: 5px 0 0 0;}