/*
	Created by RedRoll Studio | E-mail: create@redroll.ru | URL: http://redroll.ru
	Specification: HTML5 & CSS3
	All Rights Reserved.
	Copyright: RedRoll.ru | 2013
*/

/* ==================== RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	list-style: none;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	background: transparent;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
strong, b { font-weight: bold; }
i {
	font-style: italic;
	font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
:focus { outline: none; }

/* ==================== GLOBAL */
body {
	color: #000000;
	font-size: 12px;
	line-height: 16px;
	font-family: Verdana, "Geneva CY", "DejaVu Sans", sans-serif;
	background-color: #cbecfa; /* IE8 */
	background: url(../images/header-bg-2.png) center top no-repeat, #cbecfa url(../images/header-bg-1.png) left top repeat-x;
}
	header, section, .wdh-fix { 
		width: 1200px;
		margin: 0 auto;
	}

h1, h2 {
	color: #008aff;
	font-family: 'Cuprum', sans-serif;
	text-shadow: 1px 1px 1px rgba(255,255,255,.9);
}
h1 { font-size: 30px; }
h2 { font-size: 26px; }
h3 {
	color: #fff;
	font-size: 25px;
	line-height: 30px;
	font-family: 'Cuprum', sans-serif;
	text-shadow: 1px 1px 1px rgba(0,0,0,.5);
	text-transform: uppercase;
}

hr {
	height: 1px;
	background: #b7b29b;
	border-style: none;
	box-shadow: 0 1px 0 rgba(255,255,255,.8);
}

