html, body {
	background: fixed url(images/background.png);
	height:100%;
	margin:0px;
	padding:0px;
	font-size:18px;
	font-family: 'Russo One', sans-serif;
	cursor: url("img/cursor.cur"), auto;
	}


a:hover, a:link,  a:active, a:visited {
	text-decoration: none;
	color:#fff;
}

#osnova {
	background:#000;
	color: #000;
	width:800px; 
	margin:0 auto;
	border:20px;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

#golova {
	width:100%; 
	background: url(images/logo.jpg) ;
	height: 112px;
	}

#golova:hover{
background: url(images/123.jpg) ;
}
#menu {
	background:#000;
	float:left; 
	text-align:center; 
	color:#ffffff; 
	font-size:18px; 
	margin-bottom:20px;
	width: 780px; 
	height: 80px;
	padding: 0px 10px 10px 10px;
}

.content{
	background:#000;
	margin-left:0 auto;
	padding:20px; 
	margin-top:90px;
	margin-bottom:50px;
	color: #fff;
	width: 760px; 
} 

.list_menu{
	list-style:none;
	margin:0;
	font-family: 'Marck Script', cursive;
	font-weight:bold;
	
	
}
 
.list_menu li{
	display:block;
	color: #fff;
	margin:15px;
	font-family: 'Marck Script';
    float:left;

}

.list_menu li a{
	padding:1px;
	display:block;
	color: #fff;
	background:#000;


}

.list_menu li a:hover{
	display:block;
	color: #fff;
	background: #CD5C5C;
}

.list_menu li  a:visited{
	color:#fff;
}

.a {
	opacity:1;
	float:left;	
	margin: 2px 5px 2px 2px;
}

img.up{
	width:150px;
	height:150px;
	margin: 0;
	position:fixed;
	bottom:20px;	
	right: 40px;
	border:0;
	opacity: 0.7;
	}
	
img.up:hover{
	opacity: 1;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s; 
	}	

#niz{
	clear:both;
	width:800px; 
	margin:0 auto;
	vertical-align: bottom; /* Выравнивание текста футера по низу */
	text-align:center;/* Выравнивание текста футера по центру */
	height: 130px;
	background: #000;
	padding: 0;
	margin-top:-50px;
	color: #fff;
}

#niz p{
	font-family: Arial, Helvetica, Serif;
	font-size: 15px;
	color: #fff;
	padding: 30px;
}

.opacity img:hover {
    opacity: 0.5;
}
.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: 100px;
        /* тени */
      -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;
}

hr {
	border: none; /* Убираем границу */
    background-color: #fff; /* Цвет линии */
    color: white; /* Цвет линии для IE6-7 */
    height: 2px; /* Толщина линии */
}

.morph {
border-radius: 50%;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.morph:hover {
  
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}

.bw {
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.bw:hover {
  -webkit-filter: grayscale(100%);
}

.pic { 
  border: 1px solid #fff;  
  float: left;
  height: 300px;
  width: 300px;
  margin: 20px;
  overflow: hidden;// картинки не выйдут за пределы блока
   
  -webkit-box-shadow: 5px 5px 5px #111;
  -moz-box-shadow: 5px 5px 5px #111;  
  box-shadow: 5px 5px 5px #111;  
}

.poisk {
    position:fixed;
	top:0px;	
	right:0px;
	background:#000;
	width:255px;
	box-shadow:0px 0px 6px 2px #fff inset;
	border:8px solid;
	
}


.reg:hover {
	display:block;
	color: #fff;
	background: #CD5C5C;
}

.map {
	position:fixed;
	top:0px;	
	left:0px;
	width:255px;
	background:#000;
	box-shadow:0px 0px 6px 2px #fff inset;
	border:8px solid;
}

.map p{
	color: #fff;
}

.map h5{
	color: #fff;
	margin: 7px;
}

.contacts {
	position:fixed;
	top:220px;	
	right:0px;
	height:70px;
	width:255px;
	background:#000;
	box-shadow:0px 0px 6px 2px #fff inset;
	border:8px solid;
}

.contacts img {
	margin-top:10px;
}