/* -- CSS Reseter */
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, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

/* remember to define focus styles! */:focus {
    outline: 0;
}
td, th {
    display: table-cell;
}
ol, ul {
    list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}

div#table_container_left, 
div#table_container_left_modificada, 
div#table_container_left_notas,
div#table_container_left_microsoft  {
    height : relative;
    position : relative;
    float : left;
    overflow : hidden;
}

div#table_container_left, 
div#table_container_left_modificada, 
div#table_container_left_notas  {
    width : 465px;
}

div#table_container_left_microsoft  {
    width : 520px;
}

div#table_container_right, 
div#table_container_right_modificada,  
div#table_container_right_notas,
div#table_container_right_microsoft {
    height : relative;
    overflow-x : scroll;
    float : left;
    position : relative;
}
div#table_container_right, 
div#table_container_right_modificada,  
div#table_container_right_notas {
    width : 455px;
}
div#table_container_right_microsoft {
    width : 400px;
}

div#table_container_left td, 
div#table_container_left_modificada td, 
div#table_container_left_notas td,
div#table_container_right td, 
div#table_container_right_modificada td,  
div#table_container_right_notas td {
    white-space: nowrap;
    line-height: 21px;
}


div#table_container_left_microsoft td,  
div#table_container_right_microsoft td {
    white-space: nowrap;
    line-height: 26px;
}



caption, th, td {
    text-align: left;
    font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

/*--Configuraciones base-------------------------------------*/
html {
    font-family: "Lucida Grande", Verdana, "Bitstream Vera Sans", Arial, sans-serif;
    font-size: 62.5%;
    line-height: 20px;
    color: #606060;
}

body {
    background: #ffffff url(../img/header.jpg) no-repeat center !important;
}

code {
    font-family: Consolas, Monaco, "Courier New", Courier, monospace;
}

pre {
    background: #F5F5F5 none repeat scroll 0% 0%;
    border: 1px solid #DADADA;
    font-size: 11px;
    line-height: 1.3em;
    overflow: auto;
    padding: 11px;
}

h1, h2, h3, h4, h5, h6 {
    /*font-family:Georgia,"Times New Roman",Times,serif;*/
    font-weight: bold;
    color: #2583ad;
}

h1 {
    font-size: 1.8em;
}

h2 {
    font-size: 1.6em;
}

h3 {
    font-size: 1.4em;
}

h4 {
    font-size: 1.2em;
}

h5 {
    font-size: 1em;
}

h6 {
    font-size: 0.8em;
}

h1, h2, h3, h4, h5, h6, p, ol, ul, blockquote {
    padding-top: 0pt;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}

h1, p {
    padding: 0;
}

a {
    text-decoration: none;
    color: #2583AD;
    white-space: nowrap;
}

a:hover {
    color: #024F68;
}

    a#linkHome {
        display: block;
        height: 30px;
        left: 0;
        position: absolute;
        top: 10px;
        width: 40px;
    }
    
strong, .strong {
    font-weight: bold;
}

em, .em {
    font-style: italic;
}

acronym, .acronym {
    text-transform: uppercase;
}

/* despliegue de las imagenes */
img {
    vertical-align: middle;
    display: inline-block;
    border: 0;
}

p img {
    padding: 0;
}

table td a img {
    padding: 0 2px;
}

tfoot p {
    padding: 2px;
}

#imagen-fondo {
    height: 250px;
    width: 100%;
    box-shadow: inset 1px -60px 150px 0 #000000;
}

#header {
    background-color: #fff;
    margin: 0 auto;
    width: 940px;
    height: 70px;
    position: relative;
    color: #ffffff;
}

#header a {
    color: #999999;
}

#header a.eclass {
    position: absolute;
    display: block;
    height: 74px;
    width: 135px;
    left: 17px;
}

#header h1.title-header {
    width: 330px;
    font-family: 'Lato', sans-serif;
    font-size: 15pt;
    font-weight: lighter;
    height: 35px;
    vertical-align: middle;
    float: left;
    margin:18px;
    color: #3f4c51;
}

#header div.auspicio {
    position: absolute;
    right: 20px;
    width: 350px;
    height: 20px;
    text-align: right;
    padding: 15px 8px 5px 0;
    color: #3f4c51;
    font-size: 12px;
}
#header a.link {
    background: none repeat scroll 0 0 #485F69;
        border-radius: 5px;
        color: #FFFFFF;
    margin: 10px 0 0 -140px;
    padding: 3px 10px;
    width: 80px;
    position:relative;
    float: left;
}
#header a.buscar {
    margin-left: -15px;
}
#header a.cursos {
    margin-left: 5px;
    background: none repeat scroll 0 0 #7EBF19;
}
#header a.registro {
    margin-left: 5px;
    background: none repeat scroll 0 0 #7EBF19;
        width: 110px;
}
#header a.buscar:hover, #header a.cursos:hover, #header a.registro:hover {
    background: none repeat scroll 0 0 #00AEEF;
        border-radius: 5px;
        color: #FFFFFF;
}
#header div.auspicio a:hover {
    text-decoration: underline;
    color: #CC0000;
}

#header div.auspicio a {
    color: #CC0000;
    text-decoration: underline;
    margin: 0 8px;
    position: absolute;
    right: 0;
    top: 30px;
    padding-left: 30px;
}

#header h2 {
    clear: both;
    color: #FFFFFF;
    margin: 0;
    padding: 120px 0 13px 0px;
    font-size: 16px
}

#header .home {
    position: absolute;
    top: 60px;
    left: 0;
}
#header div.menu {
    position: absolute;
    right: 20px;
    top: 42px;
    width: 500px;
    height: 15px;
    text-align: right;
    padding: 5px 0 5px 0;
}

#side {
    margin-top: 37px;
    color: #FFF;
    font-size: 14px;
    height: 20px;
    margin: 10px auto;
    padding: 0 0 5px;
    position: absolute;
    width: 940px;
    padding-top: 25px;
}

#side span {
    font-size: 12px;
}

#side a {
    color: #FFF;
    text-decoration: underline;
    font-size: 12px;
}
#side a:hover {
    text-decoration: underline;
}

#side .quick {
    display: inline-block;
    background-color: #999999;
    color: #ffffff;
    height: 18px;
    padding: 0 5px 2px 5px;
}

#side .last {
    background: #999999 url(../img/side-last.gif) no-repeat 100% 0;
    color: #ffffff;
    padding-right: 9px;
}

#side .current {
    color: #1a71c0;
    background: #ffffff;
}

#side .right {
    position: absolute;
    right: 5px;
    text-align: right;
    color: #999999;
}

#content {
    margin: 95px auto 0;
    width: 940px;
    padding-top: 25px;
}

#content h1 {
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-size: 22px;
}

#footer {
    color: #606163;
    margin: 10px 0;
    text-align: center;
}

#iframe {
    background: #fff;
    padding: 20px 12px 0 12px;
    margin: 0 auto;
}

/* ----------- My Form ----------- */
.spacer {
    clear: both;
    height: 1px;
}

.myform {
    margin: 0 auto;
    width: 400px;
    padding: 14px;
}

.panelLeft {
    margin: 0 auto;
    width: 400px;
    padding: 14px;
    float: left;
}

.panelLeft {
    width: 400px;
    padding: 14px;
    float: left;
    margin-left: 30px !important;
}

.panelRight {
    width: 400px;
    padding: 14px;
    float: left;
    margin-left: 20px !important;
}

/* Forms */
form {
    clear: both;
    padding: 0;
}

fieldset, div.fieldset {
    border: 1px solid #ccc;
    padding: 16px 20px;
}

div.fieldset {
    margin: 0.5em;
}

div.fieldset-green {
    border: 1px solid #BEDCA6;
    background-color: #E4F2D8;
}

fieldset legend {
    background: #fff;
}

fieldset fieldset {
    margin-top: 0px;
    margin-bottom: 20px;
    padding: 16px 10px;
}

fieldset fieldset legend {
    font-size: 120%;
    font-weight: normal;
}

fieldset fieldset div {
    clear: left;
    margin: 0 20px;
}

form div {
    clear: both;
    padding: .5em;
    vertical-align: text-top;
}

form#estatico div{
    clear: none;
    padding: 0;
}

form div.input {
    color: #444;
}

form div.required {
    color: #333;
    font-weight: bold;
}

form div.submit {
    border: 0;
    clear: both;
    margin-top: 10px;
    margin-left: 140px;
}

label {
    display: block;
    font-size: 110%;
}

input, textarea {
    clear: both;
    font-size: 140%;
    font-family: "Frutiger Linotype", "Lucida Grande", Verdana, sans-serif;
    padding: 2px;
    width: 100%;
}

select {
    clear: both;
    font-size: 120%;
    vertical-align: text-bottom;
}

select[multiple = multiple] {
    width: 100%;
}

option {
    font-size: 120%;
    padding: 0 3px;
}

input[type = checkbox] {
    clear: left;
    float: left;
    margin: 0px 6px 7px 2px;
    width: auto;
}

input[type = radio] {
    float: left;
    width: auto;
    margin: 0 3px 7px 0;
}

div.radio label {
    margin: 0 0 6px 20px;
}

input[type = submit], input.submit {
    display: inline;
    font-size: 110%;
    padding: 2px 5px;
    width: auto;
    vertical-align: bottom;
}

