html,body{
    width:100%; height:100%; padding:0; margin:0; font-family:"Arial";
    background: url("../images/dipgra.png") no-repeat 5px 3px;
}

a {text-decoration:none;}

img {
    margin: 3px;
    padding: 4px;
    border:1px solid #899caa;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    color:#3a454d;
    background: #b0e4ec;
    -webkit-box-shadow: 0px 1px 3px #bbb;
    -moz-box-shadow: 0px 1px 3px #bbb;
    box-shadow: 0px 1px 3px #bbb;
}

img:hover {
    -webkit-box-shadow: -2px -2px 2px #bbb;
    -moz-box-shadow: -2px -2px 2px #bbb;
    box-shadow: -2px -2px 2px #bbb;
}

.sinresaltar {color: #000000;}

.resaltado {color: #ff0000;}

.usuario {
    display: block;
    padding: 5px 2px 5px 30px;
    margin: 2px 4px 2px 0px;
    border:1px solid #899caa;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    color:#3a454d;
    -webkit-box-shadow:inset 0px 1px 3px #bbb;
    -moz-box-shadow:inset 0px 1px 3px #bbb;
    box-shadow:inset 0px 1px 3px #bbb;
    font-family: "Arial"; font-size: 12px; font-weight: bold;
    background: url("../images/btnSesion.png") no-repeat 2px -64px;
}

.untercero {
    padding: 3px;
    margin: 10px;
    color: #fff;
    font: verdana bold;
    border:1px solid #899caa;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-box-shadow:inset 0px 1px 3px #bbb;
    -moz-box-shadow:inset 0px 1px 3px #bbb;
    box-shadow:inset 0px 1px 3px #bbb;
    font-family: "Arial"; font-size: 12px; font-weight: bold;
    background: #00f;
}

#pie {
    clear: both; 
    width: 98%;
    position: fixed; bottom: 1px;
    margin: 0 10px 0 10px;
    padding: 3px;
    border-top: 1px solid #0e509e;
    text-align: center; font-family: "Arial"; font-size: xx-small;
}

#titulo {float:left; text-align:center; font-weight:bold; display:block; padding: 0; margin: 10px 2px 2px 90px;}

#titulo span h1 {color:#0000aa; font-family: "Times New Roman"; font-size:14px;}

#titulo span h2 {color:#0044aa; font-family: "Arial"; font-size:12px;}

#titulo span h3 {color:#0088aa; font-family: "Arial"; font-size:10px;}

#sesion {float: right; padding:2px 0;}

#resumen {
    display: inline-table;
    font-family: "Arial";
    font-size: 12px;
    font-weight: bold;
    color: #0000aa;
    background: -moz-linear-gradient(35deg, #00ffff, #fff);
    background: -ms-linear-gradient(35deg, #00ffff, #fff);
    background: -o-linear-gradient(35deg, #00ffff, #fff);
    background: -webkit-linear-gradient(35deg, #00ffff, #fff);
    padding: 3px 5px 3px 5px; 
    margin: 4px 4px 4px 40px;
    border:1px solid #899caa; 
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}

#resumen select {
    border:1px solid #899caa;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    font-weight:bold;
    font-size:12px;
    padding:2px 2px 2px 2px;
    -webkit-box-shadow:inset 0px 1px 3px #bbb;
    -moz-box-shadow:inset 0px 1px 3px #bbb;
    box-shadow:inset 0px 1px 3px #bbb;
}

/*
#resumen #ejercicios {font-family: "Arial"; font-size: 12px; font-weight: bold; padding:3px 10px 3px 10px;}

#resumen #fechas {display: inline-block; padding:3px 10px 3px 10px;}

#resumen #fechas label {margin: 2px 4px 2px 4px;}

#resumen #fechas input {
    width: 75px;
    border:1px solid #899caa;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    font-weight:bold;
    font-size:12px;
    padding:2px 2px 2px 2px;
    -webkit-box-shadow:inset 0px 1px 3px #bbb;
    -moz-box-shadow:inset 0px 1px 3px #bbb;
    box-shadow:inset 0px 1px 3px #bbb;
} 

#resumen span {
    background:#339cdf;
    color:#ff9;
    text-shadow:-1px -1px #278db8;
    padding: 2px 2px 2px 2px;
    border:1px solid #339cdf;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius: 3px;
    margin:1px 1px 1px 1px;
    cursor:pointer;
    padding: 2px 2px 2px 2px; // IE7 Fix
}

*/

#resumen #totales {margin-left: 20px;}

#resumen #totales .titulo {
    color:#0000aa; 
    font-size: 11px; 
    text-align: center;
    background-color: #E0EBFF; 
    padding: 2px 4px 2px 4px;
    border:1px solid #339cdf;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius: 3px;
}

#resumen #totales .datos {
    font-size: 12px; 
    text-align: right;
    margin: 2px 4px 2px 4px; 
    padding: 4px 3px 4px 3px;
}

#resumen #totales .datos a:hover {
    background-color: #E0EBFF;
    padding: 3px;
    border:1px solid #339cdf;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius: 3px;
    -webkit-box-shadow: -2px -2px 2px #bbb;
    -moz-box-shadow: -2px -2px 2px #bbb;
    box-shadow: -2px -2px 2px #bbb;
}

