/*	Exogens.RUEN.CSS 1.02.216				Сайт / Site: ruen.su				*/
/*	Copyright © Exogens, Inc., 2003-2016			Электронная почта / Email: 24@ruen.su		*/


BODY		{ margin: 0; padding: 0; text-align: left; font-family: arial; color: #000; background-color: #fff; }


UL		{ margin: 2px 0 2px 20px; padding: 0; }
UL.ul		{ margin-left: 0; }
UL.ul LI	{ list-style: none; }
UL LI		{ padding: 3px 0; }
HR		{ width: 50%; height: 2px; text-align: left; background-color: #999; border: 0 solid; padding: 0; margin: 10px; }


P	{ margin: 3px 0; padding: 0; }


/* Ссылки */
A				{ text-decoration: underline; color: #555; }
A.a, A[href="#"]		{ text-decoration: none; border-bottom: 1px dotted; }
A:hover, A.a:hover	{ text-decoration: none; color: #000; }
A.ruen_visited:link	{ font-weight: bold; }
A.ruen_visited:visited	{ font-weight: normal; }
A.an		{ text-decoration: none; border: 0; }
A.ab		{ display: block; }

A.a:hover	{ border-bottom: 1px solid; }


/* Заголовки */
H1, H2, H3, H4, H5, H6, .h1, .h2, .h3, .h4, .h5, .h6 { padding: 0; margin: .5em 0 0; display: block; }


/* Выделения текста */
ABBR, ACRONYM	{ border-bottom: 1px dashed #000; cursor: help; }
.b		{ font-weight: bold !important; }
.i		{ font-style: italic; }
BIG, .big	{ font-size: 125%; text-transform: uppercase; }
SMALL, .small	{ font-size: 80%; color: #888; }

BLOCKQUOTE	{ font-size: 150%; font-style: italic; font-family: georgia; }
BLOCKQUOTE P	{ }
BLOCKQUOTE CITE		{ font-family: georgia; }
Q		{ font-size: 120%; font-style: italic; font-family: georgia; quotes: "«" "»" "„" "”"; }

CODE		{ font-weight: bold; color: #072; font-size: 14px; }
DEL		{ }
INS		{ }
KBD		{ font-family: 'times new roman'; font-size: 120%; font-style: normal; letter-spacing: 1px; padding: 0 4px; border: 2px solid #ddd; }
SAMP		{ font-family: verdana,tahoma; font-size: 100%; white-space: nowrap; font-weight: bold; color: #888; }
VAR		{ font-family: 'times new roman'; font-size: 120%; font-style: normal; font-weight: bold; color: #080; }





#ruen_system,
.ruen_message_title
{
background: rgb(125,126,125);
background: -moz-linear-gradient(top,  rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,126,125,1)), color-stop(100%,rgba(14,14,14,1)));
background: -webkit-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);
background: -o-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);
background: -ms-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);
background: linear-gradient(to bottom,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 );
}




/* label Ruen - Системная панель */
#ruen_system	{ color: #fff; font-family: arial; font-size: 13px; padding: 5px 0; box-shadow: 0 0 7px 0 #888;
		  position: fixed; top: 0; left: 0; z-index: 3000; width: 100%; margin: 0 !important; }
#ruen_system B	{ margin: 0 10px 0 0; }
#ruen_system A	{ color: #eee; text-decoration: none; margin: 0 5px; transition: all ease 0.3s; white-space: nowrap; }
#ruen_system A:hover	{ color: #fff; }
#ruen_system A B, .ruen_system .ruen_toright A, .ruen_debugger A[href="#"]	{ margin: 0; padding: 2px 4px; background: rgba(0,0,0,0.5); border-radius: 3px; color: #bbb; font-size: 11px; font-weight: normal; text-decoration: none; border: 0; transition: all ease 0.3s; }
#ruen_system A:hover B, .ruen_system .ruen_toright A:hover, .ruen_debugger A[href="#"]:hover	{ color: #fff; background: rgba(0,0,0,1); }

#ruen_system .ruen_toright A	{ font-size: 13px; font-weight: bold; margin: 0 0 0 3px; padding: 2px 6px; }

#ruen_system .ruen_toright SPAN 	{ padding: 0 10px 0 0; }
#ruen_system .ruen_toright SPAN B	{ padding: 0; }
#ruen_system .ruen_toright SPAN A	{ font-weight: normal; background: transparent; padding: 0; margin: 0 10px 0 0; }
#ruen_system .ruen_toright SPAN A:hover	{ background: transparent; }

#ruen_systemmenu { width: 100%; }
#ruen_systemmenu UL { margin: 0; }
#ruen_systemmenu LI { list-style: none; padding: 3px 0; border-top: 1px dotted #888; }
#ruen_systemmenu LI:first-child { border: 0; }
.ruen_systemmenu { width: 450px; padding: 0 20px 0 0; }

@media screen and (max-width: 1280px), handheld
{
HTML, .ruen_fixed { margin-top: 0 !important; }
#ruen_system { position: relative; }
#ruen_system A { background: rgba(0,0,0,.2); border: 1px solid rgba(255,255,255,.2); border-radius: 4px; margin: 0 0px 0 0; padding: 6px 9px; line-height: 32px; }
#ruen_system TABLE A { background: transparent; }
#ruen_system .ruen_toright { float: none; margin: 7px 0 0; }
#ruen_system .ruen_toright SPAN A, #ruen_system .ruen_toright A { background: rgba(0,0,0,.2); border: 1px solid rgba(255,255,255,.1); border-radius: 4px; margin: 0 3px 0 0; padding: 8px 12px; }
}

@media screen and (max-width: 639px), handheld
{
#ruen_systemmenu .ruen_columns { margin: 0; }
#ruen_systemmenu TD { display: block; width: 100%; box-sizing: border-box; padding: 0; }
}

.ruen_handheld { /* Копия из верхних правил */
HTML, .ruen_fixed { margin-top: 0 !important; }
#ruen_system { position: relative; }
#ruen_system A { background: rgba(0,0,0,.2); border: 1px solid rgba(255,255,255,.2); border-radius: 4px; margin: 0 0px 0 0; padding: 6px 9px; line-height: 32px; }
#ruen_system TABLE A { background: transparent; }
#ruen_system .ruen_toright { float: none; margin: 7px 0 0; }
#ruen_system .ruen_toright SPAN A, #ruen_system .ruen_toright A { background: rgba(0,0,0,.2); border: 1px solid rgba(255,255,255,.1); border-radius: 4px; margin: 0 3px 0 0; padding: 8px 12px; }
#ruen_systemmenu .ruen_columns { margin: 0; }
#ruen_systemmenu TD { display: block; width: 100%; box-sizing: border-box; padding: 0; }
}





/* label Ruen - Уведомления */
.ruen_system_notices {
  background-color: rgba(249,255,154,.9);
  border-bottom: 1px solid #aeb634;
  color: #f00;
  font-size: 12px;
  font-weight: 100;
  padding: 5px 7px;
}

.ruen_system_notices A {
  color: #f00;
}

.ruen_system_notices A:hover {
  color: #000;
}






/* label Ruen - Отладчик */

.ruen_debugger		{ color: #bbb; font-size: 11px; padding: 3px 0; }
.ruen_debugger BLINK	{ color: #bbb; }

#ruen_debugger		{ max-height: 0px; overflow: hidden; transition: max-height ease 1.5s; }
#ruen_debugger.show	{ max-height: 3000px; overflow: auto; }

.ruen_debugger .ruen_content	{ color: #eee; border: 0; margin: 30px 0; }
.ruen_debugger .ruen_content TH, .ruen_debugger .ruen_content TD
					{ border: 0; padding: 3px; }
.ruen_debugger .ruen_content TH	{ width: 100px; text-align: left; }
.ruen_debugger .ruen_content TH, .ruen_debugger .ruen_content TD
					{ border-top: 1px solid rgba(255,255,255,0.35); border-bottom: 1px solid rgba(255,255,255,0.35); }
.ruen_debugger .ruen_content TD:first-child	{ width: 150px; }



#ruen_debugger .ruen_list	{ color: #000; margin: 30px 0; border: 0; }
#ruen_debugger .ruen_list TR		{ transition: all ease 0.3s; }
#ruen_debugger .ruen_list TR:nth-child(2n)		{ background: #e8e8e8; }
#ruen_debugger .ruen_list TR:nth-child(2n+1)		{ background: #e0e0e0; }
#ruen_debugger .ruen_list TR:nth-child(2n):hover	{ background: #fff; }
#ruen_debugger .ruen_list TR:nth-child(2n+1):hover	{ background: #fff; }
#ruen_debugger .ruen_list TR:nth-child(1), #ruen_debugger .ruen_list TR:nth-child(1):hover		{ background: transparent; }
#ruen_debugger .ruen_list TH		{ color: #fff; border-top: 0; text-align: left; }
#ruen_debugger .ruen_list TD	{ text-align: left; border: 0; vertical-align: middle; }

#ruen_debugger .ruen_list TD A		{ margin: 0 2px !important; padding: 0 0 0 0; white-space: nowrap; }
#ruen_debugger .ruen_list TD A:hover	{ text-decoration: underline; }

#ruen_debugger .erdi, #ruen_debugger .erdi A			{ color: #005090; font-weight: bold; }
#ruen_debugger .erde, #ruen_debugger .erde A			{ color: #ff0000; font-weight: bold; white-space: normal; } 
#ruen_debugger .erdr, #ruen_debugger .erdr A			{ color: #509000; }
#ruen_debugger .erda, #ruen_debugger .erda A			{ color: #cc2020; }
#ruen_debugger .erdw, #ruen_debugger .erdw A			{ color: #cc2020; }


@media screen and (max-width: 640px)
{
.ruen_debugger { padding: 2px 0 1px; }
.ruen_debugger SPAN { display: none; }
.ruen_debugger A[href="#"] { background: rgba(0,0,0,.2); border: 1px solid rgba(255,255,255,.1) !important; margin: 0 3px 0 0 !important; padding: 8px 12px !important; }
}





/* label Ruen - Панели администрирования */

/*  Панель управления компонентами  */

DIV.ruen_adminka {
  box-sizing: padding-box;
  font-family: arial narrow,arial;
  font-size: 12px;
//  height: 32px;
  background-color: #d1cece;
  background-image: url('/exogens.ruen/common/adminka.bg.b.gif');
  border: 1px solid #bbb;
  border-radius: 3px;
  left: 0;
  margin: 0;
  opacity: .7;
  padding-left: 0 5px; 
  position: relative;
  top: 0;
  transition: all ease .2s;

/* http://colorzilla.com/gradient-editor/#d3d3d3+0,f2f2f2+50,d6d6d6+100 */
background: rgb(211,211,211);
background: -moz-linear-gradient(top,  rgba(211,211,211,1) 0%, rgba(242,242,242,1) 50%, rgba(214,214,214,1) 100%);
background: -webkit-linear-gradient(top,  rgba(211,211,211,1) 0%,rgba(242,242,242,1) 50%,rgba(214,214,214,1) 100%);
background: linear-gradient(to bottom,  rgba(211,211,211,1) 0%,rgba(242,242,242,1) 50%,rgba(214,214,214,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#d6d6d6',GradientType=0 );

}

DIV.ruen_adminka:hover {
  opacity: 1;
  border: 1px solid #bbb;
}



DIV.ruen_adminka A {
  border: 0;
  display: inline-block;
  margin: 0;
  padding: 0 4px;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
}

DIV.ruen_adminka A:first-child {
  padding-left: 10px;
}

DIV.ruen_adminka A U {
  background-repeat: no-repeat;
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  opacity: .7;
  padding: 0;
  text-decoration: none;
  vertical-align: top;

  background-image: url('/exogens.ruen/common/adminka.32.black.png');
  height: 32px;
  width: 38px;
}

DIV.ruen_adminka A IMG {
  margin: 2px 0;
}

@media screen and (max-width: 1280px), handheld
{
//  DIV.ruen_adminka A IMG { width: 40px; }
}



DIV.ruen_adminka A:hover {
  color: #000;
}

DIV.ruen_adminka A:hover U {
  opacity: 1;
}


DIV.ruen_adminka .add {
  background-position: center 0px;
}

DIV.ruen_adminka .delete {
  background-position: center -32px;
}

DIV.ruen_adminka .tune {
  background-position: center -96px;
}





/*  Панель управления текстового редактора  */

.ruen_adminka_toolbar 	{ box-sizing: border-box; font-size: 12px; font-family: arial narrow,arial; border: 1px solid #bbb; margin: 0 !important; overflow: hidden; padding: 0 !important;
					 background-color: #d1cece; background-image: url('/exogens.ruen/common/adminka.bg.b.gif'); border-radius: 3px; }
.ruen_adminka_toolbar A		{ margin: 0; white-space: nowrap; display: inline-block; vertical-align: top; text-decoration: none; border: 0; }
.ruen_adminka_toolbar A:hover	{ background-image: url('/exogens.ruen/common/adminka.bg.a.gif'); color: #000; }
.ruen_adminka_toolbar IMG		{ width: 20px; height: 20px; margin: 0px 1px; padding: 0; vertical-align: middle; }

.ruen_adminka_in		{ margin: 0 1px; }





.ruen_adminka LABEL	{ float: right; margin: 5px 5px 0 0; }
.ruen_adminka LABEL INPUT	{ vertical-align: middle; }

.ruen_adminka_toolbar		{ height: 27px; margin: 0 !important; background-color: #d1cece; background-image: url('/exogens.ruen/common/adminka.bg.b.gif'); background-position: -50px 0; border: 1px solid #bbb; }
.ruen_adminka_toolbar A		{ padding: 3px 4px !important; white-space: nowrap; display: inline-block; height: 21px; }


P.ruen_adminka		{ text-align: right; padding: 7px 0; }
P.ruen_adminka A		{ margin-left: 10px; }
/* P.ruen_adminka A:hover	{ border-bottom: 1px solid; } text-decoration: none; border-bottom: 1px dotted; */

.ruen_adminpanel		{ background: rgba(200,200,200,.9); border: 1px solid #aaa; border-radius: 5px; padding: 10px; }
.ruen_adminpanel:after	{ content: attr(title); background: #eee; color: #aaa; display: block; margin: 10px -8px -8px; border-radius: 0 0 5px 5px; text-align: center; padding: 1px; font-size: 85%; }
.ruen_adminpanel A	{ margin-right: 10px; }
.ruen_adminpanel B A	{ margin-right: 0; }

.ruen_fixed		{ }





/* label RUEN - Задачи */


TABLE.ruen_tasks TD {
padding: 5px 3px !important;
}



.ruen_tasks .date,
.ruen_tasks .user {
background: #e4e4e4;
border-radius: 3px;
color: #333;
margin: 0 2px;
padding: 3px 10px;
text-decoration: none;
transition: all ease 0.25s;
}


.ruen_tasks A.date:hover {
background: #888;
color: #fff;
}

.ruen_tasks IMG {
  vertical-align: middle;
}

.ruen_tasks .user:hover {
background: #2280FF;
color: #fff;
}


.ruen_tasks .me {
background: #40B040;
color: #fff;
}




.ruen_tasks_comments LI {
padding-bottom: 5px;
background: #f8f8f8;
border: 1px solid #e8e8e8;
border-radius: 5px;
padding: 10px;
margin: 0 0 10px;
}


.ruen_tasks_comments LI DIV {
font-size: 90%;
margin: 7px -8px -3px 0;
padding: 0;
text-align: right;
}


.ruen_tasks_comments LI .ruen_options {
margin: -20px 0 0;
}


.ruen_tasks_comments LI .ruen_options TR:first-child TH,
.ruen_tasks_comments LI .ruen_options TR:first-child TD {
border-top: 0;
}


.ruen_tasks_comments LI .ruen_options TR:last-child TH,
.ruen_tasks_comments LI .ruen_options TR:last-child TD {
border-bottom: 0;
}




#ruen_tasks_image {
box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
margin: 30px auto;
position: relative;
}


#ruen_tasks_image DIV {
position: absolute;
background: rgba(0,0,0,0.3);
color: rgba(255,255,255,.5);
font-size: 16px;
font-weight: 900;
border-radius: 0 10px 10px 10px;
padding: 10px 10px;
box-shadow: 0 0 0px 0 rgba(255,255,255,1);
transition: all ease 0.25s;
}


#ruen_tasks_image DIV:hover {
background: rgba(0,0,0,0.85);
color: rgba(255,255,255,1);
}


#ruen_tasks_image DIV DIV {
opacity: 0;
background: rgba(0,0,0,0.85);
color: rgba(255,255,255,1);
position: absolute;
left: 0;
top: 0;
height: 0;
overflow: hidden;
padding: 0;
font-size: 12px;
font-weight: 100;
}


#ruen_tasks_image DIV:hover DIV {
opacity: 1;
background: rgba(0,0,0,0.85);
color: rgba(255,255,255,1);
height: auto;
padding: 10px;
}





/* label RUEN - Текстовый редактор */

#tefaddimage {
  counter-reset: list;
}

.ruen_texteditor_addimage {
  border: 1px solid rgba(0,0,0,.35);
  border-radius: 5px;
  margin: 3px 0;
  position: relative;
}

.ruen_texteditor_addimage::before {
  background: rgba(125,126,125,.8);
  border-radius: 3px 0 0 3px;
  color: #fff;
  content: counter(list); 
  counter-increment: list;
  padding: 0 0 1px;
  position: absolute;
  left: -30px;
  text-align: center;
  top: 10px;
  width: 30px;
}

.ruen_texteditor_addimage TABLE {
  width: 100%;
}

.ruen_texteditor_addimage TABLE TD {
  border-top: 1px solid rgba(0,0,0,.1);
  padding: 5px;
}

.ruen_texteditor_addimage TABLE TD:first-child {
  border: 0;
  padding: 7px 10px 5px 0;
  text-align: right;
  width: 120px;
}







/* label Ruen - Диалог подтверждения */

.ruen_message			{ width: 300px; position: absolute; background: #fff; border: 0px solid #ccc;
					  -webkit-border-radius: 7px; border-radius: 7px;

					  -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5), 0 0 150px 0 rgba(0,0,0,0.3);
					  box-shadow: 0 0 10px 0 rgba(0,0,0,0.35), 0 0 300px 50px rgba(0,0,0,0.15);

					  background: rgb(242,242,242);
					  background: -moz-linear-gradient(top,  rgba(242,242,242,1) 0%, rgba(255,255,255,1) 50%, rgba(234,234,234,1) 100%);
					  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(234,234,234,1)));
					  background: -webkit-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 50%,rgba(234,234,234,1) 100%);
					  background: -o-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 50%,rgba(234,234,234,1) 100%);
					  background: -ms-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 50%,rgba(234,234,234,1) 100%);
					  background: linear-gradient(to bottom,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 50%,rgba(234,234,234,1) 100%);
					  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#eaeaea',GradientType=0 );

					  transition: all ease 0.5s;
					}

.ruen_message:hover		{
				  box-shadow: 0 0 15px 0 rgba(0,0,0,0.55), 0 0 300px 50px rgba(0,0,0,0.15);
				}

.ruen_message_title		{ padding: 10px 10px 10px; font-size: 110%; font-weight: bold; color: #fff;
					  text-shadow: 2px 2px 0 rgba(255,255,255,0.2);
					  -webkit-border-radius: 7px 7px 0 0; border-radius: 7px 7px 0 0;
					}

.ruen_message_text		{ color: #222; }
.ruen_message_buttons		{ border-top: 1px solid #aaa; margin: 0; padding: 10px; text-align: right; }
.ruen_message_buttons INPUT	{ min-width: 80px; margin: 0 0 0 7px;

					  border: 0; -webkit-border-radius: 7px; border-radius: 7px; padding: 5px 0; color: #fff;
					  box-shadow: 0 0 5px 0 rgba(0,0,0,0.1), inset 0 0 5px 0 rgba(0,0,0,0.3);

					  background: rgb(191,210,85);
					  background: -moz-linear-gradient(top,  rgba(191,210,85,1) 0%, rgba(142,185,42,1) 50%, rgba(114,170,0,1) 51%, rgba(158,203,45,1) 100%);
					  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(191,210,85,1)), color-stop(50%,rgba(142,185,42,1)), color-stop(51%,rgba(114,170,0,1)), color-stop(100%,rgba(158,203,45,1)));
					  background: -webkit-linear-gradient(top,  rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%);
					  background: -o-linear-gradient(top,  rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%);
					  background: -ms-linear-gradient(top,  rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%);
					  background: linear-gradient(to bottom,  rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%);
					  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 );

					  transition: all ease 0.5s;
					}

.ruen_message_buttons INPUT:hover	{
					  box-shadow: 0 0 5px 0 rgba(0,0,0,0.3), inset 0 0 10px 0 rgba(0,0,0,0.3);
					}

.ruen_message_buttons INPUT[class="ruen_message_button"]	{ 
					  color: #555;

					  background: rgb(247,247,247);
					  background: -moz-linear-gradient(top,  rgba(247,247,247,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
					  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1)));
					  background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
					  background: -o-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
					  background: -ms-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
					  background: linear-gradient(to bottom,  rgba(247,247,247,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
					  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#fefefe',GradientType=0 );
					}




/* label Ruen - Сообщения */
.ruen_help, .ruen_error, .ruen_warning, .ruen_info
				{ background-repeat: no-repeat; background-position: top left; margin: 15px; padding: 2px 0 10px 27px;
				  font-family: times new roman,arial; font-size: 14px; }
.ruen_help, .ruen_help A	{ color: #194; }
.ruen_help			{ background-image: url('/exogens.ruen/common/messages.help.gif'); }
UL.ruen_help			{ padding: 0 0 0 40px; }
.ruen_error, .ruen_error A	{ color: #f33; }
.ruen_error			{ background-image: url('/exogens.ruen/common/messages.error.gif'); }
.ruen_warning, .ruen_warning A	{ color: #f33; }
.ruen_warning			{ background-image: url('/exogens.ruen/common/messages.warning.gif'); }
.ruen_info, .ruen_info A	{ color: #47f; }
.ruen_info			{ background-image: url('/exogens.ruen/common/messages.info.gif'); }
.ruen_important		{ width: 50%; margin: 10% auto; font-size: 150%; padding-top: 0; }






/* label Ссылки с иконками */
.ruen_time, .ruen_user		{ margin: 0 3px 0 0; padding: 0 0 0 15px; background-repeat: no-repeat; background-position: left; }
.ruen_time				{ background-image: url("/exogens.ruen/common/symbols.time.gif"); white-space: nowrap; }
.ruen_views				{ margin: 0 3px 0 0; padding: 0 0 0 17px; background-repeat: no-repeat; background-position: left; background-image: url("/exogens.ruen/common/symbols.views.gif"); }
.ruen_user				{ background-image: url("/exogens.ruen/common/symbols.user.gif"); }
.ruen_rss, .rss			{ margin: 0 3px; padding: 0 0 0 19px; background: url("/exogens.ruen/common/symbols.rss.gif") no-repeat 0 50%; }
.ruen_linkout, .linkout		{ margin-right: 1px; padding: 0 14px 0 0; background-image: url("/exogens.ruen/common/symbols.linkout.gif"); background-repeat: no-repeat; background-position: right; }
.ruen_theme, .theme		{ margin-left: 3px; padding: 0 0 0 17px; background: url("/exogens.ruen/common/symbols.theme.gif") no-repeat 0 50%; }
.ruen_thumbsup, .thumbsup	{ margin-left: 3px; padding: 0 0 0 17px; background: url("/exogens.ruen/common/symbols.thumbsup.gif") no-repeat 0 50%; }
.ruen_thumbsdown, .thumbsdown	{ margin-left: 3px; padding: 0 0 0 17px; background: url("/exogens.ruen/common/symbols.thumbsdown.gif") no-repeat 0 50%; }
.ruen_comments, .comments	{ margin-left: 3px; padding: 0 0 0 17px; background: url("/exogens.ruen/common/symbols.comments.gif") no-repeat 0 50%; }
.ruen_link, .link			{ margin-left: 3px; padding: 0 0 0 17px; background: url("/exogens.ruen/common/symbols.link.gif") no-repeat 0 50%; }
.ruen_linkin, .linkin		{ margin-left: 3px; padding: 0 0 0 17px; background: url("/exogens.ruen/common/symbols.linkin.gif") no-repeat 0 50%; }
.ruen_excel				{ margin: 0 3px; padding: 0 0 0 19px; background: url("/exogens.ruen/common/symbols.excel.gif") no-repeat 0 50%; }



/* label Общее для таблиц */
.ruen_left, .left { text-align: left !important; }
.ruen_center, .center { display: block; margin: 0 auto; text-align: center; }
.ruen_right, .right { text-align: right !important; }
.ruen_justify, .justify { text-align: justify !important; }
.ruen_top, .top { vertical-align: top !important; }



/* label Таблицы */
TABLE				{ border: 0; margin: 0; padding: 0; border-collapse: collapse !important; border-spacing: 0; empty-cells: show; }
TH				{ font-weight: bold; vertical-align: top; padding: 8px 3px 3px; } /* text-align: left;  */
TD				{ margin: 0; padding: 0; vertical-align: top; }
TD.small			{ width: 30px; }

TABLE.ruen_content, TABLE.ruen_list, TABLE.ruen_options { width: 100%; margin: 5px 0; }

TABLE.ruen_content			{ border: 1px solid #aaa; text-align: left; }
.ruen_content TH				{ padding: 5px; text-align: center; font-weight: bold; }
.ruen_content TD				{ padding: 3px; vertical-align: top; }

.ruen_list				{ text-align: center; }
.ruen_list TR				{ transition: all ease 0.25s; }
.ruen_list TH, .ruen_list TD		{ vertical-align: middle; border-top: 1px solid #999; border-bottom: 1px solid #999; }
.ruen_list TH				{ font-weight: bold; padding: 5px; }
.ruen_list TD				{ padding: 3px; }

.ruen_list TD.ruen_adminka	{ width: 20px; white-space: nowrap !important; padding: 0 15px; text-align: center; vertical-align: middle; }

.ruen_list IMG { vertical-align: middle; }

.ruen_options TH, .ruen_options TD	{ vertical-align: top; text-align: left; border-top: 1px solid #999; border-bottom: 1px solid #999; }
.ruen_options TH				{ width: 200px; padding: 5px 3px 3px; font-weight: normal; }
.ruen_options TD				{ padding: 5px 0; }

.ruen_options TD .ruen_columns TD { border: 0; }

.ruen_options TD .ruen_list		{ margin: -5px 0; }
.ruen_options .ruen_list TD		{ width: auto; vertical-align: middle; padding: 5px; }
.ruen_options .ruen_list TH		{ width: auto; font-size: 85%; font-weight: bold; padding: 10px 5px; }
.ruen_options .ruen_list TD.ruen_left	{ padding-left: 0; }
.ruen_options .ruen_list TH.ruen_left	{ padding-left: 0; }

.ruen_options .ruen_list TR:first-child TH, .ruen_options .ruen_list TR:first-child TD	{ border-top: 0; }
.ruen_options .ruen_list TR:last-child TH, .ruen_options .ruen_list TR:last-child TD	{ border-bottom: 0; }


.ruen_content TH, .ruen_content TD	{ border: 1px solid #999; }

.ruen_list TR:nth-child(2n)		{ background: rgba(235, 235, 235, 0.5); }
.ruen_list TR:nth-child(2n):hover	{ background: rgba(210, 210, 210, 0.5); }
.ruen_list TR:nth-child(2n+1):hover	{ background: rgba(230, 230, 230, 0.5); }

.ruen_list TR.ruen_list, .ruen_list TR.ruen_list:hover	{ background: rgba(0,0,0,0); }




/* label  Колонки */
/*  Устаревшее  */
TABLE.ruen_columns			{ width: 100%; }
TABLE.ruen_columns TD			{ width: 10%; padding: 0 15px 3px 0; }
TABLE.ruen_columns TD:last-child	{ padding-right: 0; }

/*  Новое  */
TABLE.ruen_columns			{ width: auto; min-width: 100%; margin: 0 -10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
TABLE.ruen_columns TD			{ width: 10%; padding: 2px 10px; }
TABLE.ruen_columns TD:last-child	{ padding-right: 10px; }

TABLE.ruen_columns TABLE TD 		{ width: auto; }






/* label  Вкладки */
SECTION.ruen_tabs {
	padding: 10px 0;
}

SECTION.ruen_tabs INPUT {
	position: absolute;
	left: -9999px;
}

SECTION.ruen_tabs LABEL {
	color: #555;
	cursor: pointer;
	display: block;
	position: relative;
	z-index: 3;
	float: left;
	text-align: center;
	background: #ddd;
	border-radius: 5px 5px 0 0;
	padding: 5px 15px;
	margin: 4px -5px 0 10px;
	transition: all ease 0.25s;
	box-shadow: inset 0 -5px 10px -5px rgba(0,0,0,0.1);
}

#ruen_tabs_1:checked ~ #ruen_tabs_1t,
#ruen_tabs_2:checked ~ #ruen_tabs_2t,
#ruen_tabs_3:checked ~ #ruen_tabs_3t,
#ruen_tabs_4:checked ~ #ruen_tabs_4t,
#ruen_tabs_5:checked ~ #ruen_tabs_5t,
#ruen_tabs_6:checked ~ #ruen_tabs_6t,
#ruen_tabs_7:checked ~ #ruen_tabs_7t,
#ruen_tabs_8:checked ~ #ruen_tabs_8t,
#ruen_tabs_9:checked ~ #ruen_tabs_9t,
#ruen_tabs_10:checked ~ #ruen_tabs_10t,
#ruen_tabs_1t:hover,
#ruen_tabs_2t:hover,
#ruen_tabs_3t:hover,
#ruen_tabs_4t:hover,
#ruen_tabs_5t:hover,
#ruen_tabs_6t:hover,
#ruen_tabs_7t:hover,
#ruen_tabs_8t:hover,
#ruen_tabs_9t:hover,
#ruen_tabs_10t:hover {
	background: #eee;
	border-color: #fff;
	color: #333;
	top: 0;
	z-index: 3;
	padding: 7px 15px 7px;
	margin-top: 0;
	box-shadow: inset 0 -5px 10px -5px rgba(0,0,0,0.2);
}


#ruen_tabs_1:checked ~ #ruen_tabs_1t,
#ruen_tabs_2:checked ~ #ruen_tabs_2t,
#ruen_tabs_3:checked ~ #ruen_tabs_3t,
#ruen_tabs_4:checked ~ #ruen_tabs_4t,
#ruen_tabs_5:checked ~ #ruen_tabs_5t,
#ruen_tabs_6:checked ~ #ruen_tabs_6t,
#ruen_tabs_7:checked ~ #ruen_tabs_7t,
#ruen_tabs_8:checked ~ #ruen_tabs_8t,
#ruen_tabs_9:checked ~ #ruen_tabs_9t,
#ruen_tabs_10:checked ~ #ruen_tabs_10t
{
	cursor: default;
	box-shadow: 0 -3px 3px 0px rgba(0,0,0,0.1);
	background: #eeeeee;
	background: -moz-linear-gradient(top,  #eeeeee 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#ffffff 100%);
	background: -o-linear-gradient(top,  #eeeeee 0%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #eeeeee 0%,#ffffff 100%);
	background: linear-gradient(to bottom,  #eeeeee 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
}


DIV.ruen_tabs {
	background: #fff;
	position: relative;
	z-index: 2;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 10px;
	margin: -1px 0 0;
}

DIV.ruen_tabs > DIV {
	position: absolute;
	left: -9999px;
	top: -9999px;
	opacity: 0;
	-moz-transition: opacity ease .5s;
	-webkit-transition: opacity ease .5s;
	transition: opacity ease .5s;
}

#ruen_tabs_1:checked ~ DIV.ruen_tabs #ruen_tabs_1c,
#ruen_tabs_2:checked ~ DIV.ruen_tabs #ruen_tabs_2c,
#ruen_tabs_3:checked ~ DIV.ruen_tabs #ruen_tabs_3c,
#ruen_tabs_4:checked ~ DIV.ruen_tabs #ruen_tabs_4c,
#ruen_tabs_5:checked ~ DIV.ruen_tabs #ruen_tabs_5c,
#ruen_tabs_6:checked ~ DIV.ruen_tabs #ruen_tabs_6c,
#ruen_tabs_7:checked ~ DIV.ruen_tabs #ruen_tabs_7c,
#ruen_tabs_8:checked ~ DIV.ruen_tabs #ruen_tabs_8c,
#ruen_tabs_9:checked ~ DIV.ruen_tabs #ruen_tabs_9c,
#ruen_tabs_10:checked ~ DIV.ruen_tabs #ruen_tabs_10c {
	position: static;
	left: 0;
	opacity: 1;
}






/* label  Плитки */
.ruen_tiles								{ overflow: hidden; }

.ruen_tiles A {
  display: inline-block;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  vertical-align: top;
  width: 25%;
  min-height: 120px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
}

.ruen_tiles3x A {
  width: 33.33%;
}

.ruen_tiles2x A {
  width: 50%;
}


.ruen_columns  TD[colspan=""] .ruen_tiles A					{ width: 50%; }

/* .ruen_columns TD[colspan="2"] .ruen_tiles A, .ruen_columns TD[colspan="3"] .ruen_tiles A			{ width: 25%; } */

.ruen_tiles A.s2x1						{ width: 50%; }
.ruen_columns .ruen_tiles A.s2x1				{ width: 100%; }

.ruen_tiles .default, .ruen_tiles .active			{ position: absolute; top: 0; left: 0; width: 90%; height: 90%; padding: 5% 7% 6% 5%; 
									  color: #fff; transition: opacity ease .5s; }

.ruen_tiles .default						{ background: rgba(0,0,0,0.5); }

.ruen_tiles .active						{ background: rgba(0,0,0,0.85); }

.ruen_tiles .default, .ruen_tiles A:hover .active	{ opacity: 1; filter: alpha(opacity=100); }
.ruen_tiles .active, .ruen_tiles A:hover .default	{ opacity: 0; filter: alpha(opacity=0); }


.ruen_tiles CENTER, .ruen_tiles CENTER			{ padding: 50% 0 0; margin: -0.5em 0 0; }

.ruen_tiles IMG	{ width: 100%; }




/* .ruen_tiles .active	{ opacity: 0; filter: alpha(opacity=100); } */



@media screen and (max-width: 1000px)
{
.ruen_tiles A				{ width: 33.333%; }
.ruen_columns .ruen_tiles A		{ width: 50%; }
.ruen_columns .ruen_tiles A.s2x1	{ width: 100%; }
}


@media screen and (max-width: 640px)
{
.ruen_tiles A				{ width: 50%; }
.ruen_columns .ruen_tiles A		{ width: 100%; }
}


@media screen and (max-width: 320px)
{
.ruen_tiles A 				{ width: 100%; }
}



/* label Флекс  */

.ruen_flex {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
padding: 0;
margin: 0;
}


UL.ruen_flex LI {
list-style: none;
width: 33.33%;
margin: 0;
padding: 10px;
border: 5px solid rgba(0,0,0,0);
border-radius: 10px;
box-sizing: border-box;
box-shadow: inset 0 0 1px 0 rgba(0,0,0,.5);
position: relative;
display: inline-block;
vertical-align: top;
}









/* label Изображения */
IMG			{ border: 0; }
IMG[src=""]	{ display: none; }
.ruen_preview	{ border: 2px solid #aaa; padding: 2px; margin: 2px; cursor: pointer; }
.ruen_photo		{ border: 3px solid #aaa; padding: 2px; margin: 2px; }
.ruen_noimage	{ background-image: url('/exogens.ruen/common/bg.noimage.gif') !important; }
/* IMG.png { behavior: url('/exogens.ruen/common/corrections-png.htc'); } */
/* .ruen_preview:hover { opacity: .75; } */



/* label Изображения - Просмотр */
DIV.ruen_images			{ position: fixed; z-index: 4001; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.85; background-color: #fff; }
#ruen_images			{ position: fixed; z-index: 4002; top: 0; left: 0; width: 100%; height: 100%; }

#ruen_images_container		{ overflow: hidden; background: url('/exogens.ruen/common/icons.loading.gif') center no-repeat; text-align: center; vertical-align: middle; }
#ruen_images_title		{ position: absolute; bottom: 0; left: 0; z-index: 4006; width: 100%; height: 0; overflow: hidden; padding: 0; text-align: center; color: #333; font-size: 150%; text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; }

#ruen_images_previews			{ position: absolute; bottom: 0; left: 0; z-index: 4005; width: 100%; height: 0; max-height: 180px; background: rgba(0,0,0,0.75); text-align: center; overflow: hidden; white-space: nowrap; }
#ruen_images_previews IMG		{ height: 75px; margin: 5px 3px; }

#ruen_images_previews IMG:nth-child(1), #ruen_images_previews IMG:nth-last-child(1)	{ opacity: 0.2; }
#ruen_images_previews IMG:nth-child(2), #ruen_images_previews IMG:nth-last-child(2)	{ opacity: 0.5; }

#ruen_images_previews IMG.active	{ box-shadow: 0 0 21px 0 #fff, 0 0 3px 0 #fff; padding: 5px; opacity: 1; }

#ruen_images_main			{ cursor: pointer; transition: all ease 1s; z-index: 4004; min-width: 32px; min-height: 32px; border: 0; padding: 0; box-shadow: 0 0 10px 0 #888; }

#ruen_images_close		{ position: fixed; top: 10px; right: 10px; z-index: 4008; content: ''; display: block; width: 32px; height: 32px; padding: 0; border-radius: 16px; background: rgba(255,255,255,0.9) url('/exogens.ruen/common/icons.close.gif') center no-repeat; transition: all ease 0.5s; }
#ruen_images_close:hover	{ background-color: rgba(0,0,0,0.9); }

#ruen_images_right, #ruen_images_left			{ content: ''; position: fixed; top: 50%; z-index: 4007; display: block; width: 64px; height: 64px; padding: 0; border-radius: 32px; background: rgba(255,255,255,0.9) url('/exogens.ruen/common/icons.right.gif') center no-repeat; box-shadow: 0 0 8px 0 rgba(0,0,0,0.2); transition: all ease 0.5s; }
#ruen_images_right:hover, #ruen_images_left:hover	{ background-color: rgba(0,0,0,0.9); }
#ruen_images_right						{ right: 10px; background-image: url('/exogens.ruen/common/icons.right.gif'); }
#ruen_images_left							{ left: 10px; background-image: url('/exogens.ruen/common/icons.left.gif'); }





/* Формы */
FORM { margin: 0; padding: 0; }
INPUT, TEXTAREA, SELECT { margin: 2px 0; color: #444; }
TEXTAREA { width: 300px; height: 150px; }
.ruen_radio { }
.ruen_long { width: 99%; }
.ruen_middle { width: 300px; }
.ruen_short { width: 80px; }

/* Экспериментальное скрадывание необязательных полей */
// INPUT, TEXTAREA, SELECT { opacity: 0.65; transition: all ease 0.2s; }
INPUT:required, TEXTAREA:required, SELECT:required,
INPUT:focus, TEXTAREA:focus, SELECT:focus,
INPUT[type="submit"], INPUT[type="button"] { opacity: 1; }






/* Списки страниц */
.pages_block { text-align: right; padding: 0; border-top: 0 solid #bbb; border-bottom: 0 solid #bbb; margin: 10px 0; }
.pages_item, .pages_selected { border: 0 solid #47b; margin: 0; padding: 0 5px; }
.pages_selected { background-color: #bbb; font-weight: bold; color: #4281B7; }
.pages_item:hover { background-color: #eee; }


/* Полосы прогресса */
TABLE.ruen_progress TD			{ vertical-align: middle; }
DIV.ruen_progress			{ width: 200px; border: 1px solid #aaa; margin: 2px 10px 2px 0; }
DIV.ruen_progress I			{ display: block; background: #eee; }
DIV.ruen_progress B			{ display: block; width: 200px; text-align: center; margin-top: -15px; font-size: 85%; font-weight: normal; }
DIV.ruen_progress, DIV.ruen_progress I	{ height: 15px; border-radius: 3px; }


/*  Меню  */
.menu_caption, .menu_item, .menu_point { text-decoration: none; }
.menu_caption { display: inline-block; font-weight: bold; margin: 3px 0 1px; }
.menu_item { font-size: 90%; padding: 0 0 0 5px; }
.menu_point { }

.menu_main_caption, .menu_main_item { text-decoration: none; }
.menu_main_caption { display: inline-block; font-weight: bold; margin: 3px 0 1px; }
.menu_main_item { font-size: 90%; padding: 0 0 0 5px; }


.ruen_menu								{ width: 100%; margin: 0; list-style: none; }

/*  Пункт 1-го уровня  */
.ruen_menu li							{ float: left; padding: 5px 0; position: relative; }

/*  Пункт 1-го уровня, ссылка  */
.ruen_menu a							{ float: left; height: 25px; padding: 0 25px; }

/*  Пункт 1-го уровня, ссылка под курсором  */
.ruen_menu li:hover > a, *html .ruen_menu li a:hover	{ color: #000; }

.ruen_menu li:hover > ul					{ display: block; }

/*  Подменю  */
.ruen_menu ul							{ list-style: none; margin: 0; padding: 0; display: none; position: absolute; top: 35px; left: 0; z-index: 99999; }

/*  Пункт 2-го уровня  */
.ruen_menu ul li							{ float: none; margin: 0; padding: 0; display: block; }

/*  Пункт 2-го уровня, ссылка  */
.ruen_menu ul a							{ padding: 10px; height: auto; line-height: 1; display: block; white-space: nowrap; float: none; text-transform: none; }

/*  IE 6,7  */
*html .ruen_menu ul a, *:first-child+html .ruen_menu ul a	{ height: 10px; width: 150px; }

/*  Пункт 2-го уровня, ссылка под курсором  */
.ruen_menu ul a:hover						{ }
.ruen_menu ul li:first-child a				{ }

/*  Пункт 2-го уровня, указатель  */
/* .ruen_menu ul li:first-child a:after			{ content: ''; position: absolute; left: 30px; top: -8px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 8px solid #444; } */

/* .ruen_menu:after						{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } */



/*  Отправка сообщений  */
.letters	{ display: block; width: 40px; height: 150px; position: fixed; top: 45%; left: 0; z-index: 10005998; background: url('/exogens.ruen/common/buttons.letters.png') top right; }
.letters:hover	{ width: 43px; }
#letters	{ display: none; position: fixed; top: 0; left: 0; z-index: 10006000; width: 100%; height: 100%; overflow: auto; }
#lettersbg	{ display: none; position: fixed; top: 0; left: 0; z-index: 10005999; width: 100%; height: 100%; background: #fff; opacity: 0.8; }
#letters DIV	{ width: 700px; margin: 100px auto 0; background: #fff; border-radius: 10px; border: 0px solid #eee; padding: 20px; box-shadow: 0 0 7px #444; }


/* Пользователи */
P.users_contacts	{ border-bottom: 1px solid #888; font-size: 90%; font-weight: bold; margin: 5px 0; }
P.users_contacts A	{ font-weight: normal; float: right; color: #888; text-decoration: none; }



/* Форум */
TABLE.ruen_forums	{ width: 100%; border: 1px solid #aaa; }
TH.ruen_topics		{ background-color: #444; color: #fff; padding: 3px; font-size: 80%; font-weight: normal; }
TH.ruen_forums		{ padding: 5px 5px 5px 10px; background-color: #888; color: #fff; }
TH.ruen_forums A	{ color: #fff; }
.ruen_forum		{ padding: 5px 5px 5px 35px; vertical-align: middle; }
.ruen_topic		{ }
.ruen_topics, .ruen_topic, .ruen_forums, .ruen_forum { border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; }




/* Не классифицированное */
.ruen_comment	{ padding: 2px 2px 2px 5px; margin: 0; font-size: 90%; color: #028626; }
.ruen_nowrap	{ white-space: nowrap; }
.ruen_shadow, .ruen_shadow *	{ color: #888 !important; }
.ruen_toleft	{ float: left; margin: 0 15px 5px 0; clear: both; }
.ruen_toright	{ float: right; margin: 0 0 5px 15px; clear: both; }








/* label  Слайдер */
.ruen_slider {
height: 300px;
overflow: hidden;
margin: 0 auto;
padding: 0;
position: relative;
}

.ruen_slider UL {
margin: 0 auto;
padding: 0;
position: relative;
}

.ruen_slider LI,
.ruen_slider .next {
box-sizing: border-box;
list-style: none;
margin: 0;
opacity: 0;
padding: 0;
position: absolute;
left: 0;
text-align: center;
top: 0;
width: 100%;
z-index: 1000;
}

.ruen_slider LI,
.ruen_slider .current,
.ruen_slider .next,
.ruen_slider .previous {
  transition: all ease .75s;
}

.ruen_slider LI:first-child,
.ruen_slider .current {
  opacity: 1;
  z-index: 1001;
}

.ruen_slider .next,
.ruen_slider .previous {
  opacity: 0 !important;
  z-index: 1000;
}





/* label Слайды */
.slides_markers			{ position: absolute; bottom: 5px; right: 10px; z-index: 5000; }
.slides_markers A		{ display: inline-block; width: 12px; height: 12px; background: rgba(255,255,255,0.5); border: 1px solid rgba(0,0,0,0.5); border-radius: 15px; margin: 0 2px; transition: all ease 0.5s; }
.slides_markers A.current, .slides_markers A:hover	{ background: rgba(255,255,255,0.9); border: 1px solid rgba(0,0,0,0.75); }


.slides_slider .markers,
.landing_slider .markers { position: absolute; bottom: 5px; right: 10px; z-index: 5000; }
.landing_slider .markers { margin: 0 -50px 0 0; right: 50%; text-align: center; width: 100px; }

.slides_slider .markers A,
.landing_slider .markers A { display: inline-block; width: 12px; height: 12px; background: rgba(255,255,255,0.5); border: 1px solid rgba(0,0,0,0.5); border-radius: 15px; margin: 0 2px; transition: all ease 0.5s; }

.slides_slider .markers A.current,
.slides_slider .markers A:hover,
.landing_slider .markers A.current,
.landing_slider .markers A:hover { background: rgba(255,255,255,0.9); border: 1px solid rgba(0,0,0,0.75); }




/* label Сметы */
UL.estimates_list LI {
  padding-bottom: 25px;
}

.estimates_list P.ruen_right {
  bottom: 5px;
  font-weight: bold;
  position: absolute;
  right: 10px;
}

.estimates_prices {
  width: 100%;
  border: 1px solid #999;
}

.estimates_prices TBODY:first-child TR,
.estimates_prices TBODY:last-child TR,
.estimates_prices TR:nth-child(2n) {
  background: rgba(215, 215, 215, 0.5);
}

.estimates_prices TH {
  padding: 12px 10px;
  text-align: center;
  vertical-align: top;
}

.estimates_prices TD {
  padding: 5px 10px;
  text-align: center;
  vertical-align: middle;
}

.estimates_prices TD.small {
  padding: 5px 0 5px 9px;
}

.estimates_prices TR.price {
  font-weight: bold;
}

.estimates_prices TD.price {
  padding: 12px 10px;
  white-space: nowrap;
}

.estimates_prices INPUT[type="number"] {
  border: 1px solid #aaa;
  border-radius: 3px;
  opacity: 1;
  padding: 2px 0 2px 10px;
  text-align: center;
  width: 50px;
}

.estimates_change {
  float: right;
  font-weight: bold;
}





/* label Лендинг  */
.landing FORM	{ text-align: center; }


/* label Лендинг - Таймер */
TABLE.landing_timer				{ margin: 0 auto; }
TABLE.landing_timer TH				{ text-align: center; font-size: 60px; color: #000; position: relative; padding: 0 7px; }
TABLE.landing_timer TH::before		{ content: ":"; position: absolute; left: -8px; top: 0px; }
TABLE.landing_timer TH:first-child:before	{ content: ""; }
TABLE.landing_timer TH DIV			{ border: 1px solid #888; padding: 0px 20px; border-radius: 5px; box-shadow: 0 0 7px 0 rgba(0,0,0,0.2);
text-shadow: 2px 2px 3px rgba(255,255,255,0.75), -2px -2px 2px rgba(0,0,0,0.2);
background: rgb(226,226,226);
background: -moz-linear-gradient(top,  rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1)));
background: -webkit-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
background: -o-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
background: -ms-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
background: linear-gradient(to bottom,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 );
							}
TABLE.landing_timer TD				{ text-align: center; font-size: 12px; }
TABLE.landing_timer TD DIV			{ padding: 0 2px; }





/* label  Магазин  */

// Магазин: Витрина

TABLE.shop_showcase {
  width: 100%;
}

TABLE.shop_showcase TD {
  border: 1px solid #eee; 
  padding: 10px;
  width: 20%;
}

.shop_showcase A {
  text-decoration: none;
}

.shop_showcase A IMG {
  border-radius: 5px;
  display: block;
  margin: 0 auto 10px;
  width: 100%;
}

.shop_showcase .basket {
  background: rgba(200,200,200,.2);
  border: 1px solid rgba(0,0,0,.2);
  border-radius: 5px;
  display: block;
  margin: 10px auto 0;
  padding: 5px;
  text-align: center;
  text-decoration: none;
  transition: all ease .2s;
  width: 50%;
}

.shop_showcase .basket:hover {
  background: rgba(200,200,200,.5);
  border: 1px solid rgba(0,0,0,.5);
}

.shop_showcase .price {
  clear: both;
  color: #f00;
  float: right;
  font-weight: 700;
  padding: 0 0 10px 10px;
}

.shop_showcase .price STRIKE {
  color: #888;
  margin: 0 0 10px 0;
}



/* Магазин: Прочее */
.shop_prices		{ text-align: right; float: right; padding: 0 0 15px 15px; }
.shop_price		{ font-family: fontmain; font-size: 24px; color: #1A6DAA; text-align: center; }
.shop_2basket		{ display: block; border-radius: 5px; background: #2580C3; 
			  font-family: fontmain; font-size: 16px; padding: 5px 10px; line-height: 16px; color: #fff; text-align: center; text-decoration: none; text-transform: uppercase; }
.shop_2basket:hover	{ background: #3DA1EB; color: #fff; }

.shop_new	{ }
.shop_hit	{ }






/* label  Отчеты  */
.reports	{ width: 100%; border-collapse: separate !important; border-spacing: 10px; margin: -10px 0; }
.reports TD	{ text-align: center; vertical-align: middle; background-position: center; background-size: cover; }


.reports_h2	{ height: 300px; }
.reports_h3	{ height: 540px; }

.reports_h1	{ height: 200px; }



.reports_w13	{ width: 33.3%; }
.reports_w23	{ width: 66.7%; }

.reports_w14	{ width: 25%; }
.reports_w24	{ width: 50%; }
.reports_w34	{ width: 75%; }


.reports_edition TD		{ background-color: #eee; cursor: pointer; }
.reports_edition .reports_h2	{ height: 150px; }
.reports_edition .reports_h3	{ height: 270px; }





/* .reports .hide		{ display: block; background: rgba(255,255,255,0.0); height: 0; padding: 0px; overflow: hidden; transition: all ease 0.5s; } */
/* .reports TD:hover .hide	{ display: block; background: rgba(255,255,255,0.85); height: 20px; padding: 20px; } */

.reports		{ position: relative; }
.reports .hide		{ display: none; background: rgba(255,255,255,0.95); width: 100px; margin: 0 0 0 -50px; text-align: center; padding: 15px; transition: all ease 0.5s; position: absolute; top: 30px; left: 50%; z-index: 10; }
.reports:hover .hide	{ display: block; }






.flowers A.order,
.flowers A.price {
display: inline-block;
background: #50B050;
border-radius: 5px; 
margin: 0 0 0 5px;
padding: 8px 25px;

color: #fff;
font-size: 120%;
font-weight: 500;
text-decoration: none;

background: rgb(255,206,71);
background: -moz-linear-gradient(top,  rgba(255,206,71,1) 0%, rgba(255,171,5,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,206,71,1)), color-stop(100%,rgba(255,171,5,1)));
background: -webkit-linear-gradient(top,  rgba(255,206,71,1) 0%,rgba(255,171,5,1) 100%);
background: -o-linear-gradient(top,  rgba(255,206,71,1) 0%,rgba(255,171,5,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,206,71,1) 0%,rgba(255,171,5,1) 100%);
background: linear-gradient(to bottom,  rgba(255,206,71,1) 0%,rgba(255,171,5,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffce47', endColorstr='#ffab05',GradientType=0 );

transition: all ease 0.5s;
}


.flowers A.order:hover,
.flowers A.price:hover { 
color: #fff;
text-shadow: 0 0 10px rgba(255,255,255,1);
}


UL.flowers {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
padding: 0;
margin: 0 -5px;
}


UL.flowers LI {
list-style: none;
width: 33.33%;
margin: 0;
padding: 10px 10px 60px;
background: #f8f8f8;
border: 5px solid rgba(0,0,0,0);
border-radius: 10px;
box-sizing: border-box;
box-shadow: inset 0 0 1px 0 #000;
position: relative;
display: inline-block;
vertical-align: top;
}


UL.flowers5 LI {
width: 20%;
}


UL.flowers LI IMG {
width: 100%;
}


UL.flowers LI .bottom {
position: absolute;
bottom: 10px;
right: 10px;
margin: 0;
padding: 0;
}


TABLE.flowers TH {
line-height: 80%;
padding: 0;
}

TABLE.flowers P.price {
text-align: center;
background: #eee;
margin: 15px 0;
padding: 10px;
border-radius: 5px;
}


TABLE.flowers P.price B {
font-size: 24px;
}


TABLE.flowers .description {
width: 100%;
}


TABLE.flowers .description TH {
width: 30%;
padding: 0 0 0 20px;
font-weight: normal;
line-height: 125%;
}





/* label Ruen - Стили для печати */
@media screen {

.ruen_print {
  display: none;
}

}


@media print {

.ruen_noprint,
.ruen_adminka,
.subtitle {
  display: none;
}

.ruen_print {
  display: block;
}

}





/*
     */
/*
*/