@charset "utf-8";

/*
    General de la plantilla
*/
body {
    background: url(../images/background_.gif) repeat;
    position: relative;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    font-family: "Trebuchet MS";
}
.index_estilo1 {
    font-family: "Trebuchet MS";
    font-size: 11px;
    color: #D2F0E1;
    font-style: normal;
    line-height: 12px;
    text-align: justify;
}
.index_resaltado {
    font-family: "Trebuchet MS";
    font-size: 11px;
    color: #FF9900;
    font-style: normal;
    line-height: 12px;
    text-align: justify;
    font-weight: bold;
}
.index_estilo2 {
    font-family: "Trebuchet MS";
    font-size: 15px;
    color: #333333;
    font-style: normal;
    line-height: 15px;
}

.button_{
    margin: 0px;
    background-color:transparent;
    border: none;
    cursor:pointer;
}

.form_inicio input{
    /*width: 185px;*/
    max-width: 239px;
    margin: 5px 0px;
    text-align: center;
}


.home_estilo {
    font-family: "Trebuchet MS";
    font-size: 11px;
    color: #D2F0E1;
    font-style: normal;
    line-height: 12px;
    text-align: justify;
}
.home_resaltado {
    font-family: "Trebuchet MS";
    font-size: 11px;
    color: #FF9900;
    font-style: normal;
    line-height: 12px;
    text-align: justify;
    font-weight: bold;
}
.home_estilo2 {
    font-family: "Trebuchet MS";
    font-size: 12px;
    color: #333333;
    font-style: normal;
    line-height: 12px;
}

#tabla_home{
    position: relative;
    width: 999px;
    margin: 0 auto;
}


#home_cursos{
    height: 70px;
    margin-left: 85px;
    margin-top: 118px;
    position: absolute;
    width: 132px;
    cursor: pointer;
    z-index: 100
}

#tabla_home a{
    display: block;
    width: 100%;
    height: 100%;
}

#home_evaluacion{
    height: 70px;
    margin-left: 85px;
    margin-top: 238px;
    position: absolute;
    width: 132px;
}

#home_certificado{
    height: 70px;
    margin-left: 141px;
    margin-top: 269px;
    position: absolute;
    width: 132px;
    display: none;
}

#home_sesion{
    height: 44px;
    margin-left: 35px;
    margin-top: 381px;
    position: absolute;
    width: 176px;
}

#home_clave{
    height: 44px;
    margin-left: 132px;
    margin-top: 391px;
    position: absolute;
    width: 100px;
}

#enlace_home a, #index_ayuda a, #index_registro a, #index_cursos a, .volver a{
    display: block;
    width: 100%;
    height: 100%;
}

#enlace_home{
    height: 23px;
    margin-left: 20px;
    margin-top: 60px;
    position: absolute;
    width: 290px;
    /*border: 1px solid;*/
    display: block;
}

#index_ayuda{
    height: 37px;
    margin-left: 1px;
    margin-top: 64px;
    position: absolute;
    width: 187px;
    /*border: 1px solid;*/
    display: block;
}

#index_registro, #index_cursos{
    height: 72px;
    margin-left: 10px;
    margin-top: 32px;
    position: absolute;
    width: 174px;
    /*border: 1px solid;*/
    display: block;
}


.resp_correcta{
    color: #66ff00;
}

.resp_errada{
    color: #ff3333;
}




.template_estilo1 {	font-family: "Trebuchet MS";
                    font-size: 11px;
                    color: #D2F0E1;
                    font-style: normal;
                    line-height: 12px;
                    text-align: justify;
}
.template_estilo2 {	font-family: "Trebuchet MS";
                    font-size: 12px;
                    color: #333333;
                    font-style: normal;
                    line-height: 12px;
}
.template_resaltado {	font-family: "Trebuchet MS";
                      font-size: 11px;
                      color: #FF9900;
                      font-style: normal;
                      line-height: 12px;
                      text-align: justify;
                      font-weight: bold;
}

.tablaminimo{
    /*min-height: 432px
    /*height: auto !important;*/
    /*height: 417px;*/
    min-height: 270px;
}

.tablacontenido{
    min-height: 390px;
    height: auto;
    height: 390px;
    vertical-align:middle;
}
/*
    Cursos y contenidos de cursos
*/

.cursos{
    text-align: center;
    vertical-align: middle;
    margin-left: 20px;
    width: 100%;
    /*min-height: 400px;*/
    min-height: 270px;
    font-size: 14px;
    font-weight: bold;
}

