* {
  margin: 0;
  padding: 0;
}

/* Ajustes para imprimir*/
@media print {
  /* Тут стандартные свойства CSS для отображения на печати. */
.no_print{
  display:none !important;
}

  body {
    background: white!important;
  }
  .bot_imprimir {
    display: none;
  }
  .d_zagruzka {
    d isplay: none;
  }
  .wrapp_add_corte {
    display: none;  
  }
  .nomer_stroki {
    /*display: none;*/  
  }
  .p_skr_perebr a, .p_skr_perebr_f a {
    display: none;  
  }
  .p_skr_nom_stroki a {
    display: none;  
  }
  .p_odin_fond a {
    display: none;  
  }
  .nazad{
    display: none;  
  }
  .v_otchet, .prim_print{
    display: none;  
  } 

   #go_menu {
    display: none;  
  }

  #tab_head,
  #tab_foot {
  margin-left: -2px!important;
  width: 745px!important;
}
  #tab_wrap,
  #tab_calc {
    border-left: none;
    border-right: none;
  }
  #tab_calc {
    margin: 0 0 -8px;
  }
    #tab_foot {
    border-top: 1px solid navy;
    margin-top: 1px;
  }
 
.outer_tab {
  border-left: 1px solid navy;
  border-right: 1px solid navy;
  margin-left: -2px;
  margin-right: -4px;
  padding: 0 0 0 1px;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 99999;
}
.vvod_otstupa,
.vvod_otstupa_rap {
  display: none;
}
.imprimir {
  display: none;
}
.div_tr_min {
  margin:-5px 15px!important;
}
.p_mes_min {
    margin: 20px 15px 8px;
    p adding: 3px 6px 3px;
}
.guardar_margenes_ver {
  display: none;
}
.wrapp_img_size {
  display:none;
}
.border_tab_foot {
  border-bottom: 1px solid navy;
  height: 8px;
  margin-left: 0;
  margin-right: 1px;
  position: relative;
  top: 1px;
}
.otab_marg{
  /*antes de hacer autocorte*/
  /*margin:-1px 0 0!important;*/
  /*nuevo*/
  margin:-7px 0 -7px!important;
  /* margin:-7px 0 0!important; */
}
.p_act_h{/*para experiment*/
  display:none !important;
}
.pagebreak_razryv{
  display:none !important;
}
.pagebreak_razryv_pv{
  display:none !important;
}
.no_print{
  display:none !important;
}
.pagebreak_razryv_statya, 
.pagebreak_razryv_gruppa,
.pagebreak_razryv_pv_v_kazne {
  display:none !important;
}

.div_otab_body {/*para otchet_perebros_print_tab.php*/
    margin: -7px 0 0;
}


} /* fin de @media print*/
/*******************************************************/



/* Разрыв страниц */ 
.pagebreak {
  /*page-break-after: always;*/
  page-break-before: always;
}


h1 {
	font-size:30px;
	font-weight:normal;
	padding:0px 0 0px;
	line-height:100%;
    font-style:italic;
}

a {
	color: #cd5252;
	text-decoration:none;
}

a:hover {
  color:#963c3c;
  text-decoration: none;
}

a.link1 {
    color: red!important;
    text-decoration: underline;
    transition: 0.5s;
}
a.link1:hover {
    color: #9f0201 !important;
    text-decoration: none;
}

/* -------------------------------
Адаптивный дизайн
----------------------------------*/

img {
   max-width: 100%;
   height: auto;
   width: auto; /* ie8 */
}


.colsnomob{
  display: table-cell;
}
.d_paramob{
  display: none;
}

/*Очень широкие экраны*/
/*###################################################################################################################*/
/* PC Desktop*/
@media screen and (min-width:1400px) and (max-width:52560px) {
  .demo_container_menu_mob,
  .demo_container_menu_mob > #cssmenu
  {
    display: none;
  }

  .div_comprob {
    min-width: 584px!important;
}

}/*fin de - @media screen and (min-width:1400px) and (max-width:2560px)*/
/* PC Desktop very WIDE*/
/*#####################################################*/




/*###################################################################################################################*/
/* PC Desktop*/
@media screen and (min-width:1024px) and (max-width:1400px) {

  .header,
  .demo_container_menu_pc
  {
    display: block;/*показываю хедер и меню pc, так как НЕ показываю шапку меню мобилки*/
  }
  .demo_container_menu_mob,
  .demo_container_menu_mob > #cssmenu
  {
    display: none;
  }

  .wide3 {
    min-width: 300px!important;
  }

  .wide4 {
    min-width: 380px!important;
  }

/*Показываю сообщение для компа или для мобилки */
.aviso_pc {
display:block;
}
.aviso_mobil {
display:none;
}
#block_vybor_quien, 
#block_vybor_quien_sp{
    /* background: yellow; */
    /* height: 160px; */
    min-height: 192px;
}

.div_comprob {
    min-width: 584px!important;
}


}/* fin de - @media screen and (min-width:1024px) and (max-width:1400px)*/
/* fin de  - PC Desktop */
/* ####################################################################################### */




/*###################################################################################################################*/
/* TABLET */
@media screen and (min-width:100px) and (max-width:1023px) {

  .header,
  .demo_container_menu_pc,
  .demo_container_menu_pc > #cssmenu,
  .demo_container_menu_mob > #cssmenu
  {
    display: none;/*скрываю хедер и меню pc, так как показываю шапку меню мобилки*/
  }
  .demo_container_menu_mob > #cssmenu{
    width: 50%;
  }
  #content{
    margin-top: 40px !important;/*если ставлю 45 то разрыв получается*/
  }
#bar {
    position: absolute;
    top: 0px!important;
}