input.submit.green, input.submit.green:hover {
    background-color: #80CF12;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 0;
    padding: 5px;
    color: #fff;
}

input.rut {
    text-transform: uppercase;
}

form.horizontal div.text label, form.horizontal div.select label, form.horizontal div.password label, form.horizontal div.date label, form.horizontal div.textarea label {
    float: left;
    padding-top: 5px;
    text-align: right;
    width: 10em;
    margin-right: 1em;
}

form.horizontal div.text input, form.horizontal div.select select, form.horizontal div.date select {
    clear: none;
}

form.horizontal div.text input, form.horizontal div.select select, form.horizontal div.textarea textarea {
    clear: none;
    width: 300px;
}

form.horizontal div.error-message {
    margin-left: 12em;
}

form.horizontal div.radio {
    position: relative;
}

form.horizontal div.radio fieldset {
    border: 0;
    padding: 1px 0 0 11em;
    width: auto;
}

form.horizontal div.radio fieldset legend span {
    display: block;
    left: 15px;
    padding-right: 10px;
    position: absolute;
    text-align: right;
    top: 0.5em;
    width: 10em;
}

form.horizontal div.radio input {
    clear: none;
    float: none;
    margin: 0 0 0 12px;
    padding: 0;
}

form.horizontal div.radio label {
    margin: 0 10px 0 5px;
    display: inline;
}

form.horizontal div.multiplecheckbox {
    position: relative;
}

form.horizontal div.multiplecheckbox div.checkbox {
    margin-left: 12em;
}

form.horizontal div.multiplecheckbox > label {
    position: absolute;
    width: 140px;
    top: 10px;
    left: 0;
    text-align: right;
}

form.horizontal div.multiplecheckbox div.checkbox label {
    float: left;
}

form div.verticalradio {
    position: relative;
}

form div.verticalradio > label {
    position: absolute;
    width: 140px;
    top: 10px;
    left: 0;
    text-align: right;
}

form div.verticalradio label {
    float: left;
}

form.div0 div {
    padding: 0;
}

.box-nota {
    background:url("../img/nota90x74.png") no-repeat scroll 0 0 transparent;
    float:left;
    height:70px;
    margin-left:6px;
    padding:4px;
    text-align:center;
    width:83px;
}
    .box-nota span {
        font-size:30px;
        font-weight:bold;   
        line-height: 40px;
        display:block;
    }
    .chica {
        font-size: 20px!important;
    }

div.detalle {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color:#D7E9A0;
    font-size:12px;
    margin:0 15px;
    float:right;
    overflow:hidden;
    padding:5px 15px 5px;
    width: 300px;
}
 
.resumen {
    -moz-border-radius:0px 0px 8px 8px;
    -khtml-border-radius:0px 0px 8px 8px;
    -webkit-border-radius:0px 0px 8px 8px;
    background-color: #eeeeee;
    border:1px solid #d5d5d5;
    padding: 10px 15px 15px;
}
    .resumen input {
        width: 400px;
    }
    .resumen input[type="submit"] {
        margin-left: 100px;
        width: 400px;
    }
    .resumen h3 {
        padding: 0 10px 10px;
    }
    .resumen h3.rojo {
        color: #ce2727;
    }
    /* requerimiento mallas academicas */
    .resumen .herramientas {
        -moz-border-radius: 8px;
        -khtml-border-radius: 8px;
        -webkit-border-radius: 8px;
        background-color: #ffffff;
        border: 1px solid #b3b8ba;
        margin: 10px auto;
        overflow: hidden;
        padding: 10px 15px;
    }

    .herramientas a.boton {
       color: #333;
       background-color: #fff;
       border:1px solid #ccc !important;
       display: inline-block;
       padding: 6px 12px;
       margin-left: 2px;
       margin-right: 2px;

    }
    .herramientas a.boton:hover {
        background-color: #e6e6e6;
        border:1px solid #adadad !important;
    }
    /* requerimiento mallas academicas */


.resumen-head {
    background:url("../img/head_resumen.png") repeat-x scroll 0 0 #FFFFFF;
    padding:0 12px 0;
    -moz-border-radius:8px;
    -khtml-border-radius:8px;
    -webkit-border-radius:8px;
    margin-bottom: -5px;
    position:relative;
    z-index:1;
}
    .resumen-head h3.up {
        background:url("../img/plus.png") no-repeat scroll right 50% transparent;
        cursor:pointer;
        color:#FFFFFF;
        font-size:14px;
        font-weight:normal;
        height:30px;
        line-height:30px;
        padding:0 10px;
    }
    
    .resumen-head h3.down {
        background:url("../img/minor.png") no-repeat scroll right 50% transparent;
        cursor:pointer;
        color:#FFFFFF;
        font-size:14px;
        font-weight:normal;
        height:30px;
        line-height:30px;
        padding:0 10px;
    }


.curso {
    -moz-border-radius:8px;
    -khtml-border-radius:8px;
    -webkit-border-radius:8px;
    background-color: #ffffff;
    overflow:hidden;
}

.diploma {
    background:url("../img/head_diplomas.png") repeat-x scroll 0 0 #FFFFFF;
}

.persona-detalle {
    -moz-border-radius:8px;
    -khtml-border-radius:8px;
    -webkit-border-radius:8px;
    background-color: #ffffff;
    width:780px;
    border: 2px solid #b3b8ba;
    margin:10px auto;
    overflow:hidden;
}
.border-diploma {
    border-color: #D5D5D5;
    background-color: #c1dfe6;
}

.campus {
    background:url("../img/head_campus.png") repeat-x scroll 0 0 #FFFFFF;
}
.border-campus {
    background:#ffffff;
    
}


/* ----------- stylized ----------- */
#stylized, .stylized {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #FFFFFF none repeat scroll 0 0;
    border: 1px solid #058FBC;
    margin: 0.5em auto;
}

#stylized h1, .stylized h1 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 8px;
}

#stylized p, .stylized p {
    font-size: 11px;
    margin-bottom: 20px;
    border-bottom: solid 1px #058FBC;
    padding-bottom: 10px;
    color: #464646;
}

#stylized label, .stylized label, .stylized div.label, #stylized div.label {
    display: block;
    font-weight: bold;
    text-align: right;
    width: 140px;
    float: left;
    clear: both;
}

#stylized .small, .stylized .small {
    color: #666666;
    display: block;
    font-size: 0.9em;
    font-weight: normal;
    text-align: right;
    width: 140px;
}

#stylized input, #stylized select, #stylized div.input, #stylized textarea, .stylized input, .stylized select, .stylized div.input, .stylized textarea {
    float: left;
    font-size: 1em;
    padding: 4px 2px;
    border: solid 1px #aacfe4;
    width: 200px;
    margin: 2px 0 20px 10px;
}

#stylized textarea, .stylized textarea {
    font-size: 1.3em;
}

#stylized li input, .stylized li input {
    width: auto;
    margin: 0;
    padding: 0;
    float: none;
}

#stylized div.input, .stylized div.input {
    display: inline-block;
    margin-top: -20px;
    border: 0;
}

#stylized input.input-radio, .stylized input.input-radio {
    float: none;
    padding: 0;
    width: 10px;
    margin: 0;
}

#stylized .mceEditor, .stylized .mceEditor {
    float: left;
    font-size: 1em;
    padding: 4px 2px;
    width: 200px;
    margin: 2px 0 20px 10px;
}

.form-error {
    border: solid 1px red;
}

#stylized div.error_message, .stylized div.error_message {
    clear: both;
    margin-left: 150px;
    color: red;
    font-size: 0.9em;
}

#stylized div.message, .stylized div.message {
    clear: both;
    margin-left: 150px;
    font-size: 0.9em;
}

#stylized button, .stylized button {
    clear: both;
    margin-left: 150px;
    width: 125px;
    height: 31px;
    text-align: center;
    line-height: 130%;
    font-size: 11px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #E5E5E5 none repeat scroll 0% 0%;
    border: 1px solid #B1B1B1;
    color: #224466;
    cursor: pointer;
}

/* -------------- all forms ---------------- */
input[type = submit], input[type = button], button {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #464646;
    background: #ffffff;
    font-size: 11px;
    font-weight: normal;
    cursor: pointer;
    line-height: 130%;
    width: auto;
    padding: 2px 5px 3px 5px;
}

input[type = submit]:hover, input[type = button]:hover, button:hover {
    border: 1px solid #B1B1B1;
    background: #CEE1EF none repeat scroll 0 0;
    color: #142B36;
}

div.checklist {
    margin-top: -10px;
}

.checklist span {
    cursor: default;
    display: block;
    float: left;
    font-size: 10px;
    line-height: 2em;
    margin: 0 5px 5px 0;
    white-space: nowrap;
    background: #dddddd;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 0 10px 0 20px;
}

.checklist span a {
    cursor: pointer;
    display: block;
    float: left;
    height: 10px;
    margin: 6px 0 0 -13px;
    overflow: hidden;
    position: absolute;
    text-indent: -9999px;
    width: 10px;
}

a.tag-delete {
    display: block;
    float: left;
    cursor: pointer;
    height: 10px;
    margin: 6px 0 0 -13px;
    overflow: hidden;
    position: relative;
    text-indent: -9999px;
    width: 10px;
}

