@import url('https://fonts.googleapis.com/css?family=Oranienbaum');
* {
    margin: 0;
    padding: 0;
}
 
html {
    height: 100%;
}
img{
	border:none;
}
td{
	padding:10px;
}
.page a:link {color: #37250f;
}
.page a:visited {color: #37250f;
}
body{
	background:url(images/fon.png);
	font-family: Georgia, "Times New Roman", Times, serif;
}
H3{
	font-family: 'Oranienbaum', 'Trebuchet MS', serif;
	font-style:italic;
	font-size:20px;
	text-align:center;
          }
hr{
	color:#c0c0c0;
	margin:0;
	padding:0;
			}
H1, .head{
	font-family: 'Oranienbaum', 'Trebuchet MS', serif;
	font-size:24px;
	color:#a63a20;
}

H2, .head2{
	font-family: 'Oranienbaum', 'Trebuchet MS', serif;
	font-size:20px;
	color:#3b2510;
}

.fon{
	background:url(images/fon2.png) repeat-x;
	overflow:hidden;
}
.topline{
	padding:5px 0px;
	font-family:'Trebuchet MS', serif;
	background-color:#a98866;
	color:#37250f;
	font-size:11px;
	text-align:center;
}
.mainwrapper{
	max-width:1500px;
	min-width:900px;
	margin:0px auto;
	padding:0px 10px;
	overflow:hidden;
}
header{
	overflow:hidden;
	margin:20px 0px 20px 0px;
}
.logo{
	float:left;
	margin:0px 20px 0px 0px;
}
.logotext{
	float:left;
}
header h1{
	font-size:40px;
	font-family: 'Oranienbaum', 'Trebuchet MS', serif;
	color:#a63a20;
	margin:0;

}
header h2{
	font-size:13px;
	font-family: 'Oranienbaum', 'Trebuchet MS', serif;
	color:#402510;
	margin:0;
}

.socseti{
	float:right;
	overflow:hidden;
}

.middlewrapper{
	width: 100%;
	overflow:hidden;
    position: relative;
}
.pagewrapper1{
	width:100%;
	float: left;
	position:relative;
	
}
.pagewrapper2{
	margin:0 0 0 250px;
}
.pagewrapper3{
	margin:0 250px 0 0;
}
 
.topmenu{
	width:100%;
	height:40px;
	position:relative;
	background:#402610;
	margin-bottom:10px;

}

.leftmenu{
	float: left;
    width: 240px;
	position:relative;
    left: 0;
	margin-left: -100%;
}

.rightmenu{
	float: left;
    width: 240px;
	margin:50px 0 0 -240px;
    right: 0;
	position:relative;
}
.page{
	min-width:530px;
	margin:10px 0 10px 0;
	border:1px #a43920 solid;
	background:#FFFFFF;
	position:relative;
	min-height:1500px;
	padding:10px 20px;
}
.news{
	display:none;
}
.news a{
	display:block;
	min-height:100px;
	padding-top:10px;
	text-decoration:none;
	color:#a63a20;
}
.news a:hover{
	color:#37250f;
}
.news1{
	margin-top:20px;
	background-color:#f2f1ed;
	padding:5px;
	border:1px #c8c5bf solid;
}
.news1 a{
	display:block;
	min-height:100px;
	padding-top:10px;
	text-decoration:none;
	color:#a63a20;
}
.news1 a:hover{
	color:#37250f;
}
.frontpagenews{
	overflow: hidden;
	min-height:100px;
	margin-bottom:10px;
	padding-right:5px;
	font-size:16px;
}
.frontpagenews img{
	position:absolute;
	width:90px;
	border:1px solid #a63a20;
}
.frontpagenews-title{
	margin-left:100px;
}
.frontpagenews-date{
	text-align:right;
	color:#000000;
}
.footer{
	background:#a98866;
	min-height:100px;
	padding:10px 20px;
}
.newbooks{
	display:inline-block;
	width:220px;
	height:180px;
	margin-top:0px;
	font-size:14px;
	padding:0 10px;
	text-align:center;
	text-decoration:none;
}
.newbooks a{
	text-decoration:none;
	color:#000000;
}

