#right {float:right; right:0px; width:140px; height:100%;}
#actividad {background-image:url(imagenes/act_bg.gif); background-repeat:no-repeat; padding:10 10 0 10px; border-bottom:1px solid #9fa1a5; margin:65 0 0 15px;}
#actividad p {font-family:san-serif; font-size:12px; line-height:20px; font-color:#333333; padding-top:30px;}

#curso {position:relative; left:10px; top:20px; width:100%; margin-bottom:30px; margin-right:15px;
       min-width:500px;
       /* IE Dynamic Expression to set the width */
       width:expression(document.body.clientWidth < 500 ? "500px" : "100%" );}
#curso table {font-family:arial; font-size:12px;}
#curso .tm {font-family:san-serif; font-size:18px; color:#707070;}
#curso .tm b {font-size:20px; font-stretch: narrower; font-weight:bold; font-size:16px;}
#curso .tt {font-family:san-serif; font-size:15px; color:#3b6289; font-weight:bold; margin:10 0 0 0px;}
#curso .ts {font-family:san-serif; font-size:13px; color:#023567; font-weight:normal; margin:0 0 20 35px;}
#curso .tss {font-family:san-serif; font-size:13px; color:#5a7c9c; font-weight:normal; margin:-20 0 20 60px;}

#curso ul {list-style-type:none; line-height:25px;}
#curso ul li {background: url(imagenes/bullet_1.gif) no-repeat 0px 8px; background-position:middle; padding: 0 0 0 15px;}
#curso ul li .li2 {list-style-type:circle; line-height:25px; background:url(); padding: 0 0 0 0px;}

#curso ol {line-height:20px; margin:0 10 0 40px;}
#curso ol .preg {line-height:20px; margin:0px; font-size:13px; color:#003366; font-weight:bold;}

#page {margin-top:0px;}
#page table {font-family:sans-serif; color:#333333; word-spacing:10px; line-height:20px;}
#page table .on {text-decoration:none; color:#333333; background-color:#cccccc; padding:3px; font-weight:bold; cursor:hand;}
#page table .off {color:#cccccc;}
#page table a {text-decoration:underline; color:#666666; font-weight:bold;}
#page table a:hover {text-decoration:underline; color:#333333; font-weight:bold;}