.cursos a{
    text-decoration: none;
}

.cursos_espacio{
    height: 100px;
}

.cursos table{
    /* text-align: center; */
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.cursos table td{
    vertical-align: middle;
    padding: 10px;
    margin-left: 20px;
    margin-right: 20px;
    /*display: block;*/
}

.header_c{  
    margin: 10px;
    margin-top: 30px;
    text-align: left;
}

.cursos ul{
    vertical-align: middle;
    text-align: left;
    padding: 10px;
    margin-left: 20px;
    margin-right: 20px;
}

.cursos_iconos{

}

.cursos_iconos li{
    float: left;
    list-style: none;
    min-height: 220px;
    min-width: 210px;
    margin: 10px 10px 20px;
    display: block;
    text-align: center;
    vertical-align: middle;
}

.titulo_c{
    font-family: "Verdana";
    font-size: 22px;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    font-weight: normal;
    padding-bottom: 10px;
}

.material_subs{
    font-family: "Verdana";
    font-size: 17px;
    clear: both;
    margin-left: auto;
    margin-right: auto;
}

.complementario{
    font-family: "Verdana";
    font-size: 15px;
    text-align: center;
    width: 185px;
    display: inline-block;
    margin: 0px 0px;
}

.complementario span{
    margin: 0px;
    color: #000000;
}

.complementario img{
    width: 80px;
}

.titulo_busuqeda{
    font-size: 19px;
    font-weight: bold;
}

.no_resultado{
    text-align: center;
    padding-top: 125px;
    margin-bottom: 70px;
}

.btn_busqueda_material{
    float: right;
    margin-right: 0px;
    margin-top: -90px;
}

.btn_busqueda_material img{
    border: 0px none;
}

.busqueda{
    font-family: "Verdana";
    font-size: 17px;
    text-align: center;
    display: inline-block;
    margin: 0px 0px;
    line-height: 23px;
}

.busqueda input{
    font-family: 'Verdana';
    font-size: 14px;
    font-style: italic;
}

.busqueda select{
    font-family: 'Verdana';
    font-size: 14px;
    font-style: italic;
}

.busqueda textarea{
    font-family: 'Verdana';
    font-size: 14px;
    font-style: italic;
}

.busqueda_resultados{
    width: 100%;
}

.busqueda_resultados td{
    text-align: center;
    padding-top: 10px;
}
/*
    Evaluaciones
*/

.evaluacion{
    text-align: left;
    vertical-align: middle;
    width: 96%;
    min-height: 400px;
    font-size: 14px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.evaluacion_titulo{
    text-align: center;
    width: 100%;
    font-size: 18px;
    font-weight: bolder;  
}

.con_evaluacion{
    margin-left: 20px;
    margin-right: 15px;
    width: 100%;
}

.preguntas_cuestionario{
    width: 100%;
    margin-bottom: 20px;
}

.preguntas_cuestionario td{
    border: 1px #bbbbbb solid;
    padding: 2px;
    padding-left: 10px;
}

.num_pregunta{
    font-size: 15px;
    font-weight: bold;
}

.respuestas_cuestionario{
    margin-left: 50px;
    border: 0px none;
}

.respuestas_cuestionario td{
    border: 0px none;
    padding: 5px;
}

.evaluacion_enviar{
    margin-top: 20px;
    text-align: center;
}


/*
    administrador
*/

/* FORM ------------------------------------------------------- */
.form-submit	{
    background: url(../images/forms/form_submit.gif) no-repeat;
    border: none;
    cursor: pointer;
    display: block;
    float: left;
    height: 30px;
    margin: 0 4px 0 0;
    padding: 0;
    text-indent: -3000px;
    width: 80px;
     *font-size: 0px; line-height: 0;

}
.form-reset	{
    background: url(../images/forms/form_reset.gif) no-repeat;
    border: none;
    cursor: pointer;
    display: block;
    float: left;
    height: 30px;
    text-indent: -3000px;
    width: 80px;
}
#id-form	{
}
.inp-form	{
    background: url(../images/forms/form_inp.gif) no-repeat;
    border: none;
    color: #393939;
    height: 25px;

    padding: 6px 6px 0 6px;
    width: 186px;
}

.inp-form-error	{
    background: url(../images/forms/form_inp_error.gif) no-repeat;
    border: none;
    color: #393939;
    height: 25px;
    padding: 6px 6px 0 6px;
    width: 187px;
}
.form-textarea	{
    background: url(../images/forms/form_textarea.gif) no-repeat;
    border: none;
    color: #393939;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    height: 97px;
    overflow: auto;
    padding: 6px 6px 0 6px;
    width: 378px;
}
#id-form td	{
    padding: 0 0 10px 0;
}
#id-form td.noheight	{
    padding: 0 0 0px 0;
}
#id-form th	{
    line-height: 28px;
    min-width: 130px;
    padding: 0 0 10px 0;
    text-align: left;
    width: 130px;
}
.styledselect-day ,
.styledselect-month ,
.styledselect-year	{
    border: 1px solid #acacac;
    margin-right: 3px;
    padding: 3px;
    width: 64px;
}


