/**
 * Project:      CMS Danneo : Content management system
 * Template:     Clear
 * File:         screen.css
 * @version	 $Id: Danneo CMS v.0.5.5$
 * @package      CMS Danneo basis kernel
 * @copyright    Copyright (C) 2004 - 2013 Danneo Team. All rights reserved.
 * @link         http://danneo.com, http://danneo.ru
 * @license      http://www.gnu.org/licenses/gpl-2.0.html   GNU General Public License, version 2
 */

/* Reset */
html, body, div, h1, h2, h3, p, blockquote, ul, ol, li, pre, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0; padding: 0;
}
*:focus                  { outline: none }
table                    { border-collapse: collapse; border-spacing: 0px; }
table td                 { vertical-align: top; padding: 3px; }

body		         {     
                            
                           font-family: Arial, Tahoma, Verdana, sans-serif;
                           color: #5d5d5d;
                           font-size: 16px;
                           height: 100%;
                           line-height: 1.4em;
                           background-size: cover;
                           background-attachment: fixed;
                           background-repeat: repeat;
                           background-position: top;
                           background-image: url(../images/fon.jpg);
}
html, body	         { height: 100%; }
html    {
        font-size: 100.01%;
        overflow-y: scroll;
}

@font-face {
    font-family: 'OstrovskyBold';
    src: url('../fonts/ostrovsky/ostrovskybold.eot'); /* IE 9 Compatibility Mode */
    src: url('../fonts/ostrovsky/ostrovskybold.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
        url('../fonts/ostrovsky/ostrovskybold.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/ostrovsky/ostrovskybold.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
        url('../fonts/ostrovsky/ostrovskybold.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/ostrovsky/ostrovskybold.svg#ostrovskybold') format('svg'); /* Chrome < 4, Legacy iOS */
}
@font-face {
    font-family: 'Fita-Vjaz';
    src: url('../fonts/fita_vjaz/fita_vjaz.eot'); /* IE 9 Compatibility Mode */
    src: url('../fonts/fita_vjaz/fita_vjaz.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
        url('../fonts/fita_vjaz/fita_vjaz.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/fita_vjaz/fita_vjaz.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
        url('../fonts/fita_vjaz/fita_vjaz.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/fita_vjaz/fita_vjaz.svg#fita_vjaz') format('svg'); /* Chrome < 4, Legacy iOS */
}
@font-face {
    font-family: 'old-soviet';
    src: url('../fonts/old-soviet/old-soviet.eot'); /* IE 9 Compatibility Mode */
    src: url('../fonts/old-soviet/old-soviet.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
        url('../fonts/old-soviet/old-soviet.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/old-soviet/old-soviet.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
        url('../fonts/old-soviet/old-soviet.ttf') format('truetype'); /* Chrome < 4, Legacy iOS */
}
@font-face {
	font-family: 'icomoon';
	src: url('../fonts/icomoon/icomoon.eot?y1ymgu');
	src: url('../fonts/icomoon/icomoon.eot?#iefixy1ymgu') format('embedded-opentype'),
		url('../fonts/icomoon/icomoon.woff?y1ymgu') format('woff'),
		url('../fonts/icomoon/icomoon.ttf?y1ymgu') format('truetype'),
		url('../fonts/icomoon/icomoon.svg?y1ymgu#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* Links */
a:link,
a:visited	         { color: #655038;letter-spacing: 1px;text-decoration: none; }
a:hover		         { color: #b90000; }
a.cat:link,
a.cat:visited	         { color: #000000; }
a.cat:hover	         { color: #b90000; text-decoration: none; }
a.read:link,
a.read:visited	         { color: #0c74a5; background: url(../images/link.gif) no-repeat 100% 55%; padding-right: 12px; }
a.read:hover	         { color: #b90000; text-decoration: none; }
a.linkbutton:hover       { color: #b90000 !important; }
a.external               { padding-right: 5px }

/* headline */
h1,h2,h3,h4,h5,h6       { font-weight: normal; margin-bottom: 15px; color: #5d5d5d; }
h1 		        { font-size: 28px; }
h2 		        { font-size: 26px; }
h3 		        { font-size: 24px; }
h4 		        { font-size: 22px; }
h5 		        { font-size: 12px; font-weight: 600; }
h6 		        { font-size: 18px; }

img		        { border: 0px; vertical-align: middle; }
p                       { margin-bottom: 14px; }
.left		        { float: left; }
.right		        { float: right; }
.noin                   { display: none; }
.blue                   { color: #000099; }
.gray                   { color: #999999; }
.orange                 { color: #ff9900; }
.red                    { color: #ca0000 !important; }
.black                  { color: #000000; }

/* thumb float*/
.imgleft	        { float: left; margin: .2em 1em 1em 0px !important; padding: 4px; border: 1px solid #c6c6c6; }
.imgright	        { float: right; margin: .2em 0px 1em 1em !important; padding: 4px; border: 1px solid #c6c6c6; }
.imgtext-left	        { float: left; margin: 1em 1em 1em 0px !important; }
.imgtext-right	        { float: right; margin: 1em 0px 1em 1em !important; }
.imgtext-center	        { float: none; display: block; margin: 1em auto; padding: 0; text-align: center; clear: both; }
.imgtext-left img,
.imgtext-right img,
.imgtext-center img	{ padding: 4px; border: 1px solid #c6c6c6; }

.al		        { text-align: center !important; }
.ar		        { text-align: right !important; }
.ac		        { text-align: center !important; }
.va		        { vertical-align: middle !important; }
.vt		        { vertical-align: text-top !important; }
.fi                     { font-style: italic !important; }
.fb                     { font-weight: bold !important; }
.clear		        { clear: both; height: 0px; display: block; font-size: 1px; line-height: 1px; background-color: transparent; }
.clear-line	        { clear: both; height: 7px; display: block; font-size: 7px; line-height: 7px; background-color: transparent; }
.pad		        { padding: 7px 4px; }
.mad		        { margin: 7px; }
.pad-horiz	        { padding: 0px 7px; }
.norm                   { font-weight: normal }
hr                      { border: 0px; color: #d4d4d4; background-color: #d4d4d4; height: 1px; }
q                       { color: #999; quotes: "\2215\ \ " "\... \ \2215"; }

/* Wrapper */
#wrapper                {  display: table; width: 100%; padding: 0px; z-index: -1;                            
                        background-size: cover;
                           background-attachment: fixed;
                           background-repeat: repeat;
                           background-position: top;
                           background-image: url(../images/fon.jpg);  
                        }
/* Header */
#header	                { background: #003656; position: absolute; display: table; width: 100%; height: 0px; margin: 0px auto; z-index: 1; }
#bot,
#logo     	        { min-width: 820px; max-width: 1200px; margin: 0px auto; z-index: 1; }
/* Table */
#table-main             { background: #fff;  margin: 0px auto; border-collapse: collapse; border-left: 0px solid #ddd; border-right: 0px solid #ddd; clear: both; min-width: 1200px;max-width: 1200px;}
#table-left,
#table-center,
#table-right	        { padding: 20px 0px; vertical-align: top; }
#table-center	        { width: 1200px;border-left: 1px solid #989191;border-right: 1px solid #989191; }
#table-left	            { padding: 0px 0px;  }
.tables                 { width: 100%; border-collapse: collapse; border-spacing: 0px; }
.tables td              { padding: 0px 10px 10px 0px; }

/* Block menu */
a.blockmenu:link,
a.blockmenu:visited  	{ color: #0c74a5; display: block; font-size: 13px; height: 16px; margin: 1px 5px 0px; padding: 2px 0px 4px 7px; border-bottom: 1px dotted #d4d4d4; }
a.blockmenu:hover  	{ background: #f9f9f9; color: #000000; text-decoration: none; }
.menu-block             { margin: 0px; }
.menu-block a.active 	{ color: #b90000; text-decoration: none; }

/* Top menu */
#logo	                { background: #004671 url(../images/bg.png); height: 87px; position: relative; margin: 0px auto; padding: 0px; border-left: 1px solid #000; border-right: 1px solid #000; }
#logo h1	        { background: url(../images/header.png) no-repeat; width: 228px; height: 29px; position: absolute; left: 27px; top: 33px; }
#logo h1 a	        { display: block; width: 228px; height: 29px; margin: 0px; text-indent: -9999px; }
#logo strong	        { color: #fff; display: block; width: 228px; height: 18px; margin: 0px; position: absolute; left: 44px; bottom: 9px; }
#logo .desc	        { color: #adc5df; font-size: 18px; text-align: right; font-variant: small-caps; width: 290px; height: 36px; position: absolute; right: 27px; top: 44px; text-shadow: 1px 1px 1px #134; }
#logo .desc:first-letter{ color: #ffffff; padding-right: 0.1em; }

/* Top menu */
#top-menu	        { background: transparent; height: 36px; line-height: 36px; position: relative; z-index: 1; }
#top-menu div     	{ background: #004671 url(../images/bg.png); min-width: 958px; max-width: 1198px; margin: 0px auto; border: 1px solid #000; border-top: 1px solid #00263E; border-bottom: 0; z-index: 1; }
#top-menu div:after     { content: "."; display: block; clear: both; visibility: hidden; line-height: 0px; height: 0px; }
#bot-menu	        { background-color: #ffffff; height: 47px; margin: 0px; padding: 0px 10px; }

/* Foteer */
#footer                 { 
    background: #fff;
    margin: 0px auto;
    border-collapse: collapse;
    border-bottom: 1px solid #ddd;
    min-width: 770px;max-width: 1200px;
    clear: both; }
#bot     	        { margin: 0px auto; }
#table-bot	        { font-size: 16px; width: 100%; height: 51px; border-collapse: collapse;border-left: 1px solid #989191;border-right: 1px solid #989191;border-bottom: 1px solid #989191; }
#table-bot td	        { padding: 0px; text-align: center; }
#table-bot a:link,
#table-bot a:visited    { color: #def; padding: 0px 3px; text-decoration: none; }
#table-bot a:hover      { color: #fff; text-decoration: none; }

/* Blocks */
.top-block,
.bot-block	        { width: 100%; margin: 0px 0px 10px; }
.top-block-title,
.bot-block-title	{ 
    margin: 0 auto;
    height: auto;
    background: #FFF;
    top: 0;
    border-top: dotted 2px #443044;
    border-bottom: dotted 2px #443044;
    text-align: center;
    padding: 5px 0px;
    z-index: 2;
    font-size: 22px;
    letter-spacing: 1px;
    font-weight: 600;
}

.top-block-text,
.bot-block-text	        { padding: 7px; }

.left-block,
.right-block		{ width: 100%; }
.left-block		{ margin: 10px 0px 18px 15px; width: 300px;}
.right-block		{ margin: 10px 15px 18px 0px; }

.right-block-title,
.left-block-title	{ color: #333;
                          font-size: 18px;
                          height: 28px;
                          line-height: 28px;
                          padding: 0px 10px;
                          margin: 0 0 5px; }

.right-block-text,
.left-block-text	{ padding: 5px 10px; word-wrap: break-word; }
.currency               { margin: 0px; }

/* Comment block */
.comm-block		{ margin: 0px 0px 7px; padding: 0px 0px 5px; border-bottom: 1px dotted #d4d4d4; }
.comm-block .ctitle	{ margin: 0px; padding: 0px; }
.comm-block .ctext	{ margin: 0px; padding: 0px; }
.comm-block .cinfo	{ color: #999999; margin: 0px; padding: 0px 0px 5px; }
.comm-block .cinfo strong  { color: #b90000; font-weight: normal; }
.comm-block .ctime	{ background: url(../images/time.gif) no-repeat 0 50%; float: right; color: #999999; font-size: 12px; font-weight: normal; margin: 0px; padding-left: 15px; vertical-align: middle; }

/* Site title */
.site-title		{  width: 1100px;text-align: left;}
.site-title h2{
    display: block;
    font-family: old-soviet;
    padding-left: 0px;
    color: #472a16;
    font-size: 20px;
    line-height: 1.8em;
    padding-bottom: 0px;
    font-weight: 600;
    padding-bottom: 20px;
}


.sub-title h3    	{ color: #333;
                          font-size: 18px;
                          letter-spacing: 0.03em;
                          height: 28px;
                          line-height: 28px;
                          padding: 0px 7px;
                          margin: 15px 0 5px;
}
.site-title a:link,
.site-title a:visited   { color: #655038; }
.site-title a:hover  	{ color: #897858; text-decoration: none; }

/* Cats Global */
.cats    		{ margin: 0 auto; width:360px; }
.cat-head td		{ color: #5d5d5d; margin: 0px; border-left: 1px solid #000000; border-bottom: 1px solid #000000; padding: 7px 10px; }
.cat-body td		{ color: #000000; margin: 0px; border-left: 1px solid #000000; border-bottom: 1px solid #000000; padding: 7px 10px;background-color: #fff; }
.cat-info td 	        { color: #9c9c9c; font-size: 12px; font-style: italic; text-align: right; padding: 7px 5px; border: none; }
.cat-icon		{ width: 5%; }
.cat-title		{ width: 80%; }
.cat-total		{ width: 15%; }

.social                 { float: right;  }
a.social-link,
a.social-link:visited	{ text-align: center;  background: #fff;
                          float: left;
                          display: block;
                          width: 25px;
                          height: 25px;
                          margin-right: 5px;
                          border: 0px solid #eee;
}
a.social-link img	{ vertical-align: middle; padding: 5px 0px 0px; }
a.social-link:hover	{ border: 1px solid #ddd; }

/* Pages Global */
.pages		        { font-size: 14px; margin: 25px 0px 0px; padding: 7px; text-align: center; clear: both; }
.pages span		{ background: #ffffff; color: #666; margin: 2px 0px; padding: 2px 7px; border: 1px solid #d4d4d4; }
.pages .pagesrow	{ color: #999; font-size: 14px; background: #ffffff; border-color: #ffffff; margin-right: 10px; }
.pages .pagesrow strong	{ color: #999; font-weight: normal; }
.pages a		{ background: #f3f5f7; color: #666; margin: 2px 1px; padding: 2px 8px; border: 1px solid #f3f5f7; }
.pages a:hover		{ background: #005687; color: #ffffff; border: 1px solid #005687; }
.pages .pagesempty      { background: #b90000; color: #ffffff; margin: 2px 1px; padding: 2px 8px; border: 1px solid #a91700; text-shadow: 1px 1px 1px #431 }
.pages.go		{ font-size: 16px; padding: 0px 6px 2px; font-family: georgia, serif; letter-spacing: -0.1em; }

/* Content Global */
.cont		        { margin: 10px 0px 10px 7px; padding: 0px; }
.glconttitle		        { display: block;letter-spacing: 1px;font-weight: bold;font-size: 110%; text-align: center; padding-top: 20px;}
.conttitle		        {  margin: 0 auto; }
.conttitle a:link,
.conttitle a:visited    { color: #655038;  }
.conttitle a:hover  	{ text-decoration: underline; }
.conttitle img	        { padding: 0px 2px 3px; }
.glconttitle h3		{ color: #8b738b; font-size: 22px; line-height: 1.35em; padding: 0px; margin: 0px;margin: 0px 20px 20px 0px;font-weight: bold; }
.conttitle h3		{ color: #333333; font-size: 18px; line-height: 1.35em; padding: 0px; margin: 0px; }
.conttitle .time	{ background: url(../images/time.gif) no-repeat 0 50%; float: right; color: #999999; font-size: 12px; font-weight: normal; margin: 0px; padding-left: 16px; vertical-align: middle; }
.conttext		{ color: #333333; padding: 10px 5px; }
.conttext .cimg         { padding: 5px; display: inline-block; border: 1px solid #c6c6c6; box-shadow: 1px 1px 3px #eeeeee; border-radius: 2px; }
.conttext .icon         { float: left; display: inline-block; margin: 0 10px 10px 0; padding: 5px; border: 1px solid #c6c6c6; border-bottom: 1px solid #b6b6b6; box-shadow: 1px 1px 3px #eeeeee; }
.contrating		{ color: #999999; padding: 7px 7px 0px 7px; font-size: 12px; }
.continfo		{ font-size: 12px; text-align: right; margin: 0px 7px; padding: 5px 10px; color: #999999; clear: both; }
.continfo img		{ padding: 0px 2px 2px; }
.continfo span		{ color: #999999; margin: 0px 5px; }
.continfo strong	{ color: #b90000; font-weight: normal; }
.continfo .tags		{ margin: 0px; }
.continfo i	        { color: #bbb; font-style: normal; padding: 0px 4px; }

/* Article pages */
ol.art-pages		{ color: #999999; padding: 0px 23px; }
ol.art-pages li.act  	{ color: #333333; }
ol.art-pages li.act em  { color: #b90000; font-style: normal; }

/* Media */
.cmedia		        { margin: -15px 5px 10px 10px; padding: 0px; }
.cont.media             { border-bottom: 1px dotted #d4d4d4; padding: 0px 0px 10px; }
.mediaview              { padding: 0px 7px 15px; }
.mediatext		{ color: #333333; padding: 5px 7px; }
.mediatext .icon        { float: left; display: inline-block; margin: 0 10px 10px 0; padding: 5px; border: 1px solid #c6c6c6; border-bottom: 1px solid #b6b6b6; box-shadow: 1px 1px 3px #eeeeee; }

/* Info */
.info-title		{ background: url(../images/icon/act.gif) no-repeat 0px 50%; padding: 5px 7px 5px 16px !important; margin: 0px 15px; border-bottom: 1px dotted #e1e1e1; }
.info-title img		{ vertical-align: middle; }

/* Tags */
.tags-info		{ padding: 0px 5px;min-width: 380px;max-width: 380px; margin: 0 auto;}
.tags-info .smallmin	{ font-size: 16px; text- }
.tags-info .small	{ font-size: 16px; }
.tags-info .medium	{ font-size: 16px; }
.tags-info .high	{ font-size: 16px; }
.tags-info .highmax	{ font-size: 18px; color: #999; }

/* Thumb Global */
.thumb		        { display: block; margin: 5px 0px; padding: 4px; border: 1px solid #c6c6c6; }
.thumb-bg		{ background-color: #f5f5f5; }
.thumb-river		{ border: 1px solid #c6c6c6; }
.thumb img		{ margin: 0px; padding: 0px; }
.thumb-title		{ color: #000000; font-weight: normal; padding: 0px 5px 5px; }
.thumb-cet		{ padding: 3px 0px 5px; }
.thumb-cet img		{ border: 3px solid #ededed; padding: 0px; }
.thumb-cet img:hover	{ border: 3px solid #e0e0e0; padding: 0px; }
.thumb-text		{ color: #999; font-size: 12px; padding: 0px 5px; }
.thumb-text img		{ padding-right: 5px !important; }
.thumb-rate		{ padding: 0px 5px; }
.thumb-rate img,
.thumb-text img	        { border: 0px; padding: 0px 2px 3px; vertical-align: middle; }
/* Photos */
.thumb.win		{ margin: 0px; }

#cont-details		{ margin: 0px 5px 5px; padding: 0px; }
.details		{ width: 99%; border-collapse: separate; border-spacing: 5px; margin: 3px; }
.details th		{ color: #000000; font-weight: bold; padding: 0px 10px 5px 10px; border-bottom: 1px dotted #d4d4d4; text-align: left; }
.details td		{ padding: 0px 10px 5px 10px; border-bottom: 1px dotted #d4d4d4; }
.details td.none	{ border-bottom: none; }
.details-title		{ padding: 5px 15px; border-bottom: 1px dotted #d7dde3; background-color: #fbfbfb; }
.details-one		{ color: #999999 !important; font-weight: normal !important; width: 25%; }
.details-two     	{ color: #333333; width: 75%; }
.details-two input	{ /*width:100%;*/ }
.details-two textarea	{ overflow: hidden; }

/* Width Global */
.w5                     { width: 5%; }
.w10                    { width: 10%; }
.w15                    { width: 15%; }
.w25                    { width: 25%; }
.w45                    { width: 45%; }
.w50                    { width: 50%; }
.w55                    { width: 55%; }
.w99                    { width: 99%; }
.w100                   { width: 100%; }

#pload                  { margin: 10px 0px; }
a.load-broken:link,
a.load-broken:visited	{ color: #999999; margin: auto; padding: 5px; float: right; }
a.load-broken:hover	{ color: #000000; }
a.load:link,
a.load:visited,
a.jump:link,
a.jump:visited 		{ display: inline-block;
                          background: #005687;
                          color: #ffffff;
                          width: auto;
                          margin: 0px;
                          padding: 4px 12px;
                          overflow: visible;
                          border: 1px solid #00466E;
                          cursor: pointer;
                          box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,0.3);
                      text-shadow: 1px 1px 1px #134;
}
a.load:hover,
a.load:active,
a.jump:hover,
a.jump:active 	        { background: #a91700; border: 1px solid #891300; text-shadow: 1px 1px 1px #431; }

.content-box		{ padding: 1px; background-color: #f0f0f0; margin: 0px; }
.content-box h2		{ padding: 5px 7px; font-size: 12px; margin: 0px; }
.content-box-text	{ padding: 7px 7px 0px 7px; background-color: #ffffff; margin: 0px; display: block; }
.content-box-sub	{ padding: 7px; background-color: #ffffff; margin: 0px; display: block; }

/* Error */
.error		        { background-color: #fffffb; margin: 5px 20px 10px; border: 1px solid #f90; }
.error-title		{ color: #b90000; font-size: 18px; padding: 0px 20px 10px; margin: 0px; }
.error-title img	{ vertical-align: middle; padding: 0px 5px 5px 0px; }
.error-text		{ color: #000000; font-size: 13px; margin: auto; padding: 15px 20px; }
.error-input		{ border: 1px solid #d90000 !important; display: block; padding: 2px; }
#errorbox               { margin: 0px; padding: 5px; color: #ca0000; font-size: 13px; }
#ajaxbox                { margin: 0px; padding: 0px; }

/* Message */
.infos		        { margin: 5px 20px 20px; border: 1px solid #d4d4d4; }
.infos img		{ vertical-align: middle; padding: 0px 5px 4px 0px; }
.infos-title		{ color: #333; font-size: 18px; margin: 0px 0px 5px; padding: 10px 20px 10px; }
.infos-text		{ color: #000000; font-size: 13px; margin: auto; padding: 15px 20px; }

/* Notice */
.notice		        { font: italic 12px / 1.3em Arial, serif; letter-spacing: 0.03em;  
                          display: block; width: auto;
                          margin: 10px auto 0; padding: 4px 12px; 
                          border: 1px solid #d4d4d4; border-radius: 6px;
                          overflow: hidden; clear: both; 
                          }
.notice:before, .notice:after  { content: ""; display: table; }
.notice:after                  { clear: both; }
.notice                        { zoom: 1; }
                          
.notice > span          { float: left; 
                          color: white; font: italic bold 15px / 1.45em Verdana, serif; text-align: center;
                          width: 22px; height: 22px;
                          margin: 1px 7px 0 0; 
                          border-radius: 11px; 
                          } 
.notice > p.msg         { display: block; float: left; width: 95%; margin: 0; padding: 5px 0 4px; }   

    /* info */
    .notice.info	{ background-color: #fffffb;  
                          border-color: #d4d4d4; 
                          color: #999; 
                          }
    .notice.info > span	{ background-color: #d4d4d4; }
    /* guest */
    .notice.guest	{ background-color: #fdfbf8;  
                          border-color: #ffca95; 
                          color: #999; 
                          }
    .notice.guest > span{ background-color: #ffca95; }
    /* user */
    .notice.user	{ background-color: #f7fcf7;  
                          border-color: #ade0ad; 
                          color: #999; 
                          }
    .notice.user > span { background-color: #ADE0AD; }
    /* file */
    .notice.file	{ background-color: #fafcfe;  
                          border-color: #a5c9ed; 
                          color: #999; 
                          }
    .notice.file > span	{ background-color: #a5c9ed; font: normal 12px / 1.8em Arial, serif; text-align: center; }
    /* error */
    .notice.error	{ background-color: #fffffb;
                          border-color: #f90; 
                          color: #999; 
                          }
    .notice.error > span{ background-color: #f90; }

/* Link Rec */
.site-rec		{ padding: 3px 0px; margin: 0px 10px 5px; border-bottom: 1px dotted #e1e1e1; }
.site-rec-time		{ color: #9da0a2; float: right; font-size: 11px; padding: 3px; }
.site-rec-time img	{ vertical-align: middle; padding: 0px 3px 4px; }

/* Forms */
.forms		        { margin: 15px 0px; padding: 25px 10px 15px 0px; border: 1px dotted #d4d4d4; }
.forms strong		{ color: #ff0000; margin: 0px 3px 0px; }
.forms input.width	{ width: 75.8%; display: block; }
.forms textarea.width	{ width: 75%; display: block; }
.forms select.width	{ display: block; width: 76.8%; }
.forms textarea  	{ border: 1px solid #d4d4d4; }
.forms label            { float: left; text-align: right; margin-right: 5px; width: 145px; height: 23px; }
.forms > p    	        { color: #999999 !important; margin: 0px; padding: 2px 10px; font-weight: normal; }

.form-area		{ margin: -1px auto 5px auto; padding: 30px 20px 20px; border: 1px dotted #d4d4d4; }
.form-area-cont  	{ width: 650px; margin: 12px auto 20px; }
.form-area-apart	{ color: #999; margin: 0px auto 10px; padding: 5px 8px; }
.form-area-apart img	{ vertical-align: middle; padding: 0px 5px 5px; }
.form-area input	{ width: 300px; margin-right: 3px; }
.form-area select	{ width: 98px; padding: 2px; margin-right: 3px; }
.form-area textarea	{ width: 55%; border: 1px solid #d4d4d4; }
.form-area p    	{ color: #999999; margin: 0px; padding: 2px 10px; font-weight: normal; }
.form-area label        { float: left; text-align: right; margin-right: 5px; width: 145px; height: 23px; }
.form-area strong	{ color: #ff0000; margin: 0px 3px 0px; }
.form-area input[type=radio]	{ vertical-align: middle; margin: 0px 3px 4px 1px; width: 20px; }

.binput                 { margin: 0px 0px 5px; }
.spec                   { height: 30px; padding: 20px 0px 0px; }
.com-send               { margin-top: -3px; margin-right: 1px; text-align: right; }
.send                   { margin-left: 150px !important; margin-top: 10px; }
.send-but               { width: 155px !important; }
.send-but2              { width: 185px !important; }
.ins                    { font-size: 13px; color: #069; padding: 0 0 7px; }

.form-search		{ padding: 10px 200px;float: right; }
fieldset                { padding: 7px; border: 1px solid #d4d4d4; }
legend                  { padding: 0px 5px; }
input                   { color: #999999; font: 13px/1.3em Arial, sans-serif; padding: 2px 0px 3px 5px; border: 1px solid #d4d4d4; }
textarea                { color: #999999; font: 13px/1.3em Arial, sans-serif; padding: 3px 5px; border: 1px solid #d4d4d4; overflow: auto; }
select                  { color: #999999; font: 13px/1.3em Arial, sans-serif; padding: 2px 0px 2px 5px; border: 1px solid #d4d4d4; }
.standart	        { color: #999999; margin: 0px 5px 5px; padding: 5px 3px 0; border: none; }
.standart legend        {  }
.standart input.width	{ width: 75%; display: block; }
.standart select.width	{ width: 76.8%; display: block; }
.width		        { width: 75%; }
label                   { color: #555 !important; cursor: pointer; }
input[type="radio"]     { height: 16px; padding: 0px; border: none; }

.user-block     	{ margin: 0px; }
.user-block input     	{ width: 150px; margin: 0px 5px 7px; }
.userblock	        { color: #999999; margin: 0px 0px 5px; padding: 2px 15px 10px; border: none; border: 1px dotted #d4d4d4; }
.userblock legend.fb    { color: #ca0000; font-size: 14px; padding: 5px 10px 3px; }
.userblock input        { width: 132px; }
.user-link              { text-align: left; padding: 7px 5px; }
.user-public            { display: block; background: url(../images/icon/act-green.gif) no-repeat 0 50%; margin: 5px 0px 0px; padding: 0px 14px; }
p.user    	{ margin: 0px; padding: 0px !important; }
p.user a	{ background: url(../images/icon/act-gray.gif) no-repeat 0px 50%; line-height: 1.3em; padding-left: 14px; }
p.user a:hover	{ background: url(../images/icon/act.gif) no-repeat 0px 50%; }
.pad-link               { text-align: left; margin: 5px 0px 0px; }

/* input-focus */
input:focus,
  textarea:focus,
     select:focus       { background-color: #ffffff;
                          color: #333333;
                          border-color: #888888 !important;
                         /* box-shadow: #e3e3e3 0px 0px 0px 2px; */
}

label i,
  label u,
    label b             { background-repeat: no-repeat; width: 9px; height: 9px; display: inline-block; margin: 0px 5px; cursor: pointer; }
label i                 { background-image: url(../images/star-act.gif); }
label u                 { background-image: url(../images/star-no.gif); }
label b                 { background-image: url(../images/star-off.gif); }

/* Profile */
.profile		{ margin: 10px 5px 35px; padding: 20px 30px; border: 1px dotted #d4d4d4; }
.profile-cont     	{ width: 100%; margin: 0px; }  
.profile-title     	{ width: 210px; padding: 5px 5px; vertical-align: middle; }  
.profile-desc     	{ width: auto; color: #999; padding: 5px 15px; }
.profile-desc img    	{ margin-right: 5px; }
.profile-desc .uavatar  { width: 50px; height: 50px; margin-left: 5px; } 
.avatar img             { width: 50px; height: 50px; }
.avatar-block           { display: block; padding: 5px; margin: 0 0px 5px; border: 1px dotted #d4d4d4; } 
.avatar-block img       { width: 50px; height: 50px; }

/* Comment */
.comment		{ margin: 10px 5px 35px; padding: 25px 10px 20px 15px; border: 1px dotted #d4d4d4; }
.comment fieldset	{ margin: 0px 0px 10px; }
.comment strong		{ color: #ff0000; margin: 0px 3px 0px; }
.comment input.width	{ width: 72.8%; display: block; }
.comment textarea.width	{ width: 72%; display: block; }
.comment select.width	{ display: block; width: 73.6%; }
.comment input.error-input	{ width: 72.8%; padding: 2px 0 3px 5px; }
.comment textarea.error-input	{ width: 72%; padding: 3px 5px; }
.comment textarea  	{ border: 1px solid #d4d4d4; margin: 0; }
.comment input.disable	{ background-color: #fdfdfd; color: #c7c7c7; }
.comment label          { float: left; text-align: right; width: 145px; margin-right: 5px; }
.commentsend		{ margin: 20px 20px 15px; }
.commentsend .sendtext	{ color: #000000; padding-left: 10px; }
.commentsend img	{ margin: 0px 0px 3px; vertical-align: middle; }
.commentarea		{ margin: 0px; padding: 5px 0px; }
.commentsmilie          { width: 55%; margin-left: 160px; }
.commentsmilie img      { padding: 0px 5px 0px 0px; cursor: pointer; }
/*
.commentbb  		{ margin: 0px 0px 3px 150px; }
.commentbb img		{ margin: 0px 2px 0px 0px; padding: 0px 1px; border: 1px solid #ffffff; cursor: pointer; }
.commentbb img:hover	{ background-color: #f5f8fa; border: 1px solid #777777; }
*/
.commentbb  		{ margin: 0px 0px 5px 1px; }
.commentbb cite,
.commentbb mark		{ display: inline-block; font-style: normal; margin: 0px 5px 0px 0px; padding: 0px 7px; border: 1px solid #d4d4d4; cursor: pointer; }
.commentbb cite:hover,
.commentbb mark:hover	{ display: inline-block; background: #005687;
                          color: #ffffff;
                          border: 1px solid #00466E;
                          cursor: pointer;
                          box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,0.3);
                      text-shadow: 1px 1px 1px #134;
}

.resizable-textarea     { width: auto; }
.resizable-textarea span { display: block; }
.grippie		{ background: #f9f9f9 url(../images/grippie.png) no-repeat center 2px;
                          display: block;
                          width: 72%;
                          height: 10px;
                          margin-top: 1px;
                          margin-left: 150px;
                          margin-bottom: 10px;
                          padding-right: 10px;
                          border-style: solid;
                          border-width: 0px 1px 1px;
                          border-color: #d4d4d4;
                          cursor: s-resize;
                          overflow: hidden;
}
.forms .grippie		{ width: 75%; margin-left: 0px; }
.forms p,
.comment p	        { color: #999 !important; font-weight: normal; font-style: italic; margin: 0px; padding: 2px 10px; }

/* Comnent message */
.comnent-body           { background: #fafbfc; margin: 0px 5px 15px; padding: 0px; }
.comnent-author         { background: #f6f7f8; color: #999; padding: 5px 10px; border-bottom: 1px solid #e8eaed; }
.comnent-author strong	{ color: #b90000; font-weight: bold; }
.comnent-author b	{ color: #999999; font-weight: normal; font-size: 12px; padding: 0px 5px 0px; }
.comnent-info           { margin: 0px; }
.comnent-info table     { width: 100%; }
.comnent-info p         { color: #bbb; font-size: 11px; margin: 7px 0px 0px; }
.com-left               { width: 130px; line-height: 1.2em; padding: 5px 5px; border-right: 1px dotted #e8eaed; }
.com-right              { width: auto }
.comnent-avatar         { margin: 0px auto; }
.comnent-avatar img	{ width: 50px; height: 50px; padding: 0px 10px 0px 0px; }
.comment-time		{ font-size: 11px; }
.comnent-text		{ color: #333; padding: 10px 15px; } 
.comnent-person		{ float: right; display: block; margin: 0px 0px 5px; } 
.comnent-person img	{ float: right; padding: 2px 3px; vertical-align: middle; }

/* Book message */
.book-rating		{ float: right; font-size: 11px; margin: 1px 0px 0px; }
a.book-ajax             { font-size: 12px;
                          width: 12px;
                          margin: 0px 5px 0px 2px;
                          padding: 1px 4px;
                          border: solid 1px rgb(178, 178, 178);    
                          background: -webkit-linear-gradient(top, rgb(255, 255, 255), rgb(221, 221, 221));
                          background: -moz-linear-gradient(top, rgb(255, 255, 255), rgb(221, 221, 221));
                          background: -ms-linear-gradient(rgb(255, 255, 255), rgb(221, 221, 221));
                          background: -o-linear-gradient(rgb(255, 255, 255), rgb(221, 221, 221));
                          background: linear-gradient(rgb(255, 255, 255), rgb(221, 221, 221)); 
                          color: #666;
                          text-decoration: none;
                          cursor: pointer;
                          display: inline-block;
                          text-align: center;
                          text-shadow: 0px 1px 1px rgba(255,255,255,1);
                          line-height: 1; 
                          border-radius: 2px 2px;
}

/* Tabs Global */
.form-area.profile	{ margin: -1px auto 5px auto; padding: 30px 20px 20px; border: 1px solid #d4d4d4; }  
.tab-content     	{ padding: 15px; }
ul.tabs		        { float: left; list-style: none; width: 100%; margin: 5px 0px 0px; padding: 0px; border-bottom: 1px solid #d4d4d4; }
ul.tabs li		{ float: left; position: relative; margin: 0px 2px -1px 0px; padding: 0px; border-left: none; overflow: hidden; border: 1px solid #d4d4d4; }
ul.tabs li a:link,
ul.tabs li a:visited    { color: #666; display: block; padding: 4px 12px; border: 1px solid #fff; text-decoration: none; outline: none; }
ul.tabs li a:hover	{ color: #000000; }
html ul.tabs li.active a{ color: #000000; background-color: #ffffff; border-bottom: 1px solid #ffffff; }
html ul.tabs li.active,
html ul.tabs li.active a:hover	{ background-color: #ffffff; border-bottom: 1px solid #ffffff; }
.btop-null              { border-top: 1px solid #fbfbfb; }

/* Button Global */
button::-moz-focus-inner {
    padding:0;
    border:0;
}
button.sub		{ background: #005687;
                          color: #ffffff;
                          width: auto;
                          margin: 0px;
                          display: inline-block;
                          font: normal 12px/14px Arial, sans-serif;
                          letter-spacing: 0.03em;
                          padding: 5px 25px 5px 25px;
                          height: 27px;
                          line-height: 15px;
                          overflow: visible;
                          border: 1px solid #00466E;
                          cursor: pointer;
                          box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,0.3);
                      text-shadow: 1px 1px 1px #134;
}
button.sub:hover  	{ color: #ffffff; background: #A91700; border: 1px solid #891300; }
button.sub:focus  	{ background: #A91700; border: 1px solid #A91700; text-shadow: 1px 1px 1px #431 }
button.bl       	{ margin-left: 3px; }
.login		        { background: url(../images/grey-bg.gif) repeat-x;
                          width: auto;
                          height: 25px;
                          margin: 0px;
                          overflow: visible;
                          border: 1px solid #888888;
                          cursor: pointer;
}
.login		        { display: block; color: #000000; font-family: Arial, Tahoma, Verdana, sans-serif; font-style: normal; font-size: 11px; font-weight: bold; padding: 5px 20px; }
.login:hover	        { background: url(../images/button-blue.gif) repeat-x 0px -30px; color: #ffffff; border: 1px solid #5c8bc0 !important; }

/* Calendar block */
.calendar-wrap                  { margin: 0px; }
.calendar		        { width: 100%; background-color: #ffffff; text-align: center; font-size: 10px; border-collapse: collapse; border-spacing: 1px; margin: 0px; }
.calendar td		        { color: #444444; padding: 3px; }
.calendar td.calendar-month	{ background: #eee; color: #000000; font-size: 12px; border: 1px solid #eee; }
.calendar tr.calendar-title td	{ background-color: #ffffff; color: #000000; padding: 5px 3px; }
.calendar tr.calendar-title td.sun{ color: #b90000; }
.calendar td.calendar-today	{ background-color: #eee; color: #b90000; padding: 6px 0px 0px 6px; border: 1px solid #fff; }
.calendar td.calendar-allday	{ background-color: #f7f7f7; padding: 6px 0px 0px 6px; border: 1px solid #fff; }
.calendar td.calendarempty	{ background-color: #ffffff; padding: 6px 0px 0px 6px; border: 1px solid #fff; }

.forum		        { margin: 0px; padding: 0px; }
.forumtitle		{ margin: 0px; padding: 7px; background-color: #f9f9f9; font-weight: bold; }
.forumtopic		{ margin: 0px; padding: 7px; }

/* Poll */
.poll		        { width: 100%; }
.poll td		{ padding: 3px 5px; vertical-align: middle; }
.pollbar		{ background: transparent url(../images/poll.png) repeat-x; height: 15px; }
.pollbarout		{ margin: 2px 0px; padding: 1px; border-style: solid; border-width: 1px; text-align: left; position: relative; }
.pollname		{ color: #069; margin: 5px 0px 0px; }
.pollinfo		{ color: #333333; position: absolute; top: 1px; right: 8px; font-size: 10px; text-align: left; font-style: italic; }
.pollbarout_bloc	{ padding: 0px; border: 1px solid #ffffff; text-align: left; }
.poll-block		{ padding: 5px 0px; }
.poll-conttext		{ margin: 5px 0px; padding: 20px 10px 20px 20px; border: 1px dotted #d4d4d4; }
.poll-radio	        { padding: 2px 0px; }
.poll-block-title	{ color: #333333; font-weight: bold; padding: 2px 0px; }
.poll input[type=radio]	{ vertical-align: middle; margin: 0px 3px 4px 1px; }
.poll-block input[type=radio]	{ vertical-align: middle; margin: 0px 3px 3px 1px; }

.tableod		{ padding: 5px 25px; text-align: center; }
.tablein		{ padding: 5px; text-align: center; }
.tablein strong		{ color: #5d5d5d; }
.tableod img,
.tableod #image img	{ background-color: #ffffff; border: 1px solid #d4d4d4; padding: 10px; }
.tableod #imgtitle	{ font-weight: bold; display: block; margin: 10px; padding: 10px; position: relative; }

.mediain		{ padding: 7px; display: inline-block; vertical-align: middle; }
.mediain img.photosod	{ background-color: #ffffff; border: 1px dotted #d4d4d4; margin: 5px; padding: 5px; }
.mediain img.photosit	{ background-color: #f2f7fa; border: 1px solid #d4d4d4; margin: 5px; padding: 5px; }

a.moves		        { background: none; overflow: visible; text-align: center; white-space: nowrap;
                          width: auto; height: 25px; line-height: 25px; margin: 0px; padding: 0px; border: none; cursor: pointer; }
a.moves span,
a.moves em		{ background: #ffffff url(../images/menu.gif) repeat-x;
                          font-size: 11px;
                          display: block;
                          height: 21px;
                          line-height: 21px;
                          margin: 0px;
                          color: #5d5d5d;
}
a.moves span		{ padding-left: 10px; border: 1px solid #d4d4d4; }
a.moves em		{ font-style: normal; padding-right: 10px; }
a.moves:hover span	{ background: #ffffff url(../images/menu-on.gif) repeat-x bottom; }
a.moves:hover em	{ background: #ffffff url(../images/menu-on.gif) repeat-x bottom; }

/* FAQ */
.faqul		        { margin: 0px 10px; padding: 0px; }
.faqli		        { padding: 7px; list-style-type: none; border-bottom: 1px dotted #cccccc; }
.faqli a		{ text-decoration: underline; }
.faqtitle		{ color: #5d5d5d; padding: 0px 0px 5px; }
.faqtitle strong	{ color: #000000; font-weight: bold; vertical-align: middle; padding: 0px 7px 5px; }
.faqtext		{ color: #6a6a6a; padding: 7px 20px; font-style: italic; }

/* Faq block */
.faqbl		        { margin: 5px 7px; padding: 0px 0px 5px; border-bottom: 1px dotted #d4d4d4; }
.faqbl .faqcat		{ margin: 0px; padding: 0px; }
.faqbl .faqtitle	{ margin: 0px; padding: 0px; }
.faqbl .faqinfo		{ margin: 0px; padding: 0px; }
.faqbl .time	        { background: url(../images/time.gif) no-repeat 0 50%; float: right; color: #999999; font-size: 12px; font-weight: normal; margin: 0px; padding-left: 15px; vertical-align: middle; }

/* Maps */
.maps		        { width: auto; margin: 10px 0px 0px; padding: 0px 62px; }
.maps-title		{ background: url(../images/icon/act.gif) no-repeat 0px 50%; display: block; font-size: 13px; font-weight: bold; margin: 0px; padding: 0px 7px 0px 14px; height: 30px; line-height: 30px; }
.maps-text	        { padding: 0px 15px; }
.maps-link	        { padding: 0px 63px; }
.maps-link a.cat	{ margin: 0px 0px 0px -25px; }

/* Rating */
.ajax-rating	        	{ background: url(../images/rates.gif) repeat-x; list-style: none; width: 70px; height: 14px; padding: 0px; position: relative; }
.ajax-rating li		        { float: left; margin: 0px; padding: 0px; }
.ajax-rating li a:link,
.ajax-rating li a:visited	{ display: block; width: 14px; height: 14px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px; }
.ajax-rating li a:hover	        { background: url(../images/rates.gif) repeat 0px 100%; z-index: 2; left: 0px; }
.ajax-rating a.one-ajax	        { left: 0px; }
.ajax-rating a.one-ajax:hover	{ width: 14px; }
.ajax-rating a.two-ajax		{ left: 14px; }
.ajax-rating a.two-ajax:hover	{ width: 28px; }
.ajax-rating a.three-ajax	{ left: 28px; }
.ajax-rating a.three-ajax:hover	{ width: 42px; }
.ajax-rating a.four-ajax	{ left: 42px; }
.ajax-rating a.four-ajax:hover	{ width: 56px; }
.ajax-rating a.five-ajax	{ left: 56px; }
.ajax-rating a.five-ajax:hover	{ width: 70px; }
.ajax-rating li.current-rating	{ background: url(../images/rates.gif) repeat 0 50%; position: absolute; height: 14px; display: block; text-indent: -9000px; z-index: 1; }

#errorbox               { margin: 30px 0px 0px; }

/* Debug */
.debug		        { margin: 7px; padding: 7px; background-color: #e6f5fd; border: 1px solid #ffffff; font-size: 11px; }
.debug ol		{ margin: 0px; padding: 0px 25px; }
.debug ol li		{ color: #b90000; }
.debug ol li p		{ color: #265e9d; }
.debug ol li span	{ color: #000000; }

/* Tooltip */
#tooltip		{ background-color: #f7f7f7;
                          color: #222;
                          position: absolute;
                          margin: 0px;
                          padding: 4px 12px 4px 10px;
                          z-index: 999999;
                          opacity: 0.85;
                          display: none;
                          border-left: 3px solid #ddd;
}
/* Captcha */
.captcha	        { border-collapse: collapse; }
.captcha td	        { padding: 0px; line-height: 50px; }
.captcha td input	{ margin: 17px 0 0; }
#divcaptcha,
  #subcapcha            { width: 100px; height: 50px; padding: 0px 5px 5px; }
#sbrcapcha              { float: left; margin: 0px; padding: 0px 0px 10px; border-bottom: 1px dotted #d4d4d4; }
#sbrcapcha div          { float: left; }
#sbrcapcha img          { float: left; margin-top: 12px; }
#refresh,
  #subrefresh           { cursor: pointer; }

/* Clearfix */
.clearfix:after         { content: "."; display: block; clear: both; visibility: hidden; line-height: 0px; height: 0px; }
.clearfix               { display: inline-block; }
html[xmlns] .clearfix   { display: block; }
* html .clearfix        { height: 1%; }
.clearfix               { display: block; }
/* Code */
.bquote                 { background: #f6f7f8; margin: 1em 0; font-size: 1em; border-left: .3em solid #d0d0d0; line-height: 1.4em; padding: 1em 2.5em 1em 2.5em; font-style: italic; color: #777 }
.bquote h1              { margin: 0 0 .55em; font-size: 4.2em; line-height: .1em; color: #d0d0d0; font-style: normal; font-family: "Times New Roman", times, serif; }
.code                   { background: #fdfdfd url(../images/bg.gif); font-family: monospace; font-size: 12px; width: 658px;
                          margin: .5em 0; text-align: left; padding: 1em; color: #444; overflow-x: auto; }
.code                   { white-space: pre; line-height: 0.7em; }
.code p                 { margin: 0 0 0.5em; font-size: 1.2em; font-family: arial; color: #ddd; font-weight: 600 }
.comm                   { background: #fffffb; color: #333; width: 634px !important; padding: 0.5em 1em; border-left: .3em solid #ff9900; }
.captcha                { width: 95px; height: 45px }
.inv                    { display: none }
.alfavit {
    margin: 0 auto;
    width: 900px;
    height: auto;
    background: #FFF;
    top: 0;
    text-align: center;
    padding: 5px 0px;
    z-index: 2;
    font-size: 22px;
    letter-spacing: 1px;
    font-weight: 600;
}
.alfavit a{color: #9fc133;font-family: old-soviet;}
.menu {
    display:flex;
    margin: 0 auto;
    width: 1198px;
    height: auto;
    background: #f3f3f3;
    top: 0;
    border-top: dotted 2px #443044;
    padding: 5px 0px;
    z-index: 2;
    font-size: 15px;
    letter-spacing: 1px;
    font-weight: 600;
    border-left: 1px solid #989191;
    border-right: 1px solid #989191;
}
.menu a{color: #897858;font-family: old-soviet;}
.menu a:hover{color: #b90000;font-family: old-soviet;}
.menu div{padding-left: 40px;padding-top: 10px;}
#menuid {padding-left: 13px;text-align: center;padding-right: 13px;}
#left_line {text-align: left;padding: 5px 0px;z-index: 2;font-size: 16px;letter-spacing: 1px;font-weight: 600;}
.glconttext {
    color: #333333;
    padding: 10px 5px;
    font: 50%/100% Verdana, Arial, Helvetica, sans-serif;
    text-shadow: #443044 1px 1px 0, #443044 -1px -1px 0, #443044 -1px 1px 0, #443044 1px -1px 0;
    display: inline-block;
    font-size: 26px;
    margin: 0 auto;
    width: 800px;
    text-align: center;
    width: 99%;
    /* float: right; */
}

#right_column {
    width: 62%;
    height: 85%;
    position: absolute;
    top: 15%;
    right: 0;
    border-left: dotted 2px #443044;
}

#contents, #pambook, #footnote {
    height: 90%;
    overflow-y: auto;
    border-bottom: 20px #eeecef solid;
    margin: 24px 20px 20px 20px;
    padding: 5px;
}
#left_block {
    width: 30%;
    height: 85%;
    top: 15%;
    left: 0;
    text-align: center;
    -moz-background-size: auto 98%;
    -webkit-background-size: auto 98%;
    -o-background-size: auto 98%;
    background-size: auto 98%;
    display: table-cell;
    background:left center #f2f2f2 no-repeat;
}
#left_block img {
    -moz-box-shadow: 7px 7px 7px #b1b1b1;
    -webkit-box-shadow: 7px 7px 7px #b1b1b1;
    box-shadow: 7px 7px 7px #b1b1b1;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#b1b1b1', Direction=145, Strength=5);
    width: 90%;
}
#right_block {
    width: 100%;
    height: 85%;
    top: 15%;
    right: 0;
}
#left_line_title {
    width: 100%;
    height: 20px;
    top: 0;
    left: 0;
    text-align: left;
    font: lighter 80% Verdana, Arial, Helvetica, sans-serif;
    padding-left: 25px;
    color: #8b738b;
    font-size: 16px;
    line-height: 1.35em;
    margin: 0px 20px 20px 0px;
    font-weight: bold;
}
.radius_block {
    border: 2px solid #e5e6e7;
    border-top-left-radius: 7%;
    border-top-right-radius: 7%;
    border-bottom-right-radius: 7%;
    border-bottom-left-radius: 7%;
}
.conttitle p{margin: 5px 0px 10px 0px;}
.conttitle .photo {
    display: block;
    background: url(../images/photo.png) no-repeat;
}
.conttitle a {
    letter-spacing: 1px;
    margin-left: 30px;
    color: #786478;
}
.tables {
    width: 100%;
    height: 100%;
    margin: 0;
}
.tables.w20 > li > div {
    width: 20%
}
.tables.w25 > li > div {
    width: 25%
}
.tables.w33 > li > div {
    width: 33%
}
.tables > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -5px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*table-layout: fixed;*/
}
.tables > li > div {
    display: table-cell;
    height: 100%;
    margin: 0;
    margin: 0;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.card {
  display: block;
  text-decoration: none;
  height: 100%;
  min-height: 255px;
  margin: 5px 15px 15px 15px;
      }
 article[role=article] .text-content {
    margin: 0;
/*! 	padding: 7px 0;*/
    clear: both;
    position:relative;
}
.imgsite{max-width: 100%;border: 1px solid #f0f0f0;}     
article[role=article] > header > h3 {
    color: #000;
    font-size: 14px;
    line-height: 1.4em;
    font-weight: normal;
    margin: 0;
    padding: 0;
    font-family: Montserrat, sans-serif;
    padding: 10px 0px 0px 0px;
}
article[role=article] > header > h3 > a {
    color: #000;
}
#gallery{margin: 0 auto; margin-top: 0px;}
.foto_center{/*! background-color: #000000;*/}
.cat-body td a{
    color: #000000;
    font-family: zhikharevc;
    font-size: 18px;
}
.cat-body td a:hover{
    color:#5977b3;
    font-family: zhikharevc;
    font-size: 18px;
}
.right a{color: #0c74a5;}
.right a:hover{color: #b90000;}
.al-title{width: 340px;text-align: left;margin: 0 auto;}
.logo
 {
    min-width: 1199px;
    max-width: 1199px;
    margin: 0px auto;
    z-index: 1;
    border-right: 1px solid #989191;
}
.pos input, select, textarea {
    background-color: #fff;
    display: inline-block;
    font: 15px/1.4em Arial, PT Sans, Helvetica, sans-serif;
    color: #666;
    text-indent: 5px;
    width: 100%;
    height: 39px;
    padding: 7px;
    border: 1px solid #f0f0f1;
    -webkit-transition: border .15s linear, color .15s linear;
    -moz-transition: border .15s linear, color .15s linear;
    -o-transition: border .15s linear, color .15s linear;
    transition: border .15s linear, color .15s linear;
    -webkit-backface-visibility: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: none;
}

.pos .forms.block input, .forms.block textarea {
    border: 1px dashed #ddd;
}
.pos .forms.block input[required], .forms.block textarea[required] {
    border: 1px solid #ccc;
}

.pos .sub {
    background-color: #4f5a6c;
    display: inline-block;
    font-size: 12px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: normal;
    text-indent: 36px;
    line-height: 40px;
    width: 140px;
    padding: 0;
    outline: 0;
    border: 0;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.pos .sub:hover,
.pos .sub:active,
.pos .sub:focus {
    background-color: #f0f0f1;
    color: #4f5a6c;
}
.pos .sub:hover:before {
    background-color: #555;
}
.pos{
    float: right;
    padding-top: 8px;
}
/* Search form */
.pos .form-search {
    text-align: left;
    padding-left: 5px;
    margin: 10px 0;

    position: relative;
}
.pos .form-search:after {
    display: block;
    content: ".";
    line-height: 0;
    height: 0;
    visibility: hidden;
    clear: both;
}
.pos .form-search > input {
    width: 520px;
    margin: 0;
}
.pos .form-search > button {
    display: inline-block;
    width: 44px;
    height: 38px;
    top: -1px;
    position: relative;
}
.pos .form-search > button:before {
    background-color: #999;
    font-family: 'icomoon';
    content: "\e926";
    color: #fff;
    font-size: 18px;
    text-indent: 1px;
    line-height: 38px;
    width: 44px;
    height: 100%;
    position: absolute;
    top: 0;left: 0;
    z-index: 1;
}
.pos .form-search > button:focus::before {
    background-color: #000;
}
.cattables {
    width: 100%;
    height: 100%;
    margin: 0;
    display: flex;
}
.cattables.w20 > li > div {
	width: 20%
}
.cattables > li {
    margin: 0 -5px;
    width: 20%;
    list-style-type: none;
	/*table-layout: fixed;*/
}
.cattables > li > div {
	margin: 0;
	margin: 0;
	padding-right: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}  

.vov{ 
    color: #3c3c3c;
    margin: 5px;
    font-size: 15.5px;
    line-height: 1.29;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: inherit;
    padding: 8px 16px;
    font-weight: 400;
    text-decoration: none;
    white-space: nowrap;
    background-color: inherit;
    border: none;
    border-radius: 40px;
    cursor: pointer;
    
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 20px;
    background: #f1f2f3;
    border-radius: 40px;
    }  
.textdiv a{color: #4e8bc8;}