/* 
Document   : fol
Created on : 05-feb-2009, 17:47:12
Author     : queco
Description:
Purpose of the stylesheet follows.
*/

/* 
TODO customize this sample style
Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
* {
    padding:0;
    margin:0;
}
root { 
    display: block;
}
html,body {
    background-color:#cacaca;
    background-image:url(../images/fondo_degradado_cabecera.gif);
    background-position:center top;
    background-repeat:repeat-x;
    font-family: Arial;
}
div {
    /*border: solid black;*/
}
table {
    width: 100%;
}
/* IE6 Only */
/** html table {width : 96%;}*/
/* IE7 Only */
/**:first-child+html table {width: 96%;}*/

div#ocultar {
    position: absolute;
    width: 100%;
    height: 900px;
    z-index: 100;
    top: 0px;
    left:0px;
    filter: alpha(opacity=60);
    -moz-opacity: 0.60;
    opacity: 0.60;
    background-color: #000000;
}
div#mensaje {
    background-image:url(../images/registrate4_ventana.png);
    background-repeat:no-repeat;
    color:#FF0000;
    font-size:12px;
    height:106px;
    left:50%;
    margin-left:-159px;
    margin-top:-55px;
    padding:15px 20px;
    position:absolute;
    top:50%;
    width:287px;
    z-index:200;
}
div#pagina {
    position:relative;
    margin: auto;
    width: 930px;
}
div#cabecera {
    position:relative;
    width:920px;
    height: 131px;
    top: 0px;
    left:5px;
    /*margin-bottom: 10px;*/
    background: url(../images/fondo_cabecera.gif) no-repeat;
}
#menu_cabecera {
    height:66px;
    position:relative;
    padding:0px;
    width:680px;
    top:65px;
    left:15px;
    font-family:verdana;
    font-weight:bold;
    font-size: 0.75em;
}
#menu_cabecera p {
    margin-top:12px;
}
#menu_cabecera a {
    text-decoration:none;
    color:#666666;
}
#menu_puebloingles {
    background-image:url(http://www.morethanenglish.com/images/misc/menu_superior/pestana-puebloingles-on.gif);
    float:left;
    height:66px;
    margin:0px;
    padding:0px;
    text-align:center;
    width:107px;
}
#menu_ingles-medida {
    background-image:url(http://www.morethanenglish.com/images/misc/menu_superior/pestana-inglesamedida-on.gif);
    float:left;
    height:66px;
    margin:0px;
    padding:0px;
    text-align:center;
    width:125px;
}
#menu_master-ingles {
    background-image:url(http://www.morethanenglish.com/images/misc/menu_superior/pestana-mastereningles-on.gif);
    float:left;
    height:66px;
    margin:0px;
    padding:0px;
    text-align:center;
    width:130px;
}
#menu_kids-teens {
    background-image:url(http://www.morethanenglish.com/images/misc/menu_superior/pestana-kids-teens-on.gif);
    float:left;
    height:66px;
    margin:0px;
    padding:0px;
    text-align:center;
    width:100px;
}
#menu_english_required {
    background-image:url(http://www.morethanenglish.com/images/misc/menu_superior/pestana-english-required-on.gif);
    float:left;
    height:66px;
    margin:0px;
    padding:0px;
    text-align:center;
    width:125px;
}
#menu_english_required-activo {
    background-image:url(http://www.morethanenglish.com/images/misc/menu_superior/pestana-mastereningles-off.gif);
    float:left;
    height:66px;
    margin:0px;
    padding:0px;
    text-align:center;
    width:130px;
}
#menu_english_required-activo a {
    color: #ffffff;
    /*font-size: 9pt;*/
}

