/*tabela de medidas*/
.tabela_geral {font-family: 'Open Sans', Arial, sans-serif;color:#595959;padding:20px; display:flex; flex-wrap:wrap; width:100%; max-width:900px; margin:0 auto; border:1px solid #ccc;}
.tabela_geral .titulo {font-family: 'Open Sans', sans-serif; font-weight:400; font-size: 22px; line-height: 22px; text-transform:uppercase; width:100%; padding:0 0 10px 0; margin-bottom:20px; border-bottom:1px solid #ccc;}
.tabela_geral .subtitulo {font-family: 'Open Sans', sans-serif; font-weight:700; font-size:16px; text-align:center;}
.tabela_ladoa {width:35%; text-align:center;}
.tabela_ladoa img {height:400px;}
.tabela_ladob {width:65%; margin:auto 0;}
.tabela_medidas {display:flex; width:100%; max-width:350px; justify-content:center; margin:20px auto; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.tabela_medidas ul {text-align:center; width:100%; list-style:none;}
.tabela_medidas li {font-size:12px; height:22px; padding:4px; display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; border-left: 1px solid #ccc;border-top: 1px solid #ccc;}
.tabela_medidas .td_vazio {border-left:1px solid #fff; border-top:1px solid #fff;}
.tabela_coluna1, .tabela_coluna2, .tabela_coluna3, .tabela_coluna3, .tabela_coluna4 {width:25%;}
.tabela_coluna2:hover, .tabela_coluna3:hover, .tabela_coluna4:hover {background:#f5f5f5; color:#333; cursor:pointer;}
.tab_b {font-size:14px;font-weight:700;}
.tabela_medidas_cm {text-align:center;font-size:12px;}
.tabela_medidas_troca {text-align:center;font-size:12px;background:#fcfcfc;padding:10px; margin:20px 0;}
.tabela_medidas_troca img {height:24px; vertical-align:middle; margin:0 10px 0 0;}

/* Lightbox Tabela */ 
#fade2 {display: none; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index: 1001; -moz-opacity: 0.8; opacity: .80; filter: alpha(opacity=80);}
#light2 {display: none; position: absolute; top: 0; left: 17%; padding: 10px 30px 10px 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; max-width: 920px; background: #fff; z-index: 1002; overflow: visible;}
#boxclose2 {float: right; cursor: pointer; display: inline-block; position: absolute; right: 15px; top: 15px; z-index: 1002; }
#boxclose2 img {width: 20px; height: 20px; margin: 3px 3px 0 0;}
#fade2:hover ~ #boxclose2 {display:none;}

.table_medidas_tam_unico {padding: 10px;}

@media only screen and (max-width:1280px){
  #light2 {left:14%;}
}

@media only screen and (max-width:1024px){
  #light2 {left:3%;}
  .tabela_medidas_troca {margin:20px 0 0 0;}
}

@media only screen and (max-width:1023px){
  .tabela_geral {max-width: 600px;}
  .tabela_ladoa {width: 40%;}
  .tabela_ladob {width: 60%;}
  .tabela_ladoa img {height: 300px;}
  #light2 {top:5%;left:9%;max-width: 620px;}
  
}

@media only screen and (max-width:770px){
  #light2 {left: 7%;}
}

@media only screen and (max-width:740px){
  #light2 {left: 5%;}
}

@media only screen and (max-width:670px){
  .tabela_geral {max-width:350px;}
  .tabela_ladoa {width:100%; display:flex; justify-content:center;}
  .tabela_ladob {width:100%; margin:15px auto 0 auto;}
  #light2 {left: 19%;max-width: 370px;}
}

@media only screen and (max-width:570px){
  #light2 {left: 14%;}
  .tabela_medidas {margin: 15px auto 3px auto;}
  .table_medidas_tam_unico {padding:0;}
}

@media only screen and (max-width:480px){
  .tabela_geral {max-width: 270px;}
  .tabela_ladoa img {height: 240px;}
  #light2 {left:10%;top:10px;max-width:290px;}
  #light2.prodPageTable{top:-110px;}
  .tabela_geral .titulo {margin-bottom: 10px;}
  .tabela_ladob,.tabela_medidas {margin-top:5px}
  .tabela_geral .subtitulo,.table_medidas_tam_unico {font-size: 14px;}
  .tabela_geral .titulo{padding-bottom:2px;}
  .tabela_medidas_troca,.table_medidas_tam_unico {margin: 5px 0 0 0;}
  
}
@media only screen and (max-width:380px){
  #light2 {left: 6%;}
  #light2.prodPageTable{left: 3%;}
}
@media only screen and (max-width:360px){
  #light2 {left: 4%;}
}
@media only screen and (max-width:320px){
  .tabela_geral {max-width: 270px;padding:12px;}
  #light2 {left:1.5%; top: 1%;max-width: 272px;}
}