/****************************************************************************************/
/*                                                                                      */
/* Version:         2009-11-25 8:00                                                     
/****************************************************************************************/

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

body
{
	background: #f4f4f4 url(images/body-background.png) repeat-x left 215px;
	color: #636363;
	font-size: 70%;
	font-family: Tahoma, Verdana, Arial;
}

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

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

h1, h2, h3, h4, h5, h6
{
	font-size: 100%;
	font-family: "Trebuchet MS", Sans-Serif;
}

img
{
	border: none;
}

a
{
	cursor: pointer;
	color: #858585;
}

a:hover
{
	text-decoration: none;
}

label
{
	cursor: pointer;
}

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

.clear hr
{
	display: none;
}

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

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

#topPanelHolder
{
	width: 100%;
	height: 215px;
	margin: 0 0 10px 0;
	position: relative;
	overflow: hidden;
	background: #001a34;
}

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

#topPanel
{
	width: 959px;
	height: 215px;
	position: absolute;
	left: 0;
	top: -225px;
	background: url(images/top-panel-background.jpg) no-repeat left top;
}

#topPanel .leftBackground
{
	width: 247px;
	height: 215px;
	position: absolute;
	left: -247px;
	top: 0;
	background: url(images/top-panel-left-background.jpg) no-repeat left top;
	overflow: hidden;
}

#topPanel h2.logo,
#topPanel h2.logo span
{
	width: 303px;
	height: 47px;
	display: block;
	position: absolute;
	left: 25px;
	top: 55px;
	overflow: hidden;
}

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

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

#topPanel #topMenu
{
	width: 934px;
	height: 49px;
	padding: 0 0 0 25px;
	position: absolute;
	left: 0;
	top: 157px;
	background: url(images/top-menu-background.png) no-repeat left 2px;
	overflow: hidden;
	list-style-type: none;
}

#topPanel #topMenu li
{
/*   margin: 0 18px 0 0; */
  margin: 0;
	float: left;
}

