html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}

body{
background: url('/images/fon.gif') repeat fixed  top left;
}

div{
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}


a:link{
text-decoration: none;

}

.wrap{
font-family: Tahoma;
border-right: 1px solid #cacaca;
border-left: 1px solid #cacaca;
background: #fafafa;
width: 980px;
margin: auto;
height: 1000px;
box-shadow:  0 0 23px 4px #c5c5c5;

}

.top1{
background: #24ae90;
width: 230px;
height: 8px;
position: relative;
float: left;
border-top: 1px solid #fefefe;
}

.top2{
border-top: 1px solid #fefefe;
position: relative;
float: left;
background: #1584b8;
height: 8px;
width: 516px;
margin: 0 1px 0 1px;
}
.top3{
border-top: 1px solid #fefefe;
position: relative;
float: left;
background: #883755;
height: 8px;

width: 230px;

}
.headr{
height: 140px;
width: 979px;
background:  url('/images/nebo.jpg') no-repeat  top left;
font: bold 14px Arial Black, Myriad Pro, Tahoma, Arial, Helvetica;
font-weight: 100;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: 100%;
 -moz-background-size: cover; 

}
.podheadr{
position: relative;
float: left;
height: auto;

}

.headr h1{
text-shadow: 0px 1px 4px #EEE;
text-align: inherit;
padding-top: 25px;
position: relative;
color: #0D0B64;

left: 238px;
font-size: 27px;
font-weight: 100;
}

.headr h2{
text-shadow: 0px 1px 4px #EEE;
font-weight: 100;
position: relative;
color: #0D0B64;
font-size: 34px;
left: 234px;
}

.headr img{
padding: 14px 0 0 30px;
position: absolute;
}

.main{
margin-top: -6px;
height: auto;
background: transparent ;

position: relative;
float: left;
}


.menu{
border-bottom: 1px solid #cacaca;
padding-bottom: 59px;
position: relative;
float: left;
background: inherit ;

}

.content{
-moz-box-sizing: border-box;
width: 518px;
height: auto;
background: #f4f4f4;
position: relative;

float: left;




}
.wer{
width:100%;
height: auto;
background: #fefefe;
position: relative;
padding-bottom: 15px;
float: left;

padding-top: 10px;
padding-left: 10px;
padding-right: 10px;

}

.wer img{
position: relative;

float: left;
margin: 6px;
}
.content h2{

width: 100%;
text-align: center;
background: #f4f4f4;
padding: 15px 15px 15px 25px;
color: #336699;
font-size: 16px;
border-bottom: 1px solid #cacaca;
}




.wer h1
{

width: 100%;
text-align: center;
background: #f4f4f4;
padding: 15px 15px 15px 25px;
color: #336699;
font-size: 16px;
border-bottom: 1px solid #cacaca;
}

.wer h6
{

width: 100%;
text-align: center;
background: #f4f4f4;
padding: 15px 15px 15px 25px;
color: #336699;
font-size: 16px;
border-bottom: 1px solid #cacaca;
}

.wer h5
{

width: 100%;
text-align: center;
background: #f4f4f4;
padding: 15px 15px 15px 25px;
color: #336699;
font-size: 16px;
border-bottom: 1px solid #cacaca;
}

.wer h4
{

width: 100%;
text-align: center;
background: #f4f4f4;
padding: 15px 15px 15px 25px;
color: #336699;
font-size: 16px;
border-bottom: 1px solid #cacaca;
}

.wer h3
{

width: 100%;
text-align: center;
background: #f4f4f4;
padding: 15px 15px 15px 25px;
color: #336699;
font-size: 16px;
border-bottom: 1px solid #cacaca;
}

.content p{
background: #fefefe;
color: #336699;
padding: 0px 5px 0px 5px;
text-align: justify;
font-size: 14px;
text-indent: 35px;
list-style: none;
}

 .content ul, .content li{
background: #fefefe;
color: #336699;

font-size: 14px;

list-style: none;
}

