html {
	margin: 0;
	padding: 0;
	}

body { 
	--font: 75% georgia, sans-serif;
	line-height: 1.88889;
	height:100%;
	background: #3355AA;
	margin: 0; 
	padding: 0;
	}
a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: white;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: white;
	}
a:hover, a:active { 
	text-decoration: none; 
	color: #9685FF;
	}
#superior {
	text-align:center;
	margin:5px;
	left:18%;
	width:64%;
	position:absolute;
	}

div#izquierda { 
	font: 10px verdana, sans-serif; 
  	position:fixed;
  	top:2em; 
	background-color:#333399;
  	left:0%;
  	width:15%;
	height:100%;
	font-size:small;
	color: white;
	font-weight: bold;
	text-align:left;
	border: 2pt outset #9685FF;
}

div#izquierda ul {
	list-style-image: url(flecha.jpeg);
	left: 0em;
}

#centro { 
  	position:absolute;
  	top:16em;
  	width:62%;
  	background-color:#3355AA;
  	color:#3366CC;
  	padding:0;
  	margin:0;
	left:18%;
	height:95%;
	text-align:justify;
  	font-size:x-small;
	color:white; 
 	}
#centro ul li {
	list-style-image: url(pelota.jpeg);
}

#centro ul li:hover {
	list-style-image: url(pelota2.jpeg);
}

div#derecha { 
  	position:fixed;
  	top:1em;
	background-color:#333399;
  	left:83%;
  	width:18%;
	height:100%;
  	font-size:medium;
	color:white;
	font-weight: bold;
	border: 2pt outset #9685FF;
}


div#buscar {
	position: absolute;
	left: 2em;
	color:white;
}

table { 
  border-collapse:collapse;
  border: 6pt outset #CC3300;
  margin:2em;
  text-align: center;
  font-size: small;
 }

table tr td {
	border: 2pt outset #CC3300;
}

table th {
	border: 2pt outset #CC3300;
	background-color: green;
}

table th:hover{ 
	text-decoration: underline; 
	color: white;
	background-color:purple;
	}

div#izquierda ul li{
	position: relative;
	margin:0.5em;
 	margin-left:0em;
}

h1,h2,h3 { 
  font-variant:small-caps;
  text-decoration: underline;
  padding-left:1em;
  padding-right:1em;
  text-align:center;
 }
 h4{
  font-variant:small-caps;
  padding-left:1em;
  padding-right:1em;
  text-decoration:underline;
 }
 h5,h6 {
font-variant:small-caps;
  padding-left:1em;
  padding-right:1em;
 }
 h7{
 font-size:1.2em;
 }
p.cabLista{
	font-size: medium;
	font-weight: bold;
}
ul#sublista li{
	list-style-image: url(balon3.jpg);
}
ul#sublista li:hover {
	list-style-image: url(pelota2.jpeg);
}
p.parrafoppal{
	font-size: large;
	font-weight: bold;
}