/*
//	Разметка блоков
//
//	26 февраля 2008 года
//	© Студия Ниазида, http://niazida.ru
*/

div {
	text-align: left;
}

p {
	margin-bottom: 10px;
}

div.container {
	width: 920px;
	background: #fff;
	margin: auto;
	border: solid 10px #5968a2;
	border-bottom: none;
	border-top: none;
	padding: 0 40px;
	clear: both;
}

div.left {
	float: left;
	width: 200px;
	margin-right: -100%;
}

div.right {
	float: left;
	width: 680px;
	margin-left: 240px;
	//display: inline;
}

div.header {
	padding-top: 50px;
}

	div.header div.right div.banner {
		background: url(/imgs/header/pic1.jpg);
		height: 200px;
	}
	
		div.header div.right div.banner div.title {
			width: 279px;
			height: 35px;
			background: black;
			padding: 15px 0 0 21px;

			color: #fff;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-style: italic;
			font-size: 2em;

			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* IE 5.5+*/
			-moz-opacity: 0.7; /* Mozilla 1.6 и ниже */
			-khtml-opacity: 0.7; /* Konqueror 3.1, Safari 1.1 */
			opacity: 0.7; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
			position: relative;
			top: 150px;
			left: 320px;
		}
		
		div.header div.right div.banner div.title a {
			color: #fff;
			text-decoration: none;
		}
	
	div.header div.right div.inner {
		width: 580px;
		margin: 0 20px;
	}

div.recomend {
	padding-top: 10px;
	padding-bottom: 50px;
}

	div.recomend h3 {
		margin-top: 0;
		padding-top: 0;
	}
	
	div.recomend h3, div.recomend p {
		padding-right: 20px;
	}
	
	div.recomend img {
		margin: 0 20px 20px 0;
	}
	
	div.recomend div.one {
		width: 440px;
		float: left;
		//margin-right: -100%;
	}
	
	div.recomend div.two {
		width: 440px;
		float: left;
		//margin-left: 450px;
		//display: inline;
	}
	
div.footer {
	padding-bottom: 50px;
	font-size: 1.25em;
}

	div.footer div.copyright {
		width: 300px;
		float: left;
	}
	
	div.footer div.email {
		width: 300px;
		float: left;
	}
	
	div.footer div.niazida {
		width: 300px;
		float: left;
	}

menu {
	
}

	menu h1 {
		color: #fff;
		font-weight: bold;
		font-style: normal;
		font-size: 1em;
		font-family: Arial, Helvetica, sans-serif;
		margin: 0;
	}

	menu li {
		padding-left: 20px;
		padding-top: 5px;
		padding-bottom: 6px;
	}
	
	menu li.sel {
		background: #7282b7;
	}

menu.menu_1 {
	margin-top: 21px;
}

	menu.menu_1 li {
		font-size: 1.25em;
	}
	
menu.menu_2 {
	font-size: 0.8em;
	margin-left: 18px;
	margin-top: 2px;
	margin-bottom: 10px;
}

	menu.menu_2 li {
		font-size: 1.2em;
	}

.floats {
	/* Компенсируем отступы между float-блоками, чтобы они занимали все доступное пространство */
	margin: -20px 0 0 -20px;
	
	/* Эти правила для IE */
	position: relative;
	display: inline-block;
	clear: both;
}
	.floats:after {
		content: '';
		display: block;
		clear: both;
	}

	.floats .left {
		position: relative;
		float: left;
		
		/* Убираем удвоение отступов в IE */
		display: inline;
		
		/* Прячем все, что вдруг вылезло за наши ограничения */
		overflow: hidden;
		
		/* Отсупы между float-блоками */
		margin: 20px 0 0 20px;
		
		/* Задаем минимальную ширину по картинке и тексту */
		width: 130px;
		min-width: 130px;
	}
	
	.floats .left_280 {
		position: relative;
		float: left;
		
		/* Убираем удвоение отступов в IE */
		display: inline;
		
		/* Прячем все, что вдруг вылезло за наши ограничения */
		overflow: hidden;
		
		/* Отсупы между float-блоками */
		margin: 20px 0 0 20px;
		
		/* Задаем минимальную ширину по картинке и тексту */
		width: 280px;
		min-width: 280px;
	}
	
		.floats .left .r, .floats .left_280 .r {
			position: absolute;
			top: 47px;
			left: 0;
			width: 100%;
			text-align: center;
			margin-top: -50px;
		}
		
			.floats .left .r img {
				width: 130px;
				height: 100px;
			}
			
			.floats .left_280 .r img {
				width: 280px;
				height: 100px;
			}
			
			.floats .left .r h3 {
				font-family: Arial, Helvetica, sans-serif;
				width: 130px;
				margin: 0;
				font-weight: bold;
				font-size: 1.25em;
				margin-top: 8px;
			}

		.floats .left .min {
			/* Задаем минимальную высоту по картинке */
			margin: 0 0 100px 0;
			
			/* Задаем минимальную высоту по тексту */
			height: 40px;
			
			/* Дублируем значение минимальной ширины по картинке для IE */
			width: 130px;
		}
		
		.floats .left_280 .min {
			/* Задаем минимальную высоту по картинке */
			margin: 0 0 100px 0;
			
			/* Задаем минимальную высоту по тексту */
			height: 40px;
			
			/* Дублируем значение минимальной ширины по картинке для IE */
			width: 280px;
		}

input.search_test {
	width: 120px;
	float: left;
	vertical-align: middle;
	height: 27px;
	padding: 4px 0;
}

input.search {
	width: 54px;
	height: 15px;
	float: left;
	vertical-align: middle;
	margin-top: 3px;
	//margin-top: 7px;
	margin-left: 18px;
	border: none;
	padding: 4px 0;
}