* {
margin: 0px;
padding: 0px;
}

body {
 font-size: large;
 font-family: Helvetica, Verdana, Arial, sans-serif;
 color: #ccc;
}

h1 {
 font-size: 150%;
 font-weight: bold;
 color: navy;
 text-shadow: 1px 1px #888;
 padding-bottom: 5px;
}

h2 {
 font-size: 100%;
}

h3 {
 font-size: 80%;
 color: #888;
}


a, a:visited {
 color: #ccc;
 text-decoration: none;
}

a:hover {
 color: navy;
 font-weight: bold;
 text-shadow: 2px 2px #888;
 text-decoration: none;
}

li {
 list-style-type: none;
}

#wrapper {
 width: 600px;
 margin-top: 20px;
 margin-right: auto;
 margin-left: auto;
}

#encabezado {
 text-align: center;
 margin-bottom: 10px;
}

#gruponav {
 line-height: 150%;
 text-align: center;
 margin-bottom: 10px;
 padding-bottom: 10px;
}

#nav1 {
 width: 250px;
 float: left;
 margin: 0 0 10px 30px;
}

#nav2 {
 width: 250px;
 float: right;
 margin: 0 30px 10px 0;
}

#gruponav li, #nav1 li, #nav2 li, .enlace {
 font-size: 90%;
 text-shadow: 1px 1px #888;
}

#pie {
 clear: both;
 text-align: center;
 line-height: 300%;
 color: #ccc;
 font-size: 60%;
 font-weight: bold;
}

.nota { 
 font: bold 8pt verdana, arial, sans-serif;
 color: #888;
 text-shadow: none;
}