/***** html basico *****/

body, input
{
    font-family: 'Panefresco250wtRegular';
}

pre, code
{
    font-family: 'DejaVu Sans Mono' , Menlo, Consolas, monospace;
}

hr
{
    border: 0 #ccc solid;
    border-top-width: 1px;
    clear: both;
    height: 0;
}

/***** cabeceras *****/

h1
{
    font-size: 25px;
}

h2
{
    font-size: 23px;
}

h3
{
    font-size: 21px;
}

h4
{
    font-size: 19px;
}

h5
{
    font-size: 17px;
}

h6
{
    font-size: 15px;
}

h1, h2, h3, h4, h5, h6
{
    font-family: 'Panefresco750wtRegular' !important;
    color: #393939;
}

/***** espaciados *****/

ol
{
    list-style: decimal;
}

ul
{
    list-style: disc;
}

li
{
    margin-left: 30px;
}

p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, figure
{
    margin-bottom: 5px;
}

/***** estilos personalizados *****/
a
{
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}

#bg
{
    background-image: url(../images/bgpage.png);
    background-repeat: repeat-x;
}

#contenedor
{
    padding-top: 10px;
    padding-bottom: 20px;
    background-image: url(../images/cloud2.png);
    background-repeat: no-repeat;
    background-position: right -110px;
}
#contenedor2
{
      padding-top: 10px;
    padding-bottom: 20px;
}

#header
{
    margin-bottom: 10px;
}

#footer
{
    margin-top: 10px;
    border-top: 1px solid #C0C0C0;
}
.tx, .tx *
{
    font-size: 11px;
    font-family: Arial;
}

.rnd, .rnd1, .rnd2
{
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
}
.rnd1, .rnd2
{
    padding: 5px;
}

.pad3, .pad3 td
{
    padding: 3px;
}
.pad5, .pad5 td
{
    padding: 3px;
}
div.color1
{
    background-color: #9FCDF0;
}
div.color2
{
    background-color: #FFE699;
}

.color3
{
    color: White;
}
div.f_left
{
    float: left;
    padding-right: 5px;
    padding-bottom: 5px;
}

a.lnk_area_alumnos, a.lnk_area_tutores, a.lnk_area_profesores
{
    font-size: 23px;
    font-family: 'Panefresco250wtRegular' !important;
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 55px;
    line-height: 48px;
    display: block;
    color: #0B61A4;
    text-shadow: 1px 1px 1px white;
}
a.lnk_area_alumnos
{
    background-image: url(../images/ico_usuario.png);
}
a.lnk_area_tutores
{
    background-image: url(../images/ico_tutores.png);
}
a.lnk_area_profesores
{
    background-image: url(../images/ico_profesores.png);
}

.sep10
{
    height: 10px;
}
.sep20
{
    height: 20px;
}
.slogan
{
    text-align: center;
    margin-top: 18px;
    color: White;
    font-size: 21px;
    font-family: 'Panefresco500wtRegular';
    text-shadow: 1px 1px 1px #c0c0c0;
}

.frm
{
    border: 1px solid #FFE699;
    font-size: 16px;
    padding: 5PX;
}
.size1
{
    width: 100px;
}
.size2
{
    width: 200px;
}
.size3
{
    width: 300px;
}
.size4
{
    width: 400px;
}
.bt
{
    border: none;
    background-color: transparent;
    background-image: url(../images/bgbot.png);
    width: 107px;
    height: 27px;
    color: White;
    font-weight: bold;
}
.fondo
{
    min-height: 300px;
    background:url(../images/fondo.png) no-repeat right bottom;
}
.path, .path *
{
    font-size: 11px;
    font-family: Arial;
    color: Gray;
}
div.path
{
    border-bottom: 1px solid #c0c0c0;
}
/***** calendario *****/

.calendario
{
    font-size: 11px;
    font-family: Arial;
}

.calendario tbody tr td
{
    text-align: center;
    padding: 3px;
}

.calendario a
{
    font-weight: bold;
    color: BLACK;
}

.DayHeader
{
    background-color: #FFBF00;
    font-weight: bold;
    color: White;
}
.WeekendDay
{
    background-color: #efefef;
    color: gray;
}
.OtherMonthDay
{
    color: gray;
    background-color: white;
}
.day
{
    background-color: white;
    cursor: hand !important;
    color: #0B61A4;
}
.TitleStyle
{
    background-color: #0B61A4;
}

.TitleStyle *, .TitleStyle a *
{
    font-weight: bold !important;
    color: White !important;
}

.today
{
    font-weight: bold;
    background-color: #FFBF00 !important;
}
.SelectorStyle_today_class
{
    font-weight: bold;
    background-color: #FFBF00 !important;
    cursor: hand !important;
    color: #0B61A4;
    text-decoration: underline;
}

.SelectorStyle
{
    background-color: #FFE699;
    color: #0B61A4;
    text-decoration: underline;
}

/***** /calendario *****/
.panel_usuario, .panel_usuario_selected
{
    width: 100px;
    height: 75px;
    text-align: center;
    font-size: 11px;
    background-image: url(../images/bg_panel_usuario.png);
    vertical-align: middle;
    padding-top: 5px;
    float: left;
    margin-right: 10px;
}

.panel_usuario span, .panel_usuario_selected span
{
    margin-top: 5px;
    display: block;
}

.panel_usuario img, .panel_usuario_selected img
{
    margin-top: 5px;
}

.panel_usuario_selected
{
    background-image: url(../images/bg_panel_usuario_selected.png);
}
/* gridview */
.GridFooter
{
}
.GridHeader
{
    background-color: #9FCDF0;
    text-align: left;
    padding-bottom: 2px;
    height: 20px;
    color: White;
    font-size: 12px;
}

.GridHeader *
{
    padding: 5px !important;
}
.GridRow
{
    background-color: #FFF7DC;
    border-bottom: solid 1px #FFE699;
}
.GridAlterRow
{
    background-color: #DFEEFB;
    border-bottom: solid 1px #9FCDF0;
}

.GridRow:hover
{
    background-color: #FFE699;
}

.GridAlterRow:hover
{
    background-color: #9FCDF0;
}

a
{
    color: #0B61A4;
}



.fuente1 
{
font-family: 'Panefresco750wtRegular' !important;
    font-size:18px;
    }
    
    .fuente4
{
    font-family:Arial;
    font-size:11px;    
}
.progress
{
    min-height: 100%; /* needed for some browsers */
    width: 100%;
    height: 100%;
    background-color: #E2EBFF;
    display: block;
    position: fixed; /* this is the most important line */
    top: 0;
    left: 0;
    filter: alpha(opacity=45);
    -moz-opacity: .45;
    opacity: .45;
}

.prog
{
    padding:30px;
    background-color:White;
    border:2px solid #E2EBFF;
    margin:0 auto;
    z-index: 2 !important;
    position:absolute;
    left:45%;
    top:35%;
    font-size:12px;
    text-align:center;
    color:#c0c0c0;
}    

.bot_correos 
{
    background-image: url(../images/bot_enviar_email_profesor.png);
    width:162px; /* 222 - padding left*/
    height:44px;
    font-family: 'Panefresco750wtRegular' !important;
    font-size:14px;
    line-height:44px;
    color:#316F8A;
    padding-left:60px;
}

.ocular
{
display :none;
}   
.mostrar
{
display:inherit;
}