#topPanel #topMenu li a
{
	height: 46px;
	padding: 3px 10px 0 10px;
	display: block;
	float: left;
	line-height: 46px;
	color: #94e0ff;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

#topPanel #topMenu li.home a
{
	padding: 3px 15px 0 25px;
	background: url(images/top-menu-home.png) no-repeat 7px 20px;
}

#topPanel #topMenu li a.active
{
	color: #ffffff;
}

#topPanel #topMenu li a.active:hover
{
	padding: 0 15px 0 25px;
	border-top: 3px solid #ffffff;
	background: url(images/top-menu-home.png) no-repeat 7px 17px;
}

#topPanel #topMenu li a:hover
{
	padding: 0 15px;
	border-top: 3px solid #358fe1;
}

#topPanel .search
{
  height:22px;
  overflow:hidden;
  position:absolute;
  right:20px;
  top:172px;
  width:145px;
}

#topPanel .search input
{
	width: 80px;
	height: 16px;
	margin: 0 7px 0 0;
	padding: 3px 12px 0 12px;
	float: left;
	border: 1px solid #55c4ff;
	background: url(images/search-input.png) no-repeat left top;
	color: #1083c1;
	font-size: 10px;
}

#topPanel .search .button
{
	width: 31px;
	height: 22px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	border: none;
	background: url(images/search-button.png) no-repeat left top;
	cursor: pointer;
}

#topPanel .login
{
	width: 120px;
	height: 60px;
	padding: 16px 0 0 62px;
	position: absolute;
	right: 230px;
	top: 55px;
	overflow: hidden;
	background: url(images/login-background.jpg) no-repeat left top;
}

#topPanel .login .button
{
	width: 98px;
	height: 23px;
	margin: 0 0 5px 0;
	display: block;
	line-height: 23px;
	background: url(images/login-button.png) no-repeat left top;
	color: #ffffff;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	overflow: hidden;
}

#topPanel .login .registration
{
	margin: 0 0 0 3px;
	display: block;
	color: #f88200;
}

#topPanel .cart
{
	width: 116px;
	height: 63px;
	padding: 13px 0 0 70px;
	position: absolute;
	right: 19px;
	top: 55px;
	overflow: hidden;
	background: url(images/cart-background.jpg) no-repeat left top;
	color: #ffffff;
}

#topPanel .cart p
{
	font-size: 10px;
}

#topPanel .cart p .colored
{
	color: #f88200;
}

#topPanel .cart .count
{
	width: 11px;
	height: 11px;
	display: block;
	position: absolute;
	left: 41px;
	top: 39px;
	line-height: 11px;
	font-size: 9px;
	overflow: hidden;
	text-align: center;
}

#topPanel .cart .button
{
	width: 98px;
	height: 21px;
	margin: 5px 0 5px 0;
	display: block;
	line-height: 21px;
	background: url(images/cart-button.png) no-repeat left top;
	color: #ffffff;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	overflow: hidden;
}

#topPanel .kontakt
{
	width: 165px;
	height: 60px;
	padding: 16px 0 0 15px;
	position: absolute;
	right: 436px;
	top: 55px;
	overflow: hidden;
	background: url(images/kontakt-background.jpg) no-repeat left top;
}
#topPanel .kontakt .nadpis, #topPanel .kontakt .tel, #topPanel .kontakt .mail
{
	color: #ffffff;
	font-weight:bold;
}
#topPanel .kontakt .tel, #topPanel .kontakt .mail
{
	font-weight:normal;
	width: 50px;
	float: left;
	display: block;
}
#topPanel .kontakt .tel2, #topPanel .kontakt .mail2 a
{
	color: #F88100;
}
#topPanel .kontakt .tel2
{
	font-weight:bold;
}


/*======================================================================================*/
/* PAGE			                                                                        */
/*======================================================================================*/

#page
{
	width: 959px;
	margin: 0 auto;
	position: relative;
	background: url(images/page-background.png) no-repeat left top;
}

#middlePanel
{
	width: 943px;
	margin: 0 0 20px 0;
	padding: 8px 8px 0 8px;
	position: relative;
}

#content
{
	width: 698px;
	float: right;
	overflow: hidden;
}

/*======================================================================================*/
/* LEFT PANEL	                                                                        */
/*======================================================================================*/

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


#leftPanel #leftMenu
{
	width: 236px;
	margin: 0 0 5px 0;
	padding: 6px 0 0 0;
	background: url(images/left-menu-top.png) no-repeat left top;
	list-style-type: none;
}

#leftPanel #leftMenu li
{
	padding: 0 0 2px 0;
	background: url(images/left-menu-separator.png) no-repeat left bottom;
}

#leftPanel #leftMenu li.last
{
	padding: 0 0 6px 0;
	background: url(images/left-menu-bottom.png) no-repeat left bottom;
}

#leftPanel #leftMenu li a
{
	width: 206px;
	height: 33px;
	padding: 0 0 0 30px;
	display: block;
	line-height: 33px;
	background: url(images/left-menu-item.png) no-repeat left top;
	color: #2b2b2b;
	font-family: "Trebuchet MS", Sans-Serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
  overflow:hidden; 
}

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

#leftPanel #leftMenu li.active, #leftPanel #leftMenu li:hover
{
/*	background-image: url(images/left-menu-active-separator.png); */
}

#leftPanel #leftMenu li.active a, #leftPanel #leftMenu li:hover a
{
	background-image: url(images/left-menu-active.png);
	color: #ffffff;
}

#leftPanel #leftMenu li.active a:hover, #leftPanel #leftMenu li:hover a:hover
{
	text-decoration: none;
}

/*#leftPanel #leftMenu li ul {
  display:none;
}*/

#leftPanel #leftMenu li ul {
/*    display: none; */
}

#leftPanel #leftMenu li {
  position:none;
}

#leftPanel #leftMenu li.active ul
{
  left:238px;
  top:0px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  display: block;
/*   position:absolute; */
  padding:0 0 0 28px; 
}

#leftPanel ul#leftMenu li.active ul li {
  padding: 0;
  background-attachment:scroll;
  background-color:#1170CA;
  background-image:url();
  background-position:0 0;
  background-repeat:repeat;
  position:none;
}

#leftPanel #leftMenu li ul li a {
  font-size:100%;
}


#leftPanel .box
{
	width: 235px;
	margin: 0 0 5px 0;
	background: url(images/left-panel-box-middle.png) repeat-y left top;
}

