html, body {
	color:#333;
	background-color:#fff;
	width:100%;
	height:100%;
	font-family:sans-serif;
	/*
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%
	*/
}

html, body, header, nav, article, footer, figure/*, h1, h2, h3, h4, p*/ {
	margin:0;
	padding:0;
	line-height:1.5;
}

.w_size {margin:0 auto;}
/*@media (min-width:800px) {.w_size{width:768px;}}*/
@media (min-width:874px) {.w_size{width:840px;}}
@media (min-width:1024px) {.w_size{width:960px;}}
@media (min-width:1200px) {.w_size{width:1160px;}}
@media (min-width:1600px) {.w_size{width:1440px;}}

header, footer {
	background-color:#248;
	color:#fff;
	position:fixed;
	width:100%;
	box-shadow:0 0 10px rgba(0,0,0,0.5); /* Параметры тени */
}

header {
	height:48px;
	top:0;
}

.logo_pic {
	float:left;
	margin:8px; /* Одинаков для всех элементов header-а */
	width:39px;
	height:32px;
}

.logo_name {
	float:left;
	font-size:26px;
	font-weight:bold;
	margin:4px 0; /* Одинаков для всех элементов header-а */
}

nav {
	float:right;
	display:inline-block;
	margin-right:8px; /* Одинаков для всех элементов header-а */
}

nav ul {
	margin:0;
	padding:0;
	display:inline-block;
	list-style:none outside none;
}

nav li {
	display:inline-block;
}

nav a {
	margin:0.3em;
	line-height:48px; /* Высота header-а */
	color:#fff;
	text-decoration:none;
	cursor:default;
}

nav a:hover {
	border-bottom:1px solid #fff;
}

.actv {
	border-bottom: 1px dashed #fff;
}

@media screen and (max-width:839px) {
	nav {
		display:none;
		position:absolute;
		top:54px;
		right:0px;
		background-color:#48B;
		box-shadow:0 0 10px rgba(0,0,0,0.5); /* Параметры тени */
		padding:12px 0;
		/*font-size:110%;*/
	}
	
	nav:before{
		content:'';
		position:absolute;
		width:0;
		height:0;
		right:4px;
		top:-24px;
		border:12px solid;
		border-color:transparent transparent #48b transparent;
	}
	
	nav li {
		display:block;
		padding:0 24px;
	}
}

@media screen and (min-width:840px) {
	.submenu {
		position:absolute;
		top:54px;
		background-color:#48B;
		box-shadow:0 0 10px rgba(0,0,0,0.5); /* Параметры тени */
		padding:12px 0;
	}
	.submenu:before{
		content:'';
		position:absolute;
		width:0;
		height:0;
		right:7px;
		top:-24px;
		border:12px solid;
		border-color:transparent transparent #48b transparent;
	}
	.submenu li {
		display:block;
		padding:0 24px;
	}
}

.menu_ico {
	float:right;
	margin:8px; /* Одинаков для всех элементов header-а */
	width:32px;
	height:32px;
}

@media screen and (min-width:840px) {.menu_ico{display:none;}}

#main {
	padding-top:48px; /* Высота header-а */
	width:100%;
	padding-bottom:1.6em;
}

article {
	padding:0.5em;
	font-family:sans-serif;
}

footer {
	padding:0.3em;
	bottom:0;
	text-align:center;
}

h1 {font-size:1.5em;}
h2 {font-size:1.25em;}
h3 {font-size:1.1em;}
h4 {font-size:1.0em;}

p {
	text-align:justify;
	font-size:1em;
}

.info {
	display:block;
	background:#ffb;
	padding:0.5em 0.75em;
	box-shadow:0 0 10px rgba(0,0,0,0.5); /* Параметры тени */
	font-family:sans;
}

.info p {margin:0.5em;}

.adp {
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
	box-shadow:0 0 10px rgba(0,0,0,0.5); /* Параметры тени */
}
.desc {
	display:block;
	text-align:center;
	margin:0.3em 0.3em 1em 0.3em;
}

.gallery figcaption {display: none;}
/*.gallery figure a:active{border:1 solid red;}*/

.indicator {
	border-top: 4px solid #fff;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	content: "";
	display: inline-block;
	height: 0;
	width: 0;
	vertical-align: middle;
	
	-webkit-transition: color 0.1s linear;
	-moz-transition: color 0.1s linear;
	-o-transition: color 0.1s linear;
	transition: color 0.1s linear;
}