.checklist span a, a.tag-delete {
    background: transparent url(../img/xit.gif) no-repeat scroll 0 0;
}

.checklist span a:hover, a:hover.tag-delete {
    background: transparent url(../img/xit.gif) no-repeat scroll -10px 0;
}

ul.menu {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}

ul.menu li {
    float: left;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-radius-bottomright: 3px;
    border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-radius-bottomleft: 3px;
    border-radius-bottomleft: 3px;
    background: #E4F2FD none repeat scroll 0% 0%;
    color: #555555;
    margin: 0 1px 1px 1px;
}

ul.menu li a:hover {
    color: #FFFFFF;
    background: #333333 none repeat scroll 0% 0%;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-radius-bottomright: 3px;
    border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-radius-bottomleft: 3px;
    border-radius-bottomleft: 3px;
}

ul.menu li a {
    color: #999999;
    display: block;
    font-size: 11px;
    font-weight: normal;
    line-height: 25px;
    padding: 0pt 5px;
}

p.alert, div.error_message, p.success, p.info, p.information, p.error {
    background-position: 15px 50%!important;
    text-align: left;
    padding: 5px 20px 5px 45px;
    margin: 5px 0;
}
div.error_message {
    color: #000;
}
p.alert, div.error_message {
    background: #fff6bf url(../img/icons/error.png) center no-repeat;
    border-top: 2px solid #ffd324;
    border-bottom: 2px solid #ffd324;
}
p.success {
    background: #EEF4D4 url(../img/icons/accept.png) center no-repeat;
    border-top: 2px solid #8FAD3D;
    border-bottom: 2px solid #8FAD3D;
}
p.error {
    background: #F6CBCA url(../img/icons/exclamation.png) center no-repeat;
    border-top: 2px solid #CB2026;
    border-bottom: 2px solid #CB2026;
}
p.info, div.info, p.information, div.information {
    background: #F8FAFC url(../img/icons/information.png) center no-repeat;
    border-top: 2px solid #B5D4FE;
    border-bottom: 2px solid #B5D4FE;
}

.error-message,
.error_message {
    color: red;
}

