/* editor.css
 * preZentit.com
 * Agosto 2007
 */

/*** Reset all */

* {
outline: none;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
  margin:0;
  padding:0;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}
fieldset,img {
  border:0;
}
address,caption,cite,code,dfn,th,var {
  font-style:normal;
  font-weight:normal;
}

strong {
font-weight:bold;
}

em {
font-style:italic;
}

ol,ul {
  list-style:none;
}
caption,th {
  text-align:left;
}
h1,h2,h3,h4,h5,h6 {
  font-size:100%;
  font-weight:normal;
}
q:before,q:after {
  content:'';
}
abbr,acronym { border:0;
}

/*** */

body {
background: #efefef url(/static/img/fondogris.gif) repeat left top;
color: black;
font-family: 'Bitstream Vera Sans Roman', 'DejaVu Sans', Verdana, sans-serif;
font-size: 20px;
overflow-x: auto;
overflow-y: hidden;
}

input, textarea {
background: #efefef;
color: black;
border-top: 1px solid #898887;
border-right: 1px solid #E0E0E0;
border-bottom: 1px solid #E0E0E0;
border-left: 1px solid #898887;
}

/*** Combos */

.combo {
height: 24px;
float: left;
line-height: 25px;
text-indent: 10px;
cursor: default;
background-color: transparent;
background-image: none;
background-repeat: no-repeat;
background-position: left top;
}

.combo:hover {
background-position: 0 -24px;
}

.combos .press {
background-position: 0 -48px;
}


/*** Sliders */

.slider_knob {
position: relative;
bottom: -3px;
width: 12px;
height: 16px;
cursor: default;
background: transparent url(/static/img/editor/slider_knob.png) no-repeat 0 0;
}


/*** Botones */

.botones {
list-style-type: none;
}

.botones li {
display: block;
float: left;
background-color: transparent;
background-image: none;
background-position: 0 0;
background-repeat: no-repeat;
cursor: default;
}

.botones li.bot_sep {
top: 2px;
width: 1px;
height: 28px;
/*border-left: 1px solid #BAAF9F;*/
border-left: 1px solid #ccc;
background: white;
margin-left: 7px;
margin-right: 6px;
}

.grancuad li {
width: 60px;
height: 60px;
}

.grancuad2 li {
width: 74px;
height: 60px;
margin-left:2px;
margin-right: 2px;
}

.botones li.bot_espacio_largo {
width: 143px;
}

.regulares li {
width: 28px;
height: 28px;
}


.largofila li {
width: 150px;
height: 28px;
}

.regulares li.boton:hover {
background-image: url(../../img/editor/boton_regular.png);
background-position: 0 0;
}

.grancuad li.boton:hover {
background-image: url(../../img/editor/boton_grancuad.png);
background-position: 0 0;
}

.grancuad2 li.boton:hover {
background-image: url(../../img/editor/boton_grancuad2.png);
background-position: 0 0;
}

.largofila li.boton:hover {
background-image: url(../../img/editor/boton_largofila.png);
}

.regulares .press, .regulares .press:hover {
background-image: url(../../img/editor/boton_regular.png);
background-position: 0 -28px;
}

.grancuad .press, .grancuad .press:hover {
background-image: url(../../img/editor/boton_grancuad.png);
background-position: 0 -60px;
}

.grancuad2 .press, .grancuad2 .press:hover {
background-image: url(../../img/editor/boton_grancuad2.png);
background-position: 0 -60px;
}

.largofila .press, .largofila .press:hover {
background-image: url(../../img/editor/boton_largofila.png);
background-position: 0 -28px;
}

.botones li div {
width: 100%;
height: 100%;
cursor: default;
}

.grancuad div, .grancuad a, .grancuad2 div, .grancuad2 a {
color: black;
line-height: 92px;
cursor: default;
text-align: center;
}

.grancuad a, .grancuad2 a {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
}

.largofila div {
text-indent: 37px;
line-height: 27px;
}

.mini_boton {
position: absolute;
cursor: default;
width: 22px;
height: 22px;
}

.mini_boton:hover {
background: transparent url(../../img/editor/boton_mfondo.png) no-repeat left top;
}

.mini_boton.press {
background: transparent url(../../img/editor/boton_mfondo.png) no-repeat 0 -22px;
}

.mini_boton div { /* Imagen en el botón */
position: absolute;
top: 3px;
left: 3px;
width: 22px;
height: 22px;
background-color: transparent;
background-image: none;
background-repeat: no-repeat;
background-position: left top;
}

/*** boton pequeño ***/

.mbutton {
margin-bottom: 20px;
position: relative;
}

.mc_button, .mc_button_wait, .mc_button_disabled {
background: transparent url(/static/img/bots_center.png) repeat-x 0 0;
position: relative;
height: 30px;
width: 100px;
}

.ml_button, .mr_button {
position: absolute;
height: 30px;
width: 9px;
}

.ml_button  {
background: transparent url(/static/img/bots_left.png) no-repeat 0 0;
top: 0;
left: -9px;
}

.mr_button {
background: transparent url(/static/img/bots_right.png) no-repeat 0 0;
top: 0;
right: -9px;
}

.mc_button span, .mw_button, .mc_button_disabled span {
background: transparent;
color: #FD9B00;
font-weight: bold;
font-size: 13px;
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
line-height: 30px;
text-align: center;
text-decoration: none;
cursor: pointer;
}

.mc_button .mw_button {
display: none;
}

.mc_button_wait a, .mc_button_wait span {
display: none;
}

.mc_button_wait .mw_button {
background: transparent url(/static/img/searching.gif) no-repeat 50% 50%;
display: block;
}


.mc_button_disabled span {
color: #999;
}

.mc_button:hover {
background: transparent url(/static/img/bots_center.png) repeat-x 0 -30px;
}

.mc_button:hover .ml_button {
background: transparent url(/static/img/bots_left.png) no-repeat 0 -30px;
}

.mc_button:hover .mr_button {
background: transparent url(/static/img/bots_right.png) no-repeat 0 -30px;
}


/*** Menus */

.menu, .menucombo {
position: absolute;
margin: 0;
padding: 1px;
background: transparent url(/static/img/editor/fondo_menu.png) repeat left top;
color: black;
border: 1px solid #999;
display: none;
list-style-type: none;
font-size: 12px;
z-index: 10010;
}

.menucombo ul{
position: absolute;
top: 16px;
left: 0;
list-style-type: none;
margin: 0;
padding: 1px;
overflow: auto;
}

.menu {
width: 167px;
margin: 0;
padding: 0;
}

.menu li, .menucombo li {
position: relative;
display: block;
cursor: default;
background: transparent;
margin: 0;
padding: 0;
height: 22px;
line-height: 22px;
}

.menu li {
margin: 0;
padding: 0 20px 0 0;
overflow: hidden;
}

.menu div {
position: absolute;
top: 0;
left: 0;
width: 145px;
margin: 0;
padding: 0;
}

.menucombo li {
margin: 0;
padding: 0 8px 0 8px;
}

.menu li:hover, .menu li.sel, .menucombo li:hover, .menucombo li.sel {
position: relative;
display: block;
float: none;
clear: both;
background: #4D6FAB;
color: white;
margin: 0;
padding: 0;
}

.menu li.menu_sep, .menu li.menu_sep:hover,
.menucombo li.menu_sep, .menucombo li.menu_sep:hover {
position: relative;
display: block;
padding: 0;
margin: 0 auto;
background: #ddd;
width: 95%;
height: 1px;
line-height: 1px;
font-size: 1px;
}

#contenedor .menu .menu_sep,
#contenedor .menu .menu_sep:hover,
#contenedor .menucombo .menu_sep,
#contenedor .menucombo .menu_sep:hover {
height: 2px;
line-height: 2px !important;
font-size: 0 !important;
border: none;
border-top: 1px solid #ddd;
background: white;
margin: 2px;
padding: 0;
overflow: hidden;
}

.acc_img {
position: relative;
text-indent: 25px;
background-color: transparent;
background-repeat: no-repeat;
background-position: 2px 50%;
}

.accDiapoNueva_img    { background-image: url(/static/img/editor/acc_diaponueva.png); }
.accDiapoDuplicar_img { background-image: url(/static/img/editor/acc_diapoduplicar.png); }
.accDiapoBorrar_img   { background-image: url(/static/img/editor/acc_diapoborrar.png); }
.accColorFondo_img    { background-image: url(/static/img/editor/acc_color.png); }
.accImagenFondo_img   { background-image: url(/static/img/editor/acc_imagenfondo.png); }
.accCortar_img        { background-image: url(/static/img/editor/mbot_cortar.png); }
.accCopiar_img        { background-image: url(/static/img/editor/mbot_copiar.png); }
.accPegar_img         { background-image: url(/static/img/editor/acc_pegar.png); }
.accArriba_img        { background-image: url(/static/img/editor/mbot_arriba.png); }
.accAbajo_img         { background-image: url(/static/img/editor/mbot_abajo.png); }
.accBorrar_img        { background-image: url(/static/img/editor/mbot_borrar.png); }
.accInsTexto_img      { background-image: url(/static/img/editor/acc_instexto.png); }
.accInsImagen_img     { background-image: url(/static/img/editor/acc_insimagen.png); }
.accTxtEdit_img       { background-image: url(/static/img/editor/mbot_edit.png); }


/*** */

#idusr, #session {
display: none;
}

#contenedor {
border: none;
outline: none;
}


/*** cabecera */

#headerMenu, #header {
position: relative;
width: 100%;
min-width: 990px;
font-size: 11px;
border-bottom: 1px solid #999999;
}

