/* Footer bottom
------------------------------ */
html, body { width: 100%; height: 100%; font-family:  Tahoma, Arial, Helvetica, sans-serif; background: #fff url('/images/submenu_bg.gif') repeat-y 0 0; color: #212121; font-size: 12px; line-height: 14px;}
body       { height: 100%; }
* html body{ height: 100%; }
#wrapper { width: 100%; min-height: 100%; height: auto; position: relative;}
* html #wrapper { height: 100%; }
#header    { width: 100%; }
#content   { padding-bottom: 176px; width: 100%;  }
#wrapper_footer    { height: 174px; width: 100%; position: absolute; bottom: 0; left:0;  }

/* Main
------------------------------ */
#wrapper{background: url('/images/wrapper_right_bg.gif') repeat-y right top;}
#wrapper,#header,#content,#footer { min-width:1000px; }

* html #wrapper {
     width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 1000? "1000px": "auto");
}


* html img, * html .slogan,*html .header, *html .logo{filter:expression(fixPNG(this));}
 
* { margin:0; padding:0; }
*:focus { outline: none; }

a:link    { color: #0037a6; text-decoration:underline; }
a:visited { color: #0037a6; text-decoration:underline; }
a:hover   { color: #0037a6; text-decoration:none; }
a:active  { color: #0037a6; text-decoration:underline; }

blockquote { margin-left: 50px; padding-left: 12px; border-left: 2px solid #ccc; }
pre, code { font: 12px/18px "Courier New", Courier, monospace; border: 1px dashed #aaa; padding: 12px; background: #eee; }
code { padding: .2em .5em; }

table { border-collapse:collapse; border:none; }
table td { padding:0px; vertical-align:top; }
form  { padding: 0px 0 15px 0;}

input {  background: #fcfcfc; font-size: 14px; line-height:16px;  }

input.text { margin: 3px 0 7px 0;padding-left: 5px; color: #3b3b3b; background: #fcfcfc; font-size: 14px; line-height:16px; border: 1px solid #cccccc; height: 17px; width:415px; padding-top:3px;}
textarea{ margin: 3px 0 7px 0; padding-left: 5px; color: #3b3b3b; background: #fcfcfc; font-size: 14px; line-height:16px; border: 1px solid #cccccc; width: 415px; height: 125px;}
.button {width: 130px; height: 23px; background: #bdbdbd; color: #fff; border: 1px solid #acacac; padding:1px 0 3px 0; margin:5px 0; vertical-align: middle;}
.title{margin: 6px 0 6px 0;}
.clear { clear:both; }

sup {color: #d41818; font-size:12px; line-height:14px; font-family: Tahoma;}



ol { margin-left: 24px; line-height: 18px; }
ul 		 { line-height: 18px; margin:12px; }
ul li 	 { margin: 5px 0 0px 0; list-style: none; background: url('/images/li.gif') no-repeat 0 5px; padding-left: 17px;}
ul ul    { margin:0; padding:0;}
ul ul li {  margin: 5px 0;  list-style: none; background: url('/images/li.gif') no-repeat 0 5px; padding-left: 17px;}

p, .text ul,  ol,  table, blockquote, pre { margin-bottom: 12px; }

h1, h2, h3, h4, h5, h6 {  margin-bottom: 6px; }
h1 { font-weight:normal; font-size: 24px; line-height: 26px; margin-bottom: 20px; margin-right: 20px; text-align: justify; }
h2 { font-weight:normal; font-size: 18px; line-height: 20px; margin: 20px 0 15px 0;}
h3 { font-weight:normal; font-size: 18px; line-height: 20px; margin: 15px 0;}
h4 { font-weight: bold;  font-size: 14px; line-height: 15px; margin: 15px 0;}

.my-table	{ font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px;  border:1px solid #d1d1d1;}
.my-table thead{ background: #f4f4f4; color: #666666; text-align: left;padding: 15px; font-weight: bold;text-align: center;}
.my-table td{ border:1px solid #d1d1d1; padding: 5px 15px;text-align: center;}

.img_left  { float: left; margin: 0 10px 10px 0; border: #666666 3px solid;}
.img_right { float: right;margin: 0 0px 10px 10px; border: #666666 3px solid;}

.w15 { width: 15px;}
/*
header ------------------------*/

#header { background: #000000 url('/images/header-bg.gif') repeat-x; height: 153px; position: relative;}
#header .logo{ display: block; position: absolute; top: 20px; left: 20px; width:367px; height: 127px; cursor: pointer;}
#header .slogan{ position: absolute; top: 25px; right: 50px; background: url('/images/slogan.png') no-repeat; width:447px; height: 118px;}
/*#header .pres{ position: absolute; top: 150px; right: 90px; background: url('/images/pres.gif') no-repeat; width:130px; height: 20px;}
#header .en_pres{ position: absolute; top: 150px; right: 90px; background: url('/images/en_pres.gif') no-repeat; width:130px; height: 20px;}*/
#header .en_slogan{ position: absolute; top: 35px; right: 50px; background: url('/images/en_slogan.png') no-repeat; width:447px; height: 118px;}
#header .fr_slogan{ position: absolute; top: 35px; right: 50px; background: url('/images/fr_slogan.png') no-repeat right 0; width:447px; height: 118px;}
#header .gr_slogan{ position: absolute; top: 35px; right: 50px; background: url('/images/gr_slogan.png') no-repeat right 0; width:447px; height: 118px;}
#header img  { border:0px;  }
.header{ position: absolute; bottom:0; left: 17%; background: url('/images/planet.png') no-repeat; height: 171px; width:776px;}

.langs { background: url('/images/langs.gif') repeat-x; position: absolute; top:0; right: 15px; color: #fff; padding: 5px 10px; letter-spacing: 0.5px;}
.langs .engl{ letter-spacing: 1px;}
.langs a:link    { color: #fff; text-decoration:underline; }
.langs a:visited { color: #fff; text-decoration:underline; }
.langs a:hover   { color: #fff; text-decoration:none; }
.langs a:active  { color: #fff; text-decoration:underline; }

/* menu
-------------------------*/
#container{}
.mainmenu{width: 100%; background:#ffe9d5; height: 71px; padding-top: 5px;}
.menu { width: 98%;  height: 60px; background: url('/images/menu-bg.gif') repeat-x; margin-left:1%; }
.menu .tdd { width: 20%; text-align: center; font-size: 20px; line-height: 26px; }
.menu .active {width: 20%; text-align: center; font-size: 20px; line-height: 26px; background: url('/images/menu-bg-hover.gif') repeat-x;}
.menu a{display: block; height: 45px; padding-top: 12px; background: url('/images/menu-separ.gif') no-repeat right top;}
.menu .last a{ background: url('/images/menu-rightp.gif') no-repeat right top;}
.menu a:link	{ color: #000; text-decoration: none; }
.menu a:visited { color: #000; text-decoration: none; }
.menu a:hover   { color: #000; text-decoration: none; }
.menu a:active  { color: #000; text-decoration: none; }
.menu .left-cont{ width:0px; height: 1px; position: relative; }
.menu .left-p   { background: url('/images/menu-leftp.gif') no-repeat; width: 6px; height:59px; position: absolute; top:0; left:0; }


/* content
---------------------------*/
#content { }


/* INNER
---------------------------*/
.inner {}
.inner .content {height: 100%; width: 100%;}
.inner .content .submenu{ width: 303px; background: url('/images/submenu_bg_up.gif') no-repeat 0 -2px;}
.inner .content .txt{ background: url('/images/right_up_corner.gif') no-repeat right -1px;}
.inner .content .txt .text{ margin-right:20px;}

/* LEFT menu
---------------------------*/
.submenu { padding-left: 30px; font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;}
#submenu {padding-top: 20px; margin: 0 55px 0 10px;}

.submenu ul li {  color: #0037a6; padding-left: 20px; list-style: none; background: url('/images/submenu-li.gif') no-repeat 0px 5px; font-size: 13px;}
.submenu ul ul  { margin-left: 10px;}
.submenu ul ul li { padding-left:20px;  margin: 10px 0;  }

.submenu .inactive{ font-size: 23px; line-height: 25px; color:#dd170f; background: none; padding:0;margin: 15px 0; }
.submenu .inactive a.root-link
{
	color: #FF0000;
}

/* INNER without left-menu
--------------------------*/

.left-indent{width: 40px; background: url('/images/empty-left-up.gif') no-repeat 1px -2px; }

/* NEWS
-----------------------------*/
.news { font-size: 15px;}
.news .date {color: #a0a0a0; font-weight: bold; margin-bottom: 13px;}
.news .more { margin: 0 0 40px 0; }

/* numpage ----------------------*/

.numpage {margin: 0 auto; padding: 30px 0; text-align: center;}
.numpage table{margin: 0 auto;}
.numpage .active{ border: 1px solid #c7c7c7;}
.numpage img{ border: 0px; padding: 0px; margin: 0px;}
.numpage span{ border: 0px; margin: 0 1px 5px 1px; padding: 0 5px 2px 5px; }

.numpage a:link  img    { color: #c9c9c9; text-decoration:none;}
.numpage a:visited img  { color: #c9c9c9; text-decoration:none; }
.numpage a:hover img    { color: #c9c9c9; text-decoration:none; }
.numpage a:active img   { color: #c9c9c9; text-decoration:none; }


/* navibar ---------------------------*/
#navibar { margin: 20px 0 25px 0; color:#a0a0a0; font-size:10px;}
#navibar img	{ padding: 5px 10px 0 10px;  }
#navibar a:link	   { color: #a0a0a0; text-decoration:underline;}
#navibar a:visited { color: #a0a0a0; text-decoration:underline;}
#navibar a:hover   { color: #a0a0a0; text-decoration:none; }
#navibar a:active  { color: #a0a0a0; text-decoration:underline;}

/* footer --------------------------- */
#wrapper_footer { background: url('/images/footer_bg.gif') repeat-x; font-size:13px; line-height:14.6px; color: #ffffff;  text-align:left;}
#footer { position: relative;}
#footer .submenu_bg_down{background: url('/images/submenu_bg_down.gif') no-repeat 0 0px; position: absolute; top: -12px; left: 1px; width: 320px; height:12px; z-index:10;}
#footer .right_down{background: url('/images/right_corner_down.gif') no-repeat 0 0px; position: absolute; top: -8px; right: 0px; width: 22px; height:22px; z-index:10;}
#empty #footer .submenu_bg_down{background: url('/images/empty-left-down.gif') no-repeat 0 0px; position: absolute; top: -12px; left: 0px; width: 320px; height:12px; z-index:10;}
#footer table	{ width: 100%;}
#footer .copyright			{ padding: 35px 0px 0px 35px; width:25%; }
#footer .address			{ padding: 35px 0 0 10px; width:25%;}
#footer .copyright-webprofy { padding: 33px 0px 0 0px; width:25%;  font-size:12px; line-height:16px; background: url('/images/webprofy.gif') no-repeat 105px 31px; }

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

#footer .copyright-webprofy a:link     { color: #ffffff; text-decoration:none; }
#footer .copyright-webprofy a:visited  { color: #ffffff; text-decoration:none; }
#footer .copyright-webprofy a:hover    { color: #ffffff; text-decoration:underline; }
#footer .copyright-webprofy a:active   { color: #ffffff; text-decoration:none; }
a.lightbox { border-style:none;}
a.lightbox img { border-style:none;}
.blockspace {width:100%; height:18px; background: url('/images/blockspace.gif') repeat-x;}