/*----------------------------------------------------*/
.center { text-align: center!important; }
.left { text-align: left!important; }
.right { text-align: right!important; }
.float-center { margin: 0 auto; }
.float-left { float: left!important; }
.float-right { float: right!important; }
.hand { cursor: pointer!important; }
.clearfix { overflow: hidden; width: 100%; }
.w100 { width: 100%!important; }
.w50 { width: 50%!important; }
.inline { display: inline!important; }
.block { display: block!important; }
.relative { position: relative!important; }
.absolute { position: absolute!important; }
.border-radius-10 {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.border-radius-5 {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.noradius {
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}
.small {
    font-size: 9px;
    font-style: normal;
}
/*----------------------------------------------------*/
table.datagrid, table.queries {
    width: 99.8%;
    margin: 10px auto;
    border-collapse: collapse;
    clear: both;
}

table.datagrid thead tr th:first-child {
    -moz-border-radius-topleft: 10px;
    -webkit-border-radius-topleft: 10px;
    border-radius-topleft: 10px;
    min-width: 20px;
    padding-left: 10px;
}

table.datagrid thead tr th:last-child {
    -moz-border-radius-topright: 10px;
    -webkit-border-radius-topleft: 10px;
    border-radius-topleft: 10px;
    min-width: 20px;
    padding-right: 10px;
}

table.datagrid thead tr th {
    font-size: 11px;
    color: #FFF;
    background: #888;
    font-weight: bold;
    text-align: center;
    margin: 0;
    height: 30px;
    vertical-align: middle;
    padding: 0 5px;
}

table.datagrid.grupoNota thead tr th { 
    background: #5B7986;
}

table.datagrid thead tr th span {
    font-weight: 100 !important;
    font-size: 80%;
    color: #000;
}

table.datagrid thead tr th a {
    color: #DBDBDB;
    text-decoration: underline;
}

table.datagrid thead tr td {
    text-align: center;
    background-color: #ddd;
    vertical-align: middle;
    border: 1px solid #ccc;
}

table.datagrid tbody tr {
    background: #FFFFFF none repeat scroll 0 0;
}

table.datagrid tbody tr td {
    background: transparent;
    border: 1px solid #ccc;
    font-size: 11px;
    margin: 0;
    padding: 2px;
}

    table.datagrid tbody tr td.hover {
        background-color: #aeaeae!important;

    }
table.datagrid tbody tr:hover {
    background: #E3E3E3 none repeat scroll 0 0;
}
table.datagrid tbody tr.cierre {
    background-color: #a4dff5;
}

table.datagrid tbody tr.alt, table.datagrid tbody tr td.alt {
    background: #F4F4F4 none repeat scroll 0 0;
}

    table.datagrid tbody tr:nth-child(odd) td {
        background:#F4F4F4 none repeat scroll 0 0;
    }
        table.datagrid tbody tr.cierre:nth-child(odd) td {
            background-color: #a4dff5;
        }
table.datagrid tfoot tr td {
    /*border: 1px solid #D5E6F9;
    */ /*border-top: 0px solid #ffffff;
    */ font-size: 11px;
    background: #EEF5FD url(../img/tfoot-border-top.gif) 0 -1px repeat-x;
    margin: 0 0 16px 0;
    padding: 15px 5px; 
}
 
/* ----------- debug ------------ */
table.queries { width: 95%; }
    table.queries caption {
        text-align: center;
        font-weight: bolder;
        border: 1px #ccc solid;
        background: green; 
    }
    table.queries thead th {
        background: #ccc;
        color: #111;
    }
    table.queries tbody td {
        background: #fff;
        color: #000;
        padding: 5px;
        border: 1px #ccc solid; 
    }
pre.debug, pre.debug-details {
    width: 93%;
    margin: 0 auto;
    background: yellow; 
}
pre.debug-details { background: white; }

/** Prototype Autocomplete **/
div.autocomplete {
    position:absolute;
    width:250px;
    background-color:white;
    border:1px solid #888;
    margin:0;
    padding:0; 
}
    div.autocomplete ul {
        list-style-type:none;
        margin:0;
        padding:0; 
    }
        div.autocomplete ul li.selected { background-color: #CEE1EF; }
        div.autocomplete ul li {
            list-style-type:none;
            display:block;
            margin:0;
            padding:2px;
            cursor:pointer; 
        }
            div.autocomplete ul li span.informal {
                display: block;
                color: #bbbbbb; 
            }
 
/** * Enlaces con botones */
a.button {
    display: inline-block;
    font-family:Arial,Helvetica,sans-serif;
    border:1px solid #6DACCD;
    background:#FFFFFF none repeat scroll 0 0;
    font-size:9pt;
    padding: 0.1em 0.5em;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    font-weight:bold;
    color:#058FBC;
}
    a.button:hover {
        background:#2DABD5 none repeat scroll 0 0;
        border:1px solid #2DABD5;
        color:#024F68; 
    }
a.back {
    padding-left: 25px;
    background: #FFFFFF url(../img/icons/arrow_left.png) 5px center no-repeat; 
}
    a.back:hover { background: #2DABD5 url(../img/icons/arrow_left.png) 5px center no-repeat; }
a.go {
    padding-right: 25px;
    background: #FFFFFF url(../img/icons/arrow_right.png) 98% center no-repeat; 
}
    a.go:hover { background: #2DABD5 url(../img/icons/arrow_right.png) 98% center no-repeat; }
a.edit {
    padding-left: 25px;
    background: #FFFFFF url(../img/icons/page_edit.png) 5px center no-repeat; 
}
    a.edit:hover { background: #2DABD5 url(../img/icons/page_edit.png) 5px center no-repeat; }
a.search {
    padding-left: 25px;
    background: #FFFFFF url(../img/icons/magnifier.png) 5px center no-repeat;
}
    a.search:hover { background: #2DABD5 url(../img/icons/magnifier.png) 5px center no-repeat; }
a.add {
    padding-left: 25px;
    background: #FFFFFF url(../img/icons/add.png) 5px center no-repeat; 
}
    a.add:hover { background: #2DABD5 url(../img/icons/add.png) 5px center no-repeat; }
 
div.paginator {
    background:#EEF5FD none repeat scroll 0 0;
    border:1px solid #D5E6F9;
    display:table;
    margin:16px auto;
    padding:15px 0;
    clear:both;
    width:900px;
    color:#333333; 
}
 
    div.paginator div.div_accion {
        float:left;
        margin-left:8px; 
    }
 
    div.paginator div.paginacion {
        float:right;
        font-size:10pt;
        margin-right:10px; 
    }
 
/** * Theme Jquery UI */
.ui-widget-content a { color: #2583AD; }

/* Tooltip.js */
.tooltip-aviso {
    position: absolute;
    z-index: 100;
    display: none;
    width: 150px;
    border: 1px solid #A5C9FF;
    font-size: 90%;
    padding: 2px;
    background: #E0ECFF url(../img/pointer.gif) no-repeat -10px 5px;
    height: auto!important;
    /* para los browsers buenos */ height: 25px;
    /* para IE5+ */ min-height: 25px;
    /* para los browsers buenos */; 
}
 
    .tooltip-aviso .tooltip-pointer {
        position: absolute;
        left: -10px;
        top: 5px;
        width: 10px;
        height: 19px;
        background: url(../img/pointer.gif) left top no-repeat; 
    }
 
.tooltip-aviso-horizontal { background: #E0ECFF url(../img/pointer-horizontal.gif) no-repeat 5px -10px; }
 
    .tooltip-aviso-horizontal .tooltip-pointer-horizontal {
        position: absolute;
        top: -10px;
        left: 10px;
        width: 19px;
        height: 10px;
        background: url(../img/pointer-horizontal.gif) center top no-repeat; 
    }
/** estados **/
.estado-bueno, .estado-critico, .estado-medio {
    padding-left: 25px!important;   
}
    .estado-bueno { background: transparent url(../img/simbolos/bueno_16.png) no-repeat 5px 5px!important; }
    .estado-critico { background: transparent url(../img/simbolos/critico_16.png) no-repeat 5px 5px!important; }
    .estado-medio { background: transparent url(../img/simbolos/medio_16.png) no-repeat 5px 5px!important; }
.contador {
    color: #fff;
    text-align: center;
    height: 20px;
    width: 20px;
    float: left;
    margin-right: 5px;
}
    .contador.bueno { background: transparent url(../img/simbolos/bueno.png) no-repeat left center!important; }
    .contador.critico { background: transparent url(../img/simbolos/critico.png) no-repeat left center!important; }
    .contador.medio { background: transparent url(../img/simbolos/medio.png) no-repeat left center!important; }
    .contador.normal { background-color: #1BB2C3!important; width: auto; padding: 0 5px; }
    .contador.revision_prueba { background: transparent url(../img/simbolos/revision_prueba.png) no-repeat left center!important;}

.icon16 { padding-left: 25px!important; }
    .icon16.clock { background: transparent url(../img/basic/clock_16.png) no-repeat left center!important; }

.icon32 { padding-left: 35px!important; height: 32px; vertical-align: text-bottom; line-height: 32px; }
    .icon32.clock { background: transparent url(../img/basic/clock_32.png) no-repeat left center!important; }
    .icon32.calendar { background: transparent url(../img/basic/calendar_32.png) no-repeat left center!important; }
    .icon32.info { background: transparent url(../img/basic/info_32.png) no-repeat left center!important; border: 0; }  

h1.accesos {
    position: relative;
    border-bottom: 1px #39929e solid;
    padding: 0 0 5px 40px;
}
    h1.accesos.graficos { border-color: #8ebc05; }
    h1.accesos span {
        position: absolute;
        bottom: 10px;
        left: 0;
        font-size:50px;
        color: #39929e;
    }
        h1.accesos.graficos span { color: #8ebc05; }

.circle {
    padding: 4px 6px;
    color: #fff;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
}
.action {
    display: block;
    color: #fff;
    /*width: 100px;*/
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border: 0!important;
    border-radius:5px;
    text-align: center;
    margin: 0 2px;
        padding: 0 5px;
}
    .action.autosize {
        padding-left: 5px;
        padding-right: 5px;
        width: auto;
    }
    .green { background-color: #7EBF19!important; }
    .red { background-color: #F42E21; }
    .orange { background-color: #FF8B10; }
    .blue { background-color: #1AB3C1; }

.form-blue {
    border: 1px #1AB3C1 solid;
    background-color: #E5EFF0;
}   
    .form-blue div.submit input, .form-grey div.submit input {
        background-color: #1AB3C1;
        border: 0;
        color: #fff;
    }
.form-grey {
    border: 1px #aeaeae solid;
    background-color: #EEEEEE;
    margin-top: 125px;
}
    .form-grey div.input, .form-grey div.submit {
        margin-left: 20px;
        float: left;
        clear: none;
    }
    .form-grey div.submit {
        width: 70px;
        margin-left: 5px;
        margin-top:20px;
    }

/* seguimiento sence*/
div#sence {
    border-top: 1px #cccccc solid;
    padding-top: 5px;
    margin: 0 auto;
    clear: both;
}
    div#sence div#simbolos {
        width: 260px;
        border: 1px #cccccc solid;
        float: left;
        padding: 5px 20px 7px 20px;
        height: 250px;
    }
/* seguimiento sence*/
    

/** simbologia **/
div#simbologia {
    border-top: 1px #cccccc solid;
    padding-top: 5px;
    margin: 0 auto;
    clear: both;
}
    div#simbologia div#simbolos {
        width: 260px;
        border: 1px #cccccc solid;
        float: left;
        padding: 5px 20px 7px 20px;
        height: 230px;
    }
        div#simbologia div#simbolos td {
            padding-right: 20px;
            padding-bottom: 6px;
        }
    div#simbologia div#status {
        width: 70px;
        border: 1px #cccccc solid;
        border-left: 0;
        float: left;
        padding: 5px 20px;
        height: 230px;
    }
        div#simbologia div#status ul {
            margin: 3px 0 0 0;
            padding: 0;
        }
            div#simbologia div#status ul li {
                padding: 3px 0;
            }
/** Tabs **/
.contenedor-tabs {
    top: 250px;
    width: 100%;
    left: 0;
    position: absolute;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
}
#new-style-tabs {
    background: none;
    width: 940px;
    margin: 0px auto;
    position: relative;
    top:0;
    padding: 15px 8px 0px 10px;
}
ul.tabs {
    background: none repeat scroll 0 0 #5C7A86;
    list-style: none outside none;
    margin: 0;
    padding: 5px 10px;
    position: absolute;
    top: 100px;
    width: 920px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
ul.tabs li {
    float: left;
    height: 20px;
    line-height: 20px;
    margin: 0 1px;
    overflow: hidden;
    padding: 0;
    position: relative;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 0px 0px 0px 0px;
    margin-right: 20px;
}
ul.tabs li a {
    color: #9c9c9c;
    display: block;
    outline: medium none;
    padding: 0 0px;
    text-decoration: none;
    font-size: 15px;
}
ul.tabs li a:hover {

    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 0px 0px 0px 0px;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
        border-bottom: 5px solid #CC0000;
    color: #3f4c51;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 0px 0px 0px 0px;
}
html ul li.active a {
    color: #3f4c51;
}
div.reply {
    padding: 5px;
    background-color: #EEEEEE;
    border: 1px #AAAAAA solid;
    width: 100%;    
}
    div.reply.ayudante {
        background-color: #D4E2ED;
    }

div.dashboard {
    float: left;
    width: 200px;
    border-right: 1px #cccccc solid;
    padding-right: 10px;
}
div.content-page {
    float: left;
    clear: none;
    width: 700px;
    margin-left: 20px;
}
ul#accesos-secciones, ul#accesos-subsecciones {
    padding: 0;
    width: 190px;
}
ul#accesos-subsecciones {
    margin-top: 15px;
}
    ul#accesos-secciones li, ul#accesos-subsecciones li {
        padding: 0;
        margin-bottom: 2px;
    }
    ul#accesos-subsecciones li {
        float: left;
    }
        ul#accesos-secciones li a {
            background: #98a2a8 url(../img/accesos-menu-secciones.jpg) left -30px no-repeat;
            display: block;
            height: 30px;
            color: #fff;
            padding-left: 30px;
            line-height: 28px;
        }
        ul#accesos-secciones li.active a, ul#accesos-secciones li a:hover {
            background: #98a2a8 url(../img/accesos-menu-secciones.jpg) left 0px no-repeat;
        }
        ul#accesos-subsecciones li a {
            display: block;
            height: 25px;
            width: 95px;
            color: #fff;
            line-height: 28px;
            text-align: center;
        }
            ul#accesos-subsecciones li.informacion a { background: #39929e url(../img/accesos-menu-secciones.jpg) left -60px no-repeat; }
            ul#accesos-subsecciones li.graficos a { background: #8ebc05 url(../img/accesos-menu-secciones.jpg) right -60px no-repeat; }
            ul#accesos-subsecciones li.guardar a { background: #ca8500 url(../img/accesos-menu-secciones.jpg) left -85px no-repeat; }
            ul#accesos-subsecciones li.imprimir a { background: #c9534a url(../img/accesos-menu-secciones.jpg) right -85px no-repeat; }
hr {
    border: 1px #cccccc solid;
}
form#filtros {
    background: #dddddd;
    border: 1px #bbbbbb solid;
    width: 180px;
    margin: 20px 0 0 0!important;
    padding: 5px;
    border-radius: 5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
    form#filtros h5 {
        padding: 0;
        text-align: center;
        background: transparent url(../img/basic/search_16.png) 15px center no-repeat;
    }
    form#filtros a {
        clear: both;
        color: #606060;
        display: block;
        background: transparent url(../img/accesos-menu-secciones.jpg) left -110px no-repeat;
        padding-left: 30px;
        height: 25px;
        line-height: 25px;
        margin-bottom: 3px;
    }
        form#filtros a:hover, form#filtros a.active {
            color: #fff;
            background: transparent url(../img/accesos-menu-secciones.jpg) left -135px no-repeat;
        }
    form#filtros select {
        margin: 15px 0 5px 0;
        width: 180px;
    }
div#menu-botones a {
    float: left;
    display: block;
    width: 160px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: #fff;
    margin: 10px 2px;
    background: transparent url(../img/accesos-menu-secciones.jpg) left -185px no-repeat;
}
    div#menu-botones a.active, div#menu-botones a:hover {
        background: transparent url(../img/accesos-menu-secciones.jpg) left -160px no-repeat;
    }