/*############################################################################*/
@media screen and (min-width:769px) and (max-width:1023px) {
  .header,
  .demo_container_menu_pc,
  .demo_container_menu_pc > #cssmenu
  {
    display: block;/*показываю хедер и меню pc, так как НЕ показываю шапку меню мобилки*/
  }
  .demo_container_menu_mob,
  .demo_container_menu_mob > #cssmenu
  {
    display: none;
  }

/*Отступ слева для логотипа, чтобы равнялся с псловами пунктов меню*/
.logotype {
    margin-left: 15px !important;
}


}/*fin de @media screen and (min-width:769px) and (max-width:1023px)*/ 




/*Показываю сообщение для компа или для мобилки */
.aviso_pc {
display:block;
}
.aviso_mobil {
display:none;
}

body #wrapper {
    m argin-top:40px;        
	width: 100%;90%;
    margin: 0 auto;
	}

body #headerInner {
    border: 0px solid #000;
    position:relative;
    width:100%;90%;
    margin:0 auto;        
	}

.logo {
	position:static;
	margin-top:0px;
    margin-left:10px;    
	}

.logo a {
    margin-top:20px;
    font-size:30px;
    color:#96b551;    
	}

#wrapper #content #col_Content {
    border: 0px solid #ccc;
    float:right;
	width:80%;
    }

#wrapper #content #col_Menu {
    margin-right:0;
    float:left;
	width:20%;
    }
#wrapper #content #men_fix {
    width:100%;    
    }

.mid{
    width:100%;    
}
#inner_col_Content {
  min-height: 500px!important;
  b ackground:#5BBAA9!important; /* tablet */
}
.wide {
  width:200px;
  margin-top: 15px;
  float: left!important;
}
.wide1 {
    width: 100%!important;
}
.wide2 {
    width: 100%!important;
}
.wide3 {
  width: 100% !important;
  min-width: 100px!important;
}

.bot_mob_sm {
  width: 100%!important;;
  margin-top: 15px;
}
.nom_vent {
  margin-top: 0;
}
.nom_cliente {
  text-align: left;
  margin-right: 0px!important;
}
.obert_mont .b5, .obert_mont .b6 {
  width:230px !important;
}
.obert_mostr .b5, .obert_mostr .b6 {
  width:230px !important;
}
#block_vybor_quien, #block_vybor_quien_sp{
    /* background: #f6f6f6; */
    /* height: 250px!important; */
}

.d_sel_bd:hover .poyasneniye,
.d_sel_bd:hover .poyasneniye_act,
.div_logotip:hover .poyasneniye {
    width: 60%;
    left: 20%;
}  

.otstup_do_knopok{
  height: 50px !important;
}

/*Не показываю картинку загрузки в мобилке и таблет. работает не корректно*/
.d_zagruzka,
.d_zagruzka_vdb {
  display: none!important;
}

#from_date,
#to_date{
  width: 170px !important;
}

	
}/* fin de @media screen and (min-width:100px) and (max-width:1023px) */
/*fin de  - TABLET */
/*#########################################################################################*/



/*ВСЕ ЧТО БОЛЬШЕ ТАБЛЕТА*/
/*############################################################################*/
@media screen and (min-width:769px) and (max-width:5555px) {
.bl_vacio_r{
  display: none;
}

}/*fin de - @media screen and (min-width:769px) and (max-width:5555px)*/
/*############################################################################*/




/*###################################################################################################################*/
/* MÓVIL*/
@media screen and (min-width:100px) and (max-width:768px) {

.bl_vacio_r{
  display: block;
}
.disp_inb{
  display: block;
}

.sp_perb_en_title{
  float: none;
}
.t_tip_compr{
 padding: 5px;
}
.dwr_bl {
    min-height: 71px;
}
.bl_edit_kv_hidden {
    right: -212px;/*-225px;*/
}
.bl_edit_kv_hidden_kz {
    right: -144px;/*-152px;*/
}
.wr_img_info {
    padding: 18px;/*20px;*/
}
.wr_dat_info {
    /* margin: 8px 80px 0px 51px; */
    margin: 5px; 
}
.wr_dat_info_turnos,
.wr_dat_info_comprobs {
  margin: 0px 80px 0px 51px;
}

.col_sost_viaje,
.col_sost_turno
{
    min-width: 292px;/*antes 300px || proboval 275px . da problemas */
}

.col_sost_kazna {
    min-width: 275px;/*antes 300px */
}
.tab_meses tr td {
    font-size: 18px;
}
/*
.str_vvod, 
.str_vvod3, 
.vvod_mensaje{
    font-size: 16px;
}
*/
.bot_r, .bot {
    padding: 15px 10px;
    width: 150px;
    /* font-size: 22px; */
    /* height: 65px; */
}
.compr_nivel {
    width: 100%;
    /* text-align: left; */
}
.compr_neum {
    width: 100%;
}
.div_comprob {
  min-width: 100%!;
}
.wr_barrilla_outer, .wr_refrig_outer, .wr_neum_outer {
    width: 100%;
    float: none;
}

.wr_graf_links a {
    display: block;
    min-width: 120px;
    max-width: none;
}

.wrapp_nazv_cuenta{
    margin-left: 0px;
    float: left;
}
.vozrast_imen, .d_imen {
    margin: 0 0 5px!important;
    float: none;
}
.p_cuenta3 {
    margin: 0 2px;
}
.ukaz_l {
    left: -3px !important;
}
.v_kassa .ukaz_l {
    left: -3px !important;
}
.dni .ukaz_r {
    right: 18px !important;
    margin-right: -20px;    
}
.v_kassa .ukaz_r {
    right: 3px !important;
}
.tr_kas{
 margin-bottom: 15px;
}
.nom_str_pers{
 top: 5px;
}
/*Внешние пункты меню*/
#cssmenu > ul > li > a{
  padding: 20px 28px 20px 20px;/*antes padding: 15px 28px 15px 20px;*/
  font-size: 16px;
}
.holder{
  top: 5px;
}
/*Внутренние пункты меню*/
#cssmenu ul ul li a{
  padding: 20px; /*antes padding: 17px 20px;*/
  font-size: 16px;
}

