@import url(/css/colors.css);

/* preloading */

body:after{
display: none;
content: url(/i/loading-white.gif);
}

html, body {
height: 100%;
margin: 0;
padding: 0;
}

body {
font-family: Arial;
font-size: 13px;
font-size: 14px;
line-height: 16px;
line-height: 18px;
color: #BFBCB5;
/*background-color: #000;*/
background-color: #101010;
background-image: url(/pic/bg_001.png);
background-repeat: repeat;
background-position: center center;
background-attachment: fixed;
}

.top_bg {
background-image: url(/pic/bg_ top.png);
background-repeat: repeat-x;
background-position: center 0px;
}

.top_aphorism_bg {
background-image: url(/pic/bg_top.png);
background-repeat: repeat-x;
background-position: center -77px;
}



table {
border-collapse: collapse;
}

table td,
table th {
padding: 0px;
}

img {
border: none;
}

form {
padding: 0;
margin:0;
}


p {
padding: 0px;
margin: 0 0 5px 0;
}

a {
/*color: #0066CC;*/
color: #7d7d7d;
}

a:hover {
text-decoration: none;
}

input,
textarea {
/*border: solid 1px #6381B1;*/
/*color: #000;*/
border: none;
margin: 0;
}

button {
border: none;
background: none;
}

button::-moz-focus-inner {
border: 0;
padding: 0;
}

.main_table {
width: 990px;
margin-right: auto;
margin-left: auto;
}

.main_table td {
vertical-align: top;
}


.aphorism_table {
width: 735px;
margin-right: auto;
margin-left: auto;
}

.aphorism_table td {
vertical-align: top;
text-align: center;
}

.apborism_border {
display: inline-block;
padding: 1px;
margin: 25px 15px 15px 15px;
border: solid 1px #605F5B;
line-height: 0;
font-size: 0;
}


.head_pic {
border-left: solid 1px #2E2E2E;
border-right: solid 1px #2E2E2E;
border-top: solid 1px #2E2E2E;
background: #605E5B;
padding: 1px 1px 0 1px;
margin: 7px 0 0 0;
font-size: 0;
line-height: 0;
float: left;
position: relative;
overflow: hidden;
width: 246px;
height: 246px;
}

.head_pic img {
border: solid 1px #2E2E2E;
}

.head_td {
border-bottom: solid 1px #605E5B;
}

.aphorism_table .head_td {
text-align: center;
}


.top_banner {
font-size: 0;
line-height: 0;
margin: 8px 0 0 8px;
border: solid 1px #000;
float: left;
}

.logo_title {
display: inline-block;
padding: 6px 0 0 17px;
}

.aphorism_table .logo_title {
padding: 27px 10px 5px 0px;
}

.content_td {
}

.left_td {
width: 250px;
border-right: solid 1px #605E5B;
}


.home_head_pic {
background: 0 0 no-repeat url(/temp/temp_home_head_pic.jpg);
margin: 2px 0 0 0;
padding: 83px 144px 97px 107px;
}


/* кнопки верхнего меню */

.top_menu {
padding: 17px 0 0px 0;
padding: 12px 0 0px 0;
}

.top_menu a {
display: block;
float: left;
text-decoration: none;
background: none;
border: none;
padding: 0;
margin: 0 0 0 11px;
#margin: 5px 0 0 -10px !important;
font-family: Verdana;
font-weight: normal;
font-size: 19px;
}

.top_menu a table {
height: 50px;
padding: 0;
margin: 0;
clear: both;
}

.top_menu a table td.cb {
vertical-align: top;
padding: 16px 10px 0 10px;
background: url(/pic/top_menu_button_c.png);
}

.top_menu a table td.lb,
.top_menu a table td.rb {
width: 6px;
}

.top_menu a table td.lb {
background: url(/pic/top_menu_button_l.png);
}

.top_menu a table td.rb {
background: url(/pic/top_menu_button_r.png);
}

.top_menu a:hover table td.cb,
.top_menu a:hover table td.lb,
.top_menu a:hover table td.rb {
background-position: 0 -50px;
}


.aphorism_table .top_menu a {
margin: 0 5px 15px 5px;
}

/* end кнопки верхнего меню */


.home_menu {
margin: 0 -5px 0 -12px;
}

.home_menu .top_menu {
padding: 6px 0 7px 0;
}

