.marco_trabajo {
    width:80%;
    font-size:12px;
}

/**************************************************************************/
/* ELEMENTOS COMUNES                                                      */
/**************************************************************************/    

.boton {
    display:block;
    float:left;
    width:32px;
    height:32px;
    overflow:hidden;
    margin:4px;
    border:solid white 1px;
}

.boton:hover {
    border-top:solid silver 1px;
    border-left:solid silver 1px;
    border-right:solid black 1px;
    border-bottom:solid black 1px;
}



/* iconos de los botones */
.b_insertar { background-image:url('http://antena.treeweb.es/iconos/picol/32/arrow_full_left_32.png'); }
.b_mover_arriba { background-image:url('http://antena.treeweb.es/iconos/picol/32/arrow_sans_up_32.png'); }
.b_mover_abajo { background-image:url('http://antena.treeweb.es/iconos/picol/32/arrow_sans_down_32.png'); }

.b_insertar_texto { background-image:url('http://antena.treeweb.es/iconos/picol/32/text_32.png'); }
.b_insertar_lista { background-image:url('http://antena.treeweb.es/iconos/picol/32/list_32.png'); }
.b_insertar_imagen { background-image:url('http://antena.treeweb.es/iconos/picol/32/image_32.png'); }

.b_formato_texto_alinear_izquierda { background-image:url('http://antena.treeweb.es/iconos/picol/32/text_align_left_32.png'); }
.b_guardar { background-image:url('http://antena.treeweb.es/iconos/picol/32/floppy_disk_32.png'); }




/**************************************************************************/
/* INTERBARRA                                                             */
/**************************************************************************/    

.interbarra {
    border-top:solid red 1px;
    overflow:auto;
}

.interbarra .vertical {
    float:right;
    width:42px;
}

.interbarra .horizontal {
    height:0px;
    margin-right:42px;
    overflow:hidden;
    background-color:pink;
}

.interbarra .horizontal .boton {
    border:solid pink 1px;
}

.interbarra .horizontal .boton:hover {
    border-top:solid silver 1px;
    border-left:solid silver 1px;
    border-right:solid black 1px;
    border-bottom:solid black 1px;
}

/**************************************************************************/
/* ZONA DE EDICIÓN                                                        */
/**************************************************************************/    

.zona_edicion {
    margin-right:42px;
    overflow:hidden;
}

.zona_edicion .barra {
    background-color:blue;
    display:none;
}

.zona_edicion .etiquetas {
    display:none;
}

.zona_edicion .etiquetas INPUT{
    border:solid black 1px;
}

.zona_edicion .etiquetas .etiqueta {
    border:solid navy 1px;
    background-color:lightblue;
    color:navy;
    text-decoration:none;
    padding:2px;
}

.zona_edicion .etiquetas .etiqueta:hover {
    background-color:white;
}



/**************************************************************************/
/* EDICIÓN DE TEXTO                                                       */
/**************************************************************************/    

.edicion_texto .edicion TEXTAREA {
    border:solid black 0px;
    width:100%;
    height:150px;
    background-color:#FAFAFF;
}

/**************************************************************************/
/* EDICIÓN DE IMAGEN                                                      */
/**************************************************************************/    

.edicion_imagen .edicion IMG {
    display:block;
    margin:0 auto 0 auto;
}

.edicion_imagen .edicion .imagen {
    background-color:#FAFAFF;
}

.edicion_imagen .etiquetas TABLE {
    width:100%;
}

.edicion_imagen .etiquetas TABLE INPUT{
    width:100%;
}