/*viplex*/


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin:0;  /*  может опустить короткую новость вниз но все элементы сильно сбиваются*/
    padding:0; /*  может опустить короткую новость вниз без особых последствий*/
    border:9px;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    
	background:transparent;
	
}


body {
    line-height:1;
	
}

article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content:'';
    content:none;
}



.main-navigation > div > ul > li > a{
    text-decoration: none;
}





a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
   
    
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}




/*=======================================================================================================================================*/
/*=======================================================================================================================================*/
/*=======================================================================================================================================*/
/*=======================================================================================================================================*/
/*=======================================================================================================================================*/
/*=======================================================================================================================================*/
/*=======================================================================================================================================*/
/*=======================================================================================================================================*/
/*=======================================================================================================================================*/




/*Глубина браузера вверху тень*/

body:before {
    content: "";
	position: fixed;
	top: -10px;
	left: -10px;
	width: 110%;
	height: 10px;

	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	   -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	    -ms-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	     -o-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
			box-shadow: 0px 0px 10px rgba(0,0,0,.8);

	z-index: 100;
	}


 






/*body {
	  color:#919191; font:normal 12px/1.8em "Liberation sans", Arial, Helvetica, sans-serif; background:url(../images/bg.jpg) repeat;
}*/

body { 
  background: #333;




 /*  background: url(../images/mramor.JPG) no-repeat center center fixed;*/
  
 
  
  
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}





td, th{ 
	font: normal 12px/20px 'Lucida Sans Unicode', 'Lucida Grande', Arial, san-serif;
	color: #fff;
	top: 10px;
}/*календарь цвет букв*/


.reset, .reset li { list-style: none; padding: 0; margin: 0; }


input, textarea, select, body { font: 14px/16px Tahoma, Arial, Helvetica, sans-serif; }
input, textarea, select, a { outline: none; }
input.check-box { margin-right: 14px; }

a{
	color: #D8D5A9;
	text-decoration: none;
}
a:hover{
	color: #01B5B6;
	text-decoration: underline;
}
ul{
	list-style: none;
}
p{
	margin-bottom: 10px;
}




/*--------------------------------------------------   ФАЙЛ ENGINE.CSS  ------------------------------------------------------*/
/*---BB коды---*/
 /* различие bbcodes и bbcodes_poll исключительно в длине кнопки */
/* класс bbcodes используем в списке персональных сообщений (pm.tpl)  и по умолчанию в модуле редактора сообщений*/
.bbcodes, .bbcodes_poll {
	

	 
        background: #fff url("../images/bbcodes.png") repeat-x 0 100%; 
	text-shadow: 0 1px 0 #fff;
	border: 1px solid #b3b3b3;
	color: #383838;
	padding: 2px 9px 5px 9px;
	margin-bottom: 2px !important;
	height: 24px;
	font-weight: bold;
	cursor: pointer;
	-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
	-moz-box-shadow: 0 1px 4px -3px black;
	-webkit-box-shadow: 0 1px 4px -3px black;
	box-shadow: 0 1px 4px -3px black;
}
.bbcodes:hover, .bbcodes_poll:hover { background-position: 0 10px; }
.bbcodes_poll { width: 100px; }