#headerMenu {
height: 36px;
background: #606060;
z-index: 2002;
}

  #headerMenu .menuItem, #headerMenu .press {
  height: 34px;
  padding: 0 28px 0 7px;
  line-height: 34px;
  font-size: 11px;
  border: 1px solid #606060;
  background: transparent;
  color: white;
  text-align: center;
  }

  #headerMenu li {
  display: block;
  position: relative;
  float: left;
  width: 57px;
  cursor: default;
  }

  #contenedor.preview #headerMenu li {
  display: none;
  }


  #headerMenu  #btSaveNClose {
  position: absolute;
  top: 0;
  left: 0;
  float: none;
  width: 100px;
  cursor: default;
  }

  #headerMenu #btFile {
  width: 62px;
  }

  #headerMenu #btOpenPreview {
  width: 80px;
  }

  #headerMenu #btClosePreview {
  width: 127px;
  display: none;
  }

  #contenedor.preview #headerMenu #btClosePreview {
  display: block;
  }

  #headerMenu .menuItem:hover {
  border: 1px solid #808080;
  background: transparent url(/static/img/editor/btm_bk.png) repeat-x 0 0;
  }

  #headerMenu .press,#headerMenu .press:hover {
  border: 1px solid #808080;
  background: transparent url(/static/img/editor/btm_bk.png) repeat-x 0 -36px;
  }

  #headerMenu .menuItem_img {
  width: 26px;
  height: 20px;
  position: absolute;
  top: 8px;
  right: 7px;
  }


  #headerMenuSlide {
  position: relative;
  width: 200px;
  margin: 0 auto;
  top: 0;
  }

  #headerMenuFile {
  position: absolute;
  top: 0;
  right: 0;
  }

  #btUndo.disable, #btRedo.disable { color: #ccc; }

  #btSaveNClose .menuItem_img { background: transparent url(/static/img/editor/btm_close.png) no-repeat right 0; }
  #btUndo .menuItem_img { background: transparent url(/static/img/editor/btm_undo.png) no-repeat right 0; }
  #btUndo.disable .menuItem_img { background: transparent url(/static/img/editor/btm_undo.png) no-repeat right bottom; }
  #btRedo .menuItem_img { background: transparent url(/static/img/editor/btm_redo.png) no-repeat right 0; }
  #btRedo.disable .menuItem_img { background: transparent url(/static/img/editor/btm_redo.png) no-repeat right bottom; }
  #btPaste .menuItem_img { background: transparent url(/static/img/editor/btm_paste.png) no-repeat right 0; }

  #btPublish .menuItem_img { background: transparent url(/static/img/editor/btm_publish.png) no-repeat right 0; }
  #btShare .menuItem_img { background: transparent url(/static/img/editor/btm_share.png) no-repeat right 0; }
  #btOpenPreview .menuItem_img { background: transparent url(/static/img/editor/btm_openpreview.png) no-repeat right 0; }
  #btClosePreview .menuItem_img { background: transparent url(/static/img/editor/btm_closepreview.png) no-repeat right 0; }

  #headerMenu #btFile .menuItem_img {
    background: transparent url(/static/img/editor/btm_file.png) no-repeat right 0;
    left: 48px;
  }

  #headerMenu #btFile.press, #headerMenu #btFile.press:hover {
  border-bottom: 1px solid #4D4D4D;
  }

#menuFile {
position: absolute;
right: 290px;
top: 35px;
border: 1px solid #808080;
border-top: none;
width: 111px;
padding: 5px 0 5px 0;
z-index:3900;
font-size: 11px;
display: none;
background: #4D4D4D;
}
    #menuFile li {
    position: relative;
    display: block;
    width: 100%;
    height: 25px;
    line-height: 25px;
    color: white;
    text-indent: 10px;
    background: transparent;
    }

    #menuFile li:hover {
    background: #606060;
    }

      #headerMenu #menuFile li a {
      color: white;
      font-weight: normal;
      text-decoration: none;
      cursor: default;
      padding: 0;
      width: 100%;
      height: 100%;
      line-height: 25px;
      text-align: left;
      }

      #headerMenu #menuFile li div {
      position: absolute;
      top: 0;
      right: 10px;
      width: 25px;
      height: 25px;
      }

      #menuFile_download div.menuItem_img { background: transparent url(/static/img/editor/btm_download.png) no-repeat 50% 50%; }
      #menuFile_print div.menuItem_img { background: transparent url(/static/img/editor/btm_print.png) no-repeat 50% 50%; }

  #headerTabs {
  position: absolute;
  top: 11px;
  left: 184px;
  }

    #headerTabs li {
    position: relative;
    display: block;
    float: left;
    width: 90px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    background-color: transparent;
    background-image: url(/static/img/editor/header_tabs.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    cursor: pointer;
    font-size: 11px;
    color: white;
    }

    #headerTabs li.sel, #headerTabs li.sel:hover {
    background-position: 0 -26px;
    cursor: default;
    line-height: 27px;
    color: black;
    }

    #headerTabs li.disable, #headerTabs li.disable:hover {
    cursor: default;
    color: #aaa;
    }


#header {
height: 70px;
background: transparent url(/static/img/editor/header_bk.png) repeat-x 0 0;
z-index: 2001;
}


#contenedor.preview #header div {
visibility: hidden;
}

#header div.secc {
position: relative;
display: block;
float: left;
margin: 2px 6px 0 11px;
padding: 2px 0 2px 0;
height: 60px;
min-width: 60px;
border-top: 1px solid #bbb;
border-bottom: 1px solid #bbb;
}

  #header div.secc_left, #header div.secc_right {
  height: 66px;
  width: 6px;
  position: absolute;
  top: -1px;
  }

  #header div.secc_left {
  left: -6px;
  background: transparent url(/static/img/editor/header_secc_left.png) no-repeat 0 0;
  }

  #header div.secc_right {
  right: -6px;
  background: transparent url(/static/img/editor/header_secc_right.png) no-repeat 0 0;
  }


#header #botsSlides {
margin: 2px 14px 0 6px;
padding-left: 2px;
padding-right: 2px;
width: 156px;
}

#header .fila {
display: block;
clear: both;
float: none;
width: 100%;
height: 30px;
margin-bottom: 2px;
}

#header .check {
cursor: pointer;
width: 60px;
height: 100%;
position: relative;
}

#header .check_img {
position: relative;
margin: 2px auto 5px auto;
background: transparent url(/static/img/form/check.png) no-repeat 0 0;
width: 16px;
height: 16px;
}

#header .checked .check_img {
background: transparent url(/static/img/form/check.png) no-repeat 0 -16px;
}

#header .check_msg {
width: 100%;
text-align: center;
}

#botTema_img { background: transparent url(../../img/editor/bot_tema.png) no-repeat 50% 6px; }
#botTransiciones_img { background: transparent url(../../img/editor/bot_transiciones.png) no-repeat 50% 6px; }

#botTexto_img { background: transparent url(../../img/editor/bot_texto.png) no-repeat 50% 7px; }
#botImagen_img { background: transparent url(../../img/editor/bot_imagen.png) no-repeat 50% 6px; }

#botColorFondo_img { background: transparent url(../../img/editor/bot_color.png) no-repeat 6px 50%; }
#botImagenFondo_img { background: transparent url(../../img/editor/bot_imagenfondo.png) no-repeat 6px 50%; }
#botBorrarFondo { display: none; }
#botBorrarFondo_img { background: transparent url(../../img/editor/bot_borrarfondo.png) no-repeat 6px 50%; }

#botNegrita_img { background: transparent url(../../img/editor/bot_negrita.png) no-repeat 50% 50%; }
#botBold_img { background: transparent url(../../img/editor/bot_bold.png) no-repeat 50% 50%; }
#botCursiva_img { background: transparent url(../../img/editor/bot_cursiva.png) no-repeat 50% 50%; }
#botSubrayar_img { background: transparent url(../../img/editor/bot_subrayar.png) no-repeat 50% 50%; }
#botUnderline_img { background: transparent url(../../img/editor/bot_underline.png) no-repeat 50% 50%; }
#botTachar_img { background: transparent url(../../img/editor/bot_tachar.png) no-repeat 50% 50%; }

#botSuperI_img { background: transparent url(../../img/editor/bot_superi.png) no-repeat 50% 50%; }
#botSubI_img { background: transparent url(../../img/editor/bot_subi.png) no-repeat 50% 50%; }

#botListaOrd_img { background: transparent url(../../img/editor/bot_listaord.png) no-repeat 50% 50%; }
#botLista_img { background: transparent url(../../img/editor/bot_lista.png) no-repeat 50% 50%; }

#botDeSang_img { background: transparent url(../../img/editor/bot_desang.png) no-repeat 50% 50%; }
#botAuSang_img { background: transparent url(../../img/editor/bot_ausang.png) no-repeat 50% 50%; }

#botAlIzq_img { background: transparent url(../../img/editor/bot_alizq.png) no-repeat 50% 50%; }
#botAlCentro_img { background: transparent url(../../img/editor/bot_alcentro.png) no-repeat 50% 50%; }
#botAlDer_img { background: transparent url(../../img/editor/bot_alder.png) no-repeat 50% 50%; }
#botAlJus_img { background: transparent url(../../img/editor/bot_aljus.png) no-repeat 50% 50%; }

#botColor_img { background: transparent url(../../img/editor/bot_color.png) no-repeat 6px 50%; }


/** Slider opacidad **/

#slideOpacity {
position: relative;
top: -3px;
width: 149px;
}

  #slideOpacity p {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 12px;
  text-align: center;
  font-size: 10px;
  }

  #slideOpacity .slider_bar {
  position: absolute;
  left: 2px;
  bottom: 4px;
  width: 144px;
  height: 9px;
  border: 1px solid #ddd;
  background: transparent url(/static/img/editor/slider_opacity.png) no-repeat 0 0;
  cursor: pointer;
  }

  #slideOpacity:hover .slider_bar {
  border: 1px solid #ffaf2e;
  }

  #slideOpacity .slider_knob {
  botto: -2px;
  }



/*** Combos tipografía & tamaño */

#comboTipografia {
width: 160px;
background-image: url(../../img/editor/combo.png);
}
#comboTamano {
width: 76px;
background-image: url(../../img/editor/combo_mini.png);
}

#menuTipografia {
top: 98px;
left: 192px;
font-size: 18px;
width: 180px;
}

#menuTipografia li {
height: 24px;
line-height: 23px;
overflow: hidden;
padding: 0;
text-indent: 8px;
}

#menuTipografia li.menu_sep, #menuTipografia li.menu_sep:hover {
position: relative;
float: none;
padding: 0;
margin: 2px auto;
height: 1px;
line-height: 1px;
background: #ddd;
width: 95%;
}


#menuTamano {
width: 72px;
height: 203px;
top: 51px;
left: 351px;
overflow-x: hidden;
overflow-y: auto;
font-size: 11px;
}

#menuTamano li {
overflow: hidden;
padding: 0;
text-indent: 8px;
}


/*** MAIN */

#main {
position: relative;
z-index: 1000;
}

