﻿@charset "utf-8";
body {
	margin-left: 3px;
	margin-top: 0px;
	font-family: tahoma;
	font-size: 12px;
}

.logo{
position:absolute;
top:3px;
left:1.6%;
z-index:2;
width:240px;
height:125px;
background-image: url(img/logo.png);
	background-repeat: no-repeat;
}

#content_begin{
display:block;
position:absolute;
clear:both;
top:170px;
width:99.5%;
min-width:960px;
z-index:-2;}

#text_content{
display:block;
width:80%;
min-width:960px;}

#down_page {
display:block;
margin-top: 15px;
width:99.5%;
min-width:960px;
}


.no_access {
position: absolute;
top:49px;
right:1px;
opacity:0.9;
background:#FFFFFF;
width:100%;
height:100%;
z-index:10;

}

.no_access p {
 position:fixed;
 margin:10% 0 0 25%;

}

.to_vidget {
position: relative;
display:inline-block;
left:35px;
border-bottom:1px dashed #000000;
size:12px;
cursor:pointer;

}

.style1 {
	font-family: tahoma;
	font-size: 7.5pt;
	font-weight: 900;
	margin-top:60px;
	margin-bottom:-3px;
}

#poisk-box {
position:relative;
display:inline-block;
left:100px;
	width:55%;
	min-width:600px;
	background:#f5f5f5;
	}

.poisk-box-border {
position:absolute;
left:-1px;
background:#f5f5f5;
	width: 100%;
	height:100%;
	border: 1px solid #b8b8b8;
	-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
z-index:-1;
}
	
#poisk {
		width:auto;
		min-width: 1000px;
		height:115px;
		background:#f5f5f5;
		border-bottom: 1px solid #b8b8b8;
		z-index:10;
				
	}


#top_poisk > form{
display: block; 
clear:both;
margin-bottom:-29px;
left:2px;
}

#plashka_users{
position:relative;
	float:right;
	width:14%;
	right:3.1%;
				}

#plashka_reg{
position:relative;
display:inline-block;
font-family:Arial;
	font-size: 18px;
	text-align: center;
	color:#000;
	border: 1px dashed #000;
	padding-top:2px;
	height:45px;
	width:100%;
	top:15px;
	right:0;
	background: #f5f5f5;
-webkit-border-bottom-right-radius:4px;
-webkit-border-bottom-left-radius:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-bottomleft:4px;
border-bottom-right-radius:4px;
border-bottom-left-radius:4px;
cursor:pointer;
	
	}
	
	#plashka_enter{
	position:relative;
	height:24px;
	width:100%;
	top:37px;
	color:#999;
	border-left: 1px solid #b8b8b8;
	border-top: 1px solid #b8b8b8;
	border-right: 1px solid #b8b8b8;
	border-bottom: 2px solid #fff;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	background: #fff;
	color:#333;
	font-family:tahoma;
	font-weight:bold;
	font-size: 13px;
	text-align: center;
	padding-top:4px;	
	cursor:pointer;
	z-index:3;
	}
		
	#plashka_enter:hover{
	
	color:#c77405;
	
	}		
	
	#plashka_enter2{
 position:relative;
 height:24px;
 width:100%;
 top:37px;
 color:#999;
 border-left: 1px solid #b8b8b8;
 border-top: 1px solid #b8b8b8;
 border-right: 1px solid #b8b8b8;
 border-bottom: 2px solid #fff;
 -webkit-border-top-left-radius:4px;
 -webkit-border-top-right-radius:4px;
 -moz-border-radius-topleft:4px;
 -moz-border-radius-topright:4px;
 border-top-left-radius:4px;
 border-top-right-radius:4px;
 background: #fff;
 color:#333;
 font-family:tahoma;
 font-weight:bold;
 font-size: 13px;
 text-align: center;
 padding-top:4px; 
 cursor:pointer;
 z-index:3;
 text-decoration:none;
 }
  
 #plashka_enter2:hover{
 
 color:#c77405;
 
 }  
		
	#enter_user{
	display:none;
	position: absolute;
	height:auto;
	width:300px;
	right:-2px;
	top:115px;
	color:#999;
	border: 1px solid #b8b8b8;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	background: #fff;
	color:#333;
	font-family:tahoma;
	font-weight:normal;
	font-size: 14px;
	text-align: center;
	padding-top:4px;
	z-index:2;	
	
	}
	
	a.menu, a.menu:link, a.menu:visited {
	position: relative;
	display: inline-block;
	width:80px;
	height: 35px;
	margin:0 0 -15px 0;
	left:7px;
	top:10px;
	font-size:16px;
	color:#999;
	font-weight: normal;
	text-decoration: none;
	text-align:center;

}

a.menu:hover {

	width:80px;
	height: 35px;
	z-index:100;
	margin:0 0 -15px 0;
	top:10px;
	left:7px;
	position:relative;
	display:inline-block;
	text-decoration: none;
	font-size:16px;
	text-align:center;
}

a.menu:hover:after {
position: absolute;
	content: "";
	z-index:-2;
	width: 80px;
	height: 35px;
	border:1px solid #ccc;
	-webkit-transform: skew(25deg);
	   -moz-transform: skew(25deg);
	     -o-transform: skew(25deg);
		 background-color:#fff;
	left:-3px;
		padding:10px 3px 0 0;
	top:-11px;
}

.menu_aktiv, a.menu_aktiv, a.menu_aktiv:link, a.menu_aktiv:visited {

	width:80px;
	height: auto;
	z-index:100;
	margin:0 0 1px 0;
	top:10px;
	left:7px;
	position:relative;
	display:inline-block;
	text-decoration: none;
	font-size:16px;
	text-align:center;
	/*font-weight:bold;*/
}

.menu_aktiv:after {
position: absolute;
	content: "";
	z-index:-2;
	width: 80px;
	height: 35px;
	border:1px solid #ccc;
	-webkit-transform: skew(25deg);
	   -moz-transform: skew(25deg);
	     -o-transform: skew(25deg);
background: rgb(255,255,255);
	left:-3px;
		padding:10px 3px 0 0;
	top:-11px;
}


.shield {

	font-size: 16px;
	height:25px;
	min-width: 300px;
	width:54%;
	border: 1px solid #b8b8b8;
	padding-left:7px;
	margin: 0 0 39px 5px;
	

}
.shield1 {
position:relative;
	font-size: 11px;
	height:29px;
	width:24%;
	border: 1px solid #b8b8b8;
	padding-left:1px;
	bottom: 1px;

}

.shield2 {
	font-size: 16px;
	height: 29px;
	width: 90px;
	margin-left:3px;
	font-weight: normal;
	border: 1px solid #b8b8b8;
	background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6));
background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
cursor:pointer;
	
}	

.shield2:hover {
background: #f6f6f6;
background: -moz-linear-gradient(top, #f6f6f6 0%, #e1e1e1 49%, #f1f1f1 50%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(49%,#e1e1e1), color-stop(50%,#f1f1f1), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #f6f6f6 0%,#e1e1e1 49%,#f1f1f1 50%,#ffffff 100%);
background: -o-linear-gradient(top, #f6f6f6 0%,#e1e1e1 49%,#f1f1f1 50%,#ffffff 100%);
background: -ms-linear-gradient(top, #f6f6f6 0%,#e1e1e1 49%,#f1f1f1 50%,#ffffff 100%);
background: linear-gradient(to bottom, #f6f6f6 0%,#e1e1e1 49%,#f1f1f1 50%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0 );
}

.save_button {
display:inline-block;
	font-size: 16px;
	padding:5px 15px 5px 15px;
	font-weight: normal;
	border: 1px solid #b8b8b8;
	background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6));
background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
cursor:pointer;
	
}	

.save_button:hover, .del_dod:hover {
background: #f6f6f6;
background: -moz-linear-gradient(top, #f6f6f6 0%, #e1e1e1 49%, #f1f1f1 50%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(49%,#e1e1e1), color-stop(50%,#f1f1f1), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #f6f6f6 0%,#e1e1e1 49%,#f1f1f1 50%,#ffffff 100%);
background: -o-linear-gradient(top, #f6f6f6 0%,#e1e1e1 49%,#f1f1f1 50%,#ffffff 100%);
background: -ms-linear-gradient(top, #f6f6f6 0%,#e1e1e1 49%,#f1f1f1 50%,#ffffff 100%);
background: linear-gradient(to bottom, #f6f6f6 0%,#e1e1e1 49%,#f1f1f1 50%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0 );
opacity:1;
}


.shield3 {

	font-size: 17px;
	height:29px;
	min-width: 300px;
	width:80%;
	border: 1px solid #b8b8b8;
	padding-left:7px;
	margin: 23px 0 15px 5px;
	}

.shield4 {

	font-size: 16px;
	height:25px;
	min-width: 300px;
	width:79%;
	border: 1px solid #b8b8b8;
	padding-left:7px;
	margin: 0 0 39px 5px;
	

}

.shield5 {
position:relative;
	font-size: 14px;
	height:23px;
	border: 1px solid #b8b8b8;
	padding:2px;
	float:left;
	

}

.shield6 {
position:relative;
	font-size: 16px;
	height:26px;
	width:auto;
	border: 1px solid #b8b8b8;
	padding-left:1px;
	bottom: 1px;

}

#rezult_operation {
position:fixed;
display:inline-block;
top:35%;
left:23%;
z-index:99;
width:600px;
text-align: center;
background-color:#fff;
font-family: verdana;
font-size: 16px;
padding:15px 15px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
border: 2px solid #678AC3;
 box-shadow: 0px 0px 500px #333;
 -moz-box-shadow: 0px 0px 500px #333;
	-webkit-box-shadow:0px 0px 500px #333;
}

#how_edit, #text_slider, #info_block {
position:fixed;
display:none;
top:20%;
left:15%;
z-index:300;
width:630px;
text-align:justify;
background:#fff;
font-family: verdana;
font-size: 16px;
padding:15px 15px 40px 15px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
border: 2px solid #678AC3;
 box-shadow: 0px 0px 500px #333;
 -moz-box-shadow: 0px 0px 500px #333;
	-webkit-box-shadow:0px 0px 500px #333;
}

.block_info {
position:fixed;
display:block;
top:25%;
left:12%;
z-index:300;
width:750px;
text-align:justify;
background:#fff;
font-family: verdana;
font-size: 16px;
padding:15px 15px 40px 15px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
border: 2px solid #678AC3;
 box-shadow: 0px 0px 500px #333;
 -moz-box-shadow: 0px 0px 500px #333;
	-webkit-box-shadow:0px 0px 500px #333;
}

.spec_poisk{
display:inline-block;
position: relative;
width:50%;
vertical-align:top;

	
	}
	
.spec_poisk label {
display:block;
top:0;
height:auto;
margin: -20px 0 7px 26px;
clear:both;
   	font-size: 16px;
	
      
}

.h1_poisk_spec {
display:block;
font-size: 19px;
height:35px;
margin-top:3px;
vertical-align: middle;
}

a:link {
	color:#003366;
	text-decoration: underline;
}
a:visited{color:#003366; text-decoration:underline;}
a:hover{color:#003366;text-decoration:none;}

.tbl {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	font-size: 14px;
}
.tb1 {
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #666666;
font-size: 14px;
}
.style9 {
	font-family: Arial;
	font-size: 7pt;
	color: #999999;
}
.tbl1 {

	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	padding:5px;
}
.tbl2 {
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #666666;
}
.tbl3 {
	border-bottom-width: 1pt;
	border-bottom-style: inset;
	border-bottom-color: #333333;
	font-size: 14px;
}


#autor_menu {
display:none;
position:relative;
width:255px;
height:515px;
z-index:5;
border-left: none;
border-right: 1px solid #b8b8b8;
border-bottom: 1px solid #b8b8b8;
border-top: 1px solid #b8b8b8;
float:left;
color:#666;
background-color:#FFFFFF;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
font-size:14px;

}

#autor_menu img {
display:inline-block;
position:relative;
max-width:170px;
max-height:120px;
margin: 7px 0 3px 0;
}

#autor_menu a, 
#autor_menu a:visited {
display:block;
text-align:left;
margin:9px 0 0 13px;
color: #333;
}

.autor_menu_open{
display:inline-block;
position:relative;
z-index:5;
 background-image: url(img/icons.png);
 background-position: -3px -87px;
 background-color: #006D96;
 border-left: 1px solid #b8b8b8;
border-right: 1px solid #b8b8b8;
border-bottom: 1px solid #b8b8b8;
border-top: 3px solid #004C69;
top:7px;
right:2px;
width:36px;
height:36px;
float: left;
cursor:pointer;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
opacity:0.8;
}
.autor_menu_open:hover{
 box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
 -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.3);
	opacity:1;
	
		}
#autor_menu h1 {
font-size:20px; font-family:PTSansNarrowBold; color:#000; margin:13px 0 15px 7px; line-height:0.9;}

#autor_menu h2 {
font-size:16px; font-family:PTSansNarrowBold; color:#666; margin:17px 0 7px 0; line-height:0.9;}

#div_autor  {
display:inline-block;
width:81%;
margin-right:1%;
min-width:900px;
float:none;
}

#exit_autor{
position:relative;
display:inline-block;
font-family:Arial;
	font-size: 18px;
	text-align: center;
	color:#333;
	border: 1px dashed #666;
	padding: 10px 16px;
	margin:10px 0 0 60px;
	cursor:pointer;
	
	}
