@charset "utf-8";
/* CSS Document */

/*Настройки, которые были в самом файле menu-x.php раньше */
/*********************************************************************************************************/

/*Контейнер меню для PC*/
.demo_container_menu_pc{
  margin-top:-20px;/*раньше при тоньших пунктах меню было 20px*/
  margin-bottom: 0px;/*45px era antes, ahora no hace falta*/
}

/*Контейнер меню для MÓVIL*/
.demo_container_menu_mob {
    /* margin-top: -20px; */
    /* outline: 1px solid red; */
    /* background: #07070778; */
    margin-bottom: 0px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 0%;
    padding: 0 0 5px;
    overflow-y: scroll !important;
    z-index: 99999;
}
.shapka_menu_mob_outer {
    background: navy;
    position: fixed;
    top: 0px;
    opacity: 1;
    z-index: 999999;
    width: 100%;
    box-shadow: 0 0 10px 0px #ffffff80;
}
.shapka_menu_mob {
    height: 25px;
    /* background: #212196; */
    margin: 15px 15px;/*antes 10px 20px*/
    color: white;
    /* outline: 1px solid red; */
    /* width: 100%; */
}
.shapka_menu_mob .logotype{
  width: auto;
  margin: 0;
  padding: 0; 
  height: 25px;
}
.shapka_menu_mob .bot_menu{
    margin: 0 0 0 10px;
}
.botones_open {
    /* outline: 1px solid blue; */
    float: left;
    height: 25px;
}
.botones_open .idiomas_header {
 top: 1px;
}
.botones_open .bot_close {
 margin-top: -2px;
 margin-right: 0;
}
.botones_open .bot_session,
.botones_open .bot_search {
 margin-top: -2px;
}
/* antes era asi
.demo_container_menu_mob #cssmenu {
    margin-top: 55px !important;
    background: #0404048a;
    height: auto;
    left: -100%;
    transition: 5s ease-in-out;
}
*/
.demo_container_menu_mob #cssmenu {
    margin-top: 0px !important;
    background: #0404048a;
    height: auto;
    left: 0;
    transition: 1s ease-in-out;
    /* outline: 1px solid red; */
    margin-bottom: 54px!important;
}
.demo_container_menu_mob .bl_shap_m {
    padding: 5px 0;
    box-shadow: 0 0 10px 0px #ffffff80;
}


.pustiy_block {
    /* background: #ff0000b3; */
    height: 200%;
    position: relative;
    margin-top: 0%;
}

.para_logo{
    /* background: red; */
    float: left;
    position: relative;
    /* outline: 1px solid red; */
}
.para_botones{
    /* background: green; */
    float: right;
    position: relative;
    /* outline: 1px solid green; */
}

/******/



.pag {
  background-color: #0000cc !important; 
}
.pag_r {
  background-color: red!important;
  color:yellow;
}
.logout_img {
    width: 25px;
    position: relative;
    top: -6px;
    float: left;
    margin-right: 10px;
}



/* fin de  - настройки css для файла blocks/menu/menu-x.php */
/****************************************************************************************/


/****************************************************************************************/
/* inicio de - настройки css для файла blocks/menu/menu-x.php */

#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a {
    border: 0 none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    line-height: 1;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
}
#cssmenu {
    color: #ffffff;
    font-family: Helvetica,Arial,sans-serif;
    width: 100%;/*200px;*/
    transition: 0.5s;
}
#cssmenu ul ul {
    display: none;
}

.rezerv_para_menu {
    background: -moz-linear-gradient(top,  rgba(54,170,231,1) 0%, rgba(31,160,228,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(54,170,231,1)), color-stop(100%,rgba(31,160,228,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(54,170,231,1) 0%,rgba(31,160,228,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(54,170,231,1) 0%,rgba(31,160,228,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(54,170,231,1) 0%,rgba(31,160,228,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(54,170,231,1) 0%,rgba(31,160,228,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36aae7', endColorstr='#1fa0e4',GradientType=0 ); /* IE6-9 */

}
.rezerv_para_menu:hover{
 background: -moz-linear-gradient(top,  rgba(31,160,228,1) 0%, rgba(25,146,209,1) 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(31,160,228,1)), color-stop(100%,rgba(25,146,209,1))); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  rgba(31,160,228,1) 0%,rgba(25,146,209,1) 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  rgba(31,160,228,1) 0%,rgba(25,146,209,1) 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top,  rgba(31,160,228,1) 0%,rgba(25,146,209,1) 100%); /* IE10+ */
 background: linear-gradient(to bottom,  rgba(31,160,228,1) 0%,rgba(25,146,209,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1fa0e4', endColorstr='#1992d1',GradientType=0 ); /* IE6-9 */
}

#cssmenu > ul > li > a {
   background: #28a3e6; /*rgb(54,170,231); /* Old browsers */
    border-left: 1px solid #1682ba;
    border-right: 1px solid #1682ba;
    border-top: 1px solid #1682ba;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset;
    color: #ffffff;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    padding: 15px 28px 15px 20px;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
    z-index: 2;
}
#cssmenu > ul > li > a:hover, 
#cssmenu > ul > li.active > a, 
#cssmenu > ul > li.open > a {
  background: #2190cc;/*#2fb3f9; /*rgb(31,160,228); /* Old browsers */
    color: #eeeeee;
}
#cssmenu > ul > li.open > a {
    border-bottom: 1px solid #1682ba;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.15);
}
#cssmenu > ul > li:last-child > a, 
#cssmenu > ul > li.last > a {
    border-bottom: 1px solid #1682ba;
}
.holder {
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
}
.holder:after, .holder:before {
    content: "";
    display: block;
    height: 6px;
    position: absolute;
    right: 20px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    transform: rotate(-135deg);
    width: 6px;
    z-index: 10;
}
.holder:after {
    border-left: 2px solid #ffffff;
    border-top: 2px solid #ffffff;
    top: 17px;
}
#cssmenu > ul > li > a:hover > span:after, 
#cssmenu > ul > li.active > a > span:after, 
#cssmenu > ul > li.open > a > span:after {
    border-color: #eeeeee;
}
.holder:before {
    border-left-color: inherit;
    border-left-style: solid;
    border-left-width: 2px;
    border-top-color: inherit;
    border-top-style: solid;
    border-top-width: 2px;
    top: 18px;
}
#cssmenu ul ul li a {
    background:#49505a;
    border-bottom: 1px solid #32373e;
    border-left: 1px solid #32373e;
    border-right: 1px solid #32373e;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
    color: #eeeeee;
    cursor: pointer;
    font-size: 14px;
    padding: 17px 20px;
    text-decoration: none;
    z-index: 1;
}
#cssmenu ul ul li:hover > a, 
#cssmenu ul ul li.open > a, 
#cssmenu ul ul li.active > a {
    background: none repeat scroll 0 0 #424852;
    color: #ffffff;
}
#cssmenu ul ul li:first-child > a {
    -webkit-box-shadow: none;
    box-shadow: none;
}
#cssmenu ul ul ul li:first-child > a {
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
}
#cssmenu ul ul ul li a {
    padding-left: 30px;
  text-align: right;
}
#cssmenu > ul > li > ul > li:last-child > a, 
#cssmenu > ul > li > ul > li.last > a {
    border-bottom: 0 none;
}
#cssmenu > ul > li > ul > li.open:last-child > a, 
#cssmenu > ul > li > ul > li.last.open > a {
    border-bottom: 1px solid #32373e;
}
#cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {
    border-bottom: 0 none;
}
#cssmenu ul ul li.has-sub > a:after {
    border-left: 2px solid #eeeeee;
    border-top: 2px solid #eeeeee;
    content: "";
    display: block;
    height: 5px;
    position: absolute;
    right: 20px;
    top: 11.5px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    transform: rotate(-135deg);
    width: 5px;
    z-index: 10;
}
#cssmenu ul ul li.active > a:after, 
#cssmenu ul ul li.open > a:after, 
#cssmenu ul ul li > a:hover:after {
    border-color: #ffffff;
}

/*********************************************************************************************************/





*{
	padding:0;
	margin:0; 
}

body {
  width: 100%;
  height: 100%;
  color:#333;
  /* background-image:url(../images/bg.gif);//ок */
  /* background-image:url(../images/bg40.jpg); */
  font-size:0.94em;
  line-height:135%;
  /* background-repeat: no-repeat; */
  background-attachment: fixed;
}

/*Фон сайта и разрыва страниц*/
body,
.pagebreak_razryv,
.pagebreak_razryv_pv,
.pagebreak_razryv_statya, 
.pagebreak_razryv_gruppa,
.pagebreak_razryv_pv_v_kazne 
{
    background-image: url(../images/bg_gris8.png);
    /* background-image:url(../images/bg.gif); */
    /* взято из сайта -> http://pattern4site.ru/opacity/ */
}


#middle{
    background: white;
}


#top_sel{
  position:relative;
  top:-60px;
}

#slide_big {
  /* border-radius: 5px; */
  height: 414px;
  width: 100%;
  /* outline: 1px solid red; */
}
#slide_small {
  b ackground: #eee none repeat scroll 0 0;
  border-radius: 5px;
  height: 580px;
  margin: 8px 15px 15px;
  width: 586px;
}
.h2_title{
	font-size: 21px;
	position:relative;
	color: red;
	font-weight: 600;
	text-shadow: 0px 0px 1px rgba(0,0,0,0.3);
    padding: 20px;
	z-index:1000;
	text-transform: uppercase;
	text-align: center;
}
.p_title {
f ont-size: 18px;
}
.p_title span {
  font-size: 18px;
  font-weight: bolder;
  color: blue;
}
.p_autor {
}
.segodnia {
  background: #f6f6f6 none repeat scroll 0 0;
  border-radius: 4px;
  font-family: Segoe UI,Arial;
  font-size: 15px;
  font-weight: bolder;
  margin-bottom: 5px;
  overflow: hidden;
  padding: 7px;
  text-align: center;
  text-decoration: none;
}
.p_autor span {
font-size: 16px;
  font-weight: bolder;
  color: red;
}
.p_owner span {
  font-weight: bolder;
}

.menu_ind {
  background: #acc7ff url("../images/menu-ico.png") no-repeat scroll 4px 0px / 35px 35px;
  border: 1px solid navy;
  border-radius: 5px;
  box-shadow: 0 0 1px 0 navy;
  color: black;
  cursor: pointer;
	opacity:0.5;
  font-size: 16px;
  font-weight: bolder;
  left: 15px;
  padding: 7px 20px;
  position: relative;
  text-decoration: none;
  top: 21px;
}
.menu_ind:hover {
	opacity:1;
}

#td_header {
  /*background-image: url("../img/header_812_125.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;*/
  background:blue;
  
  width: 100%;812px;
  height: 125px;
    
}
#td_header  h2 {
	vertical-align:middle;
	color:yellow;
	text-align:left;
	font-size: 30px;
	font-weight:bolder;
	font-family:verdana;
	position:relative;
	top:30%;
}
.td_footer {
  /*background-image: url("../img/header_812_125.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;*/
  background:blue;
  
  width: 100%;812px;
  height: 18px;
    
}

.bot_ajustes {
  background: #acc7ff none repeat scroll 0 0;
  border: 1px solid navy;
  border-radius: 5px;
  box-shadow: 0 0 1px 0 navy;
  color: navy;
  float: right;
  font: bold 14px Verdana;
  padding: 12px;
  position: relative;
  right: 15px;
  top: 42px;
  vertical-align: middle;
}	
.main_tab {
	b order:1px solid #000000;
	width:100%;
	max-width:812px;
	margin:0 auto;
}
.content_tab {
	width:100%;812px;
}
.content_td {
	vertical-align:top;
	background:white;
}
.bg_red {
	background:#ffaaaa none repeat scroll 0 0;
}
.bg_red2 {
	background:red;
}
p {
	font-family:Verdana;
	font-size:14px;
	margin:15px;
}
.left {
	background-color:#f6f6f6;
	border-right:1px solid #424242;
}

p.title {
	background-color: #124284;
	color: #ffffff;
	font-weight:bold;
	margin:5px;
	padding:5px;
	border-radius: 5px 5px 0 0;
}

#coolmenu{
	b order: 1px solid gray; /*Стиль рамки */
	border-bottom-width: 0;
	width: 94%; /*Ширина меню */
	background-color: #f6f6f6;  /*Фоновый цвет ячейки*/
	margin:6px; /*Ширина отступов*/
}

* html #coolmenu{ 
	width: 150px;/*Ширина меню для Internet Explorer*/
}

/*#coolmenu a*/{
	font: bold 13px Verdana; /*Шрифт текста*/
	padding: 2px; /*Внутренний отсутп текста ссылки от краев ячейки*/
	padding-left: 4px;/*Внутренний отсутп текста ссылки от левого края ячейки*/
	display: block;
	width: 100%; /*Ширина ячейки*/
	color: #000000;  /*Цвет текста*/
	text-decoration: none; /*Подчеркивание у ссылок - нет*/
	border-bottom: 1px solid gray;
}

#coolmenu a {
  background: #cccccc none repeat scroll 0 0;
  border-bottom: 1px solid gray;
  border-radius: 5px;
  color: #000000;
  display: block;
  font: bold 13px Verdana;
  margin-top: 2px;
  padding: 5px 10px;
  text-decoration: none;
  width: 100%;
}

.nue_v {
  background: #cccccc none repeat scroll 0 0;
  border-bottom: 1px solid gray;
  border-radius: 5px;
  color: #000000;
  font: bold 13px Verdana;
  margin-top: 2px;
  padding: 5px 10px;
  text-decoration: none;
  width: 115px;
  text-align: center;
}

html>body #coolmenu a{ 
	width: auto;
}
#coolmenu a:hover, .nue_v:hover {
	background-color: #00ccff; #4eacff; /*Фоновый цвет ячейки при наведение курсора*/
	color: #000000;  /*Цвет текста при наведении курсора*/
}
#coolmenu a.pag {
	background-color: yellow; #4eacff;/*Фоновый цвет ячейки при наведение курсора*/
	box-shadow: 0 0 2px 2px blue;;
}
#coolmenu a.pag_r {
	background-color: red;
	color:yellow;
	box-shadow: 0 0 2px 2px black;;
}

p.title2 {
	background-color: #C4C92F;
	color: #ffffff;
	font-weight:bold;
	margin:5px;
	padding:5px;
}

.form1 {
	font-family: Verdana;
	font-size: 10px;
}

.form3 {
	font-family: Verdana;
	font-size: 11px;
}

.formm {
	border: 1px solid #cccccc;
	margin:5px;
}