#menu_english_tv {
    background-image:url(http://www.morethanenglish.com/images/misc/menu_superior/pestana-english-tv-on.gif);
    float:left;
    height:66px;
    margin:0px;
    padding:0px;
    text-align:center;
    width:80px;
}
div#cuerpo {
    position:relative;
    width:920px;
    background-image: url(../images/fondo_degradado_interiores.gif);
    background-repeat:repeat-y;
    left:5px;
    top: 0px;
}
div#cuerpo_cabecera{
    position:relative;
    width:920px;
    background-image: url(../images/sombra_apertura_interiores.gif);
    background-repeat: no-repeat;
    height:130px;
}
div#cuerpo_pie {
    position:relative;
    width:920px;
    background-image: url(../images/sombra_cierre_interiores.gif);
    background-repeat: no-repeat;
    height:23px;
}
img#more_than {
    position:absolute;
    top:20px;
    left:40px;
    z-index: 2;
}
img#virrete {
    position:absolute;
    top:0px;
    left:105px;
}
.registro {
    color: #FFFFFF;
    font-size: 18px;
}
.registro2 {
    color: #C1EFF7;
    font-size: 18px;
}
.login {
    color: #666666;
    font-size: 14px;
}
div#login {
    position:absolute;
    top:70px;
    left:30px;
}
div#video {
    position:relative;
    left: 25px;
    width: 400px;
    height:300px;
    top: 0px;
    z-index: 0;
}
div#audio {
    position:relative;
    width: 400px;
    height:24px;
    margin: 10px auto;
}
div#lvideo {
    position:relative;
    width: 450px;
    height:300px;
    margin: 0 auto;
}
div#listavideos {
    position:relative;
    left: 250px;
    width: 175px;
    top: -250px;
    z-index: 10;
    display: none;
}
div#cabecera_centro {
    background: url('../images/cabecera_centro.gif') no-repeat;
    width: 895px;
    height: 78px;
    top: 5px;
    left:12px;
    position: relative;
}
div#cuerpo_centro {
    position:relative;
    margin-top:5px;
    height:510px;
}
div#temario {
    background: url(../images/menuUnits_menu1.png) no-repeat;
    position:absolute;
    top:0px;
    left: 15px;
    /*border-top:#DEDEDE solid 1px;
    border-bottom:#DEDEDE solid 1px;*/
    width:200px;
    height: 500px;
    /*background-color:#F0f0f0;*/
    overflow:auto;
}
div#item_central {
    position: absolute;
    top:70px;
    left: 220px;
    /*border-top:#DEDEDE solid 1px;
    border-bottom:#DEDEDE solid 1px;*/
    width:685px;
    height:430px;
    background-color:#FFFFFF;
    font-size: 10pt;
    color: #666666;
    /*overflow:auto;*/
}
div#item_recursos {
    position:absolute;
    top:0px;
    left: 220px;
    width: 685px;
    height: 65px;
    /*border-top:#DEDEDE solid 1px;
    background-color:#F0F0F0;*/
    background: url(../images/menuTop_fondo.png) transparent no-repeat;
}
div#publicidad {
    position:absolute;
    top: 00px;
    left:718px;
    width:187px;
    height:160px;
    border-top:#DEDEDE solid 1px;
    border-bottom:#DEDEDE solid 1px;
    background-color:#F0F0F0;
}
div#diccionario {
    position:absolute;
    top: 260px;
    left:718px;
    width:187px;
    height:160px;
    border-top:#DEDEDE solid 1px;
    border-bottom:#DEDEDE solid 1px;
    background-color:#F0F0F0;
}
div#mensajes {
    position:absolute;
    top: 430px;
    left:718px;
    width:187px;
    height:160px;
    border-top:#DEDEDE solid 1px;
    border-bottom:#DEDEDE solid 1px;
    background-color:#F0F0F0;
}
.leccion {
    color: #ffffff;
    /*background-color: #Dfdfdf;
    background-color: #4d566e;*/
    /*background-image: url(../images/fondo-pastillas-menu.gif);
    background-repeat: repeat-x;
    border-top: #cacbd2 solid 1px;*/
    background: url(../images/menuUnit_section.png) no-repeat;
    font-size: 14px;
    width:174px;
    cursor:pointer;
    clear:left;
    margin-left: 6px;
    height: 20px;
    /*text-indent:10px;*/
    /*padding-left:3px;*/
}

#temario ul {
    list-style:none;
    padding-left:5px;
    margin-left:5px;
    margin-top:5px;
    margin-bottom:5px;
}
#temario ul li {
    margin-top:0px;
    margin-bottom:0px;
    padding-top:0px;
    padding-bottom:0px;
}
#temario ul li ul {
    /*list-style-image:url(../images/empty.png);*/
    list-style-position:outside;
    margin-top:0px;
    margin-bottom:0px;
    padding-top:0px;
    padding-bottom:0px;
}
#temario ul li ul li {
    list-style-position:outside;

    margin-top:0px;
    margin-bottom:1px;
    padding-top:0px;
    padding-bottom:0px;
    line-height: 13px;
    /*background-image: url(../images/fondo-pastillas-submenu.gif);
    background-repeat: repeat-x;*/
    background-color:#889AAB;
    /*border:black solid 1px;*/
    text-indent: 0px;
}
#temario ul li ul li ul li {
    list-style-position:outside;
    margin-top:0px;
    margin-bottom:1px;
    padding-top:0px;
    padding-bottom:0px;
    line-height: 13px;
    /*background-image: url(../images/fondo-pastillas-submenu.gif);
    background-repeat: repeat-x;*/
    background-color:#889AAB;
    /*border:black solid 1px;*/
    text-indent: 0px;
}
.materia {
    font-size:11px;
    /*text-indent: 10px;*/
    color: #ffffff;
    margin-left: 2px;
    /*cursor: pointer;
    background-color:#889AAB;*/
    float:left;
    clear:left;
    width:174px;
}
.recurso-normal {
    cursor: pointer;
    float: left;
    margin: 5px 15px;
}
.recurso-selected {
    cursor: default;
    background-color:#2f2f2f;
}
.listapdf {
    list-style-image: url('../images/menuUnit_iconDownload.png');
    cursor: pointer;
    list-style-position: inside;
}
.listaaudio {
    list-style-image: url('../images/menuUnit_iconAudio.png');
    cursor: pointer;
    list-style-position: inside;
}
.listavideo {
    list-style-image: url('../images/menuUnit_iconVideo.png');
    cursor: pointer;
    list-style-position: inside;
}
.listaejercicio {
    list-style-image: url('../images/menuUnit_iconExercice.png');
    cursor: pointer;
    list-style-position: inside;
}
.locked {
    list-style-image: url('../images/object-locked.png');
    list-style-position: inside;
    cursor: default;
}
.texto{
    position:relative;
    top: -5px;
}
div#indice {
    position:absolute;
    top:0px;
    left: 15px;
    border-top:#DEDEDE solid 1px;
    border-bottom:#DEDEDE solid 1px;
    width:220px;
    height: 500px;
    background-color:#F0f0f0;
    overflow:hidden;
    cursor:pointer;
}
div#mantenimiento {
    position: absolute;
    top:00px;
    left: 15px;
    /*border-top:#DEDEDE solid 1px;
    border-bottom:#DEDEDE solid 1px;*/
    width:885px;
    height:500px;
    background-color:#FFFFFF;
    font-size: 12px;
    color: #666666;
    overflow:hidden;
}
div#mantenimiento2 {
    background: url(../images/levelTest_fondogrande.png) no-repeat center;
    position: absolute;
    top:00px;
    left: 0px;
    /*border-top:#DEDEDE solid 1px;
    border-bottom:#DEDEDE solid 1px;*/
    width:885px;
    height:500px;
    /*background-color:#F0F0F0;*/
    font-size: 10px;
    color: #666666;
    /*overflow-y:scroll;*/
}
.tablaMto {
    /*border-collapse:collapse;*/
    empty-cells:show;
    width:100%;

    margin-right: 0px;
    padding-right: 0px;
    /*background-color: #000000;*/
}
div#contenidoCurso {
    /*border-collapse:collapse;*/
    float:left;
    width:49%;

    margin-right: 0px;
    padding-right: 0px;
    /*background-color: #000000;*/
}
div#contenidos {
    position:relative;
    width:100%;
    min-height:26px;
    margin-top: 5px;
    margin-bottom: 5px;
}

