/*
 * Стили каркаса
 */
html, body {
	margin  : 0px;
	padding : 0px;
	width   : 100%;
	height  : 100%;
}

body {
	position   : relative;
	min-height : 100%;
	margin     : 0px;
	background : url(../images/background.jpg) no-repeat center top;
	//font: 13px 'Open Sans';
	font       : 14px 'Roboto Condensed';
	color      : #4b4b4b;
}

img {
	border : 0px;
}

a {
	outline         : none;
	color           : #cd384e;
	text-decoration : none;
}

.wrapper {
	position   : relative;
	width      : 100%;
	min-height : 100%;
	margin     : 0px auto;
	.wrapper-empty {
		height : 110px;
	}
}

.wrapper-1000 {
	width  : 960px;
	margin : 0 auto;
}

.footer-wrapper {
	position   : relative;
	z-index    : 1;
	height     : 110px;
	margin-top : -110px;
}

.reset-list { list-style-type : none; margin : 0; padding : 0 }

.loading { display : none; z-index : 100000000; position : fixed; top : 0; left : 50%; width : 100px; height : 20px; margin-left : -50px; background : #fff; border : 1px solid #b0b0b0; border-top : none; -webkit-border-bottom-right-radius : 5px; -webkit-border-bottom-left-radius : 5px; -moz-border-radius-bottomright : 5px; -moz-border-radius-bottomleft : 5px; border-bottom-right-radius : 5px; border-bottom-left-radius : 5px; text-align : center; box-shadow : 0 0 3px rgba(0, 0, 0, .50) }

.copyright {
	width      : 380px;
	margin     : 20px auto;
	text-align : center;
	.logo {
		display         : block;
		width           : 61px;
		height          : 73px;
		margin          : 0 auto;
		background      : url(../images/fenix.png) no-repeat top;
		text-decoration : none;
		//&:hover {
		//    background-position:bottom;
		//}
	}
	.text {
		font-size : 10px;
	}
}

/*
 * Стили элементов страницы
 */
.border-radius (@radius: 5px) {
	border-radius         : @radius;
	-webkit-border-radius : @radius;
	-moz-border-radius    : @radius;
}

header {
	height        : 169px;
	border-bottom : 1px solid #aed4bc;
	.wrapper-1000 {
		overflow : hidden;
	}
	.logo {
		padding-top : 30px;
		float       : left;
	}
	.contacts {
		float       : right;
		padding-top : 25px;
		font-size   : 12px;
		color       : #4c4c4c;
	}
}

nav {
	position : relative;
	z-index  : 100000;
	padding  : 10px 0;
	ul {
		overflow : hidden;
		
		li {
			float : left;
			width : 12.5%;
			a {
				display    : block;
				padding    : 5px 0;
				font-size  : 14px;
				color      : #008532;
				text-align : center;
			}
		}
		li.current, a:hover {
			.border-radius(16px);
			background         : #6bba70;
			background         : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZiYmE3MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDhhMmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
			background         : -moz-linear-gradient(top, #6bba70 0%, #008a2f 100%);
			background         : -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6bba70), color-stop(100%, #008a2f));
			background         : -webkit-linear-gradient(top, #6bba70 0%, #008a2f 100%);
			background         : -o-linear-gradient(top, #6bba70 0%, #008a2f 100%);
			background         : -ms-linear-gradient(top, #6bba70 0%, #008a2f 100%);
			background         : linear-gradient(to bottom, #6bba70 0%, #008a2f 100%);
			filter             : progid:DXImageTransform.Microsoft.gradient(startColorstr='#6bba70', endColorstr='#008a2f', GradientType=0);
			-webkit-box-shadow : inset 0 0 0 1px rgba(0, 0, 0, .4),
			inset 0px 1px 3px 1px rgba(255, 255, 255, .7);
			-moz-box-shadow    : inset 0 0 0 1px rgba(0, 0, 0, .4),
			inset 0px 1px 3px 1px rgba(255, 255, 255, .7);
			box-shadow         : inset 0 0 0 1px rgba(0, 0, 0, .4),
			inset 0px 1px 3px 1px rgba(255, 255, 255, .7);
		}
		li.current a, a:hover {
			color           : white;
			text-decoration : none;
		}
	}
}

.carousel-wrapper {
	position      : relative;
	z-index       : 10000;
	height        : 300px;
	margin-bottom : 60px;
	background    : url(../images/carousel-bg.jpg) repeat-x center center;
	.carousel-3d { position : relative; z-index : 100000; padding-top : 100px }
	.carousel-3d .carousel-left, .carousel-3d .carousel-right { position : absolute; top : 120px; width : 29px; height : 75px; background : url(../images/carousel-arrows.png) no-repeat top left; cursor : pointer }
	.carousel-3d .carousel-left { left : 50%; margin-left : -400px }
	.carousel-3d .carousel-right { right : 50%; margin-right : -390px; background-position : top right }
	.carousel-3d .carousel-left:hover { background-position : bottom left }
	.carousel-3d .carousel-right:hover { background-position : bottom right }
	.carousel-3d .carousel-slider { width : 800px; margin : 20px auto 0 }
	ul.carousel-images { height : 335px; list-style : none outside none; width : 740px; margin : 0 auto; padding : 0 }
	ul.carousel-images li.roundabout-in-focus { cursor : default }
	.carousel-3d .carousel-slider li, ul.carousel-images li { position : relative; cursor : pointer; width : 700px; height : 330px; padding-top : 70px; text-align : center }
	.carousel-3d .carousel-slider li img, ul.carousel-images li img { width : 100% }
	.carousel-3d .carousel-slider li:after { content : ""; position : absolute; z-index : 10000; right : 0; bottom : 0; left : 0; height : 13px; background : url(../images/carousel-shadow.png) no-repeat center -10px; background-size : 100% auto }
}

section.home {
	overflow : hidden;
	article {
		line-height : 1.5;
		
		&.aside-right {
			margin-right : 5%;
			float        : left;
			width        : 55%;
		}
	}
	
	aside {
		float : left;
		width : 40%;
	}
}

article {
	h1 {
		margin    : 0;
		font-size : 24px;
		color     : #231f20;
	}
}

article.products {
	float  : none;
	width  : auto;
	margin : 0 !important;
	h1 {
		margin-bottom : 10px;
		font-size     : 18px;
		color         : #008532;
	}
}

section.articles-sidebar {
	overflow      : hidden;
	margin-bottom : 20px;
	h2 {
		margin-bottom : 10px;
		font-size     : 18px;
		color         : #008532;
	}
	article {
		float         : left;
		width         : 30%;
		padding-right : 3%;
		font-size     : 12px;
		
		.date {
			color : #8e8e8e;
		}
		.title {
			margin-bottom : 5px;
			a {
				font-weight : bold;
				color       : black;
			}
		}
	}
}

.footer-wrapper {
	border-top : 1px solid #aed4bc;
}

/*
 * Список новостей
 */
.article-block { margin : 10px 0 60px }

.article-block .date { font : 12px Tahoma; color : #6c6c6c }

.article-block .title { margin-bottom : 10px }

.article-block .title a { margin-bottom : 5px; font : bold 16px 'Open Sans', sans-serif }

.article-block .announce { overflow : hidden }

.article-block .announce .image { float : left; margin-right : 20px }

.article-block .announce p { margin-top : 0 }

/*
 * Галерея
 */
.gallery-albums { overflow : hidden; padding : 20px 0 }

.gallery-albums .album.first-of-type { margin-left : 0 }

.gallery-albums .album { position : relative; float : left; margin-left : 32px; margin-bottom : 44px; width : 158px; height : 158px; border : 1px solid #c2c8c9; -webkit-border-radius : 8px; -moz-border-radius : 3px; border-radius : 5px; -webkit-box-shadow : inset 0px 0px 0px 5px rgba(255, 255, 255, .5); -moz-box-shadow : inset 0px 0px 0px 5px rgba(255, 255, 255, .5); box-shadow : inset 0px 0px 0px 5px rgba(255, 255, 255, .6); background-repeat : no-repeat; background-position : center center }

.gallery-albums .album a { display : block; padding-top : 160px; text-align : center }

.gallery-images { overflow : hidden; padding : 20px 0 }

.gallery-images .image.first-of-type { margin-left : 0 }

.gallery-images .image { position : relative; float : left; margin-left : 36px; margin-bottom : 24px; width : 99px; height : 99px; border : 1px solid #c2c8c9; -webkit-border-radius : 8px; -moz-border-radius : 3px; border-radius : 5px; -webkit-box-shadow : inset 0px 0px 0px 5px rgba(255, 255, 255, .5); -moz-box-shadow : inset 0px 0px 0px 5px rgba(255, 255, 255, .5); box-shadow : inset 0px 0px 0px 5px rgba(255, 255, 255, .6); background-repeat : no-repeat; background-position : center center }