/*-------------------------------------------------*/
#wn_nuevo_ciaa	{ 
    position:relative;
    display: block;
    float: left;
	width: 340px;
	height: 125px;
    overflow:hidden;
	}
    
#scrollbar_nuevo_ciaa { 
  position:relative;
  float: left;
  margin-top: 2px;
  width:11px; height:125px; /*Height es la altura de wn_.....*/
  font-size:1px;  
  }
#track_nuevo_ciaa { 
  position:absolute; left:0; top:12px;
  width:11px; height:101px; /*Height es la altura del scrollbar - 24 (12 + 12 de cada flecha)*/
  background: #a1a2a3;/*#336;*/
  }
#dragBar_nuevo_ciaa {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color: #e5e5f5; /*#ceced6;*/
  }  

#up_nuevo_ciaa { position:absolute; left:0; top:0;}  
#down_nuevo_ciaa { position:absolute; left:0; margin-top: 114px;} /*height de wn_... - 11 */


/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
#scrollbar_nuevo_ciaa img {
    float: left;
    } 
    
/*-------------------------------------------------*/


#wn_eventos_ciaa { 
    position:relative;
    display: block;
    float: left;
	width: 340px;
	height: 152px;
	_height: 145px;
    overflow:hidden;
	}
    
#scrollbar_eventos_ciaa { 
  position:relative;
  float: left;
  margin-top: 2px;
  width:11px; height:152px; _height: 145px; /*Height es la altura de wn_.....*/
  font-size:1px;  
  }
#track_eventos_ciaa { 
  position:absolute; left:0; top:12px;
  width:11px; height:128px;/*Height es la altura del scrollbar - 24 (12 + 12 de cada flecha)*/
  background: #a1a2a3;/*#336;*/
  }
#dragBar_eventos_ciaa {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color: #e5e5f5; /*#ceced6;*/
  }  

#up_eventos_ciaa { position:absolute; left:0; top:0;}  
#down_eventos_ciaa { position:absolute; left:0; margin-top: 141px;} /*height de wn_... - 11 */


/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
#scrollbar_eventos_ciaa img {
    float: left;
    }     
    
/*-------------------------------------------------*/

#wn_actualidad { 
    position:relative;
    display: block;
    float: left;
	width: 340px;
	height: 223px;
    overflow:hidden;
	}
    
#scrollbar_actualidad { 
  position:relative;
  float: left;
  margin-top: 2px;
  width:11px; height:223px; /*Height es la altura de wn_.....*/
  font-size:1px;  
  }
#track_actualidad { 
  position:absolute; left:0; top:12px;
  width:11px; height:199px; /*Height es la altura del scrollbar - 24 (12 + 12 de cada flecha)*/
  background: #a1a2a3;/*#336;*/
  }
#dragBar_actualidad {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color: #e5e5f5; /*#ceced6;*/
  }  

#up_actualidad { position:absolute; left:0; top:0;}  
#down_actualidad { position:absolute; left:0; margin-top: 212px;} /*height de wn_... - 11 */


/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
#scrollbar_actualidad img {
    float: left;
    }         
    
    
/*-------------------------------------------------*/

/*======================= PLANTILLA PARA CUANDO SE NECESITE EN HORIZONTAL ============================*/

#wn_plantilla	{ 
    position:relative; 
	float: left;
	width: 600px;
	height: 30px;
	margin-top:0px;
	margin-left:100px;
    overflow:hidden;	
	font-size:11px;

    }
#scrollbar_plantilla { 
    position:relative; 
    float:left;
    width:200px; height:11px; /*Width es el ancho del wn_.... */
    display:block; /* display:none initially */
    font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
	margin-top: 5px;
	margin-left:350px;
  }

#track_plantilla { 
    position:absolute; left:12px; top:0;
	float:left;
    width:176px; height:11px;  /*Width es el ancho del scrollbar - 24 (12 + 12 de cada flecha)*/
    background: #a1a2a3;/*#336;*/
  }
#dragBar_plantilla {
    position:absolute; left:1px; top:1px;
    width:20px; height:9px; 
    background-color: #e5e5f5; /*#ceced6;*/
  }  
#left_plantilla { position:absolute; left:0; top:0; }  
#right_plantilla { position:absolute; right:0; top:0;  }




/*-------------------------------------------------*/
#wn_messier	{ 
    position:relative;
    display: block;
    margin-top: 3px;
    float: left;
	width: 283px;
	height: 265px;
    overflow:hidden;
	}
	
/*#wn_messier li {
height: 212px;
}*/
    
#scrollbar_messier { 
  position:relative;
  float: left;
  margin-top: 5px;
  width:11px; height:265px; /*Height es la altura de wn_.....*/
  font-size:1px;  
  }
#track_messier { 
  position:absolute; left:0; top:12px;
  width:11px; height:241px; /*Height es la altura del scrollbar - 24 (12 + 12 de cada flecha)*/
  background: #a1a2a3;/*#336;*/
  }
#dragBar_messier {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color: #e5e5f5; /*#ceced6;*/
  }  

#up_messier { position:absolute; left:0; top:0;}  
#down_messier { position:absolute; left:0; margin-top: 254px;} /*height de wn_... - 11 */


/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
#scrollbar_messier img {
    float: left;
    } 

    
    
    
    
/*-------------------------------------------------*/
#wn_albums	{ 
    position:relative;
    display: block;
    margin-top: 15px;
    float: left;
	width: 636px;
	height: 395px;
    overflow:hidden;
	}
	
    
#scrollbar_albums { 
  position:relative;
  float: left;
  margin-top: 10px;
  width:11px; height:395px; /*Height es la altura de wn_.....*/
  font-size:1px;  
  }
