*{ margin: 0px; padding: 0px; }* 
body {
	font: .8em Tahoma, Arial, Verdana, sans-serif;
	line-height: 1.6em;
	color: #222;
	background-image: url(images/bg.jpg);	
	background-color: #fff;
	background-repeat: repeat;
	background-attachment: fixed;
}

a {	color: #0000FF;	background: inherit; text-decoration: none; }

a:hover { color: #808080; background: inherit; text-decoration: underline; }

p { margin: 0px 0px 15px 0px; }

h1 {
	font: normal 1.7em  Tahoma, Arial, Verdana, sans-serif;
	padding: 0px 0px 3px;
	margin: 0px auto 15px auto;
	color: #0000FF;
	text-align: center;
	border-bottom: 1px dotted #ccc;
}

h2 {
	font: normal 1.5em Tahoma, Arial, Verdana, sans-serif;
	padding: 0px 0px 3px;
	margin: 35px 1px 25px 1px;
	color: #333;
	text-align: center;
}



img { 
	border: 0;
	max-width:100%;
	height: auto;
	width: auto\9; /* ie8 */
	
}

#content { 
	width: 100%;
	height:100%;
	max-width: 1200px;
	margin: 25px auto;

}

#logo {
	margin: 10px 0px 20px 0px;
	width: 180px;
	float: left;
	font: normal 1.9em Tahoma, Arial, sans-serif;
	margin: 5px 5px 10px 10px;
	padding: 1px 1px 5px 1px;
	color: #0000FF;
	border-bottom: 1px dotted #0000FF;
}

	#logo p { margin: 0px; }
#menu { float: right; padding: 40px 0px 0px; margin: 0px 0px 38px; }
	#menu li { font-size: 1.1em; display: inline; }
	#menu li a { float: left; width: 87px; padding: 2px 0px 7px; text-align: center; margin: 0px 0px 0px 10px; color: #3366FF;  }
	#menu li a.current { background: #fff url(images/button.gif) no-repeat; color: #0000FF; }
	#menu li a:hover { text-decoration: none; color: #000; background: #fff url(images/button_grey.gif) no-repeat; }
.clear { clear: both; }
.caption { background: url(images/title.gif) no-repeat; padding: 2px 0px 0px 18px; height: 35px; color: #00FFFF;  }
.caption p { margin: 0px; }
#left { margin: 0px 0px 20px 0px; clear: left; width: 15px; float: left;  }

#left img { padding: 6px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #fff;}

.smallthumb { width: 109px; }

#center { width: 69%; float: left; margin: 20px 0 20px 8px; text-align: left; font-family: Verdana, Tahoma, sans-serif;font-size:14px; line-height: 23px; color: #333;}
#center li { margin: 2px 2px 2px 30px; } 
#center a {text-decoration:underline;}

#right { float: left; max-width: 300px; margin-left: 30px; }
#right  li a{font-size:14px;}

.date { font-size: .8em; border-top: 1px solid #eee; padding: 5px 0px 0px; }

.box {  padding: 10px; }
.box li { list-style: none; border-bottom: 1px dotted #ccc; line-height: 26px; }
.box li a { padding: 0px 5px; }

.footer {
	font-size: .95em;
	clear: both;
	text-align: right;
	width: 90%;
	max-width: 850px;
	margin: 50px auto 50px auto;
	padding: 30px 0px 20px 5px;
}

#footer a { color: #FF5959; }

.info {border: 1px solid #345786; padding: 20px 5px 20px 15px; }

.news {border:#345786 solid 1px; background: #c3d2f1; padding: 10px; }

.style1 {
	font-size: 10pt;
	font-family: Verdana,  Arial, sans-serif;;
	color: #3366FF;
}

.table { font-size: 0.9em; border-top: 1px solid #eee; padding: 5px 0px 0px; }

.adv_box_sp {
	border: 1px dotted #CDCDCD;
	border-radius: 4px;
	padding: 3px 3px 3px 10px;
	margin: 5px 5px 5px 10px;
	font-size: 12px;
	line-height: 1.5em;
	text-align: left;
}

.adv_box_sp li {list-style: none;}
.adv_box_sp li a {padding: 0 5px;}
#right .adv_box_sp li a{font-size:12px;}

.adv_box2 {background: #c5d4f3; border: 1px solid #999; border-radius: 4px; padding: 3px; margin: 3px;}

.img_kniga {float: left; margin-right: 10px;}


/* AdSense */
.adslot_top {width: 728px; height: 90px; margin: 5px 0px 0px 5px;}
.adslot_bottom { width: 580px; height: 400px; }


/* responcible */
@media only screen and (min-width:200px) and (max-width:900px){

}


@media only screen and (min-width:200px) and (max-width:768px){
.adslot_top {width: 336px; height: 280px; }
#center { width: 95%; margin: 0px auto 20px 5px; }
#adv_top { float:none;  }
#logo { float:none; }
#menu { float:none; padding: 0px; margin: 20px 10px 20px 10px;} 
#adv_header {float:none; } 
#right { float: none; clear: both;}
.footer {width: 95%;}
}

@media only screen and (max-width:640px){
.adslot_bottom {width: 336px; height: 280px;}
.img_kniga {float: none; margin-right: 0px;}

}



@media only screen and (max-width:360px){
.adslot_top {width: 300px; height: 250px; margin: 5px 0px 0px 0px;}
.adslot_bottom {width: 300px; height: 250px;}
}