/* CSS Document */
html {
 background-color: black;
 }
body {
  width: 1000px;
  height: 838px;
  margin-right: auto;
  margin-left: auto;
  color: #FFD700; 
}
A:link {
  text-decoration:none;
  color: #B8860B;
} 
A:visited {
  text-decoration:none;
  color: #C0C0C0;
} 
A:active {
  text-decoration:none;
  color: #B8860B;
} 
A:hover {
  text-decoration:none;
  color: #00FF00;
} 
.si {
  width: 175px;
  height: 120px;
  float:left;
  background-image:url('l1.jpg');
  background-repeat:no-repeat;
}
.superior {
  width: 650px;
  height: 120px;
  float:left;
  margin-top: 0px;
  padding-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  font-weight: bolder;
  text-align: center;
  font-size: 28px;
  font-style: italic;
  color: #C0C0C0;
}
.sd {
  width: 175px;
  height: 120px;
  float:left;
  background-image:url('l2.jpg');
  background-repeat:no-repeat;
}
.indice {
  width: 1000px;
  height: 33px;
  float: left;
  font-weight: bolder;
  text-align: center;
  font-size: 16px;
  font-style: italic;
  background-color: #B8860B;
  background-position: center;
  color: #C0C0C0;
}
.izquierda {
  width: 175px;
  height: 685px;
  margin-left: 0px;
  float: left;
  padding-top: 0px;
  text-align: center;
  font-size: 12px;
  background-image:url('cl5.jpg');
  background-position: right;
  background-repeat:no-repeat;
}
.central {
  width: 650px;
  height: 685px;
  float: left;
  overflow-x : hidden; overflow-y : hidden;
}
.elemento {
  width: 600px;
  height : 685px;
  font-style: italic;
  font-weight: bolder;
  font-size: 18px;
  margin-right: auto;
  margin-left:auto;
  padding-top: 40px;
}
.derecha {
  width: 175px;
  height: 685px;
  margin-right: 0px;
  float: left;
  padding-top: 0px;
  font-weight: normal;
  text-align:center;
  background-image:url('cl6.jpg');
  background-position: left;
  background-repeat:no-repeat;
}
.enlaceboton1 {   
    font-family:Verdana,Helvetica;
    font-weight: 600;
    margin: 0px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 22px;
    padding-right: 21px;   
    text-decoration: none;
    line-height: 34px;
    border-top: 6px solid #6E500F; 
    border-bottom: 6px solid #6E500F; 
    border-left: 6px solid #daa520;
    border-right: 6px solid #daa520;
} 
.enlaceboton1:link, 
.enlaceboton1:visited { 
    background-color: #382703;
    border-top: 6px solid #6E500F; 
    border-bottom: 6px solid #6E500F; 
    border-left: 6px solid #daa520;
    border-right: 6px solid #daa520;
} 
.enlaceboton1:hover {
    background-color: #ffffff;
    border-bottom: 6px solid #FFCC33; 
    border-top: 6px solid #B8860B; 
    border-right: 6px solid #FFCC33; 
    border-left: 6px solid #B8860B;
}
.enlaceboton2 {   
    font-family:Verdana,Helvetica;
    font-weight: 300;
    width: 80px;
    height: 24px;
    display: inline-block;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;   
    text-decoration: none;
    line-height: 12px;
    border-top: 4px solid #6E500F; 
    border-bottom: 4px solid #6E500F; 
    border-left: 4px solid #daa520;
    border-right: 4px solid #daa520;
} 
.enlaceboton2:link, 
.enlaceboton2:visited { 
    background-color: #382703;
    border-top: 4px solid #6E500F; 
    border-bottom: 4px solid #6E500F; 
    border-left: 4px solid #daa520;
    border-right: 4px solid #daa520;
} 
.enlaceboton2:hover {
    background-color: #ffffff;
    border-bottom: 4px solid #FFCC33; 
    border-top: 4px solid #B8860B; 
    border-right: 4px solid #FFCC33; 
    border-left: 4px solid #B8860B;
}