/*-------------------------------CSS PARA LOS POST-IT*/

.jov table {position:relative; border:0; border-collapse:collapse; left:0;}

.jov a {color:#000; text-decoration:none; font-family:Arial, Helvetica, sans-serif; color:#CC3300; font-weight:bold;} /*Enlace inactivo dentro de la sección que habilita el post-it*/

.jov b {display:none; font-weight:normal; font-family:Arial, Helvetica, sans-serif;} /*Sección o contenedor dentro del enlace*/

.jov:hover {position:relative; z-index:50;color:#111;}

.jov a:hover /*Enlaces activos dentro de la sección que habilita el post-it*/

{border:0; text-decoration:none; position:relative; color:#666666;} 

.jov:hover b, 

.jov a:hover b /*Define cómo será el post-it y el momento en el que se mostrará; incluye el color de la fuente por defecto, etc.*/

{font-size:11px; display:block; visibility:visible; position:absolute;  left:-80px; top:3em; background:#FFFCC5 /*ffc antes*/; cursor:auto; border:1px solid #000; padding:10px 10px; width:20em; height:11em; color:#000000; text-align:justify;}

.jov b a {font-size:12px; white-space:nowrap; text-decoration:none; color:#8181A4; background:transparent; display:block;} /*Enlace inactivo dentro del post-it*/

.jov b a:hover {font-size:12px; color:#8D4D5E;} /*Enlace activo dentro del post-it*/

.clear {clear:both;}

/*-------------------------------*/


/*-------------------------------CSS PARA LOS POST-IT*/

.tov table {position:relative; border:0; border-collapse:collapse; left:0;}

.tov a {color:#000; text-decoration:none; font-family:Arial, Helvetica, sans-serif; color:#CC3300; font-weight:bold;} /*Enlace inactivo dentro de la sección que habilita el post-it*/

.tov b {display:none; font-weight:normal; font-family:Arial, Helvetica, sans-serif;} /*Sección o contenedor dentro del enlace*/

.tov:hover {position:relative; z-index:50;color:#111;}

.tov a:hover /*Enlaces activos dentro de la sección que habilita el post-it*/

{border:0; text-decoration:none; position:relative; color:#666666;} 

.tov:hover b, 

.tov a:hover b /*Define cómo será el post-it y el momento en el que se mostrará; incluye el color de la fuente por defecto, etc.*/

{font-size:11px; display:block; visibility:visible; position:absolute;  left:-200px; top:3em; background:#FFFCC5 /*ffc antes*/; cursor:auto; border:1px solid #000; padding:10px 10px; width:20em; height:11em; color:#000000; text-align:justify;}

.tov b a {font-size:12px; white-space:nowrap; text-decoration:none; color:#8181A4; background:transparent; display:block;} /*Enlace inactivo dentro del post-it*/

.tov b a:hover {font-size:12px; color:#8D4D5E;} /*Enlace activo dentro del post-it*/

.clear {clear:both;}

/*-------------------------------*/

/*-------------------------------CSS PARA LOS POST-IT*/

.hov_img table {position:relative; border:0; border-collapse:collapse; left:0;}

.hov_img a {color:#000; text-decoration:none; font-family:Arial, Helvetica, sans-serif; color:#CC3300; font-weight:bold;} /*Enlace inactivo dentro de la sección que habilita el post-it*/

.hov_img b {display:none; font-weight:normal; font-family:Arial, Helvetica, sans-serif;} /*Sección o contenedor dentro del enlace*/

.hov_img:hover {position:relative; z-index:50;color:#111;}

.hov_img a:hover /*Enlaces activos dentro de la sección que habilita el post-it*/

{border:0; text-decoration:none; position:relative; color:#666666;} 

.hov_img:hover b, 

.hov_img a:hover b /*Define cómo será el post-it y el momento en el que se mostrará; incluye el color de la fuente por defecto, etc.*/

{font-size:11px; display:block; visibility:visible; position:absolute;  left:-450px; top:0px; /*ffc antes*/; cursor:auto; width:20em; height:11em; text-align:justify;}

.hov_img b a {font-size:12px; white-space:nowrap; text-decoration:none; color:#40B9FF; background:transparent; display:block;} /*Enlace inactivo dentro del post-it*/

.hov_img b a:hover {font-size:12px; text-decoration:underline; color:#8AC545;} /*Enlace activo dentro del post-it*/

.clear {clear:both;}

/*-------------------------------*/