/****************************************************************************************/
/*                                                                                      */
/* Version:         2009-10-01 16:00                                                    */
/* Last changed by: Josef Vondráček                                                     */
/*                                                                                      */
/****************************************************************************************/

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

body
{
	background: #f8f8f8 url(images/body-background.jpg) repeat-x left top;
	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-family: Arial, Sans-Serif;
	font-size: 100%;
}

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                                                                      */
/*======================================================================================*/

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

#topPanelHolder
{
	width: 995px;
	height: 182px;
	overflow: hidden;
}

#middlePanel
{
	margin: 0 0 15px 0;
	background: url(images/middle-panel-background.png) no-repeat left top;
}

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

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

#topPanel h2.logo,
#topPanel h2.logo span
{
	width: 335px;
	height: 113px;
	position: absolute;
	left: 45px;
	top: 15px;
	overflow: hidden;
}

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

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

#topPanel #topMenu
{
	width: 980px;
	height: 56px;
	padding: 0 0 0 15px;
	position: absolute;
	left: 0;
	top: 127px;
	background: url(images/top-menu-background.png) no-repeat left top;
	list-style-type: none;
}

#topPanel #topMenu li
{
	height: 45px;
	padding: 0 1px 0 0;
	float: left;
	background: url(images/top-menu-separator.png) no-repeat right center;
}

#topPanel #topMenu li.last
{
	padding: 0;
	background: none;
}

#topPanel #topMenu li a
{
	height: 45px;
	padding: 0 8px;
	float: left;
	display: block;
	line-height: 45px;
	color: #8b8b8b;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

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

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

#topPanel #topMenu li a.home,
#topPanel #topMenu li a.home span
{
	width: 30px;
	padding: 0;
	position: relative;
	overflow: hidden;
}

#topPanel #topMenu li a.home span
{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: url(images/top-menu-home.png) no-repeat center center;
}

#topPanel #topMenu li a.home:hover
{
	text-decoration: none;
}

#topPanel .userInfo
{
	width: 345px;
	height: 40px;
	position: absolute;
	right: 0;
	top: 15px;
	background: url(images/user-info-background.png) no-repeat 125px center;
	font-size: 10px;
}

#topPanel .userInfo form.hploginform label {  
  float:left;
  width:35px;
  margin:2px 0px 2px 0px;
}

#topPanel .userInfo form.hploginform br {
  clear:both;
}


#topPanel .userInfo form.hploginform input {
  width:91px;
  background:url("images/input-background.png") no-repeat scroll left top transparent;/*#f8f8f8;*/
  border:1px solid #e2e2e2;
  margin-bottom:2px;
  padding:1px;
  color:gray;
}

#topPanel .userInfo form.hploginform .logmsg {
  text-align:center;
  margin-top:5px;
}

#topPanel .userInfo .user
{
	width: 135px;
	height: 35px;
	padding: 5px 0 0 30px;
	float: left;
	background: url(images/login-background.png) no-repeat left center;
}

#topPanel .userInfo .user a
{
	/*display: block;*/
	color: #ee047f;
	font-weight: bold;
}

#topPanel .userInfo .cart
{
	width: 120px;
	height: 35px;
	padding: 5px 0 0 60px;
	float: left;
	background: url(images/cart-background.png) no-repeat 20px center;
}

#topPanel .userInfo .cart a {
  text-decoration:none;
}
#topPanel .userInfo .cart a:hover {
  text-decoration:underline;
}

#topPanel .userInfo .cart p
{
	width: 100px;
	color: #b5b5b5;
	margin-bottom:5px;
}

#topPanel .userInfo .cart span
{
/* 	width: 100px; */
/* 	display: block; */
}

#topPanel .userInfo .cart strong
{
	color: #626161;
}

#topPanel .userInfo .cart .pink
{
	color: #ee047f;
}

#topPanel .search
{
	width: 170px;
	height: 25px;
	position: absolute;
	right: 8px;
	top: 138px;
}

#topPanel .search input
{
	width: 102px;
	height: 17px;
	margin: 0 8px 0 0;
	padding: 5px 0 0 5px;
	float: left;
	background: url(images/input-background.png) no-repeat left top;
	color: #565656;
	border: 1px solid #dcdcdc;
	font-size: 10px;
}

#topPanel .search .searchButton
{
	width: 52px;
	height: 19px;
	margin: 3px 0 0 0;
	padding: 0 0 2px 0;
	display: block;
	float: left;
	background: #cccccc url(images/button-search.png) no-repeat left top;
	color: #ffffff;
	border: none;
	font-weight: bold;
	overflow: hidden;
	text-align: center;
}

/*======================================================================================*/
/* CONTENT		                                                                        */
/*======================================================================================*/

#middlePanel #content
{
	width: 748px;
	float: right;
	position: relative;
	overflow: hidden;
}

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

#middlePanel #leftPanel
{
	width: 242px;
	float: left;
	position: relative;
}

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

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

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

#leftPanel #leftMenu li.active
{
	padding: 0;
	background: none;
}

