/*
	...Карусель...
*/

body,html {margin:0px;padding: 0px;background-color: #f0f0f0;}



div#toUp{position: fixed;left: 0px;	top:0px;bottom:0px;display: none;background-color: rgba(4, 4, 4, 0.1);}
div#toUp div {text-align: center; color: black;font-weight: bold;margin: 0px;}
div#toUp img {width: 25px; vertical-align: middle;}
div#toUp:hover div {color:whitesmoke;}
div#toUp:hover {background-color: rgba(4, 4, 4, 0.3);cursor: pointer;}



h1 {color:#006481;margin: 20px 0px 20px 0px;text-align: justify;}
/*Блок разрисовки табличек*/

/*Конец блока разрисовки таблиц*/
div#h_carousel { width: 100%;height: 400px;margin-top: 10px;}
div#carousel { margin: 0 auto;height: 400px;	width: 1000px;}
#container { position:absolute;	z-index:0;}
#slides .slidesNext,#slides .slidesPrevious {
	position:absolute;
	top:50%;
	left:-34px;
	width:24px;
	height:0;
	margin-top:-32px;
	padding-top:32px;
	display:block;
	z-index:100;
	overflow:hidden;
	background:url(/files/icon/navigation-previous.png) no-repeat 0 0;
}

#slides .slidesNext {left:1010px; background:url(/files/icon/navigation-next.png) no-repeat 0 0;}

/*
	Pagination
*/

.slidesPagination {	margin:10px 0 0;float:right;}
.slidesPagination li { float:left;	margin:0 1px; list-style:none;}
.slidesPagination li a {display:block;width:14px;height:0;padding-top:14px;background-image:url("/files/icon/pagination.png");background-position:0 0;overflow:hidden;}

.slidesPagination li.slidesCurrent a { background-position:0 -14px;}


/*
	...Контент...
*/

div#content {width: 1000px;	margin: 0 auto;}
.shblock {
	background-color: white;
	width: 100%;
	padding: 20px;
	margin:0px 0px 20px 0px;
	-moz-box-sizing: border-box; /* Для Firefox */
	box-sizing: border-box; /* Ширина блока с полями */
	border-radius: 3px;
	-moz-border-radius: 3px;
	position: relative;
	border: 1px solid #e0e0e0;
	box-shadow: 0 0 3px 2px rgba(221, 221, 221, 0.5);
}

.shitem {padding-bottom: 20px;	margin-bottom: 20px;width: 100%;border-bottom: 2px solid #f0f0f0;}

.shitem:last-child {margin-bottom: 0px;padding-bottom: 0px;	border-bottom: none;}

/*
	Левый блок
*/
/*
    Выбор элемента
*/

.tiny {width: 100%;background-color: #FFFFFF;font-size: 14px;}

div#left {width: 290px;	float: right;z-index: 100;height:100%;background-color: white;}
div.left_slider {position: relative;}
div.left_slider > #left_menu {position: absolute; top:0px;}
div#left * {font-size: 14px;}


ul#left_menu {
	padding: 0px;
	width: 100%;
	background: white;
	z-index: 10;
	-moz-box-sizing: border-box; /* Для Firefox */
	box-sizing: border-box; /* Ширина блока с полями */
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	border-radius: 2px;
	box-shadow: 0 0 3px 2px rgba(221, 221, 221, 0.5);
}
ul#left_menu  li{z-index: 10;padding: 0px;	margin: 0px; position: relative; border-top:1px solid #e0e0e0;}
ul#left_menu  li:hover {background: #e0e0e0;}
ul#left_menu  li:hover, ul#left_menu li:hover ul { visibility: visible;	-moz-box-sizing: border-box; /* Для Firefox */box-sizing: border-box; /* Ширина блока с полями */ color:#000;}
ul#left_menu a:hover {background: #e0e0e0;}
ul#left_menu > li:first-child,ul#left_menu li ul li:first-child { border-top:none; }
ul#left_menu ul { display: block !important; padding: 0px; margin: 0px;background: white;}
ul#left_menu a {text-decoration: none;color: #000000;display: block;height: auto;padding:5px;}
ul#left_menu, ul#left_menu ul{list-style: none;margin: 0px;padding: 0px;}
ul#left_menu li ul {position: absolute;	top: -1px; min-width: 300px;right: 290px;width: auto;visibility: hidden;border: 1px solid #e0e0e0;border-left: 2px solid #e0e0e0;}
ul#left_menu li ul li { white-space: nowrap;z-index: 10;}

input.div_search{width: 100%;height: 30px;font-size: 16px;}

a.nf_link {font-size: 18px;text-decoration: none;}
a.nf_link:hover {text-decoration: underline;}
div#right { width: 700px;float: left;}
/*Хлебные крошки*/
#breadcrumb {padding:10px;box-sizing: border-box;}
#breadcrumb ul {list-style: square inside url("/files/icon/right.png"); padding: 0px; margin: 0px;}
#breadcrumb ul img {width: 25px;}
#breadcrumb ul li:first-child {list-style: none;}
#breadcrumb ul li {float: left; line-height: 25px; padding: 3px 0px 10px 0px;  margin: 0px 0px 0px 10px; vertical-align: top;}
#breadcrumb ul li a {text-decoration:none;font-size: 16px;}
#breadcrumb ul li a:hover {text-decoration: underline;}

a.cat {text-decoration: dashed;}
button,input[type=submit] {	border-radius: 0px;font-size: 16px;margin: 10px 0px 0px 0px;padding: 8px;border: 2px solid #42aaff;background:rgba(255,255,255,0.0);transition:all 0.3s ease-out;cursor: pointer;}

button#down_rasp {float: left;}
button#show_rasp {float:right;}

/* Календарный график */

div#calendar {	padding:5px 20px 10px 20px;}
div#calendar > div:first-child {color:#006481;font-size: 18px;margin-bottom: 10px;}
div#calendar > div > img {width: 30px;vertical-align: middle;}
div#calendar > div > a {text-decoration: none;	font-size: 16px;}
/*
	Полезные ресурсы
*/

.owl-controls {	position:absolute;top:0;}
div#resourse {width: 1000px;height: 150px;margin: 0 auto;padding-top: 10px;	padding-left: 5px;position: relative;}
div#resourse div:first-child {font-size: 24px;margin: 0px;padding: 0px 0px 10px 0px;font-weight: bold;color:#006481;}
div.item img {height: 80px;}
.owl-prev img {	width: 25px;position: absolute;top:23px;left:-33px;}
.owl-next img {	width: 25px;position: absolute;	top:23px;left:1005px;}

/*
	Онлайн просмотрощик
*/

div#showOnline {position: fixed;display:none;top:0px;left:0px;width: 100%;height: 100%;background-color: white;z-index: 1000;}
div#showOnline #SOClose {position: fixed;top:10px;right: 5px;cursor: pointer;}
div#showOnline #SOClose img {width: 30px;}
div#showOnline #SOTitle {padding: 10px;font-size: 20px;font-weight: bold;text-align: center;width: 100%;border-bottom: 1px dashed #a0a0a0;}
div#showOnline #SOBody {width: 100%;height: 100%;}

/*
	Информация об ошибках
*/

#system_error{display: none;position: fixed;top:0;left:0;width: 100%;width: 100%;height: 40px;z-index:2000;}

#system_error #msg_error{position: relative;width: 100%;height: 100%;background: #42aaff;}
#system_error #msg_error #text_error{position: absolute;top: 10px;left: 70px;font-weight: bolder;}
#system_error #msg_error #close_error{position: absolute;right: 10px;width: 30px;top:5px;cursor:pointer;}
#system_error #msg_error #icon_error{width: 30px;position: absolute;top:5px;left:20px;vertical-align: middle;}
.error_block {width: 98%;border-color: #ff6800;	border-radius: 5px;	background: #ffa366;padding: 10px;}

/****************
*****************
	TABS
****************
****************/
div.tabs { background: #ffb62e; padding: 5px; }
div.container {	margin: auto;width:100%;margin-bottom: 10px;}
ul.tabNavigation {list-style: none;	margin: 0;padding: 0;}
ul.tabNavigation li {display: inline;}

ul.tabNavigation li a {
	padding: 3px 8px;
	background-color: #666;
	color: #FFF;
	font-size: 18px;
	text-decoration: none;
	border-radius: 3px 3px 0px 0px;
}

ul.tabNavigation li a.selected,
ul.tabNavigation li a.selected:hover {background: #FFF;	color: #000;}
ul.tabNavigation li a:hover {background: #ccc;color: #000;}
ul.tabNavigation li a:focus {outline: 0;}
div.tabs div {padding: 5px;margin-top: 3px;border: 1px solid #FFF;background: #FFF;}
div.tabs div h2 {margin-top: 0;}

/****************
*****************
	ENDTABS
****************
****************/

table.edu_programs {
	border: 1px solid black;
	border-collapse: collapse;
}
table.edu_programs thead tr td, table tbody tr td {
	font-size: 10px;
	padding: 3px;
	border: 1px solid black;
}
table.edu_programs thead tr:nth-child(1) {
	font-weight: bold;
}
table.edu_programs thead tr {
	text-align: center;
}