﻿/* Шаблон страниц Морфемика */

body {
	font-family: "Times New Roman", Times, serif, Arial, Helvetica, sans-serif;
	}
	
.container{
	margin: 0 auto;
	max-width: 1100px;
	}
		
/* Шапка */	
	
h2 {
	background: #666666;
	padding-left: 20px;
	color:#CCCCCC;
	}
	
h3 {
	background: #F8F8F8;
	padding-left: 10px;
	color:#336699;
	}
	
/* меню */
.nav {
	margin: 20px 0;
	text-align:center;
	font-size:90%;
	}

.nav ul {
	margin: 0;
	padding: 0;
	}

.nav li {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	display: inline-block;
	display:inline; /* ie7 */
	}

.nav a {
	padding: 0px 4px;
	text-decoration: none;
	color: #003366;
	line-height: 100%;
	}

.nav a:hover {
	color: #808080;
	}

.nav .current {
	background: #CCCCCC;
	padding:5px;
	color: #FFFFFF;
	border-radius: 3px;
	}

@media screen and (max-width: 667px) {
	.nav {
		position: relative;
		min-height: 40px;
	}
		
	.nav ul {
		width: 160px;
		padding: 5px 0;
		position: absolute;
		top: 0;
		left: 0;
		background: #FFFFFF url('../images/icon-menu.png') no-repeat 8px 12px;
		box-shadow: 0 1px 2px rgba(0,0,0,.3);
	}
	.nav li {
		background: #666666;
		display: none; /* скрыть все <li> пункты */
		margin: 0;
		padding: 5px;
		color: #CCCCCC;
	}
		
	.nav .current {
		display: block; /* показывать только текущие активные <li> пункты */
	}
		
	.nav a {
		display: block;
		text-align: center;
		color: #CCCCCC;
	}
		
	.nav .current {
		background: none;
		color: #666666;
	}
	
	/* при наведении на пункты меню */
	.nav ul:hover {
		background-image: none;
	}
		
	.nav ul:hover li {
		display: block;
		margin: 0 0 5px;
	}
		
	.nav ul:hover .current {
		background: url('../images/icon-check.png') no-repeat 10px 7px;
	}
	
}	

.aktiv {
	color: #d2691e /* Цвет слова в меню */
	}
	
/* Основное содержание */

.content {
	background: #FFFFFF;
    margin: 3% 3% 3% 3%; /* Значения отступов */
	}
	
.content a {
	color: #666666;
	text-decoration: none;
	} 
	
.content a:hover {
	color: #999999;
	}
      
ol {
    color: #666666;
	}
	
ul {
	list-style-type:square;
	color: #666666;
	}

p {
    text-align: justify; /* Выравнивание по ширине */
    font-size: 90%;
    text-indent: 1em; /* Отступ первой строки */
    padding: 5px;
    color: #808080;
	}
	
.termin {
	background: #F0F0F0;
	text-indent: 1em; /* Отступ первой строки */
	color: #003366;
	}
	
.leftimg {
	float:left; /* Выравнивание по левому краю */
	margin: 0 10px 0 0;  
	}	
		
/* Панель ссылок */

aside {
	padding: 1px;
	border:1px solid #CCCCCC;
	}
	
aside a {
	color: #999999;
	text-decoration: none;
	}	

aside a:hover {
	color: #666666;
	} 

aside ul {
	padding:0;
	margin-left:15px;
	font-size: 90%; 
	list-style: none;
	color: #808080;
	}

/* Подвал */

.footer{
	background:#F2F2F2;
	margin-top:10px;
	width: 100%;
	height: 60px;
	color: #333333;
	}
	
.footer a {
	color: #999999;
	text-decoration: none;
	}

.footer a:hover {
	color: #666666;
	}