body {
    background: url(/img/bg5.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    border-spacing: 0;
    color: #333333;
	font-family:Arial,Verdana,sans-serif;
	font-size:14px;
	text-align:justify;
    }

@font-face {
    font-family: Yarin Bold; /* Гарнитура шрифта */
    src: url(/font/9719.otf); /* Путь к файлу со шрифтом */
   }


@font-face {
    font-family: Bebas Neue Book; /* Гарнитура шрифта */
    src: url(/font/BebasNeue Book.ttf); /* Путь к файлу со шрифтом */
   }

.head {
    background-image: url('/img/bg4.jpg');
  -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%; /* ?????? ?????????? ????? */
	font:bold;
text-align:center;
    }

   a img {
    border: none; 
   }


p{font-family:Arial,Verdana,sans-serif; margin:20px; margin-top:0px; margin-bottom:10px; text-align:justify; color: #333333;}


@media screen and (max-width: 980px) {
.to_top{
position:static;
background-color:#CC9966;
width:100%;
text-align:center;
z-index:1000000;
}
}

.to_top{
position: fixed;
background-color:#CC9966;
width:100%;
text-align:center;
z-index:1000000;
margin-top: -125px;
}

.today{
width:20%;
margin:10px;
}


#menu {
	padding: 0;
	margin: 0;
   font-size: 100%;
   font-family:Arial,Verdana,sans-serif;
   font-weight:bold;
   font-size:14px;
   margin-top: 1px;
   position:relative;
   z-index:1000000;
	}

#menu li {
	list-style: none;
	float: left;
	padding: 0;
	margin: 0;
	width: 166px;
	text-align: center;
	background: #444444;
	height: 28px;
	padding-top: 5px;
	}
#menu li ul {
	list-style: none;
    padding: 0;
	margin: 0;
	width: 166px;
	display: none;
	}
#menu li ul li {
	float: none;
	height: 30px;
	margin: 0;
	text-align: left;
	background: #333333;
	padding: 0;
	padding-left: 7px;
	width: 220px;
	padding-top: 3px;
	}
#menu li a {
	display: block;
	width: 166px;
	height: 25px;
	color: #cccccc;
	text-decoration: none;
	padding-top: 3px;
	}

#menu li a:hover {
	display: block;
	height: 25px;
	color: #fff;
	text-decoration: none;
	}

	#menu li ul li a {
	font-weight:normal;
	height: 22px;
	margin: 0;
	text-align: left;
	padding: 0;
	padding-left: 7px;
	width: 250px;
	}

#menu li ul li a:hover {
    font-weight:normal;
	height: 22px;
	margin: 0;
	text-align: left;
	padding: 0;
	padding-left: 8px;
	width: 250px;
	color: #fff;
	}
#menu li:hover ul, #menu li.jshover ul {
	display: block;
	color: #fff;
	}
#menu li:hover, #menu li.jshover {
	background: #333333;
	color: #fff;
	}

#menu li a.active,
#menu li a.active:hover {
   color:#FFFFFF;
   font-weight:bold;
}

.nav_top{
 font-family: Bebas Neue Book, Arial,Verdana,sans-serif;
 margin-top:7px;
 margin-left:5px;
 margin-right:5px;

 color:#000000;
 font-size:16px;
 font-weight:bold;
 text-align:center;

 padding-top:5px;
 padding-bottom:2px;
 border-bottom:3px solid #999999;
 }

   #coolmenu1{
font-family: Arial Narrow,Arial,Verdana,sans-serif;
margin:7px; /*Oe?eia ionooiia*/
margin-left:15px;
margin-top:0px;
text-align:left;
}

* html #coolmenu1{ 
width: 180px;/*Oe?eia iai? aey Internet Explorer*/
}

#coolmenu1 a{
font-size: 16px ; /*O?eoo oaenoa*/
padding: 3px; /*Aioo?aiiee ionooi oaenoa nnueee io e?aaa y?aeee*/
padding-left: 5px;/*Aioo?aiiee ionooi oaenoa nnueee io eaaiai e?ay y?aeee*/
display: block;
width: 100%; /*Oe?eia y?aeee*/
color: #333333;  /*Oaao oaenoa*/
text-decoration: none; /*Iia?a?eeaaiea o nnueie - iao*/
border-bottom: 1px solid #eeeeee;
}

html>body #coolmenu1 a{ 
width: auto;
}

#coolmenu1 a.active,
#coolmenu1 a:hover{
color: #990000;  
margin-left:2px;
}


h2 {font-size: 14px; padding:0px;}

.post {
border: 1px solid #cccccc;
margin-bottom:25px;
}

.post td {
border: 1px solid #cccccc;
padding:5px;
}

.post2 {
border: 1px solid #cccccc;
font-size:12px;
margin-bottom:25px;
}

.post2 td {
border: 1px solid #cccccc;
padding:2px;
font-size:12px;
}

.post8{
width:95%;
border-bottom:1px solid #cccccc;
display:block;
background-color:#f3f3f3;
margin:15px;
margin-bottom:15px;
padding:7px;
border-radius: 5px;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.10);
}

.pstrnav {
    width:600px;
	padding: 0px 10px 20px 15px;
	color:#333333;
	text-align:center;
	margin:15px;
	float:left;
	font-size:16px;
}

.pstrnav a{
	font-family : Arial Narrow, Verdana, Geneva, Helvetica, sans-serif;
	font-size:16px;
	color:#336699;
	text-decoration:underline;
}

.class1 {
font-family: Arial;
color:#336699;
	font-size:14px;
	font-weight:bold;
}

a.class1 {
color:#336699;
text-decoration:none;

	}

a.class1:hover {
	color:#CC3300;
	text-decoration:none;
	}

.class3 {
font-family: Arial;
color:#336699;
font-size:14px;
padding:7px;
font-style: italic;
}

a.class3 {
text-decoration:none;
	}

a.class3:hover {
color:#CC3300;
	}

.class4 {
font-family: Arial;
color:#333333;
font-size:12px;
padding:10px;
}

a.class4:hover {
color:#CC3300;
	}

#block-inner1 {
 float:left;
 position:relative;
 padding-bottom:25px;
 width:300px;
 height:250px;
 margin-left:30px;
}

/*     */

#block-inner1:hover
{
   opacity:0.7;
}

#block-inner2 {
float:left;
 position:relative;
 padding-bottom:20px;
 width:200px;
 height:210px;
 margin-left:25px;
 margin-bottom:15px;
 text-align:center;
 border: 1px solid #cccccc;
 background-color:#ffffff;
}

#block-inner2:hover {
box-shadow: 0 3px 3px rgba(0,128,0, 0.40);
}


.menu1 {
width:100%;
background:#444444;
height: 35px;
}

/*
     */
/*
*/