.lesson {border:1px solid #cccccc; width:95%;}
.lesson_title {background-color:#f6f6f6;}

.lesson_name {font-weight:bold; margin-top:7px; margin-bottom:7px;}
.lesson_adds {font-size:11px; margin-top:7px; margin-bottom:7px; color:#424242;}

.view_title {font-size:16px; font-weight:bold; color:#cc0000; text-align:center;}
.view_date {font-size:11px; color:#424242; margin-top:7px; margin-bottom:7px; font-weight:bold;}

.lesson {
	width:95%;border:1px solid #cccccc;
}
.lesson_title {
	background-color:#f6f6f6;
}

.lesson_name {font-weight:bold; margin-top:7px; margin-bottom:7px;}
.lesson_adds {font-size:11px; margin-top:7px; margin-bottom:7px; color:#424242;}

.view_title {font-size:16px; font-weight:bold; color:#cc0000; text-align:center;}
.view_date {font-size:11px; color:#424242; margin-top:7px; margin-bottom:7px; font-weight:bold;}

/*******************************************************************************************/


h2 {
  color: red;
  font-family: verdana;
  font-size: 20px;
  margin: 20px 52px 25px;
  text-align: center;
}
.disp {
  color: green;

}
h3 {
  color: navy;
  font-family: verdana;
  font-size: 16px;
  margin: 20px 15px 15px;
  text-align: center;
}
h3 span {
  color: blue;
}
.nom_status {
	float:left;
  color: navy;
  font-family: tahoma;
  font-size: 16px;
  margin: -20px 15px 5px;
  text-align: right;
}

.status_kniga{
  border:1px solid navy;
  border-radius: 5px;
  float: right;
  margin: 0 15px;
  padding: 5px 7px;
  font-weight: bold;
  font-family:Verdana;
}

.nom_status span {
  color: blue;
  font-size: 18px;
}
.nom_cliente {
	float:left;
  color: navy;
  font-family: tahoma;
  font-size: 16px;
  margin: -20px 15px 5px;
}
.nom_cliente span {
  color: blue;
  font-size: 18px;
}
.nom_vent {
  color: navy;
  font-family: tahoma;
  font-size: 16px;
  margin: -20px 15px 5px;
  text-align: right;
}
.nom_vent span {
  color: red;
  font-size: 18px;
}
.vent_compl {
  color: blue;
  font-family: verdana;
  font-size: 18px;
}

.tipo {
  color: #5599ff;
  font-family: verdana;
  font-size: 16px;
  margin: 10px 15px 5px;
  text-align: left;
}
.tipo div {
  color: blue;
  margin:-18px 15px 0 153px;
}
.tipo2 {
  color: navy;
  font-family: verdana;
  font-size: 16px;
  margin: 10px 15px 5px;
  text-align: left;
}
.tipo2 span {
	color:red;
}
.ot1 {margin-left:111px;}
.ot1a {margin-left:118px;}
.ot1a span {color:red;}

.ot2 {margin-left:79px;}
.ot3 {margin-left:102px;}
.ot4 {margin-left:112px;}
.ot5 {margin-left:125px;}
.ot6 {margin-left:39px;}
.ot7 {text-align:right;}
.ot8 {margin-left:123px;}
.ot9 {margin-left:103px;}
.ot10 {margin-left:80px;}
.ot11 {margin-left:43px;}


.spisok0 {
  border: 1px solid #00a9ff;
  b order-radius: 5px;
  box-shadow: 0 0 2px 0 #00a9ff;
  margin-top: 5px;
  color: blue;
  font-size: 15px;
  padding: 2px;
  w idth: 250px;

}
.in_status {
    width:115px;
}
.spisok0a {
  border: 1px solid #00a9ff;
  box-shadow: 0 0 2px 0 #00a9ff;
  margin-top: 5px;
  color: blue;
  font-size: 15px;
  padding: 2px;
  width: 85px;

}

.spisok1 {
  border: 1px solid #00a9ff;
  border-radius: 5px;
  box-shadow: 0 0 2px 0 #00a9ff;
  margin-top: 5px;
  color: blue;
  font-size: 18px;
  padding: 5px;
  w idth: 250px;

}
.gui {
	width:147px;
}
.spisok2 {
  border: 1px solid #00a9ff;
  border-radius: 5px;
  box-shadow: 0 0 2px 0 #00a9ff;
  color: blue;
  font-size: 18px;
  height: 35px;
  margin-top: 5px;
  padding: 5px;
  width: 320px;
}
.spisok_ev1 {
  color: blue;
  font-size: 18px;
  padding: 5px;
  width: 400px;
}
.spisok_ev2 {
  color: blue;
  font-size: 18px;
  padding: 5px;
  width: 200px;
}
.spisok_ev3 {
  color: blue;
  font-size: 18px;
  padding: 5px;
  width: 60px;
  text-align:right;
}

.spisok_cant {
  border: 1px solid #00a9ff;
  border-radius: 5px;
  box-shadow: 0 0 2px 0 #00a9ff;
  color: red;
  font-size: 18px;
  margin-top: 5px;
  padding: 5px;
  width: 82px;
  text-align:center;

}

.utilizar {
	color:grey;
	text-align:center;
	font-style:italic;
	margin: 15px 60px;
}
.utilizar span{
	color:navy;
font-weight:bolder;
}
.otpr_rez {
  font-size: 17px;
  height: 50px;
  padding: 5px;
  width: 320px;
  margin:10px auto;
}
.otpr_rez_a_mi {
  font-size: 17px;
  height: 50px;
  padding: 5px;
  margin:10px auto;
}

.p_otpr {
	text-align:center;
}
.p_otpr_em {
	text-align:center;
	font-size: 30px;
	color:green;
	font-weight:bold;


}
.p_otpr_em_grey {
	text-align:center;
	font-size: 20px;
	color:grey;
}
.bold {
	font-weight:bold;

}
.p_otpr_em2 {
	text-align:center;
	font-size: 30px;
	color:orange;
	font-weight:bold;

}
.p_otpr_em_red {
	text-align:center;
	font-size: 30px;
	color:red;
	font-weight:bolder;
}
.block_link {
	text-align:center;
}
.link_bt {
	color:yellow;
	background:blue;
	text-decoration:none;
	border-radius:5px;
	padding:5px;
	width:100px;
	height:30px;
}
.tot {
	font-size:18px;
	color:blue;
	text-align:right;

}
.tot span {
	width:100px;
	font-weight:bolder;
	font-size:20px;
	color:red;

}
.img_small{
	width:150px;
	height:150px;
}
.wrap_img {
  overflow: hidden;
  text-align: center;
}
.img_big{
	width:350px;
	height:500px; /*350px;*/
}
.img_big_wide{
	width:425px;
	height:500px;/*350px;*/
}
.w {
	width:600px;
}
.w2 {
	width:600px;
	height:300px;
}
.title_ventana {
	font-size:25px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:30px;
	color:navy;
	text-align:center;

}
.title_ventana span{
	color:blue;

}
.sum {
	color:red;
	font-size:18px;
	font-weight:bold;

}
.formula {
	color:green;
	margin-left:20px;

}
.nodisplay {
	display:none;
}
.wrap_mensaje {
	border:1px solid grey;
	text-align:center;
	border-radius:10px;
	background:#f2f2f2;

}
.wrap_mensaje_a_mi {
	border:1px solid green;
	text-align:center;
	border-radius:10px;
	background:#5fd7c4;

}

.cuadro {
	margin:10px auto;;
	background:white;
	border:1px solid grey;
	width:320px;
	text-align:left;

}
.volv {
	margin:30px 15px;
	text-align:center;

}
.volver {
  background: lightblue;
  border: 1px solid blue;
  border-radius: 5px;
  color: navy;
  font-family: verdana;
  font-size: 16px;
  font-weight: bolder;
  margin: 5px;
  padding: 15px 25px;
  text-decoration: none;
}
.volver:hover {
	background:orange;
	c olor:red;
}

.siquieres {
	font-size:25px;
	color:blue;
	margin:10px auto;
	text-align:center;
	padding:10px;
	font-weight:bold;

}
.siquieres_red {
	font-size:25px;
	margin:10px auto;
	text-align:center;
	padding:10px;
	color:red;
	font-weight:bold;
	
}
.proba {

	background:blue;
	border-radius:5px;

}
.bot {
	background: #acc7ff;
	border: 1px solid navy;
	border-radius: 5px;
	box-shadow: 0 0 1px 0 navy;

  height: 50px;
  w idth: 150px;
  font-size: 16px;
  color: black;
  cursor:pointer;
  font-weight:bolder;
  ma rgin-bottom:15px;

}
.bot_del {
  background: #ff0000 none repeat scroll 0 0;
  border: 1px solid navy;
  border-radius: 5px;
  bottom: -10px;
  box-shadow: 0 0 1px 0 navy;
  color: black;
  cursor: pointer;
  font-size: 14px;
  font-weight: bolder;
  height: 30px;
  position: relative;
  width: 80px;
}

.kvad_color {
  border: 1px solid navy;
  cursor: pointer;
  height: 50px;
  margin: 2px 0;
  w idth: 50px;
  text-align: left;
}
.tit {
  border: none;
  height: 20px;
  text-align: center;
  margin-top: 10px;
}
.bot_r {
	background: #acc7ff;
	border: 1px solid navy;
	border-radius: 5px;
	box-shadow: 0 0 1px 0 navy;
  color: black;
  cursor: pointer;
  float: right;
  font-size: 16px;
  font-weight: bolder;
  height: 50px;
  w idth: 150px;
}
.bot_r:hover, .bot:hover, .bot_ajustes:hover {
	background: #BFDAFF;
	color:navy;
}
.guardar {
	background: #85e580;
	border: 1px solid green;
	border-radius: 5px;
	box-shadow: 0 0 1px 0 green;
	color: black;
}
.guardar:hover {
	background: #9AFA95;
	color:navy;
}

.limpiar {
	background: #FFAC00;
	border: 1px solid brown;
	border-radius: 5px;
	box-shadow: 0 0 1px 0 brown;
	color: black;
}
.limpiar:hover {
	background:#FCDB2F;
	color:navy;
}
.editar {
  background: #85e580;
  border: 1px solid darkgreen;
  border-radius: 5px;
  box-shadow: 0 0 1px 0 brown;
  color: black;
  /*margin-left:5px;*/
}
.editar:hover {
  background: #9AFA95;
  color: navy;
}
.zhurnal {
  background: orange;
  border-radius: 5px;
  box-shadow: 0 0 1px 0 brown;
  color: black;
  margin-left:5px;
}
.zhurnal:hover {
  background: yellow;
  color: navy;
}
.eliminar {
	background: #dd0000;
	border: 1px solid brown;
	border-radius: 5px;
	box-shadow: 0 0 1px 0 brown;
	color: yellow;
}
.eliminar:hover {
	background: #FF0000;
	color: yellow;
}

.otst15 {
	margin-bottom:15px;
}
.wide {
	width:200px;
}
.wide1 {
  width:230px!important;
}
.wide2 {
	width:250px;
}
.wide3 {
	width:300px!important;
}
.wide4 {
	width:380px;
}
.left {
    text-align: left;
}
.pad_left15 {
    padding-left: 15px;
} 
.bot_l {
	width:100px;
	height:50px;
  color: blue;
  font-size: 16px;
}
.bot_volver {
	width:300px;
	height:50px;
  color: blue;
  font-size: 16px;
}

.bot_env {
	width:100px;
	height:50px;
	float:right;
}
.red {
	font-weight:bolder;
	color:red;
}

#Calendar input:focus,
.p_vvod input:focus, 
input.str_vvod:focus, 
input.str_vvod4:focus, 
input.str_vvod_tab:focus,  
textarea:focus {
  border: 10px solid red;/*#00a9ff*/
  border-radius: 5px;
  box-shadow: 0 0 4px 3px #00a9ff;
  /* font-weight: bolder; */
}
.p_vvod {
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: left;
}
.p_vvod_g{
	float:right;
	margin-top:15px;
	margin-bottom:15px;
} 
.p_vvod2{
	text-align:right;
	background:#DEDEDE;
} 
.op{
	margin-left:35px;
	color:#414141; grey;
	font-style:italic;
}
.otst{
	margin-top:5px;
}
.wrapp_str_vvod {
    /*padding-right: 12px;*/
    /* outline: 1px solid red; */
    margin: -15px 15px 0;
    /*max-width: 308px;
    padding-right: 15px;
    min-width: 248px;*/
}
.pad_r12{
    /* padding-right: 12px; */
}
.str_vvod {
  border: 1px solid #00a9ff;
  border-radius: 5px;
  box-shadow: 0 0 2px 0 #00a9ff;
  margin-top: 5px;

  color: blue;
  font-size: 18px;
  padding: 5px;
  width: 320px;
}
.wrapp_vvod_mensaje {
    /*padding-right: 12px;*/
    /* outline: 1px solid red; */
    margin: -15px 15px 0;
    m ax-width: 488px;
    m in-width: 248px;
}
.vvod_mensaje{
  border: 1px solid #00a9ff;
  border-radius: 5px;
  box-shadow: 0 0 2px 0 #00a9ff;
  margin-top: 5px;
  color: blue;
  font-size: 18px;
  padding: 5px;
  font-family:Verdana;
  max-width: 100%;
  min-width: 100%; 
  min-height: 150px;
}

.str_vvod2 {
  border: 1px solid #00a9ff;
  border-radius: 5px;
  box-shadow: 0 0 2px 0 #00a9ff;
  margin-top: 5px;

  color: red;
  font-size: 18px;
  padding: 5px;
  text-align: right;
  width: 70px;
}
.str_vvod3 {
  border: 1px solid #00a9ff;
  border-radius: 5px;
  box-shadow: 0 0 2px 0 #00a9ff;
  margin-top: 5px;
  
  color: blue;
  font-size: 18px;
  padding: 5px;
  text-align: right;
  width: 70px;
}
.str_vvod4 {
  border: 1px solid #00a9ff;
  border-radius: 5px;
  box-shadow: 0 0 2px 0 #00a9ff;
  margin-top: 5px;  
  
  color: red;
  font-size: 18px;
  padding: 5px;
  text-align: right;
  width: 70px;
}
.str_vvod5 {
  border: 1px solid #00a9ff;
  border-radius: 5px;
  box-shadow: 0 0 2px 0 #00a9ff;
  color: red;
  font-size: 18px;
  margin-top: 5px;
  padding: 5px;
  text-align: right;
  width: 70px;
}
.cant_new {
   width: 120px; 
}
.grey{
	background:#DEDEDE;
}
.blue{
	color:blue;
}

hr {
    /* color: #eee; */
    margin: 0 15px;
    height: 1px;
    border: none;
    background: navy;
}
.edit_link {
	text-decoration:none;

}
.edit_clid {
	background:#eeeeee;
	margin:5px 15px;
	padding:5px;
	font-size:16px;
	color:blue;
	border-radius:5px;
	font-family:Verdana;
	font-weight:bolder;
	box-shadow: 0 0 2px 0 blue;
}
.edit_clid .edit_id {
  color: grey;
  float: right;
  font-size: 13px;
  font-weight: bolder;
  margin-top:-18px;
  margin-left:34px;
  
}
.inscr {
  color: grey;
  font-size: 12px;
	font-weight:normal;
  float:right;
}
.inscr span {
	font-weight:bolder;
	color:black;
}
.edit_clid .edit_name {
  color: blue;
  font-size: 16px;
  font-weight: bolder;
  margin-right:80px;
}

.edit_cl {
  background: #e6f9f9;
  border: 1px solid #a6e7f7;
  border-radius: 5px;
  b ox-shadow: 0 0 2px 0 blue;
  color: blue;
  cursor: pointer;
  font-family: Verdana;
  font-size: 16px;
  font-weight: bolder;
  margin: 5px 15px 20px;
  overflow: hidden;
  padding: 5px;
  transition: 0.5s;
}

.nohover {
  cursor: default;
}
.nohover:hover {
  background: #eeeeee none repeat scroll 0 0 !important;
}

.wrapp_prim {
  background: #ffbebe none repeat scroll 0 0;
  border: 1px solid brown;
  border-radius: 5px;
  color: brown;
  margin-top: 5px;
  padding: 5px 10px;
}

/***** javascript меняется цвет *****************/

.Green1 {
  background: green;
  width: 130px;
  height: 130px;
  transition: .5s;
}
#id_cliente:checked ~ .Green1 {
  background: black;
}

#chetyre2:checked ~ .Green1 {
  background: yellow;
}
#chetyre3:checked ~ .Green1 {
  background: red;
}
/***** javascript меняется цвет *****************/

.edit_cl:hover {
	color:red;
	background:yellow;
	box-shadow: 0 0 4px 2px blue;
}

.sel {
	background:#9dffb2;
	box-shadow: 0 0 2px 0 green;	
}
.sel:hover {
	background:yellow;
	box-shadow: 0 0 2px 0 green;	
}
.sel2,.sel2:hover {
	background:#ffdfcc;
	box-shadow: 0 0 2px 0 blue;	
}

.edit_cl .edit_dom {
	margin-left:100px;
	font-size:13px;
	color:green;
	font-weight:bolder;
	margin-right:140px;
}
.edit_cl .edit_tel {
	margin-left:131px;
	font-size:13px;
	color:red;
	font-weight:bolder;
	margin-right:140px;

}
.edit_cl .edit_creado {
	margin-top:-37px;
	font-size:13px;
	color:grey;
	font-weight:bolder;
	float:none;/*right*/
}
.text_comment {
  background: #ddd none repeat scroll 0 0;
  border: 1px solid grey;
  border-radius: 5px;
  color: black;
  margin-top: 5px;
  padding: 5px 10px 7px;
}
.wrapp_skolko_com {
  background: #f8ffc0 none repeat scroll 0 0;
  border: 1px solid grey;
  border-radius: 5px;
  margin: 0 15px 30px;
  overflow: hidden;
  padding: 5px;
}
.mini_img3 {
  border: 1px solid grey;
  float: left;
  width: 300px;
}
.skolko_com {
  margin: 0 !important;
  text-align: right !important;
}
.sk_vsego{
  border-bottom: 1px dotted grey;
}
.sk0 {
  color: orange;
}
.sk0 b {
  color: orange;
}
.sk1 {
  color: green;
}
.sk1 b {
  color: green;
}
.sk2 {
  color: red;
}
.sk2 b {
  color: red;
}
.text_comment_big {
  background: #ddd none repeat scroll 0 0;
  border: 1px solid grey;
  border-radius: 5px;
  color: black;
  font-family: verdana;
  font-size: 14px;
  font-weight: bolder;
  margin: 10px 15px;
  padding: 5px 10px 7px;
}
.block_citata {
  background: #dbaaff none repeat scroll 0 0;
  border-radius: 5px;
  border:1px solid purple;
}
.block_citata2 {
  background: #dbaaff none repeat scroll 0 0;
  border: 1px solid black;
  border-radius: 5px;
  box-shadow: none;
  color: black;
  font-family: verdana;
  margin: -10px 15px 0;
  max-width: 500px;
  padding: 5px 5px 10px;
}
.block_citata strong, .block_citata2 strong {
  font-family: georgia,serif;
  font-size: 28px;
  left: 0px;
  position: relative;
  top: 10px;
  color:purple;
}
.img_prop { /* ex Аудио */
  float: left;
  height: auto;
  margin-right: 10px;
  margin-top: 5px;
  width: 150px;
}
.img_audio { /* Аудио */
  float: left;
  height: auto;
  margin-right: 10px;
  margin-top: 5px;
  width: 150px;
}
.img_prop_sm { /* Аудио */
  float: left;
  height: auto;
  margin-right: 10px;
  margin-top: 5px;
  width: 80px;
}
.img_kniga { /* Книга */
  float: left;
  height: auto;
  margin-right: 10px;
  margin-top: 5px;
  width: 150px;
}
.img_kniga2 {/* Книга в kniga_editar.php*/
    float: left;
    height: auto;
    margin-right: 10px;
    margin-top: 5px;
    width: 90px;
}
.img_chitatel2 {/* Читатель в chitatel_edit.php*/
    float: left;
    height: auto;
    margin-right: 10px;
    margin-top: 5px;
    width: 75px;
}
.mini_img { /* Блог */
  float: left;
  height: auto;
  margin-right: 5px;
  margin-top: 5px;
  width: 300px;
}
.mini_img2 {
  float: left;
  height: auto;
  margin-bottom: 15px;
  margin-right: 15px;
  margin-top: 5px;
  width: 300px;
}
.status_com { /*.edit_cl .status_com */
  border: 1px solid grey;
  border-radius: 3px;
  color: black;
  float: right;
  font-size: 13px;
  /*min-height: 21px;*/
  padding: 2px 5px;
  margin-left: 5px;
  font-weight: bold;
}
.status_pers{
 margin-right:5px;
}
.kn_status{
  float: none;
  margin: 0;
  text-align: center;
  font-family: Verdana;
}
.kng {
  overflow:hidden; 
  padding-bottom:20px !important;
}
.edit_cl .num_citado {
  background: #dbaaff none repeat scroll 0 0;
  border: 1px solid grey;
  border-radius: 0 5px 5px;
  color: purple;
  float: right;
  font-size: 11px;
  margin-top: 5px;
  padding: 6px 5px;
}
.edit_cl .edit_hora {
  color: grey;
  float: right;
  font-size: 13px;
  font-weight: bolder;
  m argin-right: 18px;
  margin-top: -21px;
}
.edit_cl .edit_views {
  color: grey;
  font-size: 13px;
  font-weight: bolder;
  m argin-right: 140px;
}

.img_sexo_sm {
  height: auto;
  margin: 15px 0 -10px;
  width: 30px;
}
.img_av_sm {
    height: auto;
    margin: 15px 0 -10px;
    width: 100px;
}
.img_sexo {
  float: right;
  height: auto;
  margin-top: -15px;
  width: 80px;
}
.img_sexo_comment {
  float: left;
  height: auto;
  width: 80px;
}
.edit_cl .edit_tel span ,
.edit_cl .edit_dom span ,
.edit_cl .edit_creado span,
.edit_cl .edit_hora span, 
.edit_cl .edit_views span, 
.edit_cl .edit_id span,
.edit_cl .edit_total span,
.edit_cl .edit_name span,
.edit_clid .edit_id span ,
.edit_cl .edit_cantidad span,
.edit_cl .edit_precio_vt span{
	font-weight:normal;
	color:grey;


}
.edit_cl .edit_ventana span {
	font-weight:normal;
	color:grey;
	font-size:13px;
}

.edit_cl .edit_alto span, 
.edit_cl .edit_ancho span {
	font-weight:normal;
	color:green;
}


.edit_cl .tipo_r {/*reformista*/
  background-image: url("../images/logo_reformista3_navy.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 22px 14px;
  color: navy;
  float: right;
  font-size: 13px;
  height: 22px;
  padding-left: 30px;
}
.edit_cl .tipo_p {/*particular*/
	color:#00A9FF;
	font-weight:normal;
	float:right;
	font-size:13px;
	padding-left:24px;
  background-image: url("../images/logo_particular2_blue.png");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: 17px 16px;
  height:22px;
	
}
.edit_cl .edit_ventana {
	font-size:16px;
	color:black;
	font-family:Verdana;
	font-weight:bolder;
	float:right;
}

.edit_cl .edit_tipo_ventana {
	font-size:16px;
	color:#ff7e00;
	font-family:Verdana;
	font-weight:bolder;
}
.edit_cl .t {
	margin-top:-15px;
	margin-left:25px;
}

.edit_cl .edit_name {
  color: blue;
  font-size: 13px;
  font-weight: bolder;
  margin-left: 0px;
  margin-right:140px;
  margin-bottom: -15px;
  margin-top:4px;
}
.edit_cl .edit_name2 {
    color: #008bf9;
    font-size: 16px;
    font-weight: bolder;
    margin-left: 25px;
    margin-right: 140px;
    margin-bottom: 2px;
    margin-top: -16px;
}
.top1 {margin-top:-19px;}

.edit_cl .edit_name3 {
  color: blue;
  font-size: 16px;
  font-weight: bolder;
  margin: 0 140px 0 5px;
}
.edit_cl .n {
	margin-left:25px;
}
.edit_cl.nodisplay {
	display:none;
}
.edit_cl .edit_id {
  color: grey;
  float: left;
  font-size: 13px;
  font-weight: bolder;
  margin-top:15px;
  margin-left:34px;
  
}
.edit_cl .edit_id2 {
  color: grey;
  font-size: 13px;
  margin-bottom: -16px;
  margin-left: 27px;
}
.edit_id2 span {
  font-weight: normal;	
}
.edit_cl .d {
	margin-left:59px;
}
.edit_cl .edit_precio_vt {
	margin-left:150px;112px;
	font-size:13px;
	color:red;
	font-weight:bolder;
	margin-right:140px;
	margin-top:-2px;
}

.edit_cl .edit_cantidad {
	margin-left:132px;112px;
	font-size:13px;
	color:red;
	font-weight:bolder;
	margin-right:140px;
	margin-top:-2px;
}
.edit_cl .edit_alto {
	margin-left:164px;144px;
	font-size:13px;
	color:navy;
	font-weight:bolder;
	margin-right:140px;
}
.edit_cl .edit_ancho {
	margin-left:149px;129px;
	font-size:13px;
	color:navy;
	font-weight:bolder;
	margin-right:140px;
}
.edit_cl .edit_total {
	margin-left:156px;136px;
	font-size:13px;
	color:red;
	font-weight:bolder;
	margin-right:140px;

}
.to_del_act {
  background: blue none repeat scroll 0 0;
  border-radius: 3px;
  color: yellow;
  display: block;
  margin: 0 0 10px;
  padding: 5px;
}
.to_del_act h3 {
    color: white;
    clear: both;
}
.to_sel_act {
  background: yellow none repeat scroll 0 0;
  border-radius: 3px;
  color: navy;
  display: block;
  margin: 0 0 10px;
  padding: 5px;
  border: 1px solid navy;
}
.com_selected h5 {
  border-top: 1px solid darkcyan;
  color: darkcyan;
  margin: 0 15px;
  text-align: center;
  padding-top:5px;
  font-size:14px;
}

.com_selected h6 {
    border-top: 1px solid #a0d8ef;
    color: #a0d8ef;
    margin: 0 15px;
    padding-top: 5px;
    text-align: center;
    font-size: 12px;
}
.vybrat {
  display: block;
  margin: -15px 15px 0;
}

.edit_cl .edit_otstup {
height:10px;
}

ul li a.list_menu {
  color: black;
  font: bold 14px/1.5 Arial,Verdana;
  list-style-type: disc;
  padding: 5px 5px 5px 35px;
  text-decoration: none;
  text-shadow: 1px 1px 1px white, 0 0 2px white;
}



.order_wrap {
	margin:15px;
	background:#eeeeee;
	border:1px solid honeydew;
	text-align:right;
	border-radius:5px;
	box-shadow: 0 0 2px 0 black;
}
.order_wrap h3 {
	color:red;
	text-align:center;

}
.order_wrap div{
	background:#F3E2C6;
	text-align:center;
	margin:15px;
	padding-bottom:15px;
	border-radius:5px;

}
.order_wrap p{
	padding-top:5px;

}

.order_by {
	text-decoration:none;
	padding:5px 10px;
	background:blue;
	border-radius:5px;	
	color:yellow;
	margin:0 10px;
	font-weight:bolder;
}
.order_by:hover {
	background:orange;

}

.h_left {
  font-size: 13px;
  margin-bottom: 10px;
  margin-top: -10px;
  text-align: left;
}
.wrap_order_by2 {
  background: orange none repeat scroll 0 0 !important;
  border: 1px solid salmon;
  border-radius: 5px;
  margin: 0 15px 20px;
  overflow: hidden;
  padding: 5px;
}	
.wrap_order_by2 div {
  float: left;
  padding: 5px 5px 5px 3px;
  margin-top:1px;
}
.obert1 {
  margin: 0 0 0 -16px;
}
.link_by2 {
	text-decoration:none;
}
.wrapp_link_com {
  background: #f6f6f6 none repeat scroll 0 0;
  border: 1px solid grey;
  border-radius: 5px;
  font-family: verdana;
  font-size: 12px;
  margin: 0 15px;
  max-width: 490px;
  padding: 5px 10px;
}
.link_com {
  color:grey;
  text-decoration:none;
}
.link_com b {
  color:blue;
}

.link_com:hover {
  color:red;
  text-decoration:underline;
}
.link_com:hover b {
  color:brown;
}

.order_by2 {
  background: blue none repeat scroll 0 0;
  border: 1px solid navy;
  border-radius: 5px;
  color: yellow;
  font-family: verdana;
  font-size: 12px;
  font-weight: bold;
  margin: 0 2px;
  padding: 5px;
  text-align: center;
}
.order_by2:hover {
	background:#acc7ff;
	color:navy;
	box-shadow: 0 0 1px 0 navy;
}
.b1, .b2, .b3, .b4  {
  width: 40px;
}
.b1, .b1:hover  {
  background-image: url("../images/strelka_up.png");
  background-position: 14px 1px;
  background-repeat: no-repeat;
  background-size: 22px 22px;
}
.b2, .b2:hover {
  background-image: url("../images/strelka_down.png");
  background-position: 14px 1px;
  background-repeat: no-repeat;
  background-size: 22px 22px;
}
.b5, .b6 {
  width: 115px;
}
.actual_b1, .actual_b1:hover  {
  background:#acc7ff;
  box-shadow: 0 0 4px 5px white;
  background-image: url("../images/strelka_up.png");
  background-position: 14px 1px;
  background-repeat: no-repeat;
  background-size: 22px 22px;

}
.actual_b2, .actual_b2:hover  {
  background:#acc7ff;
  box-shadow: 0 0 4px 5px white;
  background-image: url("../images/strelka_down.png");
  background-position: 14px 1px;
  background-repeat: no-repeat;
  background-size: 22px 22px;

}
.actual_b3, .actual_b3:hover, 
.actual_b4, .actual_b4:hover, 
.actual_b5, .actual_b5:hover,
.actual_b6, .actual_b6:hover,
.d_dim1, .d_dim1:hover,
.d_dim2, .d_dim2:hover,
.d_dim3, .d_dim3:hover,
.d_dim4, .d_dim4:hover
  {
  background:#acc7ff;
  box-shadow: 0 0 4px 5px white;
  color:navy;
}
.p_order {
  color: navy;
  float: left;
  font-size: 14px;
  font-weight: bold;
  margin-left: 0;
  margin-top: 10px;
}

.cuadro_ok {
  background: #d9ffc2;
  border-radius: 5px;
  border:1px solid green;
  box-shadow: 0 0 2px 0 green;
  color: black;
  font-family: Verdana;
  font-size: 16px;
  font-weight: bolder;
  margin: 5px 15px;
  padding: 15px 15px 15px 50px;

  background-image: url("../images/galochka_ok.png");
  background-position: 15px 15px;
  background-repeat: no-repeat;
  background-size: 40px 40px;

 }	
.cuadro_ok_naydeno {
  background: #d9ffc2;
  border:1px solid green;
  color: black;
  font-family: Verdana;
  font-size: 16px;
  f ont-weight: bolder;
  margin: 5px 15px;
 } 
.cuadro_ok_naydeno p {
 margin:0 5px;
}
.cuadro_ok_naydeno b {
 color: navy;
}

.cuadro_err {
  background: #FFC1AF;
  border-radius: 5px;
  border:1px solid brown;
  box-shadow: 0 0 2px 0 brown;
  color: black;
  font-family: Verdana;
  font-size: 16px;
  font-weight: bolder;
  margin: 5px 15px;
  padding: 15px 15px 15px 50px;

  background-image: url("../images/error.png");
  background-position: 15px 15px;
  background-repeat: no-repeat;
  background-size: 40px 40px;

 }	
.cuadro_att {
  background: #FFFF76;
  border-radius: 5px;
  border:1px solid brown;
  box-shadow: 0 0 2px 0 brown;
  color: black;
  font-family: Verdana;
  font-size: 16px;
  font-weight: bolder;
  margin: 5px 15px;
  padding: 15px 15px 15px 50px;

  background-image: url("../images/warning.png");
  background-position: 15px 15px;
  background-repeat: no-repeat;
  background-size: 40px 40px;

}	
.cuadro_att p span {
	color:blue;
}
.cuadro_att_inf {
  background: #FFFF76;
  border-radius: 5px;
  border:1px solid blue;
  box-shadow: 0 0 2px 0 blue;
  color: black;
  font-family: Verdana;
  font-size: 16px;
  font-weight: bolder;
  margin: 5px 15px;
  padding: 15px 15px 15px 50px;

  background-image: url("../images/inf2.png");
  background-position: 15px 15px;
  background-repeat: no-repeat;
  background-size: 40px 40px;

}	

.info {
  background: #e6f9f9;
  border-radius: 5px;
  border: 1px solid #a6e7f7;
  b ox-shadow: 0 0 2px 0 black;
  color: black;
  font-family: Verdana;
  font-size: 15px;
  f ont-weight: bolder;
  margin: 15px 15px;
  padding: 5px;
  overflow: hidden;
}
.check_bg {
  background: blue none repeat scroll 0 0;
  color: yellow;
}
.check_bg:hover {
  background: orange none repeat scroll 0 0;
  color:navy;
}
.check {
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  padding: 5px;
}
.info2 {
  background: #ddffee none repeat scroll 0 0;
  border-radius: 5px;
  box-shadow: 0 0 2px 0 blue;
  color: black;
  font-family: Verdana;
  font-size: 15px;
  f ont-weight: bolder;
  margin: 15px 15px;
  padding: 5px;
}
.r {
	float:right;
}
.centr {
	text-align:center;
}
.img_tipo_p {/*particular*/
  float: right;
  height: 50px;
  margin: -61px 33px 0 0;
}

.img_tipo_r {/*reformista*/
  float: right;
  height: 35px;
  width:57px;
  margin: -51px 30px 0 0;
}
#ordenHide {
	cursor:pointer;
}
.mostrar {
	text-decoration:none;
}
.mostrar_cuadro, .barra_mostrar {
  background: blue none repeat scroll 0 0;
  border-radius: 5px;
  border:1px solid navy;
  color: yellow;
  cursor: pointer;
  font-family: tahoma;
  font-size: 15px;
  /*font-weight: bolder;*/
  margin: 0 15px;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  z-index: 2;
  position: relative;
  transition:0.5s;
}
.mostrar_cuadro:hover, .barra_mostrar:hover {
	background:orange;
	color:black;
	box-shadow:0 0 3px 2px black;
      cursor: pointer;
}
/*
.block_ordenar {
    background: #e6f9f9 none repeat scroll 0 0;
    border: 1px solid grey;
    border-radius: 0 0 5px 5px;
    margin: 0 15px;
    position: relative;
    top: -5px;
    z-index: 1;
}
*/



.block_ordenar h4 {
  color: navy;
  font-family: verdana;
  font-size: 14px;
  margin: 20px 15px -10px;
}
.p_opt{
  overflow: hidden;
}
.opt_ordenar {
  background: blue none repeat scroll 0 0;
  border: 1px solid navy;
  border-radius: 5px;
  color: yellow;
  display: block;
  padding: 5px 10px;
  text-align: center;
  min-width: 40%;
  max-width: 100%;  
  w idth: 40%;
  font-size: 12px;
  font-weight: bold;
  transition:0.5s;
}
.opt_ordenar:hover {
  background: yellow none repeat scroll 0 0;
  color:red;
}
.info .info_cl {
	font-size:18px;
	color:blue;
	margin-right:130px;
	font-weight:bolder;	
}
.info .info_cod {
	font-size:18px;
	color:black;
	margin-left:35px;
	font-weight:bolder;

}
.info .info_fa {
	font-size:28px;
	color:black;
	margin:5px 150px 5px 15px;
	font-weight:bolder;
	font-family: times new roman;
	text-align:left;
	
}
.info_fa2 {
  color: brown;
  font-family: times new roman;
  font-size: 20px;
  font-weight: bolder;
  margin: -5px 0 0;
  text-align: right;
}
.info_fa2 span {
  color: red;
  font-size: 28px;
	font-weight:bolder;
  
}
.info_fa3 {
  color: brown;
  font-family: times new roman;
  font-size: 18px;
  font-weight: bolder;
  margin: 0 26px 5px;
  text-align: left;
}
.info_fa3 span {
  color: red;
  font-family: verdana;
  font-size: 20px;
  font-weight: bolder;
}
.excl {
  font-family: verdana;
  font-size: 18px;
  f ont-weight: bolder;
  margin: 0 15px 5px;
  text-align: right;
  color:blue;
}
.excl strong {
  font-size: 22px;
}
.excl span {
  color: red;
  font-family: verdana;
  font-size: 22px;
  font-weight: bolder;
}
.info_pres1 {
  color: black;
  font-family: times new roman;
  font-size: 24px;
  font-weight: bolder;
  margin: 0 0 -21px 24px;
  text-align: left;
}
.info_pres1 span {
  color: red;
  font-family: verdana;
  font-size: 24px;
  font-weight: bolder;
}
.st_factura {
	color:black;
}
.st_presupuesto {
	color:#00a9ff;
}
.info .info_fa span {
  color: red;
  font-size: 28px;
	font-weight:bolder;
  
}
.info .info_fa_cl {
  color: grey;
  font-size: 14px;
  margin: 18px 15px 5px;
  padding-left: 36px;
}
.info .info_fa_cl span {
	font-size:18px;
	color: blue;
	font-weight:bolder;
}
.info_fa_fecha {
  color: grey;
  float: right;
  font-size: 14px;
  margin: -25px 5px 5px;
  padding-left: 36px;
}
.info_fa_fecha span {
	font-weight:bolder;
}
.info_fa_hora {
  color: grey;
  float: right;
  font-size: 14px;
  margin: -10px 23px 5px 5px;
  padding-left: 36px;
}
.info_fa_hora span {
	font-weight:bolder;
}



.info .info_fa_cod {
	font-size:14px;
	color:grey;
	margin-right:130px;
}
.info .info_fa_cod span {
	font-size:18px;
	font-weight:bolder;
}

.info_fa_det_total {
  color: grey;
  font-size: 14px;
  margin-left: 63px;
}
.info_fa_det_total span{
    color: red;
    font-size: 18px;
    font-weight:bolder;    
}


.info .info_fa_tipo span {
	font-size:18px;
	color: black;
	font-weight:bolder;
}
.pres_sel {
	font-weight:bolder;
	color:navy;
	text-align:right;

}
.info .info_cl span, .info .info_cod span {
	color:grey;
	font-weight:normal;
	font-size:14px;
}
.info .tipo_r {/*reformista*/
  background-image: url("../images/logo_reformista3_navy.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 22px 14px;
  color: navy;
  float: right;
  font-size: 13px;
  height: 22px;
  padding-left: 30px;
  font-weight:bolder;
}
.info .tipo_p {/*particular*/
	color:#00A9FF;
	font-weight:normal;
	float:right;
	font-size:13px;
	padding-left:24px;
  background-image: url("../images/logo_particular2_blue.png");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: 17px 16px;
  height:22px;
	
}
.edit_cl .tt {
	margin-bottom: 10px;
	margin-top:-19px;
	margin-left:25px;
}
.edit_cl .tt2 {
	margin-bottom: 10px;
	margin-left:25px;
}
.edit_cl .tt3 {
  margin-bottom: 10px;
  margin-left: 25px;
  margin-top: -13px; /*era -16px*/
  margin-right: 100px;  
}
.edit_cl .tt4 {
  margin-bottom: 10px;
  margin-left: 25px;
  margin-top: -16px; /*era -16px*/
  margin-right: 100px;
}


.text_vert {
    -moz-transform: rotate(-180deg);/* Для Firefox */
    -ms-transform: rotate(-180deg);/* Для IE */
    -webkit-transform: rotate(-180deg);/* Для Safari, Chrome, iOS */
    -o-transform: rotate(-180deg);/* Для Opera */
    transform: rotate(-180deg);
	
  writing-mode: vertical-rl;
  
  
  
  
}
.v_cajon2 {
  color: blue;
  float: right;
  font-family: verdana;
  font-size: 12px;
  font-weight: bolder;
  position: relative;
  right: 140px;
  top: -480px;
}
.v_cajon4 {
  color: blue;
  float: right;
  font-family: verdana;
  font-size: 12px;
  font-weight: bolder;
  position: relative;
  right: 199px;
  top: -475px;
}
.v_cajon4b {
  color: blue;
  float: right;
  font-family: verdana;
  font-size: 12px;
  font-weight: bolder;
  position: relative;
  right: 199px;
  top: -475px;
}
.v_cajon6 {
  color: blue;
  float: right;
  font-family: verdana;
  font-size: 12px;
  font-weight: bolder;
  position: relative;
  right: 105px;
  top: -475px;
}
.v_cajon8 {
  color: blue;
  float: right;
  font-family: verdana;
  font-size: 12px;
  font-weight: bolder;
  position: relative;
  right: 105px;
  top: -474px;
}
.v_alto {
  color: black;
  float: right;
  font-family: verdana;
  font-size: 18px;
  font-weight: bolder;
  position: relative;
  right: 142px;
  top: -343px;
}
/*****************************/
.cristal {
  color: green;grey;
  font-family: verdana;
  font-size: 14px;
  font-weight: bolder;
  o utline:1px solid red;
}
/*****************************/
.v_H_cr1 {
  float: right;
  position: relative;
  right: 168px;
  top: -378px;
}
.v_L1_cr1 {
  float: left;
  left: 168px;
  position: relative;
  top: -510px;
}
.v_L2_cr1 {
  float: right;
  position: relative;
  right: 154px;
  top: -510px;
}
.x_H_cr1 {
  right: 84px;
}
.x_L1_cr1 {
  left: 114px;
}
.x_L2_cr1 {
  right: 115px;
}
/*****************************/
.v_H_cr2 {
  float: right;
  position: relative;
  right: 143px;
  top: -368px;
}
.v_L1_cr2 {
  float: left;
  left: 153px;
  position: relative;
  top: -484px;
}
.v_L2_cr2 {
  float: right;
  position: relative;
  right: 128px;
  top: -484px;
}
.x_H_cr2 {
  right: 62px;
}
.x_L1_cr2 {
  left: 99px;
}
.x_L2_cr2 {
  right: 90px;
}
/*****************************/
.v_H_cr3 {
  float: right;
  position: relative;
  right: 236px;
  top: -348px;
}
.v_L_cr3 {
  float: right;
  position: relative;
  right: 227px;
  top: -470px;
}
.x_H_cr3 {
  right: 66px;
  top: -227px;
}
.x_L_cr3 {
  right: 220px;
  top: -270px;
}
/*****************************/
.v_H_cr4 {
  float: right;
  position: relative;
  right: 203px;
  top: -379px;
}
.v_L_cr4 {
  float: right;
  position: relative;
  right: 198px;
  top: -479px;
}
.x_H_cr4 {
  right: 35px;
  top: -255px;
}
.x_L_cr4 {
  right: 203px;
  top: -298px;
}
/*****************************/
.v_H_cr4a {
  float: right;
  position: relative;
  right: 236px;
  top: -348px;
}
.v_L_cr4a {
  float: right;
  position: relative;
  right: 227px;
  top: -470px;
}
.x_H_cr4a {
  right: 66px;
  top: -227px;
}
.x_L_cr4a {
  right: 220px;
  top: -270px;
}
/*****************************/
.v_H_cr4b {
  float: right;
  position: relative;
  right: 203px;
  top: -379px;
}
.v_L_cr4b {
  float: right;
  position: relative;
  right: 198px;
  top: -479px;
}
.x_H_cr4b {
  right: 35px;
  top: -255px;
}
.x_L_cr4b {
  right: 203px;
  top: -298px;
}
/*****************************/
.v_H_cr5 {
  float: right;
  position: relative;
  right: 147px;
  top: -384px;
}
.v_L1_cr5 {
  float: left;
  left: 145px;
  position: relative;
  top: -506px;
}
.v_L2_cr5 {
  float: right;
  position: relative;
  right: 137px;
  top: -506px;
}
.x_H_cr5 {
  right: 91px;
}
.x_L1_cr5 {
  left: 103px;
}
.x_L2_cr5 {
  right: 103px;
}
/*****************************/
.v_H_cr6 {
  float: right;
  position: relative;
  right: 139px;
  top: -373px;
}
.v_L1_cr6 {
  float: left;
  left: 133px;
  position: relative;
  top: -468px;
}
.v_L2_cr6 {
  float: right;
  position: relative;
  right: 118px;
  top: -468px;
}
.x_H_cr6 {
  right: 91px;
}
.x_L1_cr6 {
  left: 91px;
}
.x_L2_cr6 {
  right: 93px;
}
/*****************************/
.v_H_cr7 {
  float: right;
  position: relative;
  right: 162px;
  top: -384px;
}
.v_L1_cr7 {
  float: left;
  left: 148px;
  position: relative;
  top: -506px;
}
.v_L2_cr7 {
  float: right;
  position: relative;
  right: 146px;
  top: -506px;
}
.x_H_cr7 {
  right: 111px;
}
.x_L1_cr7 {
  left: 105px;
}
.x_L2_cr7 {
  right: 122px;
}

/*****************************/
.v_H_cr8 {
  float: right;
  position: relative;
  right: 131px;
  top: -364px;
}
.v_L1_cr8 {
  float: left;
  left: 133px;
  position: relative;
  top: -463px;
}
.v_L2_cr8 {
  float: right;
  position: relative;
  right: 115px;
  top: -463px;
}
.x_H_cr8 {
  right: 80px;
}
.x_L1_cr8 {
  left: 90px;
}
.x_L2_cr8 {
  right: 89px;
}
/*****************************/

.v_H_cr1  span,.v_L1_cr1 span,.v_L2_cr1 span,
.v_H_cr2  span,.v_L1_cr2 span,.v_L2_cr2 span,
.v_H_cr3  span,.v_L_cr3 span,
.v_H_cr4  span,.v_L_cr4 span,
.v_H_cr4a  span,.v_L_cr4a span,
.v_H_cr4b  span,.v_L_cr4b span,
.v_H_cr5  span,.v_L1_cr5 span,.v_L2_cr5 span,
.v_H_cr6  span,.v_L1_cr6 span,.v_L2_cr6 span,
.v_H_cr7  span,.v_L1_cr7 span,.v_L2_cr7 span,
.v_H_cr8  span,.v_L1_cr8 span,.v_L2_cr8 span {
	color:red;green;#00cc00;	
}

.v_ancho {
  color: black;
  font-family: verdana;
  font-size: 18px;
  font-weight: bolder;
  left: 5px;
  position: relative;
  top: -33px;
}
.v_alto2 {
  color: black;
  float: right;
  font-family: verdana;
  font-size: 18px;
  font-weight: bolder;
  position: relative;
  right: 124px;
  top: -320px;
}
.v_ancho2 {
  color: black;
  font-family: verdana;
  font-size: 18px;
  font-weight: bolder;
  left: 16px;
  position: relative;
  top: -25px;
}
.v_L1_1 {
  color: black;
  font-family: verdana;
  font-size: 14px;
  font-weight: bolder;
  left: -72px;
  position: relative;
  top: -126px;
}
.v_L2_1 {
  color: black;
  font-family: verdana;
  font-size: 14px;
  font-weight: bolder;
  left: 68px;
  position: relative;
  top: -143px;
}
.v_L1_2 {
  color: black;
  font-family: verdana;
  font-size: 14px;
  font-weight: bolder;
  left: -60px;
  position: relative;
  top: -117px;
}
.v_L2_2 {
  color: black;
  font-family: verdana;
  font-size: 14px;
  font-weight: bolder;
  left: 73px;
  position: relative;
  top: -134px;
}
.v_L1_5 {
  color: black;
  font-family: verdana;
  font-size: 14px;
  font-weight: bolder;
  left: -93px;
  position: relative;
  top: -129px;
}
.v_L2_5 {
  color: black;
  font-family: verdana;
  font-size: 14px;
  font-weight: bolder;
  left: 86px;
  position: relative;
  top: -146px;
}
.v_L1_6 {
  color: black;
  font-family: verdana;
  font-size: 14px;
  font-weight: bolder;
  left: -82px;
  position: relative;
  top: -127px;
}
.v_L2_6 {
  color: black;
  font-family: verdana;
  font-size: 14px;
  font-weight: bolder;
  left: 80px;
  position: relative;
  top: -144px;
}
.v_L1_7 {
  color: black;
  font-family: verdana;
  font-size: 14px;
  font-weight: bolder;
  left: -90px;
  position: relative;
  top: -139px;
}
.v_L2_7 {
  color: black;
  font-family: verdana;
  font-size: 14px;
  font-weight: bolder;
  left: 77px;
  position: relative;
  top: -156px;
}
.v_L1_8 {
  color: black;
  font-family: verdana;
  font-size: 14px;
  font-weight: bolder;
  left: -83px;
  position: relative;
  top: -127px;
}
.v_L2_8 {
  color: black;
  font-family: verdana;
  font-size: 14px;
  font-weight: bolder;
  left: 83px;
  position: relative;
  top: -144px;
}
.v_alto3 {
  color: black;
  float: right;
  font-family: verdana;
  font-size: 18px;
  font-weight: bolder;
  position: relative;
  right: 207px;
  top: -342px;
}
.v_ancho3 {
  color: black;
  font-family: verdana;
  font-size: 18px;
  font-weight: bolder;
  left: -2px;
  position: relative;
  top: -35px;
}
.v_alto4 {
  color: black;
  float: right;
  font-family: verdana;
  font-size: 18px;
  font-weight: bolder;
  position: relative;
  right: 183px;
  top: -329px;
}
.v_ancho4 {
  color: black;
  font-family: verdana;
  font-size: 18px;
  font-weight: bolder;
  left: 5px;
  position: relative;
  top: -30px;
}
.v_alto4a {
  color: black;
  float: right;
  font-family: verdana;
  font-size: 18px;
  font-weight: bolder;
  position: relative;
  right: 207px;
  top: -342px;
}
.v_ancho4a {
  color: black;
  font-family: verdana;
  font-size: 18px;
  font-weight: bolder;
  left: -1px;
  position: relative;
  top: -36px;
}
.v_alto4b {
  color: black;
  float: right;
  font-family: verdana;
  font-size: 18px;
  font-weight: bolder;
  position: relative;
  right: 183px;
  top: -329px;
}
.v_ancho4b {
  color: black;
  font-family: verdana;
  font-size: 18px;
  font-weight: bolder;
  left: 1px;
  position: relative;
  top: -29px;
}

.v_alto5 {
  color: black;
  float: right;
  font-family: verdana;
  font-size: 18px;
  font-weight: bolder;
  position: relative;
  right: 106px;
  top: -341px;
}
.v_ancho5 {
  color: black;
  font-family: verdana;
  font-size: 18px;
  font-weight: bolder;
  left: 1px;
  position: relative;
  top: -35px;
}
.v_alto6 {
  color: black;
  float: right;
  font-family: verdana;
  font-size: 18px;
  font-weight: bolder;
  position: relative;
  right: 89px;
  top: -320px;
}
.v_ancho6 {
  color: black;
  font-family: verdana;
  font-size: 18px;
  font-weight: bolder;
  left: 1px;
  position: relative;
  top: -29px;
}
.v_alto7 {
  color: black;
  float: right;
  font-family: verdana;
  font-size: 18px;
  font-weight: bolder;
  position: relative;
  right: 103px;
  top: -335px;
}
.v_ancho7 {
  color: black;
  font-family: verdana;
  font-size: 18px;
  font-weight: bolder;
  left: 1px;
  position: relative;
  top: -28px;
}
.v_alto8 {
  color: black;
  float: right;
  font-family: verdana;
  font-size: 18px;
  font-weight: bolder;
  position: relative;
  right: 89px;
  top: -311px;
}
.v_ancho8 {
  color: black;
  font-family: verdana;
  font-size: 18px;
  font-weight: bolder;
  left: 1px;
  position: relative;
  top: -27px;
}

.v_alto span, .v_ancho span,
.v_alto2 span, .v_ancho2 span,
.v_alto3 span, .v_ancho3 span,
.v_alto4 span, .v_ancho4 span,
.v_alto4a span, .v_ancho4a span,
.v_alto4b span, .v_ancho4b span,
.v_alto5 span, .v_ancho5 span, 
.v_alto6 span, .v_ancho6 span ,
.v_alto7 span, .v_ancho7 span ,
.v_alto8 span, .v_ancho8 span,
.v_L1_1 span, .v_L2_1 span,
.v_L1_2 span, .v_L2_2 span,
.v_L1_5 span, .v_L2_5 span,
.v_L1_6 span, .v_L2_6 span,
.v_L1_7 span, .v_L2_7 span,
.v_L1_8 span, .v_L2_8 span {
	color:blue;	
}
p b {
  color:blue;
  /* не будут тысячи разрываться// пока отменяю */
  /* white-space: nowrap; */
}
p.formula2 {
  color: green;
  text-align: right;
  font-size: 10px;
}
p.formula3 {
  color: orange;
  font-size: 10px;
  margin-bottom: -10px;
  text-align: right;
}
.im_small {
	width:50px;
	height:50px;
}
.wrap_img1 {
	text-align:center;
}
.img1 {
	width:250px;
	height:250px;
}.
.wrap_ord {
	text-align:center;
}
.order_bot {
	cursor:pointer;
}
.ordenado {
    text-align: right;
    color: grey;
    font-size: 12px;
    float: right;
}
.ordenado span {
	color:navy;
	font-weight:bolder;
}
.info .gran {
	margin-top:-20px;
	font-size:14px;
}
#tab_head {
	border:1px solid navy;
	border-bottom:0px solid navy;
	width:776px;
	margin: auto 15px;
	padding:5px;
	border-radius:5px 5px 0 0;
	background:#d4dcff;
	color:;
}
#tab_head td{
	width:50%;
	vertical-align:top;
}
#tab_head td:first-child{
	border-right:1px solid navy;
}
#tab_head h3{
	text-align:left;
	font-size:18px;
	color:navy;
	margin-bottom:25px;
}
#tab_head p{
	text-align:left;
	font-size:14px;
	color:black;
	margin-top:-15px;
}
/*********************************************************************/
#tab_foot {
	border:1px solid navy;
	width:776px;
	margin: auto 15px;
	padding:5px;
	border-radius:0 0 5px 5px;
	background:#d4dcff;
	color:;
}
#tab_foot td{
	width:50%;
	vertical-align:top;
}
#tab_foot h3{
	text-align:left;
	font-size:18px;
	color:navy;
	
}
#tab_foot p {
  color: black;
  font-size: 16px;
  margin: 0 5px;
  text-align: right;
}
#tab_foot p span {
	c olor:red;
	font-weight:bolder;
}
/*********************************************************************/
#tab_wrap {
	border:1px solid navy;
	border-bottom:0px solid navy;
	background:white;
	width:776px;
	margin: auto 15px;
	padding:5px;
	b order-radius:5px;
    position:relative;
}

#tab_wrap th {
	background:#b4bdff;
	border-radius:3px;
	border:1px solid navy;
}
#tab_wrap  .n1{
	background:#d4dcff;
	border-radius:3px;
}
#tab_wrap tr td {
	b ackground:#fff;
}
#tab_wrap h4 {
  color: black;
  font-family: verdana;
  font-size: 14px;
  margin: 2px 10px 10px;
}
#tab_wrap h4 div {
  color: blue;
  font-size: 16px;
  margin-left: 77px;
  margin-top: -18px;
}
#tab_wrap p {
	font-size:14px;
	color:black;
	font-weight:bolder;
	margin:2px 10px;
}
#tab_wrap p.lug {
  margin-bottom: 10px;
  margin-left: 0;
  margin-top: -3px;
}

#tab_wrap p span {
	color:blue;
	font-weight:normal;
}
#tab_wrap p.medidas {
	font-size:14px;
	color:black;
	font-weight:bolder;	
}
#tab_wrap p.medidas span {
	color:red;
	font-weight:bolder;	
}
#tab_wrap p.medidas strong {
	color:grey;
	font-weight:normal;	
}
.info_util_block {
  background: #f5f5f5 none repeat scroll 0 0;
  border: 1px solid blue;
  border-radius: 5px;
  color: blue;
  font-family: verdana;
  margin: 5px -5px 10px 10px;
  padding: 5px;
}
.img_tab{
	width:300px;230px;
	height:300px;230px;
}
.img_tab_wt{
	width:300px;
	height:150px;
}
.nazv1 {
	width:160px;
    height:20px;
	text-align:left;
	padding:2px 5px;
}
.nazv1_ventana {
  float: right;
  text-align: right;
}
.wrap_tab_img {
  margin: 0 auto 2px; -60px;
  text-align: center;
}
.nazv1_img {
	width:376px;/* 300px 220px;*/
	height:100%; 300px;/*220px;*/
	b ackground:#eee!important;
	vertical-align:top;
	b order:1px solid navy;
	text-align:left;
	padding:10px 5px 2px;
	b ackground:#eee;
}
#tab_wrap .nocolor {
	background:white;
	border:1px solid white;

}
#tab_wrap tr td.nazv2 {
	width:320px;
	text-align:left;
	padding:10px 5px 2px;
	b ackground:#eee;
	vertical-align:top;
	font-size:15px;
}
.nazv3 {
	width:50px;
	text-align:right;
	padding:2px 5px;
}
.nazv4 {
	width:70px;65px;70px;
	text-align:right;
	padding:2px 5px;
}
.nazv5 {
	width:80px;
	text-align:right;
	padding:2px 5px;
}
.c1 {
	width:120px;
	b order-bottom:1px solid red;
}
.c2 {
	width:150px;
	text-align:left;
	vertical-align:top;
}
.c3 {
	w idth:50px;
	text-align:center;
	vertical-align:top;
}
.c4 {
	w idth:80px;
	text-align:right;
	vertical-align:top;
}
.c5	 {
	w idth:80px;
	text-align:right;
	vertical-align:top;
}
/*******************************************************************************************/
.v_alto_tab {
  color: black;
  float: right;
  font-family: verdana;
  font-size: 12px;
  position: relative;
  right: 7px;
  top: -184px;
}
.v_alto_tab_wt{
  right: 7px;
  top: -184px;
}
.v_ancho_tab {
  color: black;
  font-family: verdana;
  font-size: 12px;
  position: relative;
  text-align: center;
  top: -22px;
}
.v_alto2_tab {
  color: black;
  float: right;
  font-family: verdana;
  font-size: 12px;
  position: relative;
  right: -8px;
  top: -175px;
}
.v_ancho2_tab {
  color: black;
  font-family: verdana;
  font-size: 12px;
  position: relative;
  text-align: center;
  top: -17px;
}
.v_alto3_tab {
  color: black;
  float: right;
  font-family: verdana;
  font-size: 12px;
  position: relative;
  right: 62px;
  top: -190px;
}
.v_ancho3_tab {
  color: black;
  font-family: verdana;
  font-size: 12px;
  position: relative;
  text-align: center;
  top: -23px;
}
.v_alto4_tab {
  color: black;
  float: right;
  font-family: verdana;
  font-size: 12px;
  position: relative;
  right: 43px;
  top: -179px;
}
.v_ancho4_tab {
  color: black;
  font-family: verdana;
  font-size: 12px;
  position: relative;
  text-align: center;
  top: -21px;
}
.v_alto4a_tab {
  color: black;
  float: right;
  font-family: verdana;
  font-size: 12px;
  position: relative;
  right: 63px;
  top: -188px;
}
.v_ancho4a_tab {
  color: black;
  font-family: verdana;
  font-size: 12px;
  position: relative;
  top: -24px;
  text-align: center;
}
.v_alto4b_tab {
  color: black;
  float: right;
  font-family: verdana;
  font-size: 12px;
  position: relative;
  right: 43px;
  top: -175px;
}
.v_ancho4b_tab {
  color: black;
  font-family: verdana;
  font-size: 12px;
  position: relative;
  top: -20px;
  text-align: center;
}
.v_alto5_tab {
  color: black;
  float: right;
  font-family: verdana;
  font-size: 12px;
  position: relative;
  right: 7px;
  top: -190px;
}
.v_ancho5_tab {
  color: black;
  font-family: verdana;
  font-size: 12px;
  position: relative;
  top: -23px;
  text-align: center;
}
.v_alto6_tab {
  color: black;
  float: right;
  font-family: verdana;
  font-size: 12px;
  position: relative;
  right: -7px;
  top: -176px;
}
.v_ancho6_tab {
  color: black;
  font-family: verdana;
  font-size: 12px;
  position: relative;
  text-align: center;
  top: -19px;
}
.v_alto7_tab {
  color: black;
  float: right;
  font-family: verdana;
  font-size: 12px;
  position: relative;
  right: 5px;
  top: -193px;
}
.v_ancho7_tab {
  color: black;
  font-family: verdana;
  font-size: 12px;
  position: relative;
  text-align: center;
  top: -19px;
}
.v_alto8_tab {
  color: black;
  float: right;
  font-family: verdana;
  font-size: 12px;
  position: relative;
  right: -7px;
  top: -173px;
}
.v_ancho8_tab {
  color: black;
  font-family: verdana;
  font-size: 12px;
  position: relative;
  top: -19px;
  text-align: center;
}

