/*---------------General-----------------*/
* {margin: 0; padding: 0;}
body {font: 13px Verdana; padding-left: 800px; margin-right: 20px; margin-bottom: 20px;}
li {margin-left: 20px;}
p {margin: 0 0 18px}
img {border: none;}
h1 {text-align: center; font-size: 20px; margin: 10px;}

/*---------------Links-----------------*/
a {color: #000000; text-decoration: none;}
a:hover {color: #000000; text-decoration: underline;}
a.extend {width: 150px; display: block; margin: 10px 0 0;}
a.extend:hover {	height: 500px;}
a.top_item_link {color: #000000; text-decoration: none;}
a.top_item_link:hover {color: #000000; text-decoration: underline;}
a.bot_menu {color: #000000; text-decoration: none;}
a.bot_menu:hover {color: #000000; text-decoration: underline;}
a.navi {color: #ffffff; text-decoration: none;}
a.navi:hover {color: #ffffff; text-decoration: underline;}
.left4_sss a {color: #ffffff;}
.left4_sss a:hover {color: #ffffff;}

#wrapper {margin-left: -800px;}
* html #wrapper {float: right}

/*---------------Header-----------------*/
#header {height: 49px; background: url('img/topmenu_bg.jpg'); border-right: 2px solid #4b5056;}
.bookmark {padding-left: 86px; background: #ffffff; width: 154px; float: left;}
.top_item {margin-top: 17px; float: left; margin-left: 20px; padding-right: 10px; font-size: 11px;}

/*---------------Middle-----------------*/
#middle {border-left: 200px solid #4b5056; height: 1%; background: #edeef3; border-right: 2px solid #4b5056; margin-left: 40px;}
#middle:after {content: '.'; display: block;	clear: both; visibility: hidden; height: 0;}
#container {width: 100%; float: left; overflow: hidden; margin-right: -100%;}
#content {padding: 0 20px; text-align: justify; line-height: 20px;}
.prev_next {margin-top: 20px;}
.wp_l {float: left; text-align: center; background: #ffffff; border: 1px solid #777777; margin: 10px; font-size: 10px; line-height: 12px;}
.wp_r {float: right; text-align: center; background: #ffffff; border: 1px solid #777777; margin: 10px; font-size: 10px; line-height: 12px;}
.alt_text {margin: 2px;}
.sml {border: 1px solid #cccccc; padding: 4px; font-size: 10px; background: #ffffff;}
 
/*---------------Sidebar left-----------------*/
.sl {float: left; width: 250px; position: relative; background: #edeef3; left: -240px;}
.logo {background: url('img/logo.jpg') no-repeat; width: 240px; height: 100px;}
.step1 {background: url(img/step1.jpg) no-repeat; width: 240px; height: 11px;}
.left1 {background: url('img/left1.jpg') #ffffff 68px repeat-y; width:240px; height: 33px;}
.step2 {background: url('img/step2.jpg') #ffffff 68px repeat-y; width: 240px; height: 29px;}
.left2 {background: url('img/left2.jpg') #ffffff 68px repeat-y; width: 240px;} /* место под меню */
.main_menu {margin-left: 76px; font-size: 11px; font-family: verdana; color: #ffffff;}
.left3 {background: url('img/left3.jpg') #ffffff 68px repeat-y; width: 240px; height: 43px;}
.left4 {background: url('img/left4.jpg') #ffffff 68px repeat-y; width: 240px;}
.left4_sss {margin-left: 75px; padding-bottom: 10px; font-size: 10px; color: #ffffff;}
.grey1 {background: url('img/grey1.jpg') #ffffff no-repeat; width: 240px; height: 9px;}
.grey2 {background: url('img/grey2.jpg') #ffffff repeat-y; width: 240px;}
.image {border: 1px solid #777777; margin-left: 3px; margin-right: 3px; margin-top: 3px;}
.counters {margin-left: 40px; color: #ffffff; text-align: center;}

/*---------------Footer--------------------*/
#footer {height: 100px; background: url('img/footer_bg.jpg') repeat-x;}
.bottom_menu {margin-left: 110px; margin-top: 10px; float: left; font-size: 10px; text-align: center;}
.bottom1 {background: url('img/bottom1.jpg') #ffffff no-repeat 40px; width: 240px; height: 55px; float: left;}
.bottom2 {background: url('img/bottom2.jpg') no-repeat; width: 113px; height: 55px; margin-left: 240px;}
.bottom_right {background: url('img/bottom_right.jpg'); width:10px; height: 7px; float:right; margin-top: -55px;}

/*---------------index.php-----------------*/
.news {line-height: 17px; margin: 5px; text-align: left;}
.intro {padding-left: 40px;}
.prev {width: 350px; padding-left: 40px; padding-right: 40px; text-align: left;}
.text_ind {padding-top: 20px;}
.img_index {margin: 10px;}
.rss {float: right; margin-right: 3px; margin-top: 10px; margin-left:4px; width: 122px;}
.rss_txt {font-size: 10px; float: left; text-align: right;}
.rss_ico {margin-left: 2px; float: right;}

/*-------------Inc---------------*/
.yandex {margin-top: 10px; margin-bottom: 10px; font-size: 14px;}
.search {padding-left: 72px;}

/*-------------catalog.php-----------*/
.catalog {margin-left: 20px;}

/*-------------friends.php-----------*/
.friend {width: 97%; margin: 10px; text-align: left; border: 1px dashed #ccc; padding: 6px; height: 68px;}
.friend_img {margin: 4px;}
.friend_pages {width: 100%; text-align: center;}