@import url(https://fonts.googleapis.com/css?family=Philosopher:400,700&subset=latin,cyrillic);
@import url("featured_slide.css");

/* Getting the new tags to behave */
article, aside, audio, 
canvas, command, 
datalist, details, 
embed, 
figcaption, figure, footer, 
header, hgroup, 
keygen, 
meter, 
nav, 
output, 
progress, 
section, source, 
video {
	display:block;
}
mark, 
rp, rt, ruby, 
summary, 
time {
	display:inline;
}

/* Global properties ======================================================== */


body { 
	background:#fff; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1em;
	color:#454545;
}
html { 
	min-width:940px;
}
html, 
body { 
	height:100%;
}


/* Global Structure ============================================================= */
.container {
	margin:0 auto;
	width:940px;
	overflow:hidden;
	font-size:.875em;
	padding-bottom:176px;
}

	/* Header */
	header {
		background:url(../images/header-bg.jpg) no-repeat center top;
		min-width:940px;
	}
		header .container {
			height:214px;
			position:relative;
			padding:0;
		}
	
	/* Content */
	section#content {
		float:left;
		width:691px;
	}
	
	/* Sidebar */
	aside {
		width:219px;
		float:left;
		margin-right:30px;
		padding:5px 0 0 0;
	}
			
	/* Footer */
	footer {
		background:url(../images/footer-bg.png) no-repeat center top;
		margin-top:-121px;
		min-width:940px;
	}
		footer .container {
			height:121px;
			padding:0;
		}




/* Left & Right alignment */

.fleft { 
	float:left;
}
.fright { 
	float:right;
}
.clear { 
	clear:both;
}

.col-1, 
.col-2, 
.col-3 { 
	float:left;
}

.alignright { 
	text-align:right;
}
.aligncenter { 
	text-align:center;
}	

.wrapper { 
	width:100%;
	overflow:hidden;
}
.wrap {
	height:auto !important;
	height:100%;
	min-height:100%;
	background:url(../images/tail-middle.jpg) repeat-y center 194px;
	min-width:940px;
}


/*----- form defaults -----*/
input, 
select, 
textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}

fieldset {
	border:0;
}

/*----- lists -----*/

.categories {
	padding-bottom:37px;
}
	.categories li {
		font-weight:bold;
		font-size:.857em;
		padding-bottom:8px;
		margin-bottom:6px;
		background:url(../images/divider1.gif) repeat-x left bottom;
	}
	.categories li.last {
		background:none;
		padding:0;
		margin:0;
	}
		
		
		.categories li a {
		
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
text-decoration:none;
color:#008cc4;
 display:block;
 padding-left:15px;
 background:url(../images/marker.gif) no-repeat left 5px;
 
 }
 
.categories li a:hover {
 -webkit-transform: translate(8px,0);
 -moz-transform: translate(8px,0);
 -o-transform: translate(8px,0);
 padding-left:15px;
 color:#f9b000;
  background:url(../images/marker1.gif) no-repeat left 5px;
 }
		
		
.news {
	margin-top:-25px;
}
	.news li {
		padding-top:25px;
		line-height:1.429em;
	}		
		.news li strong {
			font-size:.857em;
			color:#454545;
			display:block;
			padding-bottom:3px;
		}
		.news li a {
			color:#008cc4;
			text-decoration:none;
			font-weight:bold;
		}


.books li 

{padding-top:25px;
		line-height:1.5em;}