.editor textarea {  background: #222 url("../images/fields.png") repeat-x; border: 0 none;  }
.editor input[type="text"] { padding: 2px; background: #fff url("../images/fields.png") repeat-x; border: 1px solid #bcc0c2; }
.editor_button {
	float: left;
	cursor: pointer;
	padding-left: 0;
	padding-right: 0;
}
.editor_buttoncl {
	float: left;
	cursor: pointer;
	padding-left: 1px;
	padding-right: 1px;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
}
.editbclose { float: right; cursor: pointer; display: none; }
.editor_button select { font-size: 11px; }

.editor_button img { margin: 0; padding: 0; }
.editbclose img { margin: 0; padding: 0; }
.editor_button_brk img { margin: 0; padding: 0; }

/*---Дополнительные поля---*/
.xfields textarea, .xprofile textarea { width: 98%; height: 86px; margin: 0px 1px 0px 0px;padding: 0px; }
.xfields input, .xprofile input { width: 250px; height: 14px; padding: 2px; }
.xfields_table td { vertical-align: top; }


/* ==================== Автозаполнение облака тегов */
.ui-autocomplete { position: absolute; cursor: default; }

* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

.ui-menu {
            list-style:none;
            padding: 2px;
            margin: 0;
            display:block;
            float: left;
}
.ui-menu .ui-menu {
            margin-top: -3px;
}
.ui-menu .ui-menu-item {
            margin:0;
            padding: 0;
            zoom: 1;
        float: left;
            clear: left;
            width: 100%;
}
.ui-menu .ui-menu-item a {
            text-decoration:none;
            display:block;
            padding:.2em .4em;
            line-height:1.5;
            zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
            font-weight: normal;
            margin: -1px;
}

/*---Информационное окно загрузки AJAX---*/
#loading-layer { display: none; font-size: 11px; background-color: #262626;
	border: solid #2f2f2f 1px;
	border-top-color: #000;
	border-left-color: #000;
	padding: 10px; text-align: center; color: #fff; }

/* ==================== Цитата и скрытый текст */

.scriptcode, .title_quote,
.quote, .title_spoiler, .text_spoiler { font-style: italic; padding: 10px; color: #000;
 background: #D3DAED url("../images/lines.gif") repeat; border-left: 5px solid #438fbf;

 
 
  }/* меняет фон у спойлера - работает */





.title_quote, .title_spoiler { background: #333; }/* меняет  у спойлера цвет в нераскрытом еще виде - работает */

.title_spoiler, .text_spoiler { border-color: #8B857D; }

.title_quote { border-bottom: 0; font-weight: bold; }
.scriptcode { background-color: #f9f8f5; border-left: 5px solid #438fbf; max-height: 250px;  overflow: auto; color: #004e8d; text-align: left; font-family: "Courier New"; border-top: 1px solid #f1eee8; border-right: 1px solid #f1eee8; border-bottom: 1px solid #f1eee8;}
.title_spoiler { font-weight: bold; }
.text_spoiler { border-top: 0; text-align: left; }

.hide { background-color: #e8f3fa; padding: 5px; color: #3a78a5; margin: 0 0 1em 0; }
.hide a { text-decoration: underline; } .hide a:hover { text-decoration: none }
.inhide { border: 1px solid #d1e3ef; padding: 5px; background-color: #fff; margin-bottom: 5px; }

/*---Ссылка на скачивание прикрепленного файла---*/
.attachment {padding:10px 5px 5px 5px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border:1px solid #04b5eb;color:#04b5eb;background:#f7f7f7 url('../images/download.png') no-repeat; background-position:30px 20px;}
.attachment span { margin:5px 5px 5px 80px;padding:0; font-size:16px; }
.attachment p { font-size:10px; color:#000; margin:5px 5px 5px 80px; }

/*---Выпадающее меню кнопки редактировать---*/
#dropmenudiv {
	border: 1px solid #cbdfe8;
	background-color: #fbfdfe;
	font-size: 11px;
	line-height: 20px;
	margin: 2px 0;
	padding: 5px;
	opacity:0.9; -moz-opacity:0.9; filter:alpha(opacity=90);
}
#dropmenudiv a { display: block; text-indent: 3px; text-decoration: none; color: #3f4b51; padding: 1px 0; width: 100%;}
#dropmenudiv a:hover { text-decoration: underline; } 

/*---показ оригинальной картинки загруженной на сайт из уменьшенной копии---*/
.highslide-wrapper, .highslide-outline { background: #FFFFFF; }
.highslide-image { border: 2px solid #FFFFFF; }
.highslide-active-anchor { visibility: hidden; } 
.highslide-active-anchor img { visibility: hidden; }
.highslide-dimming { background-color: black; }
.highslide-html { background-color: white; }
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
    text-decoration: none;
	padding: 3px;
	border: 1px solid white;
    background-color: black;
}
a.highslide-full-expand {
	background: url("../dleimages/fullexpand.gif") no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px; height: 34px;
}
.highslide-display-block { display: block; }
.highslide-display-none { display: none; }
.highslide-caption { display: none; padding: 5px; background: white; }
.highslide-controls {
    width: 195px;
    height: 40px;
    background: url("../../../engine/classes/highslide/graphics/controlbar-black-border.gif") no-repeat 0 -90px;
    margin-right: 15px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.highslide-controls ul {
	position: relative;
	left: 15px;
    height: 40px;
    list-style: none;
    margin: 0; padding: 0;
    background: url("../../../engine/classes/highslide/graphics/controlbar-black-border.gif") no-repeat 100% -90px;
}
.highslide-controls li { float: left; padding: 5px 0; }
.highslide-controls a {
    background: url("../../../engine/classes/highslide/graphics/controlbar-black-border.gif");
    display: block;
    float: left;
    height: 30px; width: 30px;
    outline: none;
}
.highslide-controls a.disabled { cursor: default; }
.highslide-controls a span { display: none; }
 
/*---The CSS sprites for the controlbar---*/
.highslide-controls .highslide-previous a { background-position: 0 0; }
.highslide-controls .highslide-previous a:hover { background-position: 0 -30px; }
.highslide-controls .highslide-previous a.disabled { background-position: 0 -60px !important; }
.highslide-controls .highslide-play a { background-position: -30px 0; }
.highslide-controls .highslide-play a:hover { background-position: -30px -30px; }
.highslide-controls .highslide-play a.disabled { background-position: -30px -60px !important; }
.highslide-controls .highslide-pause a { background-position: -60px 0; }
.highslide-controls .highslide-pause a:hover { background-position: -60px -30px; }
.highslide-controls .highslide-next a { background-position: -90px 0; }
.highslide-controls .highslide-next a:hover { background-position: -90px -30px; }
.highslide-controls .highslide-next a.disabled { background-position: -90px -60px !important; }
.highslide-controls .highslide-move a { background-position: -120px 0; }
.highslide-controls .highslide-move a:hover { background-position: -120px -30px; }
.highslide-controls .highslide-full-expand a { background-position: -150px 0; }
.highslide-controls .highslide-full-expand a:hover { background-position: -150px -30px; }
.highslide-controls .highslide-full-expand a.disabled { background-position: -150px -60px !important; }
.highslide-controls .highslide-close a { background-position: -180px 0; }
.highslide-controls .highslide-close a:hover { background-position: -180px -30px; }

.cufon-loading h1, .cufon-loading h2, .cufon-loading h3, .cufon-loading h4, .cufon-loading h5, .cufon-loading h6, .cufon-loading .post_type div, .cufon-loading .post_type span, .cufon-loading .header{
	visibility: hidden;
}

.article ol, .article ul{
	list-style-position: inside;
	margin-bottom: 10px;
}
.article ul li{
	padding-left: 20px;
	background: url(../images/ul_arrow.gif) no-repeat 3px 8px;
}

/*---Диалоговые и всплывающие окна jQuery UI---
.ui-helper-clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}
.ui-helper-clearfix{display:inline-block}.ui-helper-clearfix{display:block}
.ui-icon{background-repeat:no-repeat;display:block;overflow:hidden;text-indent: -99999px}
.ui-widget{font-family:Tahoma,LucidaSans,Arial,sans-serif;font-size:11px}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget
button{font-family:tahoma,Arial,sans-serif;font-size:11px}
.ui-widget-content{background:url('../images/ui-dialog/lines.png') center center rgba(28,28,28,0.8);border:1px solid #5D5D5D;box-shadow:0px 0px 1px #fff inset, 0px 0px 1px #fff inset, 0px 0px 1px #fff inset, 0px 0px 10px #000;-moz-box-shadow:0px 0px 1px #fff inset, 0px 0px 1px #fff inset, 0px 0px 1px #fff inset, 0px 0px 10px #000;-webkit-box-shadow:0px 0px 1px #fff inset, 0px 0px 1px #fff inset, 0px 0px 1px #fff inset, 0px 0px 10px #000;color:#222;padding:0px 6px 6px 6px}
input.ui-corner-all[type="text"]{background:#fff;border:1px solid #BABABA;color:#000 !important;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-box-shadow:0px 0px 1px #ddd inset}
.ui-dialog-content{background:#fff !important;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;border:1px solid #797979 !important;box-shadow:0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff;-moz-box-shadow:0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff;-webkit-box-shadow:0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff}
.ui-dialog-content textarea.ui-widget-content{background:#fff !important;border:1px solid #D2D2D2;color:#000 !important;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}
.ui-widget-header{background:none;border:0px;color:#000;font-weight:normal;font-size:8pt;font-family:Tahoma,arial;padding:6px 0px 6px 0px !important;text-shadow:0px 0px 6px #fff, 0px 0px 6px #fff, 0px 0px 6px #fff, 0px 0px 6px #fff, 0px 0px 6px #fff, 0px 0px 6px #fff}
.ui-state-error{background:#fef1ec 50% 50% repeat-x;border:1px solid #cd0a0a;color:#cd0a0a}
.ui-dialog-titlebar-close{display:block;position:absolute;top:0px;right:0px;width:43px !important;height:17px !important;padding:0px;border:0px;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-bottomleft:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;background:url('../images/ui-dialog/ui-close-btn.png') no-repeat;-moz-box-shadow:0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff;-webkit-box-shadow:0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff;box-shadow:0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff;-moz-transition:all 0.2s ease;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}
.ui-dialog-titlebar-close:hover{background:url('../images/ui-dialog/ui-close-btn-hover.png') no-repeat;box-shadow:0px 0px 5px #FF5A3B, 0px 0px 5px #FF5A3B, 0px 0px 5px #FF5A3B;-moz-box-shadow:0px 0px 5px #FF5A3B, 0px 0px 5px #FF5A3B, 0px 0px 5px #FF5A3B;-webkit-box-shadow:0px 0px 5px #FF5A3B, 0px 0px 5px #FF5A3B, 0px 0px 5px #FF5A3B}
.ui-button{background: #DBD8FE url('../images/ui-dialog/g-button_bg.png') repeat-x;border:1px solid #B3B3B3;color:#333;text-shadow:0px 1px 0px #fff;padding:4px 8px 4px 8px;font-size:8pt;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-box-shadow:0px 0px 1px #fff inset;box-shadow:0px 0px 1px #fff inset;-webkit-box-shadow:0px 0px 1px #fff inset;cursor:pointer;text-align:center;min-width:90px;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;float:right;margin-left:5px}
.ui-button:hover{text-shadow:0px 1px 0px #fff;background:url('../images/ui-dialog/g-button_bg.png') repeat-x #ECECEC}
.ui-button:active{background:#E3E3E3;text-shadow:none;-moz-box-shadow:0px 0px 1px #8B8B8B inset, 0px 0px 1px #fff, 0px 0px 1px #fff}
button.ui-button::-moz-focus-inner{border:0;padding:0}
.ui-dialog{overflow:hidden;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;position:absolute;width:900px}
.ui-dialog .ui-dialog-titlebar{position:relative}
.ui-dialog .ui-dialog-content{background:none;border:0;overflow:hidden;position:relative}
.ui-dialog .ui-dialog-buttonpane{border:0px;margin:0px;padding:0px;text-align:left;background:none;margin-top:5px;border:0px;float:right;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
.ui-dialog .ui-resizable-se{bottom:3px;height:14px;right:3px;width:14px}
.ui-widget-overlay{position:absolute;top:0px;left:0px;background:rgba(0,0,0,0.4)}
a.select{display:block;height:20px;line-height:19px;cursor:default;color:#000 !important;border:1px solid #BBBFC4;background:url('../images/ui-dialog/select-button.png') no-repeat #fff;background-position:100% 0px;padding:0px 0px 0px 4px}

*/





/*---Диалоговые и всплывающие окна jQuery UI---*/
.ui-helper-clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}
.ui-helper-clearfix{display:inline-block}.ui-helper-clearfix{display:block}
.ui-icon{background-repeat:no-repeat;display:block;overflow:hidden;text-indent: -99999px}
.ui-widget{font-family:Tahoma,LucidaSans,Arial,sans-serif;font-size:11px}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget
button{font-family:tahoma,Arial,sans-serif;font-size:11px}
.ui-widget-content{background:url('../images/ui-dialog/lines.png') center center rgba(28,28,28,0.8);border:1px solid #5D5D5D;box-shadow:0px 0px 1px #fff inset, 0px 0px 1px #fff inset, 0px 0px 1px #fff inset, 0px 0px 10px #000;-moz-box-shadow:0px 0px 1px #fff inset, 0px 0px 1px #fff inset, 0px 0px 1px #fff inset, 0px 0px 10px #000;-webkit-box-shadow:0px 0px 1px #fff inset, 0px 0px 1px #fff inset, 0px 0px 1px #fff inset, 0px 0px 10px #000;color:#e5e5e5;padding:0px 6px 6px 6px}
input.ui-corner-all[type="text"]{background:#fff;border:1px solid #BABABA;color:#000 !important;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-box-shadow:0px 0px 1px #ddd inset}
.ui-dialog-content{background:#333 !important;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;border:1px solid #797979 !important;box-shadow:0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff;-moz-box-shadow:0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff;-webkit-box-shadow:0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff}
.ui-dialog-content textarea.ui-widget-content{background:#fff !important;border:1px solid #D2D2D2;color:#000 !important;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}
.u i-widget-header{background:none;border:0px;color:#000;font-weight:normal;font-size:8pt;font-family:Tahoma,arial;padding:6px 0px 6px 0px !important;text-shadow:0px 0px 6px #fff, 0px 0px 6px #fff, 0px 0px 6px #fff, 0px 0px 6px #fff, 0px 0px 6px #fff, 0px 0px 6px #fff}
.ui-state-error{background:#fef1ec 50% 50% repeat-x;border:1px solid #cd0a0a;color:#cd0a0a}
.ui-dialog-titlebar-close{display:block;position:absolute;top:0px;right:0px;width:43px !important;height:17px !important;padding:0px;border:0px;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-bottomleft:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;background:url('../images/ui-dialog/ui-close-btn.png') no-repeat;-moz-box-shadow:0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff;-webkit-box-shadow:0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff;box-shadow:0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff;-moz-transition:all 0.2s ease;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}
.ui-dialog-titlebar-close:hover{background:url('../images/ui-dialog/ui-close-btn-hover.png') no-repeat;box-shadow:0px 0px 5px #FF5A3B, 0px 0px 5px #FF5A3B, 0px 0px 5px #FF5A3B;-moz-box-shadow:0px 0px 5px #FF5A3B, 0px 0px 5px #FF5A3B, 0px 0px 5px #FF5A3B;-webkit-box-shadow:0px 0px 5px #FF5A3B, 0px 0px 5px #FF5A3B, 0px 0px 5px #FF5A3B}
.ui-button{background: #DBD8FE url('../images/ui-dialog/g-button_bg.png') repeat-x;border:1px solid #B3B3B3;color:#333;text-shadow:0px 1px 0px #fff;padding:4px 8px 4px 8px;font-size:8pt;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-box-shadow:0px 0px 1px #fff inset;box-shadow:0px 0px 1px #fff inset;-webkit-box-shadow:0px 0px 1px #fff inset;cursor:pointer;text-align:center;min-width:90px;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;float:right;margin-left:5px}
.ui-button:hover{text-shadow:0px 1px 0px #fff;background:url('../images/ui-dialog/g-button_bg.png') repeat-x #ECECEC}
.ui-button:active{background:#E3E3E3;text-shadow:none;-moz-box-shadow:0px 0px 1px #8B8B8B inset, 0px 0px 1px #fff, 0px 0px 1px #fff}
button.ui-button::-moz-focus-inner{border:0;padding:0}
.ui-dialog{overflow:visible;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;position:absolute;width:900px}
.ui-dialog .ui-dialog-titlebar{position:relative}
.ui-dialog .ui-dialog-content{background:none;border:0;overflow:hidden;position:relative}
.ui-dialog .ui-dialog-buttonpane{border:0px;margin:0px;padding:0px;text-align:left;background:none;margin-top:5px;border:0px;float:right;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
.ui-dialog .ui-resizable-se{bottom:3px;height:14px;right:3px;width:14px}
.ui-widget-overlay{position:absolute;top:0px;left:0px;background:rgba(0,0,0,0.4)}
a.select{display:block;height:20px;line-height:19px;cursor:default;color:#000 !important;border:1px solid #BBBFC4;background:url('../images/ui-dialog/select-button.png') no-repeat #fff;background-position:100% 0px;padding:0px 0px 0px 4px}


/* крутой скроллер  */
::-webkit-scrollbar-button1 {
background-image:url('');
background-repeat:no-repeat;
width:5px;
height:0px
}

::-webkit-scrollbar-track {
background-color:#333;
}

::-webkit-scrollbar-thumb {
-webkit-border-radius: 0px;
border-radius: 0px;
background-color:#8A837B;
}

::-webkit-scrollbar-thumb:hover{
background-color:#56999f;
}

::-webkit-resizer{
background-image:url('');
background-repeat:no-repeat;
width:4px;
height:0px
}

::-webkit-scrollbar{
width: 4px;
}

* \ъкрутой скроллер  */







/*--- Рейтинг ---*/
.rating { width: 85px; height: 17px; font-size: 0.9em; }
.unit-rating { list-style: none; margin: 0; padding: 0; width: 85px; height: 17px; position: relative; background: url("../dleimages/rating.png") repeat-x; }
.unit-rating li { text-indent: -90000px; padding: 0; margin: 0; float: left; }
.unit-rating li a { display:block; width:17px; height:17px; text-decoration:none; text-indent:-9000px; z-index:17; position:absolute; padding:0; }
.unit-rating li a:hover { background: url("../dleimages/rating.png") 0 -17px; z-index: 2; left: 0; }
.unit-rating a.r1-unit {left: 0;}    .unit-rating a.r1-unit:hover {width:17px;}
.unit-rating a.r2-unit {left: 17px;} .unit-rating a.r2-unit:hover {width: 34px;}
.unit-rating a.r3-unit {left: 34px;} .unit-rating a.r3-unit:hover {width: 51px;}
.unit-rating a.r4-unit {left: 51px;} .unit-rating a.r4-unit:hover {width: 68px;}
.unit-rating a.r5-unit {left: 68px;} .unit-rating a.r5-unit:hover {width: 85px;}
.unit-rating li.current-rating { background: url("../dleimages/rating.png") 0 -34px; position: absolute; height: 17px; display: block; text-indent: -9000px; z-index: 1; }

/*------------------------------------------------  END ФАЙЛ ENGINE.CSS  ----------------------------------------------------*/



			


/* [6. Content] */
#holder{
	
		position: relative;
	width: 73%;
	margin: 0 auto;
	min-height: 100px;
	float: left;
	margin-left: 95px;
}

#holder_forum{
		position: relative;
	width: 73%;
	margin: 15px auto 25px auto;
	min-height: 100px;
}

#content{
	float: left;
	/*width: 73%;*/
	 
	width: 73%;                /* расширил первую страницу регистрации  с правилами поведения на сайте */         
	
	
	
	min-height: 100px;
	padding-bottom: 25px;
		position: relative;
		
	
}



#vip_content { 
	border: 1px solid #f0f0f0;
	border-bottom: 2px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#FFF;
}








/* Яндекс апдейты */
.ya_block {padding:0}
.ya_block div.ya_title, .ya_block div.gog_title {color: #690; font-size: 13px; font-weight:bold}
.ya_block img { width:16px; height:16px; margin-top:-2px; margin-right:2px;}
.ya_block div.ya_title span {color:#E90000;}
.ya_block div.gog_title span {color:#3D3BEF;}
.ya_block span.ya_one {color: #0C0; font-size: 13px;}
.ya_block span.ya_two {color: #090; font-size: 12px;}
.ya_block span.ya_tree {color: #060; font-size: 11px;}
.ya_block div.dotted {border:1px dotted #CCC; padding:5px; width:180px}
.errorya {color:#E90000; font-size: 13px; padding:55px 0; text-align:center;}

/* Оформление информации скачиваемого файла (MD5 и т.д.) */
.info_file { font:9px Verdana, Geneva, sans-serif; line-height: 11px; margin-top:5px; color: #666; background-color: #EAEAEA; padding:5px}

/* Каталог сайтов */
#new{background:url(../images/new.png) no-repeat;width:30px;height:17px;}

/* Реклама на сайте */
.infoblock { margin: 0 21px 0 22px; background-color: #f6f9fb; padding: 0px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;}
.userstop td, .pm td.pm_list, .pm td.pm_head {border:1px solid #d8d8d8;padding:2px;background-color:#fff; color:#333}
.userstop thead td, .pm td.pm_head {font-size:0.9em;background:#eee;height:22px;padding:0;font-weight:bold; text-align:center;color: #666 ;}

/* Правые блоки --------------------------------------------------------------------------------------------------------------*/


#aside{
	float: right;
	
	/* width: 268px;  ранее стояло -*/
	/* 	width: 305px; */
 width: 34%; 
/*width: 305px;*/

	padding-bottom: 25px; 
	
	position: relative;
	margin-right: -16%;
		
	}
#aside .right_block { 
	/* margin-top: -10px; /* этот параметр придумал сам для того , чтобы подтянуть к верху правые блоки и выровнять верхнюю кромку с коороткой новостью по верхней кромке --*/
	
	margin-bottom: 0px;
     background: #333 url(../images/fon_block.png);
     -moz-border-radius: 5px;
      border-radius: 5px;
       -moz-box-shadow: 0 0 5px #555;
        -webkit-box-shadow: 0 0 5px #555;
         box-shadow: 0 0 5px #555;
/* изменил цвет блока языки, а по сути применительно к каждому блоку---------------------------------------------------------
Долго не знал как уменьшить промежуток между блоками   margin-bottom: 25px; 
овечало за это я вместо 25
сделал 0 */

}


#aside .right_block .header {
	
	
	padding:5px 0px;
	font-family: Georgia, serif; font-style: normal;  color: #333; font-size: 1.4em;
	border-bottom: 0px solid #ccc;/* border-bottom: 1px solid #333; если  так сделать , то то блок станет тоже красивым , но похож на комод  с ящиками, но изящный вариант ----------------------------------------*/
		line-height: 15px;
}
#aside .right_block .content {padding:3px; color:#333;
	border-top: 0px solid #fff;  font-weight:normal2; 
}/* сократил блок языков в высоту  ----------------------------------------*/

#aside .right_block .content a {color: #660;
}

#aside .right_block .content img {
	vertical-align:middle;
}
	
	
	
	
/* Правые блоки --------------------------------------------------------------------------------------------------------------*/
.center_block { 
	border: 1px solid #1b1b1b;
	border-bottom: 2px solid #101010;
	background:#202020;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 15px;
	
	
}

.center_block h2 { 
	padding:15px;
}

.center_block .content {
	padding:15px;
	font-weight:normal
}

.center_block .content img {
	vertical-align:middle
}






/* блок друзья - полоски */
#indented ul{
	margin: 10px 0; padding: 0; 
	list-style: none;
}
#indented ul li {
	border-top: 1px solid #2d2d2d; 
	border-bottom: 1px solid #333;
}
#indented ul li:first-child {border-top: none;}
#indented ul li:last-child {border-bottom: none;}
#indented ul li a {
	padding: 5px;	
	display: block;
	color: #fff;
	text-decoration: none;
}
#indented ul li a:hover {background: #111;}



/* Обратная связь */
.feedback_block {
	position: relative;
	background: #FFF;
	overflow: hidden;
	text-shadow: 1px 1px 0 #fff;
	padding: 5px 15px;
	min-height: 50px;
	width:611px;
	margin: 0 auto 15px;
	border: 1px solid #f0f0f0;
	border-bottom: 2px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
}
.feedback_block h2 {
	color: #818181;
	margin-bottom:10px;
}

.feedback_block input, .feedback_block textarea {
    padding: 9px;
    border: solid 1px #E5E5E5;
    outline: 0;
    font: normal 13px/100% Verdana,  Tahoma, sans-serif;
    width: 200px;
    background: #FFFFFF  url('../images/bg_form.png') left top repeat-x;
    background: -webkit-gradient(linear,  left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
    background: -moz-linear-gradient(top,  #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
    box-shadow: rgba(0,0,0, 0.1) 0px 0px  8px;
    -moz-box-shadow: rgba(0,0,0, 0.1)  0px 0px 8px;
    -webkit-box-shadow: rgba(0,0,0, 0.1)  0px 0px 8px;
 }
.feedback_block textarea {
    width: 400px;
    max-width: 400px;
    height: 150px;
    line-height: 150%;
}
.feedback_block input:hover, .feedback_block textarea:hover, .feedback_block input:focus, .feedback_block textarea:focus {
    border-color: #C9C9C9;
    -webkit-box-shadow: rgba(0, 0, 0,  0.15) 0px 0px 8px;
}
.feedback_block label  {
    margin-left: 10px;
    color: #999999;
}
	



/* Красивые Кнопки ------------------------------------------------------------------------------------------------------------*/
.button {
       display: inline-block;
       zoom: 1; /* хак IE7 для display: inline-block*/
       outline: none;
       cursor: pointer;
       text-align: center;
       text-decoration: none;
       padding: 4px 10px;
	   margin:15px 5px 0 0;
       text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); /* CSS3: тень для текста */
       -webkit-border-radius: 6px; /* CSS3: закругление границ для Safari, Chrome */
       -moz-border-radius: 6px; /* CSS3: закругление границ для FireFox */
       border-radius: 6px;
       -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); /* CSS3: тень элемента для Safari, Chrome */
       -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); /* CSS3: тень элемента для FireFox */
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
       font: bold 12px Georgia, "Times New Roman", Times, serif;
	   
	   color: #DDEEFF;
	border: solid 1px #0076a3;
	background: #0095cd;
        background: -o-linear-gradient(#00adee, #0078a5); /* CSS3: фон с градиентом для Opera 11+ */
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5)); /* CSS3: фон с градиентом для Safari, Chrome */
	background: -moz-linear-gradient(top,  #00adee,  #0078a5); /* CSS3: фон с градиентом для FireFo 3.6+ */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5'); /* CSS3: фон с градиентом для IE */
}

div.button a {text-decoration: none;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); /* CSS3: тень для текста */color: #DDEEFF;}

/* Стиль кнопки при наведении */
.button:hover {
	background: #007ead;
    background: -o-linear-gradient(#0095cc, #00678e);
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
    color: #fff;
}
div.button a:hover {color: #fff;}

/* Стиль кнопки при нажатии */
.button:active {
      position:relative;
      top:1px;
      left: 1px;
	  color: #80bed6;
        background: -o-linear-gradient(#0078a5, #00adee);
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

div.button a:active {color: #80bed6;}

/* Модуль выводящий мини статистику сайта */
div.stattablo {
   color:#114C5B;
   text-align:center;
   font:12px Tahoma, Arial, sans-serif;
   display:block;
   margin-bottom:5px;
   white-space:nowrap;
   background:url(../images/skobkifull.png) no-repeat left top;
   height:35px;
   width:198px;
}
   div.stattablo span {
   color:#387021;
   font-size:11px;
}


/* модуль гннерации страниц*/
showstat { 
  position: float; 
  top: 10px; 
  right: 10px; 
  background: #ffffff; 
  background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); 
  background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); 
  background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); 
  background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); 
  background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); 
  font: normal 12px/18px Arial, Helvetica, sans-serif; 
  color: #323232; 
  padding: 20px 20px 10px 20px; 
  text-align: left; 
  border: solid 1px #fff; 
  -webkit-border-radius: 10px; 
  border-radius: 10px; 
  text-shadow: 1px 1px 0 #fff; 
  -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.3); 
  box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.3); 
  } 
  .showstat p { 
  margin: 0; 
  }



/*===================================================================================================================================*/
/*===================================================================================================================================*/
/*===================================================================================================================================*/
/*===================================================================================================================================*/
/*===================================================================================================================================*/
/*===================================================================================================================================*/
/*===================================================================================================================================*/
/*===================================================================================================================================*/


/*=========================================  Файл MAIN.TPL - #header - Шапка ============================================*/
#header {margin:0 auto; padding:0; width:1070px; background:url("../images/bg_top.jpg") no-repeat; }
#logo { margin:0; padding:0 10px -254px; float:left; width:400px; display: inline; position: relative; }
#logo h1 { margin:1px 20px 0 0; padding:10px 20px 12px 0; float:left; width:auto; line-height:1em; color:#b93f3f; background:url("../images/line_logo.png") no-repeat right bottom; }
#logo h1 a { color:#b93f3f; font:normal 37px/1em "Liberation sans", Dodger Italic, Arial, Verdana, Helvetica, sans-serif; }
#logo h1 a:hover { text-decoration:none; }
#logo h1 small { margin:0; padding:0 0 0 15px; color:#404040; letter-spacing:normal; font:normal 14px/1em "Liberation sans", Arial, Verdana, Helvetica, sans-serif; }
#banner { float:right; padding:0px 0px; margin:27px 0 10px; } /*задает ширину для моего рекламного банера сламбек Ахмадов        padding:0px 0px; именно второй 0 и выравнял банер справа */
#banner img { width:410px; height:60px; } /*задает ширину для моего рекламного банера сламбек Ахмадов причем из шаблона он не регулируется - толко это значение*/
.search { padding:27px 0 0; float:right; margin:0 6px 0;}/* опускает поиск по вертикали и поднимаеи  padding:28px */
#search span { display:block; margin:0; padding:0; float:left; background:url("../template/vipflex/images/search.gif") no-repeat left top; height:27px; width:266px; }
#search input#s { float:left; width:223px; padding:6px 0px 8px 10px; margin:0; border:0; background:#333; color:#B0B0B0; font:normal 12px/15px "Liberation sans", Arial, Verdana, Helvetica, sans-serif; }
#search .btn { float:right; padding:0; margin:0; border:0; width:auto;}
.topnav { 

float:left;
width:84.6%; 
margin:90px; 
margin-bottom: 10px;
height:20px; 

border:solid 1px #A57523;
   background:#555; 
       margin-top: -35px;         /* позволил опустить бокс поиска по ценнтру полосы навигации */
    /* margin-top: 20px; */
    
 display: block;

    
   padding:10px 5px 10px 0px;
      -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
/*
 опускает bg_top.jpg по вертикали и поднимаеи  padding:38px 
 интересно что изменение фона может повлеч сдвиг навиг кнопок вниз       border:solid 3px #2d2d2d; \
обводка навигац полоски border:solid 1px #000000; \
меняет фон навигац полоски   background:#555; 
*/
}
.topnav ul { position: relative; margin-top:-4px; margin-right:-0px; padding:-11px 20px; float:left; width:91%; height:45px; }
/*
двигает влево кнопки width:961px;\
 опускает буквы навигациик по вертикали и поднимает  padding:7px  \
 задает интерыл между меню и кооткой новостью  height:50px;  \ 
 опускает буквы и поднимает их функция которую я придумал   margin-top:-19px; \
 левое правое имеет значение ибо кнопка при смене на правый стали выразительнее float:right;\
  */
.topnav ul li { margin:20px 4px; padding:20px 30px; float:left;}
.topnav ul li a {  margin:0; padding:31px 25px; color:#ffffff; text-decoration:none; }/* изменил цвет буквы  горизонтальная панель навигации olor:#CBF3F6 */
.topnav ul li.current_page_item a, .topnav ul li a:hover { color:#C2B987; background-color:#cccaca; background-image:-moz-linear-gradient(100% 100% 90deg, #919191, #cccaca); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#111), to(#888)); border:3px solid #222; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:5px 30px 5px;
}
ul.menusm { 
 font-family: 'Jura', sans-serif;
font-size:16px;
margin-top:-28px; /* самоделка  - помогла поднять буквы */
z-index:1;


 
}
ul.menusm li { cursor:pointer; z-index:/*IE7*/999; padding:0px 5px 10px 5px;}
ul.menusm li a {  z-index:2;}
ul.menusm li ul { display:none;  list-style:none; z-index:3;}
ul.menusm li ul li ul {list-style:none;}




/*=========================================  Файл MAIN.TPL - #footer - Подвал ============================================
#footer { clear:both; margin:20px auto; width:952px; height:42px; color:#333; padding:10px 0 35px 10px; background: #fff url("../images/fon_block.png"); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius: 5px; -moz-box-shadow:0 0 4px #555; -webkit-box-shadow:0 0 4px #555; box-shadow:0 0 4px #555; }
#footer-content { width:679px; float:left; padding-left:10px; padding-right:10px; border-right:1px solid #CCC; }
#footer #counter { float:right; padding:47px 20px 20 8px; width:215px; }
#footer a:link, #footer a:visited { color:#128b4c; text-decoration:underline; }
#footer a:hover, #footer a:focus, #footer a:active { color:#128b4c; text-decoration:none; }
*/
/*=====================================  Файл SHORTSTORY.TPL - .shortstory - Краткая новсть =====================================*/
.shortstory { margin: 10px auto 20px auto; padding: 20px; width: 105%; 

background: #575757; color: #D9D9D9; /* изменил фон страницы коротких новостей\\\САМОДЕЛКА МЕНЯЕТ ЧАСТЬ  ШРИФТА ЦВЕТ новостей\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ранее стояло это без пикселей и поэтому я не мог опустить короткую новость вниз и выровнять с топ-новостями\\\\\ margin: 0 auto 25px auto;\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */


  font-family: 'Georgia', 'Times New Roman', serif !important;
  font-size: 15.5px !important;
    line-height: 1.15 !important;
    font-weight: 349 !important; /* нормальный вес, не жирный */
    letter-spacing: 0.02em !important; /* лёгкий разряд — воздух между буквами */
    color: #e8e8e8 !important; /* мягкий белый */

  -webkit- -moz-border-radius:5px; border-radius: 5px; -moz-box-shadow:0 0 4px #555; -webkit-box-shadow:0 0 4px #555; box-shadow:0 0 4px #555; 
  } 
 
.shortstory img { padding:4px; 

/*background:#333; /* красит рамку в картинке*/
border:0px solid #CFCFD0;


 }
.shortstory h2 { font-size: 1.1em; position: relative; color: #B6B2AF; text-shadow: 4 1px rgba(255,255,255,.8); margin: 35px 0 5px -26px; padding: 10px 0 10px 40px; background:url("../images/title.gif") no-repeat; width:670px; height:52px;

 }/* меняе рамер букв в короткой новости коричневая планка с названием новости =   опускае и поднимает    padding: 15px =*/
.shortstory .complaint-favorites { float:left; margin-top:-10px; padding:0;}
.shortstory .complaint-favorites img { vertical-align: middle; border: medium none; margin-right:10px; padding:0; border:none; }
.shortstory .author-date { font-size:.8em; font-weight:bold; position:relative; margin:-26px 0 15px 0; float:right; color:#000000; padding:5px 20px; text-shadow:0 1px rgba(255,255,255,.8); 

background-color:#888888; /* может менять цвет верхней планки категорий, на объемную хрень, но мне это не надо background-color:#CCC  \  неплохо -606060\     */

background-image:-moz-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.8)); background-image:-webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.8)); background-image:linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.8)); -moz-box-shadow:0 2px 2px #ccc; -webkit-box-shadow:0 2px 2px #ccc; box-shadow:0 2px 2px #ccc; width: 500px; }
.shortstory .author-date a { color: #333; }/* ранее стояло 2E2E2E меняеn цвет текста   нп верхней панке катекогий в короткой новости*/
.shortstory .author-date:after, .shortstory .author-date:before { content: ''; position: absolute; }
.shortstory .editdate { clear:both; color: #84ae1b; font-style: italic; font-size: 0.9em; text-align: right; padding-right: 24px; background: url("../images/editdate.png") no-repeat 100% 0; margin: 10px 0; }
.shortstory .lineinfo { margin-top: 0px; padding: 0 0 0 3px; height: 29px; background: url("../images/bmore.png") no-repeat; } /*margin-top:15px; это опускае нижнюю кромку новости делает ее широкой высрту  */
.shortstory .lineinfo .comviewedit { float:left;  margin-top: 6px; font-size: 0.9em; color: #98A7B1; }/*надпись в короткой новости просмотры *98A7B1 */
.shortstory .lineinfo .comviewedit a { color: #B1AFA6; margin: 0 10px; } /* надпись комментарии в короткой новости  #B1AFA6; */
.shortstory .fullbutton a { float: left; font-size:11px; width:85px; height: 25px; background: url("../images/argmore.png") no-repeat 0 0; color:#444; text-shadow: 0 1px 0 #fff; margin-top:1px; line-height: 22px; padding: 2px 0 0 8px; }
.shortstory .fullbutton a:hover { background-position: 0 -27px; text-decoration:none; color:#999 }
.shortstory .ratingbox {  margin:6px 6px 0 0; padding:0 5px; float:right; width:85px; height:17px; background:url("../images/ratebox.png"); 
}




/*=====================================  Файл FULLSTORY.TPL - .fullstory - Полная новсть =====================================*/
.fullstory { margin: 10px auto 0px auto; padding: 20px; width: 105%; 

background: #575757; color: #F2F6F6;

/* пришлось этот параметрт выдумать самому, для того, чтобы изменить черный шрифт на белый  color: #fff; \ а фон страницы меняет на серый- background: #959595;  */

.com_content {width: 105%;}

 font-family: 'Georgia', 'Times New Roman', serif !important;
 font-size: 15.5px !important;
    line-height: 1.19 !important;
    font-weight: 349 !important; /* нормальный вес, не жирный */
    letter-spacing: 0.02em !important; /* лёгкий разряд — воздух между буквами */
    color: #e8e8e8 !important; /* мягкий белый */

 -webkit-border-radius:5px; -moz-border-radius:5px; border-radius: 5px; -moz-box-shadow:0 0 4px #555; -webkit-box-shadow:0 0 4px #555; box-shadow:0 0 4px #555; }
.fullstory a, .fullstory a:hover { color: #00FFFF; }/* краси буквы - рекомендуемые новости были синие раньше   { color: #06F; }  */

.fullstory img { padding:0px; background:#999999; border:0px solid #999999; }/* отвечает ха рамки на страничке полной новости ранее было так .fullstory img { padding:4px; background:#fff; border:1px solid #CFCFD0; }*/
.fullstory h1 { font-size: 1.0em; position: relative;

 color: #DBDBDB; /* отвечает ха рамки на страничке полной новости ранее было так .fullstory img { padding:4px; background:#fff; border:1px solid #CFCFD0; }*/

text-shadow: 41px rgba(255,255,255,.8); margin: 35px 0 5px -26px; padding: 10px 0 10px 40px; background:url("../images/title.gif") no-repeat; width:670px; height:52px; }/* меняе рамер букв в короткой новости коричневая планка с названием полной новости  font-size: 1.0em; ===  опускает надпись на коричневой планке  padding: 30px     ==*/
.fullstory .complaint-favorites { float:left; margin-top:-10px; padding:0; }
.fullstory .complaint-favorites img { vertical-align: middle; border: medium none; margin-right:10px; padding:0; border:none; }
.fullstory .author-date { font-size:.8em; font-weight:bold; position:relative; margin:-26px 0 15px 0; float:right; color:#777; padding:5px 20px; text-shadow:0 1px rgba(255,255,255,.8); background-color:#CCC; background-image:-moz-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.8)); background-image:-webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.8)); background-image:linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.8)); -moz-box-shadow:0 2px 2px #ccc; -webkit-box-shadow:0 2px 2px #ccc; box-shadow:0 2px 2px #ccc; width: 500px; }
.fullstory .author-date a { color: #333; }/* =     =*/
.fullstory .author-date:after, .fullstory .author-date:before { content: ''; position: absolute;}
.fullstory .editdate { clear:both; color: #84ae1b; font-style: italic; font-size: 0.9em; text-align: right; padding-right: 24px; background: url("../images/editdate.png") no-repeat 100% 0; margin: 10px 0; }
.fullstory .thank {margin-top:20px;}
.shortstory .vkontakte { float: left; margin-top:1px; width:100px; }
.fullstory .lineinfo { margin:15px 0 25px 0; padding: 0 0 0 3px; height: 29px; background: url("../images/bmore.png") no-repeat; }

/* url("../images/bmore.png   - rкрасит нижнюю планку планку в короткой новости и планку в полной новости на линии лайков*/


.fullstory .lineinfo .comviewedit { overflow:hidden; margin:6px 6px 0 0; padding:0 5px; float:right; height:17px;font-size: 0.9em; color: #C3AB86; }

/*  color: #C3AB86; меняет цвет шрифта надписи - просмотры*/

.fullstory .lineinfo .comviewedit a { color: #C3AB86; margin: 0 10px; }

/*  color: #C3AB86; меняет цвет шрифта надписей - редактировать и комментариев*/


.fullstory .ratingbox { overflow:hidden; margin: 20px 6px 0 0; padding:0 5px; float:right; width:85px; height:17px; 

background:url("../images/ratebox.png"); }/* есть рейтинг зеленная полоска, так вот у ее есть с обоих концов площадки полукруги белый фон - он отвечает за белые поля - надо еще урать верхний и нижние полоски*/

.fullstory .related li a { text-decoration: none !important; }
.fullstory .related { margin: 40px 0 15px 0; }
.fullstory .related h3 { margin: 0 0 0.4em 0; font-size: 1.2em; color: #C3AB86; }/* Красит текст - рекомендуем также*/

.fullstory .related li { background: url("../images/lightpoint.png") repeat-x; }
.fullstory .related li a { display: block; padding: 3px 0; width: 100%; }
.fullstory .related li a:hover { color: #D7C7AD; }
.fullstory .reset, .reset li { list-style: none; padding: 0; margin: 0; }
.fullstory .info { margin-bottom: 30px; font-size: 0.9em; font-style: italic; padding: 8px 21px 8px 22px; background-color: #f9fdee; line-height: normal; border: 1px solid #8bb917; border-width: 1px 0; }

/*=====================================  Файл ADDNEWS.TPL - .addnews - Добавление новости =====================================*/
.addnews { margin: 0 auto 25px auto; padding: 20px; width: 85%; background: #fff; font-family: Arial, Helvetica, sans-serif; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius: 5px; -moz-box-shadow:0 0 4px #555; -webkit-box-shadow:0 0 4px #555; box-shadow:0 0 4px #555; }
.addnews h2 { font-size: 1.2em; position: relative; color: #333; text-shadow: 0 1px rgba(255,255,255,.8); margin: 0 0 5px -26px; padding: 10px 0 10px 40px; background:url("../images/title.png") no-repeat; width:650px; height:42px; }

/*=================  Файл PROFILE_POPUP.TPL - Информация о пользователе в всплывающем окне  ===================*/
#profile_popup #foto{ float:left; width:100px; height:100px; outline: 1px solid #ddd; border-top: 1px solid #fff; padding: 10px; background: #f0f0f0; margin:10px 15px 5px 5px; }
#profile_popup ul {	padding-top:15px; list-style: none; }
#profile_popup ul li { margin-bottom: 0.2em; color: #c7e2bd; } 
#profile_popup ul li a{ color: #666; }

/*=================  Файл LAST_TOPIC_BOX.TPL, LAST_TOPIC_CONTENT.TPL - Вывод последних тем с форума  ===================*/
#forum_list { margin: 0 auto 25px auto; padding: 10px; width: 660px; background: #fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius: 5px; -moz-box-shadow:0 0 4px #555; -webkit-box-shadow:0 0 4px #555; box-shadow:0 0 4px #555; }
.forumBoxLastInfo{border:1px solid #BCC0C2;margin:0;background:#FCFCFF}
.forumBoxLastInfo a{color:#176093}
.forumBoxLastInfo p{margin:0;padding:0}
.forumBoxLastInfo h3{ color:#191c1c;background:#eee; border-bottom:1px solid #bcc0c2; font-size:13px;font-family:'Trebuchet MS',Helvetica,Arial,sans-serif;font-weight:normal;padding:5px}
.forumBoxLastInfo table{width:100%;border-spacing:0;font-size:12px;font-weight:normal}
.forumBoxLastInfo th.name{width:42%;}
.forumBoxLastInfo th{text-align:left; background:#ECECEC;border-bottom:1px solid #D2D5D7;padding:2px 5px; font-size:12px; }
.forumBoxLastInfo td{border-bottom:1px solid #D2D5D7;padding:2px 5px;border-right:1px solid #E0E0E0}
.forumBoxLastInfo .topicLastPost p{ color:#000;margin:0; border:none;}
th.lastpost{text-align:right}
.forumBoxLastInfo td.stats p{color:#000;margin:0;}
.forumBoxLastInfo img.avatarLastAutor{padding:1px;border:1px solid #BCC0C2!important;background:#fff;float:right;margin-left:5px;width:35px;height:35px}
.forumBoxLastInfo .topicLastPost p strong {color:#969696;font-weight:normal}
.forumBoxLastInfo .topicLastPost p{padding-right:40px;text-align:right}

/*=================================  Файл INFO.TPL - Вывод информации о ошибок  ============================================
#error_info { margin: 0 auto 25px auto; padding: 10px; width: 660px; display: block; height: 300; background: #fff url("../images/fon_block.png"); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius: 5px; -moz-box-shadow:0 0 4px #555; -webkit-box-shadow:0 0 4px #555; box-shadow:0 0 4px #555; z-index: 1; }
#error_block {padding:5px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border:1px solid #641f1a;color:#0e7fad;background:#c0e9fa url('../images/info.png') no-repeat; background-position:30px 20px;}
#error_block h4 { margin:5px 5px 5px 80px;padding:0; font-size:16px; }
#error_block p { font-size:10px; color:#000; margin:5px 5px 5px 80px; font-size:16px; }

/*=====================================  Файл STATIC.TPL - #static - Статические страницы =====================================*/


/*=================================  Файл INFO.TPL - Вывод информации о ошибок  ============================================*/
#error_info { margin: 0px auto 25px auto; padding: 10px; width: 107.7%; display: block; height: 300; background: #fff url("../images/fon_block.png"); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius: 5px; -moz-box-shadow:0 0 4px #555; -webkit-box-shadow:0 0 4px #555; box-shadow:0 0 4px #555; z-index: 1; }
#error_block {padding:5px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border:1px solid #641f1a;color:#fff;background:#94adb7 url('../images/info.png') no-repeat; background-position:30px 20px;}
#error_block h4 { margin:5px 5px 5px 80px;padding:0; font-size:16px; }
#error_block p { font-size:10px; color:#000; margin:5px 5px 5px 80px; font-size:16px; }

/*=====================================  Файл STATIC.TPL - #static - Статические страницы =====================================*/


#static { 

margin: 0 auto 25px auto;
 padding: 15px 20px; 
  /* width: 640px; */
width: 111%;
 background: #555555; /* меняет фон статической страницы \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/



 font-family: Arial, Helvetica, sans-serif; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius: 5px; -moz-box-shadow:0 0 4px #555; -webkit-box-shadow:0 0 4px #555; box-shadow:0 0 4px #555; color:#D5D5E0; }
#static a { color:#B8860B; }
#static img { padding:0px; background:#fff; border:0px solid #CFCFD0; }/*#static img { padding:4px; background:#fff; border:1px solid #CFCFD0; }    эта строка изначально была такой она делала противные рамки на статических страницах*/
#static h1 { font-size: 1.2em; position: relative; color: #777; text-shadow: 0 1px rgba(255,255,255,.8); margin: 0 0 5px -26px; padding: 10px 0 10px 40px; background:url("../images/title.jpg") no-repeat; width:650px; height:42px; 



}
#static .pages { clear:both; color: #84ae1b; font-style: italic; font-size: 0.9em; text-align: left; margin: 10px 0; }

/*=====================================  Файл TOPNEWS.TPL - #topnews - ТОП Новостей =====================================*/
#topnews ul{ margin:0; padding:0; list-style:none; }
#topnews ul li { border-top:1px solid #2d2d2d; border-bottom:1px solid #080808; }
#topnews ul li img { float:left; padding:6px 10px 0 5px; width:16px; height:16px; }
#topnews ul li:first-child { border-top:none; }
#topnews ul li:last-child { border-bottom:none; }
#topnews ul li a { font-size:12px; padding:5px; display:block; color:#fff; text-decoration:none; }
#topnews ul li a:hover { background:#111; }

/*=====================================  Файл MAIN.TPL - #frends - Партнеры и друзья =====================================*/
#frends ul{ margin:0; padding:0; list-style:none; }
#frends ul li { border-top:1px solid #2d2d2d; border-bottom:1px solid #080808; }
#frends ul li img { float:left; padding:6px 10px 0 5px; width:16px; height:16px; }
#frends ul li:first-child { border-top:none; }
#frends ul li:last-child { border-bottom:none; }
#frends ul li a { font-size:12px; padding:5px; display:block; color:#fff; text-decoration:none; }
#frends ul li a:hover { background:#ccc; }

/*===========================  Файл LOGIN.TPL - .login_open - .login_panel - Панель входа и авторизации ===========================*/
#bar {padding-left:20px; height:70px;background:url("../images/zvezdnoe nebo.gif") repeat-x left top; position:relative;font:12px Tahoma, Geneva, sans-serif;z-index:10; margin-top:35;}
#bar div.bar_wrp {width:95%;height:70px; margin-top:35;}
#bar .clearfloat:after{content: "."; display: block; height: 0; clear: both !important; visibility: hidden;}
#bar * html .clearfloat {height: 1%;}
#bar .clearfloat {display: block;}
#bar div.bar_wrp #bar_logout a {display:block;float:right;text-indent:-9999px;margin-right:20px;margin-top:7px;margin-left:20px;background:url("../images/logout.png") no-repeat left top;width:57px;height:20px;}
#bar div.bar_wrp #bar_logout a:hover {background-position:left -56px;height:34px;margin-top:-1px;}
#bar div.bar_wrp #bar_rss a {display:block;float:left;text-indent:-9999px;margin-top:7px;margin-left:5px;background:url("../images/rss_link.png") no-repeat left top;width:57px;height:20px;}
#bar div.bar_wrp #bar_rss a:hover {background-position:left -56px;height:34px;margin-top:-1px;}
#bar div.bar_wrp #bar_wm a {display:block;float:left;text-indent:-9999px;margin-right:5px;margin-top:7px;margin-left:20px;background:url("../images/wm.png") no-repeat left top;width:57px;height:20px;}
#bar div.bar_wrp #bar_wm a:hover {background-position:left -56px;height:34px;margin-top:-1px;}
#bar div.bar_wrp #bar_line {width:2px;background:url("../images/delimeter.png") no-repeat right center;float:right;height:34px;}
#bar div.bar_wrp #bar_line2 {width:2px;background:url("../images/delimeter.png") no-repeat right center;float: left;height:34px;}
#bar div.bar_wrp #bar_line3 {width:2px;background:url("../images/delimeter.png") no-repeat right center;float: left;height:34px;}

#bar div.bar_wrp .loginbox, .lvsep, .loginbtn, .lbn { float: right; }
#bar div.bar_wrp .loginbox .loginbtn { position: relative; margin:0; }
#bar div.bar_wrp .lbn { padding:8px 15px 0 15px; color: #9A9A9A; font-size: 1em; font-weight:bold }

/* color: #99887A;  изменил цвет надписи панель управления*/
#bar div.bar_wrp .loginbox #logform { border: 1px solid #cbdfe8; padding: 10px; top: 34px; left: 0; z-index: 12; display: none; position: absolute; width: 210px; background-color: #fbfdfe; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 5px #555; -webkit-box-shadow: 0 0 5px #555; box-shadow: 0 0 5px #555;}
#bar div.bar_wrp .loginbox .lvsep { line-height: 24px; font-size: 1em; padding: 4px 0 0 0; margin-right: 15px; margin-left:15px;}
#bar div.bar_wrp .loginbox .lvsep a { color: #9A9A9A}
/* color: #99887A;  изменил цвет надписи собщения, добавить новость*/


#bar div.bar_wrp .loginbox .lvsep .radial { margin-right: 5px; background-color: #383838; color: #979797; float: left; padding: 0 10px; }



#bar div.bar_wrp .loginenter { border-top: 1px solid #dbe8ed; }
#bar div.bar_wrp .loginenter li a { display: block; width: 100%; color:#333; padding: 5px 0; border-bottom: 1px solid #dbe8ed; }
#bar div.bar_wrp #user_link_dd {display:inline-block; width:9px; height:5px; background:url("../images/header_dropdown.png") no-repeat left; }
#bar #bar_reg a {display:block;float: right;text-indent:-9999px;margin-right:34px;margin-top:7px;margin-left:20px;background:url("../images/reg.png") no-repeat left top;width:90px;height:20px;}
#bar #bar_reg a:hover {margin-top:0;background-position:left -27px;height:33px;width:90px;}
#bar #bar_help {height:34px;float: right;background:url("../images/delimeter.png") no-repeat right center!important;padding-left:12px!important;}
#bar #bar_help input {cursor:pointer;margin:0;padding:0;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
#bar #bar_help label {margin-right:10px;cursor:pointer;display:block;float:left;font-size:11px;color: #CCC; }
#bar #bar_help .checkboxOn {float:left; background:url("../images/remember.png") no-repeat left -18px;}
#bar #bar_help .checkboxOff { float:left; background:url("../images/remember.png") no-repeat left 4px;}
#bar #bar_help a {font-size:11px;font-weight:400!important;color: #CCC;margin-left:14px;}
#bar #bar_auth_form {float:right;background:url("../images/delimeter.png") no-repeat right center;height:34px;padding-right:20px;}
#bar #bar_auth_form label {float:left;color: #CCC;margin-right:4px;margin-top:8px;margin-left:0!important;}
#bar #bar_auth_form input.bar_text, #bar #bar_auth_form input.bar_password {outline:none;display:block;float:left;border:none;line-height:12px;font-size:10px;	height:17px;width:100px;margin-top:6px;	margin-left:7px;color:#000;background:none;}
#bar #bar_auth_form input:focus {outline:none;}
#bar .bar_input_bg {float:left;height:34px;width:115px;background:url("../images/input_bg.png") no-repeat left 6px;margin-right:10px;}
#bar #bar_auth_form .submit {position:relative;display:block;float:left;border:none!important;cursor:pointer;margin-left:6px;width:37px;height:20px;margin-top:7px;text-indent:-9999px;background:url("../images/submit_bg.png") no-repeat left top;}
#bar #bar_auth_form .submit:hover {width:37px;height:34px!important;margin-top:0!important;background-position:left -27px;}

/*=====================================  Файл POGODA.TPL - #pogoda - Подробная погода =====================================*/
#vippogoda { margin: 0 auto 25px auto; padding: 15px 20px; width: 640px; background: #fff; font-family: Arial, Helvetica, sans-serif; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius: 5px; -moz-box-shadow:0 0 4px #555; -webkit-box-shadow:0 0 4px #555; box-shadow:0 0 4px #555; }
#vippogoda a { color:#333; }
#vippogoda h1 { font-size: 1.2em; position: relative; color: #333; text-shadow: 0 1px rgba(255,255,255,.8); margin: 0 0 5px -26px; padding: 10px 0 10px 40px; background:url("../images/title.png") no-repeat; width:650px; height:42px; }

.tcomm{width: 600px; background-color: #FFF; margin: 3px}
.tcomm .lft{	background-image: url("../images/cpoint.png");	background-position: -8px 0px;	background-repeat: no-repeat;	padding-bottom: 8px;	width: 8px;	float: right}
.tcomm .rtt{	background-image: url("../images/cpoint.png");	background-position: 0px 0px;	background-repeat: no-repeat;	padding-bottom: 8px;	width: 8px;}
.tcomm .lfd{background-image: url("../images/cpoint.png"); background-position: -8px -8px; background-repeat: no-repeat; padding-bottom: 8px; width: 8px; float: right}
.tcomm .rtd{background-image: url("../images/cpoint.png"); background-position: 0px -8px; background-repeat: no-repeat; padding-bottom: 8px; width: 8px;}

.tcuct{float: right; background-color: #FFFFFF; padding-top: 7px; width: 584px; border-top: 1px solid #D3D3D3}
.tcucd{float: right; background-color: #FFFFFF; padding-top: 7px; width: 584px; border-bottom: 1px solid #D3D3D3}
.tcubltxt{border-left: 1px solid #D3D3D3; border-right: 1px solid #D3D3D3; padding: 4px; min-height: 20px; vertical-align: top}
.pogodatitle td{ color: #333333; font-weight: bold; padding-bottom: 5px }
.pogoda td{ padding-bottom: 5px }
.pogoda td span{ padding-bottom: 5px; font-weight: bold; font-style: italic; color: #426428 }
.pogoda strong{ font-size: 1.5em }
.answer span{ padding-left: 15px; color: #999999; font-style: italic }

/*==============================  Файл NAVIGATION.TPL - .catPages - Навигация межстраничная ==============================*/
.catPages {color:#5c5b5b;margin-bottom:0px;margin-top:10px;font-family:Georgia, "Times New Roman", Times, serif;text-align:center;}  
.catPages a:link, .catPages a:visited {color:#fff;text-decoration:none;background:#5c5b5b;padding:3px 10px;font-size:9pt; margin-right:3px}  
.catPages a:hover {background-color: #666;}  
.catPages span {text-decoration:none;background:#5c5b5b;padding:4px 11px;color:#fff;font-size:12pt;position:relative;bottom:-1.5pt; margin:0 3px}  
.catPages span, .catPages a {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

/*=====================================  Файл MAIN.TPL - .rightmenu - Категории сайта ======================================*/
ul.rightmenu {
    list-style:none;
     margin-top:-5px;
      padding:3px;
       border-top:1px solid #fff;
        font-weight:bold; font-size:12pt;
/*.nav-catalog */
 /* padding:0;*/
	/* margin: 0px auto;/* -30px отвечает за прижатие меню к вернему краю шапки - стоял 0, но это было недостаточно для решения моей задачи */
    /* max-width: 250px;*/
  	/*padding: 10px 20px 15% 20px; делает праввые блоки слишком высокими==================
	============================================================================================= */
	padding: 10px 20px 20px 20px; /* 15% отечает за высоту планок навигации - 0px 20px 15% 20px;*/
	
	/*ВАЖНО**************************************************************************************************************/
	/* первая цифра отвечает за верхний отступ*/
	/* вторая цифра отвечает за правый отступ*/
	/* третья цифра отвечает за нижний отступ*/
	/* четвертая цифра отвечает за левый отступ*/
	margin: 10px 0px 0px 0px; /*перва цифра отвечает за то. чтобы скроллеры раздвигать***************************************************************************************************************************************************************************************************третья отступ меню от подвала */
	/*border-bottom:1px solid #e1e1e1;*/                              /* без пантовая*/
   border-bottom: 6px solid #222;	/* делает тень снизу *****************************************************************************************************************************************************************************************************************************************************************************у блока вещь нужная, ту была белая линия которую я нем много часов убрать!!!!!!!*/
   background-image:-webkit-linear-gradient(#777, #333); /* без пантовая*/
   background-image:-moz-linear-gradient(#777, #333); /* без пантовая*/
   background-image:-ms-linear-gradient(#777, #333); /* без пантовая*/
  background-image:linear-gradient(#777, #333);/* делает  у блока фон общий вещь нужная*/
  -webkit-box-shadow:inset 4px 4px 4px 4px rgba(250,250,250,0.1);
    -moz-box-shadow:inset 4px 4px 4px 4px rgba(250,250,250,0.1);
    box-shadow:inset 4px 4px 0px 4px rgba(250,250,250,0.1);/* влияние незаметное вообще, но естьв виде тени вокруг блока меню*/
	
}/*==== регулирует расстояние между строк в правом блоке меню между навотями       padding:1px ===*/



/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\этот код делалкрасивые клавиши коричневые, но мне больше симпатичнее если из нет, а поэтому я этот стиль отключаю*/
ul.rightmenu li { position:relative; border-top:0px solid #fff; border-bottom:0px solid #ccc; 

/*.nav-catalog ul{
   list-style-type: inherit;
    margin: 0px;
   /* padding: 10px;	 в такой записи не работает надо указывать пиксели*/
    /*text-align: left; не вижу работы*/
	
	
}*/
ul.rightmenu li:first-child { border-top:1px;

/*padding:6px;/* в такой записи меню делает отступы полезные типа как абзац*/
	

 }
 

ul.rightmenu a, .rightmenu span.sublink, .rightmenu a b { display:block; cursor:pointer; }
ul.rightmenu b { padding:0 19px; }
ul.rightmenu a, .rightmenu span.sublink { color: #FFFFFF; width:100%; padding:3px 0 2px 0; }
ul.rightmenu span.opened b, .rightmenu a:hover b, .rightmenu span.sublink:hover b { background:url("../images/bngndot.png") no-repeat 7px 50%; }

ul.rightmenu li span:hover { background: #333; 
/* ЕСЛИ УБРАТЬ ПРАМЕТР height:20px;  -ТО ВСЕ БУКВЫ СТАНУТ НЕПОДВИЖНО

/* фон для ссылки в правом блоке меню  это загорается ссылка ведущая на ссылки  страниц\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/




.nav-catalog ul li{      /*устраняет прыжки в подменю*/
	
	/* ---------margin: 0;--------*/
	 background: #333;
    border-bottom: 3px solid #222;
    background-image:-webkit-linear-gradient(#444, #333);
    background-image:-moz-linear-gradient(#444, #333);
    background-image:-ms-linear-gradient(#444, #333);
    background-image:linear-gradient(#444, #333);
    -webkit-box-shadow:inset 0 1px 0 0 rgba(250,250,250,0.1);
    -moz-box-shadow:inset 0 1px 0 0 rgba(250,250,250,0.1);
    box-shadow:inset 0 2px 0 0 rgba(250,250,250,0.1);
	
	
}


ul.rightmenu .sublink img { width:0px; height:0px; position:absolute; top:0px; right:15px; background:url("../images/open-close.png") no-repeat;


}

/*/////////////////////////////////////////////////////////////////////именно эта хрень и создавала открывающий и закрывающий синий значек в  прафах блоках управления и главным образом мешел синий значок на саммом верху главной страницы главгого шаблона. теперь там просто пустота, но двоеточие справа в самом углу остадось.. Ещепроблема была такая синий значек убрал  а пустой увадратик остался - я от него избавился установив ширину и высоту =0   ///////////////////////////////////////////             //////////////////////////тут неплохой пример с девочкой   http://htmlbook.ru/css/position         ///////////////////////////////////////*/



ul.rightmenu .closed img { background-position:0 0; }
ul.rightmenu .opened img { background-position:0 -14px; }
ul.rightmenu .submenu { 

 list-style-type: square;

/*background:url("../images/zvezdnoe nebo.gif")*/

/*background-color: #333;*/


}



ul.rightmenu .submenu ul { margin:0; padding:8px 2px; font-size:0.97em; background:none; color: #A1A0A7; 


} /* отсюда сумел сделать внятным шрифт м модуле блока статистика - а то шрифт сливался с черным небом\

 изменил цвет надписей под  черной планкой на сереневатыйcolor: #A1A0A7  
 
 font-size:0.9em меняет размер на самых нижних уровнях ссылки - типа прочный мир построить можно\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\важно\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
ul.rightmenu .submenu ul li a { color: #868A96; width:100%; height:auto; line-height:normal; padding:3px 0px; text-indent:0; background:none; 
margin:0px;
}
ul.rightmenu .submenu ul li a:hover { color: #48D1CC; text-decoration:none; 
/*line-height:2; благодаря этой самодеятельности надпись при наведении мышки читается и строки не перехлестывают - Прочный мир построить можно*/
	line-height:2;}
 /*.nav-catalog ul*/
   list-style-type: square;
	background:#66FFFF; /*  отвечает за ФОН при наведении мыщкой на ссылку */
	}

/*=====================================  Файл TOPNEWS.TPL - .topnews - Популярные новости ======================================*/
a.topnews div { width:126px; height:156px; background:url(../images/top-fon.png) no-repeat; }
a.topnews div img { width:90px; height:120px; padding-top:18px; }
a.topnews:link, a.topnews:visited { padding:4px; display: block; font-weight:bold; }
a.topnews:hover, a.topnews:active { padding:4px; background:#ccc; -moz-border-radius:3px;-webkit-border-radius:3px; border-radius: 3px; color:#fff; }

/*=====================================  Модуль HIDE - Популярные новости ======================================*/
#hide { padding:10px; margin:5px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.greenhide { border:1px solid #006600; background-color:#E6FFE6; text-align:justify; }
.redhide { border: 1px solid #CC0000; background-color: #FFE1E1; text-align: center; }
.redhide ul { text-align:left; margin:0; margin-left:25px; }
.redhide div, .redhide div a, .redhide div a:hover { text-align:right; font-style:italic; color:#999999; text-decoration:none; }
.hideavt, .hideavt a, .hideavt a:hover{ text-align:right; font-style:italic; color:#777; }
.nologged{ background-color:#FFEAEB; border:1px solid #CC0000; }

/*=====================================  Модуль Репутация - Репутация пользователей ======================================*/
#repa_ava {float:left;padding-right:10px;width:80px;height:80px;}
#repa_info {float:left;padding-right:10px;height:80px;}

/*==========================================  Файл PM.TPL - Личные сообщения =============================================*/
#pm_block { margin: 0 auto 25px auto; padding: 15px 20px; width: 640px; background: #fff; font-family: Arial, Helvetica, sans-serif; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius: 5px; -moz-box-shadow:0 0 4px #555; -webkit-box-shadow:0 0 4px #555; box-shadow:0 0 4px #555; }
#pm_block a { color:#00F; }
#pm_block h1 { font-size: 1.2em; position: relative; color: #333; text-shadow: 0 1px rgba(255,255,255,.8); margin: 0 0 5px -26px; padding: 10px 0 10px 40px; background:url("../images/title.png") no-repeat; width:650px; height:42px; }




.gir {
  position:absolute;
  top:5px;
  margin:0 auto;
  margin-left:-10px;
}

.elka {
  position:absolute;
  top:35px;
  margin:0 auto;
  margin-left:400px;
}


.pm_status {
    float:left;
    border: 1px solid #d8d8d8;
    padding: 0px;
    background-color: #fff;
    width: 280px;
    height: 100px;
    margin-left: 20px;
    margin-right: 5px;
}

.pm_status_head {
    border-bottom: 1px solid #d8d8d8;
    font-size: 0.9em; 
    background: #fff url("../images/bbcodes.png") repeat-x 0 100%;
    height: 22px;
    padding: 0;
    font-weight: bold;
    text-align: center;
    color: #4e4e4e;
}

/* Карта сайта цвет  категории*/
.sitemap_categories {color:#3D9C3D;}
 

/* Карта сайта показывает вложенности и маркеры*/
ul.sitemap_categories {list-style-type:circle;padding-left:20px;}
ul.sitemap_items {list-style-type:disc;padding-left:20px;}

/*Кнопка наверх по 2 варианту варианту голимая надпись наверх без стрелки*/

.b-top {z-index:1;position:fixed;left:0;bottom:34px;width:50%;margin-left:5%;opacity: 0.5;filter:alpha(opacity=50);}/*расположение кнопки  по горизонтали  width:50%;   по вертикали  bottom:193px;  надпись наверх сокрыта в файле footer_my_kaile.tpl в самом низу страницы  - именно эта надпись и задает механическим способом ширину кнопки */
.b-top:hover {opacity:1;filter:alpha(opacity=100);cursor:pointer;}
.b-top-but {z-index:1;position:absolute;display:block;left:56px;bottom:0;margin:0 0 0 100%;padding:23px 12px 4px;/*высота кнопки  -padding:33px   */
color:white;background:#222 url(https://iisusse-news.com/templates/vipflex/images/5.png) no-repeat 50% 11px;border-radius:7px;}

/*красивое меню*/

/* Left menu */
#main-nav2 a:link, #main-nav2 a:visited, #main-nav2 a:active {
background:#FFFFFF url(../images/meleft1.png) repeat scroll 0 0;
color:#000000;
font-size:13px;
font-weight:bold;
line-height:28px;
padding:0;
}

#main-nav2 ul {
margin:0 auto;
}

#main-nav2 li {
display:block;
font-size:0.9em;
line-height:0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 auto;
width:200px;
text-align:center;
}


#main-nav2 a:link, #main-nav2 a:visited, #main-nav2 a:active {
display:block;
margin:0 auto;
padding:0 15px;
text-decoration:none;
}

#main-nav2 a:hover, #main-nav2 #selected:link, #main-nav2 #selected:visited {
background:#FFFFFF url(../images/meleft2.png) repeat scroll 0 0;
color:#888888;
text-decoration:none !important;
}

/* Left menu END*/


/*---Ссылка на скачивание прикрепленного файла---*/

/*---Полоса с названием файла---*/
#attachment  { 
  text-align:center;
  border:1px solid #000;
  border-radius:3px; 
  background: #013027; 
  color: #808080; 
  width:500px; 
  padding:2px; 
  float:center; 
  min-height:20px;
  box-shadow: 1px 1px 2px #000;
}

#attachment a {color: #ccc; text-shadow: 5px 5px 10px #fff; }

/*---Показатели файла (размер и скачано)---*/
#attachment2{
  text-align:center;
  text-shadow: 5px 5px 5px #013027;
  color:#000;
  margin-top:5px;
  font-weight:700;  
}
#attachment2 span{color:#ff0000;}

/*---Кнопка на скачивание в всплывшем окне---*/
#attachment3  { 
  text-align:center;
  border:1px solid #000;
  border-radius:3px; 
  background: #013027; 
  padding:2px; 
  float:center; 
  box-shadow: 1px 1px 2px #000;
  margin:7px 0px 0px 0px;
}

#attachment3 a {font:40px bold; color: #ccc; text-shadow: 5px 5px 10px #fff; }

.att_hr{width:300px; margin:18px 0px;}



/* хобби //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

 .logo1 {
	 -webkit-box-reflect: below -5px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.3)));
	}


.Marck_Script {
color: #C6C6C2;
font-size: 20px;
}
 .Slavyanskiyj_1{ 
font-family: 'Ruslan Display', cursive;

 }
.Slavyanskiyj_2{ 
font-family: 'Ruslan Display', cursive;
font-size:25px;
}


/*Вступительное слово к общим правилам поведения от администрации www.iisusse-news.com*/
.Poiret_One {
    font-family: 'Poiret One', cursive;
	font-size: 12px;
	}
	
.Jura_2 { 
font-family: 'Jura', sans-serif;
font-size:35px;
text-align: left;
1ine-height:20px;

border:solid 1px #2d2d2d;
  text-align:center;
   background:#575757;
    padding:10px 5px 10px 5px;
      -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
}
.Jura_2_2 { 

font-family: 'Lobster', cursive;
font-size:30px;
text-align: left;
1ine-height:20px;

border:solid 1px #2d2d2d;
  text-align:center;
   background:#575757;
    padding:10px 5px 10px 5px;
      -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
}	

/*Регистрация нового пользователя   http://iisusse-news.com/index.php?do=register   */ 
.Jura_2_2_0 { 

font-family: 'Lobster', cursive;
font-size:25px;
text-align: left;
1ine-height:20px;
width:600px;
 height:25px;

border:solid 1px #2d2d2d;
  text-align:center;
   background:#333;
    padding:10px 5px 10px 5px;
      -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
}	


/*   Новости партнеров   */ 
.Jura_Novosti_partnerov { 

font-family: 'Jura', sans-serif;
font-size:18px;
text-align: left;
1ine-height:20px;
color:#312D2A;
font-weight: bold;

border:solid 1px #2d2d2d;
  text-align:center;
   background:#f7f7f7;
    padding:10px 5px 10px 5px;
	    }	



.Jura_2_2_2 { 
font-family: 'Jura', sans-serif;
font-size:20px;
text-align: left;
1ine-height:20px;
text-align:justify;
border:solid 1px #2d2d2d;
  text-align:left;
   background:#575757;
    padding:10px 5px 10px 5px;
      -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
}	






.Jura_2_2_2_pogoda { 
font-family: 'Jura', sans-serif;
font-size:4px;
text-align: left;
1ine-height:20px;
color: #66CCDB;
}	

.Jura_2_2_2_menu { 
font-family: 'Jura', sans-serif;
font-size:20px;
text-align: left;
1ine-height:20px;
color: #66CCDB;
}	

.text_1 { 
font-family: 'Jura', sans-serif;
font-size:24px;
color:#ffffff;
font-weight: 800;
}	

.Jura_2_2_2_2_menu { 
font-family: 'Jura', sans-serif;
font-size:20px;
text-align: left;
1ine-height:20px;
color: #ABD87D;
 background:#383838;
box-shadow: 1px 1px 4px #333;
 padding:2px 0px 0px 0px;
 
  -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 5px;
 
}	




/* создает блок для стихов*/
.Jura_2_2_2_2 { 
 font-family: 'Poiret One', cursive;
font-size:16px;
 text-align:center;
1ine-height:20px;

border:solid 1px #2d2d2d;
  text-align:center;
   background:#575757;
    padding:10px 5px 10px 5px;
      -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
}	

/* создает блок для переводов Мцыри — означает с грузинского языка: (послушник при церкви)*/
.Jura_2_2_2_2_2 { 

font-family: 'Lobster', cursive;
font-size:22px;
text-align: left;
1ine-height:20px;

border:solid 1px #2d2d2d;
  text-align:center;
   background:#575757;
    padding:10px 5px 10px 5px;
      -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
}
/* создает блок внутри белый шрифт - для заказа рекламы делал*/
.Jura_2_2_2_2_2_rek { 

font-family: 'Lobster', cursive;
font-size:22px;
text-align: centre;
1ine-height:20px;
color: #9F8063;


border:solid 1px #2d2d2d;
  text-align:center;
   background:#575757;
    padding:10px 5px 10px 5px;
      -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
}


/* создает блок для страницы чеченцев славных имена - золото фон*/
.Jura_2_2_2_2_2_2 { 

font-family: 'Jura', sans-serif;
font-size:22px;
text-align: left;
1ine-height:20px;

border:solid 1px #2d2d2d;
  text-align:center;
   background:#DEB887;
    padding:10px 5px 10px 5px;
      -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
}

/* создает блок для страницы чеченцев славных имена - золото фон*/
.Jura_2_2_2_2_2_2_spoler { 

font-family: 'Jura', sans-serif;
font-size:16px;
text-align: left;
1ine-height:20px;


 text-align:left;
   background:#555555;
   padding:0px 0px 0px 47px;
/*border:solid 1px #2d2d2d;
           -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;*/
		
}


/*   для стихов*/
.verse {
  display: table;
  margin: 0 auto; /* для центрирования display: table; не нужно указывать ширину блока, она рассчитывается самостоятельно */ 
  white-space: pre-line; /* не нужен <br> */ 
  word-wrap: break-word; /* чтобы слова переносились на маленьком экране */ 
  
   font-family: 'Jura', sans-serif;
font-size:20px;
}

/*   для цитатника*/
.verse_citatnik {
   display: table;
margin: 0px -5px; /* для центрирования display: table; не нужно указывать ширину блока, она рассчитывается самостоятельно */ 
  /* white-space: pre-line;  не нужен <br> */ 
 /* word-wrap: break-word;  /*  чтобы слова переносились на маленьком экране */ 
     font-family: 'Jura', sans-serif;
font-size:12px;
align="left"
color:#98A7B1;

 border:solid 0px #A57523;  /*  рыжий цвет рамки */ 
  text-align:left;
   /* background:#575757;
    padding:10px 5px 10px 5px;
     -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px; */ 
		}

/*   для стихов*/
.verse1 {
  display: table;
  margin: 0 auto; /* для центрирования display: table; не нужно указывать ширину блока, она рассчитывается самостоятельно */ 
  white-space: pre-line; /* не нужен <br> */ 
  word-wrap: break-word; /* чтобы слова переносились на маленьком экране */ 
  
     font-family: 'Lobster', cursive;
  font-size:16px;
  
  border:solid 1px #2d2d2d;

   background:#333;
 
      -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-radius: 15px;
  
}

.Avtobiografiya {
	font-family: 'Jura', sans-serif;
font-size:16px;
text-align: justify;
1ine-height:20px;
color: #66CCDB;
	font-weight: 600;
	}



.Jura_3 { 
font-family: 'Jura', sans-serif;
 -webkit-column-count: 3;
    -webkit-column-width: 75px;
    -webkit-column-gap: 20px;
    -webkit-column-rule: 1px solid #fff;
    -moz-column-count: 3;
    -moz-column-width: 75px;
    -moz-column-gap: 20px;
    -moz-column-rule: 1px solid #fff;
    -o-column-count: 3;
    -o-column-width: 75px;
    -o-column-gap: 20px;
    -o-column-rule: 1px solid #fff;
    column-count: 3;
    column-width: 75px;
    column-gap: 20px;
    column-rule: 1px solid #fff;
}
.Jura_3_1stolb { 
font-family: 'Jura', sans-serif;
 -webkit-column-count: 1;
 
    -webkit-column-width: 75px;
    -webkit-column-gap: 20px;
    -webkit-column-rule: 1px solid #fff;
    /*-moz-column-count: 1;
    -moz-column-width: 75px;
    -moz-column-gap: 20px;
    -moz-column-rule: 1px solid #fff;
    -o-column-count: 1;
    -o-column-width: 75px;
    -o-column-gap: 20px;
    -o-column-rule: 1px solid #fff;
    column-count: 1;
    column-width: 75px;
    column-gap: 20px;
    column-rule: 1px solid #fff;*/
}
.Jura_4 { 
font-family: 'Lobster', cursive;
font-size: 25px;
}
.Jura_4-4 { 
font-family: 'Lobster', cursive;
font-size: 20px;
text-align: right;
}
.Jura_4-4-4 { 
font-family: 'Lobster', cursive;
font-size: 16px;
text-align: right;
}


.Merriweather{ 
font-family: 'Monda', sans-serif;
font-weight: 600; 
font-size: 16px;
}
.Merriweather_1{ 
font-family: 'Merriweather Sans', sans-serif;
font-weight: 700; 
font-size: 35px;


}
.Merriweather_2{ 
font-family: 'Merriweather Sans', sans-serif;
font-weight: 700; 
font-size: 20px;
}
.Merriweather_3{ 
font-family: 'Merriweather Sans', sans-serif;
font-weight: 700; 
font-size: 14px;
background:#575757;
}

.Merriweather_4{ 
font-family: 'Monda', sans-serif;
font-weight: 600; 
font-size: 16px;
 padding:0px 45px 0px 45px;
/* четвертая цифра отступ сслева\  вторая - отступ справа стиль предназначен для статических страниц DLE*/
color: #fff;

}
.Merriweather_5{ 
font-family: 'Merriweather Sans', sans-serif;
font-weight: 700; 
font-size: 35px;
color: #000;

}
.logo1 {
	 -webkit-box-reflect: below -5px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.3)));
	}
.logo {
	margin-top: 0px;
	margin-right: 30px;
	
	 -webkit-box-reflect: below -5px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.3)));
	}

.pull-quote {
   width: 100%;
   float: centre;
   
   font-family: Georgia, "Times New Roman", Times, serif;
   font: italic bold #ff0000 ;
   
   border:solid 1px #2d2d2d;
  text-align:left;
   background:#575757;
    padding:10px 5px 10px 5px;
      -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
   }
.Lobster {
    font-family: 'Lobster', cursive;
	font-size: 22px;
	color: #66CCDB;
	/*color: #00FFFF;*/
	}
.price {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999;
	font-weight: bold;
}



/* моя   самодеятельность//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*ЭТО ДЛЯ РАДИО*/
.RP_player_5 .rp-stations-list-wrapper li span.rp-station-data {
    color: #E6E3E3;/*меняет цвет на клавишах а то сливались с цветом букв на клавишах 333 ДЛЯ РАДИО*/
    cursor: pointer;
    display: block;
    padding: 0px 0 0px 0px;/* исходое было     padding: 6px 0 6px 2px; */
    font-weight: 400;
    line-height: 1.42857143;
    white-space: nowrap;
}
/* меняет цвет */
ul.rightmenu .submenu ul li a {
    color: #868A96;/* раньше стояло  color: #868A96; этот параметр важен и его нежелательно трогать иначе все шрифты в правых блоках окрашиваюся одновременно и заввисят отнего глобально!*/
    width: 100%;
    height: auto;
    line-height: normal;
    padding: 3px 0px;
    text-indent: 0;
    background: none;
    margin: 0px;
}

.RP_player_5 .rp-station-image-wrapper img {
    width: 180px;/* увеличивает картинку но границы рамки не менятся  */
    padding: 0;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

ul.rightmenu .submenu ul {
    margin: 0;
    padding: 7px 0px;/* ранее ьыло    padding: 8px 2px;   и была поганная белая полоска слева от клавиш торчала- поставил 0 и иноа пропала      */
    font-size: 0.97em;
    background: none;/* убрал - none  и поставил 333 менятся подкладки цвет под клавишами торчал белый как нп простынке  */
    color: #A1A0A7;
}

.RP_player_5 .rp-stations-list-wrapper {
    background-color: #444;/* ранее ьыло     background-color: #fff;  и была поганная белая подкладка под клавишами     */
    width: 100%;
    height: 250px;
    overflow-y: scroll;
    color: #3e4a43;
}

.RP_player_5 .rp-stations-list-wrapper {
    background-color: #444;
    width: 100%;
    height: 250px;
    overflow-y: scroll;
    color: #3e4a43;
	
	
	
	
	-webkit-user-select: none;
background-attachment: scroll;
background-clip: border-box;
background-color: rgb(68, 68, 68);
background-image: none;
background-origin: padding-box;
background-size: auto;
border-bottom-color: rgb(51, 51, 51);
border-bottom-style: none;
border-bottom-width: 0px;
border-image-outset: 0px;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: rgb(51, 51, 51);
border-left-style: none;
border-left-width: 0px;
border-right-color: rgb(51, 51, 51);
border-right-style: none;
border-right-width: 0px;
border-top-color: rgb(51, 51, 51);
border-top-style: none;
border-top-width: 0px;
color: rgb(51, 51, 51);
display: block;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 15.0544004440308px;
font-style: normal;
font-variant: normal;
font-weight: bold;
height: 250px;/* меняет высоту скролла    */
line-height: 16px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
outline-color: rgb(51, 51, 51);
outline-style: none;
outline-width: 0px;
overflow-y: scroll;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-align: left;
vertical-align: baseline;
width: 244px;/* при 230px полоска тонкая , а при 238 уже остаются только клавиши и скрол исчезает. но кловиши колесом мыши прокручиваются   */
		
}


ul.rightmenu a, .rightmenu span.sublink, .rightmenu a b {
    display: inline-table;/* раньше стояло  block если сделать none . то картинки пропалают и переход ссылки на их сайт отрубается!!!!!      */
		    cursor: pointer; /* раньше стояло  pointer если сделатьnone так. то ecjh  отрубается!? ghfdl ftckb otkryenm nj gtht[jk ghjbc[jlbn dct ;t r cj;fktyb.!!!      */
 

}

.RP_player_5 .rp-header {
    padding: 0px 0px;
    font-size: 0px;/* раньше стояло   font-size: 20px;  и наконец -таки надпись ссылка хотя бы не видна   */
    background-color: #333;/* f86f05 меняет цвет блока где надпись он-лайн радио раньше стояло  color: #868A96;*/
   
    text-align: center;
	  height: 0px;
 
}

ul.rightmenu .submenu ul li a {
    color: #868A96;   /* стояло ранее    color: #868A96;   меняе цвет шрифта клавиш в правых блоках глобально!! */
    height: auto;
    line-height: normal;
    padding: 3px 0px;
    text-indent: 0;
    background: none;
    margin: 0px;
}

.RP_player_5 .rp-station-info {
    background-color: #000; /* стояло ранее   background-color: #272e2a;  */
    min-width: 200px;
    width: 100%;
    height: 250px;
    float: left;
    overflow: hidden;
    text-align: center;
}

/* этот класс прикрывает картинку которая ведет на их сайт*/
.my_radio{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	top: 45px;
	
	z-index:1;
	
 } 	   

/* конец  РАДИО*/

.mask_kalk{
	margin: 0px 0px 0px -83px;/*с увеличением числа идет закрывающая накладка влево*/
	padding: 0px 0px 0px 0px;
	position: absolute;
	top: 25px;
	width: 57px;
    height: 15px;
	 
	z-index:1;
	
 } 	


.float_right{

	float: right;
}

float_left{

	float: left;
}

.img_ogony{
 
 position:absolute;
    top:0px;
		 padding:0px 0px;
   }

  


.my_banner{
	margin: 0px 0px 0px 504px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	top: 116px;
	left: 137px;
	
 } 


.img_globus{
 
  margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 position:absolute;
 float:left;
    top:110px;
	
	 -webkit-box-reflect: below -5px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.3)));
	
   } 
   
   
   /*статичный банер подложка*/
   .img_banner{
   margin: 0px 0px 0px -300px;
 padding: 0px 0px 0px 0px;
 position:absolute;
 float:left;
    top:104px;
		
   } 
   
   /*банер анимашка */
   
.img_banner_0{
 
  margin: 0px 0px 0px 68px;
 padding: 0px 0px 0px 0px;
 position:absolute;
 float:left;
    top:104px;
	z-index:11;
   } 
   
#animation_container{
width: 364px;

 margin: 0px 0px 0px 78px;
float:left;

}   
   
   
   
.img_banner_smartpfone{
 
  margin: 0px 0px 0px -580px;;
 padding: 0px 0px 0px 0px;
 position:absolute;
 float:left;
    top:104px;
	z-index:11;
   } 

.img_google_avtor_1{
 
  margin: 0px 0px 0px -364px;
 padding: 0px 0px 0px 0px;
 position:absolute;
 float:left;
    top:4px;
	
	 -webkit-box-reflect: below -5px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.3)));
	
   } 
    /* это для малой звезды*/
.img_zvezda_iisusa{
  margin: -16px 0px 0px 187px;
 padding: 0px 0px 0px 0px;
 position:absolute;
 float:left;
    top:16px;
		 -webkit-box-reflect: below -5px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.3)));
	   } 
 /* это для крупной но у нее лучи немного на месте стоят, я задал ей ширину и высоту и она получилось похожей на звезду средних размеров */
 
 .img_zvezda_iisusa_1{
  margin: -16px 0px 0px 189px;
 padding: 0px 0px 0px 0px;
 position:absolute;
 float:left;
    top:2px;
		 -webkit-box-reflect: below -5px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.3)));
	   } 
	 

	   
	   
	   
	   
 
/*.img_ogony_link{
	
	  background: url(../templates/vipflex/images/shtorm8.png) no-repeat center center fixed; 

}*/

.noLink{
  pointer-events: none;
}



/*кстати неплохой четкий средний шрифт получается из такого сочетания\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\

 <p align="justify" class="s_2">

\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/





/* начало Форма подписки RSS ленты для dle    http://prowebber.ru/dle/hacks/14260-forma-podpiski-rss-lenty-dlya-dle.html    */

.rssmailtext{
    font-size: 14px;
      font-weight: normal;
    width: 100%;
    padding: 17px 0 0 0;
    overflow: hidden;
    text-align: center;
    }

.postpdpis{
    width: 640px;
    height: 125px;
    padding: 13px 0 0 0;
    background: url(../images/postpdpis.png) no-repeat 0px 12px;
    }

.postpdpismail{
    float: left;
    width: 270px;
    padding: 18px 0 0 20px;
    }

.postpdpisknop{
    float: left;
    width: 310px;
    padding: 25px 0 0 0;
    overflow: hidden;
    }

.postpdpisknop a{
    float: left;
    display: block;
    height: 42px;
    padding: 0 0 0 40px;
    margin: 0 30px 0 0;
    line-height: 15px
    }

.postpdpisknop a.postpdpisgoog{
    width: 85px;
    background: url(../images/postpdpisgoog.png) no-repeat;
    }

.postpdpisknop a.postpdpisyan{
    width: 80px;
    background: url(../images/postpdpisyan.png) no-repeat;
    }

.tabsmailforml{
    float: left;
    width: 55px;
    padding: 9px 0 0 9px;
    }

.tabsmailforml input{
    width: 155px;
    color: #cccccc;
    font-family: Tahoma;
    background: none;
    border: 0;
    }

.tabsmailformr{
    float: left;
    width: 36px;
    padding: 3px 0 0 11px;
    }

.tabsmailformr input{
    width: 36px;
    height: 24px;
    border: 0;
    background: none;
    cursor: pointer;
    }

/* конец Форма подписки RSS ленты для dle    http://prowebber.ru/dle/hacks/14260-forma-podpiski-rss-lenty-dlya-dle.html    */

/* начало придумал параметры для классов которые программеры не внесли в файл стилей намеренно  и от от этого файл  userinfo.tpl выглядел скверно и пусто*/
.userinfo{
    width: 97%;
	 height: 100%;
	
   
	 
	padding: 0px 75px 20px 20px; /*  padding: 0px 0px 20px 20px;  за счет 75 пикселов  и смог 
	выровнять ширину ерхнего поля и нижнего поля - редактирование профиля */
    color: #999;
    font-family: Tahoma;
    background-color: #575757;
    border: 10;
	z-index:1;
    }
.lcol{
   
    color: #cccccc;
    font-family: Tahoma;
 }

.ratebox{
   
    color: #cccccc;
    font-family: Tahoma;
 }
 
.rcol{
       color: #fff;
	   /*color: #fff;*//*меняет цвет шрифта в профиле*/
	   	   
	     font-size:110%;
		  line-height: 20px
		 
  }

.oplus {
    border: 1px solid #6e912c;
    box-shadow: inset 0 1px #aec97b;
    background: #777;

	
}/*меняет цветфишки кототорая отвечала за лайки был поганный зеленый цвет*/



/* конец придумал параметры для классов которые программеры не внесли в файл стилей намеренно  и от от этого файл  userinfo.tpl выглядел скверно и пусто*/




/* начало    самоделка Для пустующих классов регистрационной странички registration.tpl  */
.article_footer{
    width: 97%;
	 height: 100%;
	 
	  margin-top: 12px;
	padding: 40px 0px 20px 20px;
    color: #D5D5E0;
    font-family: Tahoma;
    background-color: #575757;
    border: 10;
	 font-size:110%;
		  line-height: 20px
    }

.header{
       color: #fff;
	     font-size:110%;
		  line-height: 15px
		 padding: 0px 0px 20px 20px;
		  text-align: center;
		
		 
  }/*меняет цвет шрифта в профиле*/



font[Attributes Style] {
   font color: rgb(0, 255, 255);
	   
	
}


result-registration {
	 font color: white;
}

/* конец    Для пустующих классов регистрационной странички registration.tpl  */

.abl31{
       background-color: #575757;
      }




/*Tooltip         всплывающая подсказка на ДЛЕ   */
#easyTooltip{
    max-width: 300px;
    padding:10px;
    border:1px solid #9CB0A7;
    background:#333;
    color: #ccc;
    border-radius: 6px;
    opacity: 0.8;
    font-size: 15px ;
    z-index: 9999;
    box-shadow: 0px 0px 15px #000;
	
	  margin: 70px 30px;/*самоделка для того чтобы всплывашка имела отступ от указателя */
		
}




/* НАЧАЛО от пафнутия Вывод последних сообщений из phpBB3 в DLE 9 */

.tooltip_forum {
 z-index:999;
	left:-9999px;
	top: -9999px;
	background: #333;
	border: 1px solid #0099cc;
	font-size:16px;
	color: #ffffff;
	padding:4px 8px;
	position:absolute;
	border-radius: 4px; 
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	max-width: 400px;
	
	 line-height: 20px
	
	
	
	
	}
	.tooltip_forum p { margin: 0px; padding: 0px;}

table.phpbb-block {
	width: 100%;
	margin-bottom: 0px;
	
	
	}
table.phpbb-block a {
	text-decoration: none;
	font-size:16px;  /* мой самрпал изменил размер шрифта в табличке */
	
	}
	table.phpbb-block a:hover {
		color: #00FFFF; /* цвет при нннаведении мышкой */
		border-bottom: dotted 1px #000;
		}
table.phpbb-block tr.php-hdr {
	font-weight: bold;
		color: #0099cc;
	/* background: #e5f0f9 url(../images/bg_row_phpbb.png) no-repeat -680px -5px !important;  */
	background: #555555; /* верхняя планка - темы, ответы, дата, последние */
	}
	
	/* начало с фоном таблицы борьба идет здесь - я забыл про картинку которая была в дистрибутиве модуля пафнутия */
table.phpbb-block tr {
	/* background: #fff url(../images/bg_row_phpbb.png) no-repeat left bottom; */
	background: #000000;
	height: 30px;
/*	line-height: 20px; */

	}
		/* конец с фоном таблицы борьба идет здесь */
	
	table.phpbb-block tr.even {
			background-position: -680px bottom;
			
		}
		table.phpbb-block tr.hover {
			background-position: left -5px;
			}
			table.phpbb-block tr.even.hover {
				background-position: -680px -5px;
				}
				table.phpbb-block td {
					padding: 0 4px;
					}
					table.phpbb-block td.first-row {
						padding-left: 25px;
						}
						table.phpbb-block td.first-row a {
							display: block;
							}
							table.phpbb-block td.first-row a:hover {
								border: none;
								}
					table.phpbb-block td.last-row {
						padding-right: 15px;
						}
/*.blueline {
	background: #e5f0f9 url(../images/bg_row_phpbb.png) no-repeat -680px bottom;
	width: 680px;
	height: 1px;
	font-size: 0;
	}
*/


/* # 4. Радоваться жизни :)

################ # ПРИМЕЧАНИЕ: #
################ Если Вы собираетесь править файл recent_body.html не забывайте чистить кеш форума
 # после внесения изменений в файл. */


/* КОНЕЦ от пафнутия Вывод последних сообщений из phpBB3 в DLE 9 */



/*=====================================  Файл MAIN.TPL - .forumPosts  =========================*/

ul.forumPosts a, .forumPosts span.sublink, .forumPosts a b { cursor:pointer; }/*появвволяется паааольчик указатезальный от мыыыши */
ul.forumPosts b { padding:0 39px; } /*  важно не трогать зеленый квадратик   */

ul.forumPosts span.opened b, .forumPosts a:hover b, .forumPosts span.sublink:hover b { background:url("../images/bngndot.png") no-repeat 7px 50%; } /*  важно не трогать зеленый квадратик   */


/* КОНЕЦ МОЯ ДОРАБОТКА  Вывод последних сообщений из phpBB3 в DLE 9 */



.zvuk {
/*		position: fixed;
	z-index:-12;
		background: #CCCC99;
/*		 
position: absolute;
min-height: -10px;
min-width: -10px;
            display:block;
            float: right;
 overflow: hidden;
  margin-left: 20px;
    margin-right: 5px;
 margin:100px;
height: 0px;
width: 0px;
 
 
 */
z-index:-12;
 position: absolute;
background: #CCCC99;
	height: 0px;
width: 0px;
	
	
	
	
/*	Еле избавился от белого квадратика из под звука как бельмо мешался - вылетел за пределы видимости и теперь не мешает гад - улетел влево сука */
			}




/* поставил увелечительное стекло - картинку на положенное место*/
.q_search {
	 padding:0px -10px 0px -38px;
	 margin-right: -70px;
	}



/* моя самоделка для фона сделал для модуля FAQ */

.block_for_fon_1 {
    position: relative;
    background: #555;
    overflow: hidden;
/* text-shadow: 1px 1px 0 #fff; */
    padding: 5px 15px;
    min-height: 50px;
    width:640px;
    margin: 0px auto 15px;
	    border: 1px solid #f0f0f0;
    border-bottom: 2px solid #ccc;
          
}

/* моя самоделка для фона профиля юзера */

.block_for_fon_2 {
    position: relative;
    background: #575757;
    overflow: hidden;
/* text-shadow: 1px 1px 0 #fff; */
    padding: 5px 15px;
    min-height: 50px;
    width:106%;
    margin: 10px 10px 15px;
    border: 1px solid #f0f0f0;
    border-bottom: 2px solid #ccc;
    
    float: left;
    margin-left: 0px;
}


/* моя самоделка для фона сделал для модуля заказа рекламы */
.block_for_fon {
    position: relative;
    background: #777;
    overflow: hidden;
/* text-shadow: 1px 1px 0 #fff; */
    padding: 5px 15px;
    min-height: 50px;
    width:640px;
    margin: 10px auto 15px;
    border: 1px solid #f0f0f0;
    border-bottom: 2px solid #ccc;
           }

/* моя самоделка для фона сделал для ПЕЧАТИ ЧОНДА В СТАТИЧЕСКОЙ СТРАНИЧКЕ http://iisusse-news.com/polit_3_informacionnihyj_centr.html  */
.block_for_fon {
    position: relative;
    background: #777;
    overflow: hidden;
/* text-shadow: 1px 1px 0 #fff; */
    
    min-height: 50px;
    width:174px;
    margin: 10px auto 15px;
    border: 1px solid #f0f0f0;
    border-bottom: 2px solid #ccc;
           }



/* список пользователей */
.loginform{width: 640px;}
.users_search{border-bottom:solid 1px #ccc;padding:3px;}
.user_set{border-bottom:solid 1px #ccc;padding:3px;overflow:hidden;}
.user_set .user_ava{float:left;width:80px;height:80px;}
.user_set .user_inf{margin-left:90px;overflow:hidden;}
.user_set .user_inf ul{float:left;list-style:none;margin:0 20px 0 0;padding:0;}
.user_set ul.user_opt{list-style:none;width:110px;margin:0 20px 0 0;padding:0;}
.user_set ul.user_opt li{background:#cadde5;margin:4px 0;}
.user_set ul.user_opt li:first-child{margin-top:2px;}
.user_set ul.user_opt li a{color:#6C838E;display:block;padding:3px 5px;}

/**Showstat**/
.base-stat { 
display: none;



 }

.queries {
    display: none;
    text-align: left;
    max-height: 450px;
    overflow: auto;
    margin-top: 10px;
	
	
}

.queries p { padding: 5px; border-top: solid 1px #ddd; }

.queries p:hover { background: #ddd; }

.showstat {
    position: fixed;
    bottom: 10px;
    left: 10px;
    margin-right: 10px;
	margin-bottom: 100px;
	
    background: #ffffff;
    background: -webkit-linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);
    background: -moz-linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);
    background: -o-linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);
    background: -ms-linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);
    font: normal 12px/18px Arial, Helvetica, sans-serif;
    color: #323232;
    padding: 20px;
    text-align: left;
    border: solid 1px #fff;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    text-shadow: 1px 1px 0 #fff;
    -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.3);
    z-index: 1000;
	
	width: 200px;
    height: 160px;
	
	
	
}

.showstat p { margin: 0; }

#queries-stat, 
#clearbutton, 
#showstat-but, 
#log-link {
    display: inline-block;
    padding: 5px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAuVJREFUeNqMU0tIVFEY/s655955+RihsnRkVHotCknBRWEhGqUggSFEGyOiVu2iyCBoEeWmRaGQ4CJatUgJDaKIitTURk1NE0sdH6Q4jjOSOo87c2//uSYJuejCx+Wc8z++//vOYU+et8EwjCLTNOsN0yiDiX8/BnDG3zLGbnDO+za3TToQlPxYVdXLud5cZKS7YXc4QMX+5jKGaCSC0Eq4zD/t9+m63sQ4v2JCQZKpYM3PWs0jBYWyHIgBzG0YsA0GFpOBoQEwRWMJ7kBl8C647JaXkwW3OxWcM4oxqNgW0JpoI92dhlyvBwlTgc4cqAjeQ5w5IRgldfv6sDc/F1m7d8JptxMZ0xqDWcNzRGNJhH5F8al/DDp3oUomczsMJqgA8ZPB/uk5aKoNms0GO8HldCISjSEaTyAZ9mPXQB0OcBtBIK7YqLpizSZkF4W6CEWBonALkrJhmOC0xymOR35CSWPIPn0GUjxG4k20tqNnPHSbh5aDL0fHxrEQCGB1bc1K3gpGHVnoO+yZHoiMCuiB1wj42pA0kusXHnQ2CFXVYudravBjcgrz84uYmZ6GEBoUoVgs4qaAZ3kMrkOF0OefQo+5EPYH8ap/8dpIQ/mycKWkVPu+DFoi5ud74ZAi/rGTSetUwN83DFdmERJrYcRWBfRIHKcKdjRSRKOQQieTSUxOzcKmaZaINs2+IWI8jqjO4TCjmGxvh0YXzXP0MDIL9mGucxSTw7PvLectNaWApJicW4oqnVFoX0EC4aouLDgqke7NoVgnvrV04PPH8aYTN7su8VAw2LIUXMJqZJ2EMaAKFUIlf4Ww/go5gdgK9hgdSN9/EONt7/Chd+ZWdf3AneGG0glqD++52oslJaXlVx1OZ7HsvPkWTHlHyPvs0BvkGd201lDXPFL5onepZ+jR8WVGjJl8jbVnq5wU7yGkbvMWMXQ/zxflrlDx9a8naTk8+PBYnNFFkgX+9ysiFGx38FuAAQBygywrLfBIegAAAABJRU5ErkJggg==') no-repeat 50% 50%;
}

#showstat-but {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAp5JREFUeNpkU01IVFEU/t6972fG1JHGrLBso2WRSAshonIjFrZQ27QoEQza6K6gXYS0KKhWuijIjbZw0xhRoEagUhRWUIJSWuL4A44OzDjhjOO89zrnzjwZ68Jh5pzvO+d857x7NfxzSq+Fem3b7XBd1+eSr7FpWkpKrW99oLUzn0schauzr22o0dC04ca6cpyrKUMw4CMGJwPr8RQmpiIYmVzGtuteWOtvGdlVgJP3B6zhW1dqEEvZeDcTxczKH2xuOQj4JY4dLER99V6U+CQeDk5hNb6linABwQV06tzdfgqf5hN4Nr6EudUkuluqsPS4Hjap+L2WRN/EssKZx3xPuc4zd1ysxNivOL6E4yj060hnHAiRnc5nSewxpfrPuGkKMP+JE+qlUKdwHOd6+YEAvi4kiGjAZ+jK7r2ex8k7H+E3dVjk8y/jzGM+52XVQ7PC8TT8hlBdaSxkSPf3u6dV17P3P8OUWhYj33BcMJ/zGBe85XgqA8vSYRoSBhtJHpyMqAJCl9BzccaZx3wt9/1YAQVski1Ud2pAi3OhS7VfmLpQJnM7yTa0WYFXwE07tmNaNB/NlS1AoJdg5jp7vhACmQwpoDzlO6no0MpKDAW0bR+TVUdtRyLPSLdQxRlnHvM5D7mbWlF69cVCU8MJFBVZ2KZP2FQdQHNtcOfKtg/MqmSDiiQSW3jzdhrrzy8foYsU1gkPZxbfd42OyZ5LDcdRTEVG5xJ4NR1Tl4iao9hv0BgCG5Q8OvYDzOc8TwGf4pLzN9vkoTM9dbWHcbSyDEUFJrzHlNhM4+dcBJPfFmEvfeiKjT/qp/DGrsfERciqgq1Pb2v+YDMt0/QA2l/aTUZfRkM3HpA7y8n/vca8U0HGCxB5MYcs6snOf85/BRgAU2QTxLlxCL0AAAAASUVORK5CYII=') no-repeat 50% 50%;
}
#clearbutton {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAnBJREFUeNqEk8tPE1EUxr+5dzqdvoQytqIEXQgLY3TVrRvCwsQ/ABNTJLoClxIQmEqIXUHQsDTBYmAjMXEBEQ0Jid2IIsOjGtBNWUJSGiO06bRl5nrvBBqpBE5yMq/7+74z594jj46OojosYqNpW3OuImzbhlW23jCbtUlEmqYuepcQAkWWIeOMEHCxUGLRwXYwy4JEadvU0GSbW1UkQZNTYesQHupAZvYbMnMryMwsITp4n78vMsbFyamwyeFnD5B9b4AoCihPibpQMosQFVkH1sKJAsxiYhGLxh9i78OaA1KXDEooam7fwO7sV0AiKBRLLeSkfxbwnZEOpD+tcFAB4a4EFN6WaxxegudcAHAr2DNz83I1bJom637cjS/LBmwNUPYBrUBBb11Fljt7/H74/AFM6ePoetnbWRGweIcF3NPbi5XVdahuN5gEbGk2LjQ2YXdmEZ5AAD6e0wuf0T72KPL2yXia/Av39fVjY2MTHl6eytNFKa43N+PXosGdA46zgKPPOwVsCFY+KntA17G5+RNu7nwkeuVyI9bWU6htCuOPFsTc8AyiY10VWAQpl8s/YrEY0uktB1Z4x2V+whoaLmEt9R3B2jqENA2TkxO4VwU7FRRNsz6TzUL1qLAZ43t7AK0myJ0FHEQopOH1RAJP9VjkXU/CsGAf2zWaTCY/UkI6W1tbIU6W1+vF+pFz6LwD67oeGX4xYtTlvLyx7JiAvL2zk7pYXx/hZS8PxHQsG6sIh8IIBmsxkXjlwHzg/nOuCIgm5vJ5w+/zRVRVnaOUhsWHfD4/H4/H+wV82rxIVc83eboO73/zTJ81rX8FGADNWyJwdIxv8QAAAABJRU5ErkJggg==') no-repeat 50% 50%;
    }
#log-link {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAjJJREFUeNqUU01oU0EQ/va9tekp5JaL9JDepIIFQYoHFQ9Spfhz8uKhxhIFj4KX2kPNRQgKaSMFGy+eLWJatBGRCP5U0lJJIhWbkNJ6kAoGkpDk/ew6u++JpQZp5zG8mdn9Zubb2eXnH6CrSOkbTDmAI/A8HMKI43q+ivcFAd4N6AoN0ClMA8ygzbaLkYnhONq2BUEr3OSIv5iAsRtMQLQsyKkrt6BU2ZYDvLqNo5cfjcOWNbz9MglL/NSdGLvBbQKkRq8h9zWB3FoCqdGoTnJ8EvnZsav4WE7CPED7eQ2M+RR2gpPRS3i/PguzhxYo9mE9jWT0gi6yVH4M3gs8zAJDA9uKHvhO8P2xk1iqzMEg8MyC11nsLLC88UzbKj49T/6kxNBdhoCNLDuX8Dgnrh/BSnVVt5V6Cry+4Y3h9AzDzYtesqk5IBvrwJFNrJW+4dTwsX6cuQeZr/XJ9GfIdAFycJwYtaVs1m2tsiPl4B1oVfFG3ZJKFjIv5ZvFd0SBMrv8B1iAKjwBFmMtbHzforG1dVVuBjAf3dZ2dWuT6HZgmiZcaaEt6uBZGk/T6uSJBlbiEsIGgiJM5YR/j+hjhj+poP4HentQKBb0Hp7Lflq2HRsDhw+hWt7UlYUP7iaMDonzv/ePt9xfUAnCB0PkhrBXKRaLXgIhXSitVCpwHIfakv8F/tPBn2AkEsF+pFQqeQkUuNFo5DKZzAkhxJ7AhmGoonWFZX6sf18H4Il62Ku/BRgAl3Uh7iazc3QAAAAASUVORK5CYII=') no-repeat 50% 50%;
    }
#queries-stat:hover, 
#clearbutton:hover, 
#showstat-but:hover, 
#log-link:hover,
#queries-stat.active, 
#clearbutton.active, 
#showstat-but.active, 
#log-link.active {
    background-color: #FFF;
    padding: 4px;
    border: solid 1px #bbb;
    border-radius: 4px;
    }
#cache-info {
    display: block;
    }
/**Showstat**/



/* --- Оформление календаря  Дефолтное--- */
.calendar { width: 100%; text-align: center; }
.calendar tr td, .calendar tr th { padding: 3px; }
	.calendar tr td a { color: inherit; font-weight: bold; }
	.calendar tr td { padding: 5px 3px; }
	.calendar tr td.weekday { color: #ea5f24; }
	.calendar tr th { background-color: #fff; font-weight: bold; text-transform: uppercase; }
	.calendar tr th.weekday { background-color: #ea5f24; color: #fff; }
	.calendar tr th.monthselect { background-color: transparent; color: #b8b8b8; padding-bottom: 15px; }
	.calendar tr th.monthselect a { color: #b8b8b8; }


/* --- Вывод результатов голосования на сайте Дефолтное --- */
.voteprogress, .pollprogress {
	overflow: hidden;
	height: 6px;
	margin-bottom: 10px;
	background-color: #fff;
	border-radius: 3px;
	margin-top: 6px;
}
	.voteprogress span, .pollprogress span {
		text-indent: -9999px;
		height: 6px;
		display: block;
		overflow: hidden;
		background: #3394e6;
	}
	.voteprogress .vote2, .pollprogress .poll2 { background-color: #dd514c; }
	.voteprogress .vote3, .pollprogress .poll3 { background-color: #5eb95e; }
	.voteprogress .vote4, .pollprogress .poll4 { background-color: #4bb1cf; }
	.voteprogress .vote5, .pollprogress .poll5 { background-color: #faa732; }


/* --- облако тегов --- */
.clouds_xsmall{ background:#FFF; font-size:12px; }
.clouds_xlarge { background:#FFF; font-size:12px; }
.clouds_large { background:#FFF; font-size:12px; }
.clouds_medium { background:#FFF; font-size:12px; }
.clouds_small { background:#FFF; font-size:12px; }



/* --- «Космическая» форма входа + мини профиль для DLE --- */

.login_mal {
    font-family: arial;
    width: 340px;
    height: 560px;
    margin: auto;
    /* background: #555; */
    background: url('../images/super_rama_2.gif') repeat center center; 
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    transform: translateY(20%);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 1200;
    visibility: hidden;
    
}

.login_mal a {
    text-decoration: none
}

.login_mal a:hover {
    text-decoration: underline;
}

.profiles {
    height: 445px;
}

.top_border {
    background: #555;
    height: 2px;
    
}

.top_border_proff {
    background: #fcfcff;
    height: 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.bottom_border {
    /*background: #a0bec6; */
    height: 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.rocket {
    background: url('../images/ternovu_kust.gif') no-repeat center center;
    width: 340px;
    height: 40px;
    margin: 8px 0px 0px -1px;
    z-index: 1220;
}




.login {
    width: 190px;
    height: 40px;
    border: 10;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #b2d4dc url('../img/login.png') no-repeat;
    background-position:13px 12px;
    margin: 65px auto 0 auto;
    display: block;
    padding: 0 17px 0 53px;
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    font-family: arial;
}

.password {
    width: 190px;
    height: 40px;
    border: 10;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #CC9966 url('../img/password.png') no-repeat;
    background-position:10px 12px;
    margin: 20px auto 0 auto;
    display: block;
    padding: 0 17px 0 53px;
    font-size:15px;
    color: #a7b3bc;
    font-weight: bold;
    font-family: arial;
}

.login_button {
    list-style-type: none;
    margin: 60px auto 0 auto;
    padding: 0;
    width: 260px;
    
}

.login_button li {
    display: block;
    float: left;
    
}

li.vk a {
    width: 60px;
    height: 50px;
    display: block;
    background: #507299 url('../img/vk.png') no-repeat center center;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

li.vk a:hover {
    background: #486a90 url('../img/vk.png') no-repeat center center;
    cursor: pointer;
}

li.fb a {
    width: 60px;
    height: 40px;
    display: block;
    background: #3b5998 url('../img/fb.png') no-repeat center center;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

li.fb a:hover {
    background: #304d8a url('../img/fb.png') no-repeat center center;
    cursor: pointer;
}

.log_in {
    float: right !important;
    width: 120px;
}

.log_in input {
    width: 120px;
    height: 50px;
    background: #ff6900;
    border: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
}

.log_in input:hover {
    background: #ec6201;
    cursor: pointer;
}

.footer_login {
    height: 65px;
    background: #555;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 0px;
    margin: 30px 0 0 0;
}

.footer_login ul {
    list-style-type: none;
    margin: 18px 0 0 0;
    padding: 0 24px;
}

.for_pass {
    float: left;
    padding: 3px 0 0 0;
}

.for_pass a {
    color: #ccc;
    font-size: 12px;
    font-weight: 700;
}

.register {
    color: #ccc;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 0 0px 0px;
    float: right;
}

.register a {
    color: #ff6900;
    text-transform: uppercase;
}

.clears {
    clear: both;
}

.md-content {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    background: rgba(0,0,0,0.6);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    display: none;
    cursor: pointer;
}

.you_name {
    color: #3e6372;
    font-size: 18px;
    text-align: center;
    font-weight: 700;
    padding: 24px 0 0 0;
    text-transform: uppercase;
}

.you_group {
    color: #3e6372 !important;
    font-size: 14px;
    text-align: center;
    padding: 6px 0 0 0;
    font-weight: 400 !important;
}

.ava {
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 110px;
    height: 110px;
}

.ava_position {
    margin: 23px auto 28px auto;
    width: 110px;
    position: relative;
}

.online {
    width: 11px;
    height: 11px;
    background: #fad920;
    border:5px solid #fafaff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    right: -10px;
    top: 45px;
}

.border_miniprof {
    border-top: 1px solid #e1e1e5;
}

.menu_prof {
    text-align: center;
    padding: 10px 0;
}

.menu_prof a {
    color: #3e6372;
    font-size: 14px;
    margin: 5px 0;
    display: inline-block;
}

.logout {
    width: 120px;
    height: 50px;
    background: #ff6900;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    display: block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 31px auto 26px auto;
    font-weight: 700;
    text-align: center;
    line-height: 50px;
}

.logout:hover {
    background: #ec6201;
    text-decoration: none !important;
}
	
	/* Этот класс я прописал для статического банера Холодное оружие горцев 
.banner banner_300 {
    width: 275px;
    height: 295px;
    
    	
}
*/



/*  на слайдер, что на гл странице - наезжала непонятная тень и перерезала фотки на половину.
sm_prev {
    width: 275px;
    height: 295px;
    background: rgba(0,0,0,0.6);
}

 */








 /* Занимаюсь оптимизацией главного шаблона - это я перенес сюда эти классы из него */
  

.noLink{
  pointer-events: none;
}	
	.zvuk{
 width: 0px;
   height: 0px;
   }
   .zvuk_vihsrta_klavish{
   height: 12px;
   }
   /*    надписи навигации в подвале   */
@font-face {
font-family: "RuslanDisplay"; 
src: url("../font-face/RuslanDisplay.ttf") format("truetype");
} 
 .RuslanDisplay {
font-family: "RuslanDisplay";

}
   /*    надпись гугл в подвале   */
@font-face {
font-family: "Caveat-Regular"; 
src: url("font-face/Caveat-Regular.ttf") format("truetype");
} 
.Caveat-Regular {
font-family: "Caveat-Regular";
font-size:28px;
}
      
   /* \ Занимаюсь оптимизацией главного шаблона - это я перенес сюда эти классы из него */


 /* фон для страницы с правилами при регисирации - раньше был темнш-серый и хрень с классами была неработающая */

text {
background: #fff;
}

box_in {
background: #fff;

}


 /* конец - фон для страницы с правилами при регисирации - раньше был темнш-серый и хрень с классами была неработающая */

/* наши партнеры */

.box_in_1 {
background: #575757;

}


 /* начало ленточка красная в подвале- Поддержать развитие ресурса www.iisusse-news.com */

.ribbon {
 /*  width: 80%; */
   position: relative;
   text-align: center;
   font-size: 26px!important;
   background: #d64b4b;
   background: -webkit-gradient(linear, left top, left bottom, from(#d64b4b), to(#ab2c2c));
   background: -webkit-linear-gradient(top, #d64b4b, #ab2c2c);
   background: -moz-linear-gradient(top, #d64b4b, #ab2c2c);
   background: -ms-linear-gradient(top, #d64b4b, #ab2c2c);
   background: -o-linear-gradient(top, #d64b4b, #ab2c2c);
   background-image: -ms-linear-gradient(top, #d64b4b 0%, #ab2c2c 100%);
   -webkit-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
   -moz-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
   box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
   font-family: 'Helvetica Neue',Helvetica, sans-serif;
   
   margin: 0%;

   
    margin-top: -44px;
   }
.ribbon h4 {
   font-size: 26px!important;
   color: #801111;
   text-shadow: #d65c5c 0 1px 0;
   margin:-4px;
   padding: 15px 10px;
  /* line-height: 28px; */
  
  }
 
a:hover {
	color: #33CC99;
	text-decoration: none;
}


   /*
  
.ribbon:before, .ribbon:after {
   content: '';
   position: absolute;
   display: block;
   bottom: -1em;
   border: 1.5em solid #c23a3a;
   z-index: -1;
    
   
   }
.ribbon:before {
   left: -2em;
   border-right-width: 1.5em;
   border-left-color: transparent;
   -webkit-box-shadow: rgba(000,000,000,0.4) 1px 1px 1px;
   -moz-box-shadow: rgba(000,000,000,0.4) 1px 1px 1px;
   box-shadow: rgba(000,000,000,0.4) 1px 1px 1px;
   }
.ribbon:after {
   right: -2em;
   border-left-width: 1.5em;
   border-right-color: transparent;
   -webkit-box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
   -moz-box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
   box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
   }
.ribbon .ribbon-content:before, .ribbon .ribbon-content:after {
   border-color: #871616 transparent transparent transparent;
   position: absolute;
   display: block;
   border-style: solid;
   bottom: -1em;
   content: '';
   }
.ribbon .ribbon-content:before {
   left: 0;
   border-width: 1em 0 0 1em;
   }
.ribbon .ribbon-content:after {
   right: 0;
   border-width: 1em 1em 0 0;
   }
.ribbon-stitches-top {
   margin-top:2px;
   border-top: 1px dashed rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
   -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
   box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5);
   }
.ribbon-stitches-bottom {
   margin-bottom:2px;
   border-top: 1px dashed rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
   box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.3);
   }

/* конец ленточка красная в подвале- Поддержать развитие ресурса www.iisusse-news.com */









/* не нужно по=помоему  

.masha_index masha_index77 {

color: #000000;
background: #333;

 }
*/



/* поднять банер на главной странице на 1 ммм */

.top {
margin-top: 1px;

 }







/* перенес стили из главного щаблона гл страницы из головы */

 .noLink{
  pointer-events: none;
}	
	.zvuk{
 width: 0px;
   height: 0px;
   }
   .zvuk_vihsrta_klavish{
   height: 12px;
   }
   .RuslanDisplay {
font-family: "RuslanDisplay";
}
Slavyanskiyj_1 { 
font-family: 'Ruslan Display', cursive;
}
.Caveat-Regular {
    font-family: "Caveat-Regular";
    font-size: 28px;
}
@font-face {
font-family: "Caveat-Regular"; 
src: url("../font-face/Caveat-Regular.ttf") format("truetype");
} 
@font-face {
font-family: "RuslanDisplay"; 
src: url("../font-face/RuslanDisplay.ttf") format("truetype");
} 
@font-face {
font-family: "Caveat-Regular"; 
src: url("font-face/Caveat-Regular.ttf") format("truetype");
} 
.Caveat-Regular {
font-family: "Caveat-Regular";
font-size:28px;
}
/* перенес стили из шаблона подвала из головы */
.Jura_3 { 
font-size: 20px;

font-family: 'Jura', sans-serif;
 -webkit-column-count: 5;
    -webkit-column-width: 75px;
    -webkit-column-gap: 20px;
    -webkit-column-rule: 1px solid #fff;
    -moz-column-count: 3;
    -moz-column-width: 75px;
    -moz-column-gap: 20px;
    -moz-column-rule: 1px solid #fff;
    -o-column-count: 3;
    -o-column-width: 75px;
    -o-column-gap: 20px;
    -o-column-rule: 1px solid #fff;
    column-count: 3;
    column-width: 75px;
    column-gap: 20px;
    column-rule: 1px solid #fff;
}

.Lobster {
    font-family: 'Lobster', cursive;
	font-size:25px;
	color: #D8D5A9;
	}

Slavyanskiyj_1 { 
font-family: 'Ruslan Display', cursive;

font-size: 180%;
}

Marck_Script { 
font-family: 'Marck Script', cursive;
font-size: 180%;

}

Poiret_One {
    font-family: 'Poiret One', cursive;
	font-size: 180%;
}

/* end */

.media_voting {
    width: 265px;
    position: relative;
    border-radius: 8px;
    box-shadow: inset 0 0 0 1px #e0e2e7;
    background-color: #fff;
    cursor: auto;
    background: #000;
}

.ternovihyj_kust_storona_vkhoda {
 margin:60px;
 position: relative;
}


ul.menu-top > li {
    float: left;        /* разещаем список горизонтально */
    list-style: none;	/* Убираем маркеры списка */
    padding: 3px;
    margin: 10px;
    border: 1px solid #000000;
    background-color: #6699D7;
 margin-left: 0px; /* межблочное расстояние */
 border-radius: 4px;

}


.media_voting {
width: 225px; !important
    position: relative;
    border-radius: 8px;
    box-shadow: inset 0 0 0 1px #e0e2e7;
    background-color: #fff;
    cursor: auto;
    background: #000;
}



/* этот стиль мне нужен для того, чтобы внедрять посты ФБ на сайт новостей */

.post-container {
position: absolute;
top:0;
left: 10;
width: 100%;
height: 100%;
}


/* этот стиль мне нужен для того, чтобы на главной странице расаоложить флаги стран слева от новостей  */

.left_flags {
position: absolute;
top: 85px;
margin-left: -5px;

z-index: 10;

}











