﻿
/* Accordion */
.cabezeraExpandible
{
    border: 1px solid #3C312F;
    color: white;
    background: #E9D5B2 url(imagenes/expand.gif) no-repeat 0 2px;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.cabezeraExpandible a
{
    margin-left: 15px;
    background: none;
    color: Black;
    text-decoration: none;
}

.cabezeraExpandible a:hover
{
    background: none;
    text-decoration: underline;
}

.cabezeraExpandibleSeleccionada
{
     border: 1px solid #3C312F;
    color: white;
    background: #E9D5B2 url(imagenes/collapse.gif) no-repeat 0 2px;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.cabezeraExpandibleSeleccionada a
{
    margin-left: 15px;
    color: Black;
    background: none;
    text-decoration: none;
}

.cabezeraExpandibleSeleccionada a:hover
{
    background: none;
    text-decoration: underline;
}

.contenidoExpandible
{
    border: 1px solid #3C312F;
     border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.tituloGrupo
{
    padding-left: 0.5em;
}

.cabezeraGrupo
{
    text-align: left;
  font: bold 14px arial, helvetica, sans-serif;
  background: #3b5a82; /*Color Titulo cabecera*/
  padding:6px 4px 8px 0px;
  color:#FFFFFF;
  border: 1px  #03476F;
  padding: .4em;
   margin-bottom:.2em;
}

.grupoCabezera
{
    padding: 0.5em;
    background-color: #5b84ba;
    margin: 2px opx 2px 0px;
     color:White;
}

table.listaGrupos
{
 width:100%;
 border-collapse: collapse;
  border: 1px solid #03476F;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  color:#000000;
  background: #e8f2ff;
}

table.listaGrupos tr.lineaGrupoCabezera th
{
   /* height: 20px;
    line-height: 20px;
    font-size: 10pt;
    font-weight: bold;
    overflow: hidden;
    width: 100%;
    color: #000000;
    background-color: #6B8EDE;
    margin: 1px 0px 1px 0px;*/
     height: 20px;
    line-height: 20px;
    font: bold 11px verdana, arial, helvetica, sans-serif;
  border: 1px solid #03476F;
  text-align: center;
  background: #5b84ba; /*Color casillas principales*/
  color: #FFFFFF;
  padding-top:3px;
   padding-left:.2em;
}

.lineaGrupoCabezera div
{
    border-left: solid 1px white;
    font-weight: normal;
    padding-left: 0.5em;
}

table.listaGrupos tr.lineaGrupo
{
    line-height: 20px;
    font-size: 9pt;
    overflow: hidden;
    width: 100%;
    color: black;
    background-color: #b0cbef;
    border: 1px dotted #03476F;
}

.lineaGrupo div
{
    font-weight: normal;
    padding-left: 0.5em;
}

.lineaGrupoItemGrupo
{
    width: 40%;
    text-align: left;
    padding-left:.2em;
}

.lineaGrupoItemParticipantes
{
    width: 20%;
    padding-left:.2em;
}
.lineaGrupoItemFechaInicio
{
    width: 20%;
    padding-left:.2em;
}
.lineaGrupoItemFechaFin
{
 padding-left:.2em;
}

.lineaGrupoItemGrupo a:link, .lineaGrupoItemGrupo a:visited
{
    background-position: -5px;
    padding: 0em 0em 0em 1em;
  /*  background-image: url(../../Imagenes/General/ir.gif);*/
    color: #000000;
    text-decoration: none;
    background-repeat: no-repeat;
}

.lineaGrupoItemGrupo a:hover
{
   /* background-image: url(../../Imagenes/General/irmov.gif);*/
    color: Gray;
}

table.listaAlumnosGrupo
{
 width:100%;
 border-collapse: collapse;
  border: 1px solid #03476F;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  color:#000000;
  background: #e8f2ff;
}

table.listaAlumnosGrupo tr.listaAlumnoGrupoCabezera th
{
   height: 20px;
    line-height: 20px;
    font: bold 11px verdana, arial, helvetica, sans-serif;
  border: 1px solid #03476F;
  text-align: center;
  background: #5b84ba; /*Color casillas principales*/
  color: #FFFFFF;
  padding-top:3px;
   padding-left:.2em;
   
}

table.listaAlumnosGrupo tr.lineaAlumno td
{
    border: 1px dotted #03476F;
  padding: .4em;
  color: #363636;
}

table.listaAlumnosGrupo tr.lineaAlumno:hover
{
    background: #b0cbef;  /*Color destacado apartado principal*/
  color: #FFFFFF;
}

table.listaAlumnosGrupo tr.lineaAlumnoB td
{
     border: 1px dotted #03476F;
  padding: .4em;
  color: white;
    background-color: #800000;
    vertical-align: top;
}

