*{margin:0;padding:0;}
html{
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    color: #fff; 
    background-color:#000;
    line-height: 20px;}

h2{
    margin-bottom:1em;
    font-size: 22px;
    font-weight: normal;
    color:#be0000;}
h3{
    margin-bottom:0.5em;
    font-size: 13px;
    color:#797979;}
h4{
    margin-bottom:0.5em;
    font-size: 12px;}

p{ margin-bottom:2em;}

a{
    text-decoration: none;
    color:#b6b6b6; 
    outline:none;}
a:hover{text-decoration: underline;}
img{border:none;}

label,
form .btn{cursor:pointer}

.gray{color:#b2b2b2;}
.bigFont{font-size: 15px;}

.win{overflow: hidden;}

.pg{
    width: 972px;
    margin: 0 auto;}
/*----------------------------------------------------------------------- TOP */
.top{
	position:relative;
    height: 108px;
    background: url('../img/bkg_top.jpg') no-repeat;}

.top a{
    display:block;
    text-decoration: none;}

h1{
	position:absolute;
	left:0;
	top:0;}
	
h1 a{    
    width: 240px;
    height: 104px;}

h1 span{display: none;}

.top ul{
	position:relative;
    float:right;
    margin-top: 16px;
    font-size: 12px;
    font-weight: bold;
    list-style-type: none;
	z-index:2;}

.top li{
	display:inline;
    float:left; 
    margin-left:15px;}
	
#switcher li{background: url('../img/pointer.gif') no-repeat 6px center;}

#switcher li a{
    height: 18px;
    padding:3px 8px 1px 24px;}
	
#switcher li a.hover{
	color:white;
    background:black url('../img/pointer.gif') no-repeat 6px center;
	border-top:1px solid #515050;
	border-left:1px solid #515050;
	border-right:1px solid #515050;
	border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;}
	
/*--------------------- Login form, language & contact box ------------------*/
.top .round{
	position:relative;
	float:right;
	clear:right;
	margin-top:-1px;
	padding:8px;
	background:black;
	border:1px solid #515050;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	z-index:2;}
	
.top .round.language{
	border-radius:5px 0 5px 5px;
	-moz-border-radius:5px 0 5px 5px;
	-webkit-border-top-right-radius:0;}
	
.top .round label{color:#9d9d9d;}

.top .round .field{
	width:100px;
	background:#a6a6a6;
	border:1px solid #bfbec0;}
	
.top .round .btn{    
	font-weight:bold;
	color:white;
	background:none;
	border:none;}
#sendPass{
	margin-left:178px;
    font-size:10px;
    font-weight: normal;
    clear:both;}

.round p{margin:2px 0}
	
.forgot_password_link{
	padding-top:3px;
	text-align:right;}
	
.forgot_password_link a{display:inline}
.en .forgot_password_link a{margin-right:48px;}


.forgot_password_link p{
	display:inline;
	float:left;
	margin-top:0;}
	
.top .errors{color:red}

#languages{
	margin:0;
	padding:7px 0;
	float:none;}

.top #languages li{
	float:none;
	margin:0;}
	
.top #languages a{
	display:inline;
	padding:0 10px;
	border-left:1px solid white;}
	
.top #languages li.first a{border:none}
	
.top #contacts a{display:inline}

#contacts strong span{margin-left:15px}

/*----------------------------------------------------------------------- FLASH */
.flash{
    position: relative;
    height: 153px;
    background: url('../img/collage_index_flash.jpg') no-repeat center;
	z-index:1;}

.flash a{
    display:inline;
    float: right;
    margin:100px 80px 0 0;
    width: 190px;
    height: 50px;}

.flash span{display: none;}
	
#topflash{
	position:absolute;
	left:50%;
	top:0;
	margin-left:-480px;}
/*----------------------------------------------------------------------- NAV */
.nav{
    margin-bottom: 3em;
    background: url('../img/bkg_nav.gif') repeat-x;}

.nav ul{list-style-type:none;}
.nav li{float:left;}

.nav a{
    float:left;
    height: 22px;
    padding: 10px 6px 0;
    font-size: 12px;
    font-weight: bold;
    color:#000;
    text-decoration: none;
    background:url('../img/nav_bevel.gif') no-repeat right center;}
.nav a:hover{text-decoration: underline;}
.en .nav a{padding:10px 25px 0;}