div#menu-botones dl {
    float: right;
    width: 200px;
}

div#menu-botones dl dd {
    margin-bottom: 5px;
}
div.contador-articulos-vistos, div.contador-articulos-descargados {
    clear: none;
    float: left;
    width: 60px;
    height: 20px;
    text-align: center;
    border: 1px black solid; 
}
    div.contador-articulos-vistos {
        border: 1px #1f95db solid;
        background-color: #e5e5e5;
    }
    div.contador-articulos-descargados {
        border: 1px #e5e5e5 solid;
        background-color: #fff;
    }

tr.activo td, .activo {
    background-color: #f4f4f4!important;
}
    tr.activo.hibrido td, .activo.hibrido {
        background-color: #cccccc!important;
    }
tr.inactivo td, .inactivo {
    background-color: #f0c8da!important;
}
    tr.inactivo.hibrido td, .inactivo.hibrido {
        background-color: #e396a4!important;
    }
tr.nuevo td, .nuevo{
    background-color: #FFFF99!important;
}
    tr.nuevo.hibrido td, .nuevo.hibrido {
        background-color: #FFFF00!important;
    }
tr.recuperada td, .recuperada {
    background-color: #fffac0!important;
}
    tr.recuperada.conprofesor td, .recuperada.conprofesor {
        background-color: #F7D358!important;    
    }
    
tr.cancelada td, .cancelada {
    background-color: #ffebed!important;
}
    tr.cancelada.conprofesor td, .cancelada.conprofesor {
        background-color: #F6CED8!important;    
    }

tr.reagendada td, .reagendada {
    background-color: #A9DBF5!important;
}
    tr.reagendada.conprofesor td, .reagendada.conprofesor {
        background-color: #A9B8F5!important;    
    }    
    
tr.clasenormal td, .clasenormal {
    background-color: #D8F6CE!important;
}
    tr.clasenormal.conprofesor td, .clasenormal.conprofesor {
        background-color: #BCF5A9!important;    
    }
tr.provisorio td, .provisorio {
    background-color: #c8e6f0!important;
}
tr.intensivo td, .intensivo {
    background-color: #ffa454 !important;
}
    tr.provisorio.hibrido td, .provisorio.hibrido {
        background-color: #93c2d2!important;
    }
tr.congelado td, .congelado {
    background-color: #96eb98!important;
}
    tr.congelado.hibrido td, .congelado.hibrido {
        background-color: #66d869!important;
    }
span.inactivo {
    color: #e396a4;
}
span.nuevo {
    color: #FFFF99;
}
span.provisorio {
    color: #93c2d2;
}
span.congelado {
    color: #252525;
}
span.hibrido {
    background-color: #dfe972;
    color: #252525;
}
.tmm {
    background-color: #E35E23;
}
/* paginacion */
#paginacion {
    margin: 0 0 3em 0;
    text-align: center;
    clear: both;
}
    #paginacion * {
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -khtml-border-radius: 4px;
        -ms-border-radius: 4px; 
        border-radius: 4px;
    }
    #paginacion a, span.current {
        border: 1px solid #6DACCD;
    }
    #paginacion a:hover {
        color: #FFF;
        background: #2DABD5;
        border: 1px solid #2DABD5;
    }
    span.current {
        color: #FFF;
        background: url(../img/paginacion_fondo-current.png) repeat-x !important;   
    }
    a.pg-as, #paginacion span {
        font-weight: bold;
    }
    span.pg-as-off {
        color: #CCC;
    }
    a:hover.pg-as {
        color: #002E5B !important;
    }
    span.pg-as-off, a.pg-as {
        border: 1px solid #FBFDFF !important;
        background: transparent !important;
    }
    
    #paginacion a, span.pg-as-off, span.current {
        padding: 3px 6px;
    }
    
    .ie6 #paginacion a:hover.pg-as{
        color: #002E5B;
    }
div.persona {
    
}
    div.persona div.detalles, div.persona img.avatar {
        float: left;
    }
    div.persona div.detalles {
        margin-left:55px;
        width: 800px;
    }
    div.persona img.avatar {
        border:2px solid #E5E5E5;
        margin:5px 15px;
        width:80px;
    }
        div.persona div.detalles ul li {
            background-color: #F2F2F2;
            margin: 4px;
            padding-bottom: 5px;
            padding-left: 120px;
            position: relative;
        }
            div.persona div.detalles ul li strong {
                position: absolute;
                left: 0;
                width: 110px;
                margin-left: 5px;
            }
    div.persona div.detalles h4 {
        padding-bottom: 0px;
    }

ol.items {
    list-style: decimal;
    margin-left:5px;
}
ol.items li div ul li {
    margin: 0pt 0pt 0pt 15px; 
    padding: 0pt; 
    list-style-type: upper-alpha;   
}
    ol.items li div ul li.correcta {
        font-weight: bold;
        color: green;
    }
    ol.items li div ul li.incorrecta {
        font-weight: bold;
        color: red;
    }

    /*ol.items li div ul li.checkbox, ol.items li div ul li.radio {
        padding-left: 20px;
    }
    ol.items li div ul li.checkbox {
        background: url("../img/form/checkbox.png") no-repeat scroll 0 4px transparent;
    }
    ol.items li div ul li.checkbox.checked {
        background: url("../img/form/checkbox-checked.png") no-repeat scroll 0 4px transparent;
    }
    ol.items li div ul li.radio {
        background: url("../img/form/radio.png") no-repeat scroll 0 4px transparent;
    }
    ol.items li div ul li.radio.checked {
        background: url("../img/form/radio-checked.png") no-repeat scroll 0 4px transparent;
    }*/
.segmento {
    clear:none;
    color:#606060;
    display:block !important;
    float:left;
    padding:0 0 0 5px !important;
    text-align:left;
    width:140px;
}
    .segmento.hover {
        background-color: #cccccc;
    }
/*
 * Botones CSS3
 */
/* Button Pack CSS */


/* red button */

#red_button {
    font-size:13px; 
    outline:none;
    font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
    font-weight:bold;
    line-height:1;
    text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
}

#red_button {
    -moz-border-radius:5px;
    -khtml-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:4px;
    -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
    border:0 none;
    color:#FFFFFF;
    cursor:pointer;
    display:inline-block;
    padding:10px;
    text-decoration:none;
    text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
    background-color: #EC2A39;
}

#red_button:hover {
    background-color:#CD2432;
}


/* blue button */

#blue_button {
    font-size:13px; 
    outline:none;
    font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
    font-weight:bold;
    line-height:1;
    text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
}

#blue_button {
    -moz-border-radius:5px;
    -khtml-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:4px;
    -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
    border:0 none;
    color:#FFFFFF;
    cursor:pointer;
    display:inline-block;
    padding:10px;
    text-decoration:none;
    text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
    background-color: #2DAEBF;
}

#blue_button:hover {
    background-color:#007D9A;

}




/* green button */

#green_button {
    font-size:13px; 
    outline:none;
    font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
    font-weight:bold;
    line-height:1;
    text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
}

#green_button {
    -moz-border-radius:5px;
    -khtml-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:4px;
    -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
    border:0 none;
    color:#FFFFFF;
    cursor:pointer;
    display:inline-block;
    padding:10px;
    text-decoration:none;
    text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
    background-color: #9BD533;
}

#green_button:hover {
    background-color:#6F9B25;
}




/* pink button */

#pink_button {
    font-size:13px; 
    outline:none;
    font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
    font-weight:bold;
    line-height:1;
    text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
}

#pink_button {
    -moz-border-radius:5px;
    -khtml-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:4px;
    -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
    border:0 none;
    color:#FFFFFF;
    cursor:pointer;
    display:inline-block;
    padding:10px;
    text-decoration:none;
    text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
    background-color: #D50751;
}

#pink_button:hover {
    background-color:#A1053E;
}




/* orange button */

#orange_button {
    font-size:13px; 
    outline:none;
    font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
    font-weight:bold;
    line-height:1;
    text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
}

#orange_button {
    -moz-border-radius:5px;
    -khtml-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:4px;
    -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
    border:0 none;
    color:#FFFFFF;
    cursor:pointer;
    display:inline-block;
    padding:10px;
    text-decoration:none;
    text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
    background-color: #F2820F;
}

#orange_button:hover {
    background-color:#C2670D;
}




/* dark blue button */

#drk_blue_button {
    font-size:13px; 
    outline:none;
    font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
    font-weight:bold;
    line-height:1;
    text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
}

#drk_blue_button {
    -moz-border-radius:5px;
    -khtml-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:4px;
    -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
    border:0 none;
    color:#FFFFFF;
    cursor:pointer;
    display:inline-block;
    padding:10px;
    text-decoration:none;
    text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
    background-color: #4090FC;
}

#drk_blue_button:hover {
    background-color:#295CA2;
}




/* grey button */

#grey_button {
    font-size:13px; 
    outline:none;
    font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
    font-weight:bold;
    line-height:1;
    text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
}

#grey_button {
    -moz-border-radius:5px;
    -khtml-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:4px;
    -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
    border:0 none;
    color:#FFFFFF;
    cursor:pointer;
    display:inline-block;
    padding:10px;
    text-decoration:none;
    text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
    background-color: #ABABAB;
}

