/*******DRAG AND DROP*******/
.estructuras { 
  cursor: move;
  border-color: black;
  height: 50px;
}
.elementos { 
  cursor: move;
  border: 1px solid #5a92c8;
  color: #5a92c8;
  background: #e4eff9;
}
.columnas{
  border: 1px solid #5a92c8;
  background: #e4eff9;
}
.mensaje_edit {
  padding-left: 0;
  padding-right: 0;
  height: 150px;
  background: #f5f8f8;
}
.mensaje_edit.hovering {
  background: #b6d6fb;
  border: 3px dashed;
  border-color: #276cbc;
}

.tablaElement{
  display: table-row;  
}
.botones_est_tablas{
  display: none;
  width: 100%;
  padding: 5px;
  z-index: 1000;
}
.estructuras_tablas{
  border: 1px solid #5a92c8;
  display: table-cell;
  /*background: #e4eff9;*/
  margin:2px;
}
.estructuras_tablas.hovering {
  background: #b6d6fb;
  border: 3px dashed;
  border-color: #276cbc;
}
/*************************************
*****Classes del panells de edicio****
*************************************/
/*Titol panell*/
.tit_pan_ed{
  background: #2972b9;
  color: #ffffff;
  text-align: center;
  padding: 15px 0px;
  margin-bottom: 2px;
  border-radius: 7px 7px 0px 0px; 
  min-width: 300px;
  max-width: 500px;
}
/*Files opcions a modificar de cada element*/
.row_pan_ed, .last_row_pan_ed{
  background: #ffffff;
  padding: 15px 0px;
  margin-bottom: 2px;
  min-width: 300px;
  max-width: 500px;
}
/*Ultima fila*/
.last_row_pan_ed{
  border-radius: 0px 0px 7px 7px;
}
/**/
.label-columnas{
  font-size: 14px;
}
/*************************************
***Fi Classes del panells de edicio***
*************************************/
.trumbowyg-box{
  padding: 0px;
}
/*Classe boton de configuracio de les estructures*/
.btn_config_est, .btn_close_est{
  background: transparent;
  color: #5a92c8;
  border: none;
  height: 15px;
  width: 15px;
  background-size: cover;
}
.btn_config_est{background-image: url(../img/elements/config_estructuras.png);}
.btn_close_est{background-image: url(../img/elements/close_estructuras.png);}

#popUpElem{
  max-width: 800px;
}
#btn_tamano{
  display:none;
}
.contenedor{
  position: relative;
  text-align: center;
}
.texto-encima{
  position: absolute;
  top: 10px;
  left: 10px;
}
.centrado{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#caja_imagen {
  position: relative;
  width: 100%;
}
.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}
.middle {
  transition: .5s ease;
  opacity: 0; 
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
#caja_imagen:hover .image {
  opacity: 0.3;
}
#caja_imagen:hover .middle {
  opacity: 1;
}
.text {
  color: white;
  font-size: 16px;
  padding: 16px 32px;
}
#editor_img, #editor_est, #editor_btn, #editor_txt, #editor_esp{
  display:none;
}
#caja_imagen {
  margin: 10px;
  width: 300px;
  height: 350px;
  border: 2px dashed gray;
  border-radius: 8px;
  background: rgb(230,230,230);
  background-repeat: no-repeat;
  background-size: 100%;
}
.boton{
  /*border: 1px solid transparent;
  padding: 3%;
  border-radius: 7px;*/
  background-color: #24B6FF;
  text-align: center;
}
.enlace-boton{
  text-decoration: none;
  color: white;
  vertical-align: middle;
  text-align: center;
  width: 100%;
  height: 100%;
}
/**************************/