/****************************************************************************************/
/*                                                                                      */
/* Version:         2010-03-01 08:00                                                    */
/* Last changed by: Michal Pelech                                                       */
/*                                                                                      */
/****************************************************************************************/

/*======================================================================================*/
/* GLOBAL SETTINGS                                                                      */
/*======================================================================================*/

html
{
	font-size: 62.5%;
}

body
{
	background: #ffffff;
	color: #000000;
	font-size: 1.2em;
	line-height: 1.4em;
	font-family: Tahoma, Verdana, Arial;
}

body, form, ul, li, ol, h1, h2, h3, h4, h5, h6, object, p, form, dl, dd, dt, input, textarea, select
{
	margin: 0;
	padding: 0;
}

input, select, textarea, sub, sup
{
	font-family: Tahoma, Verdana, Arial;
}

fieldset
{
	border: none;
}

h1, h2, h3, h4, h5, h6
{
	font-size: 1.4em;
}

img
{
	border: none;
}

a
{
	cursor: pointer;
	color: #DB7728;
	outline: none;
}

a:hover
{
	text-decoration: none;
}

label
{
	cursor: pointer;
}

/* CLEAR */
/* slightly enhanced, universal clearfix hack */
.clearfix:after
{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */

.clear 
{
	width: 100%;
	height: 1px;
	display: block;
	overflow: hidden;
	clear: both;
}

.clear hr
{
	display: none;
}

.noscreen
{
	width: 1px;
	height: 1px;
	position: absolute;
	left: -4999px;
	overflow: hidden;
	visibility: hidden;
}

/*======================================================================================*/
/* CONCRETE STYLES                                                                      */
/*======================================================================================*/

#page
{
	width: 960px;
	margin: 0 auto;
	position: relative;
}

#topPanelHolder
{
	width: 960px;
	height: 170px;
}

/*======================================================================================*/
/* MIDDLE PANEL	                                                                        */
/*======================================================================================*/

#middlePanel
{
	margin: 0 0 10px 0;
}

#rightSide
{
	width: 770px;
	float: right;
	overflow: hidden;
}

#rightSide #contentPanel
{
	width: 583px;
	float: left;
	overflow: hidden;
}

#rightSide #rightPanel
{
	width: 177px;
	float: right;
	overflow: hidden;
}

#rightSide #rightPanel h2.action,
#rightSide #rightPanel h2.action span
{
	width: 177px;
	height: 173px;
	margin: 0 0 12px 0;
	padding: 0;
	line-height: auto;
	position: relative;
	overflow: hidden;
	color: #000000;
}

#rightSide #rightPanel h2.action a
{
	text-decoration: none;
}

#rightSide #rightPanel h2.action span
{
	margin: 0;
	position: absolute;
	left: 0;
	top: 0;
	background: url(images/action-background.png) no-repeat left top;
}

#rightSide #rightPanel h2
{
	width: 159px;
	height: 28px;
	padding: 0 0 0 18px;
	line-height: 28px;
	background: url(images/left-panel-header-background3.png) no-repeat left top;
	color: #ffffff;
	font-size: 1.2em;
	font-weight: normal;
	text-transform: uppercase;
}

#rightSide #rightPanel .box
{
	width: 147px;
	padding: 15px;
	background: url(images/left-panel-box-background.png) repeat-x left top;
}

#rightSide #rightPanel .box p
{
	margin: 0 0 10px 0;
}

#leftPanel
{
	width: 177px;
	float: left;
	overflow: hidden;
}

#leftPanel h2
{
	width: 159px;
	height: 28px;
	padding: 0 0 0 18px;
	line-height: 28px;
	background: url(images/left-panel-header-background.png) no-repeat left top;
	color: #ffffff;
	font-size: 1.2em;
	font-weight: normal;
	text-transform: uppercase;
}

#leftPanel h2 a
{
	color: #ffffff;
	text-decoration: none;
}

#leftPanel h2 a:hover
{
	text-decoration: underline;
}

#leftPanel h2.gray
{
	margin: 45px 0 0 0;
	background-image: url(images/left-panel-header-background3.png);
}

#leftPanel .box
{
	width: 177px;
	background: url(images/left-panel-box-background.png) repeat-x left top;
}

#leftPanel .short
{
	width: 177px;
	height: 80px;
	background: url(images/left-panel-box-short-background.png) repeat-x left top;
}

#leftPanel .short p
{
	height: 24px;
	padding: 0 0 0 18px;
	line-height: 24px;
	color: #484848;
	font-size: 1.2em;
}

#leftPanel .short p a
{
	color: #484848;
	text-decoration: none;
}

#leftPanel .short p a:hover
{
	text-decoration: underline;
}

#leftPanel ul
{
	width: 167px;
	padding: 0 0 10px 0;
	list-style-type: none;
}

#leftPanel ul li a
{
	width: 159px;
	height: 23px;
	padding: 0 0 0 18px;
	display: block;
	line-height: 23px;
	background: none;
	color: #484848;
	font-size: 1.2em;
	text-decoration: none;
}

#leftPanel ul li a:hover,
#leftPanel ul li a.active
{
	background: url(images/left-panel-active-background.png) no-repeat left top;
}

/*======================================================================================*/
/* TOP PANEL	                                                                        */
/*======================================================================================*/

#topPanel
{
	width: 960px;
	height: 170px;
	position: absolute;
	left: 0;
	top: 0;
}

#topPanel h2.logo,
#topPanel h2.logo span
{
	width: 332px;
	height: 66px;
	position: absolute;
	left: 0;
	top: 32px;
	overflow: hidden;
}

#topPanel h2.logo span
{
	display: block;
	left: 0;
	top: 0;
	background: url(images/logo.png) no-repeat left top;
}

#topPanel h2.logo a
{
	text-decoration: none;
}

#topPanel h3.slogan,
#topPanel h3.slogan span
{
	width: 174px;
	height: 24px;
	position: absolute;
	left: 350px;
	top: 66px;
	overflow: hidden;
}

#topPanel h3.slogan span
{
	display: block;
	left: 0;
	top: 0;
	background: url(images/slogan.png) no-repeat left top;
}

#topPanel #menu
{
	width: 960px;
	height: 41px;
	position: absolute;
	left: 0;
	top: 118px;
	background: #494949 url(images/menu-background.png) no-repeat left top;
	color: #ffffff;
	list-style-type: none;
}

#topPanel #menu li
{
	float: left;
	position: relative;
}

#topPanel #menu li a
{
	height: 41px;
	margin: 0 8px 0 0;
	padding: 0 15px;
	float: left;
	line-height: 41px;
	background: url(images/menu-hover-background.png) no-repeat 0 -41px;
	color: #ffffff;
	font-size: 1.2em;
	text-decoration: none;
}

#topPanel #menu li a.home
{
	margin: 0 396px 0 2px;
}

#topPanel #menu.en li a.home
{
	margin: 0 527px 0 2px;
}

#topPanel #menu li a.last
{
	margin: 0;
}

#topPanel #menu li a:hover,
#topPanel #menu li a.active
{
	background-position: left top;
}

#topPanel #menu li ul
{
	width: 100px;
	height: 45px;
	padding: 5px 0 0 0;
	display: none;
	position: absolute;
	left: -1px;
	top: 40px;
	background: url(images/menu-submenu-background.png) no-repeat left top;
	list-style-type: none;
	overflow: hidden;
}

#topPanel #menu li ul li
{
	float: none;
}

#topPanel #menu li ul li a
{
	height: 20px;
	padding: 0 0 0 15px;
	float: none;
	line-height: 20px;
}

#topPanel #menu li ul li a:hover
{
	background: none;
	text-decoration: underline;
}

/*show submenu*/
#topPanel #menu li:hover ul,
#topPanel #menu li.hover ul
{
	display: block;
}

#topPanel #languagePanel
{
	width: 152px;
	height: 27px;
	padding: 11px 0 0 25px;
	position: absolute;
	right: 0;
	top: 56px;
	background: #ffaf70 url(images/language-background.png) no-repeat left top;
	color: #ffffff;
	overflow: hidden;
}

#topPanel #languagePanel a,
#topPanel #languagePanel span
{
	float: left;
	color: #ffffff;
	font-size: 1.2em;
}

#topPanel #languagePanel span
{
	width: 30px;
	text-align: center;
}

#topPanel #languagePanel a
{
	text-decoration: none;
}

#topPanel #languagePanel a:hover
{
	text-decoration: underline;
}

#topPanel #languagePanel a.active
{
	text-decoration: underline;
}

/*======================================================================================*/
/* BOTTOM PANEL	                                                                        */
/*======================================================================================*/

#bottomPanel
{
	width: 960px;
	height: 26px;
	background: #ff933e url(images/bottom-panel-background.png) no-repeat left top;
	color: #ffffff;
}

#bottomPanel ul
{
	width: 50%;
	height: 12px;
	margin: 6px 0 0 0;
	float: left;
	list-style-type: none;
	overflow: hidden;
}

#bottomPanel ul li
{
	float: left;
}

#bottomPanel ul li a
{
	padding: 0 10px;
	float: left;
	line-height: 12px;
	border-right: 1px solid #ffffff;
	color: #ffffff;
	font-size: 0.8em;
	text-decoration: none;
}

#bottomPanel ul li a:hover
{
	text-decoration: underline;
}

#bottomPanel ul li a.last
{
	border-right: none;
}

#bottomPanel p
{
	width: 20%;
	height: 12px;
	margin: 6px 0 0 0;
	padding: 0 20px 0 0;
	float: right;
	line-height: 12px;
	overflow: hidden;
	color: #ffffff;
	font-size: 0.8em;
	text-align: right;
}

#bottomPanel p a
{
	color: #ffffff;
	text-decoration: underline;
}

#bottomPanel p a:hover
{
	text-decoration: none;
}