#slideCol {
position: relative;
width: 170px;
height: 100%;
border: 1px solid #999;
border-top: none;
border-bottom: none;
}

  #slideCol_header {
  display: block;
  width: 100%;
  height: 42px;
  background: transparent url(/static/img/editor/slideCol_header_bk.png) repeat-x 0 0;
  z-index: 1001;
  }

    #slideCol_header ul {
    position: relative;
    margin: 0 auto;
    top: 7px;
    width: 100px;
    }

    #slideCol_header li {
    margin-right: 5px;
    }

    #botDiapoNueva_img {
    background: transparent url(../../img/editor/bot_diaponueva.png) no-repeat 3px 4px;
    }
    #botDiapoDuplicar_img {
    background: transparent url(../../img/editor/bot_diapoduplicar.png) no-repeat 3px 4px;
    }
    #botDiapoBorrar_img {
    background: transparent url(../../img/editor/bot_diapoborrar.png) no-repeat 3px 4px;
    }

  #slidesCol_slides {
  position: absolute;
  top: 42px;
  bottom: 0;
  width: 170px;
  background: #ddd;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: scroll;
  z-index: 2000;
  }

    #slidesCol_slides div.mini {
    position: relative;
    display: block;
    width: 166px;
    height: 92px;
    background-color: transparent;
    background-image: none;
    background-repeat: no-repeat;
    background-position: right 6px;
    border: 2px solid transparent;
    margin: 0;
    padding: 0;
    cursor: default;
    overflow: hidden;
    }

    #slidesCol_slides.trans div.mini {
    height: 112px;
    }

    #slidesCol_slides div.mini:hover {
    background-color: #efefef;
    }

    #slidesCol_slides div.changed {
    background-image: url(/static/img/editor/user.png);
    }

    #slidesCol_slides div.sel,
    #slidesCol_slides div.sel:hover {
    background-color: white;
    }

      #slidesCol_slides div.mini_num {
      position: absolute;
      bottom: 39px;
      right: 140px;
      font-size: 11px;
      font-weight: normal;
      }

      #slidesCol_slides div.mini_diapo, #slidesCol_slides div.mini_fondo {
      position: absolute;
      display: block;
      width: 100px;
      height: 75px;
      font-size: 9.6%;
      font-weight: normal;
      overflow: hidden;
      }

      #slidesCol_slides div.mini_diapo {
      background: transparent;
      border: 2px solid transparent;
      right: 30px;
      bottom: 7px;
      z-index: 2;
      }

      #slidesCol_slides div.mini_fondo {
      background: #ffffff;
      border: 1px solid black;
      right: 31px;
      bottom: 8px;
      z-index: 1;
      }

      #slidesCol_slides div.sel div.mini_diapo {
      border: 2px solid #ffaf2e;
      }

      #slidesCol_slides div.block div.mini_diapo {
      border: 2px solid #4d6fab;
      }

      #slidesCol_slides div.mini_trans {
      position: absolute;
      height: 15px;
      left: 35px;
      top: 5px;
      display: none;
      }

      #slidesCol_slides.trans div.mini_trans {
      display: block;
      }

        #slidesCol_slides div.mini_trans div {
        background-color: transparent;
        background-repeat: no-repeat;
        background-image: url(/static/img/editor/transitions_minis.png);
        font-size: 10px;
        line-height: 15px;
        text-indent: 26px;
        color: #444;
        }

        #slidesCol_slides div.appear { background-position: 0 0; }
        #slidesCol_slides div.unfade { background-position: 0 -14px; }
        #slidesCol_slides div.unfadeb { background-position: 0 -28px; }
        #slidesCol_slides div.zoom_in { background-position: 0 -42px; }
        #slidesCol_slides div.zoom_out { background-position: 0 -56px; }

        #slidesCol_slides div.train_t { background-position: 0 -71px; }
        #slidesCol_slides div.train_b { background-position: 0 -86px; }
        #slidesCol_slides div.train_l { background-position: 0 -99px; }
        #slidesCol_slides div.train_r { background-position: 0 -114px; }
        #slidesCol_slides div.train_z { background-position: 0 -128px; }

        #slidesCol_slides div.szoom_t { background-position: 0 -156px; }
        #slidesCol_slides div.szoom_b { background-position: 0 -142px; }
        #slidesCol_slides div.szoom_l { background-position: 0 -185px; }
        #slidesCol_slides div.szoom_r { background-position: 0 -171px; }

        #slidesCol_slides div.pikpuk_rt { background-position: 0 -214px; }
        #slidesCol_slides div.pikpuk_lt { background-position: 0 -200px; }
        #slidesCol_slides div.pikpuk_rb { background-position: 0 -242px; }
        #slidesCol_slides div.pikpuk_lb { background-position: 0 -228px; }
        #slidesCol_slides div.pikpuk_br { background-position: 0 -270px; }
        #slidesCol_slides div.pikpuk_tr { background-position: 0 -256px; }
        #slidesCol_slides div.pikpuk_bl { background-position: 0 -298px; }
        #slidesCol_slides div.pikpuk_tl { background-position: 0 -284px; }


        #slidesCol_slides div.cube_t { background-position: 0 -313px; }
        #slidesCol_slides div.cube_b { background-position: 0 -327px; }
        #slidesCol_slides div.cube_l { background-position: 0 -341px; }
        #slidesCol_slides div.cube_r { background-position: 0 -355px; }

        #slidesCol_slides div.slide_t { background-position: 0 -371px; }
        #slidesCol_slides div.slide_b { background-position: 0 -385px; }
        #slidesCol_slides div.slide_l { background-position: 0 -399px; }
        #slidesCol_slides div.slide_r { background-position: 0 -413px; }
        #slidesCol_slides div.slide_tl { background-position: 0 -427px; }
        #slidesCol_slides div.slide_tr { background-position: 0 -442px; }
        #slidesCol_slides div.slide_bl { background-position: 0 -456px; }
        #slidesCol_slides div.slide_br { background-position: 0 -470px; }

      #slidesCol_slides div.mini_handout {
      display: none;
      }

/*** Área de trabajo */

#colDiapo {
position: absolute;
top: 0;
left: 170px;
right: 0;
height: 100%;
z-index: 1990;
overflow: hidden;
}

#showPreview {
position: absolute;
top: 15px;
left: 15px;
color: black;
border: 1px solid #666;
outline: none;
display: none;
}

#diapo,
#diapoFondo {
position: absolute;
top: 15px;
left: 15px;
color: black;
border: 1px solid #666;
outline:none;
display: block;
min-width: 0;
min-height: 0;
width: 800px;
height: 600px;
}

#diapo {
background: transparent;
z-index: 2;
overflow: visible;
}

#diapoFondo {
background: #ffffff; /* Debe estar en hexadecimal para que el selector de color funcione correctamente */
z-index: 1;
border-top: 1px #C6C6C6 solid;
border-left: 1px #C6C6C6 solid;
border-right: 3px #aaa solid;
border-bottom: 3px #aaa solid;
overflow: hidden;
}

#edit { /* marco editable */
position: absolute;
border: 1px solid #F8CE08;
background: transparent;
top: 100px;
left: 9999px;
width: 10px;
height: 10px;
overflow: hidden;
z-index: 2002;
/*visibility: hidden;*/
}

#seldin { /* Selector dinámico (rubber band) */
position: absolute;
background: #4d6fab;
border: 1px #4d6fab solid;
left: 100px;
top: 100px;
width: 100px;
height: 100px;
z-index: 3000;
opacity: 0.40;
filter:alpha(opacity=40);
display: none;
}


/*** Selector */

#selector {
position: absolute;
border: 1px solid #4A7FB0;
z-index: 2001;
cursor: move;
display: none;
}

#ancla_no {
position: absolute;
cursor: nw-resize;
top: -12px;
left: -12px;
width: 13px;
height: 13px;
background: transparent url(../../img/editor/ancla_no.png);
}

#ancla_ne {
position: absolute;
cursor: ne-resize;
top: -12px;
right: -12px;
width: 13px;
height: 13px;
background: transparent url(../../img/editor/ancla_ne.png);
}

#ancla_se {
position: absolute;
cursor: se-resize;
bottom: -12px;
right: -12px;
width: 13px;
height: 13px;
background: transparent url(../../img/editor/ancla_se.png);
}

#ancla_so {
position: absolute;
cursor: sw-resize;
bottom: -12px;
left: -12px;
width: 13px;
height: 13px;
background: transparent url(../../img/editor/ancla_so.png);
}

#ancla_n {
position: absolute;
cursor: n-resize;
top: -9px;
left: 51px;
right: 0;
height: 9px;
background: transparent url(../../img/editor/ancla.png) repeat left top;
}

#ancla_n.full {
left: 0;
right: 0;
}

#ancla_e {
position: absolute;
cursor: e-resize;
top: 0;
bottom: 0;
right: -9px;
width: 9px;
background: transparent url(../../img/editor/ancla.png) repeat left top;
}

#ancla_s {
position: absolute;
cursor: s-resize;
bottom: -9px;
left: 0;
right: 0;
height: 9px;
background: transparent url(../../img/editor/ancla.png) repeat left top;
}

#ancla_o {
position: absolute;
cursor: w-resize;
top: 52px;
bottom: 0;
left: -9px;
width: 9px;
background: transparent url(../../img/editor/ancla.png) repeat left top;
}

#ancla_o.full {
top: 0;
bottom: 0;
}

/* Botones selector*/

#mbotCortar {
top: -26px;
left: 27px;
}

#mbotCortar_img {
background-image: url(../../img/editor/mbot_cortar.png);
}

#mbotCopiar {
top: -26px;
left: 5px;
}

#mbotCopiar_img {
background-image: url(../../img/editor/mbot_copiar.png);
}

#mbotEdit {
top: -26px;
left: -26px;
}

#mbotEdit_img {
background-image: url(../../img/editor/mbot_edit.png);
}

#mbotEditFin {
top: -26px;
left: -26px;
display: none;
}

#mbotEditFin_img {
background-image: url(../../img/editor/mbot_editfin.png);
}

#mbotArriba {
top: 5px;
left: -26px;
}

#mbotArriba_img {
background-image: url(../../img/editor/mbot_arriba.png);
}

#mbotAbajo {
top: 27px;
left: -26px;
}

#mbotAbajo_img {
background-image: url(../../img/editor/mbot_abajo.png);
}

#mbotBorrar {
top: -26px;
right: -26px;
}

#mbotBorrar_img {
background-image: url(../../img/editor/mbot_borrar.png);
}


/*** Guías de alineado */

.alinH, .alinV {
position: absolute;
margin: 0;
padding: 0;
background: transparent;
z-index: 10003;
display: none;
}

#alinDiapoH {
left: 2%;
top: 50%;
width: 96%;
height: 1px;
border-top: 1px solid yellow;
}

#alinDiapoV {
left: 50%;
top: 1%;
width: 1px;
height: 98%;
border-left: 1px solid yellow;
}

#alinArrArr, #alinArrAbj, #alinAbjAbj, #alinAbjArr, #alinCentroAlto {
height: 1px;
border-top: 1px solid #ccc;
}

#alinIzqIzq, #alinIzqDer, #alinDerDer, #alinDerIzq, #alinCentroAncho {
width: 1px;
border-left: 1px solid #ccc;
}


/*** Barra de estado */