div#contenidosTabla {
    float:left;
    width:49%;
}

div#contenidosAdd {
    float:left;
    width: 50%;
}

div#areaAdd {
    float:left;
    margin-left: 10px;
}

div#nivelAdd {
    float:left;
    margin-left: 10px;
}
div#itemAdd {
    float:left;
    margin-left: 10px;
}

div#botonesAdd {
    float:left;
    margin-top: 10px;
    margin-left: 10px;
}

div#pieMtoContenido {
    margin-top: 5px;
}

div#lista {
    margin: 5px;
    /*border: 1px solid green;*/
}
div#paginacion {
    position:relative;
    width: 20%;
    font-size:12px;
    font-weight:bold;
    margin-left: auto;
    margin-bottom:8px;
}
div#paginacion img {
    position:relative;
    top: 7px;
    margin: 0px 2px;
}
div#paginacion span {
    position:relative;
    top: 2px;
}
span#titulo {
    text-align:center;
}
span#titulo h1 {
    margin-top:1px;
    margin-bottom:2px;
}
div#filtro p {
    margin-top:1px;
    margin-bottom:1px;
}
div#pieMto {
    height: 18px;
    position:relative;
    margin-top:5px
}
div#datos {
    margin: 5px;
    border: 1px #666666 dotted;
    padding: 0px 5px;
    background-color:#F0F0F0;
    position: absolute;
    top:180px;
    width: 864px;
    z-index:10;
    font-family: arial;
    font-size: 10pt;
}
div#datos form label {display:block;font-weight:bold;}
div#datos form legend {font-size:120%;}
div#datos form fieldset {border:none;}
div#datos form input, textarea {border:1px solid #000;}
div#datos form input:focus, textarea:focus {background:#dddddd;}
div#datos form input[type="submit"]:hover,input[type="reset"]:hover {color:#ffffff;}
div#datos form span {display:block; }
div#datos form p {margin:0;}

div#cuerpo #menu {
    color:#C6C6C6;
    cursor:pointer;
    font-weight:bold;
    left:25px;
    position:absolute;
    top:97px;
    width:95%;
}

div#cuerpo #menu ul {
    background:transparent url(../images/linea-menu.gif) repeat-y scroll 0 0;
    display:inline;
    list-style-type:none;
    margin-bottom:0;
    margin-top:0;
    padding-bottom:12px;
}