.nav a.act{
    color: #fff;
    background: url('../img/bkg_nav.gif') bottom;}
/*----------------------------------------------------------------------- BODY */
.body{
    min-height: 400px;
    margin-bottom: 2em;
    background: url('../img/bkg_body.gif') repeat-x left bottom;
    overflow:hidden;}
/*----------------------------------------------------------------------- BOTTOM */
.bottom{padding-bottom: 4em;}
.bottom,
.bottom a{ 
    font-size: 10px;
    text-decoration: none;
    color:#808080;}
.bottom a:hover{text-decoration:underline;}
.bottom p{margin-bottom:0.1em;}
.bottom span{word-spacing:5px;}

.bottom .dark{margin-top:1em;}
.bottom .dark p{color:#464646;}
.bottom .dark a{color:#464646;}

.bottom .dark img{
	display:inline;
	float:right;
	margin-top:-10px;
	margin-left:20px;}


/*  INDEX */
/*----------------------------------------------------------------------- BODY */
.body .column{
    float:left;
    width: 300px;
    margin: 0 32px 2em;
    font-size: 11px;
    line-height: 16px;}

.body .first,
.body .last{margin: 0;}

.body .column p{margin-bottom:1.4em;}

dl{  
    margin-bottom: 2em;   
    overflow: hidden;}

dt,dd{ 
    
    height: 18px;
    margin-bottom:3px;}

dt{    
    float:left;
    display: inline;
    width: 90px;    
    padding-right:10px;
    margin-right:10px;
    font-style: italic;
    color: #b2b2b2;
    border-right:1px solid #b2b2b2;    
    clear:left;}
    
dt a{text-decoration: none;}
dt a:hover{text-decoration: underline;}


	
dd a{    
    display:block;
    width:100%;
    height:18px;
    color:#fff;
    text-decoration: none;    
    overflow: hidden;}
dd a:hover{text-decoration: underline;}

.banner1{margin-bottom: 3.5em;}
.banner2{
    float:left;
    margin:0 56px 3em 0;
    padding:0 1px;}

.banner2 a{
    float:left;
    display: inline;
    width: 282px;
    height: 121px;
    background-image: url('../img/banner_index2.jpg');
    background-position:  left top; }
.banner2 a:hover{ background-position: left bottom;}
/* ----------------------- Control / User menu */
	ul.control{
		width: 100%;
		height: 30px;		
		margin-bottom:2em;
		list-style: none;}
	
	ul.control li{
		float: left;		
		
		padding:0 10px;
		text-align: center;
		border-right: 1px solid #c5c5c5;}
	
	ul.control li.contact_nav {border: none; }
	
	ul.control p{
		font-family: sans-serif,Verdana, Helvetica;
		font-size:11px;
		float: left;
		margin: 5px 5px 0;
		text-align: right;
		display: inline;
		padding:1px 0 1px 20px;}
	
	ul.control p.time {background: url('../img/editor.gif') no-repeat 0 -40px;}
	ul.control p.contact {background: url('../img/editor.gif') no-repeat 0 -20px;}	
	ul.control p.bold {font-weight: bold; padding-left: 5px; color:#fff; }
	
	ul.control p.labels-management,
	ul.control p.clear-cache,
	ul.control p.preview,
	ul.control p.logout{background-image:url('../img/editor.gif'); background-repeat:no-repeat;}
	
	ul.control p.clear-cache{background-position:0 -30px}
	ul.control p.preview{background-position:0 -60px}
	ul.control p.logout{background-position:0 -90px}
	
	ul.control.editor li{
		float:right;
		padding:0 5px;
		border-left: 1px solid #333;
		border-right:none;}
		
	ul.control.editor li.title{float:left; border-left:none;}

.admin{
    display:block;
    margin-bottom: 3em;}


/* CONTACT AND SIGN UP*/
.big .btn,
.small .btn,
#signUp .btn,
.big #signUp .btn{
		width:172px;
		height:26px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:bold;
		color:#f9f9f9;
		background:url('../img/btn_signup.gif') no-repeat;
		border:none;
		text-transform:uppercase;
		cursor:pointer;}
	
ul.errors{
	padding:0 0 15px;
	color:#BE0000;
	font-size:11px;
	text-align:left;
	clear:both;}
	
ul.errors li{
	list-style:none;
	background:url('../img/beforelogin_icons.gif') no-repeat;
	margin:5px 0 0;
	padding:0 0 0 22px;}