#statusBar {
position:relative;
background: transparent url(/static/img/editor/slideCol_header_bk.png) repeat-x 0 0;
color: #222222;
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
font-size:11px;
height: 30px;
width:100%;
min-width: 990px;
line-height:28px;
z-index: 5001;
}

  #status_modoVista {
  position: absolute;
  top: 2px;
  left: 0;
  height: 26px;
  border-right: 1px solid #999;
  padding-right: 6px;
  }

    #status_modoVista li {
    position: relative;
    display: block;
    float: left;
    margin-right: 4px;
    border: 1px solid #eee;
    background: transparent;
    width: 30px;
    height: 26px;
    }

    #status_modoVista li:hover {
    border: 1px solid #999;
    }

    #status_modoVista li.sel, #status_modoVista li.sel:hover {
    background: #c4c4c4;
    border: 1px solid #999;
    }

      #status_modoVista li div {
      position: relative;
      top: 2px;
      left: 4px;
      width: 22px;
      height: 22px;
      background-color: transparent;
      background-image: ;
      background-repeat: no-repeat;
      }

      #status_modoVista_normal div {
        background: transparent url(/static/img/editor/colorsel_back_icon.png) no-repeat 50% 50%;
      }
      #status_modoVista_ordenar div {
        background: transparent url(/static/img/editor/bot_vista_ordenar.png) no-repeat 50% 50%;
      }


  #status_possize {
  position: absolute;
  height: 14px;
  left: 200px;
  top: 8px;
  line-height: 14px;
  }

    #status_possize div {
    position: relative;
    display: block;
    float: left;
    width: 110px;
    height: 14px;
    margin-right: 10px;
    }

    #status_pos {
    border-right: 1px solid #999;
    padding-right: 10px;
    text-align: right;
    }


  #status_notes {
  position: absolute;
  height: 29px;
  right: 240px;
  top: 0;
  }

    #status_notes li {
    display: block;
    position: relative;
    float: left;
    height: 30px;
    line-height: 30px;
    font-size: 11px;
    cursor: default;
    background: transparent;
    background-color: transparent;
    background-repeat: repeat-x;
    background-image: url(/static/img/editor/btm_notes_bk.png);
    background-position: 0 30px;
    border: 1px solid #bbb;
    border-top: none;
    border-bottom: none;
    text-align: center;
    }

    #status_notes li:hover {
    background-position: 0 0;
    border: 1px solid #666;
    border-top: none;
    border-bottom: none;
    }

    #status_notes li.press, #status_notes li.press:hover {
    background-position: 0 -30px;
    border: 1px solid #666;
    border-top: none;
    border-bottom: none;
    }

    #status_notes_pst {
    padding-right: 30px;
    width: 80px;
    }

      #status_notes_pst .menuItem_img {
      position: absolute;
      top: 0;
      right: 20px;
      height: 30px;
      width: 20px;
      background: transparent url(/static/img/editor/btm_abstract.png) no-repeat 50% 50%;
      }

    #status_notes_slide {
    padding-right: 15px;
    width: 110px;
    }

      #status_notes_slide .menuItem_img {
      position: absolute;
      top: 0;
      right: 30px;
      height: 30px;
      width: 20px;
      background: transparent url(/static/img/editor/btm_notes.png) no-repeat 50% 50%;
      }


/*** NOTAS */

div.notes {
position: absolute;
left: 170px;
right: 0;
height: 290px;
bottom: 30px;
color: #333;
z-index: 5000;
display: none;
}

  div.notes div.notes_header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 10px;
  }

    div.notes_header_left {
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    background: transparent url(/static/img/editor/notes_borders.png) no-repeat 0 0;
    }

    div.notes_header_center {
    position: absolute;
    top: 0;
    left: 10px;
    right: 10px;
    height: 10px;
    background: transparent url(/static/img/editor/notes_bk.png) repeat-x 0 0;
    }

    div.notes_header_right {
    position: absolute;
    top: 0;
    right: 0;
    width: 10px;
    height: 10px;
    background: transparent url(/static/img/editor/notes_borders.png) no-repeat -10px 0;
    }


  div.notes_close {
  position: absolute;
  top: 8px;
  right: 10px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background: transparent url(/static/img/editor/bot_dialog_cerrar.png) no-repeat 0 0;
  }

  div.notes_close:hover {
  background: transparent url(/static/img/editor/bot_dialog_cerrar.png) no-repeat 0 -20px;
  }

  div.notes_body {
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #999;
  border-top: none;
  border-bottom: none;
  background: #c4c4c4 url(/static/img/editor/notes_bk.png) repeat-x 0 -10px;
  }

    form.notes_content {
    position: absolute;
    top: 0px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    }

      div.notes_body p.notes_label {
      font-size: 11px;
      font-weight: normal;
      height: 15px;
      line-height: 15px;
      width: 100%;
      margin: 10px 0 2px 0;
      }

      div.notes_body input.notes_title {
      background: white;
      height: 17px;
      padding: 5px;
      width: 99%;
      font-size: 13px;
      font-family: Georgia, 'Century Schoolbook L', serif;
      }

      div.notes_body textarea.notes_textarea {
      position: absolute;
      top: 83px;
      bottom: 0;
      font-size: 12px;
      background: white;
      font-family: Georgia, 'Century Schoolbook L', serif;
      overflow-x: hidden;
      overflow-y: auto;
      padding: 5px;
      width: 99%;
      height: 175px;
      }


/*** Selector de color */

#colorsel {
font-family: 'DejaVu Sans', 'Bitstream Vera Sans', Verdana, sans-serif;
position: absolute;
width: 200px;
height: 481px;
z-index: 10000;
display: block;
}

#colorsel_left  {
position: absolute;
top: 0;
left: -26px;
width: 26px;
height: 481px;
background: transparent url(/static/img/editor/colorsel_l.png) no-repeat 0 0;
}

#colorsel_center  {
position: absolute;
top: 0;
left: 0;
height: 481px;
width: 200px;
background: transparent url(/static/img/editor/colorsel_c.png) repeat-x 0 0;
font-size: 12px;
}

#colorsel_right  {
position: absolute;
top: 0;
right: -26px;
width: 26px;
height: 481px;
background: transparent url(/static/img/editor/colorsel_r.png) no-repeat 0 0;
}

#colorsel_header {
position: relative;
margin-top: 13px;
width: 100%;
height: 26px;
line-height: 26px;
font-weight: bold;
text-align: center;
cursor: move;
}

  #colorsel_header_close {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 3px;
  left: 187px;
  z-index: 1;
  background: transparent url(/static/img/editor/bot_dialog_cerrar.png) no-repeat 0 0;
  cursor: pointer;
  }

  #colorsel_header_close:hover {
  background: transparent url(/static/img/editor/bot_dialog_cerrar.png) no-repeat 0 -20px;
  }

#colorsel_tabs  {
list-style-type: none;
position: relative;
width: 165px;
margin: 12px auto 0 auto;
height: 29px;
padding: 0;
}

  #colorsel_tabs li {
  position: relative;
  display: block;
  width: 55px;
  height: 29px;
  float: left;
  cursor: pointer;
  }

  #colorsel_tabs li .colorsel_tab_l {
  position: absolute;
  top: 0;
  left: 0;
  height: 29px;
  width: 5px;
  background:transparent url(/static/img/editor/colorsel_tab_inact_l.png) no-repeat 0 0;
  }

  #colorsel_tabs li .colorsel_tab_c {
  position: absolute;
  top: 0;
  left: 5px;
  height: 29px;
  width: 45px;
  background:transparent url(/static/img/editor/colorsel_tab_inact_c.png) repeat-x 0 0;
  }

  #colorsel_tabs li .colorsel_tab_r {
  position: absolute;
  top: 0;
  right: 0;
  height: 29px;
  width: 5px;
  background:transparent url(/static/img/editor/colorsel_tab_inact_r.png) no-repeat 0 0;
  }

#colorsel.colorBackground #colorsel_tab_background,
#colorsel.colorObject #colorsel_tab_object,
#colorsel.colorText #colorsel_tab_text,
#colorsel #colorsel_center.nosel #colorsel_tab_object,
#colorsel #colorsel_center.nosel #colorsel_tab_text {
cursor: default;
}

#colorsel.colorBackground #colorsel_tab_background .colorsel_tab_l,
#colorsel.colorObject #colorsel_tab_object .colorsel_tab_l,
#colorsel.colorText #colorsel_tab_text .colorsel_tab_l {
background:transparent url(/static/img/editor/colorsel_tab_act_l.png) no-repeat 0 0;
}

#colorsel.colorBackground #colorsel_tab_background .colorsel_tab_c,
#colorsel.colorObject #colorsel_tab_object .colorsel_tab_c,
#colorsel.colorText #colorsel_tab_text .colorsel_tab_c {
background:transparent url(/static/img/editor/colorsel_tab_act_c.png) repeat-x 0 0;
}

#colorsel.colorBackground #colorsel_tab_background .colorsel_tab_r,
#colorsel.colorObject #colorsel_tab_object .colorsel_tab_r,
#colorsel.colorText #colorsel_tab_text .colorsel_tab_r {
background:transparent url(/static/img/editor/colorsel_tab_act_r.png) no-repeat 0 0;
}

  #colorsel_tabs li span {
  position: absolute;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  }

  #colorsel_tab_background span {
  background: transparent url(/static/img/editor/colorsel_back_icon.png) no-repeat 50% 50%;
  }

  #colorsel_tab_object span {
  background: transparent url(/static/img/editor/colorsel_object_icon.png) no-repeat 50% 0;
  }

  #colorsel_center.nosel #colorsel_tab_object span {
  background: transparent url(/static/img/editor/colorsel_object_icon.png) no-repeat 50% -29px;
  }

  #colorsel_tab_text span {
  background: transparent url(/static/img/editor/colorsel_text_icon.png) no-repeat 50% 0;
  }

  #colorsel_center.nosel #colorsel_tab_text span {
  background: transparent url(/static/img/editor/colorsel_text_icon.png) no-repeat 50% -29px;
  }

#colorsel_body {
position: absolute;
top: 84px;
left: 0;
width: 100%;
height: 395px;
}

  #colorsel_preview {
  position: relative;
  width: 160px;
  height: 25px;
  margin: 20px auto 0 auto;
  background:transparent url(/static/img/editor/colorsel_preview.png) no-repeat 0 0;
  }

    #colorsel_preview_box {
    position: absolute;
    top: 0;
    right: 0;
    width: 125px;
    height: 23px;
    border: 1px solid #999;
    background: white
    }

    #colorsel.colorObject #colorsel_center.transparent #colorsel_preview_box {
    background: transparent;
    }

  #colorsel_saved_colors  {
  position: relative;
  top: 5px;
  width: 162px;
  height: 18px;
  margin: 0 auto;
  }

  #colorsel.colorObject #colorsel_center.transparent #colorsel_saved_colors {
  display: none;
  }


  #colorsel_saved_colors ul {
  display: block;
  clear: both;
  list-style-type: none;
  }

    #colorsel_saved_colors ul li {
    position: relative;
    display: block;
    float: left;
    border: 1px solid #999;
    width: 15px;
    height: 15px;
    margin: 0 1px 1px 0;
    padding: 0;
    background: white;
    }

    #colorsel_saved_colors ul li:hover {
    border: 1px solid white;
    }


  #colorsel .colorsel_body_content {
  position: absolute;
  top: 68px;
  width: 200px;
  height: 260px;
  display: none;
  }

  #colorsel.palette #colorsel_body_palette,
  #colorsel.wheel   #colorsel_body_wheel,
  #colorsel.rgb     #colorsel_body_rgb {
  display: block;
  }

  #colorsel.colorObject #colorsel_center.transparent #colorsel_body_palette,
  #colorsel.colorObject #colorsel_center.transparent #colorsel_body_wheel,
  #colorsel.colorObject #colorsel_center.transparent #colorsel_body_rgb {
  display: none;
  }

    #colorsel .colorsel_click2save {
    position: relative;
    top: 0;
    left: 20px;
    font-size: 9px;
    width: 160px;
    height: 10px;
    text-align: left;
    }