.diapazon{
  display: block;
}
.diapazon::before {
  display: none;
}

/*Не показываю картинку загрузки в мобилке и таблет. работает не корректно*/
.d_zagruzka,
.d_zagruzka_vdb {
  display: none!important;
}

.otstup_do_knopok{
  height: 50px !important;
}

.d_sel_bd:hover .poyasneniye, 
.d_sel_bd:hover .poyasneniye_act {
    width: 80%;
    left: 10%;
}  

  .header,
  .demo_container_menu_pc,
  .demo_container_menu_pc > #cssmenu,
  .demo_container_menu_mob > #cssmenu
  {
    display: none;/*скрываю хедер и меню pc, так как показываю шапку меню мобилки*/
  }
  .demo_container_menu_mob > #cssmenu{
    width: 100%;
  }

@media screen and (min-width:426px) and (max-width:768px) {
  .demo_container_menu_mob > #cssmenu{
    width: 80%;
  }

}/* больше чем мобилка по ширыне но не таблет*/

  #content{
    margin-top: 40px !important;/*если ставлю 45 то разрыв получается*/
  }
#bar {
    position: absolute;
    top: 0px!important;
}

/************ ventana tab******************/
.wrapper_ventana {
  background: white none repeat scroll 0 0;
  border-radius: 0;
}
/************ fin de ventana tab******************/

#wrapper #content #col_Menu {
    float:left;none;
	width:100%;
	margin-right:0px;    
    }

#wrapper #content #col_Content {
    margin-left:0px;
    /* margin-top:25px; */
    float:none;
	width:100%;    
	}


#wrapper #content #men_fix {
    width:100%;    
    }

.mid{
    width:100%;    
}

#inner_col_Content {
  min-height: 200px!important;
  b ackground: #C0FFFF !important; /* mobil */
}
.wide {
  width:200px;
  margin-top: 15px;
  float: left!important;
}
.wide1 {
    width: 100%!important;
}
.wide2 {
    width: 100%!important;
}
.wide3 {
  width: 100% !important;
  min-width: 100px!important;
}

.strelka_end {
  /* display: none; */
}
#wrapp_iframe {
  margin: 0 auto; 
}
.bot_mob_sm {
  width: 100%!important;;
  margin-top: 15px;
}
.editar {
  margin-left:0 !important;
}
.zhurnal {
  margin-left:0 !important;
}

.nom_vent {
  margin-top: 0;
}
.nom_cliente {
  text-align: left;
  margin-right: 0px!important;
}
.obert_mont .b5, .obert_mont .b6 {
  width:90% !important;
}
.obert_mostr .b5, .obert_mostr .b6 {
  width:90% !important;
}
.t_corto {
  letter-spacing: -1px;
}
.t_corto2 {
  letter-spacing: -1px;
  font-size: 13px;
}
.wr_div_textura {
  width: 80%!important;
}
#go_bar_fix {
  display: none;
}
/*************************************************/
.div_td {
  float:none;
}
.div_td3, .div_td3_kas  {
  width:none!important;
  min-width: 100px;
  max-width: none;
}
.dni_chteniya {
  min-width: none;
  max-width: none;
}
.label_sexo, .label_sexo_act,
.label_status, .label_status_act,
.label_status_ok, .label_status_ok_act,
.label_status_verificar, .label_status_verificar_act,
.label_tipradio, .label_tipradio_act,
.label_tipradio_sp, .label_tipradio_sp_act
 {
  display: block;
  width:none!important;
  min-width: none;
  max-width: none; 
  margin: 10px 0;
  font-size: 18px; 
}
.barra_mostrar{
  font-size: 16px; 
  padding: 10px 20px;
}
.td_dni{
  float:none;
}
.yach1, .yach2, .yach3  {
  width:none!important;
  min-width: 100px;
  max-width: none;
}
.vozrast2 {
  /* margin-right:19px; */
}
.div_tel_vacio{
  display: none;
}

.img_edit2, .img_del2 {
margin:14px 14px;
}

.td_fond {
  min-width: 179px; /*100px*/
}


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

.wrapp_lang, 
.wrapp_prijod, 
.wrapp_rasjod {
  width: 100%;
  float: none;
  text-align: center;
}
.sund_r, .sund_l {
  float: none;
}

.img_index {
    width: 80%;
}
.img_sunduk {
    margin: 15px 0;
}
.img_flag_idioma {
    margin: 0px 0;
}
/*.wrapp_h3 {
    float: none;
}*/
.wrapp_h3 {
    float: left;
    margin-top: -15px;
    width: 100%;
}
.img_kniga2 {
  width: 50px;
}
.img_chitatel2 {
  width: 50px;
}
.edit_cl .edit_tel{
  margin-right: 0;
}
.edit_creado{
  float:none!important;
}
.kartinka {
  float:none!important;
}
.zap2 {
  padding-top:0;
}
.ne_kartinka p {
    margin: 5px 0;
}
.marg_b {
    margin-bottom: 5px;
}
.img_audio { /* Аудио */
  width: 100%;
  max-width: 300px;
  margin-bottom:10px;
}
.k2{
  width: 100%;
  max-width: 80px;
}
.mini_img{
   margin-bottom:10px;
}
.div_id_fond {
  min-width:none;   
  max-width:none;   
}

/*Показываю сообщение для компа или для мобилки */
.aviso_pc {
display:none;
}
.aviso_mobil {
display:block;
}
.bot_aviso,
.bot_err,
.bot_conf_eliminar
 {
  float:none;
  width: 100% !important;
}


