﻿html,body{
  height:100%;
  margin:0px;
  padding:0px
}

body {
	/*фон задан цветом:*/ 
	background:#0000ff;
	
	/*фон - картинка по центру:*/ 
	/*background: #752a35 url(images/sky1.jpg) center 0 no-repeat; 
	background-size:100%;*/
	
	/*фон - из повторяющихся картинок:*/ 
	background: url(images/sky.jpg); 
	
	font-size: 16px;
}
	
table#main {
	margin:auto; /* Центрируем таблицу*/
	width: 960px;
	background:#ffffff;
	height:100%;
}
th{
	vertical-align: bottom; /* Выравнивание текста заголовка по низу */
	border: 0; /* Рамка вокруг ячеек */
}
td{
	vertical-align: top; /* Выравнивание текста ячеек по верху */
	color: #000; 
	padding: 20px; /* Поля вокруг текста */
	border: 0; /* Рамка вокруг ячеек */
	
}

h1{
	color: #fff;
	font-weight: bold;
	font-family: Segoe Print;
	font-size:40px;
	text-align:center;
}

h2{
	color: #000;
	padding: 10px 0 0 0;
	font-weight: bold;
	font-family: Segoe Print;
	font-size:32px;
	/*добавляем тень для заголовка*/
    text-shadow: 5px 5px 5px #aaa;
}

p{
	color:#000;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
}

a {
	color: #00aaff;
	text-decoration: none;
	font-size:16px;
	
	/*добавляем замедление*/
	transition: all .5s; 
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
}
	
a:hover, a:link,  a:active{
	text-decoration: none;
}

a:hover{
	color: #345bab;
	/*добавляем замедление*/
	transition: all .5s; 
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
}

.list_menu{
	list-style:none;
	margin:0;
	font-family: Arial, Helvetica, Sans-serif;
	font-weight:bold;
}
 
.list_menu li{
	display:block;
	color: #0000;
	margin:20px;
	font-family: Segoe Print;
}

.list_menu li a{
	padding:10px;
	display:block;
	color: #fff;
	background:#000;
	
	/*добавляем закругление для кнопок*/
	-moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
	
	/*добавляем тень для кнопок*/
    box-shadow: 5px 5px 5px #aaa;
}
.list_menu li a:hover{
	padding:10px;
	display:block;
	color: #000;
	background:#fff;
}
	
img.shadow{
	margin: 5px 20px 10px 0;
	float:left;	
	/*добавляем тень для картинок*/
    box-shadow: 5px 5px 5px #aaa;
	}
	
img.up{
	margin: 0;
	position:fixed;
	bottom:20px;	
	right: 40px;
	border:0;
	opacity: 0.6; /*прозрачность*/
	}
	
img.up:hover{
	opacity: 1; /*непрозрачность*/
	
	/*перемещение
	-webkit-transform: translate(0, -50px); 
	transform: translate(0, 100px); 
	-moz-transform: translate(0, -50px);
	-webkit-transform: translate(0, -50px);*/
	
	/*добавляем замедление на все изменения*/
	transition: all .5s; 
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	}
	
.logo {
	height: 150px;
	background: url(images/logo.jpg);
}

.menu {
	width: 25%;
	height: 100%;
	padding: 125px 0 0 10px;
}

#context{
	height: 360px;
}

iframe{
	/*добавляем тень для фрейма*/
    box-shadow: 5px 5px 5px #aaa;
}

#footer{
	vertical-align: bottom; /* Выравнивание текста футера по низу */
	text-align:center;/* Выравнивание текста футера по центру */
	height: 60px;
	background: #345bab;
	padding: 0;
	background: url(images/footer.jpg);
}

#footer p{
	font-family: Arial, Helvetica, Sans-serif;
	color: #fff;
}

.text{
	font-family: Arial, Helvetica, Sans-serif;
	
	font-weight: bold;
	font-family: Segoe Print;
	color: #000;
	font-size: 14px;
}