.books li a {color:#fff; background-color:#0188c0; border:1px solid #016ba7; padding: 1px 3px; margin:2px;  font-weight:bold; text-decoration:none;}



.articles {
	margin-top:-18px;
}		
	.articles li {
		width:100%;
		overflow:hidden;
		vertical-align:top;
		line-height:1.429em;
		padding-top:18px;
	}
		.articles li img {
			float:left;
			margin-right:22px;
		}

.common {
	padding-bottom:15px;
}		
	.common li {
		padding:0 0 5px 16px;
		background:url(../images/marker.gif) no-repeat left 5px;
	}
		.common li ul {
			padding-top:5px;
			margin-bottom:-5px;
		}

.sitemap {
	padding-bottom:15px;
}		
	.sitemap li {
	font-weight:bold;	
	padding:0 0 5px 16px;
		background:url(../images/marker1.gif) no-repeat left 5px;
	}
		.sitemap li ul {
			padding-top:5px;
			
		}

.list {
	width:100%;
	overflow:hidden;
	padding-bottom:40px;
}
	.list li {
		float:left;
		width:175px;
		margin-right:53px;
	} 
	.list li.last {
		margin:0;
	}
		.list li span {
			display:block;
			text-align:center;
		}
		.list li h4 {
			padding-top:20px;
		}
		.list li p {
			margin:0;
		}


/*----- other -----*/

hr {
background:url(../images/line.png);
background-repeat:repeat-x;
height:4px;
border:none !important;
}

.img-box { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:20px;
	line-height:1.429em;
}
	.img-box img {   
 float:left;
margin:0 20px 0 0;
padding: 5px;
background: #fff;
border: 1px solid  #c2c2c2; 
	}

.extra-wrap { 
	overflow:hidden;
}


.img-box-right { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:20px;
	line-height:1.429em;
}
	.img-box-right img {   
 float:right;
margin:0 20px 0 0;
padding: 5px;
background: #fff;
border: 1px solid  #c2c2c2; 
	}

.extra-wrap { 
	overflow:hidden;
}



p {
	margin-bottom:16px;
	line-height:1.429em;
}
.p0 {
	margin:0;
}

.address {
	width:100%;
	overflow:hidden;
	padding-bottom:40px;
}	
	.address address {
		font-style:normal;
		line-height:1.429em;
		float:left;
		width:248px;
	}
		.address address strong {
			color:#008cc4;
			width:94px !important;
			width:91px;
			float:left;
		}
	.address .extra-wrap {
		float:left;
		width:385px;
	}
	.address p {
		margin:0;
	}


.scroll-to-top-button {
    position: static;
    background: url(../images/up.png) center center no-repeat;    
    width: 40px;
    height: 40px;    
    cursor: pointer;    
    margin: 10px;    
    position: absolute;
    top: 50%;
    left: 0px;
}

.pagination a {text-decoration:underline;} /*подчеркивание ссылок*/
.pagination a:hover {text-decoration:none;} /*убрать подчеркивание ссылок при наведении*/
.pagination .ditto_currentpage {color:#fff; background-color:#0188c0; border:1px solid #016ba7; padding: 1px 3px; margin:2px;  font-weight:bold; } /*оформление текущей страницы: цвет текста, цвет фона, цвет и ширина границы, размер отступов, текст жирным шрифтом*/
.pagination .ditto_previous_link, .pagination .ditto_next_link{margin:0 10px;} /*отступы для ссылок «далее» и «назад»*/
.pagination .ditto_page{ padding: 2px 5px;}/* отступы для номеров страниц*/

	/*----- Галерея -----*/	



.photo a img {
padding:5px 5px 5px 5px;
background-color:#FFFFFF;
border:#ccc 1px solid;
margin:5px 10px 5px 0;}


	/*----- Главный баннер -----*/	
#banner {
	width:691px;
	height:444px;
	background:url(../images/banner-bg.jpg) no-repeat left top;
}
	#banner h2 {
		color:#fff;
		font-size:42px;
		text-transform:none;
		line-height:1.2em;
		padding:75px 0 0 55px;
		margin:0;
	text-align: right;
	}
		#banner h2 span {
			display:block;
			margin-top:-12px;
			color:#fff;
		}
			#banner h2 span span {
				font-size:30px;
				margin-top:-8px;
			}

/*----- Левый баннер -----*/

#bannerleft {
	width:219px;
	height:147px;
	background:url(../images/bannerleft.gif) no-repeat left top;
}

#bannerleft h2 {
		color:#fff;
		font-size:22px;
		text-transform:none;
		margin:0;
	}

#bannerleft a {
		color:#fff;
		position:relative;
		line-height:1.2em;
		padding:15px 0 0 15px;
		margin:0;
		}
	
#bannerleft a:hover {
		color:#fff;
		position:relative;
		text-decoration: none;
		line-height:1.2em;
		padding:15px 0 0 15px;
		margin:0;
	}
	

/*----- txt, links, lines, titles -----*/
a {
	color:#f9b000; 
	outline:none;
}
a:hover {
	text-decoration:none;
}

h1 {
	text-indent:-9999px;
}
	h1 a {
		width:315px;
		height:135px;
		position:absolute;
		left:0;
	top:64px;
		background:url(../images/logo.jpg) no-repeat left top;
	}
h2 {
	font-family: 'Philosopher', sans-serif;
	font-size:20px;
	line-height:1.2em;
	text-transform:uppercase;
	margin-bottom:20px;
}
	h2 span {
		color:#8d8d8d;
	}
h3 {
	font-family: 'Philosopher', sans-serif;
	font-size:18px;
	line-height:1.2em;
	text-transform:uppercase;
	margin-bottom:15px;
}
h4 {
	font-size:1em;
	color:#008cc4;
	margin-bottom:5px;
}
	h4 a {
		color:#008cc4;
		text-decoration:none;
	}
	h4 a:hover {
		color:#f9b000;
	}