.daty_perioda, .data_ostatok {
    float: none;
    width: 100%;
}
.div_tr .daty_perioda p b {
    float: right;
}
.pervaya_data,.posledniaya_data {
    /*float: none;*/
    width: 100%;/*поскольку это <span> , то придав ширину 100% они станут одна под другой*/
}

.sp_cuenta{
  float:none;
  max-width: none;
}
.div_td2_kas,
.div_td4_kas,
.div_td5_kas {
    max-width: 100%!important;
}



.d_status_vr {
    display: inline-block;
    margin: 0;
    width: 100%;
    /* background: yellow!important; */
}
.d_vyplacheno_vr {
    display: inline-block;
    margin: 0;
    width: 100%;
    b ackground: #ccc!important;
    text-align:right;
}
.d_dolg_vr {
    display: inline-block;
    margin: 0;
    width: 100%;
    b ackground: yellow!important;
    text-align:right;
}
.p_bank_kassa,
.p_quien, .p_quien_sp {
    margin-bottom: 15px;
}
.block_knopki_perejoda {
 max-width: 100%!important; 
}
.edit_icons {
    width: 100%; 
}
.bl_l{
  float:none!important; 
  margin-left:5px;
  margin-right: 5px;
}
.bl_r{
  float:none!important; 
  margin-left:5px;
  margin-right: 5px;
}
.bot_link{
  width: none;
}

#inner_col_Content{
  padding:15px 0 !important;
}

#block_vybor_quien, #block_vybor_quien_sp {
    /* background: #CDDC39; */
    /* height: 300px!important; */
    /* height: 323px!important; */
}

.bot_link2 {
    display: block;
    min-width: 100%;
    max-width: 100%;
    float: none!important;
}

/*Ячейки именинников*/
.yach2 {
    min-width: 100px!important;
    max-width: none!important;
}
.yach3 {
    min-width: 100px!important;
    max-width: none!important;
}

.h3_conc {
    margin: 14px 3px !important;
}

.saldo_en_h3_conc{
 padding-right: 2px;
}

.btns3_kazna{
  width: 207px;/*220px;*/
}

.btns4_viajes,
.btns4_turnos
{
  width: 276px;/*292px;*/
}
.icons4 {
    min-width: 274px;
}
.icons5 {
    min-width: 343px;
}
.bl_est_turn{
  margin-top: -1px !important;
}
.mtop_est_turn{
  top: 6px !important;
}


.bot_fixed,
.bot_add_viaje,
.bot_edit_viaje,
.bot_add_estado_viaje
 {
    left: 15%;
    width: 70%!important;
}

.est_pago_tab {
    right: 71px;
}

}/* fin de @media screen and (min-width:100px) and (max-width:768px) */
/* fin de -  MÓVIL*/
/*########################################################################################################*/




/*******************************************************************************************************/
/* настройки  Мобилки Вертикальной */
/* MÓVIL width 320px -- 375px -- 425px*/
@media screen and (min-width:100px) and (max-width:425px) {

.fast_l{
  width: 48%!important;
  margin-left: 0;
  margin-right: 2%;
  float: left;
}
.fast_r {
    width: 48%!important;
    margin-left: 2%;
    margin-right: 0;
    float: right!important;
}
.d_ms{
  padding: 3px;
}
.d_sem{
  padding: 1px;
}

.label_tipradio, 
.label_tipradio_act, 
.label_tipradio_sp, 
.label_tipradio_sp_act
{
    padding: 15px 10px; 
}
.attaj,
.attaj_sel
{
    padding: 15px 10px; 
}
.btn_tod_reg{
    padding: 4px 10px;
}
.img_mt_pago_vj_ver {
    margin-right: 5px;
}
.img_tp_vj_ver {
    margin-right: 5px;
}
.marg_vj{
  margin-right: 25px;
}

.d_skrepka_viajes {
    left: 3px;
}
.cl_este_kas {
  background: #FFEB3B !important;
  border-top: 5px solid red;
  border-bottom: 5px solid red;
  border-left: 0px;
  border-right: 0px;
}
.info_pr_pas{
  float: right; 
}
.dataf{
  width: 60px;
}

.inform_importe{
  float: right;
}

.wr_img_tipo{
  width: 46px;
  margin: 0 5px 0 0;
}
.wr_jran_kartinka{
    height: 26px;
    margin: 0 5px 0 0;
    width: 43px;
}
.wr_dat_info {
    /* margin: 8px 80px 0px 51px; */
    margin: 5px;     
}
.wr_dat_info_turnos,
.wr_dat_info_comprobs {
  margin: 0px 80px 0px 51px;
}

.cl_tr_info .wrap_img_pers_empr img {
    max-width: 425px;
}
.wr_kartinka{
    max-width: 425px;
}
.wr_kartinka img {
    width: 100%;
    max-width: 425px;
}
.icons5 {
    min-width: 276px;
}

.colsnomob{
  display: none;
}
.d_paramob{
  display: block;
}

.bl_text_otch_filtro {
    text-align: left;
    float: none;
}
.d_clear_foto{
  display: block;
}
.ml_110, 
.mr_110 {
  margin-left: 0px;
  margin-right: 0px;
}

.res_aj {
  max-height: 650px;
}

}/* fin de @media screen and (min-width:100px) and (max-width:425px)*/
 /* fin de PARA MÓVIL width 320px */
/* настройки  Мобилки Вертикальной */
/*******************************************************************************************************/



/*******************************************************************************************************/
/* настройки  от Мобилки Вертикальной до начала Таблет*/
/* MÓVIL width 425px - 768px*/
@media screen and (min-width:426px) and (max-width:768px) {




}/* fin de @media screen and (min-width:100px) and (max-width:425px)*/
 /* fin de PARA MÓVIL width 320px */
/* настройки  Мобилки Вертикальной */
/*******************************************************************************************************/