div#cuerpo #menu ul li {
    background:transparent url(../images/linea-menu.gif) repeat-y scroll 0 0;
    float:left;
    height:25px;
    font-size:14px;
    padding-left:7px;
    padding-right:7px;
    padding-top:7px;
}
div#cuerpo #menu ul li a:link {
    color:#C6C6C6;
    text-decoration: none;
}
div#cuerpo #menu ul li a:visited {
    color:#C6C6C6;
    text-decoration: none;
}
div#cuerpo #menu ul li a:hover {
    color:#C6C6C6;
    text-decoration: none;
}
div#cuerpo #menu ul li a:active {
    color:#C6C6C6;
    text-decoration: none;
}
div#tabla {
    position:relative;
    width:100%;
    border:#bbbbff solid 1px;
}
.fila {
    position: relative;
    background-color: #DDDDFF;
    margin: 1px 5px;
}
div#item {
    float:left;
    margin: 0px 3px;
    width:19%;
}
div#recurso {
    float:left;
    width:80%

}
div#detalle{
    float:left;
    margin:1px;
    background-color:#bbbbff;
}
div#clear{
    clear:both;
}
select {
    color: #666666;
    font-size: 10px;
    font-family:Arial;
}
option {
    font-size: 10px;
    font-family:Arial;
}
img {
    vertical-align: text-bottom;
}
div#frase {
    /*background-color: #DFF0FF;*/
    margin: 2px 0px;
    height: 50px;
    position: relative;
}
div#spanish {
    position: absolute;
    left:21px;
    top: 2px;
    width:310px;
}
div#english {
    position:absolute;
    left:347px;
    top: 2px;
    width:300px;
}
.respuesta {
    position:absolute;
    left:21px;
    top: 35px;
    color: #990055;
    /*display: none;*/
}
div#resultado{
    position:absolute;
    right:5px;
    top:18px;
}
.res-empty{
    width:16px;
    height:16px;
    background-image:url(../images/empty.png);
}
.res-ok{
    width:16px;
    height:16px;
    background-image:url(../images/smallicon_VIdle.png);
}
.res-fail{
    width:16px;
    height:16px;
    background-image:url(../images/smallicon_XIdle.png);
}
.opciones {
    position:absolute;
    left:390px;
    top: 35px;
}
.opciones ul {
    display: inline;
    color:#394776;
    list-style:none;
}
.opciones ul li {
    display: inline;
    padding: 0px 10px;
}
.opciones ul li a:link {
    color: inherit;
    text-decoration: none;
}
.opciones ul li a:visited {
    text-decoration: none;
}
.ejercicio {
    margin: 0px 10px;
    padding: 0px;
    list-style: none;
}
#item_central h1 {
    background-color:#CFCDCE;
    color:#FFFFFF;
    font-family:arial;
    font-size:1.2em;
    font-weight:bold;
    margin: 0px 0 10px;
    padding:3px 0 3px 17px;
    text-align:left;
    text-decoration:none;
}

.cuadroPortal {
    float:left;
    width: 285px;
    height: 240px;
    margin: 4px;
    /*border: 1px solid #DEDEDE;*/
    /*background-color: #F0F0F0;*/
    background-image:URL(../images/cuadroPortal.png);
    background-repeat:no-repeat;
}

/*.cuadroPortalEx {
    float:left;
    width: 285px;
    height: 490px;
    margin: 4px;
    /*border: 1px solid #DEDEDE;
    /*background-color: #F0F0F0;
    background-image:URL(../images/cuadroPortalEx.png);
    background-repeat:no-repeat;
}*/
.cuadroPortalEx {
    background: url(../images/menuUnits_menu1.png) no-repeat;
    width:200px;
    height: 500px;
    overflow:hidden;
    float: left;
}
.cuadroPortalGrande {
    float:left;
    width: 580px;
    height: 490px;
    margin: 4px;
    /*border: 1px solid #DEDEDE;*/
    /*background-color: #F0F0F0;*/
    background-image:URL(../images/cuadroPortalGrande.png);
    background-repeat:no-repeat;
}

.cuadroPortal h1 {
    /*background-color: #CFCDCE;*/
    color: #FFFFFF;
    font-family: arial;
    font-size:1.2em;
    font-weight:bold;
    text-align:center;
    margin: 10px 15px;
}
.cuadroPortalEx h1 {
    /*background-color: #CFCDCE;*/
    color: #FFFFFF;
    font-family: "Century Gothic";
    font-size:14pt;
    /*font-weight:bold;*/
    text-align:center;
    margin: 5px 15px;
}
.txt_14_explainTemas {
    color: #ffffff;
    font-family: "Century Gothic";
    font-size: 14pt;
}


.cuadroPortalGrande h1 {
    /*background-color: #CFCDCE;*/
    color: #FFFFFF;
    font-family: arial;
    font-size:1.2em;
    font-weight:bold;
    text-align:center;
    margin: 10px 15px;
}