/* ÂÅÐÕÍÅÅ ÌÅÍÞ */
.topmenu {
	font-family: 'Oranienbaum', 'Trebuchet MS', serif;
	height:40px;
	padding:0;
	margin:0;
	width:100%
}
.topmenu ul{
	padding:0;
	margin:0;
	width:100%;
	height:40px;
	text-indent:0;
	background:#291e14 url(images/gradient-topbutton.jpg) repeat-x;
	overflow:hidden;
}
.topmenu li{
	list-style:none;
	display:inline-block;
	float:left;
	text-align:center;
	cursor: pointer;
	width:20%;
	height:40px;
	color:#FFFFFF;
	font-size:24px;
	overflow:hidden;
	border-right:1px dashed #693c18;
}
.topmenu li a{
	padding-top:7px;
	color:#FFFFFF;
	display:block;
	height:40px;
	width:100%;
	text-decoration:none;
}
.topmenu li a:hover{
	background:#8d321f;
	color:#FFFFFF;
	font-weight:normal;
}
#activemenu{
	color:#be9b75;
}
/* ÂÅÐÕÍÅÅ ÌÅÍÞ Êîíåö*/
/* ËÅÂÎÅ ÌÅÍÞ */
.menuleft {
	font-family: 'Oranienbaum', 'Trebuchet MS', serif;
	width:240px;
	padding:0;
	margin:0;
}
.menuleft li{
	cursor: pointer;
	color:#8d321f;
	font-size:18px;
	background:#d5d4d1 url(images/gradient-leftbutton.jpg) repeat-x;	
	border:1px solid #c8c5bf;
	list-style:none;
	margin:0 2px 2px 2px;
}

.menuleft li a{
	font-family:'Trebuchet MS', serif;
	display:block;
	text-decoration:none;
	font-size:15px;
	color:#402510;
	padding:0px 2px;
}

.menuleft li a:hover{
	background:#8d321f;
	color:#FFFFFF;
	font-weight:normal;
	text-decoration:none;
}

.menuleft li ul{
	padding:0 0 0 0;
	margin:4 0 0 0;
	text-indent:0;
}

.menuleft li.no{
	font-family:'Trebuchet MS', serif;
	color:#AAA;
	font-size:15px;
}

.menuleft h1{
	display:block;
	font-weight:normal;
	font-size:18px;
	min-height:29px;
	border:1px solid #7d2c18;
	background:#8d321f url(images/gradient-red.jpg) repeat-x;
	color:#FFFFFF;
	padding:8px 0px 0px 0px;
	margin:0;
	text-align:center;
	vertical-align:bottom;
}
.menuleft h2{
	font-weight:bold;
	font-size:18px;
	padding-left:25px;
}
.menuleft h3{
	padding-top:20px;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
.amenuleft{	text-decoration:none; }
.amenuleft:visited { text-decoration: none; } 
.amenuleft:active { text-decoration: none; }

/* ËÅÂÎÅ ÌÅÍÞ Êîíåö*/
/* ÏÐÀÂÎÅ ÌÅÍÞ */
.rightmenu ul{
	padding:0;
	margin:0;
	width:100%;
	text-indent:0;
}
.rightmenu li{
	list-style:none;
	display:block;
	cursor: pointer;
	color:#FFFFFF;
	font-size:16px;
	background:#291e14 url(images/gradient-rightbutton.jpg) repeat-x;
	margin-bottom:5px;
	border-right:2px #8d321f solid;
	border-left:2px #8d321f solid;
}
.rightmenu li a{
	padding:3px 0 3px 20px;
	color:#FFFFFF;
	display:block;
	text-decoration:none;
}
.rightmenu li a:hover{
	background:#8d321f;
	color:#FFFFFF;
	font-weight:normal;
}
/* ÏÐÀÂÎÅ ÌÅÍÞ Êîíåö*/
.topmenu {
	font-family: 'Oranienbaum', 'Trebuchet MS', serif;
	height:40px;
	padding:0;
	margin:0;
	width:100%
}
.topmenu ul{
	padding:0;
	margin:0;
	width:100%;
	height:40px;
	text-indent:0;
	background:#291e14 url(images/gradient-topbutton.jpg) repeat-x;
	overflow:hidden;
}
.topmenu li{
	list-style:none;
	display:inline-block;
	float:left;
	text-align:center;
	cursor: pointer;
	width:20%;
	height:40px;
	color:#FFFFFF;
	font-size:24px;
	overflow:hidden;
	border-right:1px dashed #693c18;
}
.topmenu li a{
	padding-top:7px;
	color:#FFFFFF;
	display:block;
	height:40px;
	width:100%;
	text-decoration:none;
}
.topmenu li a:hover{
	background:#8d321f;
	color:#FFFFFF;
	font-weight:normal;
}
/* Âòîðè÷íàÿ íàâèãàöèÿ*/
.vtornav{
	display:none;
}
.vtornav:before,
.vtornav:after {
    content: " ";
    display: table;
}
.vtornav:after {
    clear: both;
}
.vtornav {
    *zoom: 1;
}
nav {
	width: 100%;
	font-size: 11pt;
	font-family: 'Oranienbaum', 'Trebuchet MS', serif;
	position: relative;

}
nav ul {
	list-style:none;
	background-color:#4f2d12;
	overflow:hidden;
	width:100%;
	text-align:center;
}
nav li {
	float:left;
	width:25%;
	height:40px;
	text-align:center;
	vertical-align:bottom;
	color:#FFFFFF;
	font-size:14px;
	background:#291e14 url(images/gradient-topbutton.jpg);
	border:0px;
	overflow:hidden;
}
nav a {
	display:block;
	height:40px;
	padding-top:3%;
	color:#FFFFFF;
	text-decoration:none;
	border:1px solid #693c18;
}
nav a:hover, nav a:active {
	background:#8d321f;
	color:#FFFFFF;
}

.vtornavbr a {
	font-size:20px;
color:#be9b75;
}

nav a#pull {
	display: none;
}
/* Äóáëèðóùàÿ íàâèãàöèÿ êîíåö*/