#exit_autor:hover{border: 1px solid #333;}

#autor_table, #autor_table_uz {
display:inline-block;
font-size:14px;
width: 95%;
letter-spacing:0.07em;
margin-top:25px;

}



#autor_table tr, #autor_table_uz tr {
height:45px;

}

#autor_table tr:nth-child(2n), #autor_table_uz tr:nth-child(2n) {
background-color:#f5f5f5;}

#autor_table td:nth-child(1n) {
padding-left:10px;
color:#666;
}

#autor_table td:nth-child(2n) {
font-family: arial;
color:#333;
font-style:normal;
font-weight:normal;
font-size:14px;
letter-spacing: normal;
}

#autor_table_uz td:nth-child(1n) {
padding-left:10px;
color:#666;
text-shadow: 1px 1px 0 #f5f5f5;
}

#autor_table_uz td:nth-child(2n) {
font-family: arial;
color:#000;
font-style:normal;
font-weight:normal;
font-size:14px;
letter-spacing: normal;

}

#autor_table img {
display:inline-block;
position:relative;
vertical-align:middle;
max-width:140px;
max-height:90px;
margin: 3px 0 3px 15px;
}


#autor_table_uz img {
display:inline-block;
position:relative;
max-width:170px;
max-height:120px;
margin: 3px 0 3px 0;
}
#autor_table input, #view_edu input {
height:20px;
font-size:16px;
margin-bottom:5px;}

#autor_table select, #view_edu select {
height:26px;
font-size:16px;
margin-bottom:5px;}

#autor_table label {
height:16px;
font-size:12px;
margin-left:10px;}

a.menu_active_link:link, .menu_active_link    {
	display: inline-block;
	position:relative;
	color:#FFF;
	left:-9px;
	text-decoration: none;
	font-family: verdana;
	font-size:12px;
	text-align:left;
	min-width:227px;
	width:auto;
	height:21px;
	margin: 5px 0 -5px 0;
	padding: 4px 0 0 8px;
border-left: none;
border-right: none;
border-bottom: none;
border-top: 3px solid #004C69;
background:#006D96;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	text-shadow: 1px 1px 0 #000000;
	font-weight: bold;
	
}


