﻿html, body { 
    height: 100%; /* Высота родителя */
    margin: 0; /* Убираем отступы у страницы */}
   
body {
   background: url(images/26.jpg); 
   font-size: 16px;}
   
#wrap {
    background: #fff;
	width:960px; 
	margin:0 auto; }
   
#header {  
	width:100%; 
	text-align:center; 
	color:#ffffff;
	font-size:50px; 
	padding-top:30px; }

#header.logo {
	height: 150px;
	background: url(images/65.jpg);}

#menu { 
	background:#fff;
	float:left; 
	text-align:center; 
	color:#ffffff; 
	font-size:18px; 
	margin-bottom:0;
	width: 200px;
	height: 100%;
	padding: 125px 10px 10px 10px;}

#content.logo {
    float: right;
	background:#fff;
	padding:50px; 
	margin-bottom:0;
	color:#000;
	font-family: Arial, Helvetica, Sans-serif;
	font-size:16px;} 

h1 {
	color: #fff;
	font-weight: bold;
	font-family: Segoe Print;
	font-size:50px;
	text-align:center;
	text-shadow: 5px 5px 5px #aaa;}

p {
	color:#000;
	font-family: Arial, Helvetica, Sans-serif;
	font-size:16px;}

a {
	color: #00aaff;
	text-decoration: none;
	font-size:16px;
	transition: all .5s; 
	-moz-transition: all .5s;
	-webkit-transition: all .5s;}
		

iframe {
	/*добавляем тень для фрейма*/
    box-shadow: 5px 5px 5px #aaa;
	margin:20px 0;}


#footer {
	clear:both;
	width:960px; 
	margin:0 auto;
	vertical-align: bottom; /* Выравнивание текста футера по низу */
	text-align:center;/* Выравнивание текста футера по центру */
	height: 80px;
	background: #345bab;
	padding: 0;
	background: url(images/65.jpg);
	margin-top:-50px;}

#footer p {
	font-family: Segoe Print;
	font-weight: bold;
	color: #fff;
	text-shadow: 0px 0px 15px black;
	padding:20px;}



ul.slide li a {
    font-weight: normal;
    font-style: normal;
    line-height:normal;
    font-family: Segoe Print;}

ul.slide {
	padding:0; margin:0; list-style:none; width:720px; position:absolute; left:-5px; top:0;}

ul.slide li {
	width:180px; height:80px; float:left; overflow:hidden;}

ul.slide li span {
	display:block; width:900px; height:100px; text-align:center; margin-left:-360px;}

ul.slide li a {
	display:inline-block; width:180px; height:50px; font-size:22px; text-decoration:none; padding-top:30px; color:#fff;
	transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;}

ul.slide li a.lft {
	padding-right:90px;}

ul.slide li a.rgt {
	padding-left:90px;}

ul.slide li a.lft:hover {
	margin-left:360px;}

ul.slide li a.rgt:hover {
	margin-right:360px;}

ul.slide li.p1 a.lft {
	background:url(images/321.png) no-repeat 246px center;}

ul.slide li.p1 a.rgt {
	background:url(images/321.png) no-repeat -24px center;}

ul.slide li.p1 {
	background:url(images/123.png);}

ul.slide li.p2 a.lft {
	background:url(images/321.png) no-repeat 246px center;}

ul.slide li.p2 a.rgt {
	background:url(images/321.png) no-repeat -24px center;}

ul.slide li.p2 {
	background:url(images/123.png);}

ul.slide li.p3 a.lft {
	background:url(images/321.png) no-repeat 246px center;}

ul.slide li.p3 a.rgt {
	background:url(images/321.png) no-repeat -24px center;}

ul.slide li.p3 {
	background:url(images/123.png);}

ul.slide li.p4 a.lft {
	background:url(images/321.png) no-repeat 246px center;}

ul.slide li.p4 a.rgt {
	background:url(images/321.png) no-repeat -24px center;}

ul.slide li.p4 {
	background:url(images/123.png);}

div.lrslide {
    width:710px; 
	height:80px; 
	margin:0 auto; 
	position:relative;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);}

.photos1{
	width:490px;
	margin:50px auto;}
.photos1 a{
	display:block-inline;
	background:#fff;
	margin-right:5px;
	margin-top:5px;
	padding:5px;
	float:left;}	
	
.photos1 a:hover    { 
	background:LIGHTGREEN;}
	
.pressbox {
    width: 0;
    height: 0;
    position: fixed;
    overflow: hidden;
    left: 0;
    top: 0;
    z-index: 9999;
    text-align: center;
    background: rgba(0,0,0,0.7);}
  
.pressbox img    {
	opacity: 0;
	padding: 10px;
	background: #ffffff;
	margin-top: 20px;
	-webkit-box-shadow: 0px 0px 15px #444;
	-moz-box-shadow: 0px 0px 15px #444;   
	box-shadow: 0px 0px 15px #444; 
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
	transition: opacity .25s ease-in-out;}

.pressbox:target {
    width: auto;
    height: auto;
    bottom: 0;
    right: 0;}
  
 .pressbox:target img {
    opacity: 1;}