.v_alto_tab span, .v_ancho_tab span,
.v_alto2_tab span, .v_ancho2_tab span,
.v_alto3_tab span, .v_ancho3_tab span,
.v_alto4_tab span, .v_ancho4_tab span,
.v_alto4a_tab span, .v_ancho4a_tab span,
.v_alto4b_tab span, .v_ancho4b_tab span,
.v_alto5_tab span, .v_ancho5_tab span, 
.v_alto6_tab span, .v_ancho6_tab span ,
.v_alto7_tab span, .v_ancho7_tab span ,
.v_alto8_tab span, .v_ancho8_tab span {
	color:red;	
}
.v_L1_1_tab {
  color: black;
  font-family: verdana;
  font-size: 12px;
  position: relative;
  text-align: center;
  top: -80px;
  width: 50%;
}
.v_L2_1_tab {
  color: black;
  float: right;
  font-family: verdana;
  font-size: 12px;
  left: -11px;
  position: relative;
  top: -94px;
  width: 50%;
  text-align: center;
}
.v_L1_2_tab {
  color: black;
  font-family: verdana;
  font-size: 12px;
  left: 9px;
  position: relative;
  top: -78px;
  width: 50%;
  text-align: center;
}
.v_L2_2_tab {
  color: black;
  float: right;
  font-family: verdana;
  font-size: 12px;
  left: -2px;
  position: relative;
  text-align: center;
  top: -92px;
  width: 50%;
}
.v_L1_5_tab {
  color: black;
  float: left;
  font-family: verdana;
  font-size: 12px;
  position: relative;
  text-align: center;
  top: -85px;
  width: 50%;
}
.v_L2_5_tab {
  color: black;
  float: right;
  font-family: verdana;
  font-size: 12px;
  left: -7px;
  position: relative;
  text-align: center;
  top: -99px;
  width: 50%;
}
.v_L1_6_tab {
  color: black;
  float: left;
  font-family: verdana;
  font-size: 12px;
  left: 4px;
  position: relative;
  text-align: center;
  top: -83px;
  width: 50%;
}
.v_L2_6_tab {
  color: black;
  float: right;
  font-family: verdana;
  font-size: 12px;
  left: -3px;
  position: relative;
  text-align: center;
  top: -97px;
  width: 50%;
}
.v_L1_7_tab {
  color: black;
  font-family: verdana;
  font-size: 12px;
  left: 2px;
  position: relative;
  top: -91px;
  text-align: center;
  width: 50%;
  float: left;
}
.v_L2_7_tab {
  color: black;
  float: right;
  font-family: verdana;
  font-size: 12px;
  left: -12px;
  position: relative;
  text-align: center;
  top: -105px;
  width: 50%;
}
.v_L1_8_tab {
  color: black;
  float: left;
  font-family: verdana;
  font-size: 12px;
  left: 3px;
  position: relative;
  text-align: center;
  top: -84px;
  width: 50%;
}
.v_L2_8_tab {
  color: black;
  float: right;
  font-family: verdana;
  font-size: 12px;
  left: -1px;
  position: relative;
  text-align: center;
  top: -98px;
  width: 50%;
}
.v_cajon2_tab {
  color: blue;
  float: right;
  font-family: verdana;
  font-size: 9px;
  position: relative;
  right: 5px;
  top: -291px;
}
.v_cajon4_tab {
  color: blue;
  float: right;
  font-family: verdana;
  font-size: 9px;
  position: relative;
  right: 56px;
  top: -289px;
}
.v_cajon4b_tab {
  color: blue;
  float: right;
  font-family: verdana;
  font-size: 9px;
  position: relative;
  right: 57px;
  top: -289px;
}
.v_cajon6_tab {
  color: blue;
  float: right;
  font-family: verdana;
  font-size: 9px;
  position: relative;
  right: 6px;
  top: -288px;
}
.v_cajon8_tab {
  color: blue;
  float: right;
  font-family: verdana;
  font-size: 9px;
  position: relative;
  right: 6px;
  top: -288px;
}
.v_L1_1_tab span, .v_L2_1_tab span,
.v_L1_2_tab span, .v_L2_2_tab span,
.v_L1_5_tab span, .v_L2_5_tab span,
.v_L1_6_tab span, .v_L2_6_tab span,
.v_L1_7_tab span, .v_L2_7_tab span,
.v_L1_8_tab span, .v_L2_8_tab span {
	color:red;	
}
.show {
	display:block;
}
.hide {
	display:none;
}
.str_vvod_tab {
  border: 1px solid #00a9ff;
  border-radius: 2px;
  box-shadow: 0 0 2px 0 #00a9ff;
  margin-top: 3px;

  color: blue;
  font-size: 14px;
  padding: 1px 2px;
  width: 320px;320px;
}
.corto {
  width: 280px;
}
.vvod_mensaje_tab{
  border: 1px solid #00a9ff;
  border-radius: 5px;
  box-shadow: 0 0 2px 0 #00a9ff;
  margin-top: 3px;

  color: blue;
  font-size: 14px;
  padding: 1px 2px;
	font-family:Verdana;
	width:320px;
    m ax-width: 320px;
    min-width: 120px;
}
.vvod_mensaje_tab_info {
  background: #f5f5f5 none repeat scroll 0 0;
  border: 1px solid blue;
  border-radius: 5px;
  color: blue;
  font-family: verdana;
  margin: 5px 0 5px 10px;
  padding: 5px;
}
.p_r {
	text-align:right;
	margin-right:80px;
}
.p_r span {
	color:blue;
	font-weight:bolder;
}
.d_dia, .d_mes {
	width:20px;
}
.d_anio {
	width:40px;
}
.atras {
  background: #acc7ff none repeat scroll 0 0;
  border: 1px solid navy;
  border-radius: 5px;
  box-shadow: 0 0 1px 0 navy;
  color: black;
  cursor: pointer;
  font-size: 16px;
  font-weight: bolder;
  left: 0;
  opacity: 0.5;
  padding: 15px 25px;
  position: fixed;
  text-decoration: none;
  top: 0;
}
.menu {
  background: #acc7ff none repeat scroll 0 0;
  border: 1px solid navy;
  border-radius: 5px;
  box-shadow: 0 0 1px 0 navy;
  color: black;
  cursor: pointer;
  font-size: 16px;
  font-weight: bolder;
  left: 0;
  opacity: 0.5;
  padding: 15px 25px;
  position: fixed;
  text-decoration: none;
  top: 60px;
}
.arriba {
  b ackground: #acc7ff url("../images/strelka_up.png") no-repeat scroll 10px 6px / 35px 35px;
  background: url("../images/strelka_up.png") no-repeat scroll 10px 6px / 35px 35px;
  b order: 1px solid navy;
  border-radius: 5px;
  bottom: 2px;
  b ox-shadow: 0 0 1px 0 navy;
  color: black;
  cursor: pointer;
  font-size: 16px;
  font-weight: bolder;
  right: 4px;
  opacity: 0.5;
  padding: 15px 25px;
  position: relative;
  text-decoration: none;
  top: 5px;
  float: right;
}
.abajo {
  b ackground: #acc7ff url("../images/strelka_down.png") no-repeat scroll 10px 6px / 35px 35px;
  background: url("../images/strelka_down.png") no-repeat scroll 10px 6px / 35px 35px;
  b order: 1px solid navy;
  border-radius: 5px;
  b ox-shadow: 0 0 1px 0 navy;
  color: black;
  cursor: pointer;
  float: right;
  font-size: 16px;
  font-weight: bolder;
  opacity: 0.5;
  padding: 15px 25px;
  position: relative;
  right: -10px;
  text-decoration: none;
  top: -11px;
}
.opac {
	opacity:0;
}

.atras:hover, .menu:hover, .bot_v:hover, .bot_cor:hover {
	background: #BFDAFF;
	color:navy;
  opacity: 1;

}
.arriba:hover, .abajo:hover {
	opacity:1;
}
.bot_v {
  background: #acc7ff none repeat scroll 0 0;
  border: 1px solid navy;
  border-radius: 5px;
  box-shadow: 0 0 1px 0 navy;
  color: black;
  cursor: pointer;
  padding: 5px 20px;
  text-decoration: none;	
}
.bot_cor {
  background: #acc7ff none repeat scroll 0 0;
  border: 1px solid navy;
  border-radius: 5px;
  box-shadow: 0 0 1px 0 navy;
  color: black;
  cursor: pointer;
  padding: 15px 25px;
  text-decoration: none;
	font-size:16px;
	font-weight:bolder;
    opacity: 0.5;

  position:fixed;
  right:0;
  top:0px;
}

/***************************************************************/
.blink_text {

/*animation:1s blinker linear infinite;
-webkit-animation:1s blinker linear infinite;
-moz-animation:1s blinker linear infinite;*/

 background:yellow;
 padding:10px;
 color: red;
 border-radius:5px;
 border:1px solid red;
}
.left100 {
	margin-left:100px;
}
@-moz-keyframes blinker {  
 0% { opacity: 1.0; }
 50% { opacity: 0.0; }
 100% { opacity: 1.0; }
 }

@-webkit-keyframes blinker {  
 0% { opacity: 1.0; }
 50% { opacity: 0.0; }
 100% { opacity: 1.0; }
 }

@keyframes blinker {  
 0% { opacity: 1.0; }
 50% { opacity: 0.0; }
 100% { opacity: 1.0; }
 }

/***************************************************************/
.vopros {
 background:yellow;
 padding:10px;
 color: red;
 border-radius:5px;
 border:1px solid red;
}
.v_lsg_2 {
  border-bottom: 1px solid grey;
  border-left: 1px solid grey;
  border-right: 1px solid grey;
  color: grey;
  font-family: verdana;
  font-weight: bolder;
  height: 66px;
  left: -14px;
  margin: -54px auto 0;
  position: relative;
  text-align: center;
  top: -45px;
  width: 294px;
}
.v_lsg_2 div {
  left: 15px;
  position: relative;
  top: 44px;
}
.v_g2_1 {
  float: left;
  left: 130px;
  position: relative;
  top: -66px;
  color: red;
  font-family: times new roman;
  font-weight: bold;
}
.v_g2_2 {
  color: red;
  float: right;
  font-family: times new roman;
  font-weight: bold;
  position: relative;
  right: 121px;
  top: -66px;
}
.x_g2_1 {
  left: 16px;
}
.x_g2_2 {
  right: 26px;
}
.v_lsg_4 {
  border-bottom: 1px solid grey;
  border-left: 1px solid grey;
  border-right: 1px solid grey;
  color: grey;
  font-family: verdana;
  font-weight: bolder;
  height: 66px;
  left: -13px;
  margin: -21px auto 0;
  position: relative;
  text-align: center;
  top: -45px;
  width: 173px;
}
.v_lsg_4 div {
  position: relative;
  top: 44px;
  left:4px;
}
.v_g4_1 {
  float: left;
  left: 192px;
  position: relative;
  top: -66px;
  color: red;
  font-family: times new roman;
  font-weight: bold;
}
.v_g4_2 {
  color: red;
  float: right;
  font-family: times new roman;
  font-weight: bold;
  position: relative;
  right: 181px;
  top: -66px;
}
.x_g4_1 {
  left: 18px;
  top: -46px;
}
.x_g4_2 {
  right: 9px;
  top: -46px;
}

.v_lsg_4b {
  border-bottom: 1px solid grey;
  border-left: 1px solid grey;
  border-right: 1px solid grey;
  color: grey;
  font-family: verdana;
  font-weight: bolder;
  height: 66px;
  left: -12px;
  margin: -21px auto 0;
  position: relative;
  text-align: center;
  top: -45px;
  width: 174px;
}
.v_lsg_4b div {
  position: relative;
  top: 44px;
  left:-1px;
}
.v_g4b_1 {
  float: left;
  left: 192px;
  position: relative;
  top: -66px;
  color: red;
  font-family: times new roman;
  font-weight: bold;
}
.v_g4b_2 {
  color: red;
  float: right;
  font-family: times new roman;
  font-weight: bold;
  position: relative;
  right: 179px;
  top: -66px;
}
.x_g4b_1 {
  left: 19px;
  top: -46px;
}
.x_g4b_2 {
  right: 9px;
  top: -46px;
}
.v_lsg_6 {
  border-bottom: 1px solid grey;
  border-left: 1px solid grey;
  border-right: 1px solid grey;
  color: grey;
  font-family: verdana;
  font-weight: bolder;
  height: 66px;
  left: -19px;
  margin: -57px auto 0;
  position: relative;
  text-align: center;
  top: -45px;
  width: 338px;
}
.v_lsg_6 div {
  left: 6px;
  position: relative;
  top: 44px;
}
.v_g6_1 {
  float: left;
  left: 102px;
  position: relative;
  top: -66px;
  color: red;
  font-family: times new roman;
  font-weight: bold;
}
.v_g6_2 {
  color: red;
  float: right;
  font-family: times new roman;
  font-weight: bold;
  position: relative;
  right: 104px;
  top: -66px;
}
.x_g6_1 {
  left: 22px;
}
.x_g6_2 {
  right: 42px;
}
.v_lsg_8 {
  border-bottom: 1px solid grey;
  border-left: 1px solid grey;
  border-right: 1px solid grey;
  color: grey;
  font-family: verdana;
  font-weight: bolder;
  height: 66px;
  left: -18px;
  margin: -57px auto 0;
  position: relative;
  text-align: center;
  top: -43px;
  width: 350px;
}
.v_lsg_8 div {
  left: 4px;
  position: relative;
  top: 44px;
}
.v_g8_1 {
  float: left;
  left: 98px;
  position: relative;
  top: -66px;
  color: red;
  font-family: times new roman;
  font-weight: bold;
}
.v_g8_2 {
  color: red;
  float: right;
  font-family: times new roman;
  font-weight: bold;
  position: relative;
  right: 97px;
  top: -66px;
}
.x_g8_1 {
  left: 18px;
}
.x_g8_2 {
  right: 32px;
}
.v_lsg_2 div span,
.v_lsg_4 div span,
.v_lsg_4b div span,
.v_lsg_6 div span,
.v_lsg_8 div span {
  color: blue;
  font-size: 18px;
}
/**************************************************/
.y1 {
	right:26px;
}
.y1_tabw {
  right: 7px;
  top: -105px;
}
.x1_tabw {
  top: -16px;
}
.x1_1 {
	left:-130px;
}
.x1_1_tabw {
	top:-56px;
}
.x1_2 {
	left:114px;
}
.x1_2_tabw {
	top:-70px;
}
.y2 {
	right:4px;
}
.y2_tabw {
  right: -8px;
  top: -100px;
}
.y2_caj {
	right:20px;
}
.y2_caj_tabw {
  font-family: times new roman;
  font-size: 10px;
  right: 5px;
  top: -148px;
}
.x2_tabw {
  top: -14px;
}
.x2_1 {
	left:-130px;
}
.x2_1_tabw {
	top:-55px;
}
.x2_2 {
	left:114px;
}
.x2_2_tabw {
	top:-69px;
}

.x_lsg2 {
  left: -23px;
  width: 504px;
}
.x_lsg2 div{
  left: 24px;
}
.y3 {
  right: 31px;
  top: -225px;
}
.y3_tabw {
  right: 10px;
  top: -104px;
}
.x3 {
  top: -26px;
}
.x3_tabw {
  top: -16px;
}
.y4 {
  right: 1px;
  top: -224px;
}
.y4_tabw {
  right: -10px;
  top: -107px;
}
.y4_caj {
  right: 17px;
  top: -291px;
}
.y4_caj_tabw {
  font-family: times new roman;
  font-size: 10px;
  right: 4px;
  top: -147px;
}
.x4 {
  top: -26px;
}
.x4_tabw {
  top: -15px;
}
.x_lsg4 {
  height: 49px;
  left: -14px;
  top: -26px;
  width: 519px;
}
.x_lsg4 div {
  left: 5px;
  top: 27px;
}
.y4a {
  right: 31px;
  top: -222px;
}
.y4a_tabw {
  right: 9px;
  top: -103px;
}
.x4a {
  top: -26px;
}
.x4a_tabw {
  top: -16px;
}
.y4b {
  right: 1px;
  top: -224px;
}
.y4b_tabw {
  right: -10px;
  top: -107px;
}
.y4b_caj {
  right: 17px;
  top: -291px;
}
.y4b_caj_tabw {
  font-family: times new roman;
  font-size: 10px;
  right: 4px;
  top: -146px;
}
.x4b_tabw {
  top: -16px;
}
.x_lsg4b {
  height: 49px;
  left: -13px;
  top: -25px;
  width: 518px;
}
.x_lsg4b div {
  left: 0px;
  top: 27px;
}
.y5 {
	right:25px;
}
.y5_tabw {
  right: 7px;
  top: -107px;
}
.x5_tabw {
  top: -16px;
}
.x5_1 {
	left:-138px;
}
.x5_1_tabw {
	top:-59px;
}
.x5_2 {
	left:114px;
}
.x5_2_tabw {
	top:-73px;
}
.y6 {
	right:6px;
}
.y6_tabw {
  right: -7px;
  top: -107px;
}
.y6_caj {
	right:22px;
}
.y6_caj_tabw {
  font-family: times new roman;
  font-size: 10px;
  right: 6px;
  top: -146px;
}
.x6_tabw {
  top: -15px;
}
.x6_1 {
	left:-127px;
}
.x6_1_tabw {
	top:-59px;
}
.x6_2 {
	left:106px;
}
.x6_2_tabw {
	top:-73px;
}
.x_lsg6 {
  left: -28px;
  width: 478px;
}
.x_lsg6 div{
  left: 15px;
}
.y7 {
	right:20px;
}
.y7_tabw {
  right: 5px;
  top: -107px;
}
.x7_tabw {
  top: -15px;
}
.x7_1 {
	left:-138px;
}
.x7_1_tabw {
	top:-62px;
}
.x7_2 {
	left:100px;
}
.x7_2_tabw {
	top:-76px;
}
.y8 {
	right:6px;
}
.y8_tabw {
  right: -7px;
  top: -104px;
}
.y8_caj {
	right:22px;
}
.y8_caj_tabw {
  font-family: times new roman;
  font-size: 10px;
  right: 6px;
  top: -146px;
}
.x8_tabw {
  top: -15px;
}
.x8_1 {
	left:-127px;
}
.x8_1_tabw {
	top:-58px;
}
.x8_2 {
	left:106px;
}
.x8_2_tabw {
	top:-72px;
}
.x_lsg8 {
  left: -26px;
  width: 495px;
}
.x_lsg8 div{
  left: 13px;
}
.pos {
  background: #b4bdff none repeat scroll 0 0;
  border-radius: 5px 5px 0 0;
  margin: 10px 18px -10px;
  padding: 2px 10px 10px;
  width: 55px;
}
/************ VENTANA TABLE ****************************************************************/
.wrapper_ventana {
  b ackground: #f2f2f2 none repeat scroll 0 0;
  b order: 1px solid navy;
  border-radius: 5px;
  color: black;
  height: 100%;600px;
  margin: 0 auto;
  m ax-height: 700px;
  m ax-width: 700px;
  m in-height: 250px;
  m in-width: 200px;
  width: 600px;
}
.vent_all_shapka {
	width:100%;
	height:100%;
	text-align:center;
	b order:1px solid black;
	margin:0;
	padding:0;
}
.vent_all {
	width:100%;
	height:100%;
	text-align:center;
	b order:1px solid black;
	margin:0;
	padding:0;
}
.wrapp_persiana {
		di splay:none;
}
.persiana {
		border:1px solid black;
		b ackground:#bbb;
		h eight:40px;	
		border-bottom:none;
}
.guias {
  b ackground: #cb12a8 none repeat scroll 0 0;
  border: 1px solid black;
  height: 100%;
  width: 11px;
}
.g_sm {
  width: 6px;   
}
.g1 {
	border-right:none;
}
.g2 {
	border-left:none;
}
.wrapp_marco {
		di splay:none;
}
.perfil_marco {
	b ackground:#bc8dff;
	width:100%;
	height:100%;
	padding:5px;
	border:1px solid black;
}
.wrapp_perfil_hoja{
  b ackground: fuchsia none repeat scroll 0 0;
  height: 100%;
  width: 100%;
}
.perfil_hoja1, .perfil_hoja2, .perfil_hoja3, .perfil_hoja4 { 
  b ackground: white none repeat scroll 0 0;
  padding:0;/* 0 */      /* antes padding: 15px;*/
  text-align: center;
  border: 1px solid black;
  b ackground:white url("../images/bg1.jpg") repeat scroll 0 0;
}
 .perfil_hoja1{
	p adding:10px;
	width:;
	height:100%;
	b ackground:red;#eef;

}
.perfil_hoja2 {
	p adding:10px 10px 10px 0;
	width:33.33%;
	height:100%;
	di splay:none;
	b ackground:grey;

}
.perfil_hoja3 {
	p adding:10px 10px 10px 0;
	width:33.33%;
	height:100%;
	di splay:none;
	b ackground:yellow;
	
}
.perfil_hoja4 {
  width:25%;
  height:100%;
}


/********* ruchka está a la izquierda ************/
/*
.ruchka_l1,
.ruchka_l2,
.ruchka_l3 {
	background-image: url("../images/ruchka_color3.png");
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 15px 45px;	


}
*/
/********* ruchka está a la derecha ************/
/*
.ruchka_r1,
.ruchka_r2,
.ruchka_r3 {
	background-image: url("../images/ruchka_color3.png");
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: 15px 45px;	
	
}
*/




.apertura {
  height: 100%;
  left: 0;
  margin-left: 0;
  margin-top: 0;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 9999;
}
.apertura img {
	width:100%;
	height: 100%;
    margin-top:-8px; /*new ok!*/
}
.fijo1, .fijo2, .fijo3, .fijo4 {
  color: blue;
  font-size: 40px;
  position: relative;
  top: 41%;
}


.junquillo {
  b ackground: #ddd none repeat scroll 0 0;
  b order: 1px solid navy;
  height: 100%; /* antes 70%;*/
  width: 100%;
  
  position: relative; /*new*/
  top: -100%;/*new*/
}
.junquillo_int {
  b ackground: #ddd none repeat scroll 0 0;
  border: 1px solid black;
  height: 70%; 
  p adding: 2px;
  width: 100%;
  
}
												.junquillo_exp { /*para probar*/
												  height: 100%; 
												  width: 100%;  
												  position: relative; /*new*/
												  top: -100%;/*new*/
												}
.vstavka {
  b ackground: #ddd;
  height: 5%;
  width: 100%;
   
}
.junquillo_zagl {
  b ackground: #ddd none repeat scroll 0 0;
  border: 1px solid black;
  height: 25%;
  p adding: 2px;
  width: 100%;
}
.hoja_cristal_zagl_1, .hoja_cristal_zagl_2, .hoja_cristal_zagl_3, .hoja_cristal_zagl_4 {
  b ackground: #eee none repeat scroll 0 0;
  border: 1px solid black;
  vertical-align: top;
}


.perfil_hoja_nuevo_1, .perfil_hoja_nuevo_2, .perfil_hoja_nuevo_3, .perfil_hoja_nuevo_4 {
  b ackground: white;
  vertical-align: top;
  padding:15px;/* 15px ! muy importante -  el grosor de Hoja */
}

.hoja_cristal_1_int, .hoja_cristal_2_int, .hoja_cristal_3_int, .hoja_cristal_4_int {
  background: #00e5ff none repeat scroll 0 0;
  border: 1px solid black;
  vertical-align: top;
  background: -moz-linear-gradient(to top right, #00e5ff, #ffffff);
  
 

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#20baf7+0,feffff+100,a0d8ef+100 */
background: #20baf7; /* Old browsers */
background: -moz-linear-gradient(45deg,  #20baf7 0%, #feffff 100%, #a0d8ef 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #20baf7 0%,#feffff 100%,#a0d8ef 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  #20baf7 0%,#feffff 100%,#a0d8ef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20baf7', endColorstr='#a0d8ef',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}

/********* ruchka está a la izquierdada ************/
/* transparente */
.ruchka_l1_new,
.ruchka_l2_new,
.ruchka_l3_new,
.ruchka_l4_new {
	background-image: url("../images/ruchka_color3.png")!important;
    background-position: 0 50%!important;
    background-repeat: no-repeat!important;
    background-size: 15px 45px!important;	


}
/* blanca */
.ruchka_l1_blanca,
.ruchka_l2_blanca,
.ruchka_l3_blanca,
.ruchka_l4_blanca {
	background-image: url("../images/ruchka_white3.png")!important;
    background-position: 0 50%!important;
    background-repeat: no-repeat!important;
    background-size: 15px 45px!important;	


}

/* negra */
.ruchka_l1_negra,
.ruchka_l2_negra,
.ruchka_l3_negra,
.ruchka_l4_negra {
    background-image: url("../images/ruchka_negra.png")!important;
    background-position: 0 50%!important;
    background-repeat: no-repeat!important;
    background-size: 15px 45px!important;	


}



.ruchka_corr_l1_new,
.ruchka_corr_l2_new,
.ruchka_corr_l3_new,
.ruchka_corr_l4_new {
	background-image: url("../images/ruchka_corr_color.png")!important;
    background-position: 0 50%!important;
    background-repeat: no-repeat!important;
    background-size: 13px 70px!important;	


}

/********* ruchka está a la derecha ************/
/* transparente */
.ruchka_r1_new,
.ruchka_r2_new,
.ruchka_r3_new,
.ruchka_r4_new {
	background-image: url("../images/ruchka_color3.png")!important;
    background-position: 100% 50%!important;
    background-repeat: no-repeat!important;
    background-size: 15px 45px!important;	
	
}
/* blanca */
.ruchka_r1_blanca,
.ruchka_r2_blanca,
.ruchka_r3_blanca,
.ruchka_r4_blanca {
	background-image: url("../images/ruchka_white3.png")!important;
    background-position: 100% 50%!important;
    background-repeat: no-repeat!important;
    background-size: 15px 45px!important;	
	
}
/* negra */
.ruchka_r1_negra,
.ruchka_r2_negra,
.ruchka_r3_negra,
.ruchka_r4_negra {
	background-image: url("../images/ruchka_negra.png")!important;
    background-position: 100% 50%!important;
    background-repeat: no-repeat!important;
    background-size: 15px 45px!important;	
	
}

.ruchka_up1_blanca,
.ruchka_up2_blanca,
.ruchka_up3_blanca,
.ruchka_up4_blanca {
  background-image: url("../images/ruchka_gor_r_white3.png")!important;
    background-position: 50% 0%!important;
    background-repeat: no-repeat!important;
    background-size: 45px 15px!important; 
  
}



.ruchka_corr_r1_new,
.ruchka_corr_r2_new,
.ruchka_corr_r3_new,
.ruchka_corr_r4_new {
	background-image: url("../images/ruchka_corr_color.png")!important;
    background-position: 100% 50%!important;
    background-repeat: no-repeat!important;
    background-size: 13px 70px!important;	
	
}



/* RUCHKA PEQUEÑA para jav_tab*/
/********* ruchka está a la izquierdada ************/
/* transparente */
.ruchka_l1_new_sm,
.ruchka_l2_new_sm,
.ruchka_l3_new_sm,
.ruchka_l4_new_sm {
	background-image: url("../images/ruchka_color3.png")!important;
    background-position: 0 50%!important;
    background-repeat: no-repeat!important;
    background-size: 7px 22px!important;	


}
/* blanca */
.ruchka_l1_blanca_sm,
.ruchka_l2_blanca_sm,
.ruchka_l3_blanca_sm,
.ruchka_l4_blanca_sm {
	background-image: url("../images/ruchka_white3.png")!important;
    background-position: 0 50%!important;
    background-repeat: no-repeat!important;
    background-size: 7px 22px!important;	


}

/* negra */
.ruchka_l1_negra_sm,
.ruchka_l2_negra_sm,
.ruchka_l3_negra_sm,
.ruchka_l4_negra_sm {
	background-image: url("../images/ruchka_negra.png")!important;
    background-position: 0 50%!important;
    background-repeat: no-repeat!important;
    background-size: 7px 22px!important;	


}



.ruchka_corr_l1_new_sm,
.ruchka_corr_l2_new_sm,
.ruchka_corr_l3_new_sm,
.ruchka_corr_l4_new_sm {
	background-image: url("../images/ruchka_corr_color.png")!important;
    background-position: 0 50%!important;
    background-repeat: no-repeat!important;
    background-size: 7px 35px!important;	


}

/********* ruchka está a la derecha ************/
/* transparente */
.ruchka_r1_new_sm,
.ruchka_r2_new_sm,
.ruchka_r3_new_sm,
.ruchka_r4_new_sm {
	background-image: url("../images/ruchka_color3.png")!important;
    background-position: 100% 50%!important;
    background-repeat: no-repeat!important;
    background-size: 7px 22px!important;	
	
}
/* blanca */
.ruchka_r1_blanca_sm,
.ruchka_r2_blanca_sm,
.ruchka_r3_blanca_sm,
.ruchka_r4_blanca_sm {
	background-image: url("../images/ruchka_white3.png")!important;
    background-position: 100% 50%!important;
    background-repeat: no-repeat!important;
    background-size: 7px 22px!important;	
	
}
/* negra */
.ruchka_r1_negra_sm,
.ruchka_r2_negra_sm,
.ruchka_r3_negra_sm,
.ruchka_r4_negra_sm {
	background-image: url("../images/ruchka_negra.png")!important;
    background-position: 100% 50%!important;
    background-repeat: no-repeat!important;
    background-size: 7px 22px!important;	
	
}



.ruchka_corr_r1_new_sm,
.ruchka_corr_r2_new_sm,
.ruchka_corr_r3_new_sm,
.ruchka_corr_r4_new_sm {
	background-image: url("../images/ruchka_corr_color.png")!important;
    background-position: 100% 50%!important;
    background-repeat: no-repeat!important;
    background-size: 7px 35px!important;	
	
}







/********* visagras están a la derecha *************/

.vis_r_1a, .vis_r_2a, .vis_r_3a, .vis_r_4a,
.vis_r_1c, .vis_r_2c, .vis_r_3c, .vis_r_4c,
.vis_r_1d, .vis_r_2d, .vis_r_3d, .vis_r_4d {
	di splay:none;
  background-image: url("../images/visagra_color.png");
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 4px 30px;
  height: 30px;
  margin-top: -30px;
  position: relative;
  right: -17px;
  width: 100%;
	
}
.vis_r_1a, .vis_r_2a, .vis_r_3a, .vis_r_4a {
  top: 25%;
}
.vis_r_1c, .vis_r_2c, .vis_r_3c, .vis_r_4c {
  top: 52%;
}
.vis_r_1d, .vis_r_2d, .vis_r_3d, .vis_r_4d {
  top: 85%;
}


/********* visagras están a la izquierda *************/

.vis_l_1a, .vis_l_2a, .vis_l_3a, .vis_l_4a,
.vis_l_1c, .vis_l_2c, .vis_l_3c, .vis_l_4c,
.vis_l_1d, .vis_l_2d, .vis_l_3d, .vis_l_4d {
	di splay:none;
  background-image: url("../images/visagra_color.png");
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 4px 30px;
  height: 30px;
  margin-top: -30px;
  position: relative;
  left: -18px;
  width: 100%;
}
.vis_l_1a, .vis_l_2a, .vis_l_3a, .vis_l_4a {
  top: 25%;
}
.vis_l_1c, .vis_l_2c, .vis_l_3c, .vis_l_4c {
  top: 52%;
}
.vis_l_1d, .vis_l_2d, .vis_l_3d, .vis_l_4d {
  top: 85%;
}
/********** fin visagras *************/




/* VISAGRAS PEQUEÑAS para tab_jav */
/********* visagras están a la derecha *************/

.sm_vis_r_1a, .sm_vis_r_2a, .sm_vis_r_3a, .sm_vis_r_4a,
.sm_vis_r_1c, .sm_vis_r_2c, .sm_vis_r_3c, .sm_vis_r_4c,
.sm_vis_r_1d, .sm_vis_r_2d, .sm_vis_r_3d, .sm_vis_r_4d {
	di splay:none;
  background-image: url("../images/visagra_color.png");
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 2px 16px;
  height: 30px;
  margin-top: -30px;
  position: relative;
  right: -9px;
  width: 100%;
	
}
.sm_vis_r_1a, .sm_vis_r_2a, .sm_vis_r_3a, .sm_vis_r_4a {
  top: 25%;
}
.sm_vis_r_1c, .sm_vis_r_2c, .sm_vis_r_3c, .sm_vis_r_4c {
  top: 52%;
}
.sm_vis_r_1d, .sm_vis_r_2d, .sm_vis_r_3d, .sm_vis_r_4d {
  top: 85%;
}


/********* visagras están a la izquierda *************/

.sm_vis_l_1a, .sm_vis_l_2a, .sm_vis_l_3a, .sm_vis_l_4a,
.sm_vis_l_1c, .sm_vis_l_2c, .sm_vis_l_3c, .sm_vis_l_4c,
.sm_vis_l_1d, .sm_vis_l_2d, .sm_vis_l_3d, .sm_vis_l_4d {
	di splay:none;
  background-image: url("../images/visagra_color.png");
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 2px 16px;
  height: 30px;
  margin-top: -30px;
  position: relative;
  left: -10px;
  width: 100%;
}
.sm_vis_l_1a, .sm_vis_l_2a, .sm_vis_l_3a, .sm_vis_l_4a {
  top: 25%;
}
.sm_vis_l_1c, .sm_vis_l_2c, .sm_vis_l_3c, .sm_vis_l_4c {
  top: 52%;
}
.sm_vis_l_1d, .sm_vis_l_2d, .sm_vis_l_3d, .sm_vis_l_4d {
  top: 85%;
}
/********** fin visagras *************/






.perfil_hoja_nuevo_1{
	display:table-cell;
	b order-left:1px solid black;
	b ackground:#00c3ff;

}

.perfil_hoja_nuevo_2{
	di splay:none;
}
.perfil_hoja_nuevo_3{
	di splay:none;
}
.perfil_hoja_nuevo_4{
  di splay:none;
}

/******** Dimensiones de ventana ***********/
.dim_ancho_vent {
  border-left: 1px solid black;
  border-right: 1px solid black;
  height: 16px;
  position: relative;
  text-align: center;
  bottom: 4px;
}
.dim_ancho_vent .line {
	background: black;
	position:relative;
	top:8px;
	width:100%;
	height:1px;
	margin:0;
	padding:0;
}
.dim_ancho_vent .line div {
  background: white none repeat scroll 0 0;
  border: 1px solid black;
  border-radius: 5px;
  color: red;
  font-size: 16px;
  margin-left: -20px;
  padding: 2px;
  position: relative;
  top: -12px;
  width: 40px;
  z-index: 999;
  left: 50%;
}
.dim_alto_persiana {
  border-top: 1px solid black;
  float: right;
  height: 100%;
  position: relative;
  right: 6px;
  text-align: center;
  top: 0;
  width: 16px;
}
.dim_alto_persiana .line {
	background: black;
	position:relative;
	left:8px;
	width:1px;
	height:100%;
	margin:0;
	padding:0;
}
.dim_alto_persiana .line div {
  position: relative;
  top: 8px;
}
.dim_alto_con_persiana {
  border-bottom: 1px solid black;
  border-top: 1px solid black;
  float: right;
  height: 100%;
  position: relative;
  right: 14px;
  text-align: center;
  top: -1px;
  width: 16px;
}
.dim_alto_con_persiana .line {
	background: black;
	position:relative;
	left:8px;
	width:1px;
	height:100%;
	margin:0;
	padding:0;
}
.dim_alto_con_persiana .line div {
  position: relative;
  top: 30%;
}
.dim_alto_marco {
  border-bottom: 1px solid black;
	border-top: 1px solid black;
  float: left;
  height: 100%;
  position: relative;
  right: -30px;
  text-align: center;
  top: 0px;
  width: 16px;
}
.dim_alto_marco .line {
	background: black;
	position:relative;
	left:8px;
	width:1px;
	height:100%;
	margin:0;
	padding:0;
}
.dim_alto_marco .line div {
  position: relative;
  top: 46%;
}
.dim_alto_hoja {
  float: right;
  height: 100%;
  margin-bottom: -56px;
  position: relative;
  right: -1px;
  text-align: center;
  top: -6px;
  width: 16px;
}
.dim_alto_hoja .line {
	background: black;
	position:relative;
	left:7px;
	width:1px;
	height:100%;
	margin:0;
	padding:0;
}
.dim_alto_hoja .line div {
  position: relative;
  top: 70%;
}
.wrapp_dim_cristal {
  float: left;
  height: 100%;
  left: 92px;18px;
  margin-top: -5px;
  position: relative;
  width: 16px;
}
.marg_up_cr {
  background: white none repeat scroll 0 0;
  border-bottom: 1px solid black;
  height: 23px;
  position: relative;
  top: 3px;
  width: 16px;
  z-index: 2;
}
.marg_down_cr {
  background: white none repeat scroll 0 0;
  border-top: 1px solid black;
  bottom: 45px;
  float: right;
  height: 95px;
  position: relative;
  width: 16px;
  z-index: 2;
}
.dim_alto_cr {
  border-bottom: 1px solid black;
  border-top: 1px solid black;
  float: right;
  height: 100%;
  margin-bottom: -56px;
  position: relative;
  right: 0;
  text-align: center;
  top: -6px;
  width: 16px;
}
.dim_alto_cr .line {
	background: black;
	position:relative;
	left:8px;
	width:1px;
	height:100%;
	margin:0;
	padding:0;
}
.dim_alto_cr .line div {
  position: relative;
  top: 60%;
}

.wrapp_dim_hoja {
  float: left;
  height: 100%;
  left: 18px;
  margin-top: -5px;
  position: relative;
  width: 16px;
}
.marg_up {
  background: white none repeat scroll 0 0;
  border-bottom: 1px solid black;
  height: 10px;
  position: relative;
  top: 3px;
  width: 16px;
  z-index: 2;
}
.marg_down {
  background: white none repeat scroll 0 0;
  border-top: 1px solid black;
  bottom: -41px;
  float: right;
  height: 28px;
  position: relative;
  width: 16px;
  z-index: 2;
}


.dim_guia_l {
  b ackground: white none repeat scroll 0 0;
  border: 1px solid black;
  float: left;
  height: 20px;
  width: 20px;
  border-top: none;
  border-left: none;
  border-radius:5px 0;
  left: -15px;
  position: relative;
  top: -37px;  
  text-align:center;
  
}
.l_sm {
    left: -17px;    
}

.dim_guia_l div {
  background: white none repeat scroll 0 0;
  border: 1px solid black;
  border-radius: 5px;
  color: red;
  font-size: 16px;
  left: -11px;
  padding: 2px;
  position: relative;
  top: 7px;
  width: 20px;
  z-index: 999;
}
.dim_guia_r {
  b ackground: white none repeat scroll 0 0;
  border: 1px solid black;
  float: right;
  height: 20px;
  width: 20px;
  border-top: none;
  border-right: none;
  border-radius:0 5px;
	right: -15px;
    position: relative;
    top: -37px;  
	text-align:center;
  
}
.r_sm {
    right: -17px;    
}
.dim_guia_r div {
  background: white none repeat scroll 0 0;
  border: 1px solid black;
  border-radius: 5px;
  color: red;
  font-size: 16px;
  padding: 2px;
  position: relative;
  right: -5px;
  top: 7px;
  width: 20px;
  z-index: 999;
}

.dim_alto_cr .line div,
.dim_alto_guia .line div,
.dim_alto_con_persiana .line div, 
.dim_alto_persiana .line div, 
.dim_cristal .line div,
.dim_zagl .line div,
.dim_alto_marco .line div,
.dim_alto_hoja .line div
{
  background: white none repeat scroll 0 0;
  width: 40px;
  padding: 2px;
  right: 22px;
  text-align: center;
  font-size: 16px;
  color: red;
  border: 1px solid black;
  border-radius: 5px;
  z-index: 999;
}

.dim_alto_guia {
	border:1px solid black;
	border-left:none;
	border-right:none;
  height: 100%;
  left: 34px;
  margin-top: -1px;
  position: relative;
  width: 16px;
}
.dim_alto_guia .line {
	background: black;
	position:relative;
	left:8px;
	width:1px;
	height:100%;
	margin:0;
	padding:0;
}
.dim_alto_guia .line div {
    position: relative;
    top: 60%;
}
.dim_alto_hoja_blanco {
  float: right;
  height: 100%;
  left: 62px;
  margin-top: -47px;
  padding: 15px 0;
  position: relative;
  top: -100%;
  width: 16px;
  border: 1px solid black;
  border-left: none;
  border-right: none;
}
.dim_alto_hoja_blanco .line {
	background: black;
	position:relative;
	left:8px;
	width:1px;
	height:100%;
	margin:0;
	padding:0;
}

.dim_alto_vent {
  border-bottom: 1px solid black;
  border-top: 1px solid black;
  height: 100%;
  position: relative;
  right: 20px;
  text-align: center;
  top: 0;
  width: 16px;
}
.dim_alto_vent .line {
	background: black;
	position:relative;
	left:8px;
	width:1px;
	height:100%;
	margin:0;
	padding:0;
}
.dim_alto_vent span {
  background: white none repeat scroll 0 0;
  border: 1px solid black;
  border-radius: 5px;
  color: red;
  font-size: 16px;
  padding: 5px;
  position: relative;
  top: 50%;
  right:21px;
  z-index: 999;
  vertical-align:center;
}
.dim_cristal {
  border-bottom: 1px solid black;
  border-top: 1px solid black;
  height: 100%;
  left: 50%;
  margin-left: -8px;
  padding: 0;
  position: relative;
  width: 16px;
  z-index: 9999;
}
.dim_cristal .line {
  background: black none repeat scroll 0 0;
  height: 100%;
  left: 5px;
  margin: -3px 0;
  padding: 0;
  position: relative;
  width: 1px;
}
.dim_cristal .line div {
  position: relative;
  top: 45%;
}

.tab_int_hoja_cristal {
  background: blue;#00ccff;

  height: 70%; /* para que puedan entrar vstavka 55 y zaglushka 25%*/
  left: 0;
  padding: 0;
  position: relative;
  width: 100%;
}



.dim_zagl {
  border-bottom: 1px solid black;
  border-top: 1px solid black;
  height: 100%;
  left: 50%;
  margin-left: -8px;
  padding: 0;
  position: relative;
  width: 16px;
}
.dim_zagl .line {
  background: black none repeat scroll 0 0;
  height: 103%;
  left: 5px;
  margin: -3px 0;
  padding: 0;
  position: relative;
  width: 1px;
}
.dim_zagl .line div {
  position: relative;
  top: 20%;
  z-index: 9999;
}
.dim_hoja_ancho {
	border: 1px solid black;
	border-top: none;
	border-bottom: none;
	position: relative;
  top: 24px;31px;
  height: 16px;
	margin-left: -16px;
    margin-right: -16px;  
}
.dim_hoja_ancho .line {
	background: black;
	position:relative;
	top:8px;
	width:100%;
	height:1px;
	margin:0;
	padding:0;
}
.dim_hoja_ancho .line div {
  background: white none repeat scroll 0 0;
  border: 1px solid black;
  border-radius: 5px;
  color: red;
  font-size: 16px;
  margin-left: -20px;
  padding: 2px;
  position: relative;
  top: -12px;
  width: 40px;
  z-index: 999;
  left: 50%;
}
.dim_marco_ancho {
	border: 1px solid black;
	border-top: none;
	border-bottom: none;
	position: relative;
  top: 45px;
  height: 16px;
	margin-left: 0px;
    margin-right: 0px;  
}
.dim_marco_ancho .line {
	background: black;
	position:relative;
	top:8px;
	width:100%;
	height:1px;
	margin:0;
	padding:0;
}
.dim_marco_ancho .line div {
  background: white none repeat scroll 0 0;
  border: 1px solid black;
  border-radius: 5px;
  color: red;
  font-size: 16px;
  margin-left: -20px;
  padding: 2px;
  position: relative;
  top: -12px;
  width: 40px;
  z-index: 999;
  left: 50%;
}
.dim_ancho_tot {
	border: 1px solid black;
	border-top: none;
	border-bottom: none;
	position: relative;
  top: -21px;
  height: 16px;
	margin-left: 0px;
    margin-right: 0px;  
}
.dim_ancho_tot .line {
	background: black;
	position:relative;
	top:8px;
	width:100%;
	height:1px;
	margin:0;
	padding:0;
}
.dim_ancho_tot .line div {
  background: white none repeat scroll 0 0;
  border: 1px solid black;
  border-radius: 5px;
  color: red;
  font-size: 16px;
  left: 50%;
  margin-left: -20px;
  padding: 2px;
  position: relative;
  text-align: center;
  top: -12px;
  width: 40px;
  z-index: 999;
}
.dim_cristal_ancho {
	border: 1px solid black;
	border-top: none;
	border-bottom: none;
	position: relative;
  top: 0;32px;
  height: 16px;
}
.dim_cristal_ancho .line {
	background: black;
	position:relative;
	top:8px;
	width:100%;
	height:1px;
	margin:0;
	padding:0;
}
.dim_cristal_ancho .line div {
  background: white none repeat scroll 0 0;
  border: 1px solid black;
  border-radius: 5px;
  color: red;
  font-size: 16px;
  left: 50%;
  margin-left: -20px;
  padding: 2px;
  position: relative;
  top: -12px;
  width: 40px;
  z-index: 9999;
}
.dim_cristal_ancho_interior {
	border: 1px solid black;
	border-top: none;
	border-bottom: none;
	position: relative;
  top: 32px;
  height: 16px;
}
.dim_cristal_ancho_interior .line {
	background: black;
	position:relative;
	top:8px;
	width:100%;
	height:1px;
	margin:0;
	padding:0;
}
.dim_cristal_ancho_interior .line div {
  background: white none repeat scroll 0 0;
  border: 1px solid black;
  border-radius: 5px;
  color: red;
  font-size: 16px;
  left: 50%;
  margin-left: -20px;
  padding: 2px;
  position: relative;
  top: -12px;
  width: 40px;
  z-index: 999;
}
.alto_tab {
	height:100%;
}
.dim_alto_hoja_verj {
  	background: red;

  border-bottom: 1px solid black;
  border-top: 1px solid black;
  height: 100%;
  position: relative;
  right: 33px;
  text-align: center;
  top: 0;
  width: 16px;
  display:none;
}
.dim_alto_hoja_verj .line {
	background: black;
	position:relative;
	left:8px;
	width:1px;
	height:100%;
	margin:0;
	padding:0;
}
.dim_alto_hoja_verj span {
  background: white none repeat scroll 0 0;
  border: 1px solid black;
  border-radius: 5px;
  color: red;
  font-size: 16px;
  padding: 5px;
  position: relative;
  right: 18px;
  top: 25%;
  z-index: 999;
}
.dim_guia_l div,
.dim_guia_r div,
.line div {
	cursor:pointer;
}
.dim_guia_l div:hover,
.dim_guia_r div:hover,
.line div:hover {
	transition:1s;
  background: yellow;
}
/******** Dimensiones de ventana ***********/
#tab_razmetka {
	b ackground:#eee;
	padding:0;
	margin:0;
	b order:1px solid red;#eee; navy;
	width:100%;
	height:100%;
	b order-radius:10px;
}
#tab_razmetka  td {
	o utline:1px solid red;
}
.td_col1 {
 width:34px;
 b ackground:#eef;
 d isplay:none;
}
.td_col2 {
 width:68px;
 b ackground:#efe;
}
.td_nad_persianoyu {
	height:40px;
}
.td_col3_persiana {
	h eight:40px;
}
.td_col3_alto_tab_gor {
	height:98px;
}
.td_col4 {
 width:68px;
 b ackground:#eee;
}
.td_col5a {
}
.td_col5b {
 height:100%;
 width:34px;
 b ackground:#fee;
}
.td_col6 {
 width:9px;
 b ackground:#eee;
}

/************ VENTANA TABLE ****************************************************************/
.display_no {
	display:none;
}
.display_yes {
	display:table-cell;
}
.onFocus {
	border:3px solid red;
}
.onBlur {
	border:3px solid black;

}
/******************************************/
.sel_hojas {
	background:#eee;
	padding:10px;
	border-radius:5px;
	border:1px solid navy;
	text-decoration:none;
	color:red;
	margin-bottom:20px;
}
.sm {
	width:55px;
}
.sm0 {
	width:120px;
}
.sm1 {
	width:140px;
}
.sm2 {
	width:152px;
}
.sm3 {
	width:315px;
}
.strelka1, .strelka2, .strelka3 {
  height: 50px!important;
  position: relative;
  top: -50%!important;
  width: 63px!important;
  margin-top: -25px!important;
}

.strelka1_sm, .strelka2_sm, .strelka3_sm {
  height: 25px !important;
  margin-top: -5px !important;
  position: relative;
  top: -50% !important;
  width: 34px !important;
}


.line div,
.dim_guia_l div,
.dim_guia_r div {
	font-weight:bolder;
}
.val_ocult, .val_ocult_c {
	color:red;
	margin-top:-13px;
	font-size:10px;
}
.cuad_inf {
  background: #ffe0a4 none repeat scroll 0 0;
  border: 1px solid grey;
  border-radius: 3px;
  margin: 5px 0;
  padding: 5px;
}
.cuad_inf hr {
	margin:0;
}
.mostrar_dim {
  background: orange none repeat scroll 0 0 !important;
  border: 1px solid salmon;
  border-radius: 5px;
  margin: 0 15px;
  overflow: hidden;
  padding: 0;
  text-align: center;
}
.mostrar_dim h3 {
  margin: 15px 0px -15px;
}
.mostrar_dim p {
  color: navy;
  font-size: 18px;
}
.div_l {
  float: left;
  width: 50%;
  b ackground: red;
}
.div_r {
  float: right;
  b ackground: blue;
  width: 50%;
}
#sel_fondo {
  height: 34px;
}
.p_color {
    padding: 0 15px;
}
.bot_color {
    width:152px;
    margin:5px 15px 0;
    height:40px;   
}
.el_color span {
    color:blue;
    font-weight: bolder;
}
.el_color {
  margin: 0 15px;
  font-family: verdana;
}
.el_fondo {
    margin:-10px 15px 0;
}
.el_fondo span {
    color:blue;
    font-weight: bolder;
}
.el_fondo div {
    height: 32px;
    width: 152px;
    border: 1px solid #F6F6F6;
}
.wrapp_hoja1, .wrapp_hoja2, .wrapp_hoja3, .wrapp_hoja4 {
  background: #ddddff none repeat scroll 0 0;
  border: 1px solid navy;
  border-radius: 5px;
  margin: 0 5px;
}
.peq_img1,
.peq_img2,
.peq_img3,
.peq_img4 {
  float: right;
  height: 50px;
  position: relative;
  right: 10px;
  top: -60px;
  width: 15px;
}
/********************************************************************************************
                    tab_jav
********************************************************************************************/
.tab_img_wrapper {
    width:388px;
    b ackground: #f6f6f6;
    o utline: 1px solid red;
    ma rgin-left: -12px;
}