#add_new_uz, .add_new_dod {
	display: inline-block;
	color:#ffffff;
	text-decoration: none;
	font-family: verdana;
	font-size:12px;
	text-align:center;
	padding:6px 15px;
	margin: 8px 0 0 0;
	background: -moz-linear-gradient(top, #bee75c 1%, #62ac15 100%);
	background: -webkit-linear-gradient(top, #bee75c 1%,#62ac15 100%);
	background: -ms-linear-gradient(top, #bee75c 1%,#62ac15 100%);
	background: linear-gradient(to bottom, #bee75c 1%,#62ac15 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bee75c', endColorstr='#62ac15',GradientType=0 );
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	text-shadow: 1px 1px 0 #000000;
	font-weight: bold;
	cursor:pointer;
}
#add_new_uz:hover, .add_new_dod:hover {
	color:#ffffff;
	text-decoration: none;
background: -moz-linear-gradient(top, #b2e238 0%, #5ca805 100%);
background: -webkit-linear-gradient(top, #b2e238 0%,#5ca805 100%);
background: -o-linear-gradient(top, #b2e238 0%,#5ca805 100%);
background: -ms-linear-gradient(top, #b2e238 0%,#5ca805 100%);
background: linear-gradient(to bottom, #b2e238 0%,#5ca805 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2e238', endColorstr='#5ca805',GradientType=0 );
}

.autor_link {
display:inline-block;
position:relative;
border: 1px solid #b8b8b8;
padding: 9px 23px 3px 23px;
margin-left:-5px;
top:-1px;
background:#FFFFFF;
height:24px;
font-family:tahoma;
font-size:14px;
cursor:pointer;
}

.autor_link:hover {
background:#f2f2f2;
}
.autor_link_active {
display:inline-block;
position:relative;
border-left: 1px solid #b8b8b8;
border-right: 1px solid #b8b8b8;
border-bottom: 1px solid #b8b8b8;
border-top: 3px solid #004C69;
padding: 8px 23px 2px 23px;
margin-left:-5px;
background:#006D96;
color:#FFFFFF;
height:24px;
font-family:tahoma;
font-size:14px;
cursor:pointer;
}

.option_off {
padding:7px;
color:#FFFFFF;
text-align:center;
font-weight:bold;
margin:4px;
background: #cb60b3;
background: -moz-linear-gradient(top, #cb60b3 0%, #ad1283 29%, #ad1283 29%, #ad1283 74%, #ad1283 74%, #de47ac 100%);
background: -webkit-linear-gradient(top, #cb60b3 0%,#ad1283 29%,#ad1283 29%,#ad1283 74%,#ad1283 74%,#de47ac 100%);
background: linear-gradient(to bottom, #cb60b3 0%,#ad1283 29%,#ad1283 29%,#ad1283 74%,#ad1283 74%,#de47ac 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb60b3', endColorstr='#de47ac',GradientType=0 );
}

.option_on {
padding:7px;
text-align:center;
color:#FFFFFF;
margin:4px;
font-weight:bold;
background: -moz-linear-gradient(top, #b2e238 0%, #5ca805 100%);
background: -webkit-linear-gradient(top, #b2e238 0%,#5ca805 100%);
background: -o-linear-gradient(top, #b2e238 0%,#5ca805 100%);
background: -ms-linear-gradient(top, #b2e238 0%,#5ca805 100%);
background: linear-gradient(to bottom, #b2e238 0%,#5ca805 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2e238', endColorstr='#5ca805',GradientType=0 );}

.jobs_day {
display:block;
position:relative;
width:80%;
margin:4px 0 15px 0;
}

.jobs_day label {
display:block;
float:right;
width:auto;
clear:both;
margin-top:-4px;
}

#job_days_button {
position:relative;
display:inline-block;
font-family:Arial;
font-weight:bold;
	font-size: 16px;
	text-align: center;
	color:#333;
	border: 1px dashed #666;
	padding: 3px 7px;
	margin:7px 0 0 10px;
	cursor:pointer;
	}


#example_dod {
display:inline-block;
margin:0 0 0 4%;
float:right;
}


.del_dod {
position:relative;
display:inline-block;
left:-145px;
top:200px;
margin-right: -90px;
font-size: 16px;
	padding:5px 15px 5px 15px;
	font-weight: normal;
	border: 1px solid #b8b8b8;
	background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6));
background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
cursor:pointer;
}

.socgroup_status {
position:relative;
display:inline-block;
 width:170px;
 height:18px;
left:-210px;
top:220px;
background:#ffffff;
margin-right: -170px;
font-size: 13px;
-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
	text-align:center;
	 box-shadow: 0px 0px 3px #999;
 -moz-box-shadow: 0px 0px 3px #999;
 	-webkit-box-shadow:0px 0px 3px #999;
}

.mouseover_dod {
position:relative;
display:none;
font-style:italic;
text-decoration:underline;
font-weight: bold;
margin-left:-9px;
}

#topik_DOD_1, #topik_DOD_2 {
padding:4px 1px; font-family:Arial;
font-size:14px;
color:#333;
text-align:left;}

/* ---- НАЧАЛО Переключатели для поиска ---------*/
#radioset{
margin: 0 0 0 -1px;
display: inline;
z-index:1;
}

#radioset .ui-helper-hidden { display: none; }
#radioset .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
#radioset .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
#radioset .ui-helper-clearfix:before, #radioset .ui-helper-clearfix:after { content: ""; display: table; }
#radioset .ui-helper-clearfix:after { clear: both; }
#radioset .ui-helper-clearfix { zoom: 1; }
#radioset .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
#radioset .ui-state-disabled { cursor: default !important; }



/* Overlays */
#radioset .ui-widget-overlay { position: absolute; top: 200px; left: 0; width: 100%; height: 100%; }/* не влияет*/
#radioset .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; cursor: pointer; text-align: center; zoom: 0; overflow: visible; } /* the overflow property removes extra width in IE ------ВЛИЯЕТ-------- */


/*button text element */
#radioset .ui-button .ui-button-text { display: block; line-height: 2;  }
#radioset .ui-button-text-only .ui-button-text { padding: .1em 1.1em; }


/*Притирка кнопок друг к другу*/
#radioset .ui-buttonset { margin-right: 7px; }
#radioset .ui-buttonset .ui-button { margin-top: 2px; margin-right: -.3em; }

/* Component containers
----------------------------------*/
#radioset .ui-widget { font-family: tahoma; font-size: 12px; }


/* Interaction states
----------------------------------*/
#radioset .ui-state-default, #radioset .ui-widget-content .ui-state-default, #radioset .ui-widget-header .ui-state-default { border: 1px solid #fff; background: #fff; font-weight: bold; color: #000; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; /* левый нижний угол*/
 -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; border-top: 1px solid #b8b8b8;/* верхний бордюр переключателя*/ }
#radioset .ui-state-default a, #radioset .ui-state-default a:link, #radioset .ui-state-default a:visited { color: #fff; text-decoration: none;  }
#radioset .ui-state-hover, #radioset .ui-widget-content .ui-state-hover, #radioset .ui-widget-header .ui-state-hover, #radioset .ui-state-focus, #radioset .ui-widget-content .ui-state-focus, #radioset .ui-widget-header .ui-state-focus { border: 1px solid #b8b8b8; background: #fff; font-weight: bold; color: #c77405; }
#radioset .ui-state-hover a, #radioset .ui-state-hover a:hover, #radioset .ui-state-hover a:link, #radioset .ui-state-hover a:visited { color: #C5DEEA; text-decoration: none;  }
#radioset .ui-state-active, #radioset .ui-widget-content .ui-state-active, #radioset .ui-widget-header .ui-state-active { border: 1px solid #b8b8b8; border-top: 1px solid #f5f5f5; background: #f5f5f5; font-weight: bold; color: #000; }/* активная кнопка*/
#radioset .ui-state-active a, #radioset .ui-state-active a:link, #radioset .ui-state-active a:visited { color: #C5DEEA; text-decoration: underline; }



/* Corner radius */
#radioset .ui-corner-all, #radioset .ui-corner-top, #radioset .ui-corner-left, #radioset .ui-corner-tl { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -khtml-border-top-left-radius: 0px; border-top-left-radius: 0px; } /* левый верхний угол*/
#radioset .ui-corner-all, #radioset .ui-corner-top, #radioset .ui-corner-right, #radioset .ui-corner-tr { -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -khtml-border-top-right-radius: 0px; border-top-right-radius: 0px; }/* правый верхний угол*/
#radioset .ui-corner-all, #radioset .ui-corner-bottom, #radioset .ui-corner-left, #radioset .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }/* левый нижний угол*/
#radioset .ui-corner-all, #radioset .ui-corner-bottom, #radioset .ui-corner-right, #radioset .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }/* правый нижний угол*/


/* ---- КОНЕЦ Переключатели для поиска ---------*/

#metro_loc{

display:block;
position:relative;
background: #f5f5f5;
width:99.5%;
min-width:990px;
z-index:-2;
height:30px; margin-top:15px; padding-top:5px; font-size:12px; font-weight:bold;}

#katalog_begin{
display:block;
position:relative;
background: #f5f5f5;
width:99.5%;
min-width:990px;
z-index:-2;}

.katalog_link {
display:inline-block;
position:relative;
border: 1px solid #b8b8b8;
padding: 15px 24px 3px 24px;
margin-left:-5px;
background:#FFFFFF;
height:40px;
font-family:tahoma;
font-size:18px;
cursor:pointer;
}

.katalog_link:hover {
background:#f2f2f2;
}
.katalog_link_active {
display:inline-block;
position:relative;
border-left: 1px solid #b8b8b8;
border-right: 1px solid #b8b8b8;
border-bottom: 1px solid #b8b8b8;
border-top: 3px solid #004C69;
padding: 13px 24px 3px 24px;
margin-left:-5px;
background:#006D96;
color:#FFFFFF;
height:40px;
font-family:tahoma;
font-size:18px;
cursor:pointer;
}

.radio_uz {
display:inline-block;
position:relative;
left:8%;
border: 1px solid #b8b8b8;
padding: 10px 15px 0 15px;
margin-left:-5px;
background:#FFFFFF;
height:35px;
font-family:tahoma;
font-size:17px;
cursor:pointer;
z-index:1;
}

.radio_uz:hover {
background:#f2f2f2;
}

.radio_uz_active {
display:inline-block;
position:relative;
left:8%;
border-left: 1px solid #b8b8b8;
border-right: 1px solid #b8b8b8;
border-bottom: 1px solid #b8b8b8;
border-top: 3px solid #004C69;
padding: 10px 15px 0 15px;
margin-left:-5px;
background:#006D96;
color:#FFFFFF;
height:35px;
font-family:tahoma;
font-size:17px;
cursor:pointer;
z-index:1;
}


/* ---- Начало стилей для  каталога ---------*/

#uzbox, #autorbox{
/*width:99.5%;
min-width:950px;*/
}

#katalogbox{
/*width:99.5%;
min-width:950px;*/
margin:20px 0 0 5px;
padding-bottom:30px;
border-left: 1px solid #b8b8b8;
border-right: 1px solid #b8b8b8;
border-bottom: 1px solid #b8b8b8;
 overflow: hidden;

}

#menu_sel {

border-bottom: 3px solid #004C69;
padding: 5px;
margin-bottom: 20px;
background:#006D96;
}

.sel_kurs, .sel_dod, .sel_ege, .sel_det, .sel_strana, .sel_spec {
font-size:26px;
padding:10px 4px;


}


#link_1{
display:inline-block;
position:relative;
top:20px;
width:95%;
left:-1%;
margin-bottom:30px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding:4px;

}

#link_2, #link_3, #link_4 {
display:none;
position:relative;
width:95%;
top:20px;
left:-1%;
margin-bottom:30px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding:4px;
}



.katalog_def, .katalog_hover, .katalog_hover_new, .carousel-block  {
position:relative;
display:inline-block;
vertical-align: top;
width:237px;
height:245px;
border:1px solid #004C69;
margin:0 3px 15px 0;
-webkit-border-radius: 4px;
border-radius: 4px;
font-size:14px;
padding:2px;
 overflow: hidden;
}

.katalog_def img, .katalog_hover img, .katalog_hover_new img, .kurs_hover_new img,  .carousel-block img {
display:block;
vertical-align: middle;
padding-top:12px;
max-width:180px;
max-height:160px;
border:none;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-bottom: 2;
}


.kurs_hover, .kurs_hover_new /*МЕНЯЕМ*/ {
position:relative;
display:inline-block;
width:360px;
height:291px;
border:none;
margin:0 15px 15px 0;
 overflow: hidden;
}


.kurs_border, .kurs_border_new /*МЕНЯЕМ*/ { 
display:block;
position:absolute;
width:99%;
height:75px;
top:215px;
border:1px solid #004C69;
  border-top: none;
-moz-border-radius-topleft: none; -webkit-border-top-left-radius: none; -khtml-border-top-left-radius: none; border-top-left-radius: none;
-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
-moz-border-radius-topright: none; -webkit-border-top-right-radius: none; -khtml-border-top-right-radius: none; border-top-right-radius: none;
-moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
font-size:16px;
 overflow: hidden;
 z-index:0;
}

.kurs_border_img  {
display:block;
position:absolute;
width:110px;
height:95px;
bottom:-8px;
right:0;
opacity:0.25;
 background-size: cover;
 background-position: 0px 0px;
 background-repeat: no-repeat;
   -webkit-transform: rotate(15deg);
   -moz-transform: rotate(15deg);
   -o-transform: rotate(15deg);
   -ms-transform: rotate(15deg);
   transform: rotate(15deg);
 z-index:1;
 overflow:hidden;
} 

.kurs_img /*МЕНЯЕМ*/ {
display:block;
position:absolute;
 background-size: cover;
 background-position: 0px 0px;
 background-repeat: no-repeat;
width:359px;
height:215px;
border:none;
color:#FFFFFF;
 overflow: hidden;
left:0;
z-index:2;
 }
 
 .kurs_img:before /*МЕНЯЕМ*/ {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    background-color: rgba(37,43,48,0.25);
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
	} 
 
 .kurs_img span /*МЕНЯЕМ*/{
display:inline-block;
position:relative;
 color:#FFFFFF;

 }


 .kurs_img em  /*МЕНЯЕМ*/{
position: relative;
display:block;
width:auto;
top:12px;
height:68px;
font-style: normal;
font-weight:bold;
padding:5px;
 color:#FFFFFF;
 font-size:20px;
 overflow:hidden;

 }
 
 .kurs_img h2 /*МЕНЯЕМ*/ {
/* display:block;
 width:99%;
 position:absolute;*/
 font-size:28px;
 font-family:BebasBold;
font-weight:bold;
margin:0 0 0 0;
color:#FFFFFF;
text-align:center;


}

 .bottom_kurs_img  /*МЕНЯЕМ*/{
position: absolute;
display: inline-block;
bottom:0;
right:123px;
font-size:16px;
 color:#FFFFFF;
padding: 1px 0;
white-space: nowrap;
z-index:2;
 
 }
 
 .bottom_kurs_img b /*МЕНЯЕМ*/{
font-size:28px;
font-family:BebasBold;
  }
 

.cost_kurs_img  /*МЕНЯЕМ*/{
position: absolute;
display: inline-block;
bottom:-4px;
right:0;
background:#FFFFFF;
border-right: 1px solid #004C69; 
width:135px;
height:37px;
color:#000;
padding-top:6px;

 }
  
 .cost_kurs_img b /*МЕНЯЕМ*/{
font-size:28px;
font-family:BebasBold;
color: #FF0000;
padding-left: 15px;
text-shadow: 1px 1px 0 #ccc;

  }
 
 
.cost_kurs_img:before  /*МЕНЯЕМ*/{
content: "";
 position: absolute;
  left: -27px;
  top: 50%;
  margin-top: -21px;  
  border-top: 43px solid transparent;
  border-left: 0;
  border-right: 27px solid #ffffff;        
  border-bottom: 0px solid transparent;} 



.katalog_def .mask,.katalog_def .content, .katalog_hover .mask,.katalog_hover .content, .katalog_hover_new .mask, .katalog_hover_new .new_content /*МЕНЯЕМ */{
   width: 230px;
   height: 240px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
   z-index:3;
   
}

.kurs_hover .mask, .kurs_hover .content/*МЕНЯЕМ */{
 width:350px;
height:295px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
   z-index:3;
   
}

.katalog_def:hover, .katalog_hover:hover, .katalog_hover_new:hover, .carousel-block:hover, .kurs_hover:hover /*МЕНЯЕМ*/ {
 box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.3);
 -moz-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:0 10px 15px 0 rgba(0, 0, 0, 0.3);

}


.katalog_hover:hover  img, .katalog_hover_new:hover img{
	 -webkit-transform: scale(1.2,1.2);
   -moz-transform: scale(1.2,1.2);
   -o-transform: scale(1.2,1.2);
   -ms-transform: scale(1.2,1.2);
   transform: scale(1.2,1.2);

}
.katalog_hover:hover li, .katalog_hover_new:hover li {
opacity:0;}

.katalog_def li, .katalog_hover li, .katalog_hover_new li, .carousel-block li /*МЕНЯЕМ*/{
display:block;
width:99%;
position:absolute;
bottom:2px;
overflow:hidden;
height:57px;
z-index:2;
}

.kurs_border li /*МЕНЯЕМ*/{
display:block;
width:80%;
position:absolute;
bottom:2px;
overflow:hidden;
max-height:65px;
min-height:50px;
height:auto;
z-index:2;
}

.katalog_def li a:link, .katalog_def li a:visited,.katalog_hover li a:link, .katalog_hover li a:visited, .katalog_hover_new li a:link, .katalog_hover_new li a:visited, .kurs_border li a:link, .kurs_border li a:visited /*МЕНЯЕМ*/{
text-decoration:none;
color:#003366;}


.katalog_def li a:hover{
text-decoration:underline;
color:#333;}

.katalog_hover em, .katalog_hover_new em{
position: relative;
display:inline-block;
font-style: normal;

}

.katalog_def p, .katalog_hover p, .katalog_hover_new p /*МЕНЯЕМ*/{
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 16px;
      padding: 0 3px;
	  margin: 11px 0 7px 0;
      position: relative;
   color: #fff;
    text-align: center;
}

.kurs_hover p /*МЕНЯЕМ*/{
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 20px;
      padding: 0 3px;
	  margin: 11px 0 7px 0;
      position: relative;
   color: #fff;
    text-align: center;
}

.katalog_hover info, .katalog_hover_new new_info, .kurs_hover info  /*МЕНЯЕМ*/ {
   display: inline-block;
   text-decoration: none;
   border:1px  solid #ddd;
   -webkit-border-radius: 4px;
border-radius: 4px;
   padding: 7px 20px;
   margin-top:-15px;
background: rgb(242,246,248);
background: -moz-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,246,248,1)), color-stop(50%,rgba(216,225,231,1)), color-stop(51%,rgba(181,198,208,1)), color-stop(100%,rgba(224,239,249,1)));
background: -webkit-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
background: -o-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
background: -ms-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
background: linear-gradient(to bottom, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 );
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}



.katalog_hover a.info, .katalog_hover_new a.new_info, .kurs_hover a.info  /*МЕНЯЕМ*/ {
	display: inline-block;
	text-decoration: none;
	border:1px  solid #ddd;
   -webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 7px 20px;
	color:#000;
	background: rgb(242,246,248);
	background: -moz-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,246,248,1)), color-stop(50%,rgba(216,225,231,1)), color-stop(51%,rgba(181,198,208,1)), color-stop(100%,rgba(224,239,249,1)));
	background: -webkit-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
	background: -o-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
	background: -ms-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
	background: linear-gradient(to bottom, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 );
	text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
	box-shadow: 0 0 1px #000;
	font-size:16px;
	font-weight: bold;
}