/*textos */
h3 {font-family:arial, san-serif; color:#333333; font-weight:bold; text-align:center;}
a:link.tx {text-decoration:underline;}
.tt {font-family:san-serif; font-size:15px; color:#3b6289; font-weight:bold; margin:10px;}
.tx2 {font-family:arial, san-serif; font-size:13px; color:#333333; font-weight:normal;}
.tx3 {font-family:arial, san-serif; font-size:11px; color:#333333; font-weight:bold;}
.tx4 {font-family:arial, san-serif; font-size:15px; color:#bf1e2e; font-weight:bold;}
.tx5 {font-family:arial, san-serif; font-size:11px; color:#333333; padding:5 0 10 15px;}
.tx6 {font-family:arial, san-serif; font-size:11px; color:#30667b;}

/*cajas */
#clic {width:80%; align:right; margin:15 0 5 0px; background-color: #ffffff; border: 1px #cccccc dotted; align:center;}
#clic td {font-family: arial, sans-serif; font-size:11px; font-weight:bold; color: #333333;}

.box1 {font-family:arial, sans-serif; font-size: 11px; font-weight:bold; color:#333333; background: url(imagenes/boxBg.gif) no-repeat 0px 0px; padding:5px; line-height: 15px; text-align:center; width:532px; height:43px;}



.tbl_special {width:100%; margin:15 0 15 0px; border-collapse:true; border-top:1px #999999 dotted; border-bottom:1px #999999 dotted; background-color:#eeeeee; padding:10px; font-family:arial, san-serif; font-size:12px; color:#000000;}

.tbl_boxed {font-family:arial, san-serif; font-size:15px; color:#bf1e2e; font-weight:bold; text-align:center;}

.tbl_boxed2 {font-family:arial, sans-serif; font-size:12px; font-weight:normal; color:#333333; background: #bbe0e3; padding:10px; width:100%; margin:10 0 10 0px;}

.tbl_boxed4 {width:100%; border-collapse:true; border:2px #666666 solid; background-color:#25648f;}
.tbl_boxed4 td {padding:10px; color:#ffffff;}

.tbl_select {width:80%; border-collapse:true;}
.tbl_selectOff {padding:5px; color:#333333; border:2px #666666 solid; cursor:hand;}
.tbl_selectOn {padding:5px; color:#333333; border:2px #29bbdd solid; background-image:url(imagenes/bg_1.gif); cursor:hand;}

.tbl_person {background: url(imagenes/person.jpg) no-repeat 0px 0px; height:200px; width:528px;}
.tbl_person td {font-family:arial, sans-serif; font-size:15px; font-weight:normal; color:#333333; padding:20 30 25 195px; width:325px; vertical-align:top;}

.td_tt {background-image: url(imagenes/td_tt_bg.gif); background-repeat:repeat-x; border:2px solid #626262; color:#ffffff; font-size:12px; text-align:center; background-color:#2a5b7e;}



.tooltip {font-family:arial, sans-serif; font-size:12px; font-weight:normal; color: #006699; text-decoration:underline; cursor:hand;}

#idea {width:100%; background-image:url(imagenes/consejo_bg.gif); background-repeat:no-repeat; padding:30 10 10 10px; border-bottom:1px solid #d3d3c9; margin:5 0 10 0px; background-color:#efefe3;}
#idea p {font-family:san-serif; font-size:12px; font-color:#333333; padding:20 0 0 42px;}

#ejercicio {width:100%; background-image:url(imagenes/ejercicio_bg.gif); background-repeat:no-repeat; padding:30 10 10 10px; border-bottom:1px solid #e0ccc8; margin:5 0 10 0px; background-color:#efe5e3; align:left;}
#ejercicio p {font-family:san-serif; font-size:12px; font-color:#333333; padding:20 0 0 35px;}

#importante {width:100%; background-image:url(imagenes/importante_bg.gif); background-repeat:no-repeat; padding:30 10 10 10px; border-bottom:1px solid #ffff66; margin:5 0 10 0px; background-color:#ffffb2;}
#importante p {font-family:san-serif; font-size:12px; font-color:#333333; padding:20 0 0 42px;}

#practica {width:100%; background-image:url(imagenes/practica_bg.gif); background-repeat:no-repeat; padding:30 10 10 10px; border-bottom:1px solid #75b1d9; margin:5 0 10 0px; background-color:#dbebf5;}
#practica p {font-family:san-serif; font-size:12px; font-color:#333333; padding:25 0 0 20px;}

/*botones */
.btnTema {background-image:url(imagenes/btn_tema.gif); background-repeat: no-repeat; height:53px; width:217px; font-family:arial, san-serif; font-size:12px; color:#ffffff; padding:10px; vertical-align:top; cursor:hand;}
.btnTemaOn {background-image:url(imagenes/btn_temaOn.gif); background-repeat: no-repeat; height:53px; width:217px; font-family:arial, san-serif; font-size:12px; color:#ffffff; padding:10px; vertical-align:top; cursor:hand;}

.btn1 {background-image:url(imagenes/btn_1.gif); background-repeat: no-repeat; height:22px; width:100px; font-family:arial, san-serif; font-size:12px; color:#333333; font-weight:bold; text-align:center; cursor:hand;}
.btn1on {background-image:url(imagenes/btn_1on.gif); background-repeat: no-repeat; height:22px; width:100px; font-family:arial, san-serif; font-size:12px; color:#99cc66; font-weight:bold; text-align:center; cursor:hand;}

.btn2 {background-image:url(imagenes/btn_2.gif); background-repeat: no-repeat; height:44px; width:100px; font-family:arial, san-serif; font-size:12px; color:#333333; font-weight:bold; text-align:center; cursor:hand;}
.btn2on {background-image:url(imagenes/btn_2on.gif); background-repeat: no-repeat; height:44px; width:100px; font-family:arial, san-serif; font-size:12px; color:#99cc66; font-weight:bold; text-align:center; cursor:hand;}

.btn3 {background-image:url(imagenes/btn_3.gif); background-repeat: no-repeat; height:54px; width:121px; font-family:arial, san-serif; font-size:12px; color:#333333; font-weight:bold; text-align:center; cursor:hand;}
.btn3on {background-image:url(imagenes/btn_3on.gif); background-repeat: no-repeat; height:54px; width:121px; font-family:arial, san-serif; font-size:12px; color:#99cc66; font-weight:bold; text-align:center; cursor:hand;}

.validYes {background-color:yellow;}
.define {text-decoration:underline; cursor:hand;}
.define a:hover {text-decoration:underline;color: #009999;}

/* foot */
#footer {width:100%; position:absolute; font-size:10px; text-align:center;}

/* windows */
#winHead {width:100%; height:30px; font-size:11px; color:#333333; text-align:right; background-image:url(imagenes/win_head.gif); background-repeat:repeat-x; padding:2 10 2 2px;}
#winHead a:link {color:#003366; text-decoration:none; font-weight:normal;}
#winHead a:hover {color:#003366; text-decoration:underline; font-weight:normal;}

#line {width:100%; margin-top:15px; border-top: 1px dotted #999999;}