#photo-div{
	display: table;
	width: 95%;
	border: 1px solid #999999;
	height: 30%;

}

#photo-div-left{
    vertical-align: top;
	border: 1px solid #999999;
	display: table-cell;
	width: 100px;
	padding: 3px 3px;
	height: 400px;
	overflow: auto;
}
#photo-div-center{
    vertical-align: middle;
	display: table-cell;
	width: 400px;
}
#photo-div-right{
    vertical-align: top;
	display: table-cell;
	padding: 10px 10px;
}
#photo-div-mini-container{
	width: 120px;
	height: 400px;
	overflow: auto;
}
.photo-div-mini{
    height:100px;
    vertical-align: middle;
    padding: 2px;
    left: 50%;
    margin-left: auto;
    margin-right: auto;
}
.photo-mini{
  display: block;
  max-width:98px;
  max-height:98px;
  width: auto;
  height: auto;
}
#photo-div-mini-container-mobile{
	width: 85px;
	height: 400px;
	overflow: auto;
}
.photo-div-mini-mobile{
    height:80px;
    vertical-align: middle;
    padding: 2px;
    left: 50%;
    margin-left: auto;
    margin-right: auto;
}
.photo-mini-mobile{
  display: block;
  max-width:78px;
  max-height:78px;
  width: auto;
  height: auto;
}
#photo-img-center{
/*  max-width:300px;*/
  max-height:400px;
  max-width:100%;
/*  max-height:300px;*/
  width: auto;
  height: auto;

}
.photo-text{
    color:#303030;
	font-size: 14px;
}
.photo-data{
    color:#202080;
	font-size: 18px;
	font-weight: bold;

}
#pjt_code{
    color:#000000;
}
/* ************************************************       */
/*  colapsables                                           */
/*.wrap-collabsible {
  margin-bottom: 1.2rem 0;
}*/
.pjt-tabs {
  /*margin-bottom: 1.2rem 0;*/
}

/*input[type='checkbox'] {*/
.hidden_checkbox{ 
  display: none;
}

.lbl-toggle {
  display: block;
  width:95%;
  font-weight: bold;
  font-family: monospace;
  font-size: 1.2rem;
  text-transform: uppercase;
  text-align: center;

  padding: 1px;
  /*padding: 1rem;*/
  /*color: #A77B0E;*/
  /*background: #FAE042;*/

  cursor: pointer;

/*  border-radius: 7px;*/
  transition: all 0.25s ease-out;
  color: #E7E5E5;  
  /*color: #FFFFFF !important;*/
  text-shadow: 2px 2px 3px #000000;
  
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  box-shadow: 2px 2px 3px #222222;
  -webkit-box-shadow: 2px 2px 3px #222222;
  -moz-box-shadow: 2px 2px 3px #222222;
  border-bottom: 1px solid #afafff;

  /*background: #0399D4 !important;*/
  background: #1A12FF;
  /*background: linear-gradient(top,  #04ACEC,  #0186BA) !important;
  background: -ms-linear-gradient(top,  #04ACEC,  #0186BA) !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#04ACEC), to(#0186BA)) !important;
  background: -moz-linear-gradient(top,  #04ACEC,  #0186BA) !important;*/

}

.lbl-toggle::before {
  content: ' ';
  display: inline-block;

  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid currentColor;
  vertical-align: middle;
  margin-right: .7rem;
  transform: translateY(-2px);
  transition: transform .2s ease-out;
}

.toggle:checked + .lbl-toggle::before {
  transform: rotate(90deg) translateX(-3px);
  color:#FFFFFF;
  -webkit-box-shadow: 0 1px 1px rgba(68,68,68, .2);
  -moz-box-shadow: 0 1px 1px rgba(68,68,68, .2);
  box-shadow: 0 1px 1px rgba(68,68,68, .2);
  text-shadow: 2px 2px 3px #444444;

}
.lbl-toggle:hover  {
  /*color: #0000ff;*/
  color: #00ff50;

}