.katalog_hover a.info:hover, .katalog_hover_new a.new_info:hover {
  background: rgb(224,239,249);
background: -moz-linear-gradient(top, rgba(224,239,249,1) 0%, rgba(181,198,208,1) 49%, rgba(216,225,231,1) 50%, rgba(242,246,248,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(224,239,249,1)), color-stop(49%,rgba(181,198,208,1)), color-stop(50%,rgba(216,225,231,1)), color-stop(100%,rgba(242,246,248,1)));
background: -webkit-linear-gradient(top, rgba(224,239,249,1) 0%,rgba(181,198,208,1) 49%,rgba(216,225,231,1) 50%,rgba(242,246,248,1) 100%);
background: -o-linear-gradient(top, rgba(224,239,249,1) 0%,rgba(181,198,208,1) 49%,rgba(216,225,231,1) 50%,rgba(242,246,248,1) 100%);
background: -ms-linear-gradient(top, rgba(224,239,249,1) 0%,rgba(181,198,208,1) 49%,rgba(216,225,231,1) 50%,rgba(242,246,248,1) 100%);
background: linear-gradient(to bottom, rgba(224,239,249,1) 0%,rgba(181,198,208,1) 49%,rgba(216,225,231,1) 50%,rgba(242,246,248,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0eff9', endColorstr='#f2f6f8',GradientType=0 );
}

.view-content .mask /*МЕНЯЕМ*/ {
   background-color: rgba(0,75,105, 0.7);
   width: 380px;
   padding: 60px;
   height: 380px;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translate(265px, 145px) rotate(45deg);
   -moz-transform: translate(265px, 145px) rotate(45deg);
   -o-transform: translate(265px, 145px) rotate(45deg);
   -ms-transform: translate(265px, 145px) rotate(45deg);
   transform: translate(265px, 145px) rotate(45deg);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}

.katalog_hover h2, .katalog_hover_new h2 {
font-size:26px;
font-family:BebasBold;
font-weight:bold;
margin:4px 0 -8px 0;}


.view-content h3 {
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
   background: transparent;
   margin: 20px 40px 0px 40px;
   -webkit-transform: translate(200px, -200px);
   -moz-transform: translate(200px, -200px);
   -o-transform: translate(200px, -200px);
   -ms-transform: translate(200px, -200px);
   transform: translate(200px, -200px);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}

.view-content p /*МЕНЯЕМ*/{
  -webkit-transform: translate(230px, -230px);
   -moz-transform: translate(230px, -230px);
   -o-transform: translate(230px, -230px);
   -ms-transform: translate(230px, -230px);
   transform: translate(230px, -230px);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}


.view-content a.info, .view-content a.new_info{
   -webkit-transform: translate(0px, 210px);
   -moz-transform: translate(0px, 210px);
   -o-transform: translate(0px, 210px);
   -ms-transform: translate(0px, 210px);
   transform: translate(0px, 210px);
   -webkit-transition: all 0.2s 0.1s ease-in-out;
   -moz-transition: all 0.2s 0.1s ease-in-out;
   -o-transition: all 0.2s 0.1s ease-in-out;
   -ms-transition: all 0.2s 0.1s ease-in-out;
   transition: all 0.2s 0.1s ease-in-out;
      
}
.view-content:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translate(-80px, -125px) rotate(45deg);
   -moz-transform: translate(-80px, -125px) rotate(45deg);
   -o-transform: translate(-80px, -125px) rotate(45deg);
   -ms-transform: translate(-80px, -125px) rotate(45deg);
   transform: translate(-80px, -125px) rotate(45deg);
}
.view-content:hover h3 {
   -webkit-transform: translate(0px,0px);
   -moz-transform: translate(0px,0px);
   -o-transform: translate(0px,0px);
   -ms-transform: translate(0px,0px);
   transform: translate(0px,0px);
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}
.view-content:hover p {
   -webkit-transform: translate(0px,0px);
   -moz-transform: translate(0px,0px);
   -o-transform: translate(0px,0px);
   -ms-transform: translate(0px,0px);
   transform: translate(0px,0px);
   -webkit-transition-delay: 0.4s;
   -moz-transition-delay: 0.4s;
   -o-transition-delay: 0.4s;
   -ms-transition-delay: 0.4s;
   transition-delay: 0.4s;
}
.view-content:hover a.info, .view-content:hover a.new_info {
   -webkit-transform: translate(0px,0px);
   -moz-transform: translate(0px,0px);
   -o-transform: translate(0px,0px);
   -ms-transform: translate(0px,0px);
   transform: translate(0px,0px);
   -webkit-transition-delay: 0.6s;
   -moz-transition-delay: 0.6s;
   -o-transition-delay: 0.6s;
   -ms-transition-delay: 0.6s;
   transition-delay: 0.6s;
}
				
#spec_div {
position:relative;
display:inline-block;
vertical-align: top;
width:45%;
height:23px;
overflow:hidden;
color:#333;
margin:0 7px 15px 21px;
font-family:arial;
font-weight:bold;
font-size:20px;
padding:2px;
border-bottom: 1px dotted #999999;
}
#spec_div li {
display:block;
position:absolute;
right:1px;
bottom:1px;
padding-left:20px;
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 17%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(17%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 17%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 17%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 17%,rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 17%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}
#spec_div a:link, #spec_div a:visited {
text-decoration:none;
}
#spec_div a:hover {
text-decoration:none;
color:#c77405;}


#katalog_bottom, #katalog_bottom1, #katalog_bottom2, #katalog_bottom3, #katalog_bottom4, #katalog_bottom5, #katalog_bottom6, #katalog_bottom7, #katalog_bottom8, #katalog_bottom9 {
position: absolute;
bottom:5px;
display:block;
height:35px;
width:98%;
z-index:5;
font-size:24px;
text-align:center;
cursor:pointer;
background-color:#FFFFFF;}


.setting {

position:relative;
float:left;
z-index:5;
}

.setting_fix {
display:block;
position:fixed;
float:left;
top:-7px;
z-index:5;
}


#setting_search  {
display:none;
position:relative;
width:255px;
height:515px;
border-left: 1px solid #b8b8b8;
border-right: 1px solid #b8b8b8;
border-bottom: 1px solid #b8b8b8;
border-top: 3px solid #004C69;
float:left;
color:#666;
background-color:#FFFFFF;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
font-size:16px;
font-family: arial;

}

.setting_search_open{
display:inline-block;
position:relative;
 background-image: url(img/icons.png);
 background-position: -3px -2px;
 background-color: #006D96;
 border-left: 1px solid #b8b8b8;
border-right: 1px solid #b8b8b8;
border-bottom: 1px solid #b8b8b8;
border-top: 3px solid #004C69;
top:7px;
right:2px;
width:36px;
height:36px;
float: left;
cursor:pointer;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
opacity:0.8;
}
.setting_search_open:hover{
 box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
 -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.3);
	opacity:1;
	
		}

#setting_search h2 {
font-size:20px; font-family:PTSansNarrowBold; color:#000; margin-top:8px;}

#setting_search h3 {
font-size:18px; font-family:PTSansNarrowBold; color:#666;}

.setting_search_shield   {
position:relative;
	font-size: 16px;
	height:27px;
	padding:2px;
	margin-top:-10px;

	}


#div_search  {
display:inline-block;
width:81%;
margin-left:-3px;
min-width:900px;
}
.search_plashka_fon {
position:relative;
display:block;
margin-top:7px;
z-index:4;
background: #f5f5f5;
width:99.5%;
min-width:990px;
height:39px;
margin-bottom:-46px;}



.search_plashka {
position:relative;
display:block;
margin:7px 0 0 -5px;
background: #f5f5f5;
width:auto;
z-index:5;
font-size:12px;
font-family: "Trebuchet MS";

}

@media all and (min-width: 1025px) {
.search_plashka_fix {
position:fixed;
display:block;
width:80.5%;
/* в scripts надо прописать: если расширение экрана больше 1024 то width:80.5%; иначе width:89.2%*/
margin-left:1px;
background: #f5f5f5;
z-index:5;
top:-7px;
font-size:12px;

}
}