/* настройки подкатегорий в podcat_prijod_edit.php i podcat_rasjod_edit.php */
/* MÓVIL width 320px*/
@media screen and (min-width:100px) and (max-width:468px) {

 .d_podcat {
 float:none;
}
.d_podcat_bank {
    float: none;
}
.d_podcat_edit {
 float:none!important;
} 

}/* fin de @media screen and (min-width:100px) and (max-width:468px)*/
 /* fin de PARA MÓVIL width 320px */




/* НАСТРОЙКИ МАКС ШИРИНЫ ЛОГОТИПА ПРИ МОБИЛКЕ В 320px */
/* MÓVIL width 320px*/
@media screen and (min-width:100px) and (max-width:320px) {

.est_pago_tab {
    right: 68px;
}
.logotype{
  max-width: 230px ;
}

}/* fin de @media screen and (min-width:100px) and (max-width:320px)*/
/*fin de -  PARA MÓVIL width 320px */


/* НАСТРОЙКИ МАКС ШИРИНЫ ПРИ МОБИЛКЕ В 321px */
/* MÓVIL width 100px ->425px */
@media screen and (min-width:100px) and (max-width:321px) {

.col_sost_viaje,
.col_sost_turno,
.dwr_bl
{
    min-width: 278px;
}

}/* fin de @media screen and (min-width:100px) and (max-width:320px)*/
/*fin de -  PARA MÓVIL width 320px */


/* ------------------------------------------------------------------------------------------------------------------------
                                                              Конец Адаптивный дизайн
--------------------------------------------------------------------------------------------------------------------------- */





/* ---------------------------------------------------------------------------------------------------------------------------
                                                             По умолчанию
-----------------------------------------------------------------------------------------------------------------------------*/





#wrapper {
  margin-top:40px;
  border:0px solid #000;
  width: 100%;
  max-width:1000px;
  margin: 0 auto;
  height: auto  !important;
  background: #f6f6f6;
  transition: 1s;
  /*box-shadow: 0px 0px 20px 1px #4b5054;*//* по-вертикали, по-горизонтали, длина тени, размывка тени, цвет тени*/
}

#footerInner {
  background: navy none repeat scroll 0 0;
  border: 0 solid #000;
  height: 45px;
  max-width: 1000px;
  width: 100%;
  t ransition: all 0.5s ease 0s;
}
#content {
  margin-top:38px; /* antes de añadir "incl_show_cuadro_avisos.php" era 40px;*/
  /* border: 0px solid #1FA2E1;  */
}

.text {
	m argin:15px;        
}

#content #col_Content {        
    border: 0px solid #000;
    float:right;
	width:80%;
	margin-right:0px;
    b ackground: orange;
  transition: 1s;
}
/*************** importante ***********************/
#middle {
    /* outline: 1px solid red; */
}

#inner_col_Content {
  background: white none repeat scroll 0 0;
  min-height: 730px; /*660px*/ /* antes 570px;*/ /*чем больше пунктов в меню казны тем длиннее разворачиваетсч меню и тем больше нужно ставить минимальную высоту этого блока */
  padding: 15px;
  /* outline: 1px solid green; */
}
/*************** fin importante ***********************/

#content #col_Menu {
    position:relative;
    margin-right:0;5px;
    float:left;
	width:20%;
    border: 0px solid #1FA2E1;
	/* height:100%; */ /*ya no hace falta*/
	margin-top: -1px;
}



#middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}



/*----------------------------
          Логотип
------------------------------*/

.logo {       
	position:absolute;
	left:0px;
	top:40px;        
}

.logo a {
        margin-left:30px;
        font-size:30px;
        color:yellow; #96b551;       
}

/**************************************************************************************************************
					                                        nuevo estilo adatpable
**************************************************************************************************************/


/**********************************************************************************************
        Headhesive
**********************************************************************************************/

.mid{
  max-width:1000px;
  margin:0 auto;
  text-align: justify;
}

.header{
  background: blue;/*#27A3E5; #59b2d3;*/
  opacity: 0;
  z-index: 9999;
  width: 100%;
  transition: 0.5s;
}
.inner_header_content {
  /* outline: 1px solid yellow; */
  height: 50px;
  margin: 0px 30px !important;/*new 31.03.2020*/
}
.headhesive--stick .inner_header_content {
  height: 25px;
  margin-left: 0;
}

.content{
  margin-top: 90px;
}
/* antes
.logotype {
    height: 50px;
    //w idth: 180px;
    margin-right: 10px;
    margin-left: 20px;
    vertical-align: middle;
    transition: 0.5s;
    float: left;
}
*/
.logotype {
    height: 50px;
    /* width: 100%; */
    margin-right: 10px;
    margin-left: 0;
    vertical-align: middle;
    transition: 0.5s;
    float: left;
    /* outline: 1px solid blue; */
}
.logotype_new {
    height: 50px;
    margin-right: 10px;
    margin-left: 0px;
    vertical-align: middle;
    transition: 0.5s;
}
.menu_blanco {
  float: right;
  height: 40px;
  margin-right: 10px;
  margin-top: 5px;
  width: auto;
  vertical-align: middle;
  opacity: 0.5;
  transition: 0.5s;
  cursor:pointer;
}
.tam_sm {
    height: 30px;
}
.menu_cerr {
  float: right;
  height: 40px;
  margin-right: 10px;
  margin-top: 5px;
  width: auto;
  vertical-align: middle;
  opacity: 0.5;
  transition: 0.5s;
}

.menu_blanco:hover, .menu_cerr:hover  {
  opacity:1;
}
.strelka_end {
  float: right;
  height: 30px;
  margin-right: 13px;
  margin-top: 11px;
  opacity: 0.5;
  transition: all 0.5s ease 0s;
  vertical-align: middle;
  width: 35px;
  cursor:pointer;
}
.menu_blanco:hover, 
.strelka_end:hover {
  opacity:1;
}

