/*
**  
** Estilos.
*/
/* estilos genericos */
body
{
    background-color:#fff4d1;
    margin: 0px;
    padding: 0px;
}
form
{
    margin: 0px;
    padding: 0px;
}
ul{
    font-family: arial;
    font-size: 14px;
}
/* CAJA PRINCIPAL */
#mainBox
{
    width: 820px;
    display: block;
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    background-color: White;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
#logoTop
{
    background-color: White;
    background-image: url(/gref/img/fondoTope1.jpg);
    background-position: right top;
    background-repeat: no-repeat;
}
/* CENTRADOR POR DEFECTO */
.onCenter
{
    width: 820px;
    display: block;
    margin: 0px auto 0 auto;
    padding: 0px;
}
#subLogo
{
    background-color: #272727;
    height: 115px;
}
#subLogo #motivator
{
    display: block;
    width: 300px;
    float: left;
    color: #efefef;
    font-family: Century Schoolbook, Century;
    font-style: oblique;
    font-weight: bold;
    padding: 25px 10px 10px 20px;
}
#lema
{
    float: right;
    padding-top: 28px;
}
/* MENU SUPERIOR DERECHA */
#menuTop
{
    float: right;
    background-color: #272727;
    padding: 15px;
}
#menuTop a.separador
{
    background-image: url(/gref/img/separador.gif);
    background-repeat: no-repeat;
    height: 32px;
    width: 10px;
    padding: 6px 3px 10px 3px;
    margin: 0px;
}
#menuTop a,
#menuTop a:link
{
    height: 64px;
    background-color: #272727;
    font-family: Century Schoolbook, Century;
    font-size: 14px;
    color: White;
    text-decoration: none;
}
#menuTop a:hover
{
    text-decoration: underline;
}
#menuTop a.left
{
    background-image: url(/gref/img/btn-Izq.gif);
    background-repeat: no-repeat;
    padding: 10px;
    padding-top: 6px;
    padding-left: 13px;
}
#menuTop a.right
{
    background-image: url(/gref/img/btn-Der.gif);
    background-repeat: no-repeat;
    padding: 10px;
    padding-top: 6px;
    padding-right: 11px;
}
/* MENU PRINCIPAL */
#menu
{
    background-color: #9b0000;
    height: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#menu a,
#menu a:link
{
    color: White;
    font-family: Century Schoolbook, Century;
    font-size: 14px;
    padding: 10px;
    margin-top: 15px;
    text-decoration: none;
}
#menu a:hover
{
    text-decoration: underline;
}

#menu a.on,
#menu a.on:link
{
    color: #272727;
    font-family: Century Schoolbook, Century;
    font-size: 18px;
    padding: 10px;
    margin-top: 15px;
    text-decoration: none;
    background-color: White;
}
#menu a.on:hover
{
    text-decoration: underline;
    color: #272727;
}
/* MENU SECUNDARIO */
#submenu
{
    border-bottom: 1px solid #ccc;
    margin: 0px -40px 0px 0px;
    padding: 10px 0px 5px 10px;
    height: 20px;
}
#submenu a,
#submenu a:link,
#submenu a:visited
{
    font-family: Arial, Verdana;
    font-size: 11px;
    color: #9b0000;
    text-decoration: none;
}
#submenu a:hover
{
    color: #272727;
    text-decoration: underline;
}
#submenu a.on,
#submenu a.on:link,
#submenu a.on:visited
{
    font-family: Arial, Verdana;
    font-size: 12px;
    color: #555;
    padding-bottom: 3px;
    text-decoration: none;
}
#submenu a.on:hover
{
    color: #555;
    text-decoration: none;
}
#contentBox
{
    background-color: White;
    padding: 0px;
    margin: 0px;
}
/* CAJA DE CONTENIDO IZQ -- CONTENIDO PRINCIPAL */
#leftContent
{
    display: block;
    width: 630px;
    background-color: White;
    margin: 0px;
    padding: 0px;
}
#leftContent h1
{
    font-family: Century, Arial;
    font-size: 25px;
    color: #2e2e2e;
    padding-left: 10px;
}
#leftContent h2
{
    font-family: Century, Arial;
    font-size: 18px;
    color: #2e2e2e;
    padding-left: 10px;
}
#leftContent img.header,
#leftContent table,
#leftContent p
{
    font-family: Arial, verdana;
    font-size: 15px;
    text-align: justify;
    padding-right: 15px;
    padding-left: 10px;
}
#leftContent .leftCol
{
    width: 291px;
    background-color: #f7f7f7;
    border-bottom: 2px solid #ccc;
    font-family: Arial;
    font-size: 14px;
}
#leftContent .leftCol h1
{
    font-family: arial;
    font-weight: bold;
    font-size: 13px;
    padding-left: 10px;
}
#leftContent .leftCol p,
#leftContent .leftCol table
{
    font-family: arial;
    font-size: 13px;
    padding-left: 10px;
}

#leftContent .rightCol
{
    width: 291px;
    margin-left: 10px;
    background-color: #f7f7f7;
    border-bottom: 2px solid #ccc;
    font-family: Arial;
    font-size: 14px;
}
#leftContent .rightCol h1
{
    font-family: arial;
    font-weight: bold;
    font-size: 13px;
    padding-left: 10px;
}
#leftContent .rightCol p,
#leftContent .rightCol table
{
    font-family: arial;
    font-size: 13px;
    padding-left: 10px;
}
#leftContent .leftCol p a
#leftContent .rightCol p a
{
    text-align:center;
    display: block;
    padding-left: 10px;
    border: 1px solid red;
}
/* CAJA DE CONTENIDO DECHA */
#rightContent
{
    float:right;
    display: block;
    width: 182px;
    padding: 20px 0px 0px 0px;
    margin: 0;
    border-left: 1px solid #ccc;
    border-top: 0px;
    border-bottom: 0px;
    background-color: #f6f8f4;
    background-image: url(/gref/img/topDerecha.gif);
    background-position: 0 0 0 0;
    background-repeat: no-repeat;
}
#rightContent h1
{
    margin-top: 20px;
    background-color: white;
    font-family: Century Schoolbook, Century, Arial;
    font-style: italic;
    font-size: 16px;
    text-align: center;
    padding: 10px;
}
#rightContent h2
{
    font-family: Arial;
    font-size: 9px;
    padding-left: 10px;
    margin: 15px 5px 0px 5px;
    color: #555;
}
#rightContent h3
{
    font-family: Arial;
    font-size: 12px;
    padding-left: 10px;
    padding: 0px;
    margin: 0px 0px 0px 10px;
    color: #555;
}
#rightContent p.news{
    padding: 10px;
    padding-top: 0px;
}
#rightContent p.news, 
#rightContent p.news a,
#rightContent p.news a:link,
#rightContent p.news a:visited
{
    font-family: Arial;
    font-size: 12px;
    text-align: left;
    color: #9a0000;
    text-decoration: none;
}
#rightContent p.news a:hover
{
    text-decoration: underline;
}
#rightContent p.news_selected{
    padding: 10px;
    padding-top: 0px;
}