@media all and (max-width: 1024px) {
.search_plashka_fix {
position:fixed;
z-index:5;
display:block;
background: #f5f5f5;
width:89.2%;
/* в scripts надо прописать: если расширение экрана больше 1024 то width:80.5%; иначе width:89.2%*/
margin-left:4px;
top:-7px;
font-size:12px;

}
}

.search_pl {
position:relative;
display:block;
width:auto;
padding-top:6px;
background-color: rgba(0,75,105, 0.8);
color:#fff;
height:33px;
font-size:12px;
font-family: "Trebuchet MS";
}

.search_pl td,  {
line-height: 1.4;
font-weight:bold;
height:33px;}


.search_rezult {
display:block;
width:auto;
padding: 5px;
border:1px solid #b8b8b8;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
margin-top: 10px;
}

.vip_search_rezult {
display:block;
width:auto;
padding: 5px;
background:#f5f5f5;
border:1px solid #b8b8b8;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
margin-top: 10px;
 box-shadow: 1px 2px 2px #ccc;
 -moz-box-shadow: 1px 2px 2px #ccc;
	-webkit-box-shadow: 1px 2px 2px #ccc;

}

.search_rezult:hover {
 box-shadow: 0 9px 0 rgba(0, 0, 0, 0.4);
 -moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.4);
	-webkit-box-shadow:0 0 9px 0 rgba(0, 0, 0, 0.4);}
	
	
.search_rezult td {
color:#666;
font-weight:normal;
font-size:14px;
padding-left:4px;
}

#autor_deparment { margin-top: -20px;}

.search_rezult td em, .vip_search_rezult td em, #autor_deparment td p{display:inline-block; font-size:24px; font-family:PTSansNarrowBold; color:#000; padding-left:7px; font-style:normal;}
.search_rezult td u, .vip_search_rezult td u {display:block; color:#333; padding-left:7px; font-style:normal; font-weight:300; font-size:14px; text-decoration:none;}/* для курсов */
 #autor_deparment td u {display:block; color:#333; padding-left:7px; margin-top:-25px; font-style:normal; font-size:14px; text-decoration:none;}
.search_rezult td span, .vip_search_rezult td span {font-size:22px; color:#000; font-family:BebasBold;}
.search_rezult li, .vip_search_rezult li {display:inline-block; margin:9px; font-size:16px; color:#0066ff; border-bottom:1px dashed #0066FF; cursor:pointer;}
.search_rezult td i, .vip_search_rezult td i {display:block; padding-top:13px; padding-left:7px; font-size:14px; font-family:tahoma; font-style: normal;}
.search_rezult td a:link, .search_rezult td a:visited, .vip_search_rezult td a:link, .vip_search_rezult td a:visited, #autor_deparment td a:link, #autor_deparment td a:visited {color:#0066ff;}
.search_rezult td a:hover, .vip_search_rezult td a:hover, #autor_deparment td a:hover {color:#333; text-decoration:underline;}
.search_rezult_info {display: none; margin-left:7px; }
.search_rezult_info table {margin-top:8px; }
.search_rezult_info td p {display:block; padding-left:8px; font-style:normal; font-size:16px;}
.search_rezult_info td i {display:block; padding-top:13px; font-size:14px; font-family:tahoma; font-style: normal;}

.search_rezult em a:link, .search_rezult em a:visited, .vip_search_rezult em a:link, .vip_search_rezult em a:visited,  #autor_deparment p a:link, #autor_deparment p a:visited { color:#000; text-decoration:none;}
.search_rezult em a:hover, .vip_search_rezult em a:hover, #autor_deparment p a:hover { color:#c77405; }



#plashka_uz {
display:block;
position:relative;
background-color:rgba(245, 245, 245, 0.5);
border-bottom:2px solid #b8b8b8;
border-top:1px solid #b8b8b8;
height:155px;
padding:15px 0 15px 0;
margin-bottom:-30px;
}

#plashka_uz_autor {
display:block;
position:relative;
background-color:rgba(245, 245, 245, 0.5);
border-bottom:2px solid #b8b8b8;
border-top:1px solid #b8b8b8;
height:155px;
padding:15px 0 15px 0;
margin-bottom:-187px;
z-index:-2;
top:130px;
}

@-moz-document url-prefix() { #plashka_uz_autor {
display:block;
position:relative;
background-color:rgba(245, 245, 245, 0.5);
border-bottom:2px solid #b8b8b8;
border-top:1px solid #b8b8b8;
height:155px;
padding:15px 0 15px 0;
margin-bottom:-187px;
z-index:-2;
top:136px;
}}


#uz_h1 {
display:block;
position:absolute;
left: 9.5%;
margin-top:17px;
line-height: 0.99;
min-width:905px;
}

#plashka_uz h1{
font-size:32px;
font-family:PTSansNarrowBold;
margin-top:-3px;}

#plashka_uz h2{
font-size:28px;
font-family:PTSansNarrowBold;
margin-top:-3px;}

#plashka_uz h3{
font-size:24px;
font-family:PTSansNarrowBold;
margin-top:-3px;}

#plashka_uz span {
display:inline-block;
position:relative;
margin:-13px 60px 0 7px;
width:auto;
font-family:tahoma;
font-size:16px;
font-style:normal;
font-weight:normal;
color:#666;
text-decoration:none;

}
#plashka_uz span a {
display:inline-block;
position:relative;
margin:-13px 0 0 0;
width:auto;
font-family:tahoma;
font-size:16px;
font-style:normal;
font-weight:normal;
color:#666;
cursor:pointer;
text-decoration:none;
border-bottom:1px dotted rgba(245, 245, 245, 0.5);

}

#plashka_uz span a:hover{
text-decoration: none;
border-bottom:1px dotted #666;

}

#plashka_uz i {
display:block;
position:relative;
margin-bottom:10px;
font-family:tahoma;
font-size:14px;
font-style:normal;
font-weight:normal;
}

#plashka_uz i a{
color:#000000;
position:relative;
margin-bottom:10px;
font-family:tahoma;
font-size:14px;
font-style:normal;
font-weight:normal;
}

#plashka_uz img {
display:inline-block;
float:left;
border:none;
max-width:160px;
max-height:110px;
margin-right: 15px;
margin-top:-10px;
}

.icon_contact{
 position: relative;
 display: inline-block;
 background-image: url(img/icons.png);
 background-position: -58px -5px;
 width:16px;
height:16px;
cursor:pointer;
opacity:1;
margin: 0 3px -2px 0;
}

.icon_map{
 position: relative;
 display: inline-block;
 background-image: url(img/icons.png);
 background-position: -43px -1px;
 width:14px;
height:23px;
cursor:pointer;
opacity:1;
margin: 0 3px -2px 0;
}

.icon_fav{
 position: relative;
 display: inline-block;
 background-image: url(img/icons.png);
 background-position: -77px -5px;
 width:17px;
height:16px;
cursor:pointer;
opacity:1;
margin: 0 3px -2px 0;
}

.icon_adres{
 position: relative;
 display: inline-block;
  vertical-align: baseline;
 background-image: url(img/icons.png);
 background-position: -96px -4px;
 width:20px;
height:20px;
opacity:1;
margin: 0 3px -2px 0;
}

.icon_phone{
 position: relative;
vertical-align: baseline;
 background-image: url(img/icons.png);
 background-position: -116px -4px;
  width:22px;
height:23px;
opacity:1;
margin: 0 3px -7px 0;

}

.icon_fax{
 position: relative;
 display: inline-block;
 vertical-align: baseline;
 background-image: url(img/icons.png);
 background-position: -138px -3px;
 width:23px;
height:25px;
opacity:1;
margin: 0 3px -2px 0;
}

.icon_web{
 position: relative;
 display: inline-block;
 vertical-align: baseline;
 background-image: url(img/icons.png);
 background-position: -165px -3px;
 width:25px;
height:24px;
opacity:1;
margin: 0 3px -2px 0;
}

.icon_mail{
 position: relative;
 display: inline-block;
 vertical-align: baseline;
 background-image: url(img/icons.png);
 background-position: -191px -5px;
 width:26px;
height:20px;
opacity:1;
margin: 0 3px -2px 0;
}

.sort_up {
 position: relative;
 display: none;
 vertical-align: baseline;
 background-image: url(img/icons.png);
 background-position: -247px -6px;
 width:15px;
height:7px;
opacity:0.5;
margin: 0 0 5px 5px;
}

.sort_up:hover, .sort_down:hover {
cursor:pointer;
opacity:0.85;

}
.sort_down {
 position: relative;
 display: none;
 vertical-align: baseline;
 background-image: url(img/icons.png);
 background-position: -247px -17px;
 width:15px;
height:7px;
opacity:0.5;
margin: 0 0 -4px -15px;
}

.icon_vk{
 position: relative;
 display: inline-block;
 vertical-align: baseline;
 background-image: url(img/icons.png);
 background-position: -98px -40px;
 width:41px;
height:41px;
opacity:0.3;
margin: 0 1px -2px 0;
cursor:pointer;
}
.icon_vk:hover{opacity:0.6;}

.icon_vk_aktive{
 position: relative;
 display: inline-block;
 vertical-align: baseline;
 background-image: url(img/icons.png);
 background-position: -98px -40px;
 	 -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
   top:2px;
 width:41px;
height:41px;
opacity:1;
margin: 0 1px -2px 0;
cursor:pointer;
}

.icon_f{
 position: relative;
 display: inline-block;
 vertical-align: baseline;
 background-image: url(img/icons.png);
 background-position: -7px -40px;
 width:41px;
height:41px;
opacity:0.3;
margin: 0 2px -2px 0;
cursor:pointer;
}

.icon_f:hover{opacity:0.6;}

.icon_f_aktive{
 position: relative;
 display: inline-block;
 vertical-align: baseline;
 background-image: url(img/icons.png);
 background-position: -7px -40px;
    top:2px;
 	 -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
 width:41px;
height:41px;
opacity:1;
margin: 0 2px -2px 0;
cursor:pointer;
}

.icon_OK{
 position: relative;
 display: inline-block;
 vertical-align: baseline;
 background-image: url(img/icons.png);
 background-position: -142px -40px;
 width:41px;
height:41px;
opacity:0.3;
margin: 0 2px -2px 0;
cursor:pointer;
}

.icon_OK:hover{opacity:0.6;}

.icon_OK_aktive{
 position: relative;
 display: inline-block;
 vertical-align: baseline;
    top:2px;
 background-image: url(img/icons.png);
 background-position: -142px -40px;
  	 -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
 width:41px;
height:41px;
opacity:1;
margin: 0 2px -2px 0;
cursor:pointer;
}

.other_social{
 position: relative;
 display: inline-block;
 vertical-align: baseline;
 background-image: url(img/icons.png);
 background-position: -188px -40px;
 width:41px;
height:41px;
opacity:0.3;
margin: 0 2px -2px 0;
cursor:pointer;
}