.wer a:link{
color: #777;
}

.wer a:visited{
color: #777;
}

.content span:first-line{
padding-left: 35px;
}

.left_column{
width: 220px;
height: auto;
position: relative;
float: left;
box-shadow:  9px 0 13px -4px #c5c5c5;
z-index: 1000;
border-left: 1px solid #cacaca;
margin-left: 10px;
border-right: 1px solid #cacaca;

}

.right_column{
border-left: 1px solid #cacaca;
border-right: 1px solid #cacaca;
box-shadow:  -9px 0 13px -4px #c5c5c5;
-moz-box-sizing: border-box;
width: 220px;
position: relative;
float: right;
background: #fefefe;
z-index: 1000;
margin-right: 10px;


}

.wer p:first-of-type{
font-style: italic;
padding-bottom: 10px;
}

#orl img{
padding: 10px 50px;
}

#ramka img{
border: 1px solid #834a1b;
margin: 10px 40px;
padding: 5px;
}

.family{
margin-bottom: 5px;
float: left;
border-bottom: 1px solid #cacaca;
position: relative;

margin-right: 10px;
text-align: right;




}

h3{
text-align: center;
padding: 5px 10px;
width: 218px;
color: #fefefe;
background: #915a2e;
 background: -moz-linear-gradient(top, #915a2e 0%, #b56a31 100%);
    background: -webkit-linear-gradient(top, #915a2e 0%, #b56a31 100%);
    background: -o-linear-gradient(top, #915a2e 0%, #b56a31 100%);
    background: linear-gradient(top, #915a2e 0%, #b56a31 100%);
}

.family img{
padding: 10px 0 0 10px;
position: relative;
float: left;
}

.family p{
letter-spacing: 2px;
color: #968864;
margin: 22px 8px;
font-size: 17px;
width: 100px;
position: relative;
text-shadow: 0px 1px 3px #999;
float: left;
}

.dd{
height: 30px;
margin-top: 25px;
position: relative;
float: right;
width: 100%;
box-shadow: inset 0 0 23px 4px #b0cde9;
}

.news{
color: #336699;
position: relative;
float: left;
border-bottom: 1px solid #cacaca;
margin-bottom: 5px;
}

.vk_groups{
height: 291px;
position: relative;
float: left;
margin-top: 5px;
margin-bottom: 5px;
}

.vk_like{
background: #FEFEFE;
padding-left: 30px;
padding-bottom: 10px;
height: auto;
position: relative;
float: left;
width: 100%;
}

embed{
box-shadow: 0 0 23px 9px #BBB;
}


.vk_comments{
background: #FEFEFE;

padding-bottom: 5px;
height: auto;
position: relative;
float: left;
width: 100%;
}

.ist{
position: relative;
float: left;
background: #FEFEFE;
width: 100%;
padding-right: 20px;
}

.ist a{
color: #777;
}

.ist a:link{
color: #777;
}

.ist a:visited{
color: #777;
}


.community_head {
background: center no-repeat #555;
border-bottom: 1px solid #CCD3DA;
height: 22px;
color: #45688E;
font-weight: bold;
padding: 2px 8px 2px 8px;
vertical-align: middle;
line-height: 1.81em;
}

.news h4{
font-size: 12px;
color: #157c9d;
margin: 10px 0 11px 0px;
text-align: center;
}
.news h3{
font-size: 16px;
background: #096d98 ;
 background: -moz-linear-gradient(top, #096d98 0%, #1688b6 100%);
    background: -webkit-linear-gradient(top, #096d98 0%, #1688b6 100%);
    background: -o-linear-gradient(top, #096d98 0%, #1688b6 100%);
    background: linear-gradient(top, #096d98 0%, #1688b6 100%);
}
.news p{
margin: 8px 12px 5px 12px;
font-size: 12px;
text-align: justify;
color: #5d5d5d;
}

.news img{
margin: 0 0 5px 30px;
padding: 5px;
border: 1px solid #834a1b;

}
.news a{
color: #157c9d;
float: right;

padding-bottom: 5px;
font-size: 12px;
}

.banners{
position: relative;
float: right;
-moz-border-radius: 0 0 25px 0;
-webkit-border-radius: 0 0 25px 0;
border-radius: 0 0 25px 0;
box-shadow: inset 0 0 23px 4px #b0cde9;
padding: 16px 0;
margin-top: 3px;
}

.banners img{
border: 1px solid #003366;
background: #fff;
margin: 3px 45px;
padding: 6px 20px;
}

.menu_news, .menu_news ul {
margin: 0;
padding: 0;
list-style: none;
}

.menu_news {
		width: 978px;
		margin: 0px auto;
		


	}
	
	.menu_news:before,

	
	.menu_news {

		zoom:1;
	}

	
	.menu_news li {

		float: left;
       width: 173px;
		position: relative;
		border-left: 1px solid #26b5ae;
		border-right: 1px solid #195e59;
		    background-color: #299992;
 background: -moz-linear-gradient(top, #096d98 0%, #1688b6 100%);
    background: -webkit-linear-gradient(top, #096d98 0%, #1688b6 100%);
    background: -o-linear-gradient(top, #096d98 0%, #1688b6 100%);
    background: linear-gradient(top, #096d98 0%, #1688b6 100%);
	}
	
	.menu_news a {
		float: left;
		padding: 9px 0 9px 0px;
		color: #fefefe;
		text-transform: uppercase;
		font: bold 11px Tahoma, Arial, Helvetica;
		text-decoration: none;
		text-shadow: 0px 1px 3px #999;
		width: 173px;
		text-align: center;
	}
	
	.menu_news li:hover {
 background: -moz-linear-gradient(top, #005d88 0%, #0678a6 100%);
    background: -webkit-linear-gradient(top, #005d88 0%, #0678a6 100%);
    background: -o-linear-gradient(top, #005d88 0%, #0678a6 100%);
    background: linear-gradient(top, #005d88 0%, #0678a6 100%);

	
	}
	
	.menu_news li:hover > a {
padding: 10px 0 8px 0px;
text-shadow: 0px -1px 4px #333;
	}
	
	*html .menu_news li a:hover { /* Только для IE6 */
		color: #3d6b98;
	}



#menu, #menu ul {
margin: 0;
padding: 0;
list-style: none;
}

#menu {
		width: 978px;
		margin: 0px auto;
		


	}
	
	#menu:before,

	
	#menu {

		zoom:1;
	}
	.menu{
	height: 50px;

	}
	
	#menu li {
height: 50px;
		float: left;
       width: 198px;
		position: relative;
		border-left: 1px solid #26b5ae;
		border-right: 1px solid #195e59;
		    background-color: #299992;
    background: -moz-linear-gradient(top, #126963 0%, #299992 100%);
    background: -webkit-linear-gradient(top, #126963 0%, #299992 100%);
    background: -o-linear-gradient(top, #126963 0%, #299992 100%);
    background: linear-gradient(top, #126963 0%, #299992 100%);
	}
	
	#menu a {
		float: left;
		padding: 18px 0 0 0px;
		color: #fefefe;
		text-transform: uppercase;
		font: bold 14px Tahoma, Arial, Helvetica;
		text-decoration: none;
		text-shadow: 0px 1px 3px #999;
		width: 193px;
		text-align: center;
	}
	
	#menu li:hover {
    background: -moz-linear-gradient(top, #0b625c 0%, #22928a 100%);
    background: -webkit-linear-gradient(top, #0b625c 0%, #22928a 100%);
    background: -o-linear-gradient(top, #0b625c 0%, #22928a 100%);
    background: linear-gradient(top, #0b625c 0%, #22928a 100%);

	
	}
	
	#menu li:hover > a {
padding: 19px 0 17px 0px;
text-shadow: 0px -1px 4px #333;
	}
	
	*html #menu li a:hover { /* Только для IE6 */
		color: #3d6b98;
	}
	
	#menu li ul{
	
	border: 1px solid #95abc1;
	}
	
	#menu ul {
		margin: 20px 0 0 0;
		_margin: 0; /*Только для IE6*/
		opacity: 0;
		visibility: hidden;
		position: absolute;
		top: 50px;
		left: 0;
		z-index: 9999;    
		background: #444;


		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;  
	}

	#menu li:hover > ul {
		opacity: 1;
		visibility: visible;
		margin: 0;
	}
	
	#menu ul ul {
	    background: #299992;
	text-shadow: 0px 1px 1px #999;
		top: 0;
		left: 150px;
		margin: 0 0 0 20px;
		_margin: 0; /*Только для IE6*/
		-moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
		-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
		box-shadow: -1px 0 0 rgba(255,255,255,.3);		
	}
	
	#menu ul li {
	background: #299992;
	width: 193px;
		float: none;
		display: block;
		border: 0;
		_line-height: 0; /*Только для IE6*/
		-moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
		-webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
		box-shadow: 0 1px 0 #111, 0 2px 0 #666;
		border-bottom: 1px solid #95abc1;
	}
	
	#menu li:last-child> a{
		padding-top: 13px;
		font: bold 13px Tahoma, Arial, Helvetica;

	}
	#menu li:first-child  a:hover {

		padding-top: 14px;
		padding-bottom: 12px;
	}
		#menu li:last-child  a:hover {
padding-bottom: 12px;
		padding-top: 14px;
	}
	#menu li:first-child> a{
	font: bold 13px Tahoma, Arial, Helvetica;
		padding-top: 13px;
	}
			#menu li:first-child{

	
	}
	
	
	
	#menu ul li:last-child {   

		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;    
		
		border-bottom: 0px solid #95abc1;
	}
	#menu ul li:last-child >a{  
	padding: 10px 57px;
	}
	#menu ul a {    
		padding: 10px;
		width: 100%;
		_height: 10px; /*Только для IE6*/
		display: block;
		white-space: nowrap;
		float: none;
		text-transform: none;
	}
	
	#menu ul a:hover {
		



	}
	#menu{
	
	
	}
	
	#menu li:first-child{
	
	margin-top: 5px;
border-left: 0px solid #26b5ae;
padding-left: 5px;
height: 40px;

width: 192px;
	}
		#menu  li ul li:first-child{
