#menus_ LI { float:left;     padding-left:28px;   text-align:center;
    }
#menus_ a {text-decoration:none;   color:#580f08; font-weight:bold;       
   } 
#menus_ ul   {padding-left:100px ;background:#D3D3D3;       clear:both; float:left;

padding:0; 
  margin:0 auto; 
  list-style-type:none;} 

#menus_ {width: 805px; background-color:#D3D3D3; overflow:hidden;   
 }

* {
	margin:  0;
	padding: 0;    
}

body {
	/* IE does not honor auto margins but it misundestands text-align */ 
	text-align:center;    
	min-width : 1050px;
}   
 


#container {
/* center the design using auto margins */   
	margin: 0 auto;
    width:1024px;    
    text-align: justify; 
}
   
#logo_ {
	position:relative;
	left:350px;    
	top:25px;  
	width:100px;
}

#logo {
        border:0px;
}
 
#lang_ {
	position:relative;
       /* / left:696px; */
        left:718px;
	font-size:12px;
	font-weight:bold;
/* /	float:left; */
/* /	text-align:left; */
	width:90px;
	color:#afafaf;
}
#lang_ a {
	text-decoration:none;
	color:#afafaf;
}
   

#header_ {
	position:relative;  
	float: left;     
}

#menus_ {
	position:relative;
}

#text_ {
	position:relative;
	left:105px;
        top:5px;
	width:441px; 
	float:left; 
        z-index:2; 
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size:10pt;
}

div#trapezi_ {
        position:relative;
        float:left;
        top:67px;
        left:0px;
        z-index:1; 
}
           
div#footer_ {
	position:relative;
	left:364px; 
	width:441px;
	height:19px;
	background:  #FFF  url('images/gb.jpg') repeat-x bottom;         
	top:45px; 
	text-align:center;   
}  
  
.copyright {
	font-size:9pt;
	font-family:  Arial, Helvetica, Verdana,sans-serif;
        color: #FFFFFF;   
        padding:0px ;
}

#footer_ a { 
        text-decoration:none;             
}

.clear {
        clear: both;
}

h1 {
	font-size:10pt; 
	color:#333366;  
	text-align:left;
        padding-bottom:5px;
        padding-top:5px;
}    

.text {
	font-size:9pt;  
	color:#333366;      
}
.text a { 

        text-decoration:none;
}
#valid {
	position: relative;
        left:690px;
        float: left;
}





.pmenu li a, #pmenu li a:visited {display:block; float:left; 
	padding:0 20px; 
	font-weight:bold; font-size:13px; color:#000; height:20px; line-height:20px; text-decoration:none; }

/* Set up the list items */
.pmenu li {float:left;}
.pmenu li.tc {display:table-cell;}

/* For Non-IE browsers and IE7 */
.pmenu li:hover {position:relative;}
/* Make the hovered list color persist */
.pmenu li:hover > a {color:#fff;  background:#afafaf;}

/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
.pmenu li:hover > ul {display:block; position:absolute; top:0; left:100px; 
	padding:0px 30px 30px 30px; 
	background:transparent url(transparent.gif); width:100px;}

.pmenu :hover ul li a {
	width:100px; 
	background:#afafaf;
	color:white;
	border:1px solid white;
}

.pmenu li:hover ul li:hover > a {
	color:#fff;
  background:#949494;
}

/* Position the first sub level beneath the top level links */
.pmenu > li:hover > ul {left:-31px; top:32px; width:100px;}
.pmenu li:hover ul li:hover ul {left:120px; top:0; 
	padding:13px 30px 30px 0;
	}

.pmenu ul li {margin-bottom:-1px;}
/* get rid of the table */
.pmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
.pmenu li a:hover {position:relative; color:#fff; background:#afafaf;}
.pmenu li ul li a:hover {position:relative; color:#fff; background:#949494;}

/* For accessibility of the top level menu when tabbing */
.pmenu li a:active, #pmenu li a:focus { color:#fff; background:#0073d8;}

/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */
* html .pmenu li ul {visibility:hidden; display:block; position:absolute; top:0; left:80px; padding:0 30px 30px 30px; background:transparent url(transparent.gif);}

/* keep the third level+ hidden when you hover on first level link */
.pmenu li a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
.pmenu li a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
.pmenu li a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the sixth level hidden when you hover on fourth level link */
.pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {
visibility:hidden;
}

/* make the second level visible when hover on first level link and position it */
.pmenu li :hover ul {
visibility:visible; left:-30px; top:31px; lef\t:-31px; to\p:32px; width:100px;}

.pmenu ul li a {width:100px; text-align:left; text-indent:10px; padding:0; background:#eff4fa;}


/* make the third level visible when you hover over second level link and position it and all further levels */
.pmenu li :hover ul :hover ul{ 
visibility:visible; top:12px; left:120px; padding:0 30px 30px 0;
}
/* make the fourth level visible when you hover over third level link */
.pmenu li a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
.pmenu li a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the sixth level visible when you hover over fifth level link */
.pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}