.other_social:hover{opacity:0.6;}

.other_social_aktive {
 position: relative;
 display: inline-block;
 vertical-align: baseline;
 background-image: url(img/icons.png);
 background-position: -188px -40px;
    top:2px;
   	 -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
 width:41px;
height:41px;
opacity:1;
margin: 0 2px -2px 0;
cursor:pointer;
}

.icon_twitter{
 position: relative;
 display: inline-block;
 vertical-align: baseline;
 background-image: url(img/icons.png);
 background-position: -52px -40px;
 width:41px;
height:41px;
opacity:0.3;
margin: 0 2px -2px 0;
cursor:pointer;
}

.icon_twitter:hover{opacity:0.8;}

.icon_twitter_aktive{
 position: relative;
 display: inline-block;
 vertical-align: baseline;
    top:2px;
 background-image: url(img/icons.png);
 background-position: -52px -40px;
    	 -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
 width:41px;
height:41px;
opacity:1;
margin: 0 2px -2px 0;
cursor:pointer;
}

.icon_check{
 position: relative;
 display: inline-block;
 vertical-align: bottom;
 background-image: url(img/icons.png);
 background-position: -77px -85px;
 width:41px;
 right:0;
 bottom: 18px;
height:41px;
opacity:1;
margin-left: -41px;

}

.icon_no_check {
 position: relative;
 display: inline-block;
 vertical-align: baseline;
 background-image: url(img/icons.png);
 background-position: -123px -84px;
 width:41px;
height:41px;
opacity:0.6;
margin: 0 2px -2px 0;
cursor:pointer;
}

.icon_info{
 position: relative;
 display: inline-block;
 vertical-align: baseline;
 background-image: url(img/icons.png);
 background-position: -12px -125px;
 width:16px;
height:16px;
opacity:1;
margin: 0 0 4px 1px;
cursor:pointer;
}

.icon_info1{
 position: relative;
 vertical-align: baseline;
 background-image: url(img/icons.png);
 background-position: -12px -125px;
 left:155px;
 top:-25px;
 width:16px;
height:16px;
opacity:1;
margin: 0 0 -5px 1px;
cursor:pointer;
}

/*-- Начало стилей для слайдера--*/
.slides {
    height:300px;
	background:#FFFFFF;
	    overflow:hidden;
    position:relative;
    width:900px;
	margin:20px/*-- -65px --*/ 0 10px 0;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
 -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.5);
	
	
	
}

.slides ul{
    list-style:none;
    position:relative;
	margin-left:-15px;
	
}

/* Кадры анимации #anim_slides */
@-webkit-keyframes anim_slides {
    0% {
        opacity:0;
    }
    6% {
        opacity:1;
    }
    24% {
        opacity:1;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes anim_slides {
    0% {
        opacity:0;
    }
    6% {
        opacity:1;
    }
    24% {
        opacity:1;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}

.slides ul li {
    opacity:0;
    position:absolute;
    top:0;

    /* анимация css3 */
    -webkit-animation-name: anim_slides;
    -webkit-animation-duration: 20.0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: anim_slides;
    -moz-animation-duration: 20.0s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
}

/* Задержки css3 */
.slides ul  li:nth-child(2), .slides ul  li:nth-child(2) div {
    -webkit-animation-delay: 5.0s;
    -moz-animation-delay: 5.0s;
}
.slides ul  li:nth-child(3), .slides ul  li:nth-child(3) div {
    -webkit-animation-delay: 10.0s;
    -moz-animation-delay: 10.0s;
}
.slides ul  li:nth-child(4), .slides ul  li:nth-child(4) div {
    -webkit-animation-delay: 15.0s;
    -moz-animation-delay: 15.0s;
}

.slides ul li img {
    display:block;
	margin: -12px 0 0 -25px;
		
	}

/* Кадры анимации #anim_titles */
@-webkit-keyframes anim_titles {
    0% {
        left:100%;
        opacity:0;
    }
    5% {
        left:20%;
        opacity:1;
    }
    20% {
        left:20%;
        opacity:1;
    }
    25% {
        left:100%;
        opacity:0;
    }
    100% {
        left:100%;
        opacity:0;
    }
}
@-moz-keyframes anim_titles {
    0% {
        left:100%;
        opacity:0;
    }
    5% {
        left:20%;
        opacity:1;
    }
    20% {
        left:20%;
        opacity:1;
    }
    25% {
        left:100%;
        opacity:0;
    }
    100% {
        left:100%;
        opacity:0;
    }
}

.slides ul li div {
    background-color:#ccc;
    border-radius:4px;
    box-shadow:0 0 5px #FFFFFF inset;
    color:#000;
    font-size:16px;
    left:20%;
    margin:0 auto;
    padding:10px;
    position:absolute;
    top:80%;
   
	

    /* Анимация css3 */
    -webkit-animation-name: anim_titles;
    -webkit-animation-duration: 20.0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: anim_titles;
    -moz-animation-duration: 20.0s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
}

.text_for_kadr1, .text_for_kadr2, .text_for_kadr3, .text_for_kadr4 {
display:none;
    background-color:#ccc;
    border-radius:4px;
    box-shadow:0 0 5px #FFFFFF inset;
    color:#000;
    font-size:16px;
    left:20%;
	max-width:78%;
	padding:10px;
    position:relative;
    margin:-60px 0 30px 0;
	}
	
.first_upload_1kadr, .first_upload_2kadr, .first_upload_3kadr, .first_upload_4kadr {
display:inline-block;
border:1px solid #666;
width:900px;
height:300px;
  }


/*-- Конец стилей для слайдера--*/


/* ---- Начало стилей для данных учебных заведений ---------*/

#uzbox .ui-helper-hidden { display: none; }
#uzbox .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
#uzbox .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
#uzbox .ui-helper-clearfix:before, #uzbox .ui-helper-clearfix:after { content: ""; display: table; }
#uzbox .ui-helper-clearfix:after { clear: both; }
#uzbox .ui-helper-clearfix { zoom: 1; }
#uzbox .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* Interaction Cues
----------------------------------*/
#uzbox .ui-state-disabled { cursor: default !important; }

/* Misc visuals
----------------------------------*/

/* Overlays */
#uzbox .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  }
#uzbox .ui-tabs { position: relative; padding: .2em; zoom: 1;  } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
#uzbox .ui-tabs .ui-tabs-nav { padding-left:2; border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000; min-width:950px; } /*фон под кнопки !!!!!*/
#uzbox .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; left:-.2em; margin: -10px 5px 0 0; border-bottom: 0; padding: 0; white-space: nowrap;  }
#uzbox .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em .7em; text-decoration: none; } /*ширина кнопок*/
#uzbox .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; }/*опускание активной кнопки*/
#uzbox .ui-tabs .ui-tabs-nav li.ui-tabs-active a, #uzbox .ui-tabs .ui-tabs-nav li.ui-state-disabled a, #uzbox .ui-tabs  .ui-tabs-nav li.ui-tabs-loading a { cursor: text; }
#uzbox.ui-tabs .ui-tabs-nav li a, #uzbox .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer;  } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
#uzbox .ui-tabs .ui-tabs-panel {
	display: block;
	padding: .9em 0;
	margin-left: 125px;
	min-width:650px;	
	} /*стиль текстового контента!!!!!!!!!!!!!!!!!!!*/

/* Component containers
----------------------------------*/
#uzbox .ui-widget { left:0; font-family: tahoma; font-size: 14px; }
#uzbox .ui-widget-content { border: none; color: #000; }/*фон под контент*/
#uzbox .ui-widget-header { width:80%; margin: 0 0 10px -5px; min-width:960px;}/*фон под кнопки*/


/* Interaction states
----------------------------------*/
#uzbox .ui-state-default, #uzbox .ui-widget-content .ui-state-default, #uzbox .ui-widget-header .ui-state-default { border: 1px solid #b8b8b8; background: #f2f2f2 ; height:23px; padding-top:4px; margin-right: 6px;  font-family:tahoma; font-size:14px; font-weight: normal; color: #000;   }/*Контейнер обычных кнопок */
#uzbox .ui-state-default a, #uzbox .ui-state-default a:link, #uzbox .ui-state-default a:visited { color: #000; text-decoration: none;  padding: 5px 17px 6px 17px; font-weight: normal;  }/*текст кнопки hover*/
#uzbox .ui-state-hover, #uzbox .ui-widget-content .ui-state-hover, #uzbox .ui-widget-header .ui-state-hover, #uzbox .ui-state-focus, #uzbox .ui-widget-content .ui-state-focus, #uzbox .ui-widget-header .ui-state-focus { border: 1px solid #b8b8b8; background: #fff; font-weight: normal; color: #000;  }/*Фон кнопки hover*/
#uzbox .ui-state-hover a, #uzbox .ui-state-hover a:hover, #uzbox .ui-state-hover a:link, #uzbox .ui-state-hover a:visited { color:#c77405; text-decoration: none;}
#uzbox .ui-state-active, #uzbox .ui-widget-content .ui-state-active, #uzbox .ui-widget-header .ui-state-active { border-left: 1px solid #b8b8b8;
border-right: 1px solid #b8b8b8;
border-bottom: 3px solid #fff;
border-top: 1px solid #b8b8b8; 	background: #fff; font-weight: normal; color: #000;} /*Фон активной кнопки*/
#uzbox .ui-state-active a, #uzbox .ui-state-active a:link, #uzbox .ui-state-active a:visited { color: #000; text-decoration: none; }


/* Corner radius */
#uzbox .ui-corner-all, #uzbox .ui-corner-top, #uzbox .ui-corner-left, #uzbox .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
#uzbox .ui-corner-all, #uzbox .ui-corner-top, #uzbox .ui-corner-right, #uzbox .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
#uzbox .ui-corner-bottom, #uzbox .ui-corner-left, #uzbox .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
#uzbox .ui-corner-bottom, #uzbox .ui-corner-right, #uzbox .ui-corner-br  { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }




.licence {
color:#666;}

.about_uz{
margin-top:15px;
font-size:16px;
text-align:justify;

}

#department1, #study1 {
display:inline-block;
width:99.5%;
min-width:960px;
padding-top:7px;
position:relative;
top:-3px;
border-top: 2px solid #b8b8b8;

}

#department2, #department3, #department4, #study2, #study3, #study4, #study5, #study6, #study7{
display:none;
width:99.5%;
min-width:960px;
padding-top:7px;
position:relative;
top:-3px;
border-top: 2px solid #b8b8b8;
}

#social1{
display:inline-block;
width:80%;
min-width:960px;
padding-top:7px;
position:relative;
top:-3px;
}

#social2, #social3, #social4, #social5 {
display:none;
width:80%;
min-width:960px;
padding-top:7px;
position:relative;
top:-3px;
}

