/*
 
	Стили по умолчанию
 
*/

/* ------------------------------------------------------------------ */

/*

	Для всех разрешений экрана и ориентаций

*/
h1 {
	padding: 0 0 1vw 0;
	margin: 0;
}
h2 {
	padding: 0 0 .5vw 0;
	margin: 0;
}

/*
 *		Подрихтовать 
 */
p{
	padding: 0 0 .1vw 0;
	margin: 0;
	background: transparent;
	
	line-height: 140%;
	
	text-align: justify;
}
pre{
	font-family: Mono, monospace;
	
	display: block;
    font-family: monospace;
    white-space: pre-wrap;
    
    padding: 1vw;
	margin: 0;
	
    background-color: #e0e5e0;
}
code{
	font-family: Mono, monospace;
	
	font-family: monospace;
		
	padding: 0;
	margin: 0;
	
	line-height: 120%;
	
	background-color: transparent;
}
kbd{
	font-family: Mono, monospace;
	
	line-height: 160%;
	
	padding: .1vw;
	margin: 0;
	background: #dfe7ee;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border-left: 1px solid #c6cdd4;
	border-top: 1px solid #c6cdd4;
	border-right: 1px solid #bcc3c9;
	border-bottom: 1px solid #bcc3c9;
	
	text-shadow: 0px 1px 0px #fff;
}

/* ------------------------------------------------------------------ */

/*
	Компьютер, планшет. Горизонтальная ориентация
*/
@media screen and (orientation: landscape) {
	html {
		padding: 0;
		margin: 0;
		background-color: #ffffff;
		
		font-size: 0;
	}
	body {
		padding: 0;
		margin: 0;
		background: transparent;
		color: #000000;
		font-family: 'PT Sans', sans-serif;
		font-size: 1vw;
	}
	a:link {
		color: #1a8cb2;
		text-decoration: none;
		border-bottom: none;
	}
	a:visited {
		color: #1a8cb2;
		text-decoration: none;
		border-bottom: none;
	}
	a:active {
		color: #1a8cb2;
		text-decoration: none;
		border-bottom: none;
	}
	a:hover {
		color: #1a8cb2;
		text-decoration: none;
		border-bottom: #1a8cb2 1px solid;
	}
	hr {
		height:1px;
		border:none;
		color:#333;
		background-color:#333;
		width: 100%;
	}
	ul {
		padding: 0;
		margin: 0;
	}
	ul li {
		padding: 0;
		margin: 0 0 0 .1vw;
	}
	ol{
		padding: 0;
		margin: 0;
	}
	ul li {
		padding: 0;
		margin: 0 0 0 1vw;
	}
	
	h1 {
		padding: 0 0 1vw 0;
		margin: 0;
		font-size: 2vw;
	}
	h2 {
		padding: 0 0 1vw 0;
		margin: 0;
		font-size: 1.8vw;
	}
	h3 {
		padding: 0 0 1vw 0;
		margin: 0;
		font-size: 1.6vw;
	}
	h4 {
		padding: 0 0 1vw 0;
		margin: 0;
		font-size: 1.2vw;
	}
	h5 {
		padding: 0 0 1vw 0;
		margin: 0;
		font-size: 1vw;
	}
	p{
		padding: 0 0 .1vw 0;
		margin: 0;
		background: transparent;
		
		line-height: 140%;
		
		text-align: justify;
	}
	pre{
		font-family: Mono, monospace;
		
		display: block;
		font-family: monospace;
		white-space: pre-wrap;
		
		padding: 1vw;
		margin: 0;
		
		background-color: #e0e5e0;
	}
	code{
		font-family: Mono, monospace;
		
		font-family: monospace;
			
		padding: 0;
		margin: 0;
		
		line-height: 120%;
		
		background-color: transparent;
	}
	kbd{
		font-family: Mono, monospace;
		
		line-height: 160%;
		
		padding: .1vw;
		margin: 0;
		background: #dfe7ee;
		
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		border-left: 1px solid #c6cdd4;
		border-top: 1px solid #c6cdd4;
		border-right: 1px solid #bcc3c9;
		border-bottom: 1px solid #bcc3c9;
		
		text-shadow: 0px 1px 0px #fff;
	}
}

