@charset "UTF-8";
div#wn/* CSS Document */

  {
position:absolute;
left:5px;
width:510px;
height:390px;
z-index:auto;
overflow: hidden;
top: 5px;
right: 5px;
bottom: 5px;
}
div#wn2 {
position:absolute;
left:30px;
width:240px;
height:184px;
z-index:auto;
overflow: hidden;
top: 215px;
right: 0px;
bottom: 0px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #FFFFFF;
}
div#lyr1 {
}
#lyr2 h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #2F344A;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
width: auto;
height: 16px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
}
#lyr2 p {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #006699;
font-style: normal;
line-height: 11px;
text-align: left;
display: block;
padding: 0px;
margin: 0px;
}
div#scrollbar {
height: 390px;
width: 29px;
position: absolute;
left: 526px;
background-image: url(imaxes/barra.png);
background-repeat: no-repeat;
background-position: center center;
top: 5px;
}
div#scrollbar2 {
height: 185px;
width: 20px;
position: absolute;
left: 280px;
top: 215px;
}
div#up  {
height: 51px;
width: 29px;
position: absolute;
overflow: hidden;
}
div#up a   {
display: block;
height: 51px;
width: 29px;
text-align: center;
background-image: url(imaxes/arriba.png);
background-repeat: no-repeat;
background-position: center top;
}
div#up a:hover, div#up a:active {
background-image: url(imaxes/arriba.png);
background-repeat: no-repeat;
background-position: center -51px;
display: block;
height: 51px;
width: 29px;
}
div#up2 {
height: 20px;
width: 20px;
background-image: url(imaxes/arriba2.gif);
background-repeat: no-repeat;
background-position: center top;
}
div#down{
height: 51px;
width: 29px;
position: absolute;
left: 0px;
bottom: 0px;
top: 339px;
}
div#down a   {
display: block;
height: 51px;
width: 29px;
text-align: center;
background-image: url(imaxes/abajo.png);
background-repeat: no-repeat;
background-position: center top;
}
div#down a:hover, div#down a:active {
background-image: url(imaxes/abajo.png);
background-repeat: no-repeat;
background-position: center -51px;
display: block;
height: 51px;
width: 29px;
}
div#down2 {
background-image: url(imaxes/abajo2.gif);
background-repeat: no-repeat;
background-position: center bottom;
height: 20px;
width: 20px;
position: absolute;
left: 0px;
top: 165px;
}
div#track {
position:absolute;
left:0;
top:51px;
width:29px;
height:288px;
border-right-style: none;
border-left-style: none;
border-top-style: none;
border-bottom-style: none;
 }
div#dragBar {
position:absolute;
left:0px;
top:0px;
width:27px;
height:18px;
background-image: url(imaxes/barradeslizadora.png);
background-repeat: repeat-y;
background-position: right center;
border: 1px solid #FFFFFF;
}
div#track2 {
position:absolute;
left:0;
top:20px;
width:20px;
height:145px;
border-right-style: none;
border-left-style: none;
border-top-style: none;
border-bottom-style: none;
background-image: url(imaxes/rellenotrack2.png);
background-repeat: repeat-y;
}
div#dragBar2 {
position:absolute;
left:0px;
top:0px;
width:18px;
height:18px;
border: 1px solid #FFFFFF;
background-color: #FFFFFF;
}