input, select, textarea, button { 
	color: #2b2b2b;
	font-family: Tahoma, "Geneva CY", sans-serif;
	resize: none;
	overflow: hidden;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
input::-ms-clear { display: none; }
input::-webkit-search-cancel-button { -webkit-appearance: none; }

a, a:visited {
	color: #0066ff;
	text-decoration: underline;
}
a:hover { text-decoration: none; }

.clr { clear: both; }

/* ==================== HEADER */
header {
	height: 370px;
}
	a.phone {
		width: 261px;
		height: 93px;
		display: block;
		color: #f2f2f2;
		text-decoration: none !important;
		padding-top: 23px;
		font-family: 'Cuprum', sans-serif;
		font-size: 35px;
		text-align: center;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
		background: url(../images/phone-bg.png) left top no-repeat;
		position: fixed;
		left: 50%;
		margin-left: -120px;
		z-index: 999;		
	}
		a.phone:hover { background-position: left bottom; }
	a.logo {
		float: right;	
		width: 304px;
		height: 168px;
		margin: 20px 100px 0 0;
		display: block;
		background: url(../images/logo.png) left top no-repeat;
	}
	
/* ==================== MAINBLOCK */
.mainblock {
	padding: 20px;
	position: relative;
	border: 1px solid #fff;
	background: rgba(255,255,255,.4);
}
	.mb-content { width: 880px; }
		.mb-text { margin-top: 15px; }
	.mb-img {
		right: 20px;
		bottom: 20px;
		position: absolute;
		max-width: 260px;
		display: block;
	}

/* ==================== MENU */
.icons { margin-top: 30px; }
	.icons > a {
		float: left;
		display: block;
		position: relative;
		width: 270px;
		height: 90px;
		border-radius: 9px;
		border: 2px solid #fff;
		margin-right: 40px;
		padding: 6px 0 0 105px;
		color: #fff;
		font-size: 30px;
		line-height: 35px;
		text-decoration: none !important;
		font-family: 'Cuprum', sans-serif;
		text-shadow: 1px 1px 1px rgba(0,0,0,.4);
	}
	.icons > a:last-child { margin-right: 0px; }
	.icons > a:hover, a.i-current {
		background: #b1dfff;
		border-color: #24b9ff;
	}
		.icons > a > span {
			display: block;
			bottom: 8px;
			position: absolute;
		}
		.i-sky > span {
			left: 20px;
			width: 70px;
			height: 99px;
			background: url(../images/icons/sky.png) left top no-repeat;
		}
		.i-water > span {
			left: 18px;
			width: 68px;
			height: 71px;
			background: url(../images/icons/water.png) left top no-repeat;
		}
		.i-hot > span {
			left: 8px;
			width: 85px;
			height: 73px;
			background: url(../images/icons/hot.png) left top no-repeat;
		}
		.i-cold > span {
			left: 10px;
			width: 87px;
			height: 66px;
			background: url(../images/icons/cold.png) left top no-repeat;
		}

/* ==================== CONTENTBLOCK */
.contentblock {
	margin-top: 35px;
}
	.content {
		float: right;
		width: 890px;
	}
		.speedbar {
			font-size: 10px;
			margin-bottom: 15px;
		}				
		.navigation {
			float: left;
			width: 100%;
			margin: 30px 0 10px 0;
		}

/* ==================== ASIDE */
aside {
	float: left;
	width: 250px;
}
	.menu {
		float: left;
		margin-bottom: 40px;
	}
		.menu > h3 {
			width: 100%;
			margin-bottom: 5px;
		}
		.menu > a {
			display: inline-block;
			clear: both;
			font-size: 20px;
			line-height: 25px;
			font-family: 'Cuprum', sans-serif;
			margin: 10px 0 0 25px;
		}
		.menu > a:hover { color: #009932; }
		
	.news {
		float: left;
		margin-bottom: 40px;
	}
		.newspost { margin-top: 15px; }
			.newspost > p {
				font-size: 11px;
				font-weight: bold;
				line-height: 20px;
			}
			.newspost > a {
				color: #434343;
				text-decoration: none;
			}
			.newspost > a:hover { text-decoration: underline; }
		.news > a {
			float: right;
			display: block;
			margin-top: 15px;
			font-size: 11px;
		}
		.moneyblock  > a, .moneyblock  > img {
			width: 250px;
			display: block;
			margin-top: 20px;
		}
	
/* ==================== SHORTSTORY */
.shortstory {
	width: 100%;
	margin-top: 20px;
}
		.shortstory > h2 > a {
			color: #008aff;
			text-decoration: none;
		}
	.ss-date {
		float: left;
		font-weight: bold;
		margin-top: 10px;
	}
	.ss-edit {
		float: right;
		margin-top: 10px;
	}
	.ss-text { margin-top: 5px; }
	
.shortstory-goods {
	width: 100%;
	float: left;
	margin-top: 60px;
}
.shortstory-goods:first-child { margin-top: 0; }
	.shortstory-goods > a {
		float: left;
		display: block;
		width: 230px;
		border: 2px solid #24b9ff;
	}
	.shortstory-goods > a:hover { border-color: #009932; }
		.shortstory-goods > a > img {
			float: left;
			display: block;
			width: 226px;
		}
	.ss-goods-content {
		float: right;
		width: 630px;
	}
		.ss-goods-content > h2 > a {
			color: #008aff;
			text-decoration: none;
		}
		.ss-goods-content > h2 > a:hover { color: #009932; }
			.ss-goods-text { margin-top: 15px; }
			.ss-price {
				 margin-top: 15px;
				 float: right;
				 text-align: right;
				 font-weight: bold;
			}
	
/* ==================== FULLSTORY & STATIC */
.fullstory {
	width: 100%;
	margin-top: 20px;
}
.fullstory-goods {
	width: 100%;
	margin-top: 20px;
}
	.fullstory-goods > a {
		float: left;
		display: block;
		width: 230px;
		border: 2px solid #24b9ff;
	}
	.fullstory-goods > a:hover { border-color: #009932; }
		.fullstory-goods > a > img {
			float: left;
			display: block;
			width: 226px;
		}
	.fs-goods-content {
		float: right;
		width: 630px;
	}
		.fs-price {
			 color: #009932;
			 font-size: 16px;
			 font-weight: bold;
		}
			.fs-price > a {
				 font-size: 10px;
				 font-weight: normal;
			}
		.fs-goods-text { margin-top: 15px; }	
		.fs-goods-photo { float: left; }
			.fs-goods-photo > br { display: none; }
				.fs-goods-photo a img {
					display: block;
					float: left;
					width: 162px;
					height: 112px;
					margin: 25px 20px 0 0;
					border: 1px solid #24b9ff;
				}
				.fs-goods-photo a:nth-of-type(5n) img { margin-right: 0; }
		.fs-goods-other { margin-top: 20px; }
		.fs-goods-other > img, .fs-goods-other > div > img { border: 2px solid #24b9ff; }

/* ==================== FOOTER */
footer { 
	height: 73px;
	font-size: 11px;
	margin-top: 20px;
	padding-top: 53px;
	background: url(../images/footer-bg.png) left bottom repeat-x;
}
	.copyright, .redroll {
		color: #e2ffd4;
		height: 20px;
		padding: 3px 10px;
		border-radius: 3px 3px 0 0;
		background: rgba(57,151,0,.7);
	}
	.copyright {
		float: left;
		margin-left: 20px;
	}
	.redroll {
		float: right;
		text-align: right;
		margin-right: 20px;
	}
	.redroll > a { color: #e2ffd4 !important; }

/* ==================== FEEDBACK */
.map {
	width: 890px;
	height: 300px;
	margin-top: 30px;
	border: 1px solid #24b9ff;
}