.r_sm {
    background-size:5px 22px !important;
}
.fijo1sm, .fijo2sm, .fijo3sm, .fijo4sm {
    color: blue;
    font-size: 20px;
    position: relative;
    top: 41%;
}
.an_sm {
  bottom: 1px;
}

.wrapp_sel_vent {
  b ackground: #eeeeee none repeat scroll 0 0;
  b order-radius: 5px;
  b ox-shadow: 0 0 2px 0 black;
  color: black;
  font-family: Verdana;
  font-size: 15px;
  m argin: 15px;
  p adding: 5px;
  width:100%;182px;
}
.p_textura {
    margin-top: 5px;
    
}
.b_otst {
    margin-left: 20px;
}
.sel_file {
  color: blue;
  font-size: 14px;
  font-weight: bolder;
  left: -6px;
  position: relative;
  top: -39px;
  cursor: pointer;
}
.p_file {
    position:relative;
    top: -41px;
    left: -9px;
  font-size: 14px;
  font-weight: bolder;   
}
.p_file span {
  color: blue!important;
  font-weight: bolder!important;    
}
.fff { /* картинка в фактуре */
  height: 100%;
  margin: 0 auto;
  text-align: center;
  width: 78%;
}
.imagen_en_bd {
  border: 2px solid red;
  margin-bottom: 15px;
  margin-top: -39px;
}
.vent_actual {
  left: -11px;
  position: relative;
  top: -22px;
}
/************ table calcular ********************************************************************************/
#tab_calc {
	border:1px solid navy;
	border-bottom:0px solid navy;
	background:white;
	width:776px;
	margin: auto 15px -8px;
	padding:5px;
	b order-radius:5px;
}

#tab_calc th {
  background: #b4bdff none repeat scroll 0 0;
  border: 1px solid navy;
  border-radius: 3px;
  position: relative;
  z-index: 9999;
}
#tab_calc p {
  color: black;
  font-size: 14px;
  font-weight: bolder;

}
.nazv1_calc {
  height: 20px;
  padding: 2px 5px;
  text-align: left;
  width: 30px;
  font-size: 14px;
  font-weight: bolder;
  color: black;
  font-family: verdana;
}

.nazv2_calc {
  padding: 2px 5px;
  text-align: left;
  w idth: 50px;
}
.descr {
    padding: 0;
}
.nazv3_calc {
  padding: 2px 5px;
  text-align: right;
  width: 50px;
}
.nazv4_calc {
  padding: 2px 5px;
  text-align: right;
  width: 70px;
}
.nazv5_calc {
  padding: 2px 5px;
  text-align: right;
  width: 80px;
}

.st_concepto {
    width: 100%;
}
.st_cantidad {
    width: 100%;
}
.st_precio {
    width: 100%;
}
.st_importe {
    width: 100%;
}

.vvod_mensaje_calc {
  border: 1px solid #00a9ff;
  border-radius: 5px;
  box-shadow: 0 0 2px 0 #00a9ff;
  color: blue;
  font-family: Verdana;
  font-size: 14px;
  margin: 3px 0;
  padding: 1px 2px;
  width: 454px;
}
.nazv2_calc p {
    padding:2px;
    margin: 0;
}
#tab_calc p strong {
  color: grey;
  font-weight: normal;    
}
.st_alto_ancho {
  border: 1px solid #00a9ff;
  border-radius: 5px;
  box-shadow: 0 0 2px 0 #00a9ff;
  color: red;
  font-size: 14px;
  margin-top: 3px;
  padding: 2px;
  text-align: right;
  width: 40px;
  font-weight: bolder;
}
.st_cantidad {
  border: 1px solid #00a9ff;
  border-radius: 5px;
  box-shadow: 0 0 2px 0 #00a9ff;
  color: red;
  font-size: 14px;
  margin-top: 3px;
  padding: 2px;
  text-align: right;
  width: 56px;
  font-weight: bolder;
}

.st_precio {
  border: 1px solid #00a9ff;
  border-radius: 5px;
  box-shadow: 0 0 2px 0 #00a9ff;
  color: blue;
  font-size: 14px;
  margin-top: 3px;
  padding: 2px;
  text-align: right;
  width: 60px;
  font-weight: bolder;
}
.st_importe {
  border: 1px solid #00a9ff;
  border-radius: 5px;
  box-shadow: 0 0 2px 0 #00a9ff;
  color: black;
  font-size: 14px;
  margin-top: 3px;
  padding: 2px;
  text-align: right;
  width: 76px;
  font-weight: bolder;
}
.razd_line {
  background: navy none repeat scroll 0 0;
  height: 1px;
  margin: 0 -7px;
  position: relative;
  z-index: 9999;
} 
.p_pos {
  float: right;
  margin: 0 8px;
  position: relative;
  top: -33px;
}   
.st_pos {
  background: none;
  border: medium none;
  border-radius: 5px;
  color: red;
  font-size: 14px;
  font-weight: bolder;
  margin-top: 3px;
  padding: 1px 5px;
  text-align: left;
  width: 20px;
  margin-left: -5px;
}
.st_vent {
  color: grey;
  font-size: 8px;
  font-weight: normal;
  left: 0;
  margin-top: 3px;
  padding: 2px;
  position: relative;
  text-align: center;
  top: 0px;
}

#tab_calc p {
	font-size:14px;
	color:black;
	font-weight:bolder;
	margin:2px 0px;
}
#tab_calc p span{
	font-size:14px;
	color:blue;
	font-weight:bolder;
	margin:2px 0px;
}
.div_ve {
  color: blue;
  font-family: Verdana;
  font-size: 14px;
  font-weight: bolder;
  margin-left: 77px;
  margin-top: -24px;
  max-width: 353px;
  o utline: 1px solid red;
}

#tab_calc p.medidas span {
  color: red;
  font-weight: bolder;
}
#tab_calc .nocolor {
  background: white none repeat scroll 0 0;
  border: 1px solid white;
  position: relative;
  z-index: 0;
}
#tab_calc .n1 {
  background: #d4dcff none repeat scroll 0 0;
  border-radius: 3px;
}
.wrapp_descripcion, .wrapp_pos {
  left: 0;
  margin-bottom: -29px;
  position: relative;
  top: -29px;
}
.wrapp_descripcion p {
    width:420px;
}

.descripcion_block {
  background: #f5f5f5 none repeat scroll 0 0;
  border: 1px solid blue;
  border-radius: 5px;
  color: blue;
  font-family: verdana;
  font-size:14px;
  margin: 0 0px 10px 2px; /*-150px*/
  padding: 5px;
}
.wrapp_imagen {
  left: -28px; /*-34px;*/
  position: relative;
  top: 0;
  width: 370px;
}
.wrapp_opis {
  left: -110px;
  margin-bottom: 1px;
  position: relative;
  top: 5px;
}
.wrapp_opis p {
  margin-right: -110px !important;
}
.bot_del_img {
  float: right;
  height: 23px;
  position: relative;
  top: -24px;
  width: 28px;
  font-weight: bolder;
  cursor:pointer;
}
.p_obzor {
    margin: 2px 0 !important;
}
.variant2 {
  border-radius: 3px;
  left: -14px;
  padding: 3px;
  top: -39px;
  width: 100%;
}
/************ fin de table calcular ********************************************************************************/


.rozryv_str {
  background: white none repeat scroll 0 0;
  border-bottom: 1px solid red;
  border-top: 1px solid green;
  float: ;
  height: 1163px;
  width: 2px;
}
.vvod_otstupa {
  border: 1px solid #00a9ff;
  border-radius: 5px;
  box-shadow: 0 0 2px 0 #00a9ff;
  color: black;
  font-size: 14px;
  font-weight: bolder;
  opacity: 0;
  padding: 2px;
  text-align: right;
  width: 100%;
}
.vvod_otstupa_rap {
  border: 1px solid #00a9ff;
  border-radius: 5px;
  box-shadow: 0 0 2px 0 #00a9ff;
  color: black;
  font-size: 14px;
  font-weight: bolder;
  opacity: 0;
  padding: 2px;
  text-align: right;
  
  float: right;
  position: relative;
  right: 0px;
  top: 7px;
  width: 243px; 
}

.vvod_otstupa:hover, .vvod_otstupa_rap:hover {
      opacity:1;    
}

.div_otst {
    background:white; 
    width:376px;    
}
.opac2 {
    opacity:0;
}

.label_sexo,
.label_status
{
  border: 1px solid grey;
  margin-left: 0!important;
}
.label_status_ok
{
  border: 1px solid #015001;
  margin-left: 0!important;
}
.label_status_verificar
{
  border: 1px solid #e18907;
  margin-left: 0!important;
}
.label_sexo:hover,
.label_status:hover
{
  color:#8a2be2;
}
.label_status_ok:hover
{
  color: green;
}
.label_status_verificar:hover
{
  color: brown;
}
.label_sexo_act,
.label_status_act
 {
  background: #8a2be2 none repeat scroll 0 0;
  border: 1px solid #8a2be2;
  color: white!important;
  margin-left: 0!important;
}
.label_status_ok_act
 {
  background: #029c02 none repeat scroll 0 0;
  border: 1px solid #015001;
  color: white!important;
  margin-left: 0!important;
}
.label_status_verificar_act
 {
  background: yellow none repeat scroll 0 0;
  border: 1px solid #e18907;
  color: brown!important;
  margin-left: 0!important;
}
.label_sexo, .label_sexo_act,
.label_status, .label_status_act, 
.label_status_ok, .label_status_ok_act, 
.label_status_verificar, .label_status_verificar_act 
{
    border-radius: 5px;
    display: inline-block;
    min-width: 180px; /*antes 120px*/
    /*max-width: 100px;*/
    font-family: verdana;
    font-size: 14px;
    cursor:pointer;
    padding: 5px 6px; 
    margin: 15px 15px 0; 
    //transition: 0.5s;
   overflow: auto; 
   min-height: 40px;   
}
.sexo{ /* input radio*/
  position:relative;
  top:1px;
}
.tipradio, .tipradio_sp{ /* input radio*/
  position:relative;
  top:1px;
}
.label_tipradio,.label_tipradio_sp{
  border: 1px solid grey;
  margin-left: 0!important;
}
.label_tipradio:hover,.label_tipradio_sp:hover{
  color:#8a2be2;
}
.label_tipradio_act, .label_tipradio_sp_act {
  background: #8a2be2 none repeat scroll 0 0;
  border: 1px solid #8a2be2;
  color: white!important;
  margin-left: 0!important;
}
.label_tipradio, .label_tipradio_act, .label_tipradio_sp, .label_tipradio_sp_act {
    /*border-radius: 5px;*/
    display: inline-block;
    min-width: 120px; /*antes 100px*/
    /*max-width: 100px;*/
    font-family: verdana;
    font-size: 14px;
    cursor:pointer;
    padding: 5px 6px; 
    margin: 15px 15px 0; 
    //transition: 0.5s;
}

.d_norm {
  float: left;
  font-family: verdana;
  margin: 5px 15px;
  o utline: 1px solid red;
}
.d_norm_sm {
  float: left;
  font-family: verdana;
  margin: 5px;
}
.kvadratik {
  border: 1px solid black;
  float: left;
  height: 18px;
  margin-right: 6px;
  width: 18px;
}
.kv1{
  background: red;
}
.kv2{
  background: orange;
}
.kv3{
  background: #27A3E5;
}
.kv4 {
    background: #9c27b0;
}
.kv5 {
    background: #334c6b;
}
.cat {
    background: #27A3E5;
    border: 1px solid #626262;
    border-radius: 3px;
    padding: 5px;
    margin: 0 15px;
    text-align: center;
    color: navy;
    font-size: 20px;
    font-family: verdana;
}
.div_tr {
  background: #27A3E5 none repeat scroll 0 0;
  border: 1px solid #626262;
  border-radius: 5px;
  margin: 15px 0;
  overflow: hidden;
  padding: 3px;
  text-align: center;
  font-weight: bold;
  font-family: tahoma;
  transition: 0.5s;
} 
.podcat_prij{
  background: red;
  color:white;
}
.podcat_prij:hover{
  color:black;
}
.wrapp_fond, .wrapp_fond_vr {
    background: #e6f9f9;
    p adding: 0px 0 10px;
    b order-radius: 5px;
    border: 1px solid #a6e7f7;
    margin: 2px 15px;
    overflow:hidden;
    transition: 1s;
}
.wrapp_fond:hover {
  b ackground: #ebf3ab!important;
}
.wrapp_h3 {
    /*float: left;*/
}
.edit_fond {
    float: right;
    /* outline: 1px solid red; */
    margin-top: 6px;
    margin-right: 4px;
}
.tr_kas{
  margin: 0 0 -1px; /*2px 0;*/  
}
.div_tr a {
  color:navy;
}
.div_tr:hover {
  background: orange;
  box-shadow: 0 0 4px 2px blue;
}
.div_tr h6 {
  color:grey;
  font-size: 10px;
  font-weight: normal;
}
.d_saldo1 b {
  color:red;
}
.d_saldo2 b {
  color:blue;
}
.d_saldo3 b {
  color:red;
}
.d_saldo p b {
  color:blue;
}
.div_td4_kas b {
  color:blue;
}
.div_td {
  border: 1px solid #a6e7f7;/* antes #626262*/
  background:#e6f9f9; /* antes #dedddd;*/
  border-radius: 3px;
  float: left;
  margin: 2px;
  padding: 1px 5px;
}
.div_td1 {
  m in-width:60px;   
}
.div_id_fond {
  min-width:41px;   
  max-width:41px;   
}
.div_td2 {
  min-width: 90px;   
}
.div_td2_kas {
    min-width: 85px;
    max-width: 85px;
    font-size: 14px;
}
.div_td3 {
  w idth: 35%;
  min-width:312px; /* antes 265px;*/   
  max-width: 312px;
    transition: 0.5s;
    background: #ACC7FF;
}
.div_td3_kas {
  w idth: 21%;
  min-width:160px;   
  max-width:160px;   
    transition: 0.5s;
    b ackground: #dde8fd;
    font-size: 14px;
}
.div_td3_per {
    min-width: 213px;
    max-width: 213px;
    transition: 0.5s;
}
.td_fond {
 min-width:381px;
}
.td_fond_prots {
 min-width:574px; /*659px;*/
}
.td_nomer_f {
 width:30px;
}
.div_td3:hover{
  background: blue!important;
  border:1px solid navy;
  color:white;
}
.div_td3:hover h6 {
  color:white;
}
.td_kniga {
  b ackground: #e8e8b4 none repeat scroll 0 0;
  c olor: brown;
}

.div_td4 {
  min-width:90px;   
}
.div_td4_kas {
  min-width:90px;   
  max-width:90px;   
  background: white;
  font-size: 14px;/*antes 13px*/
}
.div_td5_kas {
    min-width: 80px;
    max-width: 80px;
}
.saldo {
  background: #ccc;
}
.td_title, .kas_selected{
  cursor:pointer;
  transition: 1s;
}
.td_title:hover{
  background: yellow;
}
.td_title span{
  color: blue;
  font-size: 12px;
}
.dop_opis_act p, .dop_opis p {
    font-size: 12px;
    color: #615b5b;
    margin: 5px 10px 10px;
    border-top: 1px dotted grey;
    border-bottom:1px dotted grey; /*antes*/
    font-weight: normal;
}
.dop_opis_act div, .dop_opis div{
  margin:10px 0;
}
.dop_opis_perebr {
    background: white;
    border: 1px solid grey;
    margin: 4px 2px 3px;/*antes 4px 3px 4px*/
    border-radius: 5px;
}
.dop_opis_perebr p {
    margin: 5px;
    border-top:1px dotted grey;
    border-bottom:1px dotted grey;
}

.p_fond {
  border-top: none!important;
  border-bottom: none!important;
   color:blue!important;
}
.procenty {
  background: #e6f9f9;/*#dedddd*/
  min-width:60px; 
  max-width: 60px;
  font-size: 13px;
}

.div_red {
  background: red;
}
.procenty_min {
  min-width:70px; 
}
.zn_new {
  background: yellow;
  color:red;
  transition: 3s;
}

.a.edit_kas, a.edit_kas {
    font-size: 10px;
    font-weight:normal;
    float:left;
}
a.del_kas, a.del_kas{
    font-size: 10px;
    font-weight:normal;
    float: right;
}
.edit_icons {
    /*min-width: 80px;*/
    /*max-width: 80px;*/
    text-align: center;
}
.img_edit {
  width: 20px;
  h eight:20px;
  float: left;
  margin: 10px 10px;
}
.img_del {
  width: 20px;
  h eight:20px;
  float: right;
  margin: 10px 10px;
}
.img_razv, 
.img_razv_vr {
    width: 20px;
    float: left;
    margin: 10px 15px 10px;
    transition: 0.5s;
}
.img_razv:hover, 
.img_razv_vr:hover{
  cursor:pointer;
}
.div_td5 {
    min-width: 50px;   
    color:brown;
}
.dni_chteniya {
    min-width: 54px;
    max-width: 54px;
}
.div_td6 {
  min-width: 90px;   
}
.daty{
  min-width: 113px;   
}
.nuzno_vernut{
  min-width: 183px;   
}
.btn_ok {
  background: rgba(0, 0, 0, 0) url("../images/galochka_ok.png") no-repeat scroll 5px 2px / 30px 30px;
  border-radius: 5px;
  color: darkgreen;
  font-weight: bold;
  height: 21px;
  /* left: 235px; */
  padding: 7px 4px 5px;
  position: relative;
  text-align: center;
  top: -53px;
  width: 30px;
}
.btn_error {
  background: rgba(0, 0, 0, 0) url("../images/error.png") no-repeat scroll 5px 2px / 30px 30px;
  border-radius: 5px;
  font-weight: bold;
  height: 21px;
  /* left: 235px; */
  padding: 7px 4px 5px;
  position: relative;
  text-align: center;
  top: -48px;/*-55px;*/
  width: 30px;
}

.btn_ok_vacio {
    background: #acc7ff;
    border-radius: 5px;
    font-weight: bold;
    /* left: 235px; */
    padding: 7px 4px 5px;
    position: relative;
    text-align: center;
    top: -48px;
    width: 30px;
    border: 1px solid navy;
    box-shadow: 0 0 2px 0 #00a9ff;
    height: 19px;
    color: black;
    font: bold 14px Verdana;
    cursor: pointer;
}
.btn_ok_vacio:hover {
  background:#BFDAFF;
  color:navy;
}


.btn_ok_vacio,
.btn_ok,
.btn_error{
  float: right;
  right: 15px;
} 

/* antes
.div_login {
    width: 300px;
    padding: 10px;
    margin: 0 auto;
    background: white;
}
*/
.div_login {
    /* width: 320px; */
    max-width: 450px;
    margin: 0 auto;
    background: white;
}
.cuerpo_login{
  padding: 10px;
}
/* antes
.div_logotip {
    background: navy;
    margin: -10px -10px 25px;
    padding: 10px 3px;
    overflow: hidden;
}
*/
.div_logotip {
    background: navy;
    margin: 0px 0px 6px;
    padding: 10px 25px 10px;
    overflow: hidden;
}
.p_citata {
  font-family: Comic Sans MS;
  font-size: 18px;
  text-align: center;
  color: #36AAE7;
}
.p_citata_mesto {
  font-family: Comic Sans MS;
  color: grey;
  font-size: 14px;
  margin-top: -15px;
  text-align: center;
}

.wrapp_den {
    border: 1px solid blue;
    box-shadow: 0 0 2px 0 blue;
    
    margin: 10px 15px;
    border-radius: 5px;
}
.wrapp_den a:hover {
  text-decoration: underline;
}
.p_den span {
  color:red;
  font-weight: bolder;
}
.td_dni {
    border: 1px solid #626262;
    background: #e6f9f9;
    border-radius: 3px;
    float: left;
    margin: 2px;
    /* padding: 1px 5px; */
    text-align: left;
    overflow: hidden;
}
.yach1 {
    b order: 1px solid red;
    b ackground: lightblue;
    min-width: 150px;
    max-width: 320px;
}
.yach2 {
    min-width: 272px;
    max-width: 272px;
}
.yach3 {
    /* background: #ccc; */
    min-width: 181px;
    max-width: 181px;
    min-height: 50px;
}
.yach3 p {
 color:red;
 font-weight:bolder;
}
.fecha_d2 {
    position: relative;
    top: -3px;
    left: 15px;
    width: 25px;
    margin-right: 15px;
    float: left;
}
.img_sexo2_sm {
    position: relative;
    top: 8px;
    left: 13px;
    width: 30px;
    float: left;
}
.tel_d {
    margin: -7px 0px -7px 20px;
    width: 25px;
}
.tel_d2 {
    position: relative;
    top: 12px;
    left: 15px;
    width: 25px;
    float: left;
}
.img_edit2 {
    width: 20px;
    float: left;
    margin: 14px 10px;
}
.img_del2 {
    width: 20px;
    float: right;
    margin: 14px 10px;
}
#fut, #pas {
  position: relative;
  top: -40px;
}
#to_kas {
  position: relative;
  top: -40px;
}
#to_fondy {
  position: relative;
  top: -60px;
}
.to_zap_kas {
  position: relative;
  top: -50px;
}
.vozrast {
    background: yellow;
    box-shadow: 0 0 2px 0 red;
    color: red;
    border: 1px solid red;
    border-radius: 5px;
    text-align: center;
    font-weight: bolder;
    padding: 2px 5px;
    margin-left:10px;
}
.vozrast2 {
    background: yellow;
    /* box-shadow: 0 0 2px 0 red; */
    color: red;
    border: 1px solid red;
    border-radius: 5px;
    text-align: center;
    font-weight: bolder;
    padding: 2px 5px;
    margin-left: 10px;
    float: right;
    margin-top: 5px;
    margin-right: 6px;
    width: 30px;
}
.vozrast_imen {
    background: white;
    color: red;
    border: 1px solid #a6e7f7;
    border-radius: 5px;
    text-align: center;
    font-weight: bolder;
    padding: 2px 5px;
    margin-left: 10px;
    float: right;
    /*min-height: 21px;*/
    /*margin-top: -12px !important;*/
    margin-right: 13px;
    margin-left: 5px!important;
    min-width: 90px;
}
.bg_fut {
    background: white;
}
.bg_pas {
    background: #f5f0e8;
}
.dobavit {
    border: 1px solid #626262;
    padding: 0px 10px;
    border-radius: 2px;
    background: #acc7ff;
    color: #333;
    font-weight: bolder;
    font-size:17px;
}
.dobavit:hover {
  background: #BFDAFF;
  color:navy;
}
.sel_cat_prij {
  background:#27A3E5;
  padding-left:10px!important;
  color:yellow; 
}
.sel_cat_prij_gr {
  background:#80cef7;
  padding-left:10px!important;
  color:navy!important; 
}
.sel_cat_rasj {
  background:red;
  padding-left:10px!important;
  color:yellow; 
}
.sel_cat_fondy {
  background:grey;
  padding-left:10px!important;
  color:yellow; 
}
.sel_cat_perebr {
  background:orange;
  padding-left:10px!important;
  color:navy!important; 
}
.sel_cat_invest {
  background:brown;
  padding-left:10px!important;
  color:yellow; 
}
.sel_cat_jran {
  background:#76a8ed;
  padding-left:10px!important;
  color:navy; 
}
.sel_cat_empresa {
  background:green;
  padding-left:10px!important;
  color:yellow; 
}
.sel_cat_persona {
  background:blue;
  padding-left:10px!important;
  color:yellow; 
}

.sel_cat {
  background:#ddd;
  padding-left:10px!important;
  color:navy; 
}
.sel_cat_prij_gr {
  background:#80cef7;
  padding-left:10px!important;
  color:navy!important; 
}

.sel_option {
  padding-left:82px!important;
}
.d_cat{
    border-radius: 3px;
    padding: 5px;
    margin: 0 15px;
    text-align: center;
    font-size: 20px;
    font-family: verdana;
}
.prij {
    background: #27A3E5;
    border: 1px solid navy;
    color: navy;
}
.perebr {
    background: orange;
    border: 1px solid brown;
    color: brown;
}

.rasj {
    background: red;
    border: 1px solid brown;
    color: yellow;
}
.p_podcat{
    border: none!important;
    color: grey;
    font-size: 15px;
    font-family: tahoma;
    text-align:right;
    margin:0 10px!important;
}
.p_otst {
    margin-top: 10px!important;
}
.h_marg {
 margin-top:10px;
 margin-bottom: 10px;
}
.d_nazv {
    color: blue;
    font-size:13px;
}
.p_mes {
    margin: 20px 0 -8px;
    background: navy;
    padding: 3px 6px 8px;
    border-radius: 5px 5px 0 0;
    /* width: 320px; */
    border: 1px solid grey;
    color: white;
}
.p_mes span{
color: yellow;
font-weight: bolder;
}
.p_mes b{
color: #15b9f5;
}

