html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,caption, p{	margin: 0;	padding: 0;}


html {height: 100%;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background-position: center top; background-repeat: no-repeat; background-color: #00356e; background-image: url(../layout/body.jpg);	
	text-align: center;
	height: 100%;
}

a 		{ color: #5570e4; text-decoration: underline; }
a:hover { text-decoration: none; }
img 	{ border: none; }
.clear 	{ clear: both; } 


/* ----------------------------------------------------- */
/* ---------------------->>> WRAP <<<------------------- */
/* ----------------------------------------------------- */
#wrap { width: 960px; margin: 0 auto; position: relative; text-align: left; background-position: center top; background-repeat: no-repeat; background-image: url(../layout/body.jpg); }

/* header */
#header { width: 100%; height: 229px; overflow: hidden; position: relative; }

/* ----------------------------------------------------- */
/* -------------------->>> LOGO <<<--------------------- */
/* ----------------------------------------------------- */
a#logo 		{ display: block; width: 145px; height: 46px; overflow: hidden; position: absolute; top: 45px; left: 18px; }

/* lang */
ul#lang { list-style: none; position: absolute; top: 14px; right: 10px; font-weight: bold; padding-left: 13px; padding-right: 0; background: url(../layout/lang.gif) left no-repeat; }
ul#lang li { float: left; padding: 0 7px 0 6px; background: url(../layout/nav.gif) right no-repeat; }
	ul#lang li.last { padding-right: 0; background: none }
ul#lang a { color: #fff; text-decoration: none; }
ul#lang a.active,
ul#lang a:hover { text-decoration: underline;  }

/* links with icons */
#header a.ico { color: #fff; font-weight: bold; text-decoration: none; padding-left: 17px; background-position: left; background-repeat: no-repeat; position: absolute; top: 14px; }
#header a.ico:hover { text-decoration: underline; }
	a#about_us 		{ background-image: url(../layout/about_us.gif); right: 275px; }
	a#press_office 	{ background-image: url(../layout/press_office.gif); right: 175px; }

/* ----------------------------------------------------- */
/* ------------------>>> NAVIGATION <<<----------------- */
/* ----------------------------------------------------- */
#header .panel { position: absolute; top: 42px; right: 1px; }

ul#general_nav 					{ float: left; list-style: none; }
ul#general_nav li 	 			{ display: block; float: left; padding-right: 2px; }
ul#general_nav li a 			{ display: block; float: left; width: 135px; height: 49px; position: relative; }
ul#general_nav li a span 		{ display: block; float: left; width: 135px; height: 49px; background-position: top; position: absolute; top: 0; left: 0; cursor: pointer; }
ul#general_nav li a.active span,
ul#general_nav li a:hover span 	{ background-position: bottom; }
	ul#general_nav li.item_1 a span { background-image: url(../layout/general_nav_1.gif); }
	ul#general_nav li.item_2 a span { background-image: url(../layout/general_nav_2.gif); }
	ul#general_nav li.item_3 a span { background-image: url(../layout/general_nav_3.gif); }
	ul#general_nav li.item_4 a span { background-image: url(../layout/general_nav_4.gif); }

ul#nav { text-transform: uppercase; font-weight: bold; list-style: none; position: absolute; top: 104px; right: 10px; }
ul#nav li { display: block; float: left; padding: 0 15px 0 16px; background: url(../layout/nav.gif) right no-repeat; }
	ul#nav li.last { background: none; padding-right: 0; }
ul#nav a { color: #fff; text-decoration: none; }
ul#nav a.active,
ul#nav a:hover { text-decoration: underline; }

/* search */
#search					{ float: left; position: relative; }
#search a 				{ display: block; float: left; width: 35px; height: 49px; background: url(../layout/search_button.gif); position: absolute; top: 0; right: 0; }
#search .input			{ display: none; overflow: hidden; float: left; width: 0; height: 36px; padding-top: 13px; background: url(../layout/search.gif); }
#search input.text 		{ width: 87px; height: 13px; padding: 5px 7px; margin-left: 10px; background: url(../layout/search_text.gif); border: none; color: #12267c; font-size: 11px; }
#search input.button 	{ float: left; width: 35px; height: 49px; background: url(../layout/search_button.gif); border: none; cursor: pointer; }

/* ----------------------------------------------------- */
/* -------------------->>> COLUMNS <<<------------------ */
/* ----------------------------------------------------- */
#right 			{ width: 710px; float: right; position: relative; }
#right .top 	{ width: 710px; height: 4px; background: url(../layout/right_top.png); overflow: hidden; }
#right .middle 	{ width: 710px; background: #fff; overflow: hidden; }
#right .bottom 	{ width: 710px; height: 4px; background: url(../layout/right_bottom.png); overflow: hidden; }

#left 			{ width: 240px; float: left; }
#left .top 		{ width: 240px; height: 4px; background: url(../layout/left_top.png); overflow: hidden; }
#left .middle 	{ width: 240px; background: #fff; overflow: hidden; }
#left .bottom 	{ width: 240px; height: 4px; background: url(../layout/left_bottom.png); overflow: hidden; }

#right #content { width: 670px; padding: 56px 20px 20px; }

/* ----------------------------------------------------- */
/* -------------------->>> FOOTER <<<------------------- */
/* ----------------------------------------------------- */
#footer { width: 100%; position: relative; color: #fff; font-size: 11px; position: relative; padding-top: 38px; }
#footer p { padding-left: 260px; line-height: 1em; }
#footer p span { padding: 0 4px; }
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#info 			{ width: 332px; height: 31px; overflow: hidden; position: absolute; top: 26px; right: 0; }
#info img 		{ position: absolute; top: 0; left: 0; }
#info a 		{ display: block; width: 332px; height: 31px; color: #12267c; position: absolute; top: 0; left: 0; background-image: url(../layout/info_ico.gif); background-position: 9px 8px; background-repeat: no-repeat; }
#info a span 	{ display: block; width: 302px; padding-left: 30px; height: 31px; line-height: 31px; background-image: url(../layout/info_arrow.gif); background-repeat: no-repeat; background-position: 317px 12px; }