BODY  {
 font-size : 16pt;
 font-family : serif;
 text-align : justify;
}

H1  {
 font-size : 36pt;
 text-align : center;
 background-color : #EFEFEF;
}

H2  {
 font-size : 18pt;
}

H3  {
 font-size : 16pt;
}

H4  {
 font-size : 100%;
}

.code  {
 font-family : monospace;
 text-align : justify;
 margin-left: 20%;
 margin-right: 20%;
}

.cuadro  {
 background-color : #EFEFEF;
}

.f1  {
 background-color : #FFF7DC;
}

.f2  {
 background-color : #D7D7F7;
}

.f3  {
 background-color : #F7DEF0;
}

.f4  {
 background-color : #DCF7DF;
}

.f5  {
 background-color : #BCEFF9;
}

.f6  {
 background-color : #FFD4D4;
}

.f7  {
 background-color : #E0FFC4;
}

#navlist li { list-style-type: circle; }

#navlist-raya
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#navlist-raya li
{
padding-left: 20px;
background-image: url(images/raya.png);
background-repeat: no-repeat;
background-position: 0 .5em;
}

#sub-navlist-raya
{
margin-left: 35;
padding-left: 0;
list-style: none;
}

#sub-navlist-raya li
{
padding-left: 20px;
background-image: url(images/raya.png);
background-repeat: no-repeat;
background-position: 0 .5em;
}

#sub2-navlist-raya
{
margin-left: 70;
padding-left: 0;
list-style: none;
}

#sub2-navlist-raya li
{
padding-left: 20px;
background-image: url(images/raya.png);
background-repeat: no-repeat;
background-position: 0 .5em;
}

#sub3-navlist-raya
{
margin-left: 105;
padding-left: 0;
list-style: none;
}

#sub3-navlist-raya li
{
padding-left: 20px;
background-image: url(images/raya.png);
background-repeat: no-repeat;
background-position: 0 .5em;
}

.centrar-imagen {
text-align: center;
}