.p_para_perebros {
    margin: 20px 0 -6px;
    background: #be7c03;
    padding: 3px 6px 8px;
    border-radius: 5px 5px 0 0;
    /* width: 161px; */
    border: 1px solid grey;
    color: yellow;
}
.p_para_perebros span{
color: yellow;
font-weight: bolder;
}
.p_para_perebros b{
color: white;
}

.wrapp_vkazne{
 float:right;
}
.p_vkazne {
 f ont-size: 14px;
 c olor:navy;
 text-align:right;
}
.shapka_fondy {
    background: navy;
    height: 40px;
    margin: 10px 15px 0;
    border-radius: 5px 5px 0 0;
}
.logotype_sm {
    height: 30px;
    margin-right: 10px;
    margin-left: 10px;
    vertical-align: middle;
    transition: 0.5s;
    margin-top: 5px;
    float:left;
}
.footer_fondy {
    background: navy;
    color: white;
    h eight: 20px;
    margin: 0 15px;
    border-radius: 0 0 5px 5px;
    padding: 1px 7px;
    text-align: center;
}
.footer_fondy p {
    margin: 1px 7px;
    font-size: 11px;
}

.pagebreak_print {
    margin: 25px 15px;
    background: navy;
    color: white;
    border-radius: 5px 5px 0 0;
    padding: 1px 0px;
    height: 25px;
}

.pagebreak_print_pv {
    margin: 25px 0px 47px;
    background: navy;
    color: white;
    border-radius: 5px 5px 0 0;
    padding: 1px 0px;
    height: 25px;
}
.print_area {
    margin: 4px -15px 0px;
    background: #8989d6;
    height: 1065px;
    z-index: 1;
    opacity: 0.5;
    position: relative;
    /* top: 0px; */
    /* margin-bottom: -963px; */
    display:none;
}


.pagebreak_print b {
    color: yellow;
}
.p_pagebreak {
    margin: -8px 7px 1px;/*antes era - margin: 1px 7px;*/
    font-size: 11px;
}
.p_pagebreak_pv {
    margin: -19px 7px 1px;
    font-size: 11px;
}
.p_ostatki{
    margin: 5px 15px;
    text-align: right;
}
.td_fond_sm {
    min-width: 277px; 
    max-width: 277px; 
    transition: 1s;
}
.div_td_sm {
    min-width: 171px; /* antes 146px*/
    max-width: 171px; /* antes 146px*/
    font-size: 13px;
    cursor:default;
}
.div_td_sm2 {
    min-width: 252px; 
    max-width: 252px; 
    f ont-size: 13px;
    cursor:default;
}
.wrapp_skr_perebr{
  margin: 0 15px;
}
.p_skr_perebr {
    font-size: 12px;
    float: right;
    margin: 0;
    text-align: right;
}
/* antes
.p_skr_perebr {
    text-align: left;
    f loat: left;
    margin-bottom: -5px;
    display: block;
    font-size: 12px;
}
*/
.p_skr_perebr_f {
    float: right;
    display: block;
    font-size: 12px;
    margin: 15px 0 0;
    text-align: right;
}
/* antes
.p_skr_perebr_f {
    text-align: left;
    float: left;
    margin-bottom: -5px;
    display: block;
    font-size: 12px;
    margin-right: -10px;
}
*/
.p_skr_nom_stroki {
    text-align: right;
    float: right;
    margin-top: -5px;
    font-size: 12px;
}
.p_prots_ch {
    text-align: left;
    float: left;
    margin: 0px 15px 5px;
    font-size: 12px;
}
.p_skr_nom_stroki b, .p_skr_perebr b, .p_skr_perebr_f b, .p_prots_ch b {
 color:navy;
}

.td_nakl {
 min-width: 40px;
}
/*.nomer_stroki {
    position: relative;
    left: -8px;
    top: 22px;
    float: left;
    color: grey;
}*/

/* old
.nomer_stroki {
    position: relative;
    left: -5px;
    top: 23px;
    margin-bottom: -20px;
    color: grey;
    font-size: 8px;
    font-family: verdana;
}
*/
.nomer_stroki {
    position: relative;
    left: 0px;
    top: 0px;
    margin-bottom: -20px;
    color: #fd05e2;
    font-size: 10px;
    font-family: verdana;
    text-align: left;
}
.n_perebr {
 float:left;
 o utline: 1px solid red;
 min-width:40px;
}
.n_perebr span {
 color:grey;
 font-size: 10px;
}
.prim_ostatok {
    margin: 0;
    color: grey;
    font-size: 12px;
    font-weight: normal;
}
.wrapp_dobavit {
    border: 1px solid navy;
    background: #27A3E5;
    border-radius: 3px;
    /* float: left; */
    margin: 0 15px;
    padding: 1px 2px;
    /*max-width: 314px;*/
}
.dob_rasj {
    background: red;
    border: 1px solid brown;
}
.img_dobavit {
    width: 28px;
    padding: 1px 0px 0px 5px;
}
.img_vybrat {
    width: 26px;
    padding: 2px 3px 0 0;
}
.p_odin_fond {
f ont-size: 12px;
}
.p_odin_fond_sm {
 font-size: 12px;
 margin: 0 15px; 
}
.p_odin_fond b, .p_odin_fond_sm b{
    color: navy;
}
.img_sunduk {
    width: 280px;
    margin: 15px;
    transition: 1s;
}


.wrapp_lang:hover .img_sunduk,
.wrapp_prijod:hover .img_sunduk,
.wrapp_rasjod:hover .img_sunduk
 {
    transform: scale(1.15);
    z-index: 1;
    position: relative;  
} 
.wrapp_lang:hover .b_prijod
.wrapp_prijod:hover .b_prijod
{
    background: blue; 
} 
.wrapp_rasjod:hover .b_rasjod{
    background: blue; 
} 

.color_prijod:hover {
    box-shadow: 0 0 15px 2px blue;
    border-radius: 5px;
}
.color_rasjod:hover {
    box-shadow: 0 0 15px 2px red;
    border-radius: 5px;
}
.sund_f {
    float: left;
}
.sund_r {
    float: right;
}
.strelka_prijod {
    /* width: 100px; */
    position: relative;
    top: -128px;
    left: 128px;
}
.strelka_rasjod {
    /* width: 100px; */
    position: relative;
    top: 20px;
    left: 285px;
}
.wrapp_lang {
    float: left;
    width: 33.33%;
    o utline: 1px solid navy;
    text-align: center;
    transition: 1s;
}
.wrapp_prijod {
    float: left;
    width: 50%;
    o utline: 1px solid navy;
    text-align: center;
    transition: 1s;
}
.wrapp_rasjod {
    float: right;
    width: 50%;
    o utline: 1px solid red;
    text-align: center;
    transition: 1s;
}
.b_prijod, .b_rasjod {
 width:100%!important;
 position:relative;
 z-index:2;
 transition: 1s;
}
.d_podcat {
    float: left;
    max-width: 480px;
    /*outline: 1px solid black;*/
}
.d_nom_cuenta {
    float: left;
    /* outline: 1px solid black; */
    margin: 4px 0px 0 4px;
    width: 33px;
    text-align: left;
}
.wrapp_nazv_cuenta {
    /* outline: 1px solid orange; */
    /* background: green; */
    text-align: left;
    overflow: hidden;
    margin-left: 40px;
}
.p_cuenta {
    font-size: 14px;
    margin: 5px 5px 0px;
    c olor: white;
}
.p_cuenta2 {
    font-size: 12px;
    margin: 0 5px;
    color: yellow;
}
.p_cuenta3 {
    font-size: 12px;
    margin: 0 5px;
    color: #333;
    background: #ddd;
    padding: 2px 10px;
    font-weight: normal;
    border: 1px solid #505050;
    line-height: 16px;
    display: inline-block;
}
.p_avis_conc {
    font-size: 12px;
    margin: 0 2px;
    color: #333;
    background: #ddd;
    padding: 2px 10px;
    font-weight: normal;
    border: 1px solid #505050;
    line-height: 16px;
    /* display: inline-block; */
}
.d_podcat_edit {
 float:right!important;
}
.vybor_dney {
    o utline: 1px solid blue;
    width: 250px;/*135px;*/
    margin: 5px 15px;
    font-family: tahoma;
}
.d_text {
 float:left;
 margin-top: 7px;
}
.d_znach {
    float: right;
    margin-top: -4px;
}
.znach {
    width: 180px/*80px*/;
    border-radius: 5px;
    padding: 5px;
    text-align: right!important;
    font-size: 18px;
}
.vybor_dney .znach {
    text-align: right!important;
 }
 .vybor_dney .znach_l {
    text-align: left!important;
 }
.wrapp_img_index {
    margin: 30px 15px 40px;
    /* padding: 10px; */
    text-align: center;
}
.img_index {
    width: 100%;
    max-width: 768px;
}
.outer_error .img_error404{
  /*padding:15px;*/
} 
.img_error404{
 width:100%;
 /*border:1px solid red;*/
}

.prim {
    font-size: 12px;
}
.prim b {
    color:navy;
}
.prim_sm {
    font-size: 12px;
    color: grey;
    margin: 10px 0 0;
}
.title_opt {
    margin: 20px 15px 0;
}

.label_variant {
    cursor: pointer;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid grey;
    display: block;
}
.p_mes_min {
    margin: 20px 15px 0px;
    background: navy;
    padding: 3px 6px 3px;
    border-radius: 5px 5px;
    border: 1px solid grey;
    color: white;
}
.div_tr_border {
    background: navy;/*#edebeb;*/
    border: 1px solid navy;
    border-radius: 5px;
    margin: 15px 0;
    overflow: hidden;
    padding: 3px;
    text-align: center;
    font-weight: bold;
    font-family: tahoma;
    transition: 0.5s;
    font-size: 13px;
}
.pagebreak_tab_head{
  margin: 25px 15px 60px!important;
}
.pagebreak_otab_head {
    margin: 25px 0px 60px!important;
}
.pagebreak_tab_head_tab{
  margin: 25px 0px 48px!important;
}

.tab_head2 {
    position: relative;
    top: 0;
    z-index: 3;
    color: black;
}
.tema_vybranaya {
    background: navy;
    color: white;
    padding: 5px 15px;
    margin: -10px 15px 15px;
    font-size: 14px;
}
.div_tr_bgbd {
  border:1px solid navy;
}
.pagebreak_print_t_opt {
    color: #e2ff00;
    padding: 7px 8px 4px;
    text-align: center;
    font: bold 14px Verdana;
}
.idiomas {
    text-align: right;
    margin: 0 15px;
    border-bottom: 1px solid navy;
    padding-bottom: 15px;
    font-family: verdana;
    transition: 0.5s;
}
.idiomas_sm {
    text-align: right;
    margin: 0 15px;
    font-family: verdana;
    transition: 0.5s;
    background:yellow;
    w idth:50px;
}
.sel_idiomas {
    width: 30px;
    float: right;
    margin-right: 30px;
    height: 30px;
    position: relative;
    top: -2px;
}
.idiomas_sm .link2 {
    color: white;
    background: grey;
    padding: 0px 0px 4px;
    width: 30px;
    display: inline-block;
    text-align: center;
    /* border-radius:5px; */
    transition: 0.5s;
}
.link2 {
    color: white;
    background: navy;
    padding: 0px 0px 4px;
    width: 30px;
    display: inline-block;
    text-align: center;
    /* border-radius:5px; */
}
.link2:hover {
  color:white;
  background: #0d0db0; 
}
.link2_act {
  box-shadow: 0 0 2px 2px #28a3e6;
}
.kartinka {
  float:left;
  overflow: hidden;
  text-align: center;
}
.ne_kartinka {
    o utline: 1px solid red;
    overflow: hidden;
}
.ne_kartinka p {
    margin: 5px 0 0 13px;
}

.zap2 {
  padding-top:10px ;
}
.k2{
  margin: 0;
  max-width: 100px;
}
.marg_b {
    margin-bottom: 15px;
}

.kn_del, .chit_del {/* status del kniga o chitatel eliminado */
    background: black;
    color: red!important;
    border-radius: 3px;
    margin: 0 -4px;
}

.dop_head {
    position: fixed;
    background: navy;
    width: 100%;
    height: 90px;
    top: 0;
    z-index: 99999;
    color:white;
}
.dop_head_inner {
  position: relative;
  b ackground: #940909;
  width: 100%;
  top: 15px;
  margin-top:40px;
  border:0px solid #000;
  max-width:1000px;
  margin: 0 auto;
  height: 60px!important;
  transition: 1s;
}
.div_logo {
    o utline: 1px solid white;
    float: left;
    margin-left: 20px;
    vertical-align: middle;
    height: 50px;
    margin-top: 5px;
}
.div_verj {
    height: 25px;
    text-align: right;
    float: right;
    top: 12px;
    position: relative;
    margin-right: 0px;/*antes 12px*/
    /* outline: 1px solid #97f2f2; */
}

.div_nyz {
    o utline: 1px solid lightblue;
    height: 30px;
    margin-left: 200px;
    text-align:right;
}
.bot_close,
.bot_close2
 {
    width: 20px;
    height: auto;
    margin-right: 10px;
    margin-top: 0px;
    vertical-align: middle;
    opacity: 1;
    transition: 0.5s;
    cursor: pointer;
}
.bot_close2 {
  margin-top: 3px;
}
.bot_menu,
.bot_menu2 {
    width: 20px;
    height: 26px;
    margin-right: 0px;
    margin-top: 0px;
    vertical-align: middle;
    opacity: 1;
    transition: 0.5s;
    cursor: pointer;
    margin-left: 5px;
}
.bot_close:hover,
.bot_close2:hover,
.bot_session:hover,
.strelka_abajo:hover,
.strelka_arriba:hover,
.bot_menu:hover,
.bot_menu2:hover,
.bot_search:hover {
  opacity: 0.5;
}

.demo_container_menu_mob .bot_close2,
.demo_container_menu_mob .bot_menu2{
     margin-right: 0px;
}

.bot_session {
    width: 23px;
    height: auto;
    margin-right: 20px;
    margin-top: -2px;
    vertical-align: middle;
    opacity: 1;
    transition: 0.5s;
    cursor: pointer;
}
.bot_search {
    width: 20px;
    height: 20px;
    margin-right: 20px;
    margin-top: -2px;
    vertical-align: middle;
    opacity: 1;
    transition: 0.5s;
    cursor: pointer;
}
.strelka_abajo {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    margin-top: 9px;
    vertical-align: middle;
    opacity: 1;
    transition: 0.5s;
    cursor: pointer;
}
.strelka_arriba {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    margin-top: 9px;
    vertical-align: middle;
    opacity: 1;
    transition: 0.5s;
    cursor: pointer;
}
.dop_head_inner img {
  margin-right:15px;
}
.idiomas_header {
    margin: 0 20px 0 0px;
    font-family: verdana;
    transition: 0.5s;
    display: inline;
    padding-top: 84px;
    position: relative;
    top: 1px;
    color: white;
}
.idiomas_header a.link2 {
    /* margin-right: 5px; */
    display: inline;
    /* margin-left: 5px; */
    padding: 2px 5px 5px;
}
.daty_perioda, .data_ostatok {
    float: left;
    width: 50%;
    o utline: 1px solid red;
}
#to_wrapp_po_parametram {
  position: relative;
  top:-48px;
  m argin-top: -40px;
}
#to_wrapp_po_slovam {
  margin-top: -40px;
}
.nom_zapisi {
    margin: 15px 0px -1px;
    background: #e6f9f9;
    border: 1px solid #a6e7f7;
    text-align: left;
    padding: 0px 5px;
}
.zapros_byl p {
  margin:5px 15px;
  text-align: center;
}
.zapr {
  color:red;
  font-weight: bolder;
  border-bottom: 1px solid navy;
  text-align: center;
}
#to_resultat {
  position: relative;
  top:-48px;
}
.tam_sm2{
    width: 20px;
    height: 26px;
    margin-top: 7px;
    margin-right: 12px;
    float: right;
    opacity: 1;
    transition: 0.5s;
    cursor: pointer;
}
.tam_sm2:hover{
opacity: 0.5;
}
.p_param {
  margin-bottom:-15px;
  font-weight: bolder;
}
.pad_r_12 {
  padding-right: 12px;
}
.p_bank_kassa {
  margin-bottom: -10px;
}
.presup {
  font-size: 11px;
  margin: 5px 0px;
  border-top: 1px dotted grey;
}
.bord_top {
  border-top: 1px dotted grey;  
}
.marg_top5 {
  margin-top: 5px;
}
.v_entidad, .v_quien {
  margin: -20px 15px 10px; 
}
.wrapper_saldo_cuenta {
    float: right;
    o utline: 1px solid green;
    b ackground: yellow;
}
.sp_cuenta {
    color: #0303fb;
    background: #e6f9f9;
    padding: 11px 10px;
    margin: 2px;
    border: 1px solid navy;
    float: left;
    text-align: center;
    min-width: 70px;
    max-width: 100px;
    font-size:12px;
}
.sp_bank {
    font-size: 14px;
    c olor: #064e0c;
}
.mostrar_kazna {
    background: #e6f9f9;
    b order-radius: 5px;
    border: 1px solid #a6e7f7;
    color: black;
    c ursor: pointer;
    font-family: tahoma;
    font-size: 15px;
    f ont-weight: bolder;
    margin: 10px 15px;
    padding: 10px;
    text-align: right;
    text-decoration: none;
    z-index: 2;
    position: relative;
    overflow: hidden;
}
.mostrar_kazna p {
  margin: 0; 
}
.p_v_kazne{
  font-size:16px;
}
.bot_detali {
    display: block;
    background: navy; /*#acc7ff;*/
    border: 1px solid navy;
    padding: 1px 15px;
    cursor: pointer;
    float: right;
    font-size: 12px;
    color: white;
    text-align: center;
    margin: 10px 0 0;
    min-width: 110px;
}
.cuadro_detali {
    background: navy;
    padding: 10px;
    margin-top: 10px;
    overflow: hidden;
}
.p_zagl {
    font-size: 14px;
    color: white;
}
.p_zagl b {
    color: yellow;  
}
/*antes
.p_text {
 font-size: 12px;
}
*/

.p_text {
    font-size: 12px;
    border-bottom: 1px dotted grey;
    text-align: left;
    transition: 0.5s;
    color: navy;
    overflow: hidden;
}
.p_text span{/*new*/
    float: right;
}
.p_text:hover{
 background:yellow;
 color:red;
}
.p_vsego {
    border-top: 1px solid navy;
    margin-top: -1px!important;
}
.p_vsego span {
  /*border-top:1px solid navy;*/
  font-weight: bold;
  font-size: 12px;
}
.outer_banka {
    padding: 10px;
    b order: 1px solid blue;
    background: #e6f9f9;
    margin: 10px 0 0;
}
.link3 {
  text-decoration: none;
}
.link3:hover {
  text-decoration: underline;
}

a.link4 {
  text-decoration: none;
  color:black!important;
  transition: 0.5s;
}
a.link4:hover {
  text-decoration: underline;
  color:red!important;
}

.aviso_inf_sm span {
    color: red;
    background: #ecfd01;
    border: 1px solid red;
    padding: 1px 10px; 
    font-size: 12px
}
.aviso_presup {
    background: yellow;
    margin: 2px;
    border: 1px solid navy;
    color: #ab0404; 
    padding:3px;
}
.aviso_presup p,
.aviso_presup_prijod p {
    margin: 0px 5px;
    text-align: right;
    font-size: 12px;
    color:black;
}
.aviso_presup_prijod {
    background: lightgreen;
    margin: 2px;
    border: 1px solid #001001;
    color: #0f650f;
    padding:3px;
}

.str_kod {
    border: 1px solid #00a9ff;
    border-radius: 5px;
    box-shadow: 0 0 2px 0 #00a9ff;
    margin: 0;
    float:right;
    color: blue;
    font-size: 16px;
    padding: 2px 5px!important;
    text-align: right;
    width: 70px;
}
.dolz p {
    margin: 0;
    padding: 0 5px;
    font-size: 12px;
}
.dolz p b {
  color: yellow!important;
}
.dolz:hover p b {
  color: white!important;
}
.d_vozvrat {
    display: block;
    border: 1px solid red;
    margin: 0 10px 15px !important;
    /* padding: 10px; */
    padding-bottom: 10px;
    background: #f1abab;
}
.sos_rasjoda {
    background: red;
    color: yellow;
    /* padding: 2px 5px; */
    margin: 0px 10px 0!important;
}

.fecha,
#fecha_alta,
#fecha_baja,
#fecha_vencimiento_prl,
#fecha_creacion,
#date_plan,
#date_inicio_periodo, 
#date_fin_periodo,
#date_inicio_bus, 
#date_fin_bus,
#date_fact,
#date_fact_fin,
#date_vozvrat_rasjod,
#date_block,
#date_real_vr,
#from_date,
#to_date,
#date_ostatok {
  width:204px!important;
  padding: 2px 5px;
}
.h6_marg_top{
  margin-top:10px;
}
/* antes
.kv_sos_dolga {
    width: 10px;
    height: 10px;
    float: right;
    position: relative;
    top: 0;
    right: 0;
    margin-top: -13px;
}
*/
.kv_sos_dolga {/*new*/
    width: 10px;
    height: 10px;
    float: right;
    position: relative;
    top: 0;
    right: 0;
    /* margin-top: -13px; */
}
.kv_sos_daty {
    width: 10px;
    height: 10px;
    float: right;
    position: relative;
    top: 0;
    right: 0px;
    margin-top: 0px;
}
.kolonka3wide{
  max-width:336px;
  min-width: 336px;
  w idth:100%;
  transition: 0s !important;
}
.kolonka3normal{
  transition: 0s !important;
}
.bez_nazv{
  color:grey!important;
}
.id_zapisi_data {
    font-size: 10px;
    color:grey;
    o utline:1px solid red;
    font-weight: normal;
}
.id_zapisi_data h6 {
    border-top: 1px dotted grey;
    border-bottom: 1px dotted grey;
    margin: 5px 2px;
}
.id_zapisi_data h6 b {
  color:#9e1d06;
}
.id_zapisi_data span {
    color: blue;
    font-weight: bolder;
}
.kolonka1{
  cursor:pointer;
}
.kolonka2{
  cursor:pointer;
}
.kolonka2 div h6 {
    margin: 10px 0 0;
}
.p_head {
 margin: 10px 15px 0;
 font-weight: bolder;
}

.p_text2 {
    margin: 0 5px;
    border-bottom: 1px dotted grey;
    font-size: 12px;
}
.h_hist_vyplat {
    color: white;
    margin: 10px 5px 15px;
}
.wrapp_tab_vyplat {
    b ackground: #e6d9d9;
    margin: 2px 10px;
    transition: 0.5s;
}
.wrapp_tab_vyplat:hover {
    background: yellow; /*lightgreen;*/
}
.block_vyplat {
    background: navy;
    margin: 0 15px 0;
    padding: 3px;
    overflow: hidden;
    padding-bottom: 5px;
}
.block_inner {
    background: #e6f9f9;
    margin: 5px 0px;
    padding: 1px;
}
.linea_nyz {
    border-top: 1px solid navy;
    height: 1px;
    margin: -3px 15px 5px;
}
.p_vsego2 {
    margin: 0px 15px;
    text-align: right;
    color: white;
}
.p_vsego2 span {
 font-weight: bolder;
 color:yellow;
}
.d_text_inf {
    border: 1px solid #a6e7f7;
    background: #e6f9f9;
    font-size: 11px;
    line-height: 14px;
    padding: 5px;
    font-family: verdana;
    font-weight: normal;
    margin: 10px!important;
}
.concepto_prijod {
    background: #28a3e6;
    color: black;
}
.concepto_rasjod {
    background: red;
    color: white;
}
.concepto_rasjod:hover {
    color: black;
}
.concepto_prijod,
.concepto_rasjod{
  margin: 10px 15px;
}

.error {
    background: #c70505!important;
    color: yellow;
    padding: 5px 10px;
    border: 1px solid brown;
}
.error b {
  color: white;
}
.error_input {
    background: #c70505!important;
    color: yellow;
    border: 1px solid brown;
}
.ok {
    background: #d9ffc2;
    color: #000000;
    padding: 5px 10px;
    border: 1px solid green;
}
.att {
    background: #FFFF76;
    color: black;
    padding: 5px 10px;
    border: 1px solid #FFC107;
}
.att:hover{
    background: yellow;
}
.attaj {
    background: #e6f9f9;
    color: black;
    padding: 5px 10px;
    border: 1px solid #7e7e7d;
    transition: 0.2s all;
}
.attaj:hover{
    background: yellow;
}
#head_cod{
 width:30px;
}
#cod{
 width:50px;
 text-align: left;
}
.h6_conceptos {
    font-size: 12px!important;
    font-weight: bold!important;
}
.d_conceptos{
 border-top: 1px dotted grey;
 border-bottom: 1px dotted grey;
 margin: 5px 10px 10px !important;
}
.d_conceptos p{
  margin:0!important;
  border-top: none;
}
.cuadro_att_inf_sm {
    background: #FFFF76;
    border-radius: 5px;
    border: 1px solid blue;
    box-shadow: 0 0 2px 0 blue;
    color: black;
    font-family: Verdana;
    font-size: 16px;
    font-weight: bolder;
    margin: 5px 15px;
    padding: 5px 5px 5px 20px;
    background-image: url(../images/inf2.png);
    background-position: 5px 5px;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}
.cuadro_att_inf_sm p{
    margin: 0 0 0 10px;
    font-size: 12px;
    text-align: left;
    font-family: verdana;
}
.d_conc {
    max-width: 530px;
    /* background: grey; */
    overflow: hidden;
}
.concepto_prijod:hover .d_conc b {
  color:blue;
}
.concepto_rasjod:hover .d_conc b {
  color:red;
}
.p_conc{
    margin: 0 5px 0;
    font-size: 13px;
}
.p_budz {
    margin: 2px 15px 0 5px;
    color: black;
    font-size: 12px;
    font-weight: normal;
    float: left;
}
.p_budz b{
 color:yellow;
}
.wrapp_dat_gr {
    /*background: grey!important;*/
    /* outline: 1px solid red; */
    overflow: hidden;
    margin: 0px 15px 0;
    /* color: black!important; */
}
.wrapp_dat_gr b{
 color:red;
}
.dob_prij b{
 color:blue;
}
.wrapp_dat_gr .p_budz {
 margin: 0 15px 0 0;
}
.mostrar_saldo_perioda {
    background: #e6f9f9;
    border: 1px solid #a6e7f7;
    color: black;
    font-family: tahoma;
    font-size: 15px;
    margin: 10px 15px;
    padding: 10px;
    text-align: right;
    text-decoration: none;
    z-index: 2;
    position: relative;
    overflow: hidden;
}
.mostrar_saldo_perioda p {
    margin: 0;
}
.mostrar_saldo_perioda hr{
    margin: 5px 0;
    background: #a6e7f7;
}
.bot_extra_sm{
    margin-bottom: 10px;
    font-size: 12px;
    height: 25px;
}

/***********************************************************************************
    table de - grupos_print_tab.php
**********************************************************************************/
.wrapper_tab_head{
    margin: 0 15px;
    /*background: #eee;*/
  }
.tab_otchet{
  border-collapse:collapse;
  border-spacing:10;
  margin:0px auto;
  width: 100%;
  font-family:Tahoma, Arial, sans-serif;
}
.tab_otchet tr {
  b order: 1px solid red;
}
.tab_otchet tr th {
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: bolder;
    padding: 5px;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    word-break: normal;
    background: #ccccda;
}

/* Нечетные строки */
.wrapp_grupo .tab_otchet:nth-child(odd) {
    background: #cfdaf5;
}

/* Четные строки */
.wrapp_grupo .tab_otchet:nth-child(even) {
    background: #a5baed; /*темнее*/
}

                  /*еще примеры*/
                  /* Строки 1,4,7... */
                  #table tbody tr:nth-child(3n+1){
                      background: #f2fff5;
                  }
                  /* Строки 2,5,8... */
                  #table tbody tr:nth-child(3n+2){
                      background: #ffeaea;
                  }
                  /* Строки 3,6,9... */
                  #table tbody tr:nth-child(3n+3){
                      background: #eeecff;
                  }

.tab_otchet tr td{
  font-family:Arial, sans-serif;
  font-size:12px;
  padding:2px 5px;
  /*border-style:solid;
  border-width:1px;*/
  b order-left:1px solid black;
  b order-right:1px solid red;
  overflow:hidden;
  word-break:normal;
  text-align:right;
  vertical-align:top
}
.tr_concepto{
    b order-bottom: 1px dotted grey;
}
.kol_conceptos{
  text-align:left!important;
  width:50%;
}
.kol_conceptos_vr{
  text-align:left!important;
  width:40%;
}
.kol_2,
.kol_3,
.kol_4,
.kol_5,
.kol_6,
.kol_7 {
  border-left: 1px solid grey; 
  border-right: 1px solid grey; 
}

.kol_2{
  width:10%;
}
.kol_3{
  width:10%;
}
.kol_4{
  width:10%;
}
.kol_5{
  width:10%;
}
.kol_6{
  width:10%;
}
.kol_7{
  width:10%;
  border-right: none; 
}
.td_grupo {
  text-transform: uppercase;
  color: blue;
  border-color: black;
  font-weight:bolder;
}
.td_grupo span{
  text-transform: none;
  font-weight:normal;
}
.td_concepto {
  color: navy;
  border-color: black;
  font-weight:normal;
}






.div_total_prijod {
    border: 3px solid blue;
    margin: 0 -3px;
    background: #95d0ef;
}
.tr_total_prijod{
  b order:3px solid blue;
}
.div_total_rasjod{
  border:3px solid red;
  margin: 0 -3px;
  background: #f5cece;
}
.tr_total_rasjod{
  b order:3px solid red;
}
.div_total_inversiones {
    border: 3px solid orange;
    margin: 0 -3px;
    background: #f9e1b7;
}
.tr_total_inversiones{
  b order:3px solid orange;
}
.div_total_resultado_anio {
    border: 3px solid green;
    margin: 0 -3px;
    background: #bbeab6;
}
.tr_total_resultado_anio{
  b order:3px solid brown;
}
.div_total_resultado_def{
  border:3px solid navy;
  margin: 0 -3px;
  background: orange;
}
.tr_total_resultado_def{
  b order:3px solid orange;
}
.td_total {
    text-align: left!important;
    /* font-weight: bolder; */
    /* border-color: red; */
    border-width: 3px;
    b order: 3px solid #17168e!important;
}
.total1{
  width:35%;
}

.td_vacio {
  border-left: none!important;
  width:15%;
  border: none!important;  
}
.td_vacio_vr {
  border-left: none!important;
  width:5%;
  border: none!important;  
}
.tot1 {
    border-top: 1px solid navy;
    border-bottom: 1px solid navy;
    background: #afbfe4;
    /* color: white; */
}
.tot1_l{
  border-left: 1px solid navy;
}
.tot1_r{
  border-right: 1px solid navy;
}
.tot1_4r{
  border-right: 1px solid navy;
}
.wrapp_tip_grupo {
    padding: 0;
    b order: 1px solid navy;
    /*background: lightblue;*/
}
.wrapp_grupo {
    padding: 0;
    border: 1px solid navy;
    background: #cfdaf5;
}

.k_grupo{
 border: none;
}
.barra_v, .palo{
 color:navy;
 font-weight: normal;
}
/*
//antes en kazna
.info_sm{
    width: 15px;
    position: relative;
    bottom: -2px;
    cursor:pointer;
}
*/
.info_sm_r{
    width: 15px;
    position: relative;
    bottom: -2px;
    cursor:pointer;
}
.info_sm {
    width: 15px;
    position: relative;
    /* bottom: -2px; */
    cursor: pointer;
    float: left;
}
.info_rasjoda {
    margin: 5px 0px;
    background: yellow;
    text-align: left;
    padding: 5px 8px;
}
.info_rasjoda h6 {
 font-size: 12px;
 text-align:center;
 color: red;
}
.info_rasjoda p {
    font-size: 11px;
    line-height: 16px;
    margin: 8px 3px 5px;
}
.dojod_minus {
    background: red;
    color: yellow;
    padding: 2px 6px;
    border: 1px solid navy;
}
.dojod_plus {
    background: lightgreen;
    padding: 2px 6px;
    border: 1px solid navy;
}
.anio_otchet {
    background: #7ecdf7!important;
}
.anio_comparar {
    background: #f5eb69!important;
}
.no_datos_comparar {
    opacity:0!important;
}
.wrapp_logo_title {
    width: 644px;
    b order: 1px solid white;
    overflow: visible;
    margin-left: 50px;
    position: relative;
    top: 9px;
}
.wrapp_logo_title h4 {
    color: white;
    font-family: tahoma;
}
.tam_sm2n {
    width: 26px;
    height: 26px;
    margin-top: 7px;
    margin-right: 8px;
    float: right;
    opacity: 1;
    transition: 0.5s;
    cursor: pointer;
}
.tam_sm2n:hover{
    opacity: 0.5;
}











/***********************************************************************************
    table de - otchet_print_tab.php
**********************************************************************************/
.wrapper_otab_head{
    margin: 0 15px;
    /*background: #eee;*/
  }