#grey_button:hover {
    background-color:#6C6C6C;
}




/* black button */

#black_button {
    font-size:13px; 
    outline:none;
    font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
    font-weight:bold;
    line-height:1;
    text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
}

#black_button {
    -moz-border-radius:5px;
    -khtml-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:4px;
    -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
    border:0 none;
    color:#FFFFFF;
    cursor:pointer;
    display:inline-block;
    padding:10px;
    text-decoration:none;
    text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
    background-color: #2D2D2D;
}

#black_button:hover {
    background-color:#010101;
}




/* purple button */

#purple_button {
    font-size:13px; 
    outline:none;
    font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
    font-weight:bold;
    line-height:1;
    text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
}

#purple_button {
    -moz-border-radius:5px;
    -khtml-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:4px;
    -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
    border:0 none;
    color:#FFFFFF;
    cursor:pointer;
    display:inline-block;
    padding:10px;
    text-decoration:none;
    text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
    background-color: #A253F2;
}

#purple_button:hover {
    background-color:#8142C3;
}


/* Large red button */


#large_red_button {
    font-size:22px;
    outline:none;
    font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
    font-weight:bold;
    line-height:1;
    text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
}

#large_red_button {
    -moz-border-radius:7px;
    -khtml-border-radius:7px;
    -webkit-border-radius:7px;
    border-radius:8px;
    -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
    border:0 none;
    color:#FFFFFF;
    cursor:pointer;
    padding:17px;
    text-decoration:none;
    text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
    background-color: #EC2A39;
}

#large_red_button:hover {
    background-color:#CD2432;
}




/* Large blue button */


#large_blue_button {
    font-size:22px;
    outline:none;
    font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
    font-weight:bold;
    line-height:1;
    text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
}

#large_blue_button {
    -moz-border-radius:7px;
    -khtml-border-radius:7px;
    -webkit-border-radius:7px;
    border-radius:8px;
    -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
    border:0 none;
    color:#FFFFFF;
    cursor:pointer;
    padding:17px;
    text-decoration:none;
    text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
    background-color: #09C;
}

#large_blue_button:hover {
    background-color:#2081A7;
}





/* Large green button */


#large_green_button {
    font-size:22px;
    outline:none;
    font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
    font-weight:bold;
    line-height:1;
    text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
}

#large_green_button {
    -moz-border-radius:7px;
    -khtml-border-radius:7px;
    -webkit-border-radius:7px;
    border-radius:8px;
    -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
    border:0 none;
    color:#FFFFFF;
    cursor:pointer;
    padding:17px;
    text-decoration:none;
    text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
    background-color: #9BD533;
}

#large_green_button:hover {
    background-color:#6F9B25;
}
/* Button Pack CSS */

ul.barraSuperior {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #FFFFFF;
    height: 40px;
    margin: 10px 0;
    padding: 0 10px;
}
    ul.barraSuperior.verde {
        background-color: #7cc11a;
    }
    ul.barraSuperior li {
        border-right: 1px solid #CCCCCC;
        float: left;
        padding: 10px 20px;
    }
 
 .boton {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
    color: #fff;
    margin: 10px 0;
 }
    .boton:hover, .boton.hover {
        color: #fff;
    }
    .boton.celeste {
        background-color: #00aeef;
    }
        .boton.celeste:hover, .boton.celeste.hover {
            background-color: #0c96c9;
        }
    .boton.gris {
        background-color: #70939e;
    }
        .boton.gris:hover, .boton.gris.hover {
            background-color: #557079;
        }

        
div.administrar_equipos,
div.administrar_materiales_equipos {
    overflow: hidden;
    }
div.administrar_equipos form div,
div.administrar_materiales_equipos form div {
    clear: none;
    vertical-align: baseline;
    }
div.administrar_equipos div.alumnos,
div.administrar_equipos div.equipos,
div.administrar_materiales_equipos div.materiales,
div.administrar_materiales_equipos div.equipos {
    float: left;
    padding: 0 20px;
    width: 425px;
    }
div.administrar_equipos div.equipo,
div.administrar_materiales_equipos div.material {
    padding-left: 80px;
    }
    
div.administrar_equipos div.equipo div.buttons_traspaso,
div.administrar_materiales_equipos div.material div.buttons_traspaso {
    float: left;
    margin-top: 50px;
    margin-left: -80px;
    }
div.administrar_equipos div.equipo div.input.text,
div.administrar_materiales_equipos div.material div.input.text {
    padding-bottom: 10px;
    }
    
div.busqueda {
    margin-bottom: 20px;
}

div.submit input#filtro {
    border: 1px solid #B1B1B1;
    background: #CEE1EF none repeat scroll 0 0;
    color: #142B36;
}
div.submit input#filtro:hover {
    border: 1px solid #FFFFFF;
    background: #00AEEF none repeat scroll 0 0;
    color: #FFFFFF;
}


div#table_container_left_modificada table.datagrid tbody tr td {
    padding: 0;
    height: 3em;
    vertical-align: middle;
}
div#table_container_right_modificada table.datagrid tbody tr td {
    padding: 0;
    height : 3em;
    vertical-align: middle;
}
div#table_container_right_modificada table.datagrid tbody tr td input {
    margin: 0;
    padding: 0;
}
div#table_container_left_notas table.datagrid tbody tr td, 
div#table_container_right_notas table.datagrid tbody tr td{
    height : 29.99px;
}

span a.editPassword {
    background: url('/img/key.png') no-repeat;
    font-size: 10px;
    font-weight: normal;
    padding-bottom: 5px;
    padding-left: 20px;
}

a.editTelefono,
a.editEmail {
    background: url('/img/edit.png') no-repeat;
    width: 16px;
    height: 16px;
}

a.certificado {
    background: url(/img/icons/page_white_acrobat.png) no-repeat;
    margin-left: 15px;
    padding: 3px 0 1px 18px;
}

div.fecha_entrega {
    position: relative;
    height: 50px;
}
div.fecha_entrega div.select,
div.fecha_entrega div.date,
div.fecha_entrega div.checkbox,
div.fecha_entrega div.actions_text {
    position: absolute;
    top: 0;
    left: 150px;
    width: 100px;
}

div.name {
    position: absolute;
    top: 0;
    width: 130px;
}

div.fecha_entrega div.date {
    left: 250px;
    width: 115px;
}
div.fecha_entrega div.checkbox {
    left: 360px;
    width: 200px;
}
div.fecha_entrega div.checkbox input {
    vertical-align: middle;
}
div.fecha_entrega div.date input {
    width: 100px;
}
div.fecha_entrega div.actions_text {
    left: 600px;
    width: 100px;
    line-height: 70px;
}
div.administrar_materiales ol.list li {
    border-bottom: 1px #ccc solid;
    line-height: 25px;
} 
div.administrar_materiales div.actions_text {
    float: right;
    padding: 0;
}
.preguntas {
    width:275px;
    padding-right:10px;


}
.respuestas {
    width:275px;
    padding-left:10px;

}
.containable {
    border: 1px #CCCCCC solid;
    width:22px;
    height:22px;
    padding: 3px;
    margin-bottom:2px;
    text-align:center;
    -moz-border-radius: 5px;
    box-shadow: 0px 1px 5px rgba(0,0,0,0.10);
    background-color:#FFF;
    cursor: move;
}
.form_error {
    border: solid 1px red;
}
.error .error-message {
    padding: 0;
}
/*Alumnos Online*/
.num_alumno{
    width:18px;
    height:18px;
    text-align:center;
    margin-top:4px;
    color:#FFFFFF;
    float:left;
    background-color: #1AB3C1;
    -moz-border-radius: 75px;
    -webkit-border-radius: 75px;
    border-radius: 75px;
}

.num_alumno_nuevos{
    width:18px;
    height:18px;
    text-align:center;
    margin-top:4px;
    color:#FFFFFF;
    float:left;
    background-color: #868A08;
    -moz-border-radius: 75px;
    -webkit-border-radius: 75px;
    border-radius: 75px;
}
/* AlumnosOnlineV2 */
table.datagrid .left, table.datagrid.right {
    padding-left: 10px !important; 
}
table.datagrid .right{
    width: 10%;
}
/* Fin AlumnosOnlineV2 */

span.label-alert {
    background: none repeat scroll 0 0 red;
    border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
    color: #FFFFFF; 
    display: block;
    font-size: 9px;
    line-height: 16px;
    padding: 2px 0;
    text-align: center;
    width: 105px;
}
#table_container_right_modificada .datagrid .pink {
    background: #ffebed;
}
#table_container_right_modificada .datagrid .pinkClaro {
    background: #F6CBCA;
}
#table_container_right_modificada .datagrid .yellow {
    background: #fffad0;
}
#table_container_right_modificada .datagrid .yellowClaro {
    background: #FFF6BF;
}
#table_container_right_modificada .datagrid .center .grisComentario {
    background: #999999;
}

a.ver_pregunta {
    background-color: #00AEEF;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    display: inline;
    float: right;
    font-size: 14px;
    margin-right: 10px;
    padding: 2px 10px;
    width: 70px;
}
body {
      /*background: #ffffff url(../img/header_verde.png) repeat-x; */
     background: #ffffff url(../img/header.png) repeat-x; 
}
/* Seguimiento avance */
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    clear: none;
}
/* Seguimiento avance */
/* buscar cursos */
#search a.search-cursos {
    position: absolute;
    z-index: 1000;
    width:80px;
    margin: 10px 0 0 -140px;
    padding: 3px 15px;
    color: #fff;
    background: #485f69;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