.cuadroPortal a:link { color:#C9C60C;font-weight: bold;text-decoration: none;}
.cuadroPortal a:visited {color:#C9C60C;font-weight: bold;text-decoration: none;}
.cuadroPortal a:hover {color:#C9C60C;text-decoration: underline;}
.cuadroPortalEx a:link {color:#FFFFFF;text-decoration: none;}
.cuadroPortalEx a:visited {color:#FFFFFF;text-decoration: none;}
.cuadroPortalEx a:hover {color:#FFFFFF;text-decoration: none;font-weight: bolder;}

.portal-texto {
    font-family:arial;
    font-size:0.9em;
    font-weight:bold;
    float:left;
    width: 415px;
    margin: 14px;
    border: 1px solid #DEDEDE;
    background-color: #F0F0F0;
    color:#2C3099;
    text-align:center;
}
.portal-imagen {
    float:left;
    width: 440px;
    margin: 14px;
    border: 1px solid #DEDEDE;
    background-color: #F0F0F0;

}
.portal-texto p+p {
    font-size:0.8em;
    font-weight:normal;
    color:#6C84C4;
    text-align:left;
    margin: 5px;
}
.clickable {
    cursor: pointer;
}
.even {
    background-color:#D2E0EF
}
#registro fieldset {
    width:100%;
    color:#6C84C4;
    border-color:#6C84C4;
    font-size: 0.8em;
    padding-bottom:10px;
}
#registro label {
    float:left;
    font-weight:bold;
    margin-top:9px;
    margin-right:5px;
    margin-bottom:5px;
}
#registro input {
    float:left;
    margin-top:6px;
    margin-right:5px;
    margin-bottom:5px;
}
.obligatorio {
    color: red;
}
a.otherLink:link    { color:inherit; text-decoration:none; }
a.otherLink:visited { color:inherit; text-decoration:none; }
a.otherLink:hover   { color:inherit; text-decoration:none; }
a.otherLink:active  { color:inherit; text-decoration:none; }

#btn_acp_registro {
    border: 0 0 0 0;
    padding: 0;
    text-align: center;
}
#btn_acp_registro a{
    background-image:url(../images/registrate1_okOn.png);
    height:48px;
    width:48px;
    background-position: center top;
    display: block;
    text-decoration: none;
    background-repeat: no-repeat;
}
#btn_acp_registro a:hover{
    background-image:url(../images/registrate1_okOver.png);
}
#btn_acp_registro a:focus{
    background-image:url(../images/registrate1_okClick.png);
    outline: none;
}

#btn_gramatica{
    border: 0 0 0 0;
    padding: 0;
    text-align: center;
}
#btn_gramatica a{
    background-image:url(../images/menuTop_theoryOn.png);
    height:48px;
    width:48px;
    background-position: center top;
    display: block;
    text-decoration: none;
    background-repeat: no-repeat;
}

#btn_gramatica a:hover{
    background-image:url(../images/menuTop_theoryOver.png);
}
#btn_gramatica a:focus{
    background-image:url(../images/menuTop_theoryClick.png);
    outline: none;
}
#btn_audio{
    border: 0 0 0 0;
    padding: 0;
    text-align: center;
}
#btn_audio a{
    background-image:url(../images/menuTop_audioOn.png);
    height:48px;
    width:48px;
    background-position: center top;
    display: block;
    text-decoration: none;
    background-repeat: no-repeat;
}

#btn_audio a:hover{
    background-image:url(../images/menuTop_audioOver.png);
}
#btn_audio a:focus{
    background-image:url(../images/menuTop_audioClick.png);
    outline: none;
}
#btn_audio_off{
    background-image:url(../images/menuTop_audioOff.png);
    height:48px;
    width:48px;
    background-position: center top;
    display: block;
    text-decoration: none;
    background-repeat: no-repeat;
    border: 0 0 0 0;
    padding: 0;
    text-align: center;
}
#btn_video{
    border: 0 0 0 0;
    padding: 0;
    text-align: center;
}
#btn_video a{
    background-image:url(../images/menuTop_videoOn.png);
    height:48px;
    width:48px;
    background-position: center top;
    display: block;
    text-decoration: none;
    background-repeat: no-repeat;
}

#btn_video a:hover{
    background-image:url(../images/menuTop_videoOver.png);
}
#btn_video a:focus{
    background-image:url(../images/menuTop_videoClick.png);
    outline: none;
}
#btn_video_off{
    background-image:url(../images/menuTop_videoOff.png);
    height:48px;
    width:48px;
    background-position: center top;
    display: block;
    text-decoration: none;
    background-repeat: no-repeat;
    border: 0 0 0 0;
    padding: 0;
    text-align: center;
}
#btn_ejercicio{
    border: 0 0 0 0;
    padding: 0;
    text-align: center;
}
#btn_ejercicio a{
    background-image:url(../images/menuTop_exerciceOn.png);
    height:48px;
    width:48px;
    background-position: center top;
    display: block;
    text-decoration: none;
    background-repeat: no-repeat;
}

#btn_ejercicio a:hover{
    background-image:url(../images/menuTop_exerciceOver.png);
}
#btn_ejercicio a:focus{
    background-image:url(../images/menuTop_exerciceClick.png);
    outline: none;
}
#btn_ejercicio_off{
    background-image:url(../images/menuTop_exerciceOff.png);
    height:48px;
    width:48px;
    background-position: center top;
    display: block;
    text-decoration: none;
    background-repeat: no-repeat;
    border: 0 0 0 0;
    padding: 0;
    text-align: center;
}
#btn_descarga{
    border: 0 0 0 0;
    padding: 0;
    text-align: center;
}
#btn_descarga a{
    background-image:url(../images/menuTop_downloadOn.png);
    height:48px;
    width:48px;
    background-position: center top;
    display: block;
    text-decoration: none;
    background-repeat: no-repeat;
}