.wrapp_tr{
    margin: 0 15px;
    padding: 0;
    border: 1px solid navy;
    background: #cfdaf5;
}
.otab_otchet{
  border-collapse:collapse;
  border-spacing:10;
  margin:0px auto;
  width: 100%;
  font-family:Tahoma, Arial, sans-serif;
  text-align:left;
  text-overflow: ellipsis; /* Добавляем многоточие */
  overflow: hidden; /* Обрезаем все, что не помещается в область */
}
.otab_marg{
  margin:5px 0;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
.otab_totales {
    margin: 5px 0;
}
.otab_otchet tr {
  b order: 1px solid red;
}
.otab_otchet tr th{
  font-family:Arial, sans-serif;
  font-size:10px;
  font-weight:bolder;
  padding:5px;
  border-style:solid;
  border-width:1px;
  overflow:hidden;
  word-break:normal;
  background:#eee;
}

/********** если ряды внутри таблицы ************/
/* Нечетные строки */
/*.otab_otchet .otr_concepto:nth-child(odd)*/ {
    /*background: #cfdaf5;*/
}

/* Четные строки */
/*.otab_otchet .otr_concepto:nth-child(even)*/ {
    /*background: #a5baed;*/ /*темнее*/
}

/* последний ряд */
.div_otab_body tr:last-child {
    b order-bottom: 5px solid grey !important; /**/
}

/********** конец - если ряды внутри таблицы ************/


/* Нечетные строки */
.w rapper_otab_head table:nth-child(odd) {
    background: #cfdaf5;
}

/* Четные строки */
.w rapper_otab_head table:nth-child(even) {
    background: #a5baed; /*темнее*/
}


/* Нечетные строки */
.w rapper_otab_head table:nth-child(odd) {
    background: #cfdaf5;
}

/* Четные строки */
.w rapper_otab_head table:nth-child(even) {
    background: #a5baed; /*темнее*/
}


/* Нечетные строки */
t able.cl_row:nth-child(odd) {
    b ackground: red;//#cfdaf5;
}
/* Четные строки */
t able.cl_row:nth-child(even) {
    b ackground: green; //#cfdaf5;
}

/* Четные строки */
d iv table:nth-child(3n+1) {
    b ackground: #cfdaf5; /*aqua;*/ /*темнее*/
}
d iv table:nth-child(3n+2) {
    b ackground: #a5baed; /*orange;*/ /*темнее*/
}
d iv table:nth-child(3n+3) {
    b ackground: #8b9dca; /*red;*/ /*темнее*/
}
                  /*еще примеры*/
                  /* Строки 1,4,7... */
                  /*
                  #table tbody tr:nth-child(3n+1){
                      background: #f2fff5;
                  }
                  */
                  /* Строки 2,5,8... */
                  /*
                  #table tbody tr:nth-child(3n+2){
                      background: #ffeaea;
                  }
                  */
                  /* Строки 3,6,9... */
                  /*
                  #table tbody tr:nth-child(3n+3){
                      background: #eeecff;
                  }
                  */

.otab_otchet tr td{
  font-family:Arial, sans-serif;
  font-size:12px;
  padding:2px 5px;
  /*border-style:solid;
  border-width:1px;*/
  b order-left:1px solid black;
  b order-right:1px solid red;
  overflow:hidden;
  word-break:break-word;/*break-all*/
  text-align:left;
  vertical-align:top
}
.okol_5 .title_o{
  font-size: 12px;
}
.okol_5 .opis_o{
  font-size: 8px;
}

.otab_otchet tr td okol_1,
.otab_otchet tr td okol_2,
.otab_otchet tr td okol_3
{
  word-break:normal;
}
.otr_concepto{
    b order-bottom: 1px dotted grey;
    border-right: 1px solid #000;
    border-left: 1px solid #000;
}
.otr_totales {
    background: #cfdbf9;
    font-weight: bold;
    border-right: 1px solid white;
}
.okol_conceptos{
  text-align:left!important;
  width:50%;
}
.otd_vacio {
    border-left: none!important;
    border: none!important;
    background: white;
}

.okol_1,
.okol_2,
.okol_3,
.okol_4,
.okol_5,
.okol_6,
.okol_7 {
  border-left: 1px solid grey; 
  border-right: 1px solid grey; 
}

.okol_1{
  width:25px;
  border-left: none; 
  text-align:right!important;
}
.okol_2{
  width:75px;
}
.okol_3{
  width:80px;
}
.okol_4{
  width: auto;
  word-wrap: break-all; /* Перенос слов */
  text-overflow: ellipsis; /* Добавляем многоточие */
  overflow: hidden; /* Обрезаем все, что не помещается в область */
}
.okol_5{
  width:165px;
  word-wrap: break-all; /* Перенос слов */
  text-overflow: ellipsis; /* Добавляем многоточие */
  overflow: hidden; /* Обрезаем все, что не помещается в область */
}
.okol_6{
  width:85px;
  text-align:right!important;
}
.okol_7{
  width:85px;
  border-right: none; 
  text-align:right!important;
}

.okol_5 p .title_o{
 font-size: 12px;
 color:grey;
 font-weight: normal;
 margin: 0!important;
} 
.okol_5 p .opis_o{
 font-size: 8px;
 color:grey;
 font-weight: normal;
 margin: 0!important;
} 

.otd_grupo {
  text-transform: uppercase;
  color: blue;
  border-color: black;
  font-weight:bolder;
}
.otd_concepto {
  color: navy;
  border-color: black;
  font-weight:normal;
}
.b_t{
border-top:1px solid black;
}
.b_l{
border-left:1px solid black;
}
.b_r{
border-right:1px solid black;
}
.b_b{
border-bottom:1px solid black;
}

.no_b_l {
    border-left: none!important;
}
.no_b_r {
    border-right: none!important;
}
.nom_stroki_otab{
    margin: 0;
    font-size: 8px;
    position: relative;
    left: -3px;
    /* text-align: left; */
    float: left;
    top: -3px;
}
.nom_stroki_otab {
    margin: -14px 0 0;
    font-size: 8px;
    position: relative;
    left: -27px;
    text-align: right;
    float: left;
    /* background: red; */
    height: 20px;
    top: 14px;
    width: 24px;
    font-family: verdana;
    color: red;
}


.div_otab_body{
  margin:-1px 0 0;
}

.div_pagebreak_bajo {
    position: relative;
    top: -58px;
    background: navy;
    padding: 0;
    height: 10px;
    line-height: 10px;
}
/*
правило этого класса работает тоько в файле "grupos_print_tab_plan_v.php"
 .div_pagebreak_bajo_pv {
    position: relative;
    top: -58px !important;
    background: green;
    padding: 0;
    height: 10px!important;
}
 */

.div_pagebreak_bajo p {
  font-size: 6px;
  text-align: center;
  /* margin-top: -5px; */
  position: relative;
  top: -5px;
}
.p_pagebreak_bajo {
    margin: 0 7px 0;
    font-size: 6px;
    padding: 0;
    position: relative;
    top: -5px;
    text-align: center;
}
.div_pagebreak_bajo p {
    margin: 0 7px 0;
    font-size: 6px;
    padding: 0;
    position: relative;
    top: -5px;
    text-align: center;
}

/* antes era
.p_pagebreak_bajo_pv {
    margin: 0 7px 0;
    font-size: 6px;
    padding: 0;
    position: relative;
    top: -58px;
    text-align: center;
    height: 10px;
}
*/
.p_pagebreak_bajo_pv {
    margin: 0 7px 0;
    font-size: 6px;
    padding: 0;
    position: relative;
    top: -5px;
    text-align: center;
}

.pagebreak_razryv {
    margin: 20px -30px 0;
    height: 20px;
}
.pagebreak_razryv_pv {
    margin: 20px -31px 0;
    height: 20px;
}
.pagebreak_razryv_statya, 
.pagebreak_razryv_gruppa,
.pagebreak_razryv_pv_v_kazne {
    margin: 20px -31px 0;
    height: 20px;
}
.w_w {
  word-wrap: break-word!important; /* Перенос слов */
  /* Добавляем многоточие */
  text-overflow: ellipsis; 
  /* Обрезаем все, что не помещается в область */
  /* overflow: hidden;  */
}
.p_zametka_sm {
    /*серый цвет*/
    border: 1px solid #c4c4c4;/*antes #dad9d9*/
    background: #eee;

    /*светло голубой*/
    /* border: 1px solid #a6e7f7; */
    /* background: #e6f9f9; */

    font-size: 10px;
    padding: 3px 5px;
    line-height: 13px;
  }

.h_block{
    /* background:red; */
    height:400px;
}      
.upper {
  text-transform: uppercase;
}
.wrapp_tipos {
    margin: 10px 15px 10px;
    border: 1px solid #a6e7f7;
    background: #c4f1f7;
    padding-bottom: 15px;
}
.wrapp_block_grupo {
  margin-bottom: 15px;
}
.kvadratiki {
    background: #f1f1f1;
    margin: 0 15px 20px;
    padding: 10px 0;
    border: 1px solid #c4c4c4;
    font-size: 11px;
}
.kvadratiki_sm {
    background: #f1f1f1;
    margin: 0 15px 20px;
    padding: 0;
    border: 1px solid #c4c4c4;
    font-size: 11px;
}
.d_podcat_bank {
    float: left;
    max-width: 480px;
    /* outline: 1px solid black; */
    overflow: hidden;
}
.saldo_en_h3 {
    float: right;
    b ackground: yellow;
    /* width: 100%; */
    text-align: right;
    color: black;
    font-size: 13px;
    /* position: relative; */
    /* top: 34px; */
    /* right: -120px; */
    padding-left: 20px;
}
.h3_gr{
    margin: 15px 15px 15px;
    text-align: left;
    /* background: grey; */
    overflow: hidden;
}
.opis_gr{
    margin: 15px 15px;
    border-top: 1px dotted grey;
    border-bottom: 1px dotted grey;
    font-size: 10px;
    font-family: verdana;
}
.saldo_concepto{
  border-bottom: 1px dashed grey;
}
.prim_sravneniye {
    margin: 0;
    color: grey;
    font-size: 10px;
    font-weight: normal;
}
.sum_tot{
  font-size: 14px;
}
.d_exceso_gr {
    border: 1px solid #a6e7f7;
    background: lightblue;
    margin: 15px;
    padding: 5px;
    /* text-align: right; */
    overflow: hidden;
}
.d_exceso_gr_tab {
    border: 1px solid navy;
    background: lightblue;
    /* margin-top: -1px; */
    padding: 5px;
    text-align: right;
    border-bottom: none;
}
.d_exceso_gr p,
.d_exceso_gr_tab p {
    font-size: 10px;
    margin: 0;
    line-height: 15px;
}
.h4_bank {
    text-align: left;
    /* border-bottom: 1px solid navy; */
    color: #000080;
    /* background: navy; */
    transition:1s;
}
.h4_bank:hover{
  background: yellow;
  color:red;
}



/*******************************************************************
 настройки таблицы перебросов
*******************************************************************/
.per_from,
.per_to{
  width:185px;
  /*background: #ccc;*/
}
.per_opis{
  width:none;
}

.per_from span, .per_to span {
    font-size: 8px;
    color: #a4a4a4!important;
    /* display: none; */
}
.per_okol6{
  display:none;
}

.p_dat_vr{
  font-size:12px;
  margin:0;
  border-bottom: 1px dashed grey;
}
.p_dat_vr b{
  float:right;
}
.wrapp_block_vr .wrapp_dat_gr .p_budz {
 margin: 0 15px 0 5px;
}
.d_kz {
    background: #ddd;
    clear: both;
    margin: 2px 5px;
    padding: 0 5px;
    text-align: left;
    font-size: 10px;
    overflow: hidden;
}
.d_kz:hover{
    background: yellow;
    outline:1px solid red;  
}
.d_kz span {
  float:right;
}
.kvadratik2 {
    /* border: 1px solid black; */
    height: 9px;
    margin: 0 5px 0 0;
    width: 9px;
    display: inline-block;
    top: 5px;
    position: relative;
}
.sum_comcepto{
  float: right;
  font-size: 12px;
  margin-right: 5px;
}
.vypl b {
    color: white;
    font-size:12px;
}
.d_id_vr {
    display: inline-block;
    m argin: 0 15px 0 0;
    min-width: 40px;
}
.d_fecha_vr {
    display: inline-block;
    margin: 0 15px 0 0;
    min-width: 60px;
    /* background: red; */
}
.d_status_vr{
  display:inline-block;
  margin: 0 15px 0 0;
  b ackground: grey;
  min-width: 160px;
}
.d_vyplacheno_vr{
  display:inline-block;
  margin:0 15px 0 0;
  min-width: 120px;
}
.d_dolg_vr{
  display:inline-block;
  margin: 0 15px 0 0;
  min-width: 120px;
}
.d_summa_vr{
  display:inline-block;
  margin: 0 0 0 15px;
  float:right;
}
.d_block_vr{
    padding: 5px 10px;
    border: 1px solid #a6e7f7;
}
.bl_vr1 {
    background: #d7f2f9;
    overflow: hidden;
}
.bl_vr2 {
    background: #ccf7ce;
    margin-top: 10px;
    border: 1px solid #afd4b1;
}
.bl_vr3 {
    background: #fbb4b4;
    margin-top: 10px;
    border: 1px solid #fda1a1;
}
.p_vr_sm{
    font-size: 12px;
    line-height: 15px;
}
.kvadratik3 {
    /* border: 1px solid black; */
    height: 9px;
    margin: 0 5px 0 0;
    width: 9px;
    display: inline-block;
    top: 2px;
    position: relative;
}
.kv_vr1{
 background:red;
 border:1px solid brown;
 float:left;
}
.kv_vr2{
 background:orange; 
 border:1px solid darkorange;
 float:left;
}
.kv_vr3{
 background:green;
 border:1px solid darkgreen;
 float:left;
}
.d_stat_1, .d_stat_2, .d_stat_3{
    text-align: left;
    margin: 2px 0;
    padding: 2px 5px;
}
.d_stat_1 .p_vr_sm,
.d_stat_2 .p_vr_sm,
.d_stat_3 .p_vr_sm {
 overflow:hidden;
}
.d_stat_1 .p_vr_sm span,
.d_stat_2 .p_vr_sm span,
.d_stat_3 .p_vr_sm span{
 float:right!important;
}
 .d_stat_1{
    background: #f7e5e5;
    border: 1px solid #f7cece;
}
}
.bl_vr1 span {
 float:right;
}
.d_stat_2 {
    background: #fbe4bb;
    border: 1px solid #f7c364;
}
.d_stat_3 {
    background: #ccf7ce;
    border: 1px solid #93e096;
}
.tab_otchet tr .thvr{
 padding:1px 5px;
 font-size:10px;
 /* height:28px; */
}
.p_rasj_vypl_dolg{
    margin: 0;
    text-align: right;
    font-size: 13px;
}
.bl_vr2 p:first-child{
 border-bottom:1px solid #afd4b1;
}
.bl_vr3 p:first-child{
 border-bottom:1px solid #fda1a1;
}

.tab_statusy{
 //border: 1px solid #a6e7f7;
 border: 1px solid #333333;
}
.tab_statusy .thvr{
 min-height:none!important;
}
/* Нечетные строки */
.tab_statusy tr:nth-child(odd) {
    background: #d7f2f9;
}

/* Четные строки */
.tab_statusy tr:nth-child(even) {
    background: #a6e7f7; /*темнее*/
}



/* Нечетные строки */
select .cat_option:nth-child(odd) {
    /*background: white;*/
}

/* Четные строки */
select .cat_option:nth-child(even) {
    /*background: #d8e2e9; /*темнее*/
}
.p_quien, .p_quien_sp {
    margin-bottom: -10px;
}
.aviso_ch{
 margin:-40px 15px 40px;
}
/*
.cl_raznitsa{
 cursor:pointer;
}
.cl_raznitsa:hover{
 background:navy;
}
.cl_raznitsa:hover span{
 color:white!important;
}
*/
.d_wrap_dolz {
    background: #f96d6d;
    color: #ab4444;
    transition: 0.5s;
    font-size: 11px;
    line-height: 15px;
}
.d_wrap_dolz p {
    font-size: 11px!important;
    line-height: 15px;
    overflow: hidden;
}
.d_wrap_dolz div {
    min-width: 80px;
    max-width:80px;
    /* background: yellow; */
    /* overflow: hidden; */
    float: left;
    text-align: right;
    margin-right: 5px;
    font-size: 10px;
}
.d_wrap_dolz p b{
 color:#740303!important;
 m argin-left:100px;
}
.div_tr:hover .d_wrap_dolz{
    background: #fdbf4c;
}
.div_tr:hover .d_wrap_dolz p b{
    color: black!important;
}
.div_tr .daty_perioda p b {
    //color: brown!important;
}
.div_tr .daty_perioda p b {
    float: right;
}
.block_knopki_perejoda {
    b ackground: green;
    m in-width: 80px;
    m ax-width: 80px;
    text-align: center;
    margin: 0 0 4px;
    overflow: hidden;
}
.perej_pereb{
  margin: -10px 5px -5px!important;
}
.bot_link {
    color: white;
    font-size: 10px;
    padding: 5px;
    line-height: 12px;
}
.bl_l{
  float:left; 
}
.bl_r{
  float:right; 
}

 a:first-child .bot_link{
 margin-bottom:4px;
}
.w30{
 min-width: 30%;
}
.aviso_mobil {
display:none;
}

.vnutr_block div {
    margin: 10px 0;
}
.opis_o{
 margin: 0px;
 font-size: 8px;
}
.fon_tema{
 background: navy;
}
.color_tema{
 color:white;
}
.wrapp_h3:hover{
  /* background:yellow; */
  cursor:pointer;
}
.d_nom_list {
    font-size: 12px;
    color: navy;
    position: relative;
    top: 0px;
    left: 5px;
}

.inpt_bot_file{
  background: #28a3e6;
  color:white!important;
  cursor: pointer;
}
.wrap_d_logo {
    padding: 10px;
    background: #28a3e6;
    min-width: 200px;
    margin: 0 15px;
    max-width: 300px;
    min-width: 100px;
    float:left;
}
.wrap_d_logo h4 {
    margin: 5px 0 0;
    text-align: left;
    font-size: 14;
    color:red;
}

.wrap_d_logo p, .wrap_d_kartinka p {
    margin: 5px 0 0;
    text-align: left;
    font-size: 10px;
    line-height: 10px;
}
.d_icon{
  max-width: 100px;
}
/***************************************************/
#filelist {
  margin:15px;
  overflow: hidden;
    background: #e6f9f9;
    border: 1px solid #a6e7f7;
}

#filelist img {
width: 100%;
}

#filelist li {
    position: relative;
    max-width: 48%;
    width:100%;
    float: left;
    margin: 1%;
}

#filelist span {
position: absolute;
right: 0.3em;

background: #000;
color: #f3f1ed;
padding: 0 0.25em;
border-radius: 2px;
}

#filelist span.size {
top: 1.7em;
}

#filelist span.name {
top: 0.3em;
}

#filelist .remove {
  position: absolute;
  right: 0.3em;
  bottom: 0.5em;

  background: #A33B58;
  color: #f3f1ed;
  padding: 0 0.25em;
  border-radius: 2px;
  display: none;
}
#filelist li:hover .remove {
  display: block;
}
ul {list-style: none}
/***********************************************/
.wrap_btn {
    overflow: hidden;
    /* background: #f6f6f6; */
    background: #e6f9f9;
    b order: 1px solid #a6e7f7;
}

.btn {
    width: 30px;
    background: red;
    text-align: center;
    padding: 5px;
    box-shadow: inset 0 1px 0 #ee9d9d;
    color: white;
    font-weight: bold;
    font-family: verdana;
    transition: 0.5s;
    float: right;
    margin: 5px;
}
.btn:hover {
  cursor: pointer;
  background: #f66b6b;
}
.wrap_d_kartinka {
    padding: 1%;
    background: #28a3e6;
    min-width: 200px;
    margin: 1%;
    max-width: 46%;
    min-width: 80px;
    float: left;
}
.p_del_img {
    font-size: 14px;
    background: red;
    padding: 5px;
    transition: 0.5s;
}
.p_del_img:hover{
  cursor:pointer;
  background:#cc00cc;
}
.sp_udalit {
    display: inline-block;
    position: relative!important;
    top: -2px;
    font-weight: bold;
    background: none!important;
    left: 0px;
}
.p_img_avatar {
    font-size: 14px;
    b ackground: green;
    padding: 5px;
    transition: 0.5s;
}
.p_img_avatar:hover{
  cursor:pointer;
  background:#04a304;
}
.cl_img_av{
  background:#04a304;  
}
pre {
    border: 1px solid #d0cfcf;
    margin: 0 15px;
    padding: 15px;
    background: #f6f6f6;
    /* color: grey; */
}
.wrap_d_kartinka img:hover {
    cursor: pointer;
}
.d_skrepka {
    /* outline: 1px solid red; */
    background-image: url(../images/skrepka2.png);
    background-repeat: no-repeat;
    background-size: 26px auto;
    background-position: -5px 0px;
    width: 16px;
    height: 26px;
    position: relative;
    float: left;
    margin-left: -25px;
    left: 20px;
    top: 1px;
}
.h_kol3{
  padding: 0 10px;
}
.d_n_kart {
    background: #000000b8;
    color: white;
    float: left;
    /* border: 1px solid white; */
    padding: 4px 10px;
    position: absolute;
}
.p_ostatki b, .p_ostatki b span,
.p_vkazne b, .p_vkazne b span {
  display:inline-block;
}

.no_bold{
  font-weight: normal !important;
}
.img_icon {
    float: left;
    width: 40px;
    margin-top: -20px;
}
.wrap_img_pers_empr {
    padding: 0 10px;
    margin-top: 5px !important;
}
.wrap_img_pers_empr img {
    max-width: 250px;
    width: 100%;
}


.d_sel_bd {
    background: navy;
    color: white;
    padding: 15px;
    margin: 15px;
    font-family: verdana;
    font-size: 14px;
    font-weight: bolder;
    transition: 1s;
    cursor: pointer;
    overflow: hidden;
}
.d_sel_bd:hover {
  background: #0606bd;
  box-shadow: 0 0 5px 5px #28a3e6 !important;
}
.d_sel_bd p{
  position: relative;
  top: -3px;
  margin: 0 0 0 45px;
}
.logo_bd {
    float: left;
    margin: 0 10px 0 0;
    max-width: 30px;
    max-height: 30px;
}
.d_wrap_img_h3 {
    /* b ackground: #d9d4d4; */
    overflow: hidden;
    margin: 0 15px;
}
.d_wrap_img_h3 h3, 
.d_wrap_img_h3_n h3{
  /* text-align:left;  */
  margin-left: 110px;
  margin-right: 110px;
}

.d_wrap_img_h3_n {
    overflow: hidden;
    margin: 10px 15px 0;
    /* outline: 1px solid red; */
    border-top: 1px solid red;
}
.bl_text_otch_filtro{
  text-align: left; 
  /* margin: 20px 110px 0; */
  margin: 10px 15px 0;/*antes 20px 0 0 */

}

.foto_empr_pers {
    width: 100px;
    float: left;
    margin: 20px 10px 10px 0;
}
.wrap_tab{
    margin: 15px 0 0;
    padding: 15px;
    b ackground: #dbd8d8;   
}
.wrap_tab_meses {
    margin: 15px;
    overflow-x: scroll;
    position: relative;
    /* overflow-y: scroll; */
}
.tab_meses {
    border-collapse: collapse;
    border-spacing: 10;
    margin: 0px auto;
    width: 100%;
    font-family: Tahoma, Arial, sans-serif;
    border: 1px solid navy;
    word-break: unset!important;
    font-weight: normal !important;
    color: #333 !important;
}
.tab_meses tr th {
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: bolder;
    padding: 5px;
    border: 1px solid navy;
    overflow: hidden;
    /* word-break: normal; */
    background: #ccccda;
    text-align: center!important;
    /* color: white; */
}
.tab_meses tr td{
  font-family:Arial, sans-serif;
  font-size:14px;
  padding:2px 5px;
  /*border-style:solid;
  border-width:1px;*/
  b order-left:1px solid black;
  b order-right:1px solid red;
  overflow:hidden;
  w ord-break: unset!important;
  text-align:left;
  vertical-align:middle;
/*
-ms-word-break: break-all;
     word-break: break-all;

     // Non standard for webkit
     word-break: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;  
*/
}

.col_n {
    width: 6%;
    text-align: right!important;
    min-width: 30px;/*antes 25px*/
}
.col_mes{
  width:19%;
}
.col_den {
    width: 5%;
    text-align: center!important;
}
.col_summa {
    width: 17.5%;
    text-align: right!important;
}
.col_summa6 {
    width: 16.6%;
}
.col_data {
    width: 15%;
    text-align: center!important;
}
.col_sost{
  /* width:35%; */
  /* min-width: 231px; */
}

.col_n,
.col_mes,
.col_data,
.col_summa,
.col_sost {
  border-left: 1px solid grey; 
  border-right: 1px solid grey; 
}

/* Нечетные строки */
 .tab_meses tr:nth-child(odd)  {
    background: #cfdaf5;
}
/* Четные строки */
.tab_meses tr:nth-child(even) {
    background: #a5baed; /*темнее*/
}
.plan_vyplat_wrapp {
    margin: 10px 0px 10px;
    /* border: 1px solid #a6e7f7; */
    /* background: #c4f1f7; */
    padding-bottom: 15px;
}
.str_vvod_den{
  width:55px !important;
}
.str_vvod_den_sm{
  width:22px !important;
}
.block_str_kod {
    /* background: yellow; */
    width: 90px;
    height: 25px;
    /* outline: 1px solid red; */
    float: right;
    margin-right: 15px;
}
.d_plus {
    background: navy; 
    width: 25px;
    height: 25px;
    /* outline: 1px solid red; */
    float: left;
    transition: 0.5s;
    cursor:pointer;
}
.d_plus:hover {
    background: #0606bd; 
}
.block_iconos {
    overflow: hidden;
    /* outline: 1px solid red; */
}
.icons4 {
    min-width: 186px;
    /* outline: 1px solid red; */
}
.icons5 {
    min-width: 233px;
    /* outline: 1px solid red; */
}

.icon_edit_del {
    margin: 2px;
    float: right;
    width: 20px;
}
.iconka_sost {
    float: right;
    width: 14px;
    position: relative;
    right: -4px;
    top: 0px;
}
.icon_info {
    margin: 2px;
    float: left;
    width: 20px;
    cursor: pointer;
}
.sost_pagado {
    background: #a1f96c !important; /* светло зеленый*/
}
.sost_next {
    background: yellow !important;
}
.sost_eliminado {
    background: #FFC1AF !important;
}
.sost_srochno {
    background: yellow !important;
}

/* Нечетные строки */
 .sost_pagado:nth-child(odd) {
    background: #a1f96c !important; /* светло зеленый*/
}
/* Четные строки */
.sost_pagado:nth-child(even) {
    background: #90de61 !important; /* темнее зеленый*/
}


/* Нечетные строки */
 .sost_next:nth-child(odd) {
    background: yellow !important; /* светло желтый*/
}
/* Четные строки */
.sost_next:nth-child(even) {
    background: #dfeb27 !important; /* темнее желтый*/
}

/* Нечетные строки */
 .sost_eliminado:nth-child(odd) {
    background: #FFC1AF !important; /* светло красный*/
}
/* Четные строки */
.sost_eliminado:nth-child(even) {
    background: #fea187 !important; /* темнее красный*/
}

/* Нечетные строки */
 .sost_srochno:nth-child(odd) {
    background: yellow !important; /* светло желтый*/
}
/* Четные строки */
.sost_srochno:nth-child(even) {
    background: #fde400 !important; /* темнее желтый*/
}




.t_dat .col_n {
    background-image: url(../images/strelka_right.png);
    background-repeat: no-repeat;
    background-size: 14px auto;
    transition: 0.5s;
    background-position: -15px 50%;
    opacity: 1;
}
.t_dat:hover .col_n {
    background-image: url(../images/strelka_right.png);
    background-repeat: no-repeat;
    background-size: 14px auto;
    background-position: 0px 50%;
    opacity: 1;
}

.tr_result {
    font-weight: bolder;
    border-top: 1px solid grey;
    background: #ccccda !important;
}
.tr_result_cifras {
    font-weight: bolder;
    border-top: 1px solid grey;
    background: #eee !important;
}


.cl_strelka_red{
    background-image: url(../images/strelka_vniz_red.png);
}
.cl_strelka_blue{
    background-image: url(../images/strelka_vverj_blue.png);
}
.cl_strelka_red, .cl_strelka_blue {
    background-repeat: no-repeat;
    background-size: 12px auto;
    background-position: 0px 1px;
}
.d_strelka{
    /* background-image: url(../images/strelka_vverj_blue.png); para probar */
    background-repeat: no-repeat;
    background-size: 12px 15px;
    outline: 1px solid red;
    width: 12px;
    float: left;
    height: 15px;  
}
.d_vyplat {
  min-width: 120px !important;
  max-width: 120px !important;
  /*background:grey;*/
}

.col_n1,
.col_data1,
.col_info1,
col_nm,
.col_summa1,
.col_edit1 {
  border-left: 1px solid grey; 
  border-right: 1px solid grey; 
}

.col_n1{
  width:5%;
}
.col_info1{
  width:25%;/*antes 20%*/
}
.col_data1{
  width:15%;
}
.col_nm{
  width:5%;
}
.col_summa1{
  width:15%;
  text-align:right !important;
  min-width: 90px;
}
.col_edit1 {
    width: 5%;/*antes 10%*/
    min-width: 28px;
    min-height: 38px;
    /* height: 38px; */
}

.td_anio{
     background: navy !important;
     color:white;
}
.td_mes {
    background: #eeeeee!important;
    /* height: 0px; */
    padding: 3px 5px !important;
    color: black;
}
.tab_meses tr:not(.tr_result):hover {
    background: #e3b3f7!important; /*orange!important;*/
    transition: 0.5s;
    /* outline: 1px dashed red; */
}

.text_l{
  text-align:left !important;
}
.text_c{
  text-align:center !important;
}
.text_r{
  text-align:right !important;
}
.m0_15{
  margin:0 15px;
}
.tut_vstavit {
    margin: 15px;
    overflow-x: scroll;
    position: relative;
} 
.d_calendar {
    background-image: url(../images/calendar_clock_kv.png);
    background-repeat: no-repeat;
    background-size: 15px auto;
    background-position: 0px 0px;
    width: 15px;
    height: 19px;
    /* outline: 1px solid red; */
    position: relative;
    float: left;
    margin-left: -22px;
    left: 20px;
    top: 1px;
}
.d_monety {
    background-image: url(../images/monety_s3.png);
    background-repeat: no-repeat;
    background-size: 15px auto;
    background-position: 0px 1px;
    width: 15px;
    height: 19px;
    /* outline: 1px solid red; */
    position: relative;
    float: left;
    margin-left: -22px;
    left: 20px;
    top: 1px;
}
.cl_plan_vyplat {
  background: #4caf50;
  color: #333333;
}
.cl_plan_vyplat:hover {
  background: #4caf50;
}
.bar_error {
    margin: 15px;
    background: navy;
    overflow: hidden;
    font-family: verdana;
    font-size: 12px;
    transition: 0.5s;
}
.bar_error .wr_d_l {
    width: 50%;
    overflow: hidden;
    float: left;
    color: white;
    transition: 0.5s;
}
.bar_error .wr_d_r {
    width: 50%;
    overflow: hidden;
    float: right;
    color: white;
    transition: 0.5s;
}
.bar_error .d_l {
    float: left;
    margin: 2px 10px;
}
.bar_error .d_r {
  float: right;
    margin: 2px 10px;
}
.bar_error .wr_d_l:hover, .bar_error .wr_d_r:hover{
  background: #0202b0;
}
.block_tab_info {
    width: 100%;
    background: #5b66839c;
    position: absolute;
    /* top: 90px; */
    left: 0;
    /* vertical-align: top!important; */
    /* display: none; */
    /* opacity: 0; */
  transition: 1s;
  z-index: 1;
}
.tab_meses tr:hover .block_tab_info{
  /* display: block; */
    o pacity: 1.0;
}
.cont_inner {
    margin: 15px;
    background: #a5baed;
    /* width: 95%; */
    padding: 5px;
    border: 1px solid #8ca6e5;
}
.cont_inner h4 {
    color: #ffffff;
    margin-bottom: 5px;
    font-weight: normal;
    font-family: Verdana;
    font-size: 14px;
    background: navy;
    padding: 6px 35px;
    min-height: 18px;
    transition: 0.5s;
    text-align: center;
    /* height: 18px; */
}
.cont_inner h4:hover{
  background: #0606bd;
}
.cont_inner h4 b{
    font-weight: bolder;
}
.cont_inner p {
    margin: 0px 0px 5px;
    color: #3F51B5;
    padding: 1px 5px;
    background: #bbcdf8;
    /* outline: 1px solid red; */
    border: 1px solid #94aeec;
}

.wr_kartinka {
    background: #bbcdf8;
    max-width: 250px;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #94aeec;
}
.icon_cerrar {
    width: 30px;
    float: right;
    top: 0px;
    position: relative;
    right: 0px;
    cursor: pointer;
    transition: 0.5s;
    /* outline: 1px solid yellow; */
}
.icon_cerrar:hover {
    background: #778dc0;
}
.d_sponsor {
  font-size: 14px;
  color: navy;
}
.d_sponsor span {
    font-size: 10px;
    color: grey;
    min-width: 60px;
    /* outline: 1px solid red; */
    display: inline-block;
    /* text-align: right; */
}
.d_title_opis {
  font-size: 12px;
  /* color: navy; */
}
.d_title_opis span {
    font-size: 10px;
    color: grey;
    min-width: 60px;
    /* outline: 1px solid red; */
    display: inline-block;
    /* text-align: right; */
}
.tr_par{
    background: #a5baed !important;
}
.tr_par:hover, .tr_impar:hover{
    background: yellow!important;
}
.tr_impar{
    background: #cfdaf5!important;
}


.b_t2 {
  border-top: 1px solid grey;
}
.b_b2 {
  border-bottom: 1px solid grey;
}.b_r2 {
  border-right: 1px solid grey;
}
.b_l2 {
  border-left: 1px solid grey;
}
.icon_pv {
    width: 20px;
    float: left;
    margin: 10px 10px;
    cursor: pointer;
}
.wr_ed_del {
    /* outline: 1px solid red; */
    margin: 0 auto;
    overflow: hidden;
    text-align: center!important;
    width: 28px;
}
.wr_2fotos {
    max-width: 100px;
    /* outline: 1px solid green; */
    float: left;
    margin: 10px 0 0;/*antes 20px 0 0*/
}

.foto_sp, .foto_pol {
    background: #e6f9f9;
    padding: 2px;
    margin-bottom: 5px;
    border: 1px solid #a6e7f7;
}
.foto_sp p, .foto_pol p {
    margin: -3px 0;
    font-size: 10px;
    text-align: center;
    /* margin-bottom: -5px; */
    color: #afaeae;
}
.outer_vybor_empresa_sp, .outer_vybor_persona_sp, 
.outer_vybor_empresa, .outer_vybor_persona {
    margin-top: -16px !important;
    padding-top: 1px !important;
}

.daty_perioda, .data_vozvrata_wrapp {
    padding-top: 1px !important;
}
.kol_conceptos_pv {
  width: 325px !important;
}
.razryv_pv_next {
    position: relative;
    top: -12px;
    color: white;
    background: navy;
    height: 10px;
    margin: 0 31px;
    text-align: center;
    font-size: 6px;
    line-height: 10px;
    font-family: verdana;
}
 .pvcol1{/*Nº*/
  width: 25px!important;
 }


  .pvcol2{/*Дата начала*/
  width: 90px!important;
 }
  .pvcol3{/*Дата окончания*/
  width: 90px!important;
 }

  .pvcol23{/* th -> Спонсор | Получатель | Даты*/
  /* w idth: 90px!important; */
 }
  .pvcol27{/* td -> Дата начала*/
  /* min-width: 190px!important; */
 }

  .pvcol4{/*Nº m*/
  width: 40px!important;
 }
  .pvcol5{/*summa zapl.*/
  width: 100px!important;
 }
  .pvcol6{/*summa real.*/
  width: 100px!important;
 }
  .pvcol7{/*summa ost.*/
  width: 100px!important;
 }
 .pvcol5,
 .pvcol6,
 .pvcol7{
  text-align: right!important;
 }
 .totales_th tr th:not(.td_summas)  {
  border: none;
 } 
.wrap_pv_tab{
  margin:0px 15px;
}

.tab_meses tr th:not(last-child){
  border-right: 1px solid grey;
}
.tab_meses tr th:last-child {
    border-right: 1px solid navy;
}

.tab_meses .t_dat td:first-child,
.tab_meses .tr_result td:first-child {
    border-left: 1px solid navy;
}
.tab_meses .t_dat td:last-child,
.tab_meses .tr_result td:last-child {
    border-right: 1px solid navy;
}

.tab_meses .tr_result_top,
.tab_meses .col_edit1_top,
.t_dat_gr {
    border-top: 1px solid navy;
}
.wrap_totales_grupo p,
.wrap_totales_con p, 
.wrap_pv_tab p {
  font-family: arial;
}
.wr_2fotos_sm {
    max-width: 60px;
    /* outline: 1px solid green; */
    float: left;
    /* margin: 20px 0 0; */
}
.foto_sp_sm,
.foto_pol_sm {
    background: #f6f6f6;
    padding: 2px;
    border: 1px solid grey;
}

.foto_sp_sm p, .foto_pol_sm p {
    margin: 2px 0;
    font-size: 8px;
    text-align: center;
    margin-bottom: 0px;
    color: #808080;
}
.wr_pokaz {
    background: #f6f6f6;
    margin: 15px;
    padding: 5px 10px;
    border: 1px solid #a6e7f7;
}
.wr_pokaz p:not(.p_zametka_sm){
  margin: 0px;
  cursor: pointer;
}

.wr_priv .priv {
  margin: 5px !important;
  cursor: pointer;
}
.nom_spiska {
    color: #322e2e;
    position: relative;
    top: 50%;
    left: -3px;
    float: left;
    font-size: 9px;
    margin-top: 4px;
    transition: 0.5s;
}
.t_dat:hover .nom_spiska{
  opacity: 0;
}
.bot_link2 {
    background: navy;
    padding: 5px 5px;
    color: white;
    min-width: 190px;
    text-align: center;
    font-size: 12px;
    margin: 5px 0;
    font-family: verdana;
}
.wr_bot_link2 {
  overflow: hidden;
  margin: 15px;
}
.wr_bot_link2 h3 {
    border-bottom: 1px solid #28a3e6;
    margin: 15px 0px 10px;
    padding-bottom: 10px;
}
.p_prim{
    font-size: 10px;
    margin-top: -10px;
    line-height: 10px;
}
.wr_block_priv{
  padding-top: 1px;
}

/*помощь программисту - для показа начала файла*/
/*=========================================*/

.incl_bg,
.tab_proverka {
   /* display: block; */
   display: none;
}

.incl_bg {
    background: #9C27B0;
    color: white;
    padding: 5px 15px;
    text-align: center;
    font-family: arial;
    margin: 15px;
}
.incl_bg b {
    color: #fae104!important;
    font-size: 20px;
    /* display: block; */
    padding: 5px 0;
}
.incl2 {/*уровень вложенности 2*/
    background: red;
    margin: 15px 50px;
}
.incl3 {/*уровень вложенности 3*/
    background: #065964;
    margin: 15px 85px;
}
.incl4 {/*уровень вложенности 4*/
    background: #e97b0a;
    margin: 15px 120px;
}
.incl_tsel{
  /* border: 3px dashed black; */
  background: #982603;
}
.tr_sel {
    /* border: 3px dashed red; */
    background: yellow!important;
}
/* конец - помощь программисту - для показа начала файла*/
/*=========================================*/

.tab_meses a{
  color: navy;
  transition: 0.5s;
}
.tab_meses a:hover{
  color: red;
}
.n_scheta {
    /* background: grey; */
    float: left;
    width: 25px;
    text-align: right;
}

.nazv_scheta {
    /* background: yellow; */
    margin-left: 30px;
}
.numero_scheta {
    font-size: 10px;
    color: #666666;
    /* background: green; */
}
.tr_cuenta:hover a {
  color: red !important;
  cursor: pointer;
}
.d_vvod_id{
    margin: 0px 0 0 5px;
    float: right;
    font-family: Verdana;
    font-size: 14px;
    /* outline: 1px solid red; */
}  
.d_vvod_cod{
    margin: 0 15px;
    float: right;
    font-family: Verdana;
    font-size: 14px;
    /* outline: 1px solid red; */
}  
.dobavlen {
    line-height: 15px;
    margin: 10px 0 4px;
    border: 1px solid #b4c5c5;
    background: #d1e6e6;
    padding: 5px;
}
.dobavlen div{
  margin-top: 5px
}
.p_dat_user{
  margin: 0 15px;
}
.block_user_creado_editado {
    margin: 15px 15px 15px;
    /* background: #e6f9f9; */
    /* outline: 1px solid red; */
    /* border: 1px solid #a6e7f7; */
    /* padding: 10px; */
}
.block_user_creado_editado p{
  margin: 0;
}
.d_user_creado {
    background: #e6f9f9;
    border: 1px solid #a6e7f7;
    padding: 10px;
    overflow: hidden;
}
.d_user_editado{
    margin-top: 10px;
    background: #e6f9f9;
    border: 1px solid #a6e7f7;
    padding: 10px;
}
.wr_pokaz .d_auth p{
  cursor: default !important;
}
.sig_str {
    font-size: 6px;
    text-align: center;
    font-family: Verdana;
}
.vstavka_podpisi {
    /* outline: 1px solid green; */
    height: 60px;
    /* background: green; */
    top: -80px;
    /* opacity: 0.5; */
    position: relative;
    border-top: 1px solid navy;
}
.bl_podpis_l {
  width:50%;
  /* background: #FFC107; */
  float:left;
  height: 50px;
}
.bl_podpis_r {
  width:50%;
  /* background: yellow; */
  float:right;
  height: 50px;
}
.d_text_podpis {
    margin: 5px 0 5px;
    text-align: left;
    font-size: 10px;
    color: navy;
    font-family: Verdana;
    line-height: 12px;
}
.d_text_podpis span{
  font-weight: bolder;
}
.kvadrat_podpis{
  border:1px solid black;
  height: 26px;
  width: 200px;
}
.zagolovok_sig_str {
    /* background: red; */
    position: relative;
    /* top: -58px; */
    /* outline: 1px solid red; */
    height: 25px;
    margin-top: -10px;
    /* left: 5px; */
}
.zagl_text_l {
    float: left;
    /* background: green; */
    padding: 0 7px;
    /* height: 18px; */
    margin-top: -59px;
    font-size: 11px;
    font-family: Verdana;
    /* margin-left: 10px; */
}
.zagl_text_r {
    float: right;
    /* background: orange; */
    padding: 0 7px;
    /* height: 18px; */
    margin-top: -59px;
    font-size: 11px;
    font-family: Verdana;
}
.wrapp_bl_podp {
    margin: 15px;
    border: 1px solid #a6e7f7;
    overflow: hidden;
    background: #f6f6f6;
}
.bl_podp_l{
  float: left;
  width: 50%;
  /* background: green; */
}
.bl_podp_r{
  float: right;
  width: 50%;
  /* background: orange; */
}
.pervaya_data{
  float: left;
}
.posledniaya_data{
  float: right;
}
.nazvaniye_statyi_pv_print{
  color: navy;
  font-weight: bolder;
}
.vst_otst{
  /* background: red; */
  opacity: 0.5;
}
.razryv_mezhdu_statyami {
  margin: 5px 0 5px;/**/
}
.razryv_mezhdu_statyami2 {
  margin: 5px 0 6px;/*чтобы к статье не прислонялся*/
}
.razryv_mezhdu_grupami_bot{
  margin-bottom: 5px;/*отступ снизу только*/
}
.razryv_mezhdu_grupami_bot2{
  margin-bottom: 6px;/*отступ снизу только*/
}
.fs14{
  font-size: 14px !important;
}
.fs13{
  font-size: 13px !important;
}
.fs12{
  font-size: 12px !important;
}
.fs11{
  font-size: 11px !important;
}
.fs10{
  font-size: 10px !important;
}
.fs9{
  font-size: 9px !important;
}
.fs8{
  font-size: 8px !important;
}
.fs7{
  font-size: 7px !important;
}
.fs6{
  font-size: 6px !important;
}
.fs5{
  font-size: 5px !important;
}