.home_menu .top_menu a table td.cb {
padding: 16px 36px 0 36px;
}

.home_menu .top_menu a {
margin: 0 0 0 12px;
}



/* кнопка */

.but {
display: inline-block;
/*float: left;*/
text-decoration: none;
background: none;
border: none;
padding: 0;
margin: 10px 15px 0 0;
}

.but table {
height: 28px;
padding: 0;
margin: 0;
clear: both;
}

.but table td.cb {
vertical-align: top;
padding: 5px 10px 0 10px;
}

.but table td.cb {
background: url(/pic/but_c.png);
}

.but table td.lb,
.but table td.rb {
width: 4px;
}

.but table td.lb {
background: url(/pic/but_l.png);
}

.but table td.rb {
background: url(/pic/but_r.png);
}

.but:hover table td.cb,
.but:hover table td.lb,
.but:hover table td.rb {
background-position: 0 -28px;
}

/* end кнопка */


.white_tr {
background: center top repeat-x url(/pic/white_tr.png);
font-size: 3px;
line-height: 3px;
overflow: hidden;
margin: 1px 0 0 0;
}

.white_tr_line {
overflow: hidden;
background: center top repeat-x url(/pic/white_tr.png);
font-size: 3px;
line-height: 3px;
margin: 0;
padding: 1px 0 0 0;
border-top: solid 1px #605E5B;
}

.left_td .white_tr_line {
margin: 0 23px 0 0;
}

.text_block {
padding: 15px 23px 15px 10px;
}

.left_td .text_block {
padding: 15px 23px 15px 10px;
}

.left_banner {
font-size: 0;
line-height: 0;
margin: 8px 0 10px 0;
border: solid 1px #000;
}


.left_menu {
padding: 25px 23px 25px 3px;
}

.left_menu a {
display: block;
text-decoration: none;
font-family: Verdana;
font-weight: normal;
font-size: 19px;
line-height: 19px;
padding: 5px 0 5px 27px;
background: 10px center no-repeat url(/pic/white_dot.png);
}

.left_menu a:hover {
background-image: url(/pic/white_dot_.png);
background-color: #2D2D2D;
background-color: rgba( 45, 45, 45, 0.5)
}


.search_form,
.mail_form {
display: block;
padding: 23px 23px 23px 3px;
}

.mail_form {
padding-top: 0px;
}

.search_form u,
.mail_form u {
display: block;
text-decoration: none;
font-family: Verdana;
font-weight: normal;
font-size: 19px;
line-height: 19px;
padding: 0 0 7px 27px;
background: 10px center no-repeat url(/pic/white_dot.png);
}

.search_form input,
.mail_form input {
border-top: solid 2px #94928C;
border-left: solid 2px #94928C;
border-bottom: solid 2px #E9E7E3;
border-right: solid 2px #E9E7E3;
background-color: #DDDDDD;
width: 147px;
height: 18px;
margin: 0 6px 0 28px;
vertical-align: middle;
}

.search_button,
.mail_button {
width: 31px;
height: 28px;
background: left top no-repeat url(/pic/search_button.png);
vertical-align: middle;
}

.search_button:hover,
.mail_button:hover {
background-position: 0 -28px;
}

.mail_button {
background-image: url(/pic/mail_button.png);
}


.small_buttons {
padding: 10px 0 0 13px;
font-size: 0;
line-height: 0;
}

.small_buttons span {
display: inline-block;
padding: 0 15px 11px 0px;
}

.left_text {
padding: 10px 5px 11px 13px;
font-size: 11px;
line-height: 14px;
}


.content_block {
padding: 25px 0 0 23px;
}

.content_block h1 {
font-weight: normal;
font-size: 20px;
margin: 0 0 19px 0;
padding: 0;
}

.content_block h2 {
font-weight: normal;
font-size: 17px;
margin: 0px 0 17px 0;
padding: 0;
}

.page_title {
margin: 0;
font-family: Verdana;
font-weight: normal;
font-size: 19px;
line-height: 19px;
padding: 0 0 5px 7px;
}

.alphabet {
font-family: Verdana;
font-weight: normal;
font-size: 19px;
line-height: 19px;
padding: 0 0 5px 7px;
}

.alphabet a {
text-decoration: none;
}

.alphabet a:hover {
text-decoration: underline;
color: #2CFCD2;
}

.alphabet b {
font-weight: normal;
}