/*------- Login -------*/

/* Login Container (default to float:right) */
#loginContainer {
    position:relative;
    float:right;
    font-size:10px;
    font-weight:bold;
}

/* Login Button */
#loginButton { 
    display:inline-block;
    float:right;
    background:#d2e0ea;
    border:1px solid #899caa; 
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    margin-right: 10px;
    position:relative;
    z-index:30;
    cursor:pointer;
    outline: none;
}

/* Login Button Text */
#loginButton span {
    color:#445058; 
    font-size:10px; 
    font-weight:bold;
    text-shadow:1px 1px #fff; 
    padding:4px 29px 4px 9px;
    background:url("../images/btnSesion.png") no-repeat 77px 0;
    display:block;
}

/* Login Box */
#loginBox {position:absolute; top:22px; right:0; margin-right: 5px; display:none; z-index:29;}

/* If the Login Button has been clicked */    
#loginButton.active {
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius:3px 3px 0 0;
    border-radius:3px 3px 0 0;
}

#loginButton.active span {background-position: 77px -22px;}

/* A Line added to overlap the border */
#loginButton.active em {position:absolute; width:100%; height:1px; background:#d2e0ea; bottom:-1px;}

/* Login Form */
#loginForm {
    width:248px; 
    border:1px solid #899caa;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius:3px 3px 3px 3px;
    border-radius:3px 3px 3px 3px;
    margin-top:-1px;
    background:#d2e0ea;
    padding:4px;
}

#loginForm fieldset {margin:0 0 6px 0; display:block; border:0; padding:0;}

fieldset#bodyLogin {
    background:#fff;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    padding:5px 7px;
    margin:0;
}

#loginForm #body fieldset label {display:block; float:none; margin:0 0 4px 0;}

/* Default Input */
#loginForm input {
    width:92%;
    border:1px solid #899caa;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    color:#3a454d;
    font-weight:bold;
    font-size:12px;
    padding:4px 4px;
    -webkit-box-shadow:inset 0px 1px 3px #bbb;
    -moz-box-shadow:inset 0px 1px 3px #bbb;
    box-shadow:inset 0px 1px 3px #bbb;
}

/* Sign In Button */
#loginForm #login {
    /* width:auto; */
    float:right;
    background:#339cdf;
    color:#ff9;
    font-size:11px;
    text-shadow:-1px -1px #278db8;
    border:1px solid #339cdf;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius: 3px;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    margin: 0 12px 0 0;
    cursor:pointer;
    padding: 6px 12px 6px 12px; /* IE7 Fix */
}

#loginForm #login:hover {
    color: #00ffff;
    -webkit-box-shadow: -2px -2px 2px #bbb;
    -moz-box-shadow: -2px -2px 2px #bbb;
    box-shadow: -2px -2px 2px #bbb;
}

/* Forgot your password */
#loginForm span {text-align:center; display:block; padding:4px 0 4px 0;}

#loginForm span a {color:#3a454d; text-shadow:-1px -1px #fff; font-size:11px;}

input:focus {outline:none;}

/*------- Cambiar contraseña -------*/

/* Login Container (default to float:right) */
#cambioContainer {position:relative; float:right; font-size:10px; font-weight:bold;}

/* Login Button */
#cambioButton { 
    display:inline-block;
    float:right;
    background:#d2e0ea;
    border:1px solid #899caa; 
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    margin-right: 10px;
    position:relative;
    z-index:30;
    cursor:pointer;
    outline: none;
}

/* Login Button Text */
#cambioButton span {
    color:#445058; 
    font-size:10px; 
    font-weight:bold;
    text-shadow:1px 1px #fff; 
    padding:4px 29px 5px 9px;
    background:url("../images/btnSesion.png") no-repeat 114px 0;
    display:block;
}

/* Cerrar Button */
#cerrarButton { 
    display:inline-block;
    float:right;
    background:#d2e0ea;
    border:1px solid #899caa; 
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    margin-right: 5px;
    position:relative;
    z-index:30;
    cursor:pointer;
}

