/* Aleksey Skubaev

askubaev@gmail.com
icq - 322253350
Разработка шаблонов для DLE и кроссбраузерная верстка
------------------
Главные стили. Внешний вид.
*/
body {
	padding: 0px;
	margin: 0;
	background: #fff;
	text-align: left;
	font-size: 14px;
	color: #000;
	font-family: 'Arial', sans-serif;
}

h1, h2, h3, h4 {
	padding: 0;
	margin: 0;
	font-weight: normal;
}

img {
	border: 0;
}

a {
	text-decoration: none;
}

.content-block {
	padding: 3px 7px;
}

.head-line {
	border-bottom: 1px #e8980c solid;
	padding: 0 0 4px 0;
}

	.head-line-left {
		color: #e8980c;
		font-weight: bold;
		float: left;
		width: 70%;
	}
	
	.head-line-right {
		float: left;
		width: 30%;
	}
	
		.col2-block, .col3-block	{ 
			font-size: 0;
			letter-spacing: 0;
		}
		
			.stt-block .col2-block, .stt-block .col3-block {
				padding: 5px;
				border: 1px #ccc solid;
			}
		
			.col-item {
				display: inline-block;
				vertical-align: top;
				font-size: 14px;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
			}
			
			.col2-block .col-item {
				width: 49%;			
				text-align: center;
			}
			
				.col2-block .col-item:nth-child(2) {
					border-left: 4px #e8980c solid;
				}
				
				.head-line-right .col2-block .col-item {
					text-align: left;
				}
				
			.col3-block .col-item {
				width: 33%;			
				text-align: center;
			}
			
				.col3-block .col-item:nth-child(2) {
					border-right: 4px #e8980c solid;
					border-left: 4px #e8980c solid;
				}
	