#leftPanel #leftMenu li a
{
	width: 222px;
	height: 34px;
	padding: 0 0 0 20px;
	display: block;
	line-height: 34px;
	background: url(images/left-menu-item.png) no-repeat left top;
	color: #5fbad0;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}

#leftPanel #leftMenu li.active a
{
	width: 222px;
	height: 35px;
	padding: 0 0 0 23px;
	position: relative;
	left: -3px;
	background: url(images/left-menu-item-active.png) no-repeat left top;
	color: #ffffff;
}

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

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

#leftPanel #leftMenu li.active ul
{
	display: block;
	list-style-type: none;
}

#leftPanel #leftMenu li.active ul li
{
	background: url(images/left-menu-sub-separator.png) no-repeat left bottom;	
}

#leftPanel #leftMenu li.active ul li a
{
	height: 27px;
	background: url(images/left-menu-sub-item.png) no-repeat left top;
	line-height: 27px;
	position: static;
	color: #5fbad0;
}

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

#leftPanel .box,
#leftPanel .long
{
	width: 242px;
	height: 230px;
	margin: 5px 0 0 0;
	overflow: hidden;
}

#leftPanel .long
{
	height: auto;
}

#leftPanel .box h2
{
	width: 222px;
	height: 35px;
	padding: 0 0 0 20px;
	line-height: 35px;
	background: url(images/left-panel-box-top.png) no-repeat left top;
	color: #565656;
	font-size: 16px;
}

#leftPanel .box .boxContent
{
	padding: 5px 10px;
	background: url(images/left-panel-box-middle.png) repeat-y left center;
}

#leftPanel .long .boxContent
{
	background: url(images/left-panel-box-middle-long.png) repeat-y left top;
}

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

#leftPanel .long p
{
	margin: 10px 0 13px 0;
}

#leftPanel .long span
{
	position: relative;
	top: -10px;
}

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

#leftPanel .actionList,
#leftPanel .newsList
{
	width: 220px;
	height: 175px;
	list-style-type: none;
	overflow: hidden;
}

#leftPanel .actionList .actionItem,
#leftPanel .newsList .newsItem
{
	width: 220px;
	height: 175px;
	text-align: center;
}


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

#leftPanel .actionList .actionItem p,
#leftPanel .newsList .newsItem p
{
	
	padding: 3px 0;
	color: #484848;
}

#leftPanel .actionList .actionItem p a,
#leftPanel .newsList .newsItem p a
{
	text-decoration: none;
}

#leftPanel .actionList .actionItem strong,
#leftPanel .newsList .newsItem strong
{
	color: #ee027e;
	font-size: 14px;
}

#leftPanel .icons
{
	margin: 20px 0 0 0;
	padding: 0 0 0 20px;
}

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

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

#bottomPanel
{
	width: 100%;
	height: 142px;
	background: #e1e1e1;
	overflow: hidden;
}

#bottomPanel .bottomContent
{
	width: 995px;
	margin: 0 auto;
}

#bottomPanel .bottomContent .colL
{
	width: 235px;
	height: 117px;
	padding: 25px 0 0 15px;
	float: left;
	background: url(images/bottom-panel-separator.png) no-repeat right center;
}

#bottomPanel .bottomContent .colL p
{
	padding: 7px 0 0 5px;
}

#bottomPanel .bottomContent .colC
{
	width: 453px;
	height: 97px;
	padding: 45px 20px 0 20px;
	float: left;
	background: url(images/bottom-panel-separator.png) no-repeat right center;
}

#bottomPanel .bottomContent .colC .button
{
	width: 109px;
	height: 26px;
	margin: 0 10px 20px 0;
	float: left;
	display: block;
	line-height: 26px;
	background: url(images/button-bottom.png) no-repeat left top;
	color: #6c6c6c;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

#bottomPanel .bottomContent .colC a:hover
{
	text-decoration: underline;
}

#bottomPanel .bottomContent .colC ul
{
	width: 90%;
	float: left;
	list-style-type: none;
}

#bottomPanel .bottomContent .colC ul li
{
	float: left;
	color: #9c9c9c;
}

#bottomPanel .bottomContent .colC ul li.first
{
	padding: 0 0 0 4px;
}

#bottomPanel .bottomContent .colC ul li a
{
	padding: 0 4px;
	float: left;
	color: #9c9c9c;
	border-right: 1px solid #9c9c9c;
	text-decoration: none;
}

#bottomPanel .bottomContent .colC ul li a.last
{
	border: none;
}

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

#bottomPanel .bottomContent .colR
{
	width: 225px;
	height: 1172px;
	padding: 25px 0 0 20px;
	float: left;
}

#bottomPanel .bottomContent .colR h3
{
	color: #ec1083;
	font-size: 12px;
}

#bottomPanel .bottomContent .colR address
{
	margin: 10px 0 0 0;
	padding: 0 0 0 60px;
	background: url(images/bottom-contact.png) no-repeat left center;
	font-style: normal;
}

#basket_confirm_box {
  display:none; 
  position:absolute; 
  background-color: #ec1083; 
  border: 1px solid black;   
  padding:10px;
  color: #000000;
}

#basket_confirm_box a {
  color: #000000;
  font-weight: bold;
}

/*DALSI MOJE*/
.dotaz_msgerrmsg {
  margin-left:27px;
}
.dotaz_msgmsg {
  margin-left:27px;
}

h3.noa a {
  color: #ec1083;
  text-decoration:none;
}
.akcni_vice {
  color: #ec1083;
  text-decoration: underline;
}

.pink
{
	color: #ee047f;
}

.prl20 {
  padding:0px 20px 0px 20px;
}