/* ------------------------------------------------------------------ */

/*
	Компьютер, планшет. Горизонтальная ориентация. Ширина - до 1280px
*/
@media only screen and (max-width: 1280px) {
	html {
		padding: 0;
		margin: 0;
		background-color: #ffffff;
		
		font-size: 0;
	}
	body {
		padding: 0;
		margin: 0;
		background: transparent;
		color: #000000;
		font-family: 'PT Sans', sans-serif;
		font-size: 1.5vw;
		/*
		background: url('/images/bg.png');
		background-position: left top;
		background-repeat: no-repeat;
		*/
	}
	a:link {
		color: #1a8cb2;
		text-decoration: none;
		border-bottom: none;
	}
	a:visited {
		color: #1a8cb2;
		text-decoration: none;
		border-bottom: none;
	}
	a:active {
		color: #1a8cb2;
		text-decoration: none;
		border-bottom: none;
	}
	a:hover {
		color: #1a8cb2;
		text-decoration: none;
		border-bottom: #1a8cb2 1px solid;
	}
	hr {
		height:1px;
		border:none;
		color:#333;
		background-color:#333;
		width: 100%;
	}
	ul {
		padding: 0;
		margin: 0;
	}
	ul li {
		padding: 0;
		margin: 0 0 0 .1vw;
	}
	ol{
		padding: 0;
		margin: 0;
	}
	ul li {
		padding: 0;
		margin: 0 0 0 1vw;
	}
	
	h1 {
		padding: 0 0 1vw 0;
		margin: 0;
		font-size: 2vw;
	}
	h2 {
		padding: 0 0 1vw 0;
		margin: 0;
		font-size: 1.8vw;
	}
	h3 {
		padding: 0 0 1vw 0;
		margin: 0;
		font-size: 1.6vw;
	}
	h4 {
		padding: 0 0 1vw 0;
		margin: 0;
		font-size: 1.2vw;
	}
	h5 {
		padding: 0 0 1vw 0;
		margin: 0;
		font-size: 1vw;
	}
	p{
		padding: 0 0 .1vw 0;
		margin: 0;
		background: transparent;
		
		line-height: 140%;
		
		text-align: justify;
	}
	pre{
		font-family: Mono, monospace;
		
		display: block;
		font-family: monospace;
		white-space: pre-wrap;
		
		padding: 1vw;
		margin: 0;
		
		background-color: #e0e5e0;
	}
	code{
		font-family: Mono, monospace;
		
		font-family: monospace;
			
		padding: 0;
		margin: 0;
		
		line-height: 120%;
		
		background-color: transparent;
	}
	kbd{
		font-family: Mono, monospace;
		
		line-height: 160%;
		
		padding: .1vw;
		margin: 0;
		background: #dfe7ee;
		
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		border-left: 1px solid #c6cdd4;
		border-top: 1px solid #c6cdd4;
		border-right: 1px solid #bcc3c9;
		border-bottom: 1px solid #bcc3c9;
		
		text-shadow: 0px 1px 0px #fff;
	}
}

/* ------------------------------------------------------------------ */

