@charset "windows-1251";
@import url("http://fonts.googleapis.com/css?family=Cuprum:400,400italic&subset=latin,cyrillic");

/* Дизайн изготовлен студией "elCreativo" для "KnigoWeb.ru" | e-mail:order@elcreativo.ru | url:http://elcreativo.ru 
   Запрещено копирование, а так же распространение данного дизайна в любов виде.*/

html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input {margin:0;padding:0;}  
html,body{color:#484848; font-weight:normal; word-wrap: break-word; font: 11px /16px Arial, Helvetica, sans-serif;}

body{background:#f0f0f0 url("../images/topbg.png") no-repeat top;}

a{color:#db379c; text-decoration:underline; outline:none;}
	a:hover{color:#f1960b; text-decoration:none;}
	img, a img{border:none;}
input, textarea, select, button{outline: none; font-size: 1em; font-family:Arial, Helvetica, sans-serif;}

h1, h2, h3, h4, h5 {line-height: normal;}
h1 {font-size: 1.5em;} h2 {font-size: 1.4em;} h3 {font-size: 1.30em;} h4 {font-size: 1.2em;} h5 {font-size: 1.1em;}

table {border-collapse: collapse; border-spacing: 0;}
.reset, .reset li {list-style: none; padding: 0; margin:0;}
.clr{clear:both;}
.dpad{padding:10px;}
.thide{ overflow: hidden; display: block; height: 0; line-height: normal;}
.lcol{float:left;}
.wwide{width:100%;}

.wrapp{width:1000px; margin:0 auto;}

/* ---- page-heading ---- */
#header{height:312px; padding-top:23px;}
.m-head{height:152px; width:100%; background:url("../images/mh.png") repeat-x bottom; position:relative;}
	.m-head .dleft, .m-head .dright{background:url("../images/mhlr.png") no-repeat; width:100%; height:100%;}
	.m-head .dright{background-position:100% -152px;}
	
.logo{background:url("../images/knigoweb.png") no-repeat; padding-top:75px; width:221px; float:left; margin-left:54px; margin-top:47px;}

.alfavit{margin:0 30px 0 344px; padding-top:47px;}
	.alfavit .dtitle{background:url("../images/dotted.png") repeat-x bottom; height:31px; width:100%; margin-bottom:9px;}
	.alfavit .thide{background:url("../images/alfavit.png") no-repeat; width:175px; padding-top:31px;}
	.alfavit ul{padding-left:22px;}
	.alfavit li, .alfavit a{float:left;}
	.alfavit li{padding:0 0 0 7px;}
	.alfavit a{background:url("../images/letter.png") no-repeat; width:13px; height:25px; display:block; float:left; font-family:"Cuprum", Arial, sans-serif; 
	text-transform:uppercase; color:#473a31; text-decoration:none; text-shadow:1px 1px 0 #f8c61d; line-height:20px; text-align:center; font-size:1.1em;}
		.alfavit a:hover{color:#fff; text-shadow:1px 1px 0 #8a5007;}
	.alfavit .blet{background:url("../images/bletter.png") no-repeat; width:33px;}
	
.rss{background:url("../images/rss.png") no-repeat; width:28px; padding-top:28px; position:absolute; top:22px; right:-18px;}
	.rss:hover{background-position:0 -28px;}
	
.b-head{height:110px; background:url("../images/bh.png") no-repeat; width:100%;}
.bbox{background:url("../images/bbox.png") no-repeat; height:60px; padding:1px 1px 6px 1px; float:right; width:468px; margin:14px 39px 0 0;}

.loginbox{width:385px; height:55px; background:url("../images/dotted2.png") repeat-x bottom; float:left; margin:44px 0 0 10px; padding:11px 0 0 15px;}
.linput{background:url("../images/login.png") no-repeat; width:156px; height:25px; float:left; padding-right:9px;}
	.linput input{margin-left:10px; margin-top:3px; padding:2px 0; background:none; border:none; color:#fff;}
.lbtn{background:url("../images/login.png") no-repeat 0 -25px; width:29px; padding-top:26px; border:none; cursor:pointer;}
	.lbtn:hover{background-position:-29px -25px;}
	
.ulinks{font-family:"Cuprum", Arial, sans-serif;text-transform:uppercase; color:#fff; font-size:1.2em; padding:5px 0 0 10px; text-shadow:1px 1px 0 #b28a24;}
	.ulinks a{color:#fff; text-decoration:none;}
		.ulinks a:hover{color:#db379c; text-shadow:none;}
		
.usbox{width:385px; height:56px; background:url("../images/dotted2.png") repeat-x bottom; float:left; margin:44px 0 0 10px; padding:6px 0 0 15px;}
	.usbox .uslinks{float:left; padding-right:10px; font-family:"Cuprum", Arial, sans-serif; text-transform:uppercase; font-weight:normal; font-size:1.1em; color:#483931; font-style:italic; text-shadow:1px 1px 0 #ffdd78;}
	.usbox .uslinks a{color:#483931; text-decoration:none;}
	.usbox .uslinks a:hover{color:#fff; text-shadow:1px 1px 0 #7b6526;}
	.usbox .uslinks .impot{color:#cc349b;}

/* ---- main-menu ---- */
.mmenu{padding:22px 90px 0 10px;}
	.mmenu li{padding-left:10px;}
	.mmenu li, .mmenu a, .mmenu a b{float:left;}
	.mmenu a, .mmenu a b{background:url("../images/mmenu.png") no-repeat; display:block; height:28px; line-height:28px; text-decoration:none;}
	.mmenu a{color:#483931;}
		.mmenu a b{background-position:100% -28px; padding:0 16px 0 28px;}	
			
	.mmenu a:hover{background-position:0 -56px; color:#fff;}
		.mmenu a:hover b{background-position:100% -84px;}
		
/* ---- page-content ---- */
#contain{background: url("../images/ctop.png") no-repeat; width:100%; margin-top:67px; padding-top:24px;}

.cleft, .cbtm{width:100%;}
.cleft{background:#fff url("../images/cbg.png") repeat-y;}
.cbtm{background:url("../images/cbtm.png") no-repeat 100% 100%;}

.l-line{margin-left:280px;}

/* ---- left-block ---- */
.lside{float:left; margin:-5px 0 0 -280px; width:260px; padding:0 10px 0 10px;}

.lblock{width:100%; padding-bottom:15px;}
	.lblock .dtop{background:url("../images/btop.png") no-repeat; width:100%; height:83px;}
	.lblock .dcont, .lblock .dbtm{background:url("../images/bbg.png") no-repeat;}
	.lblock .dcont{background-repeat:repeat-y; padding:0 10px;}
	.lblock .dbtm{background-position:-260px 0; height:18px;}
	
	.lblock .dtitle{font-family:"Cuprum", Arial, sans-serif;text-transform:uppercase; color:#483931; font-size:1.4em; text-shadow:1px 1px 0 #fac72e; font-weight:normal; padding:18px 0 0 15px;}
	
	.btopnews li{padding:2px 0;}
	.btopnews a{background:url("../images/topbook.png") no-repeat; width:195px; height:30px; padding:5px 30px 5px 15px; display:block; text-decoration:none;}
		.btopnews a:hover{background-position:0 -40px;}	
		.btopnews a span{display:block; height:16px; overflow:hidden; width:100%;}	
		.btopnews a .tn-a{color:#fac122; font-weight:bold;}
		.btopnews a .tn-b{color:#fff;}
		
	.bnavi li{padding:2px 0;}
	.bnavi a{background:url("../images/bnavi.png") no-repeat; height:24px; display:block; padding:0 20px 0 10px; font-size:1.2em; font-family:"Cuprum", Arial, sans-serif; line-height:24px;
	text-transform:uppercase; font-style:italic; color:#483931; text-decoration:none;}
		.bnavi a:hover{background-position:0 -24px; color:#fff;}
		
	.bnavi .sublink, .bnavi .closed{background-position:0 -48px;}
		.bnavi .sublink:hover, .bnavi .closed:hover{background-position:0 -72px;}		
	.bnavi .opened, .bnavi .opened:hover{background-position:0 -96px; color:#fff;}
	
.submenu{padding-left:10px;}	
	.submenu li{background:url("../images/dotted3.png") repeat-x bottom; padding:2px 0 3px;}
	.submenu a{background:url("../images/subm.png") no-repeat 100% 0; text-transform:none;}
		.submenu a:hover{background-position:100% -24px; color:#483931;}
	
	.bvote .dtop{background-position:0 -83px;}
	.bvote .dcont{padding:0 2px;}
.vtitle{background:#fcfbf8 url("../images/vtitle.png") no-repeat bottom; padding:0 10px 40px 10px; font-size:1.2em; font-family:"Cuprum", Arial, sans-serif; line-height:24px;
	text-transform:uppercase; color:#483931;}
	.vtitle img{vertical-align:middle; margin-right:5px;}
	.bvote .dpad{padding:10px 20px; line-height:18px;}
	.bvote input{position:relative; top:1px;}
.vbtn{background:url("../images/vbtn.png") no-repeat; width:111px; height:37px; border:none; padding-bottom:12px; cursor:pointer; font-size:1.2em; 
font-family:"Cuprum", Arial, sans-serif; color:#fff; text-transform:uppercase; text-shadow:1px 1px 0 #40362f;}
	.vbtn:hover{color:#fbc626;}
	.bvote p.dpad{padding:5px 5px 0 5px;}
	
	.weekbook a, .weekbook b{display:block; text-decoration:none; color:#483931; font-family:"Cuprum", Arial, sans-serif; text-transform:uppercase; font-weight:normal;}
	.weekbook b{padding-top:16px; font-size:1.2em; }	
.book{background:url("../images/book.png") no-repeat; padding:5px 24px; height:198px; width:140px; overflow:hidden; display:block;}
	.book img{width:140px; height:198px;}
	
/* ---- main-content ---- */
.mside{float:right; width:100%; padding-bottom:22px;}

/* ---- search ---- */	
.sbox{background:url("../images/sep.png") repeat-x bottom; height:43px; padding:20px 10px 25px 10px;}
.sname{background:url("../images/search.png") no-repeat; height:43px; width:529px; float:left;}
	.sname input{width:480px; margin:9px 0 0 20px; padding:5px; font-weight:bold; color:#ffd200; background:none; border:none; text-shadow:1px 1px 0 #6d5c51;}
.sbtn{background:url("../images/search.png") no-repeat 0 -43px; width:56px; padding-top:43px; float:left; border:none; cursor:pointer;}
	.sbtn:hover{background-position:-56px -43px;}
.sadv{background:url("../images/search.png") no-repeat -112px -43px; display:block; float:left; height:37px; text-align:left;
 font-family:"Cuprum", Arial, sans-serif; text-transform:uppercase; font-weight:normal; font-style:italic; width:95px; text-decoration:none; color:#51433a; padding-left:20px; padding-top:6px;}
	.sadv:hover{color:#db379c;}	

/* ---- page-navi ---- */	
.pnavi{background:url("../images/sep.png") repeat-x bottom; padding:15px 20px 15px 20px;}

.pages{padding-top:8px; float:left;}
	.pages a, .pages span{display:block; float:left; height:28px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:0 7px; line-height:28px; font-size:1.3em; font-weight:bold; margin-right:5px;}
	.pages a{background:#f9f7f2; height:30px; text-decoration:none; color:#484848; line-height:30px;}	
	.pages span{background:url("../images/pages.png") repeat-x; color:#fff; border: 1px solid #da7304; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3), inset 0 0 0 1px #f8c11a; color:#483931; text-shadow:1px 1px 0 #f5bc15; padding:0 6px;}
		.pages a:hover{background:#c52e8d; color:#fff;}

.nextprev{float:right;}
	a .next , span .next, a .prev, span .prev{background:url("../images/nextprev.png") no-repeat; padding-top:37px; width:73px; float:left; margin-left:15px;}	
	a .prev, span .prev{width:62px; margin-top:15px;}
	a:hover .prev{background-position:0 -37px;}
	a .next, span .next{background-position:-62px 0;}
	a:hover .next{background-position:-62px -37px;}
	
	
.berror{background:url("../images/sep.png") repeat-x bottom; padding:20px 20px 25px 20px;}
	.berror img{float:left;}
	.berror .dcont{margin-left:55px;}
	
/* ---- site-news ---- */	
.story{background:url("../images/sep.png") repeat-x bottom; padding:20px 0 25px 0;}

	.story .dtitle{background:url("../images/title.png") no-repeat 0 50%; padding-left:27px; margin:0 20px; line-height:28px; color:#483931; font-size:1.3em;}
		.story .dtitle a{color:#483931; text-decoration:none;}
			.story .dtitle a:hover{color:#db379c;}

.sheading{height:30px; background:#867265; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin:15px 20px 0 20px;}

.sinfo{height:14px; padding:8px 0 0 12px; float:left;}
	.sinfo span{height:14px; float:left; display:block; background:url("../images/icon.png") no-repeat; padding-left:20px; color:#fff; padding-right:10px; line-height:14px;}
		.sinfo span b, .sinfo span a{color:#fac122; text-decoration:none; font-weight:normal;}
			.sinfo span a:hover{color:#fff;}
			
	.sinfo .s-auth{background-position:0 -14px;}
	.sinfo .s-views{background-position:0 -28px;}
	.sinfo .s-comm{background-position:0 -42px;}
	
.s-cntrl{background:url("../images/s-cntrl.png") no-repeat; height:30px; float:right; padding-left:5px;}
	.s-cntrl img{margin:1px 1px 0 1px; vertical-align:middle;}
	
.stext{padding:20px; line-height:19px;}
.sposter{float:left; width:200px; height:266px; overflow:hidden; border:3px solid #a4958c; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin-right:15px; margin-bottom:5px;}
	.sposter img{width:200px;}
	
.sxfield{line-height:24px; padding-bottom:10px;}
	.sxfield span{background:url("../images/xfld.png") no-repeat 0 50%; padding:3px 15px;}

.sbtm{background:url("../images/sbtm.png") no-repeat 50% 0; padding:20px 20px 0 20px;}
.scat{float:left; height:30px; line-height:30px; padding:0 12px; font-family:"Cuprum", Arial, sans-serif;text-transform:uppercase; color:#fff; font-size:1.2em; 
background:#867265; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
	.scat a{color:#fac122; text-decoration:none; font-weight:normal;}
				.scat a:hover{color:#fff;}				
.ratebox{width:85px; height:17px; float:left; overflow:hidden; margin:6px 0 0 10px;}

.fullbtn, a .fullbtn{background:url("../images/fullbtn.png") no-repeat; padding-top:40px; width:134px; float:right;}
	.fullbtn:hover, a:hover .fullbtn{background-position:0 -40px;}
.backbtn{background:url("../images/backbtn.png") no-repeat; padding-top:40px; width:105px; float:right;}
	.backbtn:hover{background-position:0 -40px;}
	
	.story .berror{background:url("../images/sep2.png") repeat-x top; padding-top:25px; padding-bottom:20px;}	
	
.down{margin:20px 10px 0 0;}
	.down, .down span{display:block; background:url("../images/down.png") no-repeat; height:26px; line-height:26px; font-size:1.1em; float:left; 
font-family:"Cuprum", Arial, sans-serif;text-transform:uppercase; font-style:italic; text-decoration:none; color:#484848;}
	.down span{background-position:100% -26px; padding:0 10px 0 25px;}
		.down span b{font-weight:normal; color:#c52e8d;}
			.down:hover span b{color:#f6a50a;}
			
.relb{background:#79675b url("../images/relb.png") repeat-x;}
	.relb .dpad{padding:15px 20px;}
	.relb .rtitle{background:url("../images/dotted4.png") repeat-x bottom;}
	.relb .thide{background:url("../images/reltitle.png") no-repeat; padding-top:15px; width:117px;}
	.relb ul{padding-top:15px;}
	.relb li{height:22px;}
	.relb a{padding-right:20px;}
	.relb a, .relb a span{background:url("../images/rellink.png") no-repeat; height:22px; line-height:22px; color:#fff; text-decoration:none; display:block; float:left;}
		.relb a span{padding-left:20px;}
		.relb a:hover{background-position:100% -44px;}
			.relb a:hover span{background-position:0 -22px; color:#54412f;}
					
	a .complaint{float:left; height:30px; line-height:30px; padding:0 12px; font-family:"Cuprum", Arial, sans-serif;text-transform:uppercase; color:#fff; font-size:1.2em; 
background:#c52e8d; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-decoration:none; margin-right:10px;}
		a:hover .complaint{color:#fff; background:#f6a710}	
			
/* ---- site-comments ---- */	
.bcomment{background:url("../images/sep.png") repeat-x bottom; padding:20px 20px 25px 20px;}
.lcomm{background:url("../images/lcomm.png") no-repeat; width:90px; height:90px; float:left;}
.commava{margin:10px; width:70px; height:70px; display:block; overflow:hidden;}
	.commava img{width:70px;}
	
.rcomm{margin-left:90px; background:url("../images/rcomm.png") repeat-x;}
	.rcomm .dleft, .rcomm .dright{width:100%;}
	.rcomm .dleft{background:url("../images/rcoml.png") no-repeat;}
	.rcomm .dright{background:url("../images/rcomr.png") no-repeat 100% 0;}
	
.comminf{height:30px; padding:8px 25px 8px 0;}
.comauth, .comauth span{height:30px; display:block; float:left; background:url("../images/comauth.png") no-repeat; line-height:30px; font-family:"Cuprum", Arial, sans-serif;text-transform:uppercase; 
color:#fff; font-size:1.1em;}
	.comauth span{background-position:100% -28px; padding:0 20px 0 15px;}
	.comauth a{color:#fff; text-decoration:none;}
		.comauth a:hover{color:#fff; text-decoration:underline;}
.cinfot{float:left; height:30px; line-height:30px; color:#fff;}
.cinfot i{height:30px; display:block; background: url("../images/cinsep.png") no-repeat 100% 0; padding:0 10px 0 8px; float:left; font-style:normal;}
	.cinfot i b, .cinfot i b span{color:#fac122 !important; font-weight:normal !important;}
.comtext{padding:15px 10px; line-height:19px;}
		.bcomment .clr span{background:url("../images/arrow.png") no-repeat 0 50%; padding:0 10px;}
		.bcomment .clr a{color:#484848; text-decoration:none;}
		.bcomment .clr input{position:relative; top:2px;}
			.bcomment .clr a:hover{color:#cc3194;}
			
/* ---- site-forms ---- */
.baseform{background:url("../images/sep.png") repeat-x bottom; padding:20px 0 25px 0;}
	.baseform .dcont{padding:20px 20px 0 20px; line-height:19px;}

.ftitle{background:url("../images/title.png") no-repeat 0 50%; padding-left:27px; margin:0 20px; line-height:28px; color:#483931; font-size:1.3em;}
		.ftitle a{color:#483931; text-decoration:none;}
			.ftitle a:hover{color:#db379c;}
		.ftitle span{color:#db379c;}	

.tableform {width: 100%;}
	.tableform td.label {width: 20%;vertical-align: top;padding-right: 0;font-weight: bold;}
	.fieldsubmit, .tableform td {padding: 10px 13px;background:url("../images/dotted3.png") repeat-x bottom;}
.addnews {font-weight: bold;}
.impot {color: #d51e44;font-weight: normal;}
.checkbox {padding: 4px 0;line-height: 1em;}
	.checkbox input {margin-top: -2px;vertical-align: middle;}
.f_input {width: 300px;padding: 1px;}
.f_textarea {width: 458px;}
	.fieldtr select, .textin, .f_textarea, .f_input, .xfields textarea, 
	.xprofile textarea,.xfields input, .xprofile input, .xfields select, 
	.xprofile select, .mass_comments_action select, .logform li.lfield input, .baseform select {padding: 2px;background: #fff url("../images/fields.png") repeat-x;border: 1px solid #bcc0c2;}
.f_textarea, .editor_button select {padding: 0;}
.textin {padding: 2px;}	
		
	

/* ---- page-footer ---- */
#footer{height:230px;}

.hitbox{background:url("../images/hitbox.png") no-repeat; width:279px; height:64px; float:left; padding:61px 0 0 21px;}
	.hitbox p{float:left; height:31px; width:88px; float:left; padding-left:20px; opacity:0.5;} 
		.hitbox p:hover{opacity:0.9;}
		
.mfoot{height:78px; margin-left:300px;}
	.mfoot .dleft, .mfoot .dright{background:url("../images/mfoot.png") no-repeat; height:100%; width:100%;}
	.mfoot .dleft{background-repeat:repeat-x;}
	.mfoot .dright{background-position:100% -78px;}
	
.copyright{float:left; padding:42px 0 0 15px; font-family:"Cuprum", Arial, sans-serif;text-transform:uppercase; color:#fff; font-size:1.2em; font-style:italic;}
	.copyright a{color:#f8c52d; text-decoration:none;}
		.copyright a:hover{color:#f8c52d; text-decoration:underline;}		
.elcreativo{background:url("../images/elcreativo.png") no-repeat; width:99px; padding-top:28px; float:right; margin:33px 30px 0 0;}

.btmtext{background:url("../images/btmsep.png") no-repeat bottom; width:646px; float:right; margin-right:40px; padding:30px 0 25px 0;}