.internal_navy {
margin: 15px -15px 20px 0;
}

.internal_navy td {
vertical-align: top;
padding: 0 3px 0 0;
}

.internal_navy td a {
display: block;
text-decoration: none;
font-size: 13px;
/*font-size: 14px;*/
line-height: 20px;
padding: 0 10px 0 27px;
background: 10px 7px no-repeat url(/pic/white_dot.png);
}

.internal_navy td a:hover {
background-image: url(/pic/white_dot_.png);
background-color: #2D2D2D;
}

.internal_navy.cyan td a:hover {
background-image: url(/pic/cyan_dot.png);
background-color: #2D2D2D;
}


.name {
padding: 20px 0 3px 8px;
font-family: Verdana;
font-weight: normal;
font-size: 17px;
line-height: 23px;
}

.name i {
font-style: normal;
font-size: 15px;
}

.name h1 {
font-weight: normal;
font-size: 19px;
margin: 0;
padding: 0;
}

.name h2 {
font-weight: normal;
font-size: 17px;
margin: 0px 0 17px 0;
padding: 0;
}

.aphorism {
font-family: Verdana;
margin: 0;
padding: 7px 10px 7px 27px;
background: 10px 13px no-repeat url(/pic/white_dot.png);
}

.latin {
font-family: Verdana;
margin: 0;
padding: 0 0 25px 8px;
}

.author {
display: block;
text-align: right;
margin: -7px 0 20px 0;
}

.bottom_block {
padding: 25px 0 10px 0;
}

.bottom_block .alphabet {
padding-top: 20px;
padding-bottom: 15px;
}


.latin_page .alphabet {
padding: 0 0 20px 7px;
}

.content_block .alphabet a,
.content_block .alphabet b {
margin: 0 1px 0 2px;
}

.latin_page .alphabet a,
.latin_page .alphabet b {
margin: 0 4px 0 4px;
}


.latin_page .bottom_block {
padding: 20px 0 0 0;
}

.about_author {
width: 100%;
}

td.about_author_text {
vertical-align: middle;
padding: 20px 20px 20px 7px;
}

.pic {
display: inline-block;
border: solid 1px #605E5B;
padding: 1px;
margin: 20px 13px 20px 7px;
font-size: 0;
line-height: 0;
}

.name .pic {
display: block;
float: right;
margin: 0 0 12px 17px;
}


.albums {
font-size: 0;
line-height: 0;
margin: 20px -16px 0 0;
}

.img_big_block {
padding: 20px 0 0 0;
position: relative;
}

.img_prev {
display: inline-block;
padding: 0 16px 15px 0px;
margin: 0;
vertical-align: top;
}

.img_prev span {
display: inline-block;
text-align: center;
height: 167px;
width: 167px;
line-height: 167px;
}

.img_prev span a {
display: inline-block;
vertical-align: middle;
border-top: solid 1px #BFBCB5;
border-left: solid 1px #BFBCB5;
border-bottom: solid 1px #9A968D;
border-right: solid 1px #9A968D;
font-size: 0;
line-height: 0;
}

.img_prev span a b {
display: block;
border-top: solid 1px #9A968D;
border-left: solid 1px #9A968D;
border-bottom: solid 1px #BFBCB5;
border-right: solid 1px #BFBCB5;
}

.img_prev span a b img {
border: solid 1px #000;
}

.img_prev .cyan,
.img_prev .coral {
display: block;
padding: 5px 0 7px 0;
text-align: center;
width: 167px;
font-size: 13px;
font-size: 14px;
line-height: 16px;
line-height: 18px;
text-decoration: none;
}

.img_prev .cyan:hover,
.img_prev .coral:hover {
/*background-color: #2D2D2D;*/
text-decoration: underline;
}


.img_prev span a:hover {
border: solid 1px #FFF;
}

.img_prev span a:hover b {
border: solid 1px #FFF;
}

.img_big_block {
}

.img_big_block h2 {
font-weight: normal;
font-size: 19px;
}

.img_big {
float: left;
font-size: 0;
line-height: 0;
border: solid 1px #656460;
padding: 1px;
background: #000;
position: relative;
}

.img_descr {
padding: 0 0 15px 0;
}


.text_content {
padding: 5px 0 0 7px;
}

.text_content p {
padding: 0;
margin: 0 0 10px 0;
}