.aviso_time_outer {
    position: fixed;
    top: 0;
    left: 0px;
    background: #3a383894!important;
    z-index: 99999;
    width: 100%;
    height: 100%;
    /* cursor: pointer; */
}
.aviso_time_inner {
    background: red;
    padding: 20px;
    /* height: 150px; */
    display: block;
    border: 3px solid #434343;
    color: white;
    font-size: 15px;
    /* font-weight: bold; */
    font-family: verdana;
    /* width: 100%; */
    margin: 0 auto;
    /* overflow: hidden; */
    /* position: relative; */
    max-width: 550px;
    cursor: pointer;
}
.aviso_time_outer p{
  margin: 5px 0; 
}
/* inicio - настройки стиля для обратного счетчика */
.aviso_time_inner h1 {
    color: #fff;
    font-weight: 100;
    font-size: 26px;
    margin: 40px 0px 20px;
    font-style: normal!important;
    text-align: center;
}
.krome_secund{
  display: none!important;
}
#clockdiv{
    font-family: sans-serif;
    color: #fff;
    /* display: inline-block; antes era */
    display: block;
    font-weight: 100;
    text-align: center;
    font-size: 30px;
}

#clockdiv > div {
    padding: 10px;
    /* border-radius: 3px; */
    background: #a90404;
    /* border: 1px solid #a6e7f7; */
    display: block;
    width: 100px;
    margin: 0 auto;
}

#clockdiv div > span {
    padding: 15px;
    /* border-radius: 3px; */
    background: #920303;
    display: inline-block;
    width: 70px;
}

.smalltext{
    padding-top: 5px;
    font-size: 16px;
}
/*взято из сайта: http://denis-creative.com/jstimer/  */
/* fin de - настройки стиля для обратного счетчика */

.ugolok {
    width: 20px;
    height: 20px;
    border-left: 1px solid white;
    border-top: 1px solid white;
    background: #131313;
    position: absolute;
    left: 50%;
    top: 20px;
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    /* z-index: 1 !important; */
}

.poyasneniye {
    /* background: #131313; */
    color: #e6e6e6;
    font-size: 10px;
    font-weight: normal;
    opacity: 0;
    transition: 1s;
    height: 0;
    overflow: hidden;
    z-index: -1;
    position: relative;
}
.poyasneniye_sm{
  width: 314px;
}
.poyasneniye_inner {
    margin-top: 30px;
    background: #131313;
    padding: 5px;
    border: 1px solid white;
}
.poyasneniye p, .poyasneniye_act p{
  margin: 10px;
}
/*
.d_sel_bd:hover .poyasneniye {
    width: 50%;
    left: 25%;
    opacity: 1;
    height: auto;
    position: absolute;
    overflow: hidden;
    z-index: 1;
}
*/

.d_sel_bd:hover .poyasneniye_act {
    width: 50%;
    left: 25%;
    opacity: 1;
    height: auto;
    position: absolute;
    overflow: hidden;
    z-index: 1;
    color: #e6e6e6;
    font-size: 10px;
    font-weight: normal;
    transition: 1s;
}
.div_logotip:hover .poyasneniye{
    width: 20%;
    left: 40%;
    opacity: 1;
    height: auto;
    position: absolute;
    overflow: hidden;
    z-index: 1;
}    
a.link5 {
    color: #78abf1;
    text-decoration: underline;
}
a.link5:hover {
    color: #4588d9;
    text-decoration: none;
}

.logo_title {
    /* outline: 1px solid #00ff0c; */
    float: left;
    position: relative;
    max-width: 640px;
    color: white;
    font-size: 18px;
    top: 12px;
    font-family: Verdana;
    transition: 1s;
    word-break: break-word;/*если длинное название , то переношу его*/
}
.logo_title span{
  font-size: 10px;
  /* color: grey; */
  opacity: 0.5;
}
.logo_title_login {
    top: 0px;
    width: 210px;
    font-size: 14px;
    padding: 3px 0;
    /* outline: 1px solid green; */
    opacity: 0;
    display: none;
    z-index: -1; 
}
.d_zagruzka {
    position: fixed;
    width: 100%;
    height: 100%;
    /* background: #10103c47; */
    margin: 0 auto;
    text-align: center;
    z-index: 9999999;
    left: 0;
    top: 0;
    /* отключаю для тестирования*/
    /* display: none; */
    /* включаю, для показв красивого лоадера*/
    display: block;
}
.d_zagruzka img {
    position: absolute;
    top: 50%;
    left: 50%;
    /* outline: 1px solid red; */
    width: 100%;
    max-width: 50px;
    vertical-align: middle;
    margin-top: -25px;
    margin-left: -25px;
}
.d_zagruzka_vbd {
    /* outline: 1px solid red; */
    height: 325px;
    width: 100%;
}

/*zagruzka14.gif - это цвет navy  как и шапка vebor_bd_demo.php*/
.d_zagruzka_vbd img {
    position: relative;
    top: 50%;
    left: 50%;
    /* outline: 1px solid green; */
    margin-left: -32px;
    margin-top: -32px;
    width: 64px;
}
.posmotret_pass {
    width: 100%!important;
    /* padding: 0; */
    height: 25px;
    font-size: 12px;
    font-weight: normal;
}
.otstup_do_knopok{
  /* outline: 1px solid red; */
  height: 350px;
}
.d_demo_zagruzka {
    display: block;
    width: 100px;
    height: 100px;
    /* outline: 1px solid red; */
    margin: 0 auto;
}
.fix_log {
    background: black;
    color: white;
    position: relative;
    top: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    z-index: 99999;
}
.wrapp_link_page {
    /* outline: 1px solid red; */
    margin: 0;
    text-align: center;
    padding: 10px 0 0px;
    /* border-top: 1px solid #426f5f; */
    font-family: tahoma;
    line-height: 35px;
    /* background: #c0ccdc; */
}
.link_page {
    padding: 0px 5px;
    color: white;
    margin: 2px;
    text-decoration: none!important;
    display: inline-block;
    min-width: 30px;
    text-align: center;
}
.p_act {
    background: navy;
}
.p_noact {
    background: navy;
    opacity: 0.5;
    /* transition: 0.5s; */
}
.p_noact:hover {
    background:#0606bd;
    color: white;
    opacity: 1;
}

.link_page[data-descr] {
  position: relative;
  text-decoration: underline;
  transition: 0.25s;
}

.link_page[data-descr]:hover::after {
    content: attr(data-descr); 
    position: absolute;
    left: 0;
    top: 30px;
    min-width: 200px;
    border: 1px navy solid;
    /* border-radius: 10px; */
    background-color: navy;
    padding: 5px 10px;
    color: #ffffff;
    font-size: 10px;
    z-index: 1;
    /* width: 100%; */
    font-family: tahoma, arial, sans-serif;
    line-height: 18px;
    /* text-align: left; */
    display: none;/*отображается не по центру в мобилке*/
}
.diapazon{
  display: inline;
}
.diapazon::before {
    content: "|";
    margin-right: 25px;
    margin-left: 25px;
}
.d_pagination {
    background: #e6f9f9;
    /* border-radius: 5px; */
    border: 1px solid #a6e7f7;
    color: black;
    font-family: tahoma;
    font-size: 15px;
    margin: 10px 15px;
    padding: 10px;
    /* text-align: right; */
    text-decoration: none;
    z-index: 2;
    position: relative;
}
.d_pagination p{
  margin: 0;
}
.persona_foto {
    /* outline: 1px solid #a6e7f7; */
    float: left;
    max-width: 100px;
    margin-right: 10px;
}
.persona_foto img{
    margin: 0px auto;
    width: 100%;
}
.persona_datos {
    /* outline: 1px solid red; */
    margin: 0 0 0 110px;
    text-align: left;
}

/* begin - Preloader - CSS Animation*/
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: transparent;
}
.loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #416086;/*original #9370DB*/
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
.loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #4f74a1;/*original #BA55D3*/
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}
.loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #6593ca;/*original #FF00FF*/
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.loader_inline {/*моя добавка для показа в config_edit.php*/
    display: block;
    margin: 0px !important;
    width: 100px !important;
    height: 100px !important;
    left: 0px !important;
    top: 0px !important;
}

.loader_tema{
    border-top-color: navy;  
}
.loader_tema::before {
    border-top-color: red;
}
.loader_tema::after {
    border-top-color: green;
}

/* end - Preloader - CSS Animation*/

#cli2{
    position: relative;
    top: -40px;
}

.d_versiya {
    /* background: red; */
    /* outline: 1px solid green; */
    text-align: center;
    /* height: 45px; */
    padding-top: 12px;
}
.d_versiya p {
    color: #ffffff;
    font-size: 10px;
    font-family: Verdana;
    margin: 0;
    line-height: 12px;
}
.d_versiya p span {
    opacity: 0.2;
}
.d_versiya a{
  position: relative;
  z-index: 9999;
  font-size: 10px;
  color: #ffffff;
  opacity: 0.2;
  transition: 0.5s;
}
.d_versiya a:hover{
  color: #ffffff;
  text-decoration: underline;
  opacity: 0.8 !important;  
}
.p_versiya {
    text-align: center;
    margin: 0 auto;
    font-size: 10px;
}
.h2_versiya {
    margin: 20px 52px 0px;
    color: navy; /*#334c6b;*/
}
.h10{
  height: 10px;
}
.strelka_ukazatel {
    background: #CDDC39; 
}
.ukaz_l {
    width: 20px;
    position: relative;
    height: 20px;
    left: -17px;
    top: 39px;
    margin-top: -20px;
    float: left;
}
.ukaz_r {
    width: 20px;
    position: relative;
    height: 20px;
    right: 3px;
    top: 19px;
    margin-top: -20зч;
    float: right;
    margin-right: -20px;
}
.sbros{
  cursor: pointer;
}

.bl_vyb_fechas_vencimiento_prl,
.bl_vyb_fechas_creacion,
.bl_vyb_duracion,
.bl_vyb_fechas,
.bl_vyb_amsd,/*año,mes,semana,dia*/
.bl_vyb_fechas_plan
 {
    background: #e6f9f9;
    border: 1px solid #334b6b;
    border-top: none;
    margin: 0px 15px;
    overflow: hidden;
}



.cl_vybor_status_plan,
.cl_vybor_tipo_viaje,
.cl_vybor_tip,
.cl_vybor_metodo_pago,
.cl_vybor_estado_viaje,
.cl_vybor_status_viaje,
.cl_vybor_conductor,
.cl_vybor_status_kazna,
.cl_vybor_coche,
.cl_vybor_turno,
.cl_vybor_precio_facturado,
.cl_vybor_efectivo_cobrado,
.cl_vybor_estado,
.cl_vybor_horario,
.cl_vybor_empresa,
.cl_vybor_user,
.cl_vybor_parametr,
.cl_vybor_jranilishche,
.cl_vybor_sumas, 
.cl_vybor_search {
    background: #e6f9f9;
    border: 1px solid #334b6b;
    border-top: none;
    margin: 0 15px;
    padding-top: 1px;
}

.cl_vybor_quien_sp, 
.cl_vybor_quien {
    background: #e6f9f9;
    border: 1px solid #334b6b;
    border-top: none;
    margin: 0px 15px;
    /* padding-bottom: 35px; */
    padding-bottom: 0px;
    padding-top: 1px;
}
.bt_mb{
    border-top: 1px solid #334b6b;
    margin-bottom: 15px;
}
.bt_mb_mt {
    border-top: 1px solid #334b6b;
    margin-bottom: 15px;
    margin-top: 20px;
}
.ne_vybirat{
  background: grey;
  color: black;
}
.block_filtro, 
.block_ordenar,
.block_vybor_files 
{
    background: #f8f8f8;
    border: 1px solid #334c6b;
    border-image: initial;
    margin: 0px 15px;
    border-top: none;
    padding: 1px 0 15px;
}
.block_norm 
{
    background: #f8f8f8;
    border: 1px solid #334c6b;
    border-image: initial;
    margin: 0px 15px;
    border-top: none;
    padding: 1px 0px 0px;
}
.block_norm .p_vvod,
.block_aj .p_vvod
{
  /* padding-right: 13px; */
}

.p_prim_fechas {
    margin: -5px 0 0px!important;
    color: grey;
    font-size: 10px;
}
.ml_110{
  margin-left: 110px;
}
.mr_110{
  margin-right: 110px;
}
.mr_0{
  margin-right: 0;
}
.ml_0{
  margin-left: 0;
}
.param_otch_h3 {
    margin: 0 0 10px!important;
    border-bottom: 1px solid #a6e7f7;
    padding-bottom: 5px;
}
.p_prim_nayd {
    float: right;
    margin: -5px 15px 0!important;
    color: grey;
    font-size: 10px;
}
.h_5{
  /*отступ снизу от таблицы планов выплат*/
  height: 5px;
  /* background:yellow; */
}
.wr_pokaz_sinjr {
    background: #e6f9f9!important;
    margin: 15px;
    padding: 5px 10px;
    border: 1px solid #a6e7f7;
}
.izm_sinjr,
.izm_auto_f{
  cursor: pointer;
}
.p_el_param {
    border: 1px solid transparent;
    padding: 2px 5px;
    /* background: #d9d9d9; */
    transition: 0.5s;
    margin: -2px -5px!important;
}
.p_el_param:hover {
    border: 1px solid #c4c4c4;
    background: #eeeeee;
}
.p_el_param .krestik{
  opacity: 0.3;
  transition: 0.5s;
}
.p_el_param:hover .krestik{
  opacity: 1;
}
.krestik {
    margin: 2px 0px 5px 5px;
    /* background: red; */
    /* outline: 1px solid blue; */
    width: 15px;
    height: 15px;
    float: right;
}
.krestik:hover{
  cursor: pointer;
}
.wsp_no{
  white-space: nowrap;
}
.wr_horas_outer {
    margin: 5px 15px 5px;
    /* outline: 1px solid red; */
    overflow: hidden;
    background: #e6f9f9;
    border: 1px solid #a6e7f7;
    padding: 5px;
    display: inline-block;
    font-family: Verdana;
    font-size: 14px;
}
.wr_horas {
    width: 60px;
    display: inline-block;
}
.wr_segundos {
    width: 47px;
    display: inline-block;
}
.d_secundy{
    position: relative;
    top: -6px;
    font-size: 9px!important;
}
.vremia{
  font-weight: bold;
  color: blue;
}
.sp_data_vr {
    float: left !important;
}
.sp_vremia_vr {
    float: left;
    margin-left: 53px;
}
.sp_summa_vr {
    float: right;
}



.block_menu_new {
    /* outline: 1px solid red; */
    padding: 0px;
    background: #3f51b5;
    position: fixed;
    top: 45px;/*antes 0*/
    left: -300px;/*ocultado a la izda*/
    width: 300px;
    height: 100%;
    overflow-y: scroll!important;
    float: left;
    z-index: 9999999;
    /* display: none; */
}
.demo_container_menu_mob .block_menu_new{
  top: 54px;
}
.demo_container_menu_mob .block_menu_new,
.demo_container_menu_mob .bl_shap_m {
    width: 80%;
    max-width: 425px;
    min-width: 300px;
    left: -100%;
}
/* antes
.block_menu_new .demo_container_menu_pc {
    margin-top: 45px;
    margin-bottom: 0px;
}
*/
.block_menu_new .demo_container_menu_pc {
    margin-top: -1px;
    margin-bottom: 45px;
}

.bl_shap_m {
    background: #3f51b5;
    height: 45px;
    width: 300px;
    position: fixed;
    left: -300px;
    top: -1px;
    z-index: 999999;
}
.bl_shap_m .div_verj{
  top: 10px;
}


/*
.block_menu_new #cerrar_menu {
    float: right;
    left: 300px;
    position: fixed;
    top: 0px;
    z-index: 2;
    background: #3f51b5;
}
*/
/*
.block_menu_new #cerrar_menu img {
    padding: 12.5px;
    margin: 0;
}
*/
.block_lado_r {
    background: #0e0e0e80;
    /* background: #ff00ff; */
    height: 100%;
    top: 0;
    position: fixed;
    width: 100%;
    opacity: 0;
    z-index: -1;
    /* outline: 1px solid red; */
}
.demo_container_menu_mob .block_lado_r{
    display: none;
}

.wrapp_img_poisk {
    margin: 20px 15px 40px;
    padding: 10px;
    text-align: center;
    /* outline: 1px solid red; */
}
.wrapp_img_poisk img{
  width: 50%;
  max-width: 100px;
}
.wrapp_po_parametram,
.wrapp_po_slovam {
    padding-top: 1px;
    display: block;
    margin-bottom: 15px;
}
.wr_img_fp {
    /* outline: 1px solid red; */
    overflow: hidden;
    float: left;
    width: 30px!important;
    padding: 5px;
    height: auto;
    text-align: center;
    margin-left: 5px;
}
.wr_img_fp img {
  width: 100%;
}
.div_tel_hay{
  display: block;
}
.div_tel_vacio{
  display: block;
}
.nom_str_pers {
    position: relative;
    color: red;
    float: left;
    font-size: 10px;
    /* display: none; */
    /* background: #27a3e5; */
    top: 3px;
    left: 25px;
    font-family: verdana;
    /* width: 13px; */
    /* text-align: right!important; */
}
.d_imen {
    background: #c2f3f9;
    color: #2196F3;
    float: right;
    font-size: 13px;
    padding: 2px 5px;
    border: 1px solid #a6e7f7;
    text-align: center;
}
.wr_inpt_numlist {
    /* border: 1px solid #009688; */
    width: 40px;
    /* background: greenyellow; */
    overflow: hidden;
    margin-bottom: 5px;
}
.wr_inpt_numlist .d_nom_list{
  float: left;
}
.wr_inpt_numlist input {
    float: left;
    top: 3px;
    left: 3px;
    position: relative;
    margin-right: 3px;
}
.dni_nz{
  margin-left: 15px;
  margin-right: 15px;
}
.hr_line{
  margin: 0;
}
.nz_prs_editar {
    margin: 0 0 5px!important;
    background: #334c6b;
    color: white;
    border: 1px solid #334c6b;
}
.nz_prs_editar b{
    color: white;

}
.tsyfra {
    white-space: nowrap;
}
.bl_dat_kms {
    background: #e6f9f9;
    border: 1px solid #a6e7f7;
    margin: 10px 15px;
    padding: 10px;
    text-decoration: none;
    z-index: 2;
    position: relative;
    overflow: hidden;
}
.bl_dat_kms h3{
  margin: 0px 15px 5px;
}
.bl_dat_kms p{
  margin: 0;
}
.bl_dat_kms hr{
    height: 1px;
    background: #a6e7f7;
    margin: 10px 0;
}
.dop_opis_act .bl_dat_kms h3,
.dop_opis .bl_dat_kms h3 {
  font-size:12px;
 }
 .dop_opis_act .bl_dat_kms p span,
 .dop_opis .bl_dat_kms p span {
  display:block;
 }
.bl_dat_kms p span {
    color: #615b5b;
    /* font-size: 12px; */
}
/* .topl_formula{
  font-size: 10px;
  color: grey;
}
 */
 .dop_opis_act .bl_dat_kms .topl_formula{
  font-size: 10px;
  color: grey;
}
.fld_topl {
    border: 1px solid #334c6b;
    margin: 0px 15px;
    background: #e6f9f9;
}
.leg {
    color: #334c6b;
    padding: 0px 5px 2px;
    margin-left: 15px;
    background: #d3f7f7;
    border: 1px solid #334c6b;
    font-family: Verdana;
    font-size: 14px;
}



/* start stilos de opera*/
.web-search {
    align-items: center;
    /* background-image: linear-gradient(
 180deg,
 rgba(255, 255, 255, 0.8) 0,
 rgba(255, 255, 255, 0.2) 100%
 ); */
    background-repeat: repeat-x;
    border-radius: 0px;
    box-sizing: border-box;
    pointer-events: all;
    border: 1px solid #a6e7f7;
    background: #e6f9f9;
    margin: 15px;
}
.web-search-inner-container {
    padding: 12px 17px;
}
.web-search-inner-container {
    box-sizing: border-box;
    display: flex;
    /*width: 100%;*/
}
.web-search-inner-container {
    max-width: var(--max-search-box-width);
    padding: 15px;
    /* margin: 15px; */
    /* background: red; */
}

.web-search-logo-container {
    display: inline-flex;
    height: 40px;
    line-height: 40px;
    margin-bottom: -40px;
    position: relative;
    text-align: end;
}
.web-search .suggestion-input-container {
    flex: 1;
    font-size: 16px;
    /*margin: 0 15px;*/
}
.web-search .suggestion-input-container {
    -webkit-margin-end: 0;
}
.web-search-input {
    border-radius: 0;
    border-right: none;
    box-shadow: none;
}
.web-search-input {
    border: 1px solid #44b6eb;
    border-radius: 2px 0 0 2px;
    /* box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.15); */
    box-sizing: border-box;
    height: 36px;
    line-height: 36px;
    padding: 0 8px;
    width: 100%;
    font-family: verdana!important;
    font-weight: bold!important;
    color: #334c6b;
}
.web-search-input, .web-search-submit {
    animation-duration: 0.5s;
    animation-timing-function: linear;
}
.web-search-input {
    /* font: inherit; */
}
.web-search-submit {
    background: #44b6eb;
    background-image: url(../images/search_white.png);
    background-repeat: no-repeat;
    border-radius: 0 2px 2px 0;
    border-width: 0;
    color: #fff;
    text-indent: -1000em;
    width: 60px;
    background-size: 20px auto;
    text-align: center;
    background-position: center center;
    transition: 0.5s;
}
.web-search-submit:hover {
    cursor: pointer;
    opacity: 0.8;
}
.web-search-submit {
    z-index: 10;
}
.web-search-logo {
    height: 40px;
    -webkit-padding-end: 4px;
}

.web-search-input:focus {
    border-color: #44b6eb;
    outline: none;
    box-shadow: 0 0 4px 1px #44b6eb;
}
.bl_ajustes {
    padding: 0;
    /* background: green; */
    margin: 0px 15px 15px;
    /* padding: 5px; */
}
.p_sbros_poisk {
    margin-top: -10px;
    font-size: 12px;
}
/* fin silos de opera*/


.bl_ajustes_inner {
    background: #b0dff5;
    padding: 5px;
    border: 1px solid #44b6eb;
    margin: 10px 0 15px;
}
.ok_search {
    background: #b0dff5;
    color: #334c6b;
    padding: 5px 10px;
    border: 1px solid #44b6eb;
}
.error_s {
    border: 1px solid #ff0303;
    background: #f8c5c5;
}
.td_razdelitel {
    border-top: 1px solid #334c6b;
    background: white;
    border-left: 1px solid white;
    border-right: 1px solid white;
}
.ves_prij_rasj {
    background: #a1b6ec;
}
.otab_totales tr th {
    background: #334c6b;
    color: white;
}


#zzz {
width: 100px;
  height: 100px;
  background-color: coral;
  color: white;
  -webkit-animation: mymove 5s infinite; /* Safari 4.0 - 8.0 */
  animation: mymove 5s infinite;
}

.bot_r {
  -webkit-animation: mymove 5s infinite; /* Safari 4.0 - 8.0 */
  animation: mymove 5s infinite;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
  //50% {box-shadow: 0 0px 40px 10px #28a3e6;}/*FUNCIONA!!!*/
}
@keyframes mymove {
  //50% {box-shadow: 0 0px 40px 10px #28a3e6;}/*FUNCIONA!!!*/
}






.wr_outer_grafic {
    /* background: #a1faa1; */
    /* outline: 1px solid darkgreen; */
    padding: 1px !important;
    display: none;
}

.wr_tab_proba {
    /* padding: 5px; */
    /* background: yellow; */
    overflow-x: scroll;
    margin: 15px;
    border: 1px solid #334c6b;
}

.tab_proba {
    border-collapse: collapse;
    border-spacing: 10;
    margin: 0px auto;
    width: 100%;
    font-family: Tahoma, Arial, sans-serif;
    /* border: 1px solid black; */
    background: #d4f9d4;
}
.tab_proba_vn {
    border-collapse: collapse;
    border-spacing: 10;
    margin: 0px auto;
    width: 100%;
    font-family: Tahoma, Arial, sans-serif;
    /* border: 1px solid black; */
    background: #d4f9d4;
}
.tab_proba tr td {
    font-family: Arial, sans-serif;
    font-size: 12px;
    padding: 1px;
    b order-left: 1px solid black;
    b order-right: 1px solid red;
    overflow: hidden;
    word-break: normal;
    text-align: right;
    vertical-align: bottom;
    /* border: 1px solid #3F51B5; */
    text-align: center;
    /* transition: 0.5s ease-in-out; */
}
.tab_proba_vn tr td {
    font-family: Arial, sans-serif;
    font-size: 12px;
    padding: 1px;
    overflow: hidden;
    word-break: normal;
    text-align: right;
    vertical-align: bottom;
    /* border: 1px solid #3F51B5; */
    text-align: center;
    /* transition: 0.5s ease-in-out; */
}


.gasto {
    position: relative;
    float: right;
    right: 20px;
    top: -86%;
    transform: rotate(0deg);
    background: white;
    border: 1px solid green;
    /* border-radius: 3px; */
    padding: 0 5px;
    transition: 0.5s ease-in-out;
    /* font-weight: bold; */
    font-family: tahoma;
    left: 0;
}

.for_g_conc tr td:hover .gast_prijod {
    border: 1px solid #1e7bac;
    background: yellow;
    color: blue;
}
.for_g_conc tr td:hover .gast_rasjod {
    border: 1px solid #fb1302;
    background: yellow;
    color: red;
}
.for_g_conc tr td:hover .gast_ostatok {
    border: 1px solid darkgreen;
    background: lightgreen;
    color: green;
}
.for_g_conc tr td:hover .stolb  {
    background: yellow;
}
.for_g_conc tr td:hover .wr_mes_anio_vacio,
.for_g_conc tr td:hover .wr_mes_anio {
    border: 1px solid brown;
}

.tab_proba_vn tr td:hover .gast_prijod {
    border: 1px solid #1e7bac;
    background: yellow;
    color: blue;
}
.tab_proba_vn tr td:hover .gast_rasjod {
    border: 1px solid #fb1302;
    background: yellow;
    color: red;
}
.tab_proba_vn tr td:hover .gast_ostatok {
    border: 1px solid #673AB7;
    background: yellow;
    color: #673AB7;
}
.tab_proba_vn tr td:hover .stolb  {
    background: yellow;
}
.tab_proba_vn tr td:hover .wr_mes_anio  {
    /* background: orange; */
    border: 1px solid brown;
}

.yach_dia_semana {
    background: #98be9a;
    transition: 0.5s ease-in-out;
}
.yach_dia {
    background: #afdbb1;
    transition: 0.5s ease-in-out;
}
.yach_mes {
    background: #98be9a;
    transition: 0.5s ease-in-out;
}
.yach_anio {
    background: #7fa581;
    transition: 0.5s ease-in-out;
}
.yach_t_anios {
    background: #045809;
    color: white;
}
.d_wr_cuentas .yach_dia_semana,
.d_wr_cuentas .yach_dia,
.d_wr_cuentas .yach_semana,
.d_wr_cuentas .yach_mes,
.d_wr_cuentas .yach_anio,
.d_wr_cuentas .yach_t_anios
{
  color: #333;
}

.tab_proba tr td:hover .yach_dia_semana {
    background: #da8e04;
}
.tab_proba tr td:hover .yach_dia  {
    background: orange;
}
.tab_proba tr td:hover .yach_semana {
    background: #da8e04;
}
.tab_proba tr td:hover .yach_mes  {
    background: #da8e04;
}
.tab_proba tr td:hover .yach_anio {
    background: #b97803;
}

.tab_proba_vn tr td:hover .yach_dia  {
    background: orange;
}
.tab_proba_vn tr td:hover .yach_mes  {
    background: #da8e04;
}
.tab_proba_vn tr td:hover .yach_anio {
    background: #b97803;
}


.stolb {
    text-align: center;
    margin: 0 auto;
    /* margin: 30px 0px; */
    border: 1px solid #026bbf;
    background: #2196F3;
    transition: 0.5s ease-in-out;
    max-width: 50px;
}
.stolb_budz {
    background: orange;
    border: 1px solid #aa6f04;
}
.stolb_prijod {
    background: #27a3e5;
    border: 1px solid #1e7bac;
}
.stolb_rasjod {
    background: red;
    border: 1px solid brown;
}
.stolb_ostatok {
    background: #9C27B0;
    border: 1px solid #673AB7;
}

.gast {
    border: 1px solid #d4f9d4;
    background: #d4f9d4;
    color: blue;
    display: inline-block;
    padding: 2px 5px;
    font-family: tahoma;
    font-size: 10px;
    font-weight: bold;
    /* margin-top: -25px; */
    white-space: nowrap;
    /* display: none; */
    margin: 5px 0;
    transition: 0.5s ease-in-out;
}
.gast_budz {
    color: #333;
}
.gast_prijod {
    color: blue;
}
.gast_rasjod {
    color: red;
}
.gast_ostatok {
    color: #673AB7;
}
.wr_mes_anio_vacio {
    background: #d4f9d4;
    margin: 5px 0 0;
    border: 1px solid #4a6c4c;
    transition: 0.5s ease-in-out;
}

.wr_mes_anio {
    background: #57c0b6;
    transition: 0.5s ease-in-out;
    border: 1px solid #4a6c4c;
    margin: 5px 0 0;
}




/********** grafic google *******/
.wr_ves_graf {
    background: #d4f9d4;
    border: 1px solid red;
    margin: 15px;
    padding: 10px;
    overflow-x: scroll;
}
#chart_div {
    width: 100%;
    height: 500px;
    background: #bee1f1;
    border: 1px solid green;
}
/********** grafic google *******/



.p_white {
    background: white;
    color: grey;
    padding: 5px 10px;
    border: 1px solid grey;
    transition: 0.5s ease-in-out;
    text-align: left;
    font-weight: normal;
    min-height: 60px;
}
.p_white_bc{
    background: white;
    color: grey;
    padding: 5px 10px;
    border: 1px solid grey;
    transition: 0.5s ease-in-out;
    text-align: left;
    font-weight: normal;
    min-height: 60px;
}
.p_prim_stolb {
    background: yellow!important;
    color: #000000;
    padding: 5px 10px;
    border: 1px solid orange!important;
    transition: 0.5s ease-in-out;
    text-align: left;
    font-weight: normal;
}
.p_exceso {
    /* background: #FFC1AF!important; */
    background: red!important;
    color: yellow!important;
    padding: 5px 10px;
    border: 1px solid brown;
    text-align: left;
    font-weight: normal;
}
.p_exceso b {
  color: white;
}



.p_prij {
    background: #5bc1f7!important;
    color: navy!important;
    padding: 5px 10px;
    border: 1px solid #1e7bac;
    text-align: left;
    font-weight: normal;
}
.p_prij b {
  color: navy;
}

.p_rasj {
    background: #fe1100!important;
    color: #FFEB3B!important;
    padding: 5px 10px;
    border: 1px solid brown;
    text-align: left;
    font-weight: normal;
}
.p_rasj b {
  color: white;
}
.p_ostatok {
    background: #9C27B0!important;
    color: yellow!important;
    padding: 5px 10px;
    border: 1px solid #673AB7;
    text-align: left;
    font-weight: normal;
}
.p_ostatok b {
  color: white;
}

.d_graf_links {
    border: 1px solid #a6e7f7;
    margin: 15px 15px;
    background: #e6f9f9;
}

.wr_graf_links {
    /* border: 1px solid #a6e7f7; */
    margin: 0px 15px 16px;
    /* background: #e6f9f9; */
    padding: 1px 0;
}
.wr_graf_links a {
    display: inline-block;
    margin: 5px 0px 0;
    background: #334c6b;
    border: 1px solid #334c6b;
    text-decoration: none!important;
    color: white;
    text-align: center;
    min-width: 120px;
    max-width: 150px;
    padding: 2px 5px;
    transition: 0.5s;
    font-family: Verdana;
}
.wr_graf_links a:hover {
    background: #557daf !important;
    color: white;
}
.wr_tab_proba_conc {
  margin: 15px 2px 2px;
}

.p_rez_conc {
  margin: 2px;
}
.p_rez_conc {
    background: #e6f9f9;
    border: 1px solid #334c6b!important;
    text-align: left;
    font-weight: normal;
}

.d_wr_nazv_conc {
    overflow: hidden;
}
.h3_conc {
    margin: 14px 5px !important;
    text-align: left;
    /* background: lightgreen; */
    overflow: hidden;
    font-size: 14px;
}
.sald_conc_prij {
  /* color: blue; */
}
.sald_conc_rasj {
  /* color: yellow; */
}
.saldo_en_h3_conc {
    float: right;
    /* background: yellow; */
    /* width: 100%; */
    text-align: right;
    color: black;
    font-size: 13px;
    /* position: relative; */
    /* top: 34px; */
    /* right: -120px; */
    padding-left: 20px;
    padding-right: 10px;
}
.d_nom_conc {
    float: left;
    /* outline: 1px solid black; */
    margin: 14px 0px 0 4px;
    width: 33px;
    text-align: left;
    font-size: 14px;
}
.concepto_prijod .d_nom_conc,
.concepto_prijod .h3_conc span,
.concepto_prijod .h3_conc,
.concepto_prijod .saldo_en_h3_conc b,
.concepto_prijod .h3_graf_title {
    color: navy;
}
.concepto_prijod:hover .d_nom_conc,
.concepto_prijod:hover .h3_conc span,
.concepto_prijod:hover .h3_conc,
.concepto_prijod:hover .saldo_en_h3_conc b,
.concepto_prijod:hover .h3_graf_title {
    color: black;
}
.concepto_rasjod .d_nom_conc,
.concepto_rasjod .h3_conc span,
.concepto_rasjod .h3_conc,
.concepto_rasjod .saldo_en_h3_conc b,
.concepto_rasjod .h3_graf_title {
    color: yellow;
}
.concepto_rasjod:hover .d_nom_conc,
.concepto_rasjod:hover .h3_conc span,
.concepto_rasjod:hover .h3_conc,
.concepto_rasjod:hover .saldo_en_h3_conc b,
.concepto_rasjod:hover .h3_graf_title {
    color: black;
}
.h3_graf_title {
    margin-bottom: 5px !important;
    font-size: 14px;
    margin-top: 5px;
}
.p_avis_conc {
    font-size: 12px;
    margin: 0 2px;
    color: #333;
    background: #ddd;
    padding: 2px 10px;
    font-weight: normal;
    border: 1px solid #505050;
    line-height: 16px;
    /* display: inline-block; */
}
.d_cursor:hover {
  cursor: pointer;
}
.perebr_ne_uchit {
    margin: 0;
    padding: 0px 5px;
    font-size: 10px;
    color: grey;
    font-weight: normal;
    text-align: center;
}
.kvadratiki_sm_graf {
    background: #c4f1f7;
    margin: 0 15px -10px;
    padding: 0;
    border: 1px solid #334c6b;
    font-size: 10px;
}
.kvadratiki_sm_graf_vn {
    background: #c4f1f7;
    margin: 0 2px -10px;
    padding: 0;
    border: 1px solid #334c6b;
    font-size: 10px;
}
.kvadratiki_sm_graf_vn div {
    color: #333;
    font-weight: normal;
}
.d_wr_cuentas {
    background: #334c6b;
    color: white;
    margin:10px 15px; 
}
.d_wr_cuentas:hover {
    background: #073873;
    /* color: black; */
    transition: 0.5s;
}
.d_wr_cuentas h3,
.d_wr_cuentas p.perebr_ne_uchit {
    color: white;
}
.concepto_prijod .cuadro_att_inf_sm,
.concepto_rasjod .cuadro_att_inf_sm {
  margin: 5px 2px 2px;
}
.d_wr_cuentas .cuadro_att_inf_sm {
  margin: 5px 0 0;
}