#search a.search-cursos:hover {
    background: none repeat scroll 0 0 #00AEEF;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
}
/* buscar cursos */

#flechas-nav{
    margin-bottom:10px;
    overflow: hidden;
}
#flechas-nav a{
    width: 220px;
    float: left;
    border: 1px solid #1AB3C1;
    background: #FFF;
    color: #1AB3C1;
    margin: 0;
    margin-right: 20px;
    padding: 0; 
}
#flechas-nav a.active{
    float: left;
    background: #1AB3C1;
    color: #FFF;
}
#flechas-nav #flecha-paso4{
    margin-right: 0px;
}
#flechas-nav #flecha-paso4.disabled{
    color: #CCC;
    cursor: default;
}

.form-add div.input.select{
    width: 500px;
    float: left;
    margin: 10px;
}
.form-add div.input.select label{
    width: 110px;
    float: left;
    margin-right: 10px;
    padding: 2px;
}
.form-add div.input.text,
.form-add div.input.checkbox{
    width: 500px;
    float: left;
    margin: 10px;
}
.form-add div.input.text label{
    width: 110px;
    float: left;
    margin-right: 10px;
    padding: 2px;
}
.form-add div.input.text input{
    width: 300px;
    float: left;
    clear: none;
}
.form-add div.input.textarea{
    margin: 10px;
    clear: both;
    float: none;    
}
.form-add div.input.textarea label{
    padding: 2px;   
}
.form-add div.input.textarea textarea{
    resize: none;
    height: 400px;
}


.form-add div.submit{
    clear: both;
    margin-top: 10px;
}

.form-add .btn-avanzar{
    margin-left: 15px;
}

#pasos-container{
    width: 3712px;
    float: left;
}

#paso1, #paso2, #paso3, #paso4{
    width: 918px;
    float: left;
    clear: none;
}

#agregar-filtros{
    margin-left: -20px;
    
}

.filtro-extra select{
    width: 150px;
}

.btn-agregar{
    float: left;
    width: 70px;
    margin-top: 5px;
    margin-left: 20px;
    display: none;
}

.filtro-agregado{
    padding: 10px;
    border: 1px solid #CCC;
    margin: 0 5px 5px;
    background: #F6F6F6; 
}

.filtro-agregado a{
    float: right;
}

#pasos-container div h2{
    padding-bottom: 5px;
}

#info-paso1, #info-paso2, #info-paso3, #filtros-agregados, #agregar-filtros{
    padding: 0;
}
/* Contacto Masivo */
/* Contacto Masivo Etapa 2 */
.botones-finales{
    overflow: hidden;
}
.email-prueba{
    float: right;
    width: 150px;
}
/*
.botones-finales div.submit{
    float: right;
    margin: 0;
    clear: none;
    width: 250px;
    padding: 0;
}*/
.botones-finales #avanzar-paso3{
    padding: 10px;
    width: 250px;
    display: block;
    margin: 0 auto;
    font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 18px;
}
.botones-finales .submit .enviar:hover{
    color: #024F68;
}
#pasos-container h2{
    float: left;
    margin-bottom: 15px;
}
#pasos-container .guardar-borrador{
    float: right;
    width: 120px;
    margin-left: 10px;
}
#graficos-container{
    height: 250px;
    overflow: hidden;
}
.div-grafico{
    float: left;
}

#div-leidos{
    margin-left: 20px;
}
#div-rebotes{
    margin-left: 0px;
}
#div-clicks{
    margin-right: 20px;
}

#review-container{
    margin-top: 10px;
    padding: 10px;
}
#review-container table{
    width: 100%;
}

#review-container td{
    padding: 8px;
    font-size: 12px;
    line-height: 18px;
}

#review-container td.bold{
    font-weight: bold;
    width: 130px;
    text-align: left; 
}
#review-container td.filtros{
    padding: 0; 
}
#review-container td.texto{
    background: #FFF; 
}
#review-container td.filtros span, #confirma-filtros span {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    display: block;
    margin: 5px 0;
    padding: 5px 10px;
}
.calculo-alumnos{
    text-align: center;
    font-size: 20px;
    padding: 0 12px;
    margin-bottom: 40px;
}
.cantidad-alumnos, .cantidad-total-alumnos{
    color: #2583AD;
    font-weight: bold;
}

.cantidad-baneados {
    color: #FF0000;
    font-weight: bold;
}

td.texto{
    color: #000;
    padding: 0;
    margin: 0;
    line-height: 1;
    font-family: arial,​ sans-serif;
}

td.texto h1, td.texto h2, td.texto h3, td.texto h4, td.texto h5, td.texto h6{
    color: #000;
    margin: 0;
    padding: 0;
    line-height: 1;
}
td.texto h1{
    font-size: 2em;
    margin-bottom: 18px;
}
td.texto h2{
    font-size: 1.5em;
    margin-bottom: 12px;
}
td.texto h3{
    font-size: 1.17em;
    margin-bottom: 11px;
}
td.texto h4{
    font-size: 1em;
    margin-bottom: 13px;
}
td.texto h5{
    font-size: 0.83em;
    margin-bottom: 13px;
}
td.texto h6{
    font-size: 0.75em;
    margin-bottom: 17px;
}
td.texto p{
    margin: 12px 0;
    line-height: 1;
}
td.texto sub{
    vertical-align: sub;
}
td.texto sup{
    vertical-align: super;
}
td.texto pre{
    background: #FFF;
    border: 0px;
    font-size: 11px;
    line-height: 1.3em;
    overflow: auto;
    padding: 0px;
    font-family: monospace;
    white-space: pre;
    display: block; 
    unicode-bidi: embed
}

.lecturas-enlaces{
    float: left;
}
#div-lecturas, #div-enlaces{
    width: 460px;
    float: left;
    margin-bottom: 20px;
}
#div-lecturas{
    margin-right: 20px;
}
#div-lecturas h2, #div-enlaces h2{
    padding-bottom: 10px;   
}

.graphtable {
    border: 1px solid #DFDFDF;
    background-color: #F9F9F9;
    width: 100%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #333;
}
.graphtable td, .graphtable th {
    border-top-color: white;
    border-bottom: 1px solid #DFDFDF;
    color: #555;
}
.graphtable th {
    text-shadow: rgba(255, 255, 255, 0.796875) 0px 1px 0px;
    font-weight: normal;
    padding: 7px 7px 8px;
    text-align: left;
    line-height: 1.3em;
    font-size: 10px;
    color: #2583AD;
    font-weight: bold;
}
.graphtable td {
    font-size: 10px;
    padding: 4px 7px 2px;
    vertical-align: top;
    background-color: #FFF;
}
.graphtable .cantidad {
    width: 100px;
}

#seleccion-fecha-envio{
    height: 120px;
    margin-bottom: 40px;
    overflow: hidden;
}
#seleccion-fecha-envio .fecha-envio{
    margin: 0 10px;
    display: none;
}
#seleccion-fecha-envio .fecha-envio input{
    width: 170px;
}


.codigo-rebote{
    position: relative;
}
.codigo-rebote:hover{
    cursor: pointer;
}
.codigo-rebote span{
    display: none;
}

.codigo-rebote:hover span{
    display: block;
    position: absolute;
    width: 200px;
    bottom: 13px;
    left: 50%;
    margin-left: -100px;
    padding: 5px;
    background: #FFF;
    border: 2px solid #CCC;
    cursor: text;
}
.cm-acciones a{
    margin-left: 10px;
    margin-right: 5px;
}

#agregar-filtros #filtro-loading{
    width: 16px;
    height: 16px;
    background: url(/img/loading.gif) no-repeat;
    float: left;
    margin-left: 25px;
    clear: none;
    padding: 0;
    margin-top: 7px;
}
#agregar-filtros pre{
    display: none;
    width: 0;
}

#paso4 div.submit{
    width: 940px;
}
#paso4 div.submit input.confirmar-envio{
    padding: 10px;
    font-size: 13px;
    font-weight: bold;
    width: 250px;
    display: block;
    margin: 0 auto;
    font-family: Arial,​ Helvetica,​ sans-serif;
}

#FechaIniFin{
    float: left;
    width: 150px;
    clear: none;
    display: none;
}


table.datagrid tbody tr.error-envio td{
    background: #CCC;
}