/*
	Компьютер, планшет. Горизонтальная ориентация. Ширина - до 1024px
*/
@media only screen and (max-width: 1024px) {
	html {
		padding: 0;
		margin: 0;
		background-color: #ffffff;
		
		font-size: 0;
	}
	body {
		padding: 0;
		margin: 0;
		background: transparent;
		color: #000000;
		font-family: 'PT Sans', sans-serif;
		font-size: 1.8vw;
		/*
		background: url('/images/bg.png');
		background-position: left top;
		background-repeat: no-repeat;
		*/
	}
	a:link {
		color: #1a8cb2;
		text-decoration: none;
		border-bottom: none;
	}
	a:visited {
		color: #1a8cb2;
		text-decoration: none;
		border-bottom: none;
	}
	a:active {
		color: #1a8cb2;
		text-decoration: none;
		border-bottom: none;
	}
	a:hover {
		color: #1a8cb2;
		text-decoration: none;
		border-bottom: #1a8cb2 1px solid;
	}
	hr {
		height:1px;
		border:none;
		color:#333;
		background-color:#333;
		width: 100%;
	}
	ul {
		padding: 0;
		margin: 0;
	}
	ul li {
		padding: 0;
		margin: 0 0 0 .1vw;
	}
	ol{
		padding: 0;
		margin: 0;
	}
	ul li {
		padding: 0;
		margin: 0 0 0 1vw;
	}
	
	h1 {
		padding: 0 0 1vw 0;
		margin: 0;
		font-size: 2vw;
	}
	h2 {
		padding: 0 0 1vw 0;
		margin: 0;
		font-size: 1.8vw;
	}
	h3 {
		padding: 0 0 1vw 0;
		margin: 0;
		font-size: 1.6vw;
	}
	h4 {
		padding: 0 0 1vw 0;
		margin: 0;
		font-size: 1.2vw;
	}
	h5 {
		padding: 0 0 1vw 0;
		margin: 0;
		font-size: 1vw;
	}
	p{
		padding: 0 0 .1vw 0;
		margin: 0;
		background: transparent;
		
		line-height: 140%;
		
		text-align: justify;
	}
	pre{
		font-family: Mono, monospace;
		
		display: block;
		font-family: monospace;
		white-space: pre-wrap;
		
		padding: 1vw;
		margin: 0;
		
		background-color: #e0e5e0;
	}
	code{
		font-family: Mono, monospace;
		
		font-family: monospace;
			
		padding: 0;
		margin: 0;
		
		line-height: 120%;
		
		background-color: transparent;
	}
	kbd{
		font-family: Mono, monospace;
		
		line-height: 160%;
		
		padding: .1vw;
		margin: 0;
		background: #dfe7ee;
		
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		border-left: 1px solid #c6cdd4;
		border-top: 1px solid #c6cdd4;
		border-right: 1px solid #bcc3c9;
		border-bottom: 1px solid #bcc3c9;
		
		text-shadow: 0px 1px 0px #fff;
	}
}

/* ------------------------------------------------------------------ */