.txt1 {
	color:#008cc4;
	font-weight:bold;
}

.link {
	position:absolute;
	right:0;
	top:159px;
}


/*===== header =====*/
header .nav-bg {
	background:url(../images/nav-bg.png) no-repeat center top;
}
header nav {
	position:absolute;
	left:0;
	top:3px;
}
	header nav ul li {
		float:left;
		font-size:16px;
		line-height:1.2em;
		text-transform:uppercase;
		padding-right:1px;
		background:url(../images/divider.gif) repeat-y right top;
	}
	header nav ul li.last {
		background:none;
		padding:0;
	}
		header nav ul li a {
			color:#454545;
			text-decoration:none;
			display:block;
			float:left;
			text-align:center;
			padding:18px 0 20px 0;
			background-repeat:no-repeat;
			background-position:left top;
		}
		header nav ul li.current a,
		header nav ul li a:hover {
			color:#008cc4;
		}
		header nav ul li a.m1 {
			width:186px;
		}
		header nav ul li.current a.m1 {
			background-image:url(../images/m1-act.jpg);
		}
		header nav ul li a.m2 {
			width:179px;
		}
		header nav ul li.current a.m2 {
			background-image:url(../images/m2-act.jpg);
		}
		header nav ul li a.m3 {
			width:208px;
		}
		header nav ul li.current a.m3 {
			background-image:url(../images/m3-act.jpg);
		}
		header nav ul li a.m4 {
			width:196px;
		}
		header nav ul li.current a.m4 {
			background-image:url(../images/m4-act.jpg);
		}
		header nav ul li.last {
			background:none;
			padding:0;
		}
			header nav ul li a.m5 {
				width:167px;
			}
			header nav ul li.current a.m5 {
				background-image:url(../images/m5-act.jpg);
			}
			
	

/*===== content =====*/
#content .inside {
	padding:22px 20px 0 29px;
}
#content .ic, 
#content .ic a {border:0;float:right;background:#000;color:#f9b000;width:100%;line-height:10px;font-size:10px;margin:-50% 0 0 0;padding:0}

/*===== footer =====*/
footer .fleft {
	font-size: 14px;
	line-height:1.2em;
	padding:22px 0 0 0;
}
	footer .fleft span {
		font-size:14px;
		line-height:1.2em;
		color:#008cc4;
		margin-top:-4px;
	}
footer .aligncenter {
	padding-top:39px;
	line-height:1.429em;
}


/*----- forms -----*/

#search-form .rowElem {
	height:28px;
	position:absolute;
	right:0;
	top:113px;
}
#ajaxSearch_form { padding:0px; margin:0px;} /*убираем отступы в форме поиска*/
#ajaxSearch_submit {background-color:#008cc4; color:#FFF; font-weight:bold; padding: 5px;}/*фон кнопки, стили для текста написанного на кнопке*/
#ajaxSearch_input{color:#666; border:1px solid #999999; padding:3px;} /*стиль для поля ввода.*/
.ajaxSearch_result { border:1px dotted #eee; padding:5px 10px; margin:0px;}/*стиль для вывода результата*/
.ajaxSearch_highlight {background-color:#008cc4; color:#FFFFFF} /*выделение искомого слова фоном*/
.ajaxSearch_grpResultName{ font-weight:bold; }
.ajaxSearch_resultLink{ font-size:1.1em; font-weight:bold; text-decoration:underline;} /*стиль для ссылки с результатом*/
.ajaxSearch_paging { display:block; padding:10px 0;}/*стиль для блока с постраничной навигацией на странице с результатами*/
.ajaxSearch_paging .ajaxSearch_currentPage{color:#fff; background-color:#008cc4; border:1px solid #6f7b1a; padding: 1px 3px; font-weight:bold; margin:2px;} /*стиль для номера текущей страницы с результатами поиска*/


/*----------------------*/

#contacts-form { clear:right; width:100%; overflow:hidden;}
#contacts-form fieldset { border:none; float:left; }
#contacts-form .field { clear:both; height:30px;}
#contacts-form .field.extra { height:268px;}
#contacts-form label { float:left; width:123px; font-weight:bold; color:#008cc4;}
#contacts-form input { width:277px; padding:2px 0 2px 3px; border:1px solid #d1d1d1; color:#70635b;}
#contacts-form textarea { width:503px; height:252px; padding:2px 0 2px 3px; border:1px solid #d1d1d1; color:#70635b; overflow:auto;}

/*==========================================*/
    