@media screen and (max-width: 1100px) {
.mainwrapper{
	min-width:200px;
	margin:0px auto;
	padding:0px 10px;
	overflow:hidden;
}
.news{
	display:block;
	margin-bottom:10px;
	background-color:#f2f1ed;
	padding:5px;
	border:1px #c8c5bf solid;
}
.news1{
	display:none;
}
.rightmenu{
	padding:2px 0 0 0;
	margin:0;
	width:100%;
	float: none;
	clear: both;
	right: 0;
	position:relative;
	border-top:5px solid #a98866;
	background:#2a1f14;
}
.pagewrapper3{
	margin:0px;
}
/* ÂÅÐÕÍÅÅ ÌÅÍÞ */
.topmenu li{
	font-size:20px;
}
/* ÏÐÀÂÎÅ ÌÅÍÞ */
.rightmenu ul{
	padding:0;
	margin:0;
	width:100%;
	text-indent:0;

}
.rightmenu li{
	list-style:none;
	display:inline-block;
	cursor: pointer;
	color:#FFFFFF;
	font-size:16px;
	background:#291e14 url(images/gradient-rightbutton.jpg) repeat-x;
	margin-bottom:2px;
	border-right:0px;
	border-left:0px;
}
.rightmenu li a{
	padding:3px 5px 3px 5px;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
}
.rightmenu li a:hover{
	background:#8d321f;
	color:#FFFFFF;
	font-weight:normal;
}

/* ÏÐÀÂÎÅ ÌÅÍÞ Êîíåö*/
}

@media only screen and (max-width : 800px) {
.mainwrapper{
	padding:0;
}
.pagewrapper2{
	margin:0px;
}
.leftmenu{
	display:none;
}
.topmenu{
	display:none;
}
.vtornav{
	display:block;
}

}

@media only screen and (max-width : 600px) {
/*âòîðè÷íàÿ íàâèãàöèÿ */
	nav { 
  		height: auto;
		
  	}
  	nav ul {
  		width: 100%;
  		display: block;
  		height: auto;
		background-color:#693c18;
  	}
  	nav li {
		font-size:12px;
  		width: 50%;
  		float: left;
  		position: relative;
  	}
  	nav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 20px;
  	}
	
}

@media only screen and (max-width : 480px) {
/*âòîðè÷íàÿ íàâèãàöèÿ */
	nav {
		border-bottom: 0;
	}
	nav ul {
		display: none;
		height: auto;
		padding:0px;
	}
	nav li {
		font-size:14px;
  		width: 100%;
  		float: left;
  		position: relative;
  	}
	nav a#pull {
		display: block;
		background-color: #a63a20;
		width: 100%;
		position: relative;
	}
	nav a#pull:after {
		content:"";
		background: url('nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
}
      
@media only screen and (max-width : 320px) {
/*âòîðè÷íàÿ íàâèãàöèÿ */
	nav li {
	display: block;
	float: none;
	width: 100%;
	}
}
         
/* ==============================================================*/
/* ===========   ÄÐÓÃÈÅ ÑÒÈËÈ =====================*/
/* ==============================================================*/

/* Ôîòîãðàôèè */	
div#photogallery img {
height:150px;
background-color:#FFFFFF;
border-bottom:1px solid #777777;
border-right:1px solid #999999;
padding:4px;	
margin:2px;
		}
div#photogallery li {
display:block;
height:250px;
width:250px;
float:left;
font-size:12px
}

p{
	margin-bottom:0;
	margin-top:0;
}
.page {
	min-width:100px;
}
.page H1, .head{
	text-align:center;
}
.page H2, .head2{
	text-align:center;
}

.autor{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-style:italic;
	font-size: 18px;
	text-align:center;
		}
.usual{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 14px;
}
.quote{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 14px;
	margin-left: 100px;
}
.poetry{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 14px;
	margin-left: 100px;
}
.ep{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 14px;
	margin-left: 300;
	font-style:italic;
}
.epigraph{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 14px;
	margin-left: 300;
	font-style:italic;
}
.data{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 14px;
	text-align:right;
	font-style: italic;
}
.date{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 14px;
	text-align:right;
	font-style: italic;
}
.note{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	font-style: italic;
}
.info{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	font-style: italic;
}

.star{
	font-family: Georgia, "Times New Roman", Times, serif
	font-weight: bold;
	font-size: 24px;
	margin-left: 160px;
}
			 
hr			{
		color:#c0c0c0;
			}

.quote2{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	margin-left: 160px;
	font-style:italic;
}
.klinks, .klinks a:link, .klinks a:visited, .klinks a:active {font-size:10px; color:#FFF; text-align:center;}
}