#track_albums { 
  position:absolute; left:0; top:12px;
  width:11px; height:371px; /*Height es la altura del scrollbar - 24 (12 + 12 de cada flecha)*/
  background: #a1a2a3;/*#336;*/
  }
#dragBar_albums {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color: #e5e5f5; /*#ceced6;*/
  }  

#up_albums { position:absolute; left:0; top:0;}  
#down_albums { position:absolute; left:0; margin-top: 384px;} /*height de wn_... - 11 */


/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
#scrollbar_albums img {
    float: left;
    } 
    
    
    
/*-------------------------------------------------*/
#wn_lista_videos	{ 
    position:relative;
    display: block;
    margin-top: 5px;
    float: left;
	width: 380px;
	height: 570px;
    overflow:hidden;
	}
	
    
#scrollbar_lista_videos { 
  position:relative;
  float: left;
  margin-top: 7px;*/
  width:11px; height:570px; /*Height es la altura de wn_.....*/
  font-size:1px;  
  }
#track_lista_videos { 
  position:absolute; left:0; top:12px;
  width:11px; height:546px; /*Height es la altura del scrollbar - 24 (12 + 12 de cada flecha)*/
  background: #a1a2a3;/*#336;*/
  }
#dragBar_lista_videos {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color: #e5e5f5; /*#ceced6;*/
  }  

#up_lista_videos { position:absolute; left:0; top:0;}  
#down_lista_videos { position:absolute; left:0; margin-top: 559px;} /*height de wn_... - 11 */


/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
#scrollbar_lista_videos img {
    float: left;
    } 

    
    
    
/*-------------------------------------------------*/
#wn_podcasts	{ 
    position:relative;
    display: block;
    /*margin-top: 5px;*/
    float: left;
	width: 376px;
	height: 305px;
    overflow:hidden;
	}
	
    
#scrollbar_podcasts { 
  position:relative;
  float: left;
  margin-top: 3px;
  width:11px; height:305px; /*Height es la altura de wn_.....*/
  font-size:1px;  
  }
#track_podcasts { 
  position:absolute; left:0; top:12px;
  width:11px; height:281px; /*Height es la altura del scrollbar - 24 (12 + 12 de cada flecha)*/
  background: #a1a2a3;/*#336;*/
  }
#dragBar_podcasts {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color: #e5e5f5; /*#ceced6;*/
  }  

#up_podcasts { position:absolute; left:0; top:0;}  
#down_podcasts { position:absolute; left:0; margin-top: 294px;} /*height de wn_... - 11 */


/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
#scrollbar_podcasts img {
    float: left;
    } 

    
    
    
/*-------------------------------------------------*/
#wn_divulciaa	{ 
    position:relative;
    display: block;
    /*margin-top: 5px;*/
    float: left;
	width: 376px;
	height: 162px;
    overflow:hidden;
	}
	
    
#scrollbar_divulciaa { 
  position:relative;
  float: left;
  margin-top: 3px;
  width:11px; height:162px; /*Height es la altura de wn_.....*/
  font-size:1px;  
  }
#track_divulciaa { 
  position:absolute; left:0; top:12px;
  width:11px; height:138px; /*Height es la altura del scrollbar - 24 (12 + 12 de cada flecha)*/
  background: #a1a2a3;/*#336;*/
  }
#dragBar_divulciaa {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color: #e5e5f5; /*#ceced6;*/
  }  

#up_divulciaa { position:absolute; left:0; top:0;}  
#down_divulciaa { position:absolute; left:0; margin-top: 151px;} /*height de wn_... - 11 */


/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
#scrollbar_divulciaa img {
    float: left;
    } 

        

    
        

/*-------------------------------------------------*/
#wn_articulos	{ 
    position:relative;
    display: block;
    margin-top: 5px;
    float: left;
	width: 343px;
	height: 241px;
    overflow:hidden;
	}
	
    
#scrollbar_articulos { 
  position:relative;
  float: left;
  margin-top: 5px;
  width:11px; height:241px; /*Height es la altura de wn_.....*/
  font-size:1px;  
  }
#track_articulos { 
  position:absolute; left:0; top:12px;
  width:11px; height:227px; /*Height es la altura del scrollbar - 24 (12 + 12 de cada flecha)*/
  background: #a1a2a3;/*#336;*/
  }
#dragBar_articulos {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color: #e5e5f5; /*#ceced6;*/
  }  

#up_articulos { position:absolute; left:0; top:0;}  
#down_articulos { position:absolute; left:0; margin-top: 230px;} /*height de wn_... - 11 */


/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
#scrollbar_articulos img {
    float: left;
    } 

    
    
/*-------------------------------------------------*/
#wn_miscelanea	{ 
    position:relative;
    display: block;
    margin-top: 5px;
    float: left;
	width: 393px;
	height: 227px;
    overflow:hidden;
	}
	
    
#scrollbar_miscelanea { 
  position:relative;
  float: left;
  margin-top: 5px;
  width:11px; height:227px; /*Height es la altura de wn_.....*/
  font-size:1px;  
  }
#track_miscelanea { 
  position:absolute; left:0; top:12px;
  width:11px; height:203px; /*Height es la altura del scrollbar - 24 (12 + 12 de cada flecha)*/
  background: #a1a2a3;/*#336;*/
  }
#dragBar_miscelanea {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color: #e5e5f5; /*#ceced6;*/
  }  

#up_miscelanea { position:absolute; left:0; top:0;}  
#down_miscelanea { position:absolute; left:0; margin-top: 216px;} /*height de wn_... - 11 */


/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
#scrollbar_miscelanea img {
    float: left;
    }