/****************************/
/***     CSS Document     ***/
/*** author Ruben Akhayan ***/
/****************************/
body {
	font-family: Arial, Helvetica, sans-serif, Verdana, Geneva;
	font-size: 17px;
	color: #666;
	margin: 0;
	padding: 20px;
	background: white;
	height: 100%;
}
body a:link, body a:visited  {
	outline: none;
}
a:link, a:visited { 
	text-decoration:none;
	color: #6598FF;
}
a:hover {
	text-decoration:underline;
	color: #91B5FF;
}
a:active {
	text-decoration:none;
	color: #91B5FF;
}
h1 {
	color: #000;
	font-size: 17px;
}
h2 {
	color: #000;
	font-size: 15px;
	font-weight: 600;
	padding: 20px 0 0 0;
}

img {
	border: none;
}
li, ol {
	padding: 5px 0;
}
/*
@font-face {
	font-family: JournalSansC;
	src: url(fonts/JournalSansC.otf) format("opentype");
}
*/

li {
	color: #333;
}
/*
.li_about {
	display: block;
	float: left;
	margin: -20px 0 0 0;
	width: 475px;
}
*/
@font-face {
	font-family: Oswald-Regular;
	src: url(fonts/Oswald-Regular.ttf) format("truetype");
	/*
	font-family: Annabelle;
	src: url(fonts/Annabelle.ttf) format("truetype-aat"),
    	 url(fonts/ScheherazadeRegOT.ttf) format("opentype");
	*/   
}
/*
div#main {
	display: block;
	float: left;
	background: #fff;
	width: 884px;
}
*/
h1.logo {
	background:url("images/a_logo.png") no-repeat scroll 0 0 transparent;
	border: none;
	float: left;
	margin: 0;
	padding: 0;
	width: 92px;
	height: 84px;
	background-size: contain;
}
h2.slogan {
	float: inherit;
	text-align: center;
	padding: 10px 0 0 0;
	font-size: 14px;
	color: #458EDA;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.top-menu {
	margin-left: -92px;
	width: 100%;
}
.line_ {
	display: block;
	float: inherit;
	width: 100%;
	height: 1px;
	border-top: 1px solid #458EDA;
	padding: 0;
	margin: 5px 0 5px 0;
}
nav a:link, nav a:visited { 
	text-decoration:none;
	color: #333;
}
nav a:hover	{
	text-decoration:none;
	color: #458EDA;
}
nav a:active {
	text-decoration:none;
	color: #333;
}
nav ul { 
	margin: 0;
	padding: 10px 0 0 0;
	text-align: center;
	font-family: Oswald-Regular, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
	height: 34px;
}
nav li {
	display:inline;
	padding: 0 10px;
}
nav li.m_active {
	color: #fff;
	background: #458EDA;
}
aside nav ul {
	font-size: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
/*
.nav_bottom nav a:link, .nav_bottom nav a:visited { 
	text-decoration:none;
	color: #9F844A;
}
.nav_bottom nav a:hover	{
	text-decoration:underline;
	color: #CC6600;
}
.nav_bottom nav a:active {
	text-decoration:none;
	color: #9F844A;
}
.nav_bottom nav ul {
	text-align: left;
	font-weight: normal;
	padding: 2px 0 2px 60px;
}
.nav_bottom nav li {
	display: table-row;
	display: list-item;
}
*/

article h1 {
	color: #333;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
}
/*
article h2 {
	color: #F0B41E;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	font-variant:small-caps;
}
article h3 {
	color: #9A5623;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
*/
aside h1 {
	color: #333;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;	
}
aside h2 {
	color: #333;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
}

figure {
	margin: 0;
	padding: 0;
}
.div-marketing_alemon {
	width: 100%;
	
}
.img-marketing_alemon {
	display: block;
	margin: auto;
	width: 80%;
	height: 80%;
	max-width: 300px;
	max-height: 300px;
}



/* нижняя часть*/
.extras {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	font-size: 11px;
}
body .extras section {
	float: left;
	padding: 0;
	width: 50%;
}
footer {
	clear: both;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 11px;
}
footer[role="copyright"] div {
	margin: 0 auto;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 5px;
	text-align: center;
}
.itemscope {
	text-align: center;
}

.apps {
	text-align: center;
	margin: 10px 0;
}

@media screen and (min-width: 0px) and (max-width: 599px) {
	nav ul { 
		font-size: 15px;
	}
	body .extras section {
		width: 100%;
	}
}
@media screen and (min-width: 600px) and (max-width: 700px) {
	nav ul { 
		font-size: 18px;
	}
	body .extras section {
		width: 100%;
	}
}
/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
}
/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {

}