#container
{
font-family:Arial, Helvetica, sans-serif;
width: 90%;
min-width:800px;
margin: 10px auto;
background-color: #fff;
color: #333;
border: 1px solid gray;
line-height: 130%;
}

#top
{
background:#000000 url(../img/hdr-lft.jpg) no-repeat left;
height:247px;
border-bottom: 1px solid gray;
}

#top h1
{
padding: 0;
margin: 0;
}

#lang {margin-top:20px;
margin-left:20px;
float:left;
color:#FFFF00;
font-weight:bold;
font-size:11px;}

#lang a{color:#FFFFFF; text-decoration:none;}

#leftnav
{
float: left;
width: 150px;
margin: 0;
padding: 1em;
}

.login{
background-color:#003366;
font-weight:bold;
color:#FFFFFF;
font-size:0.7em;
}
.smallblue{
background-color:#01a8dd;
font-weight:bold;
color:#333333;
font-size:0.8em;
padding:3px;
}
.smallblue a{ text-decoration:none; color:#333333;}
.smallblue a:hover{ text-decoration:none; color:#ffffff;}

.red{
background-color:#ff3366;
font-weight:bold;
color:#ffffff;
font-size:0.8em;
padding:3px;
}
.red a{ text-decoration:none; color:#ffffff;}
.red a:hover{ text-decoration:none; color:#333333;}

.yellow{
background-color: #FFFF00;
font-weight:bold;
color:#000000;
font-size:0.8em;
padding:10px;
}
.yellow a{ text-decoration:none; color:#000000;}
.yellow a:hover{ text-decoration:none; color:#333333;}

.bigblue{
background-color:#01a8dd;
font-weight:bold;
color: #333333;
font-size:0.8em;
padding:10px;
}
.bigblue a{ text-decoration:none; color:#333333;}
.bigblue a:hover{ text-decoration:none; color:#ffffff;}

.green{
background-color:#66cc33;
font-weight:bold;
color: #ffffff;
font-size:0.8em;
padding:10px;
}
.green a{ text-decoration:none; color:#ffffff;}
.green a:hover{ text-decoration:none; color:#333333;}

.orange{
background-color: #FF9900;
font-weight:bold;
color:#000000;
font-size:0.8em;
padding:10px;
}
.orange a{ text-decoration:none; color:#000000;}
.orange a:hover{ text-decoration:none; color:#333333;}

.flesh{
background-color: #FFCC66;
font-weight:bold;
color:#000000;
font-size:0.8em;
padding:10px;
}
.flesh a{ text-decoration:none; color:#000000;}
.flesh a:hover{ text-decoration:none; color:#333333;}

#rightnav
{
float: right;
width: 175px;
margin: 0;
padding: 5px;
}

#content
{
margin-left: 185px;
border-left: 1px solid gray;
margin-right: 185px;
border-right: 1px solid gray;
padding: 1em;

font-size:0.8em;
}
#content2
{
margin-left: 185px;
border-left: 1px solid gray;
padding: 1em;
max-width: 36em;
background: url(../img/bg.gif) no-repeat bottom right;}

#content h1{ line-height:normal;}

#credit{
padding-top:40px;}
#leftnav p, #rightnav p { margin: 0 0 1em 0; }


ul#navlist
{
font-size:14px;
padding: 0;
margin: 0;
list-style-type: none;
float: left;
width: 100%;
color: #fff;
background-color: #FFF;
}

ul#navlist li { display: inline; }

ul#navlist li a
{
float: left;
width: auto;
color: #000;
font-weight:bold;
background-color: #FFFF00;
padding: 0.2em 1em;
margin-right:3px;
text-decoration: none;
border-right: 1px solid #fff;
}

ul#navlist li a:hover
{
background-color: #369;
color: #fff;
}
/*FORMULARI*/
form{
font-size:12px;
margin-top:-5px;
text-align:right;
font-weight:bold;}
label
{
width: 4em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

.submit input
{
margin-left: 4.5em;
} 
input
{
color: #369;
background:  #ccc;
border: 1px solid #781351;
width:61px;
}


fieldset
{
border: 1px solid #781351;
width: 7em
}

legend
{
padding: 2px 6px;
background-color:#003366;
font-weight:bold;
color:#FFFFFF;
font-size:0.7em;
width:100px;
} 

/*--FORMULARI--*/

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #ddd;
border-top: 1px solid gray;
text-align:center;
font-size:10px;
}