.headhesive {
  background:navy;
  position: fixed;
  width: 100%;
  transition: 0.5s;
  padding: 20px 0;
  opacity: 1;
}

.headhesive--stick{
  background:  navy;
  transition: 0.5s;
  padding: 10px 0;/* new 2020.03.31*/
  color:#fff;
  width: 100%;
  z-index: 99999;
}

.headhesive--stick .logotype {
  height: 25px;
  margin-left: 0;
}
.headhesive--stick .menu_blanco {
  width: auto;
  height: 25px;
  margin-top: 0px;
  margin-right: 30px;
}
.headhesive--stick .strelka_end {
  height: 20px;
  margin-top: 3px;
  width: 24px;
  margin-right: 30px;
}

.headhesive--stick .div_verj {
  top:0;/* antes-7px;*/
}

.headhesive--stick .idiomas {
  transition: 0.5s;
}
.headhesive--stick .logo_title {
    font-size: 15px;
    top: 0px;
}
.headhesive--stick .logo_title span {
  display:none;
}

img{
  max-width: 100%;
}

a{
  text-decoration: none;
}

.footer_bot_up {
  float: right;
  height: 20px;
  margin-right: 20px;
  margin-top: 15px;
  opacity: 0.5;
  width: 24px;
}
.footer_bot_up:hover {
  opacity: 1;
}

.footer_strelka_arriba {
    float: right;
    height: 20px;
    margin-right: 22px;
    margin-top: 15px;
    opacity: 1;
    width: 20px;
}
.footer_strelka_arriba:hover {
  opacity: 0.5;
}

.foot_div {
  height: 45px;
  width: 100%;
  cursor: pointer;
  z-index: 10000;
}
.foot_div:hover .footer_bot_up {
  opacity: 1;
}

.foot_div_fix {
  height: 45px;
  width: 100%;
  max-width: 1000px;
  cursor: pointer;
  position: fixed;
  bottom: 0;
  opacity: 0;
  transition: all 0.5s ease 0s;
  z-index: 10000;
}
.foot_div_fix:hover {
  opacity: 1;
  background: navy;
}
.foot_div_fix:hover .footer_bot_up {
  opacity: 1;
}
.fo ot_div_fix:hover .footer_strelka_arriba {
  opacity: 1;
}


/**************************************/
.foot_div_fix_new {
  height: 45px;
  width: 100%;
  max-width: 1000px;
  cursor: pointer;
  position: fixed;
  bottom: 0;
  o pacity: 0;
  transition: all 0.5s ease 0s;
  z-index: 1000;
  background: transparent;
}

.zona_l:hover, .zona_r:hover {
  opacity: 1;
}
.zona_l {
  o utline: 1px solid red;
  width:50%;
  b ackground:navy;
  float: left;
  height: 100%;
  opacity: 0;
  transition: all 0.5s ease 0s;
}
.zona_r {
  o utline: 1px solid green;
  width:50%;
  b ackground:navy;
  float: right;
  height: 100%;
  opacity: 0;
  transition: all 0.5s ease 0s;
}
.zona_l .wrapp_strelka,
.zona_r .wrapp_strelka {
  background: navy;
  opacity: 0.5;
  width: 64px;
  height:64px;
}


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

#bar {
  position: absolute;
  top:45px;
}

#menu { /* menu */
  position: relative;
  top: -43px;
}
#end { /* end - botones abajo */
  position: relative;
  top: -28px;-55px;
}

#menu-vert { /* iframe de menu*/
  height:660px; /*610px; 570px;*/
  width:100%;
}
/**************************************************************************************************************
              ПЕРЕНАСТРОЙКИ СТИЛЕЙ
***************************************************************************************************************/
.spisok1 {
  width:100%;
  /*max-width:320px!important;*/
}
.crem_mob {
 width:90%;
 max-width:320px!important;
}

.spisok2 {
  width:100%;
  /*max-width:320px!important;*/
}
 .spisok_cant {
  width:100%;
  max-width:320px!important;
 }
.str_vvod {
  width:100%;
  /*max-width:320px!important;*/
}

.log {
  width:100%;
}

.vvod_mensaje {
  width:100%;
  m ax-width:500px!important;
}
.bot_color {
  width:100%;
  max-width:226px!important;
}
.el_fondo div {
  max-width: 320px;
  width: 100%;
}
.bot_r,
.bot {
  padding:3px 10px;
  width: 150px;
}

.bot130 {
    /* width: 130px !important; */
    margin-top: 5px;
}
.bot130w {
  width:100% !important;
}

.wide {
  width:200px;
  float: right;
}
.wide2 {
    width: 270px;
}

.edit_cl .edit_id2,
.edit_cl .edit_dom,
.edit_cl .edit_tel {
  margin-left: 0; 
  margin-top: 10px;
}

.edit_cl .tipo_p, .edit_cl .tipo_r {
    margin-top: 10px;
}
.edit_cl .edit_name3 {
  margin:0;
}
.edit_cl .edit_name2 {
   margin:0; 
}
.edit_cl .edit_name2_vyb {
  color: blue;
  font-size: 16px;
  font-weight: bolder;
  margin: -16px 140px 2px 25px !important;
}
.res1 {
  margin-top: -20px !important;
}
.img_tipo_p {
  float: right;
  height: 35px;
  margin: -88px -8px 0 0;
}
.img_tipo_r {
  float: right;
  height: 35px;
  margin: -88px -8px 0 0;
}
.bg_red {
  background: #ffaaaa none repeat scroll 0 0!important;
}
.clear {
  clear: both;  
}
.f_l {
  float:left;
}
.f_r {
  float:right;
}
.ta_l{
  text-align: left;
}
.ta_r{
  text-align: right;
}

.info_pres1 {
  margin:0;
  margin-bottom: 5px; 
}
.edit_cl .edit_id {
  margin: 10px 0 0;
}