#rightContent p.news_selected, 
#rightContent p.news_selected a,
#rightContent p.news_selected a:link,
#rightContent p.news_selected a:visited
{
    font-family: Arial;
    font-size: 12px;
    text-align: left;
    color: #ccc;
    text-decoration: none;
}
#rightContent p.news a:hover
{
    text-decoration: underline;
}
/*
** PIE DE LA PAGINA 
*/
#footer
{
    font-family: Arial;
    font-size: 10px;
    text-align: right;
    background-color: #eee;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    margin: 0px;
    display: block;
    clear: both;
}
/*
** NOTICIAS
*/
#leftContent h2.news
{
    font-family: Arial;
    font-size: 9px;
    padding-left: 10px;
    margin: 15px 5px 0px 5px;
    color: #555;
}
#leftContent h3.news
{
    font-family: Arial;
    font-size: 16px;
    padding-left: 10px;
    padding: 0px;
    margin: 0px 0px 0px 10px;
    color: #555;
}
#leftContent p.news
{
    font-family: Arial;
    font-size: 12px;
    text-align: justify;
    text-decoration: none;
}
/*
** PROGRAMA
*/
#tablaPrograma
{
    border: 3px solid #eee;
    background-color: #eee;
    padding: 0px;
    margin: 10px;
}
#tablaPrograma tbody,
#tablaPrograma thead,
#tablaPrograma tfoot
{
    padding: 0px;
    margin: 0px;
}
#tablaPrograma tbody tr td.center,
#tablaPrograma tfoot tr td.center
{
    background-color: #eee;
}
#tablaPrograma thead td.rCol,
#tablaPrograma tfoot td.rCol
{
    text-align: right;
    background-color: #eee;
    padding-right: 5px;
    height: 32px;
}
#tablaPrograma thead td.lCol,
#tablaPrograma tfoot td.lCol
{
    background-color: #eee;
    padding-left: 5px;
    height: 32px;
}
#tablaPrograma tbody
{
    font-family: Arial Narrow;
    font-size: 10px;
}
#tablaPrograma tbody tr td
{
    border-bottom: 1px solid #eee;
}
#tablaPrograma tbody tr td.dHour
{
    text-align: right;
    padding-right: 10px;
    border-right: 2px solid #999;
    background-color:White;
}
#tablaPrograma tbody tr td.lInfo,
#tablaPrograma tbody tr td.dInfo,
#tablaPrograma tbody tr td.dInfo ul
{
    width: 180px;
    font-family: Arial;
    font-size: 12px;
    padding: 10px;
}
#tablaPrograma tbody tr td.lHour
{
    text-align: left;
    padding-left: 10px;
    background-color:White;
}
#tablaPrograma tbody tr td
{
    border-bottom: 1px solid #eee;
}
#tablaPrograma tbody tr td.center
{
    background-image: url(img/anilla.gif);
    background-repeat: repeat-y;
    background-color: White;
    height: 31px;
    width: 47px;
    border: 0px;
    margin: -5px;
    padding: 0px;
}
#tablaPrograma tfoot tr td
{
    border-top: 3px solid #999;   
}
#tablaPrograma_17 #tablaPrograma tbody tr td.lInfo
{
    width: 450px;
}
#tablaPrograma_17 #tablaPrograma 
{
    border-right: none;
}
#tablaPrograma_18 #tablaPrograma tbody tr td.dInfo
{
    width: 450px;
}
#tablaPrograma_18 #tablaPrograma 
{
    border-left: none;
}
#tablaPrograma_c #tablaPrograma 
{
    width: 565px;
    background-color: #eee;
}
#tablaPrograma_c #tablaPrograma tr td.dHour
{
    text-align: left;
    border: none;
    border-left: 3px solid #ccc;
    font-size: 14px;
    padding: 10px;
}
#tablaPrograma_c #tablaPrograma tr td.lInfo,
#tablaPrograma_c #tablaPrograma tr td.dInfo,
#tablaPrograma_c #tablaPrograma tr td.dInfo ul
{
    background-color: #CCFFFF;
    width: 450px;
}
#tablaPrograma_c #tablaPrograma tr td.lCol,
#tablaPrograma_c #tablaPrograma tr td.rCol
{
    background-color: #eee;
    padding-left: 5px;
    height: 32px;
    font-size: 20px;
}
a.on:link,
a.on:visited
{
    color: #999;
    text-decoration: none;
}
a.on:hover
{
    text-decoration: underline;
}

a.off:link,
a.off:visited
{
    color: Blue;
    text-decoration: underline;
}
a.off:hover
{
    text-decoration: none;
}
/*
** formulario de asistencia
*/
#leftContent .leftCol_asistencia
{   width: 580px;
    background-color: #f7f7f7;
    border-bottom: 2px solid #ccc;
    font-family: Arial;
    font-size: 14px;
    margin-left: 20px;
}
#leftContent .leftCol_asistencia h1
{
    font-family: arial;
    font-weight: bold;
    font-size: 13px;
    padding-left: 10px;
}
#leftContent .leftCol_asistencia p,
#leftContent .leftCol_asistencia table
{
    font-family: arial;
    font-size: 13px;
    padding-left: 10px;
}
#popUp
{
    width: 616px;
    display: block;
    margin: 0px auto 0 auto;
    padding: 0px;   
    background-color: White;
}
#popUp h1
{
    font-family: arial;
    font-size: 16px;
    padding-left: 10px;
    color: #696969;
}
#popUp p
{
    font-family: arial;
    font-size: 12px;
    padding: 10px;
    text-align: justify;
    color: #333;
}