/*** PALETA ***/

  #colorsel_palette {
  position: relative;
  top: 20px;
  width: 162px;
  height: 144px;
  margin: 0 auto;
  border: none;
  }

  #colorsel_palette ul {
  display: block;
  clear: both;
  list-style-type: none;
  }

    #colorsel_palette ul li {
    position: relative;
    display: block;
    float: left;
    border: 1px solid #999;
    width: 15px;
    height: 15px;
    margin: 0 1px 1px 0;
    padding: 0;
    }

    #colorsel_palette ul li:hover {
    border: 1px solid white;
    }

  #colorsel_palette_gray .c1{  background: #ffffff;  }
  #colorsel_palette_gray .c2{  background: #e6e6e6;  }
  #colorsel_palette_gray .c3{  background: #cccccc;  }
  #colorsel_palette_gray .c4{  background: #b3b3b3;  }
  #colorsel_palette_gray .c5{  background: #999999;  }
  #colorsel_palette_gray .c6{  background: #808080;  }
  #colorsel_palette_gray .c7{  background: #4d4d4d;  }
  #colorsel_palette_gray .c8{  background: #333333;  }
  #colorsel_palette_gray .c9{  background: #000000;  }

  #colorsel_palette_red .c1 {  background: #ffaaaa;  }
  #colorsel_palette_red .c2 {  background: #ff8080;  }
  #colorsel_palette_red .c3 {  background: #ff5555;  }
  #colorsel_palette_red .c4 {  background: #ff0000;  }
  #colorsel_palette_red .c5 {  background: #d40000;  }
  #colorsel_palette_red .c6 {  background: #aa0000;  }
  #colorsel_palette_red .c7 {  background: #800000;  }
  #colorsel_palette_red .c8 {  background: #550000;  }
  #colorsel_palette_red .c9 {  background: #2b0000;  }

  #colorsel_palette_orange .c1 {  background: #ffb380;  }
  #colorsel_palette_orange .c2 {  background: #ff9955;  }
  #colorsel_palette_orange .c3 {  background: #ff7f2a;  }
  #colorsel_palette_orange .c4 {  background: #ff6600;  }
  #colorsel_palette_orange .c5 {  background: #d45500;  }
  #colorsel_palette_orange .c6 {  background: #aa4400;  }
  #colorsel_palette_orange .c7 {  background: #803300;  }
  #colorsel_palette_orange .c8 {  background: #552200;  }
  #colorsel_palette_orange .c9 {  background: #2b1100;  }

  #colorsel_palette_brown .c1 {  background: #f4e3d7;  }
  #colorsel_palette_brown .c2 {  background: #e9c6af;  }
  #colorsel_palette_brown .c3 {  background: #deaa87;  }
  #colorsel_palette_brown .c4 {  background: #d38d5f;  }
  #colorsel_palette_brown .c5 {  background: #c87137;  }
  #colorsel_palette_brown .c6 {  background: #a05a2c;  }
  #colorsel_palette_brown .c7 {  background: #784421;  }
  #colorsel_palette_brown .c8 {  background: #502d16;  }
  #colorsel_palette_brown .c9 {  background: #28170b;  }

  #colorsel_palette_yellow .c1 {  background: #ffeeaa;  }
  #colorsel_palette_yellow .c2 {  background: #ffe680;  }
  #colorsel_palette_yellow .c3 {  background: #ffdd55;  }
  #colorsel_palette_yellow .c4 {  background: #ffcc00;  }
  #colorsel_palette_yellow .c5 {  background: #d4aa00;  }
  #colorsel_palette_yellow .c6 {  background: #aa8800;  }
  #colorsel_palette_yellow .c7 {  background: #806600;  }
  #colorsel_palette_yellow .c8 {  background: #554400;  }
  #colorsel_palette_yellow .c9 {  background: #2b2200;  }

  #colorsel_palette_green .c1 {  background: #e3f4d7;  }
  #colorsel_palette_green .c2 {  background: #c6e9af;  }
  #colorsel_palette_green .c3 {  background: #aade87;  }
  #colorsel_palette_green .c4 {  background: #8dd35f;  }
  #colorsel_palette_green .c5 {  background: #71c837;  }
  #colorsel_palette_green .c6 {  background: #5aa02c;  }
  #colorsel_palette_green .c7 {  background: #447821;  }
  #colorsel_palette_green .c8 {  background: #2d5016;  }
  #colorsel_palette_green .c9 {  background: #17280b;  }

  #colorsel_palette_blue .c1 {  background: #aaccff;  }
  #colorsel_palette_blue .c2 {  background: #5599ff;  }
  #colorsel_palette_blue .c3 {  background: #2a7fff;  }
  #colorsel_palette_blue .c4 {  background: #0066ff;  }
  #colorsel_palette_blue .c5 {  background: #0055d4;  }
  #colorsel_palette_blue .c6 {  background: #0044aa;  }
  #colorsel_palette_blue .c7 {  background: #003380;  }
  #colorsel_palette_blue .c8 {  background: #002255;  }
  #colorsel_palette_blue .c9 {  background: #00112b;  }

  #colorsel_palette_purple .c1 {  background: #eed7f4;  }
  #colorsel_palette_purple .c2 {  background: #ddafe9;  }
  #colorsel_palette_purple .c3 {  background: #cd87de;  }
  #colorsel_palette_purple .c4 {  background: #bc5fd3;  }
  #colorsel_palette_purple .c5 {  background: #ab37c8;  }
  #colorsel_palette_purple .c6 {  background: #892ca0;  }
  #colorsel_palette_purple .c7 {  background: #672178;  }
  #colorsel_palette_purple .c8 {  background: #441650;  }
  #colorsel_palette_purple .c9 {  background: #220b28;  }

  /** fin paleta **/

  /**** Rueda ****/

  #colorsel_wheel {
  position: absolute;
  top: 24px;
  left: 3px;
  width: 194px;
  height: 194px;
  }

    #colorsel_wheel_wheel {
    position: absolute;
    top: 0;
    left: 0;
    background:transparent url(/static/img/editor/wheel_wheel.png) no-repeat 0 0;
    height: 194px;
    width: 194px;
    }

    #colorsel_wheel_back,
    #colorsel_wheel_mask {
    position: absolute;
    top: 46px;
    left:46px;
    width: 100px;
    height: 100px;
    border:1px solid #ccc;
    }

    #colorsel_wheel_mask {
    background:transparent url(/static/img/editor/wheel_mask.png) no-repeat 0 0;
    }

    #colorsel_wheel_H, #colorsel_wheel_SL {
    position: absolute;
    width: 17px;
    height: 17px;
    margin: -8px 0pt 0pt -8px;
    overflow: hidden;
    background:transparent url(/static/img/editor/wheel_select.png) no-repeat 0 0;
    }



  /** fin rueda **/

  /**** RGB ****/

  #colorsel_rgb_colors  {
  position: relative;
  left: 10px;
  height: 200px;
  width: 190px;
  margin: 30px 0 0 0;
  }

    #colorsel_rgb_colors .colorsel_rgb_color {
    position: relative;
    width: 180px;
    height: 30px;
    margin-bottom: 20px;
    }

      #colorsel_rgb_colors p  {
      position: relative;
      width: 138px;
      margin: 15px 0 2px 0;
      font-size: 11px;
      }

      #colorsel_rgb_colors .colorsel_rgb_input {
      position: absolute;
      top: 16px;
      right: 0;
      width: 30px;
      height: 16px;
      padding: 0;
      text-align: center;
      border: 1px solid #999;
      margin-top: -4px;
      font-size: 12px;
      color: #666;
      }

      #colorsel_rgb_red, #colorsel_rgb_green, #colorsel_rgb_blue {
      position: absolute;
      left: 0;
      bottom: 4px;;
      cursor: pointer;
      width: 140px;
      height: 10px;
      }

      #colorsel_rgb_red {
      background: transparent url(/static/img/editor/rgb_red.png) no-repeat 1px 0;
      }

      #colorsel_rgb_green {
      background: transparent url(/static/img/editor/rgb_green.png) no-repeat 1px 0;
      }

      #colorsel_rgb_blue {
      background: transparent url(/static/img/editor/rgb_blue.png) no-repeat 1px 0;
      }

  /** fin de RGB **/


  #colorsel_transparent  {
  position: absolute;
  left: 5px;
  bottom: 79px;
  width: 100px;
  height: 18px;
  line-height: 18px;
  text-align: left;
  text-indent: 18px;
  cursor: pointer;
  background: transparent url(/static/img/form/check.png) no-repeat 0 0;
  font-size: 11px;
  display: none;
  }

  #colorsel.colorObject #colorsel_transparent {
  display: block;
  }

  #colorsel.colorObject #colorsel_center.transparent #colorsel_transparent {
  background: transparent url(/static/img/form/check.png) no-repeat 0 -17px;
  }

  #colorsel_hex {
  position: absolute;
  right: 5px;
  bottom: 77px;
  width: 64px;
  height: 17px;
  border: 1px solid #888;
  margin: 0;
  padding: 2px 0 0 0;
  text-align: left;
  text-indent: 13px;
  background: white url(/static/img/editor/hex.png) no-repeat 1px 50%;
  font-size: 12px;
  color: #666;
  text-transform: uppercase;
  display: none;
  }

  #colorsel.wheel #colorsel_hex,
  #colorsel.rgb   #colorsel_hex {
  display: block;
  }

  #colorsel.colorObject #colorsel_center.transparent #colorsel_hex {
  display: none;
  }

  #colorsel_footer  {
  position: absolute;
  bottom: 13px;
  left: 19px;
  width: 162px;
  height: 46px;
  margin: 0;
  border-top: 1px solid #9b9b9b;
  font-size: 11px;
  color: #666;
  cursor: default;
  }

    #colorsel_footer div {
    position: relative;
    top: 12px;
    display: block;
    width: 53px;
    height: 12px;
    border-right: 1px solid #666;
    text-align: center;
    float: left;
    cursor: pointer;
    }

    #colorsel_footer #colorsel_footer_rgb {
    border-right: none;
    }

    #colorsel_footer div:hover {
    text-decoration: underline;
    }

    #colorsel.palette #colorsel_footer_palette,
    #colorsel.wheel   #colorsel_footer_wheel,
    #colorsel.rgb     #colorsel_footer_rgb {
    color: black;
    cursor: default;
    text-decoration: none;
    }