.edit_cl .edit_cantidad {
  margin-top:10px;
  margin-left: 0;
}

.krug {
  position: relative;
  top:-18px;
}
.v_fact {
  margin-top:-5px !important;
}
.inscr {
  margin-top:10px;
}
.edit_cl .edit_total {
  margin-left: 0;
}
.edit_cl .edit_precio_vt {
  margin-left: 0;
  margin-top: 10px;
  margin-bottom: -10px;
}
.edit_cl .edit_alto,
 .edit_cl .edit_ancho {
  margin-left: 0;
}


#wrapp_iframe {
  margin: 0 auto; 
}
#ind_logo, #go_end, #go_menu, #go_index {
  cursor: pointer;
}
.wrapp_sel_vent {
  width: 100%!important;
}
.bot_mob {
  width: 100%;
}
.order_wrap {
  text-align: left;
}
.order_by {
  background: blue none repeat scroll 0 0;
  border-radius: 5px;
  color: yellow;
  display: block;
  float: left;
  font-weight: bolder;
  margin: 5px 10px;
  overflow: hidden;
  padding: 10px;
  text-decoration: none;
  max-width: 200px;
  width: 80%;
}
.order_wrap div {
  background: #f3e2c6 none repeat scroll 0 0;
  border-radius: 5px;
  margin: 15px;
  padding-bottom: 1px;
  text-align: left;
}

.nom_cliente {
  text-align: left;
  margin-right: 200px;
}
.inscr_ventana {
  margin-top:0;
}
.info .info_fa_cl {
  padding-left: 0;
  margin: 0;
}
.info .info_fa_cod {
  margin-right: 0;
}
.info_fa_fecha {
  padding-left: 0;
  margin-top:-27px;
}
.info_fa_det_total {
  margin-left: 0;
}
.b5, .b6 {
  width:115px;
  margin-left: 15px !important;
  margin-top: 10px !important;
}
.obert_num {
  margin:-1px 0 0 -6px !important
}
.obert_vent {
  margin:-1px 0 0 -6px !important
}
.obert_mont {
  margin:-10px 0 0 -16px!important;
}

.obert_mostr {
  margin:-10px 0 0 -16px!important;
}
.actual_b1, .actual_b1:hover,
.b1, .b1:hover {
  background-size: 22px 26px!important;
}
.actual_b2, .actual_b2:hover,
.b2, .b2:hover {
  background-size: 22px 26px!important;
}
.info .info_cod {
  margin-left: 0;
}
.info_fa2 {
  margin:0;
}
#wrapper_100 {  /* en factura para imprimir */
  margin:0 auto;
  max-width: 772px; /* 812px; */
}
#content_100 {  /* en factura para imprimir */
  margin-top:0;
}
.header_para_fix {
  background: navy none repeat scroll 0 0;
  color: #fff;
  padding: 10px;
  transition: all 0.5s ease 0s;
  width: 100%;
  z-index: 99999;
  position: fixed;
  top: 0;
}
.header_para_fix .logotype {
  width: 80px;
  height: auto;
  margin-left: 0;
}
.header_para_fix .menu_blanco {
  width: auto;
  height: 25px;
  margin-top: 0px;
}
.header_para_fix .strelka_end {
  height: 20px;
  margin-top: 3px;
  width: 24px;
}
.header_para_fix .menu_cerr {
  height: 25px;
  margin-top: 0;
  width: auto;
}

.head_factura {
  opacity: 0;
  position: fixed;
  top: 0;
}
.head_factura:hover {
  opacity: 1;
}
.header_menu {
  margin-bottom: 0;
  margin-right: 50px !important;
  margin-top: 0;
  position: absolute;
  text-align: center;
  top: 45px;
  width: 100%;
  z-index: 99999;
  opacity: 1;
}
.head_factura:hover .header_menu {
  opacity: 1;
}
.head_factura_fix {
  opacity: 1;
}
.wrapp_menu_bajo {
  b ackground: red;
}
#menu_bajo {
  position: relative;
  top: -45px;
}
.wrapp_h_menu {
  margin: 0 auto;
  min-height: 500px;
  opacity: 1;
  position: absolute;
  width: 100%;
}
#footerInner_fix {
  background: navy none repeat scroll 0 0;
  border: 0 solid #000;
  bottom: 0;
  cursor: pointer;
  height: 45px;
  left: 0;
  opacity: 0;
  position: fixed;
  transition: all 0.5s ease 0s;
  width: 100%;
  z-index: 9999999;
}
#footerInner_fix:hover {
  opacity: 1;  
}
/*****************************************************************************************************
                table of factura
*****************************************************************************************************/
#tab_head,
#tab_wrap,
#tab_foot {
  margin:0 auto;
  w idth: 100%!important;
  width: 741px; /* fact para imprimir 741px;*/ /* antes 776px; */
}
#wrapp_toda_factura {
  margin-top: 0px!important;
}

.str_vvod_tab,
.vvod_mensaje_tab {
  width: 100%; /* antes 320px */
  max-width: 400px !important;
  min-width: 120px;
}
.nazv1_img {
  width: 388px;
  o utline: 1px solid red;
}
#wrapper_100 #tab_head, 
#wrapper_100 #tab_wrap,
#wrapper_100 #tab_foot {
  margin: 0;
  width: 741px;
}
.pag_en_footer {
  background: navy none repeat scroll 0 0;
  bottom: 0;
  left: 0;
  color: white;
  height: 20px;
  padding: 0 5px;
  position: fixed;
  text-align: right;
  width: 100%;
  z-index: 99999;
}
.pag_en_footer div {
  font-size: 10px;
  margin: 0 5px;
  text-align: center;
}
.bot_x {
  box-shadow: 0 0 0 0 brown;
  height: 26px;
  right: -2px;
  top: -37px;
  width: 29px;
  z-index: 10;
}
.bot_x_rap {
  box-shadow: 0 0 0 0 brown;
  height: 24px;
  right: -3px;
  top: 4px;
  width: 29px;
  z-index: 10;
}