.p_aviso_graf {
    margin-bottom: 10px;
    border: 1px solid brown;
    padding: 2px 5px;
    background: yellow;
    text-align: left;
    font-weight: bold;
    /* color: red; */
    font-size: 12px;
}
/********************************** nuevo en adira ****************************************************/


.forma_sip {
    margin: 15px;
    border: 1px solid #a6e7f7;
    /* padding: 0 0 15px; */
    padding: 15px;
    overflow: hidden;
    background: #e6f9f9;
}


.d_respuestas_sip {
    border: 1px solid #334c6b;
    margin: 0px 15px;
    background: #e6f9f9;
}

.d_respuestas_sip ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px; 
    margin-inline-end: 0px; 
    padding-inline-start: 40px;
    padding-inline-end: 30px;
}

.d_respuestas_sip ul {
    font-family: arial;
    /* color: grey; */
}
.btn_link {
    text-align: center;
    border: 1px solid #334c6b;
    padding: 3px 10px;
    color: white;
    background: #334c6b;
    transition: 0.5s;
}
.btn_link:hover{
    background: #557daf !important;
    color: white;
}
.llamar {
    display: block;
    margin: 0px -3px;/*para timer.php*/
    color: white!important;
}
.bl_edit {
    border-top: 1px dotted #808080;
}
.new_bl_edit{
  /* background: green; */
}
.new_bl_edit:hover{
  cursor: pointer;
}
span.otst_sm {
    color: blue;
    font-size: 12px;
    margin-bottom: 10px;
    display: inline-block;
}
.h_block_fact,
.h_block_plan
 {
    /* background: orange; */
    height: 550px;
}
.h_block_fechas {
    /* background: grey; */
    height: 410px;
}
.h_block_dur {
    /*background: orange;*/
    min-height: 280px;
}
.hor_fact, 
.hor_plan 
{
    background: #caf3fe;
}
.wr_dur {
    width: 80px;
    display: inline-block;
}
.wr_time{
  color: blue;
  display: inline-block;
}
.wr_time b{
  color: red;
}
.m0 {
    margin: 0 !important;
}

.w40{
  width: 40px !important;
}
.w50{
  width: 50px !important;
}
.w60{
  width: 60px !important;
}
.w70{
  width: 70px !important;
}
.w80{
  width: 80px !important;
}
.w90{
  width: 90px !important;
}
.w100{
  width: 100px !important;
}
.w120{
  width: 120px !important;
}
.w204{
  width: 204px !important;
}
.w240{
  width: 240px !important;
}
.w247{
  width: 247px !important;
}
.w250{
  width: 250px !important;
}


.h_sm {
    font-size: 15px;
    margin: 0 15px -10px;
    text-align: left;
    font-weight: normal;
}
.sp_valiuta{
  font-family: verdana;
}
.icon_menu{
  width: 15px;
  height:  15px;
  float: left;
}
.title_menu{
  margin-left: 30px;
}


/*=============caverel=============*/

.est_compr{
  overflow: hidden;
}
.est_compr_inner{
  padding: 0 10px;
}
.est_compr_inner h6{
  border-bottom: 1px dotted #939696;
}
.compr_nivel{
  float: left;
  width: 50%;
  o utline: 1px solid red;
}
.compr_neum{
  float: right;
  width: 50%;
  o utline: 1px solid green;
}
.est_compr p {
    margin: 0px 0 -1px;
}

.fld_topl .outer_vybor_persona {
    margin-top: 0px !important;
}
.barrillas, 
.refrigs,
.neums {
    margin: 15px;
    border: 1px solid #334c6b;
    overflow: hidden;
    background: white;
}
.wr_barrilla_outer,
.wr_refrig_outer,
.wr_neum_outer
 {
    width: 33.33%;
    /* outline: 1px solid red; */
    float: left;
    background: white;
}
.wr_barrilla_outer img,
.wr_refrig_outer img,
.wr_neum_outer img
 {
    box-shadow:0 0 10px 5px white;
    transform: scale(1);
}

.wr_barrilla_outer img:hover,
.wr_refrig_outer img:hover,
.wr_neum_outer img:hover
 {
    box-shadow: 0 0px 5px 1px #bcbcbc;
    transition: 1s;
    cursor: pointer;
    transform: scale(1.07);
}
.wr_neum_outer .noscale:hover
 {
    box-shadow: none;
    transform: scale(1);
    cursor: default;
}
.wr_barrilla_inner,
.wr_refrig_inner,
.wr_neum_inner
{
  margin: 30px;
}

.compr_stat_ok {
    width: 14px;
    height: 14px;
    /* outline: 1px solid red; */
    position: relative;
    top: 0px;
    left: 2px;
}

.compr_stat_mal{
    width: 14px;
    height: 14px;
    /* outline: 1px solid red; */
    position: relative;
    top: 2px;
}
.cort_dat {
    outline: 1px solid #27a3e5;
    background: #c8e5f4;
    margin: 15px 10px 15px !important;
    padding-top: 5px;
}
.cort_dat h4 {
    border-bottom: 1px solid #27a3e5;
    margin: 0 10px 3px;
}
.cort_dat p{
    border: none;
    text-align: left;
    margin: 0 10px;
}
.p_aceite_bl{
  /*float: left;*/
}
.p_refrig_bl{
  /*float: left;*/
}
.p_aceite_bl, .p_refrig_bl, .p_neum_bl {
    font-size: 12px;
    line-height: 19px;
}
.p_aceite_bl img,
.p_refrig_bl img,
.p_neum_bl img {
  float: right;
}


.metodo_img{
  width: 40px;
  height: 27px;
  float: right;
  margin-left: 10px;
  ou-tline: 1px solid red;
}
.d_ef_cobr {
    /* outline: 1px solid red; */
    overflow: hidden;
    background: #89e850;
    border: 1px solid green;
}
.d_ef_cobr img {
    width: 137px;
    float: left;
    margin: 12px 12px 0px;
}

.tipo_viaje_img {
    width: 40px;
    height: 40px;
    float: right;
    margin-left: 10px;
    /*outline: 1px solid red;*/
    /* margin-right: 5px; */
    /* overflow: hidden; */
}

.tipo_viaje_img img,
.metodo_img img,
{
  width: 100%;
}

.col_nv {
    width: 4%;
    min-width: 20px;
}
.col_datav {
    width: 8%;
    text-align: center!important;
}
.col_horav {
    width: 5%;
    text-align: center!important;
}
.col_horav_coment {
    width: 10%;
    text-align: center!important;
}
.col_conductor {
    width: 10%;
    text-align: left!important;
}
.c_conductor {/*nombre de conductor en tab*/
    /* color: #1951CB!important; */
}
.col_turnov {/*matricula en tab*/
    width: 8%;
    text-align: left!important;
}
.c_matricula {/*matricula en tab*/
    color: #1c56cc!important;
}
.col_turnov2 {/*para tab de turnos*/
    width: 20%;
    text-align: left!important;
}
.col_n_viajes {
    width: 4%;
    text-align: right!important;
}
.col_tipov {
    width: 12%;
    text-align: center!important;
    min-width: 90px;
}
.col_conc_grupo {
    width: 20%;
    text-align: center!important;
    min-width: 90px;
}
.col_precio {
    width: 8%;
    text-align: right!important;
}
.col_estado_viaje {
    width: 25%;
    text-align: left!important;
}
.col_estado_coment_viaje {
    width: 80%;
    text-align: left!important;
}
.col_comentarios {
    width: 50%;
    text-align: left!important;
}
.col_duracion {
    width: 10%;
    text-align: center!important;
}
.col_sost_turno {
    width: 20%;
    min-width: 276px;
}
.col_sost_viaje {
    width: 35%;
    min-width: 276px;/*250px;*/
}
.col_sost_kazna {
    width: 30%;
    min-width: 225px;
}
.col_opis_comprob {
    width: 35%;
    min-width: 276px;
}

.col_datav,
.col_horav,
.col_horav_coment,
.col_turnov,
.col_tipov,
.col_precio,
.col_estado_viaje,
.col_estado_coment_viaje,
.col_comentarios,
.col_duracion,
.col_opis_comprob
{
    border-left: 1px solid #334c6b;
    border-right: 1px solid #334c6b;
}

.d_kv {
    float: right;
    ou-tline: 1px solid red;
    /* margin: 0 15px; */
    padding: 0 5px;
}
.bl_edit_kv {
    border: 1px solid #3792bc;
    background: #44b6eb;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    float: right;
    margin: 0;
    border-radius: 4px;
    transition: 0.5s;    
    position: relative;
    z-index: 2;
}
.bl_sost_kv {
    /* border: 1px solid #3792bc; */
    /* background: #44b6eb; */
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    float: left;
    margin: 0 0px 0;
    width: 100%;
    border-radius: 4px;
}
.c_conductor .wr_img_info,
.c_matricula .wr_img_info,
.bl_sost_kv .wr_img_info
 {
    border: none;
    background: transparent;
    padding: 0;
}
.icon_sost_v {
    /* outline: 1px solid green; */
    border: none!important;
    background: transparent!important;
}
.bl_edit_kv img{
  margin: 0 0 0 15px;
}
.dwr_bl {
    /* outline: 1px solid brown; */
    min-height: 45px;
}
/*********start de arriba **********/
/*
.bl_edit_kv {
    transition: 0.5s;
    position: relative;
    margin-top: -52px;
    top: 0px;
    right: 0;
}
.t_row:hover .bl_edit_kv {
    position: relative;
    right: 0;
    top: 50px;
    margin-top: -52px;
    overflow: hidden;
    float: right;
}
*/
/***********end de arriba *******/

/*********start de la derecha **********/
.bl_edit_kv_hidden {
    position: relative;
    margin-top: -52px;
    top: 50px;
    right: -147px/*-160px*/;
    transition: 0.5s;
}
.bl_edit_kv_hidden_kz {/*para kazna. solo edit i delet sin ver*/
    position: relative;
    margin-top: -52px;
    top: 50px;
    right: -100px;
    transition: 0.5s;
}
.bl_edit_kv_shown {
    transition: 0.5s;
    position: relative;
    right: -5px;
    top: 50px;
    margin-top: -52px;
    overflow: hidden;
    float: right;
}
/***********end de la derecha *******/




.tb_inf {
    text-align: center!important;
    background: white;
    color: #9E9E9E;
    font-size: 10px!important;
    font-weight: normal;
}
.nombr_cond {
    font-size: 10px;
    color: grey;
    margin-top: 3px;
}
.col_total {
    text-align: center!important;
    background: #334c6b;
    color: white;
}

.col_fecha_tab {
    text-align: left!important;
    background: #334c6b;
    color: white;
}
.col_fecha_tab b {
  font-weight: bolder;
}
.col_turno_tab {
    text-align: left!important;
    background: green;
    color: white;
}
.to_zap_kas_tab_first {
    position: relative;
    top: -75px;
}
.to_zap_kas_tab {
    position: relative;
    top: -65px;/*antes 50px*/
}
.wr_img_tipo {
    /* outline: 1px solid red; */
    float: left;
    padding: 0;
    width: 21px;
    overflow: hidden;
}
.wr_img_tipo img {
    width: 100%;
    margin: 2px 0px;
}
.wr_dat_tipo {
    /* outline: 1px solid green; */
    float: none;
    /* padding: 5px; */
    margin-left: 30px;
    text-align: left;
}
.wr_img_info {
    border: 1px solid #133edb;
    float: left;
    padding: 7px;
    width: 21px;
    height: 21px;
    overflow: hidden;
    background: lightblue;
    margin: 5px 5px;
    border-radius: 4px;
}
.bt_del {
    background: #ff3131;
    border: 1px solid brown;
}
.bt_edit {
    background: #36f13d;
    border: 1px solid #039308;
}
.bt_ver {
    background: #FFEB3B;
    border: 1px solid #FF9800;
}
.bt_ojo {
    background: #90d3f3;
    border: 1px solid #1c8cc1;
}
.bt_strelka {
    background: #a5baed;
    border: 1px solid #3e5898;
    position: inherit;
    z-index: 2;
}
.bt_strelka:hover {
  cursor: pointer;
}
.wr_img_info img,
.wr_img_est_viaje img
 {
    width: 100%;
    margin: 0px 0px;
}
.wr_img_info img:hover{
 cursor: pointer;
 transition: 1s;
}
.wr_img_info .no_cursor:hover{
 cursor: default;
}
.si_cursor:hover {
 cursor: pointer;
}
.vopros_o_ok {
    float: left;
    margin-left: 0px;
}
.tip_inicio_o_fin {
    float: left;
    margin-left: 19px;
}
.wr_dat_info {
    /* outline: 1px solid green; */
    margin: 8px 45px 0px 51px;/*8 45 0 35*/
    text-align: left;
    /* float: left; */
    /* max-width: 90px; */
    /* margin-right: 68px; */
    /* margin-left: 35px; */
}

.wr_dat_info_comprobs {
  margin: 8px 45px 0px 51px;
}

.tab_meses .tr_tot td {
    font-size: 10px;
    padding: 5px;
}
.img_ojo{
  margin-top: 3px !important;
}
.vvod_dir {
    min-height: 55px;
}
.bot_parada{
  /* float: left; */
  margin-right: 5px;
}
.img_ub{
  margin: -20px 2px 0px;
}
.p_ruta {
    overflow: hidden;
    border: 1px solid grey;
    padding: 10px 10px;
    background: #dddddd;
}
.p_ruta:hover{
 transition: 1s;
 background: #cccccc;
}
.img_ruta {
    float: right;
    width: 50px;
    margin: 10px 0 15px;
    /* outline: 1px solid green; */
}
.block_dat_viaje {
    margin: 15px 15px 15px;
    /* background: #e6f9f9; */
    /* outline: 1px solid red; */
    /* border: 1px solid #a6e7f7; */
    /* padding: 10px; */
}
.block_dat_viaje p:not(.cuadro_att_inf p, .cuadro_err p, .cuadro_ok p) {
    margin: 0;
}
.bot_big{
 width: 100%!important;
 height: 80px;
}
.bot_fixed
 {
    position: fixed;
    bottom: 0px;
    left: 10%;
    font-size: 25px;
    height: 80px;
    z-index: 999999;
    width: 80%!important;
}
.t_estado {
    margin: 4px 4px 4px 28px;
}
.no_cursor:hover{
 cursor: default;
}
.c_id_viaje {
    float: right;
    font-size: 8px;
    color: blue;
}
.img_est_turn {
    width: 21px;
    margin: -6px 0 0px;
    position: relative;
    float: none;
    top: 5px;
}
.w_den {
    min-width: 150px;
    /* background: red; */
    display: inline-block;
}
.w_den span {
    min-width: 45px;
    /* background: green; */
    display: inline-block;
}
.w_den .tur {
    min-width: 40px;
    /* background: orange; */
    display: inline-block;
}
.w_den_m {
    min-width: 48px;
    /* background: red; */
    display: inline-block;
}

.id_turno_h6 {
    border-top: 1px dotted grey;
    border-bottom: 1px dotted grey;
    margin: 5px 2px;
}
.id_turno_h6 b {
  color: #9e1d06;
}
.sp_turn {
    font-size: 10px;
    line-height: 10px;
    margin-bottom: 10px;
    display: inline-block;
    color: blue;
}



.wr_img_est_viaje {
    /* border: 1px solid #133edb; */
    float: left;
    /* padding: 0px 0; */
    width: 21px;
    height: 21px;
    overflow: hidden;
    /* background: lightblue; */
    /* margin: 12px 0 0; */
    /* border-radius: 4px; */
    position: relative;
    top: 1px;
}
.sp_infin {
    /* margin-left: 7px; */
    color: navy;
    font-weight: bolder;
    width: 28px;
    text-align: left;
    float: left;
}
.sp_diasem{
    float: right;
    color: red;
    font-weight: bolder;
}
.d_bl_vnutr {
    border: 1px solid navy;
    margin: -3px -7px -1px;
    padding: 6px;
    background: #ffffff;
}

.d_bl_vnutr p{
  margin: 0;
  font-size: 12px;
  font-weight: normal;
}
.d_bl_vnutr p.vn {
    margin: 3px 0;
}
.d_bl_vnutr_inner {
    background: #e6f9f9;
    border: 1px solid #a6e7f7;
    padding: 5px;
    margin: 0 0 5px;
}

/* Нечетные строки --- аналог :nth-child(odd)*/
 .tab_viajes tr.row_par,
 .tab_turnos tr.row_par
{
    background: #cfdaf5;
}
/* Четные строки  --- аналог :nth-child(even)*/
.tab_viajes tr.row_impar, 
.tab_turnos tr.row_impar 
{
    background: #a5baed; /*темнее*/
}

/*Perebrosy*/
/* Нечетные строки --- аналог :nth-child(odd)*/
 .tab_viajes tr.row_par_perebr  {
    background: #fbb22c;/*светлый orange*/
}
/* Четные строки  --- аналог :nth-child(even)*/
.tab_viajes tr.row_impar_perebr {
    background: #fdc869; /*темнее*/
}


.d_user_creado h4 {
    font-family: verdana;
    font-size: 15px;
    border-bottom: 1px solid #a6e7f7;
    margin-bottom: 5px;
    padding-bottom: 5px;
    margin-top: -5px;
}
.img_sm_aviso {
    float: none;
    width: 15px;
    margin: 0;
    position: relative;
    top: 2px;
}

.d_skrepka_viajes {
    top: 8px; /*5px;*/
    left: 3px;
}


.d_skrepka_comprobs {
    top: 2px; 
    left: 24px;
}
.d_skr_m {
    /* left: 17px; */
}
.t_tip_compr{
 padding: 0px;
}
.d_coment {
    border: 1px solid #334c6b;
    background: white;
    padding: 1px 5px;
    border-radius: 3px;
    margin-bottom: 5px;
}
.icon_dir  {
    margin: 0px 35px 5px!important;
    width: 40%!important;
}
#p_parada1,
#p_parada2,
#p_parada3 {
    margin-top: 0px;
    padding-top: 0px; 
}
.vopros_coche,
.vopros_conductor,
.propina_pr_factur
 {
    margin: 0px auto;
    float: none;
    position: relative;
    top: 2px;
    width: 26px;
    height: 26px;
}



#origen,
#parada1,
#parada2,
#parada3,
#destino {
    border: 3px solid red!important;
}

#d_link_dir_list a{
  text-decoration: none;
}
.p_vn_link_dir {
    background: #3f51b5;
    color: white!important;
    text-decoration: none;
    padding: 15px;
    transition: 0.5s;
}
.p_vn_link_dir:hover {
    background: #7380cc;
}
.p_vn_link_dir b{
    color: white!important;
}
.a_guard_dir {
    display: block;
    float: right;
    position: relative;
    right: 50px;
}
.limpiar_importe {
    border: 1px solid #3f51b5;
    /* float: left; */
    width: 31px;
    height: 31px;
    background: #3f51b5;
    display: inline-block;
    top: 10px;
    position: relative;
    margin-left: 0px;
    margin-top: -5px;
    transition: 1s;
    cursor: pointer;
}

.limpiar_importe:hover{
  background: #7380cc; 
}
#p_propina,
#p_metodo_pago {
  margin-top: 0;
  padding-top: 0;
}
.info_pr_pas {
    width: 31px;
    height: 31px;
    display: inline-block;
    top: 10px;
    position: relative;
    margin-left: 5px;
    margin-top: -5px;
    transition: 1s;
    cursor: pointer;
}

.propina_pr_factur {
    float: left;
    margin: 0;
    padding: 0!important;
    border: none;
    background: none;
    width: 15px;
    height: 15px;
    top: 2px;
}


/*  ==== blocks de avisos ==============================================================*/
#bl_outer_err {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000000a6;
    top: 0;
    margin: 0;
    z-index: 99999999;
}
#bl_err {
    /* width: 50%; */
    /* outline: 1px solid #600801; */
    background: white;
    position: relative;
    display: block;
    top: -100%;
    /* left: 50%; */
    /* margin-left: -25%; */
    /* margin-top: -25%; */
    padding: 0px;
    overflow: hidden;
    min-width: 300px;
    max-width: 500px;
    margin: 0px auto 0;
    transition: 0.5s ease-in-out;
}
.bl_err_inner {
    /*background: #faa7a1;*/
    margin: 5px;
    padding: 10px;
    overflow: hidden;
}
.bl_text h3 {
    text-align: left;
    margin: 0px 0px 10px 50px;
    font-size:  15px;
    /* background: yellow; */
}
.bl_text p {
    margin: 10px 0 0 50px;
    /* background: green; */
    /* line-height: 10px; */
    /* color: #740505; */
}

.bl_text_confirm h3,
.bl_text_confirm p b {
  color: #b61313 !important;
}

#bl_err .img_err {
    float: left;
    width: 40px;
    height: 40px;
    margin: 0px 10px 0px 0px;
}
#bl_err .cerrar {
    float: right;
    width: 20px;
    height: 20px;
}
#bl_err .cerrar:hover{
  cursor:pointer;
  opacity: 0.8;
  transition: 0.5s;
}
.barra_top_error {
    background: #ff1302;
    height: 20px;
    padding: 15px;
}
.barra_top_confirm {
    background: #b61313;
    height: 20px;
    padding: 15px;
}
.barra_top_error:hover,
.barra_top_aviso:hover
{
  cursor:pointer;
}
.bl_text {
    /*outline: 1px solid green;*/
    /* display: inline-block; */
}


.cuadro_att_inf .bot_aviso {
  padding:none;
}
.bot_aviso {
    display: block;
    background: #acc7ff; /*navy;*/
    border: 1px solid navy;
    border-radius: 5px;
    padding: 1px 15px;
    cursor: pointer;
    float: right;
    font-size: 14px;
    color: black; /*white;*/
    text-align: center;
    margin: 15px 0 0;
    height: 40px;
}



#bl_outer_aviso,
#bl_outer_confirm
 {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000000a6;
    top: 0;
    margin: 0;
    z-index: 999999999;
}
#bl_aviso,
#bl_confirm
 {
    /* width: 50%; */
    /* outline: 1px solid #600801; */
    background: white;
    position: relative;
    display: block;
    top: -100%;
    /* left: 50%; */
    /* margin-left: -25%; */
    /* margin-top: -25%; */
    padding: 0px;
    overflow: hidden;
    min-width: 300px;
    max-width: 500px;
    margin: 0px auto 0;
    transition: 0.5s ease-in-out;
}
.bl_aviso_inner,
.bl_confirm_inner
 {
    /*background: #faa7a1;*/
    margin: 5px;
    padding: 10px;
    overflow: hidden;
}

#bl_aviso .img_aviso,
#bl_confirm .img_confirm
 {
    float: left;
    width: 40px;
    height: 40px;
    margin: 0px 10px 0px 0px;
}
#bl_aviso .cerrar,
#bl_confirm .cerrar
 {
    float: right;
    width: 20px;
    height: 20px;
}
#bl_aviso .cerrar:hover,
#bl_confirm .cerrar:hover
{
  cursor:pointer;
  opacity: 0.8;
  transition: 0.5s;
}
.barra_top_aviso {
    background: #2196F3;
    height: 20px;
    padding: 15px;
}
.p_entiendo {
    margin: 15px;
    overflow: hidden;
}
.bot_err {
    background: red!important;
    border: 1px solid brown!important;
 }
.bot_conf_eliminar {
    background: #b61313 !important;
    border: 1px solid brown!important;
 }

.bot_err,
.bot_conf_eliminar
 {
    display: block;
    border-radius: 0px;
    padding: 1px 15px;
    cursor: pointer;
    float: right;
    font-size: 14px;
    font-weight: bolder;
    color: white; 
    text-align: center;
    margin: 15px 0 0;
    height: 40px;
    width: 150px;    
}
.bot_err:hover,
.bot_conf_eliminar:hover,
.bot_aviso:hover {
    transition:0.5s;
}

.bot_err:hover {
    background: #fd5757!important;
}
.bot_conf_eliminar:hover 
{
    background: red !important;
}
/* === blocks de aviso ================================================ */

.d_infin {
    overflow: hidden;
    /* outline: 1px solid red; */
    /* background: #03A9F4; */
}
.sp_ifturno {
    /* outline: 1px solid red; */
    min-width: 110px;
    display: inline-block;
}
.pad0{
  padding: 0;
}

.d_vr_nevozvr {
    background: #fdb9b9;
    border: 1px solid red;  
}
.p_vr_nevozvr {
    background: red;
    color: yellow;
    border: 1px solid #c30000;
    padding: 5px;
    margin: 5px 0 !important;
}
.p_vr_nevozvr b{
  color: white !important;
}


.d_vr_nepoln_vozvr {
    background: #fdcf45;
    border: 1px solid #FF9800;
}
.p_vr_nepoln_vozvr {
    background: orange;
    color: #000000;
    border: 1px solid #ff9800;
    padding: 5px;
    margin: 5px 0 !important;
}
.p_vr_nepoln_vozvr b{
  color: black !important;
}


.d_vr_vozvr {
    background: #90ee90;
    border: 1px solid green;
}
.p_vr_vozvr {
    background: #06fd06;
    color: #014c01;
    border: 1px solid green;
    padding: 5px;
    margin: 5px 0 !important;
}
.p_vr_vozvr b{
  color: #014c01 !important;
}
.cl_calendar_kz{
  top: -13px;
}

.col_prijod{
  color: blue;
}
.col_rasjod{
  color: red;
}
.col_plan_v{
  color: green;
}
.cl_importe_prijod{
  color: blue;
}
.cl_importe_rasjod{
  color: red;
}
.cl_importe_plan_v{
  color: green;
}
.cl_importe_pr_fact{
  color: blue;
}
.cl_importe_ef_cobr{
  color: green;
}
.col_saldo{
  color: purple;
}
.d_yach_plan_v{
  color: green;
}
.nom_perebr_kz{
  color: brown;
}
.d_saldo_tsyfra{
  color: purple;
}
.d_saldo_plan_v_tsyfra{
  color: green;
}

.saldo_en_ingreso,
.saldo_en_gasto
{
  font-size: 10px;
}
.saldo_en_ingreso{
  display:block;
}
.saldo_en_gasto{
  display:block;
}
.saldo_en_saldo{
  display:block;
}
.idcod_sm{
    font-size: 9px;
    color: grey;
}
.colsnomob{
  /* background: yellow; */
}

.d_paramob {
    /* background: #44b6eb; */
    margin: 5px 0 0;
}
.wr_conc_m {
    /* border: 1px solid #3e5898; */
    /* margin: 0 -7px 1px; */
    /* padding: 2px 7px; */
    /* background: #44b6eb; */
    /* border-radius: 5px; */
}
.wr_precios_m{
  /* outline: 1px solid red; */
}
.sp_perb_en_title{
  float: right;
}
.wr_img_est_v {
    margin-left: 15px;
    margin-top: 8px;
}
.nom_spiska_m{
  font-size: 8px;
}
.wr_nom_sp_id_m {
    background: #44b6eb;
    /* outline: 1px solid red; */
    overflow: hidden;
    margin: -7px -7px 5px;
    padding: 2px 7px 2px;
    border-top: 1px solid #334c6b;
    border-left: 1px solid #334c6b;
    border-right: 1px solid #334c6b;
    font-weight: bold;
    border-bottom: 1px solid #3792bc;
}
.plan_v_m,
.prop_v_m
{
    text-align: right;
    overflow: hidden;
    margin-left: 20px;
}
.d_den_turn_m {
    background: navy;
    color: white;
    padding: 3px 5px;
    margin: -7px -5px 3px;
}
.mtop_est_turn{
  position: relative;
  top: 0px;
}
.bl_est_turn{
  border: 1px solid #3792bc;
  background: #44b6eb;
  margin-top: 5px;
}
.w_km_l{
  display: inline-block;
  width: 30px;
  /* outline: 1px solid red; */
}
.d_clear_foto{
  display: none;
}
#to_metka{
  position:relative;
  top:-55px;
}

.wr_jran_kartinka {
    /* outline: 1px solid red; */
    float: left;
    margin-top: 3px;
    padding: 0;
    width: 36px;
    height: 22px;
    overflow: hidden;
    border-radius: 4px;
}
.wr_jran_kartinka img {
    width: 100%;
    height: 100%;
}
.tarj {
    border: 1px solid #2a388e;
    background: #2a388e;
}
.efect {
    border: 1px solid #619538;
    background: #619538;
}
.wr_dat_conc {
    /* outline: 1px solid green; */
    float: none;
    margin-left: 44px;
    text-align: left;
}
.wrn_kz {
    width: 26px;
    height: 26px;
    margin: 9px 10px 5px 0px;
}
.en_mob {
    float: right;
    margin-top: 7px;
    margin-left: 6px;
}
.otstup_bottom{
  height: 25px;
  /* outline:1px solid red;  */
  /* background:grey; */
}
.cl_este_kas {
  border: 5px solid red; 
  background: #FFEB3B !important;
}
.res_aj {
    outline: #3b7c84 solid 1px;
    margin: 15px;
    padding: 5px;
    max-height: 51389250px;
    overflow-y: scroll;
    background: #7eedfb;
}
.krestik2 {
    /* background: red; */
    height: 22px;
    width: 22px;
    float: right;
    padding: 5px;
    position: relative;
    top: -6px;
    right: -11px;
}
.krestik2:hover{
    background: red;
    cursor: pointer;
    transition: 0.5s;
}
.d_outer_h_links {
    background: #426f5f;
    overflow: hidden;
    padding: 6px 0px 5px;
    margin: 15px 15px 22px;
}
.d_outer_h_links .div_verj{
  top: 0;
  right: -2px;
}
.img_flag_idioma {
    width: 40px;
    margin: 0;
    padding: 0;
    top: -15px;
    float: right;
    position: relative;
    right: -15px;
}
.btn_tod_reg {
    /* outline: 1px solid red; */
    float: right;
    padding: 2px 10px;
    background: #426f5f;
    color: white;
    cursor: pointer;
    position: relative;
    /* right: -12px; */
}
.p_cat_prij_gr {
    color: navy!important;
    margin: 15px 0 0;
    font-weight: bold;
}
.p_cat_rasj_gr {
    color: red!important;
    margin: 15px 0 0;
    font-weight: bold;
}
.p_cat_prij {
    color: navy;
    margin: 0 0 0px;
    font-weight: bold;
    font-size: 17px;
}
.p_cat_rasj {
    color: red;
    margin: 0 0 0px;
    font-weight: bold;
    font-size: 17px;
}
.p_cat_invest {
    color: brown;
    margin: 0px 0 0px;
    font-weight: bold;
    font-size: 17px;
}
.mtop_tip{
    margin-top: 20px;
}
.p_cat_bk {
    color: green!important;
    margin: 15px 0 0;
    font-weight: bold;
}
.p_cat_bk span{
  font-weight: normal;
}
.mtop_bk{
    margin-top: 0px;
}
.marg_vj, .marg_kz {
    margin-right: 25px;
}
.p_sexo {
    margin-bottom: 0;
}
.bl_vacio_r {
    width: 58px;
    height: 43px;
    float: right;
    position: relative;
    right: 0px;
    overflow: hidden;
    background: #48f348;
    border-radius: 5px;
}

.img_ojover {
    float: left;
    margin: 0px;
    padding: 8px 10px;
    transition: 0.5s;
    top: 2px;
    left: 0px;
    position: relative;
    /* outline: 1px solid red; */
    /* background: #c4f1f7; */
    /* border: 1px solid #a6e7f7; */
}
.d_ojover {/*en kazna d_ojover es mayor ya que hay planes de pagos!!!*/
  min-width: 170px !important;
  max-width: 170px !important;
  /*background:grey;*/
}
#filas{
  position:relative;
  /*top:-45px;  antes*/
  top:-15px;  /*new*/
}
.w_ini_fin{
    min-width: 90px;
    display: inline-block;
}
.w_ini_fin_bus{
    min-width: 140px;
    display: inline-block;
}
.bt_periodo{
  margin-right: 10px;
}
.c_grey{
  color: grey !important;
}

.attaj_pas {
    background: #b6c1fd;
    overflow: hidden;
}
.attaj_pas span {
    display: inline-block;
}
.img_pas {
    width: 20px;
    padding: 0px 0px 0px 0px;
    margin: 0px 2px -5px 0px;
}
.wr_whatsapp_tel {
    /* outline: 1px solid red; */
    float: right;
    margin-top: 5px;
    padding: 0px;
    overflow: hidden;
    height: 40px;
}
.hr_ver{
  margin: 5px 0 5px; 
  background: #a6e7f7; 
}
.img_email,
.img_whatsapp,
.img_tel
{
    width: 40px;
    float: left;
    border-radius: 10px;
}

.img_email,
.img_whatsapp 
{
    margin-right: 10px;
}
.sviaz {
    border: 1px solid #a6e7f7;
    padding: 2px 5px;
    /* border-radius: 3px; */
    background: #c1f3f3;
    transition: 0.5s;
    cursor: pointer;
    margin: 5px 0!important;
}
.sviaz:hover{
  border: 1px solid #FFC107;
  background: yellow;
}
.span_krug {
    border: 1px solid #133edb;
    border-radius: 50%;
    width: 20px;
    display: inline-block;
    height: 20px;
    /* background: #f10505; */
    margin-right: 5px;
    cursor: pointer;
}
.bg_color {
    padding: 0px 2px;
    width: 100%;
    height: 50px;
}

.cerrar_cuadro_detali {
    padding: 5px 10px 5px;
    height: 25px;
    width: 25px;
    margin: 0px -10px -10px 0px;
}

/*--------------------------------*/
.d_ms {
    /* width: 50px; */
    /* height: 50px; */ 
    vertical-align: middle;
    text-align: center;
    border-radius: 5px;
    padding: 15px;
}
.d_ms:hover{
  cursor: pointer;
}
.d_lab {
   background: lightblue;
   border: 1px solid blue;
   color: black;
}
.d_fest {
    /* background: red; */
    /* border: 1px solid red; */
    color: red;
}
.d_sem {
    border: 1px solid #707070;
    background: #d1cdcd;
    border-radius: 5px;
    color: #707070;
    text-align: center;
    padding: 3px;
}
.d_ms:hover,
.d_sem:hover
{
  cursor: pointer;
}
.m_par {
    background: #f3b75e;
    border: 1px solid #ff5722;
}

.mes_name{
  font-weight: bold;
  background: blue;
  color: white; 
  text-align: center !important;
}
.mes_tb {
    padding: 5px;
    margin: -2px -8px;
}
.mes_tb:hover{
  cursor: pointer;
}
.dia_hoy {
    border: 5px solid red!important;
    background: #ffeb3b;
    font-weight: bolder;
}
.vn_d{
  font-weight: normal;
  text-align: left;
  font-size: 12px;
  white-space: nowrap;
}

.vn_d span{
  display: block;
  overflow: hidden;
}
.vn_d_prev {
    border: 1px solid #8c8c8c;
    background: gainsboro;
    margin-bottom: 5px;
    padding: 3px 5px;
    margin-top: 10px;
    color: #8c8c8c;
    border-radius: 3px;
}
.vn_d_real{
  border: 1px solid green;
  background: #c4f9c6;
  padding: 3px 5px;
  color: green;
  border-radius: 3px;
}
.tit_hor{
 font-weight: bolder;
 border-bottom-style: dashed;
 border-width: 1px;
}
.vn_d_prev span b,
.vn_d_real span b
{
 float: right;
 position: relative;
}
.ds_sm{
 font-size: 10px;
 color: grey;
}
.d_totsem {
    border: 1px solid #707070;
    border-radius: 5px;
    padding: 3px 3px;
    background: #fff;
    margin: 3px;
    /* border-top: 1px solid; */
    font-size: 12px;
    white-space: nowrap;
}
.tsem_prev {
    border: 1px solid #8c8c8c;
    background: gainsboro;
    padding: 1px 2px;
    color: #8c8c8c;
    border-radius: 3px;
    white-space: nowrap;
    display: block;
    margin-bottom: 3px;
    overflow: hidden;
    text-align: left;
}
.tsem_real{
  border: 1px solid green;
  background: #c4f9c6;
    padding: 0px 2px;
  color: green;
  border-radius: 3px;
    white-space: nowrap;
    display: block;
    overflow: hidden;
    text-align: left;
}
.tsem_prev b,
.tsem_real b
{
 float: right;
 position: relative;
}
.img_ojover_cal{
 float: none; 
}

.d_ojover_cal {
    margin: -5px 0 -15px;
    text-align: center;
}
.d_ojover_cal_sem {
    margin: -5px 0 -5px;
    text-align: center;
}
.tr_pelu td {
    text-align: center!important;
}
.td_nombre{
  text-align: left!important;
}
.opis_sm{
  font-size: 12px;
  color: grey;
}
.wr_fast {
    /* background: #ffeb3b; */
    overflow: hidden;
    /* padding: 10px; */
}
.btn_fast {
    float: left!important;
    width: 150px!important;
    margin-right: 10px;
    margin-bottom: 10px;
}
.c_fast_x {
    border-radius: 20px;
    display: inline-block;
    font-family: Tahoma;
    text-align: center;
    padding: 3px;
    background: red;
    color: white;
    border: 2px solid brown;
    width: 20px;
    height: 20px;
    margin: 2px 0px 2px 10px;
    cursor: pointer;
    transition: 0.5s;
}
.c_fast_x:hover {
    background: yellow;
    color: red;
}
.d_fast_coments {
    overflow: hidden;
    white-space: nowrap;
    overflow-x: scroll;
}
.coment_fast {
    border: 2px solid black;
    padding: 3px 10px;
    text-align: center;
    background: black;
    color: white;
    font-family: Tahoma;
    border-radius: 20px;
    display: inline-block;
    margin: 2px 2px 2px 0;
    cursor: pointer;
    transition: 0.5s;
}
.coment_fast:hover {
    background: yellow;
    color: black;
}
#to_summa {
  position: relative;
  top: -50px;
}
#to_title {
  position: relative;
  top: -45px;
}
#btn_to_title img {
    width: 20px;
    height: 20px;
    padding: 5px;
}