*{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;}

h2 a {color:#be0000 !important;}

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{over1flow: hidden; 
	height: 33px;
line-height: 20px
	}

.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: 94px;}

h1 span{display: none;}

.top ul{
	position:relative;
    float:right;
    margin-top: 8px;
    font-size: 12px;
    font-weight: bold;
    list-style-type: none;
        background:#000;
        padding-bottom:0px;
        top:0px;

    }

.top ul#swlang {z-index:5;}

.top li{
	display:inline;
        float:left;
        margin-left:15px;
        position:relative;
        z-index:1;
        background:#000;
}
	
#switcher li{background:#000 url('../img/top_arr_down.gif') no-repeat 8px 10px;}
#switcher li.icon {background: none;
                   margin-left:10px;
position: relative;
top: 5px;
z-index:20;
}
#switcher li.icon a {padding-left:0; padding-right:0;border:0;
    text-indent:-10000px;
    width:16px;
    height:16px;
    position: relative;
    z-index:21 !important;
}
#switcher li.icon a#facebook {background:transparent url(../img/facebook-icon.png) no-repeat;}
#switcher li.icon a#twitter {background:transparent url(../img/twitter-icon.gif) no-repeat;}


#switcher li.icon a.hover {background: none; border:0;

	border-radius:0px;
	-moz-border-radius:px;
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
}


#switcher li a{
    font-size:11px;
    position:relative;
    z-index:1;
    height: 18px;
    padding:3px 8px 3px 24px;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
}
	
#switcher li a.hover{
	color:white;
        background:#000 url('../img/top_arr_up.gif') no-repeat 8px 10px;
	border-top:1px solid #515050;
	border-left:1px solid #515050;
	border-right:1px solid #515050;
	border-radius:3px 3px 0 0;
	-moz-border-radius:3px 3px 0 0;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
        z-index:4;

}
	
/*--------------------- Login form, language & contact box ------------------*/
.top .round{
        font-size:11px;
	position:relative;
	float:right;
	clear:right;
	margin-top:-1px;
	padding:8px;
	background:black;
	border:1px solid #515050;
	border-radius:3px;
        border-top-right-radius:0px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
        -moz-border-top-right-radius:0px;
        -webkit-border-top-right-radius:0px;
	z-index:2;
        m1argin-right:135px;
        margin-right:0px;
        height:45px;
    }
	
.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:80px;
	background:#a6a6a6 !important;
	border:1px solid #bfbec0;
        font-size:11px;
        padding:3px;
       }
	
.top .round .btn{    
	font-weight:bold;
	color:white;
	background:#cc0000;
	border:none;
        margin:0px 0px 0px 10px;
        padding:3px 10px;
        font-size:11px;
        }
#send1Pass{
	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:0px;}


.forgot_password_link p{
	display:inline;
	float:left;
	margin-top:0;
        margin-right:5px;
        font-size:10px !important;
}
	
.top .errors{color:red}

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

.top #languages li{
	float:none;
	margin:0;
}
	
.top #languages a{
	display:inline;
	padding:0 5px 0 22px;
	border-left:1px solid white;
        font-weight: normal;
        color: #cc0000;
}

.top #languages a.active {
        font-weight: bold;
        color: #ffffff;
}

.top #languages a.en {background: url('../img/flags/en.gif') no-repeat 4px 2px;}
.top #languages a.es {background: url('../img/flags/es.gif') no-repeat 4px 2px;}
.top #languages a.de {background: url('../img/flags/de.gif') no-repeat 4px 2px;}
.top #languages a.fr {background: url('../img/flags/fr.gif') no-repeat 4px 2px;}




.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;
    clear:both;
    overflow:hidden;
}

.de.flash{
    position: relative;
    height: 153px;
    background: url('../img/collage_index_flash_de.jpg') no-repeat center;
    z-index:1;
    clear:both;
    overflow:hidden;
}

.flash a{
    display:inline;
    float: right;
    margin:100px 80px 0 0;
    width: 190px;
    height: 50px;z-index:10;position: relative;}

.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;
        padding:10px 20px 0;
}

.nav a:hover{text-decoration: underline;}
.e1n .na1v a{padding:10px 25px 0;}

.nav a.act{
    color: #fff;
    background: url('../img/bkg_nav.gif') bottom;}
    
/* -----language_select------- */

 .language_select{
	z-index:50;
	position:relative;
	float:right;
	width:120px;
	m1argin:9px 5px 0 0;
	color:white;
    background:transparent url('../img/pointer.gif') no-repeat 6px center;
	bac1kground:url('../img/arrow_expand.gif') no-repeat 11px 7px;
 }
	
 .language_select:hover .lang,
 .lang:hover{display:block;}
	
 .language_select .active{
	display:block;
	line-height:24px;
	padding-left:30px;
	cursor:pointer;
	c1olor:#333;
	}