#step-holder {
    font-family: Tahoma;
    height:39px;
    margin-bottom: 20px;
}




.step-no {
    float:left;
    height:29px;
    width:18px;
    font-size: 18px;
    line-height: 18px;
    padding:10px 0 0 0;
    text-align: center;
}

.step-no-off {
    float:left;
    height:29px;
    width:18px;
    font-size: 18px;
    line-height: 18px;
    padding:10px 0 0 0;
    text-align: center;
    color:#cbcbcb;
}

.step-dark-left {
    float:left;

    background: url(../images/forms/step_dark_left.gif) no-repeat;
    height:27px;
    padding:13px 15px 0 25px;
    font-size: 13px;
    color:#fff;
    font-weight: bold;
}

.step-dark-left a{

    font-size: 13px;
    color:#fff;
    font-weight: bold;
}

.step-dark-right {
    float:left;
    width:12px;
    background: url(../images/forms/step_dark_right.gif) no-repeat;
    height:39px;
}
.step-dark-round {
    float:left;
    width:8px;
    height:39px;
    background: url(../images/forms/step_dark_round.gif) no-repeat;
}

.step-light-left {
    float:left;
    height:27px;
    padding:13px 15px 0 25px;
    font-size: 13px;
    background: url(../images/forms/step_light_left.gif) no-repeat;
    height:39px;
    color:#cbcbcb;
    font-weight: bold;
}

.step-light-left a{


    font-size: 13px;

    color:#cbcbcb;
    font-weight: bold;
}
.step-light-right {
    float:left;
    width:12px;
    background: url(../images/forms/step_light_right.gif) no-repeat;
    height:39px;
}
.step-light-round {
    float:left;
    width:8px;
    height:39px;
    background: url(../images/forms/step_light_round.gif) no-repeat;
}

.bubble-left {
    float:left;
    width:10px;
    height:29px;
    margin-left: 5px;
    background: url(../images/forms/bubble_left.gif) no-repeat;
}

.bubble-inner {
    float:left;
    padding: 7px 0px 0 2px;
    color:#2e74b2;
    line-height: 14px;
    font-size: 11px;
    height:22px;
    background: url(../images/forms/bubble_inner.gif) repeat-x;
}
.bubble-right {
    float:left;
    width:8px;
    height:29px;
    background: url(../images/forms/bubble_right.gif) right no-repeat;
}
.error-left {
    float:left;
    width:13px;
    height:32px;
    margin-left: 5px;
    background: url(../images/forms/error_left.gif) no-repeat;
}

.error-inner {
    float:left;
    padding: 7px 10px 0 4px;
    color:#fff;
    line-height: 14px;
    height:25px;
    background: url(../images/forms/error_right.gif) right  no-repeat;
}
.file_1 {
    border: 1px solid #acacac;
    padding: 5px;
}

.timer {
    left: 10px;
    top: 20px;
    position:fixed;
    background-color: #FFFFFF;
    width: 130px;
    height: 65px;
    text-align: center;
    padding: 10px;
    font-weight: bold;
    border: 1px solid #000;
    z-index: 10;
}

/* cliente */

.enlace_inicio{
    display: block;
    height: 38px;
    margin-top: 0;
    position: absolute;
    width: 145px;
    margin-left: 10px;
}

.enlace_inicio a {
    display: block;
    height: 100%;
    width: 100%;
}

.orden_cursos{

}

.orden_cursos elemento{
    width: 280px;
    height: 200px;
    display: block;
    margin-left: auto;
    margin-right: auto;
   
}

.orden_cursos img{
    width: 150px;
    height: 200px;
    text-align: left;
}

.texto_cursos1{
}

.volver
{
    padding-left: 220px;
    height: 50px;
    width: 130px;
}

.btn-info {
    color: #fff;
    background-color: #015c57 !important;
    border-color: #015c57 !important;
  }