BODY
{
    background-color: #004E87;
    margin: 0px 0px;
    padding: 0px 0px;
    font-family: Tahoma;
    font-size: 90%;
    color: #404040;
    text-align: center;
}
.wrapper
{
    background-image:url(images/wrapbg.jpg);
    background-position: top left;
    background-repeat: repeat-y;    
    background-color: #ffffff; 
    min-height:800px;
    width: 896px;
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    border-top: #a4c8a4 4px solid;
    border-bottom: #a4c8a4 4px solid;
    border-left: #a4c8a4 4px solid;
    border-right: #a4c8a4 4px solid;
}
* html .wrapper
{
    width: 900px;
}
.container
{   
    position: relative;
    width: 896px;
    margin: 0px auto 0px auto;
    padding: 0px;
}
.header
{    
    background-color: #dbe9db;
    position:relative;
    top:0px;
    left:0px;
    width: 896px;
    border-top: solid 20px #dbe9db;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.headercontent
{
   
    background-color:#ffffff; 
    width: 896px;   
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    }
.lang
{
    background-color: #dbe9db;
    width: 896px;
    text-align: left;
    font-size: 8pt;
    line-height: 2.5em;
    letter-spacing: 1px;
    padding-left: 15px;
    margin: 0px;
    padding: 0px;
}
.lang a
{
    margin: 0px 5px;
    padding: 0px;
    color: #404040;
}
.lang a:hover
{
    color: #808080;
    text-decoration: none;
}
#contact
{
    margin-left: 567px;
}
#comments
{
    margin-left: 10px;
}
.content
{  
   
    width: 715px;
    height:auto;
    position:relative;
    margin: 0px 0px 50px 180px;
    padding: 0px 0px 0px 0px;
   
}
* html .content
{
    width: 700px;
}
.text HR
{
    width: 50%;
    height: 3px;
    background-color: #004E87;
    text-align: center;
}
#vocabulary HR
{
    width: 90%;
    height: 3px;
    background-color: #004E87;
    text-align: center;
}
#exercises hr
{
    width: 90%;
    height: 3px;
    background-color: #004E87;
    text-align: center;
}
#result {margin-top:2.5em;}
.text
{    
    width: 635px;
    margin: 0px 0px 0px 0px;
    padding: 30px 40px 35px 40px;
    text-align: justify;
}
* html .text
{
    width: 717px;
}
a#small
{
    font-size: 70% !important;
}
.example
{
    padding-left: 3em;
    line-height: 1.5em;
    color: #404040;
}
/*ejemplo*/
em
{
    color: #101372;
    font-style: normal;
}
table
{
    font-size: 100%;
}
.leftnav
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 180px;
    text-align: left;
}
ul
{
    background-color: #eef6ee;
    margin: 0px 0px 20px 0px;
    padding: 0;
    list-style: none;
    font-size: 10pt;
    width: 179px;
    border-bottom: 1px solid #a4c8a4;
}
ul li
{
    position: relative;
    color: #000000;
}
li ul
{
    position: absolute;
    left: 179px;
    top: 0;
    display: none;
    background-color: #dbe9db;
    color: #000000;
}
/* Fix IE. Hide from IE Mac \*/
* html ul li
{
    float: left;
}
* html ul li a
{
    height: 1%;
}
/* End */

ul li:hover
{
    background-color: #dbe9db;
    color: #000000;
}
ul li a
{
    display: block;
    text-decoration: none;
    color: #404040;
    padding: 5px;
    border: 1px solid #a4c8a4;
    border-bottom: 0;
}
li:hover ul, li.over ul
{
    display: block;
}
ul li ul li a:hover
{
    background-color: #eef6ee;
}
ul li a:visited
{
    color: #404040;
}
ul li a:hover
{
    background-color: #dbe9db;
    color: #808080;
}
ul li a:active
{
    color: #202020;
}
#caracteres td em
{
    color:#b22222;
}      


/*---end of left navigation---*/
.text #exercises ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    background-color: #ffffff;
    padding-left: 40px;
    padding-top: 30px;
    width: 450px;
    border-bottom: none;
}
#exercises li
{
    border: none;
    line-height: 2.5em;
}
#exercises ul li a
{
    background-image: url(images/sbullg.jpg);
    background-position: 0% 50%;
    background-repeat: no-repeat;
    padding: 0px 0px 0px 19px;
    text-decoration: underline;
    border: none;
    color: #004E87;
}
#exercises li a:hover
{
    background-image: url(images/sbullb.jpg);
    background-position: 0% 50%;
    background-repeat: no-repeat;
    padding: 0px 0px 0px 19px;
    color: #404040;
    border: none;
    text-decoration: none;
    background-color: #ffffff;
}
.clearing
{
    clear: both;
    height: 0px;
}
.footer
{
    background-color: #dbe9db;
    position:relative;
    top:0px;
    left:0px;
    width: 896px;   
    margin: 0px auto 0px auto;
    padding: 0px 0px;
    text-align: center;
    line-height: 1.5em;
    font-size: 75%;
}
.footer a
{
    margin: 0px;
    padding: 0px;
    color: #404040;
    line-height: normal;
}
.footer a:hover
{
    color: #808080;
}
.footer #bavaria
{
     background-color: #dbe9db;
     margin-bottom: 0px;
     padding-bottom:10px;   
}
#writtenby 
{
   
    color: #ffffff;    
    font-size: 80%;
}
h1
{
    font-size: 14pt;
    font-weight: lighter;
    color: #b22222;
    text-align: center;
}
h2
{
    font-size: 100%;
    font-weight: lighter;
    color: #b22222;
}
h3
{
    font-size: 100%;
    font-weight: lighter;
    color: #af5959;
}
h4
{
    font-size: 10pt;
    font-weight: bold;
    color: #b22222;
    text-align: center;
}
h5
{
    font-size: 10pt;
    font-weight: bold;
    color: #000000;
    text-align: center;
}
.textwhitespace
{
    display: none;
    color: #ffffff;
    padding-right: 50px;
    padding-left: 50px;
    padding-top: 25px;
    padding-bottom: 300px;
    white-space: normal;
    display: block;
}