#contador{
    margin-bottom: 10px;
    font-size: 14px;
    text-align: center;
}
#contador-left{
    display: inline-block;
    min-width: 100px;
}
#contador-enviados{
    min-width: 100px;
    text-align: center;
}
#contador-enviados i{
    display: block;
    font-size: 68px;
    line-height: 68px;
    font-weight: bold;
    font-style: normal;
    color: #2583AD;
}
#contador-right{
    display: inline-block;
    min-width: 150px;
    text-align: left;
}
.contador-p{
    line-height: 22px;
}
.contador-p i{
    font-style: normal;
    font-weight: bold;
    color: #2583AD;
    display: inline-block;
    min-width: 40px;
    text-align: right;
}
#graficos-container{
    margin-top: 10px;
    border-top: 1px solid #CCC;
}
div.module_box {
    position: relative;
    margin-bottom: 15px;
    background-color: #fff;
    border-collapse: collapse;
    border: 1px #d7d9d9 solid;
    border-radius: 5px;
    -moz-border-radius: 5px;
}
p.titulo-respuestas{
    font-size:14px;
    text-transform: uppercase; 
    color: #196EA7 !important;
    padding: 15px 0 10px 15px;
}
div.ejercicio-mi-respuesta{
    margin: 0 40px 5px 15px;
    padding: 10px 0 0px 15px;
}
div.ejercicio-mi-respuesta div.head-mi-respuesta img{
    position: absolute;
}
div.ejercicio-mi-respuesta div.body-mi-respuesta{
    color: #676767;
    padding: 5px 10px 0 45px;
    overflow: auto;
}
div.ejercicio-mi-respuesta div.head-mi-respuesta .titulo-mi-respuesta{
    color: #676767;
    padding-left: 45px;
    font-size: 12px;
    font-weight: bold;
}
div.ejercicio-mi-respuesta-comentario{
    margin: 0 40px 5px 60px;
    padding: 10px 0 0px 15px;
    background-color: #F6F6F6;
}
div.ejercicio-mi-respuesta-comentario div.head-mi-respuesta img{
    position: absolute;
}
div.ejercicio-mi-respuesta-comentario div.body-mi-respuesta{
    color: #676767;
    padding: 5px 10px 0 45px;
    overflow: auto;
}
div.ejercicio-mi-respuesta-comentario div.head-mi-respuesta .titulo-mi-respuesta{
    color: #676767;
    padding-left: 45px;
    font-size: 12px;
    font-weight: bold;
}
.mis-respuestas{
    padding-top: 25px;
}
.container-fluid {
    background-color: #fff;
}
div.preguntaRespuestaProfesor{
    border: 1px solid #CCC;
    background-color: #F4F4F4;
}
div.preguntaRespuestaProfesor p{
    margin: 10px 15px 10px 50px;
}
div.preguntaRespuestaProfesor p.enunciado,
div.preguntaRespuestaProfesor p.pregunta,
div.preguntaRespuestaProfesor p.respuesta{
    margin: 10px 15px 0 10px;
    font-weight: bold;
}
div.comentar a{
    width: 130px;
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
}
div.ver-pregunta-practica a{
    width: 130px;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;    
}

div.comentario-ejercicio{
    background-color: #F6F6F6;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    margin: 0 10px 10px 0;
    padding-top: 10px;
}
form.formulario-principal-ejercicio{
    padding-top: 0px;
}
form.formulario-principal-ejercicio img.perfil_55{
    position: absolute;
    padding-left: 15px;
}
form.formulario-principal-ejercicio .input textarea{
    position: left;
    border: 1px solid #CCCCCC;
    margin-left: 45px;
    border-radius: 5px;
    padding: 5px;
    height: 15px;
}
form.formulario-principal-ejercicio div.submit button{
    position: absolute;
    margin-left: 280px;
    margin-top: -61px;
}
a.comentar{
    margin: 10px 0 10px 40px;
}
.correos-automaticos tr td.Activo{
    color: #090;
}

.correos-automaticos .acciones .action.float-left{
    margin: 0 6px;
}

.correos-automaticos .acciones .action.Desactivar{
    width: 70px;
    background-color: #BBB;
}
.correos-automaticos .acciones .action.Desactivar:hover{
    color: #666;
}
.correos-automaticos .acciones .action.Activar{
    width: 70px;
    background-color: #7EBF19;
}
.correos-automaticos .acciones .action.Activar:hover{
    color: #060;
}
.correos-automaticos .acciones .action.orange{
    width: 60px;
}
.correos-automaticos .acciones .action.orange:hover{
    color: #930;
}
.correos-automaticos .acciones .action.red{
    width: 60px;
}
.correos-automaticos .acciones .action.red:hover{
    color: #600;
}

#CorreoAutomaticoForm .container{
    padding: 10px 10px 0;
}
#CorreoAutomaticoForm div.submit{
    margin: 0 0 15px 25px;
    padding: 0px;
    width: auto;
}

#CorreoAutomaticoForm .input.select{
    margin-left: 10px;
    float: none;
    margin-bottom: 15px;
}
#CorreoAutomaticoForm .input.select label{
    display: inline-block;
    width: 120px;
    padding: 2px;
}
#CorreoAutomaticoForm .input.select select{
    vertical-align: middle;
}
#CorreoAutomaticoForm .input.error{
    color: #900;
}
#CorreoAutomaticoForm .input.select.error select{
    border: 1px solid #900;
    color: #900;
}
#CorreoAutomaticoForm .input.error .mceIframeContainer iframe{
    border: 1px solid #900;
}
.detalle-seguimiento img{
    vertical-align: text-bottom;
}
#rubrica {
    width: 600px;
    padding: 10px 10px 0 10px;
    margin: 10px auto;
}
#eval-rubrica {
    width: 97%;
    padding: 10px 10px 0 10px;
    margin: 10px auto;

}
.list-class {
    width: 579px;
    padding: 5px 10px;
    margin-bottom: 5px;
    display: block;
}
.off {
    background-color: #81F79F;
}
.on {
    background-color: #F6CED8;
}
.dis{
    background-color: #999999;
    color: #FFFFFF;
}
.rubrica-info {
    width: 600px;
    height: 80px;
    margin: auto;
}
.aviso {
    position: absolute;
    width: 20px;
    height: 20px;
    margin-bottom: 5px;
    float: left;
}
.info-off, .info-on, .info-dis {
    padding: 0 0 0 35px;
    margin: 0 0 5px 0;
}
.info-off {
    background: url(../img/off.png) no-repeat scroll left center rgba(0, 0, 0, 0);
}
.info-on {
    background: url(../img/on.png) no-repeat scroll left center rgba(0, 0, 0, 0);
}
.info-dis{
    background: url(../img/dis.png) no-repeat scroll left center rgba(0, 0, 0, 0);
}
.sin-eval {
    background: none repeat scroll 0 0 #999999;
    border-radius: 5px;
    color: #FFFFFF;
    pointer-events: none;
    cursor: default;
}
.name-class {
    margin: 10px 0;
}
a.rubrica {
    width: 100px;
    float:left;
    margin: auto;
}
.pregunta {
    background-color: #fff;
    padding: 10px;
    border: 1px solid #CCCCCC;
    margin: 0 0 5px 0;
}
/* requerimiento_rubrica */
/* START: Preguntas Aplicacion*/
div.alumnos-respuestas div.row.respuesta, div.alumnos-respuestas .titles{
    width: 100%;
    margin-bottom: 7px;
}

div.alumnos-respuestas .titles{
    background: red;
}
div.alumnos-respuestas .titles > div{
    float: left;
    font-weight: bold;
}
    .titles .th-respuesta{
        width: 470px;
        text-align: center
    }
    .titles .th-apellido{
        width: 115px;
    }
    .titles .th-nombre{
        width: 120px;
    }
    .titles .th-docto{
        width: 115px; /* con titulo nota activo = 120px; */
    }
    .titles .th-fecha{
        width: 100px;
    }

    div.alumnos-respuestas .respuesta div.actions img{
        cursor: pointer;
    }
    div.alumnos-respuestas div.row.respuesta:nth-child(even){
        background: #EEEEEE;
        padding-bottom: 10px;
    }
        div.alumnos-respuestas div.titles{
            background: #EEEEEE;
            height: 20px;
            margin-bottom: 0px;
            border-bottom: 1px solid #8D8D8D;
        }
    div.alumnos-respuestas div.row .actions,
    div.alumnos-respuestas div.row .text,
    div.alumnos-respuestas div.row .persona,
    div.alumnos-respuestas div.row .persona > div{
        float: left;
    }
    div.alumnos-respuestas div.row .actions{
        width: 40px; 
    }
    div.alumnos-respuestas div.row .text{
        width: 415px;
        padding-right: 15px;
    }
    div.alumnos-respuestas div.row .text p{
        max-height: 60px;
        overflow: hidden;
    }
    div.alumnos-respuestas div.row .text p.ver-todo{
    }
    div.alumnos-respuestas div.row .text p.ver-todo.show{
        max-height: initial;
        overflow: initial;
    }
    div.alumnos-respuestas div.row .persona{
        width: 470px;
    }
        div.alumnos-respuestas div.row .persona > div:not(.nota){
            width: 25%;
        }
        div.alumnos-respuestas div.row .persona > div.nota{
            width: 117px;
            /*text-align: center;*/
        }

div.alumnos-respuestas .hijos{
    margin-left: 45px;
    width: 895px;
}
    div.alumnos-respuestas .hijos div.row .text{
        width: 370px;
    }

    div.alumnos-respuestas .hijos textarea{
        width: 375px;
    }

div.tiene-hijos {
    background-color: #c1dcba;
}

.alumnos-respuestas .hide{
    display: none;
}
.respuesta .clear{
    clear: both;
}

.respuesta textarea{
    width: 420px; 
    min-height: 100px; 
    max-height: 200px; 
    resize: none;
    font-size: 12px;
    color: #808080;
    font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
}

div.empty.center{
    padding: 5px;
    background: #EEEEEE;
}

/* FIN: Preguntas Aplicacion*/