/* Cerrar Button Text */
#cerrarButton span {
    color:#445058; 
    font-size:10px; 
    font-weight:bold;
    text-shadow:1px 1px #fff; 
    padding:4px 29px 5px 9px;
    background: url("../images/btnSesion.png") no-repeat 80px -44px;
    display:block
}

/* Login Box */
#cambioBox {position:absolute; top:52px; right:0; margin-right:5px; display:none; z-index:29;}

/* If the Login Button has been clicked */    
#cambioButton.active {
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius:3px 3px 0 0;
    border-radius:3px 3px 0 0;
}

#cambioButton.active span {background-position: 114px -22px;}

/* A Line added to overlap the border */
#cambioButton.active em {position:absolute; width:100%; height:1px; background:#d2e0ea; bottom:-1px;}

/* Login Form */
#cambioForm {
    width:252px; 
    border:1px solid #899caa;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius:3px 3px 3px 3px;
    border-radius:3px 3px 3px 3px;
    margin-top:-1px;
    background:#d2e0ea;
    padding:4px;
}

#cambioForm fieldset {margin:0 0 6px 0; display:block; border:0; padding:0;}

fieldset#bodycambio {
    background:#fff;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    padding:5px 7px;
    margin:0;
}

#cambioForm #bodycambio fieldset label {display:block; float:none; margin:0 0 4px 0;}

/* Default Input */
#cambioForm input {
    width:92%;
    border:1px solid #899caa;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    color:#3a454d;
    font-weight:bold;
    padding:4px 4px;
    -webkit-box-shadow:inset 0px 1px 3px #bbb;
    -moz-box-shadow:inset 0px 1px 3px #bbb;
    box-shadow:inset 0px 1px 3px #bbb;
    font-size:12px;
}

/* Sign In Button */
#cambioForm #cambio {
    /* width:auto; */
    float:right;
    background:#339cdf;
    color:#ff9;
    font-size:11px;
    text-shadow:-1px -1px #278db8;
    border:1px solid #339cdf;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius: 3px;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    margin: 0 12px 0 0;
    cursor:pointer;
    padding: 6px 12px 6px 12px; /* IE7 Fix */
}

#cambioForm #cambio:hover {
    color: #00ffff;
    -webkit-box-shadow: -2px -2px 2px #bbb;
    -moz-box-shadow: -2px -2px 2px #bbb;
    box-shadow: -2px -2px 2px #bbb;
}

/* Forgot your password */
#cambioForm span {text-align:center; display:block; padding:4px 0 4px 0;}

#cambioForm span a {color:#3a454d; text-shadow:-1px -1px #fff; font-size:11px;}

#filtro {
    width:98%; 
    color:#0011ff; 
    font-family: verdana; 
    font-weight: bold; 
    font-size:12px; 
    margin:10px 0px 5px 20px ; 
    padding:0px 5px; 
    cursor:default;
}

#filtro select {
    border:1px solid #899caa;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    color:#3a454d;
    font-weight:bold;
    font-size:11px;
    padding:4px 4px;
    -webkit-box-shadow:inset 0px 1px 3px #bbb;
    -moz-box-shadow:inset 0px 1px 3px #bbb;
    box-shadow:inset 0px 1px 3px #bbb;
}

#datos table {width:98%;color:#188bc2;font-size:.70em;background:#fff;padding-top:2px;cursor:default;}
#datos tbody {background-color:#b0e4ec}
#datos th {text-align:center;padding:5px 4px;background:#0033ff;color:#fff;font-size:1.2em}
#datos td {text-align:center;padding:3px 2px;}
#datos tr:hover {background-color:#22aaff;color:#fff}

#paginar ul {border:0; margin-left:20px; padding:0; cursor:default; list-style:none; float:left;}
#paginar li {border:0; margin:0; padding:0; font-size:11px; list-style:none; float:left;}
#paginar a {border:solid 1px #9aafe5; margin-right:2px;}
#paginar .anterior, #paginar .siguiente {
    color: #888888; display: block; float: left; font-weight: bold; list-style:none; margin-right:2px;
}
#paginar .actual {
    background: #2e6ab1; color: #ffffff; display: block; float: left; font-weight: bold; margin-right:2px; padding:4px 6px;
}
#paginar a:link, #paginar a:visited {color: #0e509e; display: block; float: left; padding:3px 6px; text-decoration:none;}
#paginar a:hover {border: solid 1px #0e509e; background: #d2e0ea; font-weight: bold;}

#div_carga{position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.6); display:none; z-index:1;}

#cargador{position:absolute; top:50%; left: 50%; margin-top: -25px; margin-left: -25px;}