.text_content h1,
.text_content h2,
.text_content h3 {
padding: 0;
margin: 15px 0 10px 0;
font-size: 16px;
}

.text_content a {
text-decoration: underline;
color: #BFBCB5;
}

.text_content a:hover {
text-decoration: none;
}

/* window */

.window {
border: solid 1px #000;
width: 800px;
}

.window_bord {
border: solid 1px #73716E;
background: 0 0 repeat url(/pic/black_tr.png);
padding: 0;
}

.close {
display: block;
float: right;
width: 14px;
height: 14px;
background: 0 0 repeat url(/pic/close.png);
}

.close:hover {
background-position: 0 -14px;
}

.window .close {
margin: 15px 15px 0 0;
}


.window .about_author,.dipopup .about_author {
margin: 0 0 0 15px
}

.window .img_big {
margin: 20px 40px;
}

.dipopup .img_big {
margin: 40px;
}

.window h2,
.window .img_descr,
.dipopup h2,
.dipopup .img_descr {
margin-left: 40px;
margin-right: 37px;
margin-bottom: 20px;
}

/* dipopups */

div#gray-bg {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.5);
display: none;
z-index: 10;
}

.dipopup {
position: fixed;
z-index: 15;
left: 50%;
top: 50%;
display: none;
/*
background: #fff;
border-radius: 15px;*/
padding: 15px;
/*box-shadow:  0px 0px 4px 2px rgba(0, 0, 0, .6);*/
border: solid 1px #73716E;
/*box-shadow:	0px 1px 0 0 #000;*/
width: 800px;
/*background: 0 0 repeat url(/pic/black_tr.png);*/
background: rgba(0,0,0,0.65);
}

.dipopup .close {
position: absolute;
right: 15px;
top: 15px;
cursor: pointer;
}

/* news */

.news {
padding: 20px 0 20px 0;
}


.news_title {
padding: 15px 0 12px 7px;
font-size: 15px;
font-size: 16px;
}

.news-content {
	padding: 10px 0 10px 30px;
}

.news_date {
float: right;
padding: 15px 0 0 0;
}

.news_body {
}

.news_body .page_title {
display: inline-block;
margin-top: 17px;
}

.news_body .about_author {
margin-top: -17px;
}

.news_body .name {
margin-top: -17px;
}

.news_body .albums {
margin-top: 0px;
}

/* home */

.home_img_block {
width: 737px;
height: 270px;
margin: 0 0 1px 1px;
text-align: center;
position: relative;
}

.home_img_block .screen {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-position: center center;
	background-repeat: repeat;
}

.home_img_block b {
display: inline-block;
position: relative;
z-index: 10;
margin: 220px 0 0 0;
padding: 7px 10px 5px 10px;
border-radius: 4px;
background: 0 0 repeat url(/pic/white_tr.png);
}

.home_img_block b u {
display: inline-block;
width: 18px;
height: 19px;
margin: 0 2px 0 2px;
background: 0 0 no-repeat url(/pic/cyan_shadow_dot.png);
text-decoration: none;
cursor: pointer;
}

.home_img_block b u:hover {
background-position: 0 -19px;
}

.home_img_block b u.selected {
background: 0 0 no-repeat url(/pic/coral_shadow_dot.png);
}

.home_img_block b u.selected:hover {
background-position: 0 -19px;
}

/* guest */

.guest_form {
margin: 10px 0 20px 9px;
}

.guest_form tr td:first-child .hint {
	margin-right: 37px;
}

.guest_form input {
border-top: solid 2px #94928C;
border-left: solid 2px #94928C;
border-bottom: solid 2px #E9E7E3;
border-right: solid 2px #E9E7E3;
background-color: #DDDDDD;
width: 200px;
height: 18px;
margin: 3px 30px 10px 0px;
vertical-align: middle;
}

.guest_form textarea {
border-top: solid 2px #94928C;
border-left: solid 2px #94928C;
border-bottom: solid 2px #E9E7E3;
border-right: solid 2px #E9E7E3;
background-color: #DDDDDD;
width: 457px;
height: 177px;
margin: 3px 0 10px 0px;
vertical-align: middle;
}

.guest_form .captcha {
position: absolute;
}


<!-- -->
.guest_form button {
text-decoration: none;
background: none;
border: none;
padding: 0;
margin: 0 0 0 0px;
#margin: 5px 0 0 -10px!important;
font-family: Verdana;
font-weight: normal;
font-size: 19px;

cursor: pointer;
}

