/********************************************************************************/
/*                                                                              */
/* Plataforma e-ducativa.  Version 7.02.03-30 - Argentina                       */
/*                                                                              */
/* Copyright (c) 1998-2008 de e-ducativa Educación Virtual S.A.                 */
/*                                                                              */
/********************************************************************************/
 /*-----------------------------------------------------------------------------------------------------*/

 /**
  * Hoja de estilos especi'fica para la toolbar del aula y el combo de productos
  *
  */

 /*-----------------------------------------------------------------------------------------------------*/

 /**
  * @objeto: Botonera
  *
  */

    #barra_encabezado_accesible {
        /*background-color:  #6A9963;*/
    }
    #barra_encabezado_accesible a { font: normal normal bold .7em "Trebuchet MS", sans-serif; }
    ul#botonera-principal {
        border-top: 1px solid #fff;
        position: absolute;
        top: 0em;
        left: 0em;
        height: 1.87em;
        width:100%;
        overflow: hidden;
    }
    ul#botonera-principal, ul#botonera-principal li { margin:  0; padding: 0; list-style: none; }
    ul#botonera-principal li { float: left; margin: 0 0 0 1em; padding: 0 0 0 10px; }
    ul#botonera-principal li strong { display: block; padding: 0 10px 0 0; }
    ul#botonera-principal li a {
        display: block;
        padding: .2em 30px 0 .3em ;
        background-color:    transparent;
        background-position: right 50%;
        background-repeat:   no-repeat;

    }
    ul#botonera-principal a { text-decoration: none; color: #fff; line-height: 2.4em; }
    ul#botonera-principal li a:hover { padding: .1em 30px .1em .3em; }

    /* imagenes en botones */
    ul#botonera-principal li#boton-inicio        a { background-image: url(../img/toolbar/inicio.gif)        }
    ul#botonera-principal li#boton-mis_datos     a { background-image: url(../img/toolbar/mis_datos.gif)     }
    ul#botonera-principal li#boton-busqueda      a { background-image: url(../img/toolbar/busqueda.gif)      }
    ul#botonera-principal li#boton-administrador a { background-image: url(../img/toolbar/administrador.gif) }
    ul#botonera-principal li#boton-ayuda         a { background-image: url(../img/toolbar/ayuda.gif)         }

/*-----------------------------------------------------------------------------------------------------*/

 /**
  * @objeto: Combo
  *
  */

    #combo-productos {
        position: absolute;
        left: 39.8em;
        top:   .2em;
        z-index: 10;
        width: 8.5em;
    }
    #combo-productos li.selected { display: none; }
    #combo-productos li a:hover { color: #000; background-color: #CCCCCC; }

    .Combo { font: normal 1em Arial, Helvetica, Sans-Serif; }
    div.Combo ul, div.Combo li {
    	list-style: none;
    	margin: 0;
    	padding: 0;

    }
    div.Combo { position: relative; }
    div.Combo .Control { border: 1px solid #2D6724; }
    div.Combo .Control { position: relative; width:100%; overflow: hidden; }
    div.Combo .Control a { /* iconos de los productos */
        background-position: 90% 50%;
        background-repeat: no-repeat;
        text-align: right;
    	padding: .4em 50px .2em .4em;
    	display: block;
    	text-decoration: none;
    	color: #FFF;
    	z-index: 1;
    }
    div.Combo .Control a span {
    	position: absolute;
    	display: block;
        right:  1px;
        bottom: 1px;
        height: 5px;
    	width: 7px;
    	background: transparent url(../img/toolbar/down.gif) center center no-repeat;
    	z-index: 2;
    }
    div.Combo .Control a:hover { background-color: #CCCCCC; color: #000; }

 /*-----------------------------------------------------------------------------------------------------*/

 /**
  * @objeto: Listado
  *
  */

    div.Combo .lista {
        border-style: outset;
        border-color: #72AF79 #4E8B55 #4E8B55 #72AF79;
        border-width: 1px 2px 2px 1px;
        border: 1px solid #2D6724;
    	width: 105%;
    	overflow: hidden;
    	position: absolute;
    	top: auto;
    	right: -2px;
    }
    div.Combo .lista li a {
    	text-decoration: none;
    	display: block;
        text-align: right;
        padding: .6em 50px .6em .4em;
    	color: #FFF;
        background-position: 90% 50% ;
        background-repeat: no-repeat;
    }

    .boton-ayuda a{
        background-image: url(../img/toolbar/ayuda.gif)
    }