.main-link {
	display: inline-block;
	vertical-align: top;
	background: url(../images/arrow.gif) left 3px no-repeat;
	padding: 0 0 0 14px;
	color: #999;
	font-weight: bold;
	margin: 0 5px;
}

	.main-link:hover {
		text-decoration: underline;
	}
	
	.head-block {
		padding: 30px 0;
		position: relative;
	}
	
		.logo {
			display: inline-block;
			vertical-align: top;
			background: url(../images/logo.gif) left top no-repeat;
			width: 258px;
			height: 46px;
		}
		
	.cols-block {
		
	}
	
		.left-col {
			float: left;
			width: 70%;
			margin: 0 0 0 0;
			border-right: 5px #fff solid;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
		
			.left-col-line {
				height: 8px;
				background: #bf9a4e;
				margin: 0 0 10px 0;
			}
	
			.menu-col {
				float: left;
				width: 150px;				
			}
			
				.menu-block {
					border: 1px #ccc solid;
					padding: 10px;
					margin: 0 0 10px 0;
				}
			
				.menu-block a {
					display: block;
					font-size: 14px;
					font-weight: bold;
					color: #000;
					margin: 0 0 0 10px;
				}
				
					.menu-block a:after {
						display: block;
						content: '';
						width: 3px;
						height: 3px;
						position: absolute;						
						margin: -8px 0 0 -10px;
						background: #113456;
					}
				
					.menu-block a:hover {
						text-decoration: underline;
					}
					
					.menu-block2 {
						background: #e7d9bc;
						border: 1px #e7d9bc solid;
					}
					
					.menu-block2 a {
						color: #bf9a4e;
					}
					
					.menu-block2 a:after {
						background: #bf9a4e;
					}
					
				.now-block-content {
					border: 1px #b5cadd solid;
					padding: 10px;
					color: #223366;
				}
				
					.now-block-content ol {
						padding: 0 0 0 20px;
						margin: 0;
					}
					
						.now-block-content li {
							margin: 0;
							padding: 0;
						}
			
			.content-col {
				margin-left: 160px;
			}
			
				.stt-block {
					margin: 0 0 20px 0;
				}
			
				.news-block {
					padding: 1px 0 5px 0;

				}
 						.news-block a {
							color: #223355;
						}
						
							.news-block a:hover {
								text-decoration: underline;
							}


				
					.news-item {
						margin: 0 0 10px 0;
					}
					
						.news-item span {
							color: #223366;
							font-weight: bold;
						}
						
						.news-item a {
							color: #223355;
						}
						
							.news-item a:hover {
								text-decoration: underline;
							}
							
			.color2 .title-block {
				background: #c4b6c6;
			}
			
			.color2 .title-block2 {
				color: #63406a;
			}
			
			.color2 .news-item span {
				color: #63406a;
			}
			
			
			.color3 .title-block {
				background: #e7d9bc;
			}
			
			.color3 .title-block2 {
				color: #bf9a4e;
			}
			
			.color3 .news-item span {
				color: #bf9a4e;
			}
			
			.qqq-block {
				margin: 0 0 20px 0;
			}
			
				.qqq-block-content {
					color: #000;
					padding: 5px 0 0 0;
				}
				
					.qqq-block-content a {
						color: #223355;
					}
					
						.qqq-block-content a:hover {
							text-decoration: underline;
						}
		
		.right-col {
			float: right;
			width: 30%;
		}
		
			.title-block {
				height: 8px;
				position: relative;
				background: #b5cadd;
			}
			
				.title-block2 {
					color: #223366;
					font-size: 14px;
					font-weight: bold;
					position: absolute;
					padding: 0 7px;
					background: #fff;
					left: 10px;
					top: -4px;					
				}
				
			.tcolor1 {
				background: #3c5c7a;
			}
			
			.search-block {
				margin: 0 0 20px 0;
			}
			
				.search-block-form {
					border: 1px #b5cadd solid;
					padding: 5px;
					text-align: center;
					margin-top: 5px;
					position: relative;
				}
				
					.submt {
						position: absolute;
						right: 5px;
						top: 5px;
					}
					
			.right-block {
				margin: 0 0 10px 0;
			}
			
				.right-block .title-block {
					margin: 0 0 5px 0;
				}
			
				.right-block-content {
					border: 1px #b5cadd solid;
					padding: 10px 2px 2px 10px;
					font-size: 16px;
				}
						.right-block-content a {
							color: #223355;
						}
						
							.right-block-content a:hover {
								text-decoration: underline;
							}

				
					.link-circle {
						color: #223355;
						font-size: 16px;
					}
					
						.link-circle:after {
							
						}
						
						.link-circle:hover {
							text-decoration: underline;

						}
						
					.right-block-content ul {
						margin: 0 0 10px 0;
						padding: 0 0 0 20px;
					}
					
						.right-block-content ul li {
							margin: 0 0 5px 0;
							padding: 0;
						}
						
					.img-news {
						color: #223366;
						display: block;
						display: flex;
						margin: 0 0 5px 0;
						position: relative;
						padding: 0 0 0 80px;
						min-height: 50px;
						text-align: left;
					}
					
						.img-news img {
							position: absolute;
							left: 0;
							top: 0;
							width: 70px;
							height: 50px;
						}
						
						.img-news span {
							margin: auto 0;
						}
						
						.img-news:hover span {
							text-decoration: underline;
						}
						
				.right-block .col2-block, .right-block .col3-block {
					padding: 5px;
					border: 1px #ccc solid;
				}
				
.footer {
	padding: 20px 0 0 0;
}

	.footer-title {
		height: 8px;
		background: #b5cadd;
		text-align: center;
		margin: 0 0 5px 0;
	}
	
		.footer-title2 {
			font-size: 12px;
			font-weight: bold;
			color: #223366;
			padding: 0 5px;
			display: inline-block;
			vertical-align: top;
			background: #fff;
			margin: -5px auto 0 auto;
		}
		
	.footer-line {
		height: 1px;
		background: #e8980c;
		margin: 0 0 5px 0;
	}
	
		.footer-content {
			background: #b5cadd;
			padding: 15px 0;
		}
		
			.footer-block {
				display: inline-block;
				vertical-align: top;
				width: 27%;
				margin: 0 3%;
				text-align: center;
				color: #fff;
			}
			
				.footer-block a {
					color: #fff;
				}
				
					.footer-block a:hover {
						text-decoration: underline;
					}
					
.mouth-news {
	float: left;
	margin: 0 6% 10px 0;
	width: 47%;
	min-height: 50px;
	position: relative;
	color: #223366;
}

.mouth-news:nth-child(2n) {
	margin-right: 0;
}

	.mouth-news-image {
		width: 70px;
		height: 50px;
		overflow: hidden;
		position: absolute;
		left: 0;
		top: 0;
		display: block;
	}
	
		.mouth-news-image img {
			max-width: 100%;
		}
		
	.mouth-news-title {
		display: block;
		padding: 0 0 0 80px;
	}
	
	.mouth-news:hover {
		
	}
	
.banner-block {
	overflow: hidden;
	margin: 0 0 10px 0;
	font-size: 16px;
}

.head-banner {
	position: absolute;
	right: 5px;
	top: 10px;
}
	
	
/*  Адаптивность 
*/



@media (max-width: 1000px) {

	.head-line, .menu-col {
		display: none;
	}
	
	.left-col, .right-col {
		float: none;
		width: auto;
		margin: 0 0 10px 0;
	}
	
	.content-col {
		margin: 0;
	}
	
	.mob1, .search-block {
		display: none;
	}
	
	.mob2 {
		display: none;
	}
	
	.head-block {
		border-bottom: 8px #bf9a4e solid;
		margin: 0 0 10px 0;
	}

}

@media (max-width: 500px) {

	.col-item {
		display: block !important;
		width: auto !important;
		border: 0 !important;
		margin: 5px 0 10px 0;
		text-align: left !important;
	}
	
	.right-block-content {
		margin-bottom: 5px;
	}
	
			.footer-block {
				display: block;
				width: auto;
				margin: 0 5px 10px 5px;
				text-align: left;
			}
			
						
	.mouth-news {
		float: none;
		margin: 0 0 10px 0;
		width: auto;
		min-height: 50px;
	}

}