.guest_form button table {
height: 50px;
padding: 0;
margin: 15px 0 0 0;
clear: both;
}

.guest_form button table td.cb {
vertical-align: middle;
padding: 0px 25px 0 25px;
background: url(/pic/top_menu_button_c.png);
color: #2CB7C7;
}

.guest_form button table td.lb,
.guest_form button table td.rb {
width: 6px;
}

.guest_form button table td.lb {
background: url(/pic/top_menu_button_l.png);
}

.guest_form button table td.rb {
background: url(/pic/top_menu_button_r.png);
}

.guest_form button:hover table td.cb,
.guest_form button:hover table td.lb,
.guest_form button:hover table td.rb {
background-position: 0 -50px;
}
<!-- -->

.guest_date {
float: right;
padding: 10px 0 10px 0;
}

.guest_name {
padding: 10px 0 10px 0;
}

.guest_text {
padding: 0px 0 15px 0;
}


.comment-reply {
padding: 0 0 15px 0;
}


.navy {
font-family: Verdana;
font-size: 19px;
line-height: 19px;
padding: 15px 0 10px 0;
text-align: center;
}

.navy a {
text-decoration: none;
}

.navy a:hover {
text-decoration: underline;
color: #2CFCD2;
}

.navy b {
font-weight: normal;
}


.share_block {
display: inline-block;
padding: 0px 0 0px 35px;
background: url(/pic/share.png) no-repeat  13px 0;
font-size: 11px;
line-height: 15px;
text-decoration: none;
}

.share_block i {
font-style: normal;
display: inline-block;
border-bottom: dashed 1px #7D7D7D;
}

.share_block:hover i {
border-bottom: none;
padding-bottom: 1px;
}


.share_block:hover {
background-position: 13px -16px;
color: #8F8F8F;
}

.advert_home {
font-size: 12px;
}

.frame_25 {
font-size: 13px;
}







.clear {
width:100%;
clear: both;
overflow: hidden;
height: 0;
font-size: 0;
line-height: 0;
}

.clear1 {
width:100%;
overflow:hidden;
height: 0;
font-size: 0;
line-height: 0;
}


/*
span, div {
border: solid 1px;
}
*/

/* loading */

.loading,.loading-btn {
background: url(/i/loading2.gif) center center no-repeat;
}

.loading-white {
background: url(/i/loading-white.gif) center center no-repeat;
}

.loading-window {
height: 100px;
}

.loading-btn {
width: 32px;
height: 32px;
display: inline-block;
visibility: hidden;
}

/* navy */

.img_big .navy {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.img_big .navy {
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s ease-in-out;
}

.img_big:hover .navy {
	opacity: 1;
	visibility: visible;
}

.navy-next,
.navy-prev {
	display: block;
	position: absolute;

	left: 50%;
	width: 50%;
	top: 0;
	bottom: 0;
}

.navy-prev {
	left: 0;
}

.navy-prev:after,
.navy-next:after {
    content: "";
    display: block;
	position: absolute;
	background: url(/pic/photo-navy.png) -48px 0 no-repeat;
	width: 48px;
	height: 107px;
	top: 50%;
	right: 0;
	margin-top: -53px;
}

.navy-prev:after {
	left: 0;
	right: auto;
	background-position: 0 0;
}

.navy-prev:hover:after {
	background-position: 0 -107px;
}

.navy-next:hover:after {
	background-position: -48px -107px;
}

/*
.navy-next.na:after {
	background-position: -48px -214px;
}

.navy-prev.na:after {
	background-position: 0 -214px;
}
*/

.hint {
	float: right;
	color: #f00;
}

/* sharing */

ul.sharing {
	list-style: none;
	margin: 0 15px 25px 0;
	padding: 0;
	overflow: hidden;
}

ul.sharing li {
	display: inline-block;
	padding-right: 20px;
	position: relative;
}

ul.sharing li * {
    /*
	box-sizing: content-box;
	*/
}

ul.sharing li.vk {
	top: 1px;
}

ul.sharing li.fb {
	top: -4px;
}

ul.sharing li.fb.no-top {
	top: 0;
}

ul.sharing li.tw {
	padding-right: 0;
	margin-right: -10px;
}

ul.sharing li.go {
	width: 50px;
}