/*** Selector de archivos */

#fileSel {
position: absolute;
top: 0;
left: 0;
z-index: 10000;
width: 100%;
height: 100%;
font-family: 'DejaVu Sans', 'Bitstream Vera Sans', Verdana, sans-serif;
display: none;
}

#fileSel_bk {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: black;
opacity: 0.36;
filter:alpha(opacity=36);
}

#fileSel_content {
position: relative;
width: 800px;
height: 600px;
margin: 0 auto;
padding: 0;
}

#fileSel_header {
position: relative;
top: 0;
left: 0;
width: 800px;
height: 78px;
margin: 0;
padding: 0;
}

  #fileSel_header_left {
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 80px;
  background: transparent url(/static/img/editor/file_sel_borders.png) no-repeat 0 0;
  }

  #fileSel_header_center {
  position: absolute;
  top: 0;
  left: 10px;
  width: 780px;
  height: 80px;
  background: transparent url(/static/img/editor/file_sel_header_bk.png) repeat-x 0 0;
  }

    #fileSel_header_center h3 {
    position: relative;
    top: 20px;
    left: 22px;
    font-weight: bold;
    font-size: 12px;
    margin: 0;
    padding: 0;
    width: 200px;
    }

    #fileSel_header_diskUse {
    position: absolute;
    top: 20px;
    right: 40px;
    }

      #fileSel_header_diskUse p {
      font-size: 10px;
      margin: 0;
      padding: 0;
      }

     #fileSel_header_diskUseBar {
     margin-top: 3px;
     width: 105px;
     height: 10px;
     border: 1px solid #666;
     }

     #fileSel_header_diskUseBar div {
     position: relative;
     height: 100%;
     width: 50%;
     background: #5084B8;
     }

    #fileSel_header_btCancel {
    position: absolute;
    top: 11px;
    right: 2px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: transparent url(/static/img/editor/bot_dialog_cerrar.png) no-repeat 0 0;
    }

    #fileSel_header_btCancel:hover {
    background: transparent url(/static/img/editor/bot_dialog_cerrar.png) no-repeat 0 -20px;
    }


  #fileSel_header_right {
  position: absolute;
  top: 0;
  right: 0;
  width: 10px;
  height: 80px;
  background: transparent url(/static/img/editor/file_sel_borders.png) no-repeat -10px 0;
  }

#fileSel_files {
position: relative;
top: 0;
left: 0;
width: 798px;
height: 430px;
margin: 0;
padding: 0;
border-left: 1px solid #3f3f3f;
border-right: 1px solid #3f3f3f;
background: white;
}

  #fileSel_files_files {
  position: absolute;
  width: 630px;
  height: 440px;
  top: 0;
  right: 0;
  border: 1px solid #999;
  border-right: none;
  background: transparent url(/static/img/editor/file_sel_files_bk.png) repeat-x 0 0;
  }


    #fileSel_files_files div.content {
    position: absolute;
    top: 0;
    left: 0;
    width: 630px;
    height: 440px;
    }

      #fileSel_files_files div.files_type {
      width: 100%;
      height: 40px;
      text-align: center;
      line-height: 30px;
      font-size: 11px;
      color: #999;
      }

        #fileSel_files_files div.files_type span {
        padding: 0 15px;
        cursor: pointer;
        }

        #fileSel_files_files div.files_type span:hover {
        text-decoration: underline;
        color: #333;
        }

        #fileSel_files.media_img div.files_type span.files_type_img,
        #fileSel_files.media_video div.files_type span.files_type_video {
        color: black;
        text-decoration: none;
        }

      div.img_filtered, div.video_filtered {
      position: absolute;
      top: 10px;
      right: 30px;
      cursor: pointer;
      text-decoration: none;
      font-size: 11px;
      color: #5084B8;
      display: none;
      }

      div.img_filtered:hover, div.video_filtered:hover {
      text-decoration: underline;
      }

      #fileSel_files_files div.content {
      display: none;
      }

      #fileSel_files_files div.sel {
      display: block;
      }

        #fileSel_files_files div.content ul {
        position: absolute;
        width: 610px;
        height: 333px;
        top: 40px;
        left: 20px;
        overflow-x: hidden;
        overflow-y: scroll;
        }

        #fileSel_files_files div.content ul li {
        position: relative;
        float: left;
        width: 100px;
        height: 75px;
        padding: 7px;
        margin: 0 0 15px 0;
        line-height: 82px;
        text-align: center;
        background: transparent;
        border: 1px dotted #efefef;
        border-bottom: none;
        cursor: pointer;
        }

        #fileSel_files.img_large li.img_large,
        #fileSel_files.img_medium li.img_medium,
        #fileSel_files.img_small li.img_small {
        display: block;
        }

        #fileSel_files.media_img li.img,
        #fileSel_files.media_video li.video {
        display: block;
        }

        #fileSel_files.img_large div.img_filtered,
        #fileSel_files.img_medium div.img_filtered,
        #fileSel_files.img_small div.img_filtered,
        #fileSel_files.img_large div.video_filtered,
        #fileSel_files.img_medium div.video_filtered,
        #fileSel_files.img_small div.video_filtered {
        display: block;
        }

        #fileSel_files.img_large li.img_medium,
        #fileSel_files.img_large li.img_small,
        #fileSel_files.img_medium li.img_large,
        #fileSel_files.img_medium li.img_small,
        #fileSel_files.img_small li.img_large,
        #fileSel_files.img_small li.img_medium {
        display: none;
        }

        #fileSel_files.media_video li.img,
        #fileSel_files.media_img li.video {
        display: none;
        }

        #fileSel_files.media_video  div.img_filtered,
        #fileSel_files.media_img div.video_filtered {
        display: none;
        }

        #fileSel_files_files div.content ul li:hover {
        background: #EFEFEF;
        }

        #fileSel_files_files div.content ul li.sel {
        background: white;
        border: 1px solid #ff9221;
        border-bottom: none;
        }

          #fileSel_files_files div.content ul li img {
          position: relative;
          display: inline;
          max-width: 100px;
          max-height: 75px;
          }

          #fileSel_files_files div.content ul li p {
          position: absolute;
          left: -1px;
          bottom: -10px;
          font-size: 10px;
          text-align: center;
          margin: 0;
          padding: 0;
          display: block;
          background: transparent;
          color: #333;
          border: 1px dotted #EFEFEF;
          border-top: none;
          width: 114px;
          height: 17px;
          line-height: 17px;
          overflow: hidden;
          text-overflow: clip;
          text-overflow: ellipsis;
          o-text-overflow: ellipsis;
          display: block;
          }

          #fileSel_files_files div.content ul li:hover p {
          display: block;
          background: #efefef;
          }

          #fileSel_files_files div.content ul li.sel p {
          border: 1px solid #ff9221;
          border-top: none;
          background: white;
          }

    #fileSel_files_upload form {
    position: relative;
    width: 550px;
    margin: 80px auto 0 auto;
    border: none;
    font-size: 12px;
    }

    #fileSel_files_upload_upload {
    display: block;
    }

    #fileSel_files_upload_wait {
    display: none;
    }

      #fileSel_upload_msg {
      color: red;
      background: white;
      border: 1px solid red;
      font-size: 12px;
      line-height: 1.5;
      padding: 5px 20px 5px 20px;
      margin: 0 0 20px 20px;
      text-align: left;
      width: 460px;
      display: none;
      }

      #file {
      margin: 0 0 20px 20px;
      height: 26px;
      line-height: 26px;
      font-size: 13px;
      }

      #fileSel_files_upload iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 1px;
      height: 1px;
      visibility: hidden;
      overflow: hidden;
      border: none;
      }

      #fileSel_files_upload p {
      width: 420px;
      margin: 20px 0 10px 50px;
      text-align: justify;
      line-height: 1.5;
      }

      #fileSel_files_upload p.center {
      text-align: center;
      }


  #fileSel_files_tabs {
  position: absolute;
  left: 0;
  top: 17px;
  list-style-type: none;
  font-size: 12px;
  letter-spacing: 0.3px;
  }

    #fileSel_files_tabs li {
    width: 96px;
    height: 40px;
    line-height: 40px;
    padding-left: 70px;
    background: transparent;
    border: 1px solid white;
    border-left: none;
    cursor: pointer;
    }

    #fileSel_files_tabs li.sel {
    width: 98px;
    height: 40px;
    background-color: transparent;
    background-image: url(/static/img/editor/file_sel_files_bk.png);
    background-repeat: repeat-x;
    border: 1px solid #999;
    border-left: none;
    border-right: none;
    }

    #fileSel_files_tabs_library.sel {
    background-position: 0 -17px;
    }

    #fileSel_files_tabs_gallery.sel {
    background-position: 0 -57px;
    }

    #fileSel_files_tabs_upload.sel {
    background-position: 0 -97px;
    }

  #fileSel_files_ops {
  position: absolute;
  left: 20px;
  top: 160px;
  width: 140px;
  font-size: 11px;
  color: #333;
  }

    #fileSel_files_ops ul {
    list-style-type: none;
    }

    #fileSel_files_ops li {
    position: relative;
    left: 5px;
    height: 20px;
    line-height: 20px;
    background: transparent url(/static/img/form/radio_button.png) no-repeat 2px 4px;
    padding: 0 0 0 20px;
    margin-top: 2px;
    cursor: pointer;
    }

    #fileSel_files_ops li.sel {
    background: transparent url(/static/img/form/radio_button.png) no-repeat 2px -17px;
    color: black;
    }

    #fileSel_files_ops h4 {
    margin: 0 0 5px 0;
    font-size: 11px;
    font-style: italic;
    font-weight: bold;
    color: #333;
    }

    #fileSel_files_ops_imgSize {
    margin-top: 20px;
    display: none;
    }

    #fileSel_files.media_img #fileSel_files_ops_imgSize {
    display: block;
    }

  #fileSel_files_buttons {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 798px;
  height: 55px;
  border-top: 1px solid #ccc;
  background: white;
  }

    #fileSel_files_data {
    position:absolute;
    bottom: 10px;
    font-size: 11px;
    left: 170px;
    overflow: hidden;
    width: 320px;
    }

    #fileSel_files_credits {
    position: absolute;
    bottom: 16px;
    font-size: 10px;
    left: 20px;
    display: none;
    }

    #fileSel_btDelete {
    position: absolute;
    bottom: 10px;
    left: 22px;
    width: 100px;
    display: none;
    }

    #fileSel_btCancel {
    position: absolute;
    bottom: 10px;
    right: 210px;
    width: 90px;
    }

    #fileSel_btBackground {
    position: absolute;
    bottom: 10px;
    right: 22px;
    width: 160px;
    display: none;
    }

    #fileSel_btInsert {
    position: absolute;
    bottom: 10px;
    right: 22px;
    width: 160px;
    }