.collapsible-content {
  max-height: 0px;
  width:90%;

/*  overflow: hidden;*/
  overflow: auto;
  transition: max-height .25s ease-in-out;
}

.toggle:checked + .lbl-toggle + .collapsible-content {
  max-height: 550px;
  /*height:300px;     */
}

.toggle:checked + .lbl-toggle {
  color:#FFFFFF;
  -webkit-box-shadow: 0 1px 1px rgba(68,68,68, .2);
  -moz-box-shadow: 0 1px 1px rgba(68,68,68, .2);
  box-shadow: 0 1px 1px rgba(68,68,68, .2);
  text-shadow: 2px 2px 3px #444444;

  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.collapsible-content .content-inner {
/*  background: rgba(250, 224, 66, .2);
  border-bottom: 1px solid rgba(250, 224, 66, .45);
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  padding: .5rem 1rem;*/
  /*background: #1A12FF;*/
  width: 93%;
  text-align:center;
  /*background: rgba(200, 200,255, .2);*/
  /*border-bottom: 1px solid rgba(200, 200, 250, .45);*/
/*  border: 1px solid #1A12FF;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius:10px;*/
  padding: 30px 30px;

}
/* ************************************************ */
/*                                                  */
/*                Tabla especificaciones            */
/*                                                  */
/*#pjt-spec-box{
	display: table;
	width: 50%;
	text-align: center;
    left: 50%;
    margin-left: auto;
    margin-right: auto;
}*/
.pjt-spec-box{
	display: table;
	width: 50%;
	text-align: center;
    left: 50%;
    margin-left: auto;
    margin-right: auto;
}
.pjt-spec-box-mobile{
	display: table;
	width:100%;
	text-align: center;
    /*left: 50%;   */
    margin-left: auto;
    margin-right: auto;
}
.pjt-spec-row{
	display: table-row-group;
}
.pjt-spec-id{
    border: 1px solid #999999;
    display: table-cell;
    padding: 4px;
    font-size: 16px;
    font-weight: bold;
    font-family: monospace;
    background: #C0C0C0;
}
.pjt-spec-data{
	border: 1px solid #999999;
	display: table-cell;
    padding: 4px;
}
/* ************************************************ */
/*                                                  */
/*                   Tabla de descargas             */
/*                                                  */

.pjt-down-box{
	display: table;
	width: 50%;
	text-align: center;
    left: 50%;
    margin-left: auto;
    margin-right: auto;
}
.pjt-down-box-mobile{
	display: table;
	width:90%;
	text-align: center;
    /*left: 50%;*/
    margin-left: auto;
    margin-right: auto;
}
.pjt-down-row{
	display: table-row-group;
}
.pjt-down-cell{
	display: table-cell;
	border: 1px solid #999999;
}
/*#pjt_down_box{
	display: table;
	width: 50%;
	text-align: center;
    left: 50%;
    margin-left: auto;
    margin-right: auto;
}
#pjt-down-row{
	display: table-row-group;
}
#pjt-down-cell{
	display: table-cell;
	border: 1px solid #999999;
}*/
/* ************************************************ */
/*                                                  */
/*                Tabla 2 columnas                  */
/*                                                  */
/*.pjt-tbl-box{
	display: table;
	width: 50%;
	text-align: center;
    left: 50%;
    margin-left: auto;
    margin-right: auto;
}
.pjt-tbl-box-mobile{
	display: table;
	width: 90%;
	text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.pjt-tbl-row{
	display: table-row-group;
}
.pjt-tbl-cell{
    vertical-align: top;
    border: 1px solid #999999;
    display: table-cell;
    padding: 4px;
    font-size: 16px;
    font-weight: bold;
}*/
.pjt_like_tbl{
}
/* ************************************************ */
/*                                                  */
/*                   Tabla Version                  */
/*                                                  */

#pjt-version-box{
	display: table;
	text-align: center;
}
#pjt-version-row{
	display: table-row-group;
}
.pjt-version-left{
    display: table-cell;
    vertical-align: top;
    /*border: 1px solid #999999;*/
    display: table-cell;
    padding: 4px;
    font-size: 16px;
    font-weight: bold;
    /*font-family: monospace;*/
    /*background: #C0C0C0;*/
}
.pjt-version-right{
    display: table-cell;
    font-size: 16px;
    font-weight: bold;
    color:#999999;
    overflow:auto;
}
.pjt-version-item{
    font-size: 16px;
    font-weight: bold;
    color:#999999;
}
.pjt-version-selected{
    font-size: 20px;
    font-weight: bold;
    color:#900000;
}
.pjt-version-selected-link{
    font-size: 20px;
    font-weight: bold;
    color:#900000;
}
/* Cuadro imagen y Cuadro video (youtube) de [img]/[youtube] (my_text()) -> movidos a css/css-body-basic.css
   (a pedido de Christian, 20260925: css-body-basic.css ya se linkea/incluye en TODOS los templates que
   pueden mostrar texto via my_text(), mientras que css-body-pjt.css solo lo cargan pjt/ y algunos templates
   puntuales - dejar las reglas de tamano de imagen/video ahi evita que paginas como Montaje (t_body_basic.php)
   se queden sin el limite de tamano) */