/* ---------------------------------------------------------       Language Bar */  
  ol.lang{
  	display:none;
  	position:absolute;
	top:20px;
	left:0;
	width:118px;
	padding:5px 0;
	background:#ebebeb;
	border:1px solid #333;
	z-index:100;
	}
  
  ol.lang li{
  	list-style:none;
	display:block;
	float:none;
	line-height:11px;
	margin:6px 0 6px 7px;}
  
 ol.lang li a{
	display: block;
	float:none;
	height:11px;
  line-height:11px;
	padding:0px 0 0px 20px;
	color:#002F3F;
    text-decoration: none;
	text-align:left;background: none;
	font-weight: normal;
	font-size:11px;
	}
	
.nav .lang li a:hover{
	color:#407484;
}
	
.nav ol.lang li a.act	{color:#333;font-weight: bold;}
	
.nav .language_select .lang li a span{
	border:none;
	padding:0;}
	
ol.lang .langTitle{margin: 0 5px 0 0;}	
    
ol.lang li a.en{ background: url('../img/flags/en_lng.gif') no-repeat bottom left;}
ol.lang li a.fr{ background: url('../img/flags/fr_lng.gif') no-repeat bottom left;}
ol.lang li a.es{ background: url('../img/flags/es_lng.gif') no-repeat bottom left;}
ol.lang li a.it{ background: url('../img/flags/it_lng.gif') no-repeat bottom left;}
ol.lang li a.de{ background: url('../img/flags/de_lng.gif') no-repeat bottom left;}
ol.lang li a.tr{ background: url('../img/flags/tr_lng.gif') no-repeat bottom left;}
ol.lang li a.cz{ background: url('../img/flags/cz_lng.gif') no-repeat bottom left;}

.lang .langTitle a, .lang li.cplLogout{display:none;}

    
    
    
/*----------------------------------------------------------------------- BODY */
.body{
    min-height: 400px;
    margin-bottom: 2em;
    background: url('../img/bkg_body.gif') repeat-x left bottom;
    overflow:hidden;
    position: relative;
    height: auto;
    }
/*----------------------------------------------------------------------- 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:1.3em;}
.bottom .dark p{color:#464646;}
.bottom .dark a{color:#464646;}

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

.bottom .dark div.CAP{
	display:inline;
	float:right;
	margin-top: -5px;
	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;}
    
    

dl#inb{}

dl#inb dt {float:left; 
    display: inline;
    width: 90px;    
    font-style: italic;
    color: #b2b2b2;

}
dl#inb dd {
    display: table;
    _height: 0;
    zoom: 1;
    padding-left:10px;
    margin-left:10px;
    color: #b2b2b2;
    border-left:1px solid #b2b2b2;    
    padding-bottom:10px;
}

dl#inb dd a{text-decoration: none;}
dl#inb dd a:hover{text-decoration: underline;}


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

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

.banner2 a{
    display:block;
    margin-bottom:10px;
}


.banner21 a{
    float:left;
    display: inline;
    width: 282px;
    height: 121px;
    background-image: url('../img/banner_index3.jpg');
    background-position:  left top;

    display:block;
}
.banner21 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;}
	

#xlang {list-style:none; clear:right; overflow:hidden; zoom:1;margin:3px 0;}
#xlang li {float:right;}
#xlang li.act {}
#xlang li a {text-indent:-9000px; display:block; width:16px; height:11px; margin:2px 3px;}
#xlang li a.en{ background: url('../img/flags/en_lng.gif') no-repeat bottom left;}
#xlang li a.fr{ background: url('../img/flags/fr_lng.gif') no-repeat bottom left;}
#xlang li a.es{ background: url('../img/flags/es_lng.gif') no-repeat bottom left;}
#xlang li a.it{ background: url('../img/flags/it_lng.gif') no-repeat bottom left;}
#xlang li a.de{ background: url('../img/flags/de_lng.gif') no-repeat bottom left;}
#xlang li a.tr{ background: url('../img/flags/tr_lng.gif') no-repeat bottom left;}
#xlang li a.cz{ background: url('../img/flags/cz_lng.gif') no-repeat bottom left;}

#xlang li.act a.en{ background: url('../img/flags/en_lng.gif') no-repeat top left;}
#xlang li.act a.fr{ background: url('../img/flags/fr_lng.gif') no-repeat top left;}
#xlang li.act a.es{ background: url('../img/flags/es_lng.gif') no-repeat top left;}
#xlang li.act a.it{ background: url('../img/flags/it_lng.gif') no-repeat top left;}
#xlang li.act a.de{ background: url('../img/flags/de_lng.gif') no-repeat top left;}
#xlang li.act a.tr{ background: url('../img/flags/tr_lng.gif') no-repeat top left;}
#xlang li.act a.cz{ background: url('../img/flags/cz_lng.gif') no-repeat top left;}