#fileSel_footer {
position: relative;
top: 0;
left: 0;
width: 800px;
height: 10px;
}

  #fileSel_footer_left {
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  background: transparent url(/static/img/editor/file_sel_borders.png) no-repeat 0 -80px;
  }

  #fileSel_footer_center {
  position: absolute;
  top: 0;
  left: 10px;
  width: 780px;
  height: 9px;
  background: white;
  border-bottom: 1px solid #3f3f3f;
  }

  #fileSel_footer_right {
  position: absolute;
  top: 0;
  right: 0;
  width: 10px;
  height: 10px;
  background: transparent url(/static/img/editor/file_sel_borders.png) no-repeat -10px -80px;
  }



/*** Selector de transiciones de diapositivas */

#transitionSel {
font-family: 'DejaVu Sans', 'Bitstream Vera Sans', Verdana, sans-serif;
font-size: 11px;
height: 530px;
width: 650px;
position: absolute;
top: 108px;
left: 172px;
z-index: 2000;
overflow: hidden;
}

#transitionSel_hide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin-top: -530px;
}

  #transitionSel_header, #transitionSel_footer {
  position: relative;
  width: 650px;
  height: 10px;
  display: block;
  }

    #transitionSel_headerLeft, #transitionSel_headerRight, #transitionSel_footerLeft, #transitionSel_footerRight {
    position: absolute;
    width: 10px;
    height: 12px;
    top: 0;
    background-color: transparent;
    background-image: url(/static/img/editor/sel_corners.png);
    background-repeat: no-repeat;
    }

    #transitionSel_headerCenter, #transitionSel_footerCenter {
    position: absolute;
    top: 0;
    left: 10px;
    height: 12px;
    width: 630px;
    background-color: transparent;
    background-image: url(/static/img/editor/transsel_bk.png);
    background-repeat: repeat-x;
    }

    #transitionSel_headerLeft {
    left: 0;
    background-position: left top;
    }

    #transitionSel_headerCenter {
    background-position: left top;
    }

    #transitionSel_headerRight {
    right: 0;
    background-position: right top;
    }

    #transitionSel_footerLeft {
    left: 0;
    background-position: left bottom;
    }

    #transitionSel_footerCenter {
    background-position: left bottom;
    }

    #transitionSel_footerRight {
    right: 0;
    background-position: right bottom;
    }

  #transitionSel_body {
  display: block;
  position: relative;
  width: 648px;
  height: 460px;
  background: transparent url(/static/img/editor/transsel_bk.png) repeat-x 0 -12px;
  border: 1px solid #999;
  border-top: none;
  border-bottom: none;
  }

    #transitionSel_title {
    font-weight: bold;
    font-size: 12px;
    position: absolute;
    top: 10px;
    left: 20px;
    }

    #transitionSel_close {
    position: absolute;
    width: 20px;
    height: 20px;
    background: transparent url(/static/img/editor/bot_dialog_cerrar.png) no-repeat left top;
    top: 0;
    right: 10px;
    }

    #transitionSel_close:hover {
    background: transparent url(/static/img/editor/bot_dialog_cerrar.png) no-repeat left bottom;
    }

    #transitionSel_transitions, #transitionSel_transitions_dummy {
    position: absolute;
    top: 45px;
    left: 20px;
    width: 250px;
    height: 350px;
    overflow-x: hidden;
    overflow-y: scroll;
    border: 1px solid #999;
    list-style-type: none;
    }

    #transitionSel_transitions_dummy {
    overflow: visible;
    }

      #transitionSel_transitions li.transGroup {
      width: 100%;
      cursor: pointer;
      }

        #transitionSel_transitions p.transGroup_header {
        width: 100%;
        height: 36px;
        line-height: 36px;
        font-size: 12px;
        text-indent: 10px;
        border: 1px solid #ccc;
        border-left: none;
        border-right: none;
        background: white url(/static/img/editor/scroll_down.png) no-repeat 90% 50%;
        font-style: italic;
        }

        #transitionSel_transitions p.transGroup_header_open {
        background: white url(/static/img/editor/scroll_up.png) no-repeat 90% 50%;
        }

        #transitionSel_transitions li.transGroup ul {
        position: relative;
        display: block;
        list-style-type: none;
        width: 100%;
        overflow: hidden;
        display: none;
        background: #ddd;
        }

        #transitionSel_transitions li.transGroup ul li {
        width: 100%;
        height: 38px;
        line-height: 38px;
        font-size: 11px;
        text-indent: 70px;
        font-style: normal;
        background-color: transparent;
        background-repeat: no-repeat;
        background-image: url(/static/img/editor/transitions.png);;
        border: 1px solid #ddd;
        }

        #transitionSel_transitions li.transGroup ul li:hover {
        background-color: #efefef;
        }

        #transitionSel_transitions li.transGroup ul li.sel {
        background-color: white;
        border: 1px solid #FF9221;
        }

        #trans_appear { background-position: 5px 0; }
        #trans_unfade { background-position: 5px -38px; }
        #trans_unfadeb { background-position: 5px -76px; }
        #trans_zoom_in { background-position: 5px -114px; }
        #trans_zoom_out { background-position: 5px -152px; }

        #trans_train_t { background-position: 5px -190px; }
        #trans_train_b { background-position: 5px -228px; }
        #trans_train_l { background-position: 5px -266px; }
        #trans_train_r { background-position: 5px -304px; }
        #trans_train_z { background-position: 5px -342px; }

        #trans_szoom_t { background-position: 5px -418px; }
        #trans_szoom_b { background-position: 5px -380px; }
        #trans_szoom_l { background-position: 5px -494px; }
        #trans_szoom_r { background-position: 5px -456px; }

        #trans_pikpuk_rt { background-position: 5px -570px; }
        #trans_pikpuk_lt { background-position: 5px -532px; }
        #trans_pikpuk_rb { background-position: 5px -646px; }
        #trans_pikpuk_lb { background-position: 5px -608px; }
        #trans_pikpuk_br { background-position: 5px -722px; }
        #trans_pikpuk_tr { background-position: 5px -684px; }
        #trans_pikpuk_bl { background-position: 5px -798px; }
        #trans_pikpuk_tl { background-position: 5px -760px }


        #trans_cube_t { background-position: 5px -836px; }
        #trans_cube_b { background-position: 5px -874px; }
        #trans_cube_l { background-position: 5px -912px; }
        #trans_cube_r { background-position: 5px -950px; }

        #trans_slide_t { background-position: 5px -988px; }
        #trans_slide_b { background-position: 5px -1026px; }
        #trans_slide_l { background-position: 5px -1064px; }
        #trans_slide_r { background-position: 5px -1102px; }
        #trans_slide_tl { background-position: 5px -1140px; }
        #trans_slide_tr { background-position: 5px -1178px; }
        #trans_slide_bl { background-position: 5px -1216px; }
        #trans_slide_br { background-position: 5px -1254px; }


    #transitionSel_options {
    position: absolute;
    top: 45px;
    right: 40px;
    width: 290px;
    height: 400px;
    }

      #transitionSel_slideContainer {
      position: relative;
      margin: 0 auto;
      width: 256px;
      height: 192px;
      background: #222;
      overflow: hidden;
      border: 1px solid #999;
      font-size: 20px;
      }

      #transitionSel_slideContainer_inner {
      font-size: 25%;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: none;
      }

        #transitionSel_slide_next_b, #transitionSel_slide_next_s,
        #transitionSel_slide_prev_b, #transitionSel_slide_prev_s {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
        }

        #transitionSel_slide_prev_b { z-index: 0; }
        #transitionSel_slide_prev_s { z-index: 1; }
        #transitionSel_slide_next_b { z-index: 2; }
        #transitionSel_slide_next_s { z-index: 3; }


      #transitionSel_btPreview {
      margin: 10px auto;
      width: 48px;
      }

        #transitionSel_btPreview span {
        background: transparent url(/static/img/editor/bt_preview.png) no-repeat 50% 50%;
        }

      #transitionSel_options_time {
      position: relative;
      margin: 0 auto;
      width: 260px;
      height: 36px;
      }

        #transitionSel_options_time p {
        height: 17px;
        }

        #transitionSel_options_time_slider {
        position: absolute;
        left: 0;
        bottom: 3px;
        width: 210px;
        }

          #transitionSel_options_time_slider div.slider_bar {
          width: 100%;
          height: 10px;
          border: 1px solid #b3b3b3;
          background: white;
          position: absolute;
          top: 0;
          left: 0;
          cursor: pointer;
          }

        #transitionSel_options_time_value {
        position: absolute;
        right: 8px;
        top: 14px;
        }


      #transitionSel_btApply2All {
      position: relative;
      margin-top: 30px;
      left: 24px;
      width: 105px;
      }


      #transitionSel_btApply {
      position: relative;
      width: 120px;
      margin: 30px auto 0 auto;
      }



#publishDialog {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10000;
display: none;
}

#publishDialog_bk {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: black;
opacity: 0.36;
filter:alpha(opacity=36);
}

#publishDialog_content {
position: relative;
top: 10%;
margin: 0 auto;
height: 400px;
width: 430px;
font-family: 'DejaVu Sans', 'Bitstream Vera Sans', Verdana, sans-serif;
font-size: 12px;
cursor: default;
}

#publishDialog_close {
margin: 0;
width: 20px;
height: 20px;
position: absolute;
top: 6px;
left: 414px;
z-index: 1;
background: transparent url(/static/img/editor/bot_dialog_cerrar.png) no-repeat 0 0;
cursor: pointer;
}

#publishDialog_close:hover {
background: transparent url(/static/img/editor/bot_dialog_cerrar.png) no-repeat 0 -20px;
}


#publishDialog_left {
position: absolute;
top: 0;
left: -10px;
width: 10px;
height: 400px;
background: transparent url(/static/img/editor/publish_left.png) no-repeat 0 0;
}

#publishDialog_center {
position: relative;
top: 0;
left: 0;
height: 400px;
width: 430px;
background: transparent url(/static/img/editor/publish_center.png) repeat-x 0 0;
}

#publishDialog_center #publishDialog_access_embebed {
position: absolute;
left: 83px;
top: 5px;
height: 75px;
width: 305px;
border:1px solid #999999;
color:#555555;
}