#leftPanel .box h2
{
	width: 235px;
	height: 38px;
	padding: 0 0 0 20px;
	line-height: 38px;
	background: url(images/left-panel-box-top.png) no-repeat left top;
	color: #2a2a2a;
	font-size: 14px;
	text-transform: uppercase;
}

#leftPanel .box .boxContent
{
	padding: 20px;
}

#leftPanel .products .boxContent,
#leftPanel .actions .boxContent,
#leftPanel .partners .boxContent
{
	padding: 20px 20px 5px 20px;
}

#leftPanel .box .boxBottom
{
	width: 235px;
	height: 9px;
	background: url(images/left-panel-box-bottom.png) no-repeat left top;
	overflow: hidden;
}

#leftPanel #newsList,
#leftPanel #actionList
{
	width: 160px;
	height: 170px;
	margin: 0 auto;
	padding: 0 18px;
	overflow: hidden;
}

#leftPanel #newsList ul,
#leftPanel #actionList ul
{
	list-style-type: none;
}

#leftPanel #newsList .newsItem,
#leftPanel #actionList .actionItem
{
	width: 160px;
	height: 170px;
	margin: 0 auto;
	overflow: hidden;
}

#leftPanel #newsList .newsItem .image,
#leftPanel #actionList .actionItem .image
{
	width: 145px;
	height: 103px;
	margin: 0 auto 10px auto;
	padding: 5px;
	position: relative;
	overflow: hidden;
	background: url(images/left-panel-box-image.png) no-repeat left top;
	text-align: center;
}

#leftPanel #actionList .actionItem .image strong
{
	width: 39px;
	height: 35px;
	display: block;
	position: absolute;
	right: 5px;
	bottom: 5px;
	background: url(images/left-panel-action.png) no-repeat left top;
}

#leftPanel #actionList .actionItem .image strong span
{
	display: none;
}

#leftPanel #newsList .newsItem .text,
#leftPanel #actionList .actionItem .text
{
	width: 160px;
	margin: 0 auto;
	text-align: center;
}

#leftPanel #newsList .newsItem .text h3,
#leftPanel #actionList .actionItem .text h3
{
	margin: 0 0 5px 0;
	color: #7b7b7b;
	font-size: 14px;
}

#leftPanel #newsList .newsItem .text h3 a,
#leftPanel #actionList .actionItem .text h3 a
{
	color: #7b7b7b;
	text-decoration: none;
}

#leftPanel #newsList .newsItem .text h3 a:hover,
#leftPanel #actionList .actionItem .text h3 a:hover
{
	text-decoration: underline;
}

#leftPanel #newsList .newsItem .text strong,
#leftPanel #actionList .actionItem .text strong
{
	color: #0076e2;
	font-family: "Trebuchet MS", Sans-Serif;
	font-size: 20px;
	font-weight: bold;
}

#leftPanel .partnersImg img
{
	margin: 0 10px 10px 0;
}

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

#bottomPanel
{
	width: 100%;
	background: #c3c3c3;
}

#bottomPanel .bottomContent
{
	width: 959px;
	margin: 0 auto;
	padding: 0 0 50px 0;
	color: #ffffff;
	font-size: 10px;
}

#bottomPanel .bottomContent .left
{
	width: 315px;
	padding: 40px 0 0 20px;
	float: left;
	overflow: hidden;
}

#bottomPanel .bottomContent .left img
{
	margin: 0 20px 0 0;
	float: left;
}

#bottomPanel .bottomContent .left p
{
	padding: 3px 0 0 0;
	line-height: 12px;
	font-family: "Trebuchet MS", Sans-Serif;
}

#bottomPanel .bottomContent .left a
{
	color: #ffffff;
}

#bottomPanel .bottomContent .right, #bottomPanel .bottomContent #radkovyblok
{
	width: 578px;
	padding: 50px 0 0 0;
	float: right;
	overflow: hidden;
  text-align:right; 
}

#bottomPanel .bottomContent .right ul
{
	list-style-type: none;
}

#bottomPanel .bottomContent .right ul li
{
	float: left;
	font-size: 9px;
}

#bottomPanel .bottomContent .right ul li a, #bottomPanel .bottomContent #radkovyblok a
{
	color: #ffffff;
}