#btn_descarga a:hover{
    background-image:url(../images/menuTop_downloadOver.png);
}
#btn_descarga a:focus{
    background-image:url(../images/menuTop_downloadClick.png);
    outline: none;
}
#btn_descarga_off{
    background-image:url(../images/menuTop_downloadOff.png);
    height:48px;
    width:48px;
    background-position: center top;
    display: block;
    text-decoration: none;
    background-repeat: no-repeat;
    border: 0 0 0 0;
    padding: 0;
    text-align: center;
}
.html {
    border: 0 0 0 0;
    padding: 0;
    text-align: center;
    background-image:url(../images/menuUnit_theoryOffsmall.png);
    height:20px;
    width:20px;
    background-position: center top;
    display: block;
    background-repeat: no-repeat;
}
.audio {
    border: 0 0 0 0;
    padding: 0;
    text-align: center;
    background-image:url(../images/menuUnit_audioOffsmall.png);
    height:20px;
    width:20px;
    background-position: center top;
    display: block;
    background-repeat: no-repeat;
}
.video {
    border: 0 0 0 0;
    padding: 0;
    text-align: center;
    background-image:url(../images/menuUnit_videoOffsmall.png);
    height:20px;
    width:20px;
    background-position: center top;
    display: block;
    background-repeat: no-repeat;
}
.exercise {
    border: 0 0 0 0;
    padding: 0;
    text-align: center;
    background-image:url(../images/menuUnit_excerciceOffsmall.png);
    height:20px;
    width:20px;
    background-position: center top;
    display: block;
    background-repeat: no-repeat;
}
.inprogress {
    border: 0 0 0 0;
    padding: 0;
    text-align: center;
    background-image:url(../images/menuUnit_iconInprogress.png);
    height:20px;
    width:20px;
    background-position: center top;
    display: block;
    background-repeat: no-repeat;
}
.hecho {
    border: 0 0 0 0;
    padding: 0;
    text-align: center;
    background-image:url(../images/menuUnit_iconV.png);
    height:20px;
    width:20px;
    background-position: center top;
    display: block;
    background-repeat: no-repeat;
}
.empty{
    border: 0 0 0 0;
    padding: 0;
    text-align: center;
    background-image:url(../images/empty.png);
    height:20px;
    width:20px;
    background-position: center top;
    display: block;
    background-repeat: no-repeat;
}
.htmldone {
    border: 0 0 0 0;
    padding: 0;
    text-align: center;
    background-image:url(../images/menuUnit_iconTheoryV.png);
    height:20px;
    width:20px;
    background-position: center top;
    display: block;
    background-repeat: no-repeat;
}
.audiodone {
    border: 0 0 0 0;
    padding: 0;
    text-align: center;
    background-image:url(../images/menuUnit_iconAudioV.png);
    height:20px;
    width:20px;
    background-position: center top;
    display: block;
    background-repeat: no-repeat;
}
.videodone {
    border: 0 0 0 0;
    padding: 0;
    text-align: center;
    background-image:url(../images/menuUnit_iconVideoV.png);
    height:20px;
    width:20px;
    background-position: center top;
    display: block;
    background-repeat: no-repeat;
}
.exercisedoneok {
    border: 0 0 0 0;
    padding: 0;
    text-align: center;
    background-image:url(../images/menuUnit_iconExerciceV.png);
    height:20px;
    width:20px;
    background-position: center top;
    display: block;
    background-repeat: no-repeat;
}
.exercisedonefail {
    border: 0 0 0 0;
    padding: 0;
    text-align: center;
    background-image:url(../images/menuUnit_iconX.png);
    height:20px;
    width:20px;
    background-position: center top;
    display: block;
    background-repeat: no-repeat;
}div#cab-item h1{
    background-color: #606d92;
}
div#con-item div#titulo h1{
    background-color: #bed331;
}
div#examples {
    border-top: 7px dotted #bed331;
    margin-top: 15px;
}
div#login{
    background: url(../images/cabeceraCuerpo1_login.png) no-repeat;
    position: absolute;
    /*display: inline; */
    font-size: 9px;
    left: 632px;
    top: 20px;
    width: 250px;
    height: 40px;
}
#btn_login{
    border: 0 0 0 0;
    padding: 0;
    text-align: center;
}
#btn_login a{
    background-image:url(../images/icon_loginIdle.png);
    height:28px;
    width:28px;
    background-position: center top;
    display: block;
    text-decoration: none;
    background-repeat: no-repeat;
}

#btn_login a:hover{
    background-image:url(../images/icon_loginOver.png);
}
#btn_login a:focus{
    background-image:url(../images/icon_loginClick.png);
    outline: none;
}
div#logout{
    background: url(../images/cabeceraCuerpo2_login.png) no-repeat;
    position: absolute;
    /*display: inline; */
    font-size: 9px;
    left: 632px;
    top: 20px;
    width: 250px;
    height: 40px;
}
#btn_logout{
    border: 0 0 0 0;
    padding: 0;
    text-align: center;
}
#btn_logout a{
    background-image:url(../images/cabeceraCuerpo_logoutOn.png);
    height:28px;
    width:28px;
    background-position: center top;
    display: block;
    text-decoration: none;
    background-repeat: no-repeat;
}

