html, body { margin: 0px;
padding: 0px;
width: 100%;
height: 100%;
font-size: 0.8em;
font-family: Verdana;
}
#contenedor { border: 1px solid rgb(153, 153, 153);
margin: 100px auto 0px;
width: 800px;
position: relative;
background-color: rgb(0, 0, 0);
}
#contenido { background-color: rgb(255, 255, 255);
padding: 0px 6px 0px 10px;
margin: -13px 0px 0px 110px;
}
#visitados { 
float: left;
width: 110px;
background-color: rgb(102, 102, 102);
}
h2 { margin: 4px 0px;
padding: 0px;
color: rgb(255, 255, 255);
text-align: center;
font-weight: bold;
font-size: 1.5em;
}
ul { list-style-type: none;
text-align: right;
margin-right: 10px;
margin-top: -17px;
height: 20px;
}
li { 
display: inline;
}
a { border: 1px solid rgb(192, 192, 192);
padding: 4px 10px;
text-decoration: none;
background-color: rgb(0, 0, 0);
color: rgb(255, 255, 255);
font-weight: bold;
display: inline-block;
}
a:visited {background-color: #000; color: #fff;
position: absolute;
left: 0px;
border: none;
padding-right: 43px;
outline: 0;
}
.boton1:visited {top: 34px;}
.boton2:visited {top: 64px;}
.boton3:visited {top: 94px;}
.boton4:visited {top: 124px;}

a:focus, a:active {background-color: #fff; color: #000;
 }
a span { position: absolute;
font-weight: normal;
top: 12px;
background-color: rgb(255, 255, 255);
text-align: left;
left: 126px;
display: none;
}

.boton1:visited span {top: -22px;}
.boton2:visited span {top: -52px;}
.boton3:visited span {top: -82px;}
.boton4:visited span {top: -112px;}

a:focus span, a:active span { display: block;width: 660px;z-index:10}

#inicial { border-style: solid;
border-color: rgb(255, 255, 255);
margin: 4px 4px 0px 4px;
}
p {margin-top: 10px;margin-bottom: 0px;}
.opcion { 
text-align: justify;
 }
.opcion h3 { 
font-size: 1em;
text-align: left;
margin: 0;
}
#texto1 img, #texto3 img { margin: 10px 0px 0px 16px;
float: right;
border: 0;
}
#texto2 img,  #texto4 img { margin: 10px 16px 0px 0px;
float: left;
border: 0;
}
#texto1, #texto1 h3 { 
color: rgb(0, 0, 0);
}
#texto2, #texto2 h3 { 
color: rgb(51, 0, 0);
}
#texto3, #texto3 h3 { 
color: rgb(0, 0, 153);
}
#texto4, #texto4 h3 { 
color: rgb(0, 51, 0);
 }

a.boton img { border: none ;
text-decoration: none;
top: 50%;
left: 50%;
margin-left: -55px;
margin-top: -55px;
position: absolute;
}
a.boton span { background-color: rgb(0, 0, 0);
position: absolute;
top: 0px;
left: 0px;
cursor: default;
width: 100%;
height: 100%;
}
a.boton:visited {display: none;}