@charset "ISO-8859-1";

html, body {
margin: 0;
padding: 0;
}

body {
background-color: #311c00;
background-image: url("img/img1.jpg");
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7em;
color: #9b8767;
}

a, a:link, a:visited, a:hover, a:active { 
text-decoration: underline; 
color: #d9c09a;
}

h1, h2, h3, h4, h5, h6 {
padding: 0;
color: #e8d6b4;
}

h1 {
background-image: url("img/img3.gif");
background-position:  left bottom;
background-repeat: repeat-x;
font-size: 1.8em;
margin: 0 0 10px 0;
padding: 0 0 5px 0;
}

h2 {
font-size: 1.6em;
margin: 0 0 0.5em 0;
}

h3 {
font-size: 1.4em;
}

strong {
color: #d9c09a;
}

p { text-align: justify; }

img { border: 0px; }

/****************/
.center { text-align: center; }

.column {
width: 50%;
float: left;
}

#container {
background-image: url("img/img2.jpg");
background-repeat: repeat-x;
}

#content, #header, #footer, #nav {
width: 730px;
margin: 0 auto;
}

#content {
margin-bottom: 3em;
}

.float-right { 
float: right;
padding-left: 30px;
}

.float-left { 
float: left;
padding-right: 30px;
}

#footer {
clear: both;
font-size: 90%;
margin-bottom: 1em;
text-align: center;
}

#header {
height: 250px;
}

.imagebox {
float: left;
margin: 0 30px 30px 0;
}

#languages {
color: #cccccc;
position: absolute;
top: 4px;
}

#languages a, #languages a:link, #languages a:visited, #languages a:hover, #languages a:active { color: #ffffff; }

#logo a, #logo a:link, #logo a:visited, #logo a:hover, #logo a:active { 
color: #ffffff;
display: block;
font-size: 3em;
font-weight: bold;
text-decoration: none;
padding-top: 92px;
}

#nav {
position: absolute;
top: 110px;
}

#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active { 
text-decoration: underline; 
color: #ffffff;
}

#nav ul {
float: right;
margin: 0;
padding: 0;
list-style: none;
}

#nav li {
display: inline;
}

#nav li a {
display: block;
float: left;
padding: 0 15px;
border-left: 1px solid #7dd2fa;
}

#nav ul li:first-child a {
border: none;
}

#skip { display: none; }