/*
	Компьютер, планшет. Горизонтальная ориентация. Ширина - до 800px
*/
@media only screen and (max-width: 800px) {
	html {
		padding: 0;
		margin: 0;
		background-color: #ffffff;
		
		font-size: 0;
	}
	body {
		padding: 0;
		margin: 0;
		background: transparent;
		color: #000000;
		font-family: 'PT Sans', sans-serif;
		font-size: 2vw;
		/*
		background: url('/images/bg.png');
		background-position: left top;
		background-repeat: no-repeat;
		*/
	}
	a:link {
		color: #1a8cb2;
		text-decoration: none;
		border-bottom: none;
	}
	a:visited {
		color: #1a8cb2;
		text-decoration: none;
		border-bottom: none;
	}
	a:active {
		color: #1a8cb2;
		text-decoration: none;
		border-bottom: none;
	}
	a:hover {
		color: #1a8cb2;
		text-decoration: none;
		border-bottom: #1a8cb2 1px solid;
	}
	hr {
		height:1px;
		border:none;
		color:#333;
		background-color:#333;
		width: 100%;
	}
	ul {
		padding: 0;
		margin: 0;
	}
	ul li {
		padding: 0;
		margin: 0 0 0 .1vw;
	}
	ol{
		padding: 0;
		margin: 0;
	}
	ul li {
		padding: 0;
		margin: 0 0 0 1vw;
	}
	
	h1 {
		padding: 0 0 1vw 0;
		margin: 0;
		font-size: 2vw;
	}
	h2 {
		padding: 0 0 1vw 0;
		margin: 0;
		font-size: 1.8vw;
	}
	h3 {
		padding: 0 0 1vw 0;
		margin: 0;
		font-size: 1.6vw;
	}
	h4 {
		padding: 0 0 1vw 0;
		margin: 0;
		font-size: 1.2vw;
	}
	h5 {
		padding: 0 0 1vw 0;
		margin: 0;
		font-size: 1vw;
	}
	p{
		padding: 0 0 .1vw 0;
		margin: 0;
		background: transparent;
		
		line-height: 140%;
		
		text-align: justify;
	}
	pre{
		font-family: Mono, monospace;
		
		display: block;
		font-family: monospace;
		white-space: pre-wrap;
		
		padding: 1vw;
		margin: 0;
		
		background-color: #e0e5e0;
	}
	code{
		font-family: Mono, monospace;
		
		font-family: monospace;
			
		padding: 0;
		margin: 0;
		
		line-height: 120%;
		
		background-color: transparent;
	}
	kbd{
		font-family: Mono, monospace;
		
		line-height: 160%;
		
		padding: .1vw;
		margin: 0;
		background: #dfe7ee;
		
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		border-left: 1px solid #c6cdd4;
		border-top: 1px solid #c6cdd4;
		border-right: 1px solid #bcc3c9;
		border-bottom: 1px solid #bcc3c9;
		
		text-shadow: 0px 1px 0px #fff;
	}
}

/* ------------------------------------------------------------------ */

/*
	Компьютер, планшет. Горизонтальная ориентация. Ширина - до 600px
*/
@media only screen and (max-width: 600px) {
	html {
		padding: 0;
		margin: 0;
		background-color: #ffffff;
		
		font-size: 0;
	}
	body {
		padding: 0;
		margin: 0;
		background: transparent;
		color: #000000;
		font-family: 'PT Sans', sans-serif;
		font-size: 2.5vw;
		/*
		background: url('/images/bg.png');
		background-position: left top;
		background-repeat: no-repeat;
		*/
	}
	a:link {
		color: #1a8cb2;
		text-decoration: none;
		border-bottom: none;
	}
	a:visited {
		color: #1a8cb2;
		text-decoration: none;
		border-bottom: none;
	}
	a:active {
		color: #1a8cb2;
		text-decoration: none;
		border-bottom: none;
	}
	a:hover {
		color: #1a8cb2;
		text-decoration: none;
		border-bottom: #1a8cb2 1px solid;
	}
	hr {
		height:1px;
		border:none;
		color:#333;
		background-color:#333;
		width: 100%;
	}
	ul {
		padding: 0;
		margin: 0;
	}
	ul li {
		padding: 0;
		margin: 0 0 0 .1vw;
	}
	ol{
		padding: 0;
		margin: 0;
	}
	ul li {
		padding: 0;
		margin: 0 0 0 1vw;
	}
	
	h1 {
		padding: 0 0 1vw 0;
		margin: 0;
		font-size: 2vw;
	}
	h2 {
		padding: 0 0 1vw 0;
		margin: 0;
		font-size: 1.8vw;
	}
	h3 {
		padding: 0 0 1vw 0;
		margin: 0;
		font-size: 1.6vw;
	}
	h4 {
		padding: 0 0 1vw 0;
		margin: 0;
		font-size: 1.2vw;
	}
	h5 {
		padding: 0 0 1vw 0;
		margin: 0;
		font-size: 1vw;
	}
	p{
		padding: 0 0 .1vw 0;
		margin: 0;
		background: transparent;
		
		line-height: 140%;
		
		text-align: justify;
	}
	pre{
		font-family: Mono, monospace;
		
		display: block;
		font-family: monospace;
		white-space: pre-wrap;
		
		padding: 1vw;
		margin: 0;
		
		background-color: #e0e5e0;
	}
	code{
		font-family: Mono, monospace;
		
		font-family: monospace;
			
		padding: 0;
		margin: 0;
		
		line-height: 120%;
		
		background-color: transparent;
	}
	kbd{
		font-family: Mono, monospace;
		
		line-height: 160%;
		
		padding: .1vw;
		margin: 0;
		background: #dfe7ee;
		
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		border-left: 1px solid #c6cdd4;
		border-top: 1px solid #c6cdd4;
		border-right: 1px solid #bcc3c9;
		border-bottom: 1px solid #bcc3c9;
		
		text-shadow: 0px 1px 0px #fff;
	}
}