.add_group, #go_back,.sel_uz {
display:inline-block;
position:relative;
	height:23px;
	color:#333;
	background:#fff;
	text-decoration: none;
	font-family: verdana;
	font-size:14px;
	padding:2px 15px 0 15px;
	margin: 0 0 10px 8px;
		border: 1px dashed #333;
	font-weight: bold;
	cursor: pointer;
	text-shadow: none;
}

.add_group:hover, #go_back:hover, .sel_uz:hover {
border: 1px solid #333;
background:#fff;
color:#333;
text-shadow: none;
}

.add_group_member {
display:inline-block;
position:relative;
	height:23px;
	color:#999;
	text-decoration: none;
	font-family: verdana;
	font-size:14px;
	padding:2px 15px 0 15px;
	margin: 0 0 10px 20px;
			font-weight: bold;
	cursor: pointer;
}

.add_group_member:hover {
text-decoration: underline;
color:#333;
}

.atention_add_group {
display:inline-block;
position:relative;
	height:23px;
	color: #CC3300;
	background-color:#f5f5f5;
	text-decoration: none;
	font-family: verdana;
	font-size:12px;
	padding:2px 15px 0 15px;
	margin: 0 0 10px 3px;
	font-weight: bold;
}

.part_group {
display:block;
text-align:left;
position:relative;
width:70%;
	height:23px;
	color: #333;
	background: #e5e5e5;
background: -moz-linear-gradient(left, #e5e5e5 0%, #ffffff 72%);
background: -webkit-linear-gradient(left, #e5e5e5 0%,#ffffff 72%);
background: linear-gradient(to right, #e5e5e5 0%,#ffffff 72%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=1 );
	text-decoration: none;
	font-size:14px;
	padding:5px 0 3px 10px;
	margin: 15px 0 7px 0;
	font-weight: bold;
	-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}

.uzbox_plashka {
position:relative;
display:block;
margin-top:7px;
padding-top:10px;
width:auto;
height:33px;
min-width:698px;
border:1px solid #b8b8b8;
background-color: #f2f2f2;
color:#000;
font-size:12px;
font-family: "Trebuchet MS";
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}

#div_article {
position:relative;
display:inline-block;
vertical-align: top;
width:295px;
height:auto;
margin:7px 4px 12px 0;
background-color:#FFFFFF;
font-size:14px;
padding:7px 8px;
 overflow: hidden;
}

#div_article img {
display:block;
padding-top:2px;
max-width:290px;
max-height:170px;
border:none;
}

#div_article h2 {
font-size:20px;
font-family:PTSansNarrowBold;
line-height:1.1}

#index_article {
background-color:#f5f5f5;  border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;}
/* ---- КОНЕЦ стилей для данных учебных заведений ---------*/

#view_edu {
display:inline-block;
font-size:14px;
width: 63%;
color:#6f6f6f;
font-family:PTSansNarrowBold;
letter-spacing:0.07em;
font-weight:bold;
margin-top:30px;

}

#view_edu span {font-size:21px; font-family:BebasBold;}

#view_edu tr {
height:45px;

}

#view_edu tr:nth-child(2n) {
background-color:#f5f5f5;}

#view_edu td:nth-child(1n) {
padding-left:10px;
}

#view_edu td:nth-child(2n), #view_edu em {
font-family: arial;
color:#333;
font-style:normal;
font-weight:normal;
font-size:14px;
letter-spacing: normal;

}
#social_edu {
display:inline-block;
margin:35px 8% 0 0;
float:right;
width:auto;
}

/* стиль для карусели */

.carousel  {
   width: 260px; /* ширина всего блока */
  margin-top:-20px;
}

.mini-block /*МЕНЯЕМ*/ {
position:relative;
display:inline-block;
vertical-align: top;
 background-size: cover;
 background-position: 0px 0px;
 background-repeat: no-repeat;
width:120px;
height:80px;
border:none;
margin:0 3px 15px 0;
-webkit-border-radius: 4px;
border-radius: 4px;
font-size:14px;
padding:2px;
 overflow: hidden;
 cursor:pointer;
}

.carousel-wrapper {
   width: 99%; /* ширина области карусели */
   overflow: hidden; /* скрываем содержимое, выходящее за рамки основной области */
   position:relative;
   margin-top:0px;
   padding:0px;
   left:0;
   max-height:265px;
}


.mini-wrapper {
   width: 99%; /* ширина области карусели */
   overflow: hidden; /* скрываем содержимое, выходящее за рамки основной области */
   position:relative;
   margin-top:0px;
   padding:0px;
   left:8px;
   max-height:98px;
}


.carousel-button-left a {
 position: relative;
 display: inline-block;
 right:20px;
 top:110px;
 float:left;
 background-image: url(img/icons.png);
 background-position: -235px -45px;
 width:15px;
height:25px;
opacity:1;
cursor:pointer;
}

.carousel-button-right a {
 position: relative;
 display: inline-block;
 left:18px;
 top:110px;
 float:right;
 background-image: url(img/icons.png);
 background-position: -255px -45px;
 width:15px;
height:25px;
opacity:1;
cursor:pointer;
}

.carousel-items {
   width: 95%; /* устанавливаем большую ширину для набора элементов */
   position: relative; /* позиционируем блок относительно основной области карусели */
     }


/* ------ конец стилей для карусели */


/* ---------Стили для каталога ---------- */
/* Layout helpers
----------------------------------*/
#katalogbox .ui-helper-hidden { display: none; }
#katalogbox .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
#katalogbox .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
#katalogbox .ui-helper-clearfix:before, #katalogbox .ui-helper-clearfix:after { content: ""; display: table; }
#katalogbox .ui-helper-clearfix:after { clear: both; }
#katalogbox .ui-helper-clearfix { zoom: 1; }
#katalogbox .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
#katalogbox .ui-state-disabled { cursor: default !important; }


/* Misc visuals
----------------------------------*/

/* Overlays */
#katalogbox .ui-widget-overlay { position: absolute; top: 0; width: 100%; height: 100%; }
#katalogbox .ui-tabs { position: relative;  padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
#katalogbox .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0;  border-bottom: 0; padding: 0; white-space: nowrap; }
#katalogbox .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em .1em; text-decoration: none; }
#katalogbox .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; }
#katalogbox .ui-tabs .ui-tabs-nav li.ui-tabs-active a, #katalogbox .ui-tabs .ui-tabs-nav li.ui-state-disabled a, #katalogbox .ui-tabs #katalogbox .ui-tabs-nav li.ui-tabs-loading a { cursor: text; }
#katalogbox .ui-tabs .ui-tabs-nav li a, #katalogbox .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
#katalogbox .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }

/* Component containers
----------------------------------*/
#katalogbox .ui-widget {  font-family: tahoma; font-size: 14px; }
#katalogbox .ui-widget .ui-widget { font-size: 14px; }
#katalogbox .ui-widget input, #katalogbox .ui-widget select, #katalogbox .ui-widget textarea, #katalogbox .ui-widget button { font-family: tahoma; font-size: 18px; }
#katalogbox .ui-widget-content {  border-top: 2px solid #004C69;  border-left: 1px solid #004C69; border-bottom: 1px solid #004C69; border-right: 1px solid #004C69; background: #ffffff; color: #222222; }/*стиль поля контента*/
#katalogbox .ui-widget-content a { color: #222222; }
#katalogbox .ui-widget-header { border: 1px solid #fff; background: #ffffff; color: #000000; font-weight: bold; } /*стиль подложки */
#katalogbox .ui-widget-header a { color: #000000; }

/* Interaction states
----------------------------------*/
#katalogbox .ui-state-default, #katalogbox .ui-widget-content .ui-state-default, #katalogbox .ui-widget-header .ui-state-default {  border: 1px solid #d3d3d3; height:30px; line-height:30px; vertical-align:middle; padding-left:5px;  background: #ffffff; font-weight: normal; color: #555555;  font-size: 16px; /*width:175px;*/ } /*стиль перключателей*/
#katalogbox .ui-state-default a, #katalogbox .ui-state-default a:link, #katalogbox .ui-state-default a:visited { color: #555555; text-decoration: none; }
#katalogbox .ui-state-hover, #katalogbox .ui-widget-content .ui-state-hover, #katalogbox .ui-widget-header .ui-state-hover, #katalogbox .ui-state-focus, #katalogbox .ui-widget-content .ui-state-focus, #katalogbox .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #f2f2f2; font-weight: normal; color: #212121; }
#katalogbox .ui-state-hover a, #katalogbox .ui-state-hover a:hover, #katalogbox .ui-state-hover a:link, #katalogbox .ui-state-hover a:visited { color: #212121; text-decoration: none; }
#katalogbox .ui-state-active, #katalogbox .ui-widget-content .ui-state-active, #katalogbox .ui-widget-header .ui-state-active { border-left: 1px solid #b8b8b8; border-bottom: 1px solid #b8b8b8; border-top: 3px solid #004C69; border-right: 3px solid #004C69; background: #006D96; font-weight: normal; color: #ffffff; } /*стиль активной кнопки*/
#katalogbox .ui-state-active a, #katalogbox .ui-state-active a:link, #katalogbox .ui-state-active a:visited { color: #ffffff; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
#katalogbox .ui-state-highlight, #katalogbox .ui-widget-content .ui-state-highlight, #katalogbox .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1; background: #ffffff; color: #363636; }
#katalogbox .ui-state-highlight a, #katalogbox .ui-widget-content .ui-state-highlight a, #katalogbox .ui-widget-header .ui-state-highlight a { color: #363636; }
#katalogbox .ui-state-error, #katalogbox .ui-widget-content .ui-state-error, #katalogbox .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec; color: #cd0a0a; }
#katalogbox .ui-state-error a, #katalogbox .ui-widget-content .ui-state-error a, #katalogbox .ui-widget-header .ui-state-error a { color: #cd0a0a; }
#katalogbox .ui-state-error-text, #katalogbox .ui-widget-content .ui-state-error-text, #katalogbox .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
#katalogbox .ui-priority-primary, #katalogbox .ui-widget-content .ui-priority-primary, #katalogbox .ui-widget-header .ui-priority-primary { font-weight: bold; }
#katalogbox .ui-priority-secondary, #katalogbox .ui-widget-content .ui-priority-secondary,  #katalogbox .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
#katalogbox .ui-state-disabled, #katalogbox .ui-widget-content .ui-state-disabled, #katalogbox .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
#katalogbox .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); } /* For IE8 - See #6059 */


/* Misc visuals
----------------------------------*/

/* Corner radius */
#katalogbox .ui-corner-all, #katalogbox .ui-corner-top, #katalogbox .ui-corner-left, #katalogbox .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
#katalogbox .ui-corner-all, #katalogbox .ui-corner-top, #katalogbox .ui-corner-right, #katalogbox .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
#katalogbox .ui-corner-all, #katalogbox .ui-corner-bottom, #katalogbox .ui-corner-left, #katalogbox .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
#katalogbox .ui-corner-all, #katalogbox .ui-corner-bottom, #katalogbox .ui-corner-right, #katalogbox .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }

/* Overlays */
/*#katalogbox .ui-widget-overlay { background: #aaaaaa; opacity: .3;filter:Alpha(Opacity=30); }
#katalogbox .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa; opacity: .3;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
*/
.ui-tabs-vertical { width: 990px;}/*ширина всей конструкции*/
.ui-tabs-vertical .ui-tabs-nav { /*padding: .2em .1em .2em 10px;*/ float: left; width: 185px;  }/*ширина кнопок переключателей!!!*/
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 1px !important; margin: 0 0 .2em 0; } /*нижний и правый бордюр переключателей переключателей!!!*/
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; width: 189px; padding-right: 0; border-right-width: 3px; } /*длина выступа активной кнопки*/
.ui-tabs-vertical .ui-tabs-panel { margin:1px 0 0 10px; padding: 1em; float: left; vertical-align:top; width: 755px; height:680px; overflow:hidden;} /*ширина  и ВЫСОТАпанели контента*/
/* ------ конец стилей для каталога */


/* ------ Стили для переключателей внутри личного кабинета */


#autorbox .ui-helper-hidden { display: none; }
#autorbox .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
#autorbox .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
#autorbox .ui-helper-clearfix:before, #autorbox .ui-helper-clearfix:after { content: ""; display: table; }
#autorbox .ui-helper-clearfix:after { clear: both; }
#autorbox .ui-helper-clearfix { zoom: 1; }
#autorbox .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* Interaction Cues
----------------------------------*/
#autorbox .ui-state-disabled { cursor: default !important; }

/* Misc visuals
----------------------------------*/

/* Overlays */
#autorbox .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  }
#autorbox .ui-tabs { position: relative; padding: .2em; zoom: 1;  } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
#autorbox .ui-tabs .ui-tabs-nav { padding-left:-50px; min-width:950px; } /*фон под кнопки !!!!!*/
#autorbox .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; left:-.2em; margin: -10px 5px 0 0; border-bottom: 0; padding: 0; white-space: nowrap;  }
#autorbox .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em .7em; text-decoration: none; } /*ширина кнопок*/
#autorbox .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; }/*опускание активной кнопки*/
#autorbox .ui-tabs .ui-tabs-nav li.ui-tabs-active a, #autorbox .ui-tabs .ui-tabs-nav li.ui-state-disabled a, #autorbox .ui-tabs  .ui-tabs-nav li.ui-tabs-loading a { cursor: text; }
#autorbox.ui-tabs .ui-tabs-nav li a, #autorbox .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer;  } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
#autorbox .ui-tabs .ui-tabs-panel {
	display: block;
	padding: .9em 0;
	margin-left: 0;
	min-width:650px;	
	} /*стиль текстового контента!!!!!!!!!!!!!!!!!!!*/

/* Component containers
----------------------------------*/
#autorbox .ui-widget { left:0; font-family: tahoma; font-size: 14px; }
#autorbox .ui-widget-content { border-top: 1px solid #b8b8b8; margin:-12px 0 0 -35px; color: #000; }/*фон под контент*/
#autorbox .ui-widget-content a { color: #383838; }
#autorbox .ui-widget-header { width:99%; margin: 0 0 10px -40px; min-width:550px;}/*фон под кнопки*/


/* Interaction states
----------------------------------*/
#autorbox .ui-state-default, #autorbox .ui-widget-content .ui-state-default, #autorbox .ui-widget-header .ui-state-default { border: 1px solid #b8b8b8; background: #f2f2f2 ; height:23px; padding-top:4px; margin-right: 6px;  font-family:tahoma; font-size:14px; font-weight: normal; color: #000;   }/*Контейнер обычных кнопок */
#autorbox .ui-state-default a, #autorbox .ui-state-default a:link, #autorbox .ui-state-default a:visited { color: #000; text-decoration: none;  padding: 5px 15px 6px 15px; font-weight: normal;  }/*текст кнопки hover*/
#autorbox .ui-state-hover, #autorbox .ui-widget-content .ui-state-hover, #autorbox .ui-widget-header .ui-state-hover, #autorbox .ui-state-focus, #autorbox .ui-widget-content .ui-state-focus, #autorbox .ui-widget-header .ui-state-focus { border: 1px solid #b8b8b8; background: #fff; font-weight: normal; color: #000;  }/*Фон кнопки hover*/
#autorbox .ui-state-hover a, #autorbox .ui-state-hover a:hover, #autorbox .ui-state-hover a:link, #autorbox .ui-state-hover a:visited { color:#c77405; text-decoration: none;}
#autorbox .ui-state-active, #autorbox .ui-widget-content .ui-state-active, #autorbox .ui-widget-header .ui-state-active { border-left: 1px solid #b8b8b8;
border-right: 1px solid #b8b8b8;
border-bottom: 2px solid #fff;
border-top: 1px solid #b8b8b8; background: #fff; font-weight: normal; color: #000;} /*Фон активной кнопки*/
#autorbox .ui-state-active a, #autorbox .ui-state-active a:link, #autorbox .ui-state-active a:visited { color: #000; text-decoration: none; }


/* Corner radius */
#autorbox .ui-corner-all, #autorbox .ui-corner-top, #autorbox .ui-corner-left, #autorbox .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
#autorbox .ui-corner-all, #autorbox .ui-corner-top, #autorbox .ui-corner-right, #autorbox .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
#autorbox .ui-corner-bottom, #autorbox .ui-corner-left, #autorbox .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
#autorbox .ui-corner-bottom, #autorbox .ui-corner-right, #autorbox .ui-corner-br  { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }

/* ------ Стили для слайдера настройки поиска */
/* Ширина слайдера */

#cost_edu, #points_edu {
    width: 200px;
	height: 40px;
	}

/* Контейнер слайдера */
input #minCost, input #minPoint  {
position: relative;
 display: inline-block;
		color: #434343;
		text-align: right;
	font-size: 12px;
	font-weight: bold;
	width: 20px;
	height: 17px;
	background: none;
	
	
}
input #maxCost, input #maxPoint {
position: relative;
 display: inline-block;
	color: #434343;
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	width: 15px;
	height: 17px;
	background: none;
		
}


/* А это правила для скрипта:  */
#slider_cost, #slider_points {
	width: 200px;
}


.ui-slider {
	position: relative;
}
.ui-slider .ui-slider-handle, #slider_cost .ui-state-active, #slider_points .ui-state-active {
	position: absolute;
	border:none;
	z-index: 2;
	width: 22px;
	height: 25px;
	margin-top:-5px;
	 background-image: url(img/icons.png);
 background-position: -219px -3px;
	cursor: pointer
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	overflow: hidden;
}
.ui-slider-horizontal {
	 height: 6px;
	 border: 1px solid #b8b8b8;
	 moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
 -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
	-webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.4);	
}
.ui-slider-horizontal .ui-slider-handle { 
	top: -5px;
	margin-left: -6px;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
#slider_cost .ui-slider-horizontal .ui-slider-range-min, #slider_points .ui-slider-horizontal .ui-slider-range-min { 
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}
#slider_cost .ui-widget-content, #slider_points .ui-widget-content { 
	border: 1px solid #b8b8b8;
	background: #fff;
}
/* ------цвет внутри полосы*/
#slider_cost .ui-widget-header, #slider_points .ui-widget-header { 
	background: #006D96;
	border: 1px solid #b8b8b8;
}
#slider_cost .ui-corner-all, #slider_points .ui-corner-all {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}


/* ------ конец стилей для слайдера */



/* ------ Стили для календаря */

/* states and img */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; border: 1px solid #b8b8b8; background: #ffffff;  }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; border: 1px solid #b8b8b8; background: #006D96; color: #fff; font-weight: bold; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; background-image: url(img/icons.png);  background-position: -270px -19px;}
.ui-datepicker .ui-datepicker-next { right:2px; background-image: url(img/icons.png);  background-position: -268px -1px; }
.ui-datepicker .ui-datepicker-prev-hover { left:2px; background-image: url(img/icons.png);  background-position: -273px -54px; }
.ui-datepicker .ui-datepicker-next-hover { right:2px; background-image: url(img/icons.png);  background-position: -270px -38px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0;}
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; border: 1px solid #b8b8b8; background: #ffffff; color: #333; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; border: 1px solid #b8b8b8; background: #ffffff; color: #333;}
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; background: #f5f5f5; }
.ui-datepicker td a:hover { text-decoration: none; background: #ccc; color:#000; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }


.ui-widget-content .ui-state-active { border: 1px solid #ffcc00; background: #ffffff; color: #000; }
.ui-widget-content .ui-state-highlight {border: 1px solid #999; background: #fff; color: #000; }

/* ------Конец Стилей для календаря */



/* ------Стиль для прогресс бара */

#progress_bar_och{
display:inline-block;
width:100%;
margin:20px 0 -115px 0;
background: #fff;
}

#progress_bar_och_zaoch, #progress_bar_zaoch, #progress_bar_dist {
display:none;
width:100%;
margin:20px 0 -115px 0;
background: #fff;
}

#pbar_och, #pbar_och_zaoch, #pbar_zaoch, #pbar_dist {
display:block;
width:400px;
}

.ui-progressbar { height:2em; text-align: left; overflow: hidden; border: 1px solid #b8b8b8; background: #ffffff; color: #333; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; border: 1px solid #b8b8b8; background: #006D96; color: #fff; font-weight: bold;  }

#value_och, #value_och_zaoch, #value_zaoch, #value_dist {
display:block-inline;
position:relative;
width:400px;
color:#000;
top:5px;
text-align:center;
margin-bottom:-15px;}


.exam_pbar{
display:inline-block;
position: relative;
width:150px;
text-align:right;
padding: 7px 30px 7px 0;

	
	}
	
.exam_pbar label {
display:block;
position:absolute;
right:1px;
top:3px;
clear:both;
   	font-size: 16px;
	
      
}

/* ------Конец стилей для прогресс бара */

/* font-family: "PTSansNarrowBold"; */
@font-face {
    font-family: "PTSansNarrowBold";
    src: url("fonts/PTSansNarrowBold/PTSansNarrowBold.eot");
    src: url("fonts/PTSansNarrowBold/PTSansNarrowBold.eot?#iefix")format("embedded-opentype"),
    url("fonts/PTSansNarrowBold/PTSansNarrowBold.woff") format("woff"),
    url("fonts/PTSansNarrowBold/PTSansNarrowBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

/* font-family: "BebasBold"; */
@font-face {
    font-family: "BebasBold";
    src: url("fonts/BebasBold/BebasBold.eot");
    src: url("fonts/BebasBold/BebasBold.eot?#iefix")format("embedded-opentype"),
    url("fonts/BebasBold/BebasBold.woff") format("woff"),
    url("fonts/BebasBold/BebasBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}