#btn_logout a:hover{
    background-image:url(../images/cabeceraCuerpo_logoutOver.png);
}
#btn_logout a:focus{
    background-image:url(../images/cabeceraCuerpo_logoutClick.png);
    outline: none;
}
.btn_verde {
    background-image: url(../images/btn_registerIdle.png);
    height: 84px;
    width: 160px;
    background-position: center top;
}
.btn_verde a{
    text-decoration: none;
}
.btn_verde a:focus{
    background-image: url(../images/btn_registerClick.png);
    outline: none;
}
.infomail a:link{
    text-decoration: none;
    color:#FFFFFF;
}
.infomail a:visited{
    text-decoration: none;
    color:#ffffff;
}
.infomail a:hover{
    text-decoration: none;
    font-weight: bolder;
}
.infomail a:focus{
    outline: none;
}
div#menu_cabecera div p{
    margin: 10px 0px;
}
.btn_azul {
    background-image: url(../images/menuHome_btnIdle.png);
    height: 66px;
    width: 192px;
    background-position: center top;
}
.btn_azul a{
    text-decoration: none;
}
.btn_azul a:focus{
    background-image: url(../images/menuHome_btnClick.png);
    outline: none;
}
div#levelResult {
    width: 885px;
    height: 500px;
    background: url(../images/levelDesc_fondo.png) no-repeat center;
}
.txtCG20 {
    font-family: 'Century Gothic';
    color: #ffffff;
    font-size: 20px;
}
div#levelDesc {
    width:685px;
    height:500px;
    background: url(../images/levelDesc_fondo2.png) no-repeat center;
}
div#levelDesc div#levelAct {
    left:85px;
    position:absolute;
    top:108px;
}
div#levelDesc div#caja {
    font-size:13px;
    font-weight:bold;
    left:82px;
    position:absolute;
    top:218px;
    width:535px;
}
div#levelDesc div#next {
    left:467px;
    position:absolute;
    top:320px;
}
div#levelDesc div#prev {
    left:085px;
    position:absolute;
    top:320px;
}
div#levelDesc div#desc {
    color:#394776;
    font-family:"Century Gothic";
    font-size:13pt;
    font-weight:normal;
    left:270px;
    position:absolute;
    text-align:center;
    top:331px;
    width:141px
}
.listaMsg {
    background: url(../images/msg_fondo1.png) no-repeat center;
    width: 885px;
    height: 500px;
}
div#titleMsg {
    left:75px;
    position:absolute;
    top:15px
}
div#cabeceraMsg {
    height:24px;
    left:59px;
    position:absolute;
    top:62px;
    width:766px;
}
div#lineaMsg {
    float: left;
    top: 50px;
    left: 100px;
    width: 750px;
    height: 24px;
}
div#cajaMsg {
    height:113px;
    left:58px;
    overflow:auto;
    position:absolute;
    top:99px;
    width:766px;
}
div#cajaRcv {
    height:228px;
    left:65px;
    overflow:auto;
    position:absolute;
    top:264px;
    width:476px;
    overflow: visible;
}
.btn_read{
    border: 0 0 0 0;
    padding: 0;
    text-align: center;
}
.btn_read a{
    background-image:url(../images/cabeceraCuerpo_mailIdle.png);
    height:28px;
    width:28px;
    background-position: center top;
    display: block;
    text-decoration: none;
    background-repeat: no-repeat;
}

.btn_read a:hover{
    background-image:url(../images/cabeceraCuerpo_mailOver.png);
}
.btn_read a:focus{
    background-image:url(../images/cabeceraCuerpo_mailClick.png);
    outline: none;
}
.btn_readed{
    border: 0 0 0 0;
    padding: 0;
    text-align: center;
}
.btn_readed a{
    background-image:url(../images/icon_msgIdle.png);
    height:28px;
    width:28px;
    background-position: center top;
    display: block;
    text-decoration: none;
    background-repeat: no-repeat;
}

.btn_readed a:hover{
    background-image:url(../images/icon_msgOver.png);
}
.btn_readed a:focus{
    background-image:url(../images/icon_msgClick.png);
    outline: none;
}
.btn_delmsg{
    border: 0 0 0 0;
    padding: 0;
    text-align: center;
}
.btn_delmsg a{
    background-image:url(../images/icon_XIdle.png);
    height:28px;
    width:28px;
    background-position: center top;
    display: block;
    text-decoration: none;
    background-repeat: no-repeat;
}

.btn_delmsg a:hover{
    background-image:url(../images/icon_XOver.png);
}
.btn_delmsg a:focus{
    background-image:url(../images/icon_XClick.png);
    outline: none;
}
.lista2Msg {
    background: url(../images/msg_fondo2.png) no-repeat center;
    width: 885px;
    height: 500px;

}
.lista3Msg {
    background: url(../images/msg_fondo3.png) no-repeat center;
    width: 885px;
    height: 500px;

}
.btn_nuevomsg{
    border: 0 0 0 0;
    padding: 0;
    text-align: center;
}
.btn_nuevomsg a{
    background-image:url(../images/btn_newMsgIdle.png);
    height:38px;
    width:150px;
    background-position: center top;
    display: block;
    text-decoration: none;
    background-repeat: no-repeat;
    padding-top: 5px;
}