/* ------------------------------------------------------------------ */

/*
	Вертикальная ориентация
*/
@media screen and (orientation: portrait) {
	html {
		padding: 0;
		margin: 0;
		background-color: #ffffff;
		
		font-size: 0;
	}
	body {
		padding: 0;
		margin: 1vh;
		background: transparent;
		/* color: #111611; */
		color: #000000;
		font-family: 'PT Sans', sans-serif;
		font-size: 1.8vh;
		/*
		background: url('/images/bg.png');
		background-position: left top;
		background-repeat: no-repeat;
		*/
	}
	a:link {
		color: #1a8cb2;
		text-decoration: none;
		border-bottom: none;
	}
	a:visited {
		color: #1a8cb2;
		text-decoration: none;
		border-bottom: none;
	}
	a:active {
		color: #1a8cb2;
		text-decoration: none;
		border-bottom: none;
	}
	a:hover {
		color: #1a8cb2;
		text-decoration: none;
		border-bottom: #1a8cb2 1px solid;
	}
	hr {
		height:1px;
		border:none;
		color:#333;
		background-color:#333;
		width: 100%;
	}
	ul {
		padding: 0;
		margin: 0;
	}
	ul li {
		padding: 0;
		margin: 0 0 0 .1vh;
	}
	ol{
		padding: 0;
		margin: 0;
	}
	ul li {
		padding: 0;
		margin: 0 0 0 1vh;
	}
	
	h1 {
		padding: 0 0 1vh 0;
		margin: 0;
		font-size: 3.6vh;
	}
	h2 {
		padding: 0 0 1vh 0;
		margin: 0;
		font-size: 3.2vh;
	}
	h3 {
		padding: 0 0 1vh 0;
		margin: 0;
		font-size: 2.8vh;
	}
	h4 {
		padding: 0 0 1vh 0;
		margin: 0;
		font-size: 2.6vh;
	}
	h5 {
		padding: 0 0 1vh 0;
		margin: 0;
		font-size: 2.4vh;
	}
	p{
		padding: 0 0 .1vh 0;
		margin: 0;
		background: transparent;
		
		line-height: 140%;
		
		text-align: justify;
	}
	pre{
		font-family: Mono, monospace;
		
		display: block;
		font-family: monospace;
		white-space: pre-wrap;
		
		padding: 1vh;
		margin: 0;
		
		background-color: #e0e5e0;
		

		overflow: auto;

	}
	code{
		font-family: Mono, monospace;
		
		font-family: monospace;
			
		padding: 0;
		margin: 0;
		
		line-height: 120%;
		
		background-color: transparent;
		

		overflow: auto;

	}
	kbd{
		font-family: Mono, monospace;
		
		line-height: 160%;
		
		padding: .1vh;
		margin: 0;
		background: #dfe7ee;
		
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		border-left: 1px solid #c6cdd4;
		border-top: 1px solid #c6cdd4;
		border-right: 1px solid #bcc3c9;
		border-bottom: 1px solid #bcc3c9;
		
		text-shadow: 0px 1px 0px #fff;
	}
}

/* ------------------------------------------------------------------ */