#publishDialog_right  {
position: absolute;
top: 0;
right: -10px;
width: 10px;
height: 400px;
background: transparent url(/static/img/editor/publish_right.png) no-repeat 0 0;
}

#publishDialog_title  {
font-weight: bold;
position: absolute;
top: 20px;
left: 20px;
}

#publishDialog_privacy {
position: relative;
width: 390px;
height: 80px;
top: 70px;
margin-left:20px;
}

#publishDialog.noadmin #publishDialog_privacy {
color: #666;
font-style: italic;
}

  #publishDialog_noadmin {
  color: black;
  font-style: normal;
  }

  #publishDialog_privacy .publishDialog_radio {
  position: relative;
  float: left;
  display: block;
  width: 90px;
  height: 20px;
  text-indent: 20px;
  background: transparent url(/static/img/form/radio_button.png) no-repeat 0 1px;
  cursor: pointer;
  }

  #publishDialog_privacy.public #publishDialog_privacy_public,
  #publishDialog_privacy.private #publishDialog_privacy_private {
  background: transparent url(/static/img/form/radio_button.png) no-repeat 0 -20px;
  }

  #privacy_password {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  }

  #publishDialog_privacy.public #privacy_password {
  display: none;
  }

    #privacy_password img {
    height: 20px;
    width: 20px;
    vertical-align: middle;
    }

    #privacy_password_input  {
    position: relative;
    height: 18px;
    width: 75px;
    margin-left: 10px;
    font-size: 12px;
    border: 1px solid #999;
    color: #555;
    padding: 3px 0 1px 5px;
    }

  #publishDialog_privacy .publishDialog_privacy_text {
  position: absolute;
  top: 45px;
  left: 0;
  font-size: 11px;
  display: none;
  }

  #publishDialog_privacy.public #publishDialog_privacy_text_private,
  #publishDialog_privacy.private #publishDialog_privacy_text_public {
  display: block;
  }


#publishDialog_access {
position: relative;
width: 390px;
height: 150px;
top: 60px;
padding-top: 30px;
margin-left: 20px;
}

  #publishDialog_access .publishDialog_access_code {
  position: relative;
  height: 20px;
  margin-bottom: 20px;
  }

    #publishDialog_access label {
    display: block;
    width: 80px;
    text-align: left;
    line-height: 26px;
    }

    #publishDialog_access input {
    position: absolute;
    top: 0;
    right: 0;
    width: 295px;
    height: 18px;
    border: 1px solid #999;
    padding: 3px 5px;
    font-size: 12px;
    color: #555;
    }

#publishDialog_comments  {
position: absolute;
top: 175px;
left: 0;
height: 17px;
width: 200px;
text-indent: 20px;
text-align: left;
background: transparent url(/static/img/form/check.png) no-repeat 0 -2px;
cursor: pointer;
}

#publishDialog_comments.checked {
background: transparent url(/static/img/form/check.png) no-repeat 0  -19px;
}

#publishDialog_btAccept {
position: absolute;
bottom: 20px;
left: 165px;
}




#shareDialog {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10000;
display: none;
}

#shareDialog_bk {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: black;
opacity: 0.36;
filter:alpha(opacity=36);
}

#shareDialog_content {
position: relative;
top: 115px;
margin: 0 auto;
height: 550px;
width: 777px;
font-family: 'DejaVu Sans', 'Bitstream Vera Sans', Verdana, sans-serif;
font-size: 12px;
}

#shareDialog_top {
position: relative;
width: 100%;
height: 300px;
}

#shareDialog_close {
margin: 0;
width: 20px;
height: 20px;
position: absolute;
top: 6px;
right: 0;
z-index: 1;
background: transparent url(/static/img/editor/bot_dialog_cerrar.png) no-repeat 0 0;
cursor: pointer;
}

#shareDialog_close:hover {
background: transparent url(/static/img/editor/bot_dialog_cerrar.png) no-repeat 0 -20px;
}

#shareDialog_top_left {
position: absolute;
top: 0;
left: -10px;
width: 10px;
height: 300px;
background: transparent url(/static/img/editor/share_top_left.png) no-repeat 0 0;
}

#shareDialog_top_center {
position: relative;
top: 0;
left: 0;
height: 300px;
width: 100%;
background: transparent url(/static/img/editor/share_top_center.png) repeat-x 0 0;
}

#shareDialog_top_right  {
position: absolute;
top: 0;
right: -10px;
width: 10px;
height: 300px;
background: transparent url(/static/img/editor/share_top_right.png) no-repeat 0 0;
}

#shareDialog_title  {
font-weight: bold;
position: absolute;
top: 20px;
left: 20px;
}

#shareDialog_invite  {
position: absolute;
top: 60px;
left: 20px;
width: 300px;
}

#shareDialog_invite_options  {
position: absolute;
top: 2px;
left: 80px;
list-style-type: none;
}

  #shareDialog_invite_options li {
  width: 100px;
  height: 20px;
  text-indent: 17px;
  font-size: 11px;
  float: left;
  }

  #shareDialog_invite_editors  {
  background: transparent url(/static/img/form/radio_button.png) no-repeat 0 -21px;
  }

  #shareDialog_invite textarea {
  position: relative;
  top: 0;
  left: 0px;
  margin: 15px 0 15px 0;
  width: 100%;
  height: 70px;
  border: 1px solid #999;
  padding: 5px;
  }

  #shareDialog_invite_help {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  font-size: 9px;
  color: #333;
  }

  #share_btInvite {
  position: relative;
  top: 15px;
  left: 0;
  width: 140px;
  }

  #shareDialog_enlarge {
  position: absolute;
  top: 225px;
  left: 0;
  font-size: 11px;
  cursor: pointer;
  display: none;
  }

    #shareDialog_enlarge span {
    position: inherit;
    width: 20px;
    height: 10px;
    top: 3px;
    background: transparent url(/static/img/editor/share_scroll.png) no-repeat 6px 2px;
    }

  #shareDialog_invite_noadmin {
  position: relative;
  margin: 0 auto;
  text-align: center;
  top: 90px;
  width: 234px;
  }

#shareDialog_editors  {
position: absolute;
top: 60px;
right: 20px;
height: 215px;
width: 380px;
}

  #shareDialog_editors_list {
  position: relative;
  font-size: 11px;
  width: 100%;
  height: 165px;
  margin-top: 15px;
  border: 1px solid #999;
  overflow: auto;
  }

    #shareDialog_editors_list li {
    position: relative;
    width: 100%;
    line-height: 17px;
    cursor: default;
    }

    #shareDialog_editors_list li:hover {
    background: #eee;
    }

      #shareDialog_editors_list li span {
      margin-left: 5px;
      }

      #shareDialog_editors_list .shareDialog_editor_delete {
      position: absolute;
      top: 2px;
      right: 2px;
      cursor: pointer;
      width: 12px;
      height: 15px;
      background: transparent url(/static/img/editor/delete_editor.png) no-repeat 0 50%;
      }

      #shareDialog_editors_list li:hover .shareDialog_editor_delete {
      background: transparent url(/static/img/editor/delete_editor.png) no-repeat -12px 50%;
      }

#shareDialog_middle  {
display: none;
position: relative;
left: -10px;
width: 670px;
height: 190px;
background: transparent url(/static/img/editor/share_middle.png) repeat-x 0 0;
display: none;
}

#shareDialog_middle textarea {
position: relative;
left: 30px;
border: 1px solid #999;
width: 395px;
height: 125px;
padding: 5px;
width: 600px;
}

#share_btSendMail {
position: absolute;
top: 145px;
left: 40px;
width: 140px;
}


#shareDialog_bottom  {
position: relative;
width: 100%;
height: 50px;
}

  #shareDialog_bottom_left  {
  position: absolute;
  top: 0;
  left: -10px;
  height: 100%;
  width: 10px;
  background: transparent url(/static/img/editor/share_bottom_left.png) no-repeat 0 bottom;
  }

  #shareDialog_bottom_center  {
  position: relative;
  background: transparent url(/static/img/editor/share_bottom_center.png) repeat-x 0 bottom;
  height: 100%;
  width: 100%;
  }

  #shareDialog_bottom_right  {
  position: absolute;
  top: 0;
  right: -10px;
  background: transparent url(/static/img/editor/share_bottom_right.png) no-repeat 0 bottom;
  height: 100%;
  width: 10px;
  }

  #share_btClose  {
  position: relative;
  margin: 0 auto;
  }




/*** Objetos en la presentación */

div.obj,
div.objSel {
position: absolute;
overflow: hidden;
color: #000;
cursor: default;
}

#diapo div.obj {
border: 1px dashed #888;
}

#diapo div.objSel {
border: 1px solid #4d6fab;
}

div.obj img,
div.objSel img {
width: 100%;
height: 100%;
border: none;
position: absolute;
top: 0;
left:0;
}

div.obj p,
div.objSel p,
div.obj li,
div.objSel li {
  margin: 0.1em 0 0.3em 0;
  line-height: 1;
}

div.obj ul, div.objSel ul {
  margin: 0 0 0.3em 2em;
  list-style-type: disc;
}

div.obj ol, div.objSel ol {
  margin: 0 0 0.3em 2em;
  list-style-type: decimal;
}

div.obj blockquote,
div.objSel blockquote {
margin-left: 1.5em;
}


/* Gecko min height fix */
/*min-height is needed under Firefox, because empty paragraphs */
div.obj p, div.objSel p {
  min-height: 1em;
}

 /* but we have to remove it under IE7 because it triggers the 'haslayout' mode */
*+html div.obj p, *+html div.obj p {
  min-height: auto;
}

/* Texto por defecto */
div.obj p.pdefault,
div.objSel p.pdefault {
  margin-top: 40px;
  text-align: center;
  font-size: 125%;
}

/*** Tipografías */

.ff00 { font-family: 'DejaVu Sans', 'Bitstream Vera Sans', Verdana, sans-serif;; }
.ff01 { font-family: 'Nimbus Sans L', Arial, sans-serif; }
.ff02 { font-family: 'DejaVu Sans', 'Bitstream Vera Sans', Verdana, sans-serif;; }
.ff03 { font-family: 'Bookman Old Style', 'URW Bookman L', serif; }
.ff04 { font-family: Georgia, 'Century Schoolbook L', serif; }
.ff05 { font-family: 'Palatino Linotype', 'URW Palladio L', 'Book Antiqua', serif; }
.ff06 { font-family: 'Times New Roman', 'Nimbus roman No9 L', serif; }
.ff07 { font-family: 'Domestic Manners', 'Comic Sans MS', cursive; }
.ff08 { font-family: Zapfino, 'Zapf Chancery', 'URW Chancery L', 'Monotype Corsiva', cursive; }
.ff09 { font-family: 'Nimbus Mono', 'Courier New', monospace; }
.ff10 { font-family: 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', 'Andale Mono', monospace; }