body
{
margin: 0;
padding: 0;
background-image: url("../imagenes/suitcase.gif");
}

#container
{
width: 774px;
margin: 10px auto;
color: #333;
border: 2px solid black;
background-color: #B0C2DB;
position:relative;
}

#top
{
border-bottom: 2px solid black;
}

#frase
{
font-family: Verdana;
font-size: 9px;
margin: 0;
padding: 5px 0 5px 7px;
border-bottom: 2px solid black;
}

#opctitulo
{
display: block;
color: #FFF;
background-color: #036;
width: 147px;
padding: 5px 0 5px 7px;
}

#leftnav
{
position:absolute;
left:0;
float: left;
width: 154px;
font-family: Verdana;
font-size: 9px;
border-bottom: 2px solid black;
}

#pagina
{
font-family: Verdana;
font-size: 9px;
color: #ffffff;
background-color:#000000;
margin-left:154px;
border-bottom: 2px solid black;
padding: 4px 0 4px 7px;
}

#content
{
font-family: Verdana;
font-size: 11px;
background-color: #D9E0F0;
margin-left: 154px;
border-left: 2px solid black;
padding: 1em;
}

#content h1 { 
font-family: Arial;
font-size: 17px;
margin: 0 0 .5em 0; }


#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#navcontainer a
{
display: block;
color: #FFF;
background-color: #036;
width: 147px;
padding: 5px 0 5px 7px;
text-decoration: none;
}

#navcontainer li li a
{
display: block;
color: #FFF;
background-color: #69C;
width: 147px;
text-decoration: none;
padding: 4px 0 4px 7px;

}

.cita
{
font-family: Arial;
font: size: 10px;
}

.copirai
{
color:#666666;
font-family: Arial;
font-size: 11px
}

#opciones
{
font-family: Arial;
font-size: 11px;
padding: .5em;
background-color: #DCEBFA;
}

#navcontainer li li a:hover
{
background-color: #369;
color: #FFF;
}