

body {
    background:#ABB4D3 url(./bg-page.png) repeat-x scroll center top;
    font-family:"Helvetica Neue","Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
    font-size:90%;
    margin:20px;
}
#round {
    background:#FFFFFF ;
    margin:auto auto 50px;
    position:relative;
    width:800px;
}

#topcap {
left:0;
position:absolute;
top:0;
}


#header {
padding-top:12px;
}

#page {
clear:both;
margin:0;
padding: 0px 30px;
}

#bottomcap {
bottom:0;
left:0;
position:absolute;
}
a, img, img.drawing {
border:0 none;
}

#main {
background: transparent url(./FondoInsti.jpg) repeat scroll 0% 0%; width: 800px; height: 576px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;
}


/*
imagenes
*/
img.boton {filter:alpha(opacity=75); color: black;opacity:.75;}
img.boton:hover {filter:alpha(opacity=99); color: black;opacity:.99;}
img.botonb:hover {filter:alpha(opacity=75); color: black;opacity:.75;}
img.botonb: {filter:alpha(opacity=99);color: black;opacity:.99;}

img {filter:alpha(opacity=100);border: 0px none ;opacity:1;}

/*
botones
*/


.button {
  margin: 0, 50px ;
  width: 100%;
  font-family: helvetica,arial,sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}
.button a {
  display: block;
  margin: 0 0 0 0 ;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  padding: 8px 0 ;
  background: #dbdb70; border-radius: 12px;-moz-border-radius: 12px; -webkit-border-radius: 12px ;
  filter:alpha(opacity=50);opacity:.50;
  color: #000;

  border-top: 1px solid #cecece;
  border-bottom: 2px solid #4a4a4a;
  border-left: 1px solid #cecece;
  border-right: 2px solid #4a4a4a;
}
.button a:hover {
  filter:alpha(opacity=99);opacity:.99;
  border-bottom: 1px solid #cecece;
  border-top: 2px solid #4a4a4a;
  border-right: 1px solid #cecece;
  border-left: 2px solid #4a4a4a;
}


#boton4 {
  margin: 0, 50px ;
  width: 25%;
  font-family: helvetica,arial,sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}
img.claselogo { padding: 0px 0;}
img.claselogo:hover {filter:alpha(opacity=75); color: Blue;border: 0px dashed ;opacity:.75;}


/*
simplelist
*/
.simplelist ul { margin: 10px 0px 0 0 ; padding: 0px 0 0 15px; color:black; }
.simplelist li {  font-size: 0.8em;  margin: 4px 0 0 0;
filter:alpha(opacity=99); opacity:.99;
}
.simplelist a { text-decoration:none;color: black;}
.simplelist a:hover {color: #800000; background-color: White;}