.btn_nuevomsg a:hover{
    background-image:url(../images/btn_newMsgClick.png);
}
.btn_nuevomsg a:focus{
    background-image:url(../images/btn_newMsgClick.png);
    outline: none;
}
.registroini {
    float:left;
    width:96%;
    margin-left:7px;
    font-size:14px;
    background: url(../images/registrate1_fondo.png) no-repeat transparent;
    height: 100%;
}
.txt_registro {
    font-family: "Century Gothic";
    color: #394776;
}
.registroerror {
    float:left;
    width:96%;
    margin-left:7px;
    font-size:14px;
    background: url(../images/registrate3_fondo.png) no-repeat transparent;
    height: 100%;
}
.registrook {
    float:left;
    width:96%;
    /*margin-left:7px;*/
    font-size:14px;
    background: url(../images/registrate2_fondo.png) no-repeat transparent;
    height: 100%;
}
#btn_volver{
    border: 0 0 0 0;
    padding: 0;
    text-align: center;
}
#btn_volver a{
    background-image:url(../images/registrate2_volverOn.png);
    height:36px;
    width:168px;
    background-position: center top;
    display: block;
    text-decoration: none;
    background-repeat: no-repeat;
}

#btn_volver a:hover{
    background-image:url(../images/registrate2_volverOver.png);
}
#btn_volver a:focus{
    background-image:url(../images/registrate2_volverClick.png);
    outline: none;
}
#btn_renovar{
    border: 0 0 0 0;
    padding: 0;
    text-align: center;
}
#btn_renovar a{
    background-image:url(../images/renovar_On.png);
    height:36px;
    width:168px;
    background-position: center top;
    display: block;
    text-decoration: none;
    background-repeat: no-repeat;
}

#btn_renovar a:hover{
    background-image:url(../images/renovar_Over.png);
}
#btn_renovar a:focus{
    background-image:url(../images/renovar_Click.png);
    outline: none;
}
div#explica {
    background:transparent url(../images/levelContent_fondo.png) no-repeat scroll center center;
    height:500px;
    left:200px;
    position:absolute;
    width:685px
}
div#temariocurso {
    background:transparent url(../images/levelTest_fondo2.png) no-repeat scroll center center;
    height:500px;
    left:200px;
    position:absolute;
    width:685px;
}
.cabeceraTemario {
    height:22px;
    left:10px;
    position:absolute;
    top:36px;
    width:645px;
}
div#temariocurso div#scrollable {
    height:400px;
    left:10px;
    overflow:auto;
    position:absolute;
    top:70px;
    width:645px;
}
div#temariocurso div#linea {
    float:left;
    height:20px;
    width:630px;
}
.cu {
    left:0;
    position:absolute;
    width:48px;
}
.cs {
    left:60px;
    position:absolute;
    width:230px;
}
.cc {
    left:300px;
    position:absolute;
    width:90px;
}
.ct {
    left:365px;
    position:absolute;
    width:44px;
}
.ca {
    left:410px;
    position:absolute;
    width:36px;
}
.cv {
    left:449px;
    position:absolute;
    width:35px;
}
.ce {
    left:560px;
    position:absolute;
    width:65px;
}
.cd {
    left:488px;
    position:absolute;
    width:70px;
}
.lcu {
    left:0px;
    position:absolute;
    width:52px;
}
.lcs {
    left:60px;
    position:absolute;
    width:230px;
}
.lcc {
    left:300px;
    position:absolute;
    width:90px;
}
.lct {
    left:384px;
    position:absolute;
    width:10px;
}
.lca {
    left:427px;
    position:absolute;
    width:10px;
}
.lcv {
    left:463px;
    position:absolute;
    width:10px;
}
.lce {
    left:590px;
    position:absolute;
    width:10px;
}
.lcd {
    left:522px;
    position:absolute;
    width:10px;
}
div#intro-item {
    margin: 0px 10px 10px 10px;
}
.noborder {
    border: 0px;
    background-color: transparent;
}
.listapdf a{
    text-decoration: none;
    color: inherit;
}
.listapdf a:visited {
    text-decoration: none;
    color: inherit;
}
.btn_done{
    border: 0 0 0 0;
    padding: 0;
    text-align: center;
}
.btn_done a{
    background-image:url(../images/menuUnit_buttonEmptysmall.png);
    height:36px;
    width:100px;
    background-position: center top;
    display: inline-block;
    text-decoration: none;
    background-repeat: no-repeat;
    text-decoration: none;
    color: #ffffff;
}
.btn_done a:visited{
    text-decoration: none;
}
.testhome {
    background: url(../images/levelTest_fondo2.png) transparent center;
}
div#clavenueva {
    background-image:url(../images/clavenueva.png);
    background-repeat:no-repeat;
    color:#394776;
    font-size:12px;
    height:300px;
    left:50%;
    margin-left:-230px;
    margin-top:-154px;
    padding:15px 20px;
    position:absolute;
    top:50%;
    width:500px;
    z-index:150;
}

.clickArea {
    cursor: pointer;
}

.clickArea A:link {text-decoration: none;color:inherit;}
.clickArea A:visited {text-decoration: none;color:inherit;}
.clickArea A:active {text-decoration: none;}
.clickArea A:hover {text-decoration: none;color:inherit;}