margin-top: 0px;
padding-left: 0px;

	}
	
	#menu li:last-child{
	margin-top: 5px;
	width: 192px;
	border-right: 0px solid #26b5ae;
	padding-right: 3px;
height: 40px;

	}
	
	#menu li ul li:hover > a {

	}
	#menu  ul li:hover {
		background: #22928a;


	}
		#menu li ul li:last-child{
		margin-top: 0px;
	padding-right: 0px;
	-moz-border-radius: 0 0 2px 2px;
-webkit-border-radius: 0 0 2px 2px;
border-radius: 0 0 2px 2px;
	}
	
	#menu ul li:first-child > a {

	}
	

	
	#menu ul li:last-child > a {
		-moz-border-radius: 0 0 3px 3px;
		-webkit-border-radius: 0 0 3px 3px;
		border-radius: 0 0 3px 3px;
	}

	
	.contact{
	position: relative;
	float: left;
	height: auto;
	width: 978px;
	}
	.contact h6{
	color: #FEFEFE;
	text-align: center;
	padding: 8px 0px;
		width: 978px;
				    background: #299992;
    background: -moz-linear-gradient(top, #126963 0%, #299992 100%);
    background: -webkit-linear-gradient(top, #126963 0%, #299992 100%);
    background: -o-linear-gradient(top, #126963 0%, #299992 100%);
    background: linear-gradient(top, #126963 0%, #299992 100%);
	}
	
	.polosa{
	width:100%;
	height: 10px;
					    background: #299992;
    background: -moz-linear-gradient(top, #126963 0%, #299992 100%);
    background: -webkit-linear-gradient(top, #126963 0%, #299992 100%);
    background: -o-linear-gradient(top, #126963 0%, #299992 100%);
    background: linear-gradient(top, #126963 0%, #299992 100%);
	position: relative;

float: left;
	}
	
	.anons{
		position: relative;
		float: left;
		height: auto;
		width: 100%;
		background: #f4f4f4;
		padding: 10px 0 0 10px;
		margin-bottom: 5px;
		border-bottom: 1px solid #cacaca;
		
	}
	
	.anons img{
	border: 1px solid #000;
		position: relative;
	float: left;
	margin: 6px;
	}
	
	.anons p{
background: #f4f4f4;
	font-size: 13px;
	color: #5d5d5d;
	
	}
	
	.anons a
	{
	padding-bottom: 5px;
	color: #157c9d;
	position: relative;

	padding-right: 35px;
font-size: 12px;

	}
	
		.right
	{

	float: right;


	}
	
	.anons h1{
	padding-bottom: 5px;
	color: #157c9d;
	text-transform: uppercase;
font-size: 13px;
	}
	
	.mode{
	position: relative;
	float: left;
	height: auto;
	width: 978px;
	}
	
	.mode h6{
	color: #999;
	text-align: center;
	padding: 20px 0px;
width: 978px;
font-size: 12px;
	
	}
	.left_pr{
	position: relative;
	float: left;
		width:100%;
	height: 10px;
					    background: #096d98;
 background: -moz-linear-gradient(top, #096d98 0%, #1688b6 100%);
    background: -webkit-linear-gradient(top, #096d98 0%, #1688b6 100%);
    background: -o-linear-gradient(top, #096d98 0%, #1688b6 100%);
    background: linear-gradient(top, #096d98 0%, #1688b6 100%);
	}

	.stud{
	margin: 0;
padding: 0;
list-style: none;
width: 100%;
}

.stud li {
float: left;
        border-top: 1px solid #cacaca;
	width: 100%;
		position: relative;
}

.stud li:hover > a{
	color: #096D98;
}

.stud li:hover{
	padding-left: 15px;
}

.stud ul{


}

.stud li :before {
	
    content: url(/images/st.png); /* Добавляем желаемый символ перед элементом списка */
	padding-right: 5px;	 
	padding-top: 15px;
}

.stud a{
font-size: 13px;
padding: 6px 4px 10px 5px;
float: left;
color: #157c9d;
text-align: left;
text-decoration: none;
}

.for_title{
color: #336699;
font-style: italic;
font-size: 10px;
}

.pismo{
float: left;
min-height: 77px;
position: relative;
width: 249px;
}

.pismo img{
box-shadow: 0 0 0 2px #F8A14C, 0px 0px 3px 3px #999;
margin: 0;
padding: 0;
position: relative;
float: left;
}

.pismo h4{
text-align: justify;

margin: 0 2px 0 8px;
border: none;
background-color: transparent;
font-size: 10px;
width: 170px;
position: relative;
padding: 0;
float: left;
}

.vopros{
width: 50%;
float: left;
position: relative;
}

.vopros img{
margin: 0;
position: relative;
float: left;
}

.vopros h3{
text-align: left;
background-color: transparent;
border: none;
padding: 0;
margin: 0;
font-size: 11px;
width: 203px;
position: relative;
float: left;
}
.vopros p{
font-size: 9px;

}

.content h2.blue{
color: #FFF;
padding: 5px;
font-size: 16px;
background: #096d98 ;
 background: -moz-linear-gradient(top, #096d98 0%, #1688b6 100%);
    background: -webkit-linear-gradient(top, #096d98 0%, #1688b6 100%);
    background: -o-linear-gradient(top, #096d98 0%, #1688b6 100%);
    background: linear-gradient(top, #096d98 0%, #1688b6 100%);
	}