/* ------------------------------reset----------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
textarea {font:inherit;}

blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

/* recordar poner un estilo para el foco */
:focus {outline: 0;}

/* recordar destacar los inserts de alguna manera */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* las tablas siguen necesitando el 'cellspacing="0"' */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* algunos estilos universales útiles */
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    text-decoration: none;
    color: #36c;
}
a:hover {
    text-decoration: underline;
}

pre {
    background-color: #fff;
    border: 1px solid #ccc;
    margin: 20px 0;
    padding: 10px;
    overflow: auto;
}

input:focus {outline: 1px solid #91bd09;}

/* el font-size:62.5% hace que 1em = 10px; calcular tamaños de childs con: child pixels / parent pixels = child ems */
body {font:62.5%/20px Calibri, Helvetica, Arial, sans-serif;}

h1, h2, h3, h4, h5, h6, p, ul {margin:0 0 20px 0;}
h1 {font-size:31px; line-height:40px;}
h2 {font-size:23px; line-height:20px;}
h3 {font-size:18px;}
h4 {font-size:15px;}
h5 {font-size:13px;}
h6 {font-size:12px;}
p, li, dt, dd, input, button, select, th, td, pre, label, legend {font-size:14px;}

.contenedor {
    background-color: #fff;
    width:100%; /* 782px es el ancho del frame */
    min-width:700px;
    margin:0;
    padding:30px;
}

.m_ok {padding:5px 10px; margin:10px 0; background-color: #bfb; border-top:1px solid #44c944; border-bottom:1px solid #44c944; color:#060;}
.m_error {padding:5px 10px; margin:10px 0; background-color: #ffa; border-top:1px solid #f9e164; border-bottom:1px solid #f9e164; color:#a33;}
.m_ok a,.m_error a {text-decoration: underline; color:#154e89;}

.boton {
    position:relative;
    display:inline-block;
    padding:5px 10px 6px;
    cursor:pointer;
    color:#fff;
    text-decoration:none;
    font-size:13px;
    font-weight:bold;
    line-height:1;
    border-radius:5px;
    box-shadow:0 1px 3px #999;
    text-shadow:0 -1px 1px #222;
    border-width:0;
    border-bottom:1px solid #222;
    background-color:#91bd09; /* green: #91bd09; blue: #2daebf; red: #e33100; magenta: #a9014b; orange: #ff5c00; yellow: #ffb515 */
}
.boton:hover {background-color:#749a02; /* green: #749a02; blue: #007d9a; red: #872300; magenta: #630030; orange: #d45500; yellow: #fc9200; */}
.boton:visited {color:#fff;}
.boton:active {top:1px;}
.boton[disabled] {
    cursor:auto;
    box-shadow:none;
    text-shadow:none;
    border-bottom:none;
    color:#f8f8f8;
    background-color:#ccc !important;
}
.boton[disabled]:hover {background-color:#ccc !important;}
.boton[disabled]:active {top:0 !important;}

#form_acceso {
    margin:20px auto;
    width: 200px;
}
#form_acceso label {
    display: block;
    width: 200px;
}
#form_acceso input {
    width: 100%;
    padding: 5px 8px;
    border: 1px solid #999;
}
#form_acceso .boton {margin:10px 0;}
#form_acceso p.desc {text-align: center;}

table.cabecera {width:100%;}
table.cabecera td {vertical-align: top;}
table.cabecera td.col_titulos {padding:0 20px; height: 100px;}
table.cabecera td.col_foto {text-align:left;}
table.cabecera td.col_logo {text-align:right;}
.foto-alumno {width:125px;}
.logo {width:125px;}

h1 {text-align: center; font-family: Cambria, Times New Roman, serif;}
h2 {text-align: center; font-family: Cambria, Times New Roman, serif;}
h3 {text-align: center; font-weight: normal; margin-bottom: 0;}

.imprimir {text-align: center;}

div.historial {
    margin:30px 0;
}
table.historial-anyo {
    width: 100%;
    border: 1px solid #333;
    margin-bottom: 2px;
}
table.historial-anyo td {padding: 1px 4px;}
table.historial-anyo td.col-info {width:16%;}
table.historial-anyo td.col-materia {width:38%;}
table.historial-anyo td.col-profesor {width:38%;}
table.historial-anyo td.col-nota {width:8%; text-align: right;}