body {

  padding:0px;
  color:#333333;
  font:12px Trebuchet MS, Verdana,Arial,Helvetica,sans-serif;
  margin:0px 0px 0px 0px;
  text-align:center;
  background-color:#333333;
  text-shadow: #FFFFFF 2px 2px 2px;
 }
a{
  color:#333333;
  text-shadow: #FFFFFF 2px 2px 2px;
  text-decoration:underline;
}
h1{
margin-top:27px;
font-weight:normal;
}
a:hover, a.selected{
background-image:url(../img/flecha9.gif);
text-decoration:none;
background-repeat:no-repeat;
background-position:right 5px;
padding-right:10px;

}
a.sinover:hover{
padding-right:0;
background-image:none;

}
#content .col1 li a:hover, #content .col1 li a.selected {
background-position:right 8px;
}
#div1,#div2,#mask, #page{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;

}
#div1 img, #div2 img{
width:80%;
min-width:880px;
}
#div1{
z-index:1;
}
#div2{
z-index:2;
}
#mask{
z-index:3;
text-align:center;
opacity:0.75;
}
#bg img{
width:100%;
}
#page{
z-index:4;
text-align:center;

}
#content{
width:800px;
margin:50px auto 0  auto;
text-align:left;

}
#content .col1{
width:196px;
padding:27px;
margin-right:20px;
background-image:url(../img/bgsemi.png);
float:left;
border-left: 2px dotted #CCCCCC;
border-right: 2px dotted #CCCCCC;
}
#content .col1 ul{
text-align:right;
}
#content .col1 li{
list-style:none;
font-size:1.3em;
margin-top:10px;
 text-shadow:none;
}
#content .col1 li a{

 text-shadow:none;
 }
#content .col2{
width:466px;
padding:27px;
background-image:url(../img/bgsemi.png);
float:left;
border-left: 2px dotted #CCCCCC;
border-right: 2px dotted #CCCCCC;
min-height:400px;
}
#content td{
padding:4px 4px 4px 0;
vertical-align:bottom;

}
.scrollcontent{
max-height:600px; overflow:auto;
}