.guardar_margenes {
  margin: 0 0 20px;
  position: fixed;
  right: 0;
  top: 45px;
  transition: all 0.5s ease 0s;
  z-index: 999999;
}.guardar_margenes:hover {
  opacity: 1;
}
.wrap_logo {
  margin-bottom: 25px;
  padding: 0 10px;
  text-align: left;
  height: 40px;
}
.wrap_logo img {
  height: 40px;
  width: auto;
}
.p_cuadro{
  background: yellow none repeat scroll 0 0;
  b order: 1px solid navy;
  border-radius: 3px;
  padding: 0 3px;
}
.in_q_mostrar {
  width: 160px;
}
.div_add_corte {
  background: navy none repeat scroll 0 0 !important;
  border-radius: 5px;
  cursor: pointer;
  padding: 5px;
  margin: 0 15px;
}
.div_add_corte p {
    color: yellow!important;
}
.div_add_corte2 {
    background: #28a4e6 none repeat scroll 0 0 !important;
    border-radius: 3px;
    cursor: pointer;
    padding: 5px;
    margin: 0 77px;
    border: 1px solid #186791; 
}
.div_add_corte2 p {
    color: yellow!important;
    margin:1px 5px -1px;
}

.cuadro_ok_sm {
background: #d9ffc2 url("../images/galochka_ok.png") no-repeat scroll 15px 10px / 30px 30px;
  border-radius: 5px;
  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;
}
.cuadro_ok_sm2 {
    background: #d9ffc2 url(../images/galochka_ok.png) no-repeat scroll 15px 10px / 30px 30px;
    border-radius: 3px;
    box-shadow: 0 0 2px 0 green;
    color: black;
    font-family: Verdana;
    font-size: 16px;
    font-weight: bolder;
    margin: 5px 77px;
    padding: 5px 5px 5px 35px;
}
.vvod_otstupa,
.vvod_otstupa_rap {
  opacity: 1;
  color:red;
}
#tab_calc {
  margin: 0 auto -8px;
  width: 741px;
}
.foot_rap {
  margin-top: 8px !important;
}
#tab_calc .div_add_corte {
  width:200px;
}
#tab_calc .div_add_corte  p {
  font-size: 12px;
}
#tab_calc .var1 {
  float: right;
  margin-right: -15px;
}
#tab_calc .var2 {
  float: right;
  margin-right: -15px;
}
.wrapp_opis {
  left: -2px; /*-90px;*/
}

.p_pos {
  float: right;
  top: 0;
  margin: 0;
}
.vvod_otstupa_rap {
  right: -2px; /* -90px */
  top: -7px;
}
.pix2 {
  right: 0;
  top: 0;
}
.vmob {
  text-align: center !important;
  width: 60px;
}
.vvod_mensaje_calc {
  max-width: 400px;
  min-width: 200px;
}
.vvod_mensaje_tab {
  max-width: 280px;
}

.go_to_vent {
  position:relative;
  top:-78px; 
  ou tline:1px solid red;
}
.go_to_vent_det {
  position:relative;
  top:-75px; 
  ou tline:1px solid red;
}
.wrapp_texturas {
margin: 0 auto; 
outline:1px solid red;
}
.d_textura {
  border: 1px solid black;
  color: blue;
  font-size: 18px;
  font-weight: bolder;
  margin-top: 5px;
  m ax-width: 280px;
  width: 100%;
  height: 55px;
  background-size: 100% auto;
}
.d_textura p {
  background: navy none repeat scroll 0 0;
  border: 1px solid black;
  border-radius: 3px 0 0 3px;
  color: white;
  left: -55px;
  padding: 2px 7px;
  position: relative;
  text-align: center;
  top: -16px;
  width: 24px;
}
.d_textura:hover {
  color: white;
  cursor:pointer;
}
.wr_div_textura {
  margin-left: 55px;
  width: 40%;
}
.wr_div_textura h3 {
  text-align: left!important;
  margin-left: 0;
}
.vmob2 {
  width: 80px;
}
#modo_pc {
  position: relative;
  top: -140px;
}
.ot1,
.ot1a,
.ot2,
.ot3,
.ot4,
.ot5,
.ot6,
.ot7 {
  margin-left: 15px;
}
.bot_color {
  cursor:pointer;
}
.ut {
  text-align: left;
}
.sel_no:hover {
  background: #EEEEEE;
  box-shadow: 0 0 2px 0 blue;
  cursor:default;
}
h2 b {
  color:blue;
}
h3 b {
  color:red;
}
.wrapp_img_size {
  background: navy none repeat scroll 0 0;
  border-radius: 5px;
  color: yellow;
  font-weight: bolder;
  margin: 40px 0 15px;
  padding: 1px;
}
.spisok_porcentaje {
  border: 1px solid #00a9ff;
  border-radius: 5px;
  box-shadow: 0 0 2px 0 #00a9ff;
  color: red;
  font-size: 18px;
  padding: 2px;
  text-align: center;
  width: 65px;
}

.img_ok {
  left: -31px;
  position: relative;
  top: -28px;
  width: 28px;
}

.wrapp_ruchka_up1,
.wrapp_ruchka_up2,
.wrapp_ruchka_up3,
.wrapp_ruchka_up4 {
  position:relative;
  top:-16px; 
  height:0px;
}
.wrapp_ruchka_up1 img,
.wrapp_ruchka_up2 img,
.wrapp_ruchka_up3 img,
.wrapp_ruchka_up4 img {
  width:45px;
  height:15px;
}

#block_vybor_quien, 
#block_vybor_quien_sp {
    /* background: #CDDC39; */
    /* height: 160px; */
    min-height: 192px;
}