/* ************************************************ */
/*                                                  */
/*                   Tabla Venta                    */
/*                                                  */

.pjt-sales-row{
    display: table-row-group;
    background: #E0E0FF;
}
.pjt-sales-sku-cell{
    display: table-cell;
    vertical-align: top;
    padding: 4px;
    font-size: 16px;
}
.pjt_sales_sku{
    display:inline-block;
    color:#ff3030;
    /*font-size: 18px;*/
    /*font-weight: bold;*/
}
.pjt-sales-description{
    font-size: 16px;
    font-weight: bold;
}
.pjt-pricing_table{
    display: table;
}
.pjt-pricing_table_row{
    display: table-row-group;
    background: #F0F0FF;
}
.pjt-sales-pricing-cell{
    display: table-cell;
    padding: 4px;
    font-size: 10px;
    font-weight: bold;
    color:#000000;
}

/*.pjt-sales-pricing-left{
    display:inline-block;
    font-size: 10px;
    font-weight: bold;
    color:#000000;
    text-align: right;
}
.pjt-sales-pricing-right{
    display:inline-block;
    font-size: 10px;
    font-weight: bold;
    color:#000000;
    text-align: right;
}*/
.pjt-sales-quantity{
    display:inline-block;
    font-size: 22px;
    font-weight: bold;
    color:#3030f0;
}
.pjt-sales-price{
    display:inline-block;
    font-size: 22px;
    font-weight: bold;
    color:#3030f0;
}
.pjt-sales-currency-dolar{
    display:inline-block;
    font-size: 22px;
    font-weight: bold;
    color:#308030;
}
.pjt-sales-currency-pesos{
    display:inline-block;
    font-size: 22px;
    font-weight: bold;
    color:#803030;
}
.pjt-sales-currency-step{
    font-size: 22px;
    font-weight: bold;
    color:#308030;
}
/*.pjt-version-right{
    display: table-cell;
    font-size: 16px;
    font-weight: bold;
    color:#999999;
    overflow:auto;
}*/

/*                                               */
/*                                               */
/*                Tabla Like                     */
.pjt_like_div{
  display: inline-block;
  /*background: #4040C0*/
}

/*.pjt-version-item:link{
    font-size: 16px;
    font-weight: bold;
    color:#0000ff;
}
.pjt-version-item:visited{
    font-size: 16px;
    font-weight: bold;
    color:#0000ff;
}*/
/*.pjt-tbl-data{
	border: 1px solid #999999;
	display: table-cell;
    padding: 4px;
}*/