/****************************************************************************************/
/*                                                                                      */
/* Version:         2009-10-01 16:00                                                    */
/* Last changed by: Josef Vondráček                                                     */
/*                                                                                      */
/****************************************************************************************/

/*======================================================================================*/
/* GLOBAL SETTINGS                                                                      */
/*======================================================================================*/

body
{
	background: #ffffff;
	color: #000000;
	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: 10px;
	font-family: Tahoma, Verdana, Arial;
}

h1, h2, h3, h4, h5, h6
{
	font-size: 100%;
}

img
{
	border: none;
}

a
{
	cursor: pointer;
	color: #dd9107;
}

a:hover
{
	text-decoration: none;
}

label
{
	cursor: pointer;
}

.clear 
{
	width: 100%;
	height: 1px;
	display: block;
	overflow: hidden;
	clear: both;
}

.clear hr,
.separator hr
{
	display: none;
}

.hide
{
	position: absolute;
	left: -4999px;
}

.separator
{
	width: 100%;
	height: 20px;
	margin: 10px 0;
	clear: both;
	background: url(images/search-separator.png) no-repeat left top;
}

/*======================================================================================*/
/* TOP PANEL	                                                                        */
/*======================================================================================*/
#topPanel_hack {
  height: 218px;
  overflow: hidden;
}
#topPanel
{
	height: 218px;
	/*overflow: hidden;*/
	background: #361a06 url(images/top-panel-background.png) no-repeat center top;
	/*position:absolute;*/
	top:0px;
	left:0px;
	width:100%;
}

#topPanel #header
{
	width: 998px;
	height: 218px;
	margin: 0 auto;
	position: relative;
	z-index:100000 !important;
	background: url(images/header-background2.png) no-repeat center top;
}

#topPanel h1,
#topPanel h1 span
{
	width: 392px;
	height: 177px;
	position: relative;
	top: 28px;
	overflow: hidden;
}

#topPanel h1 span
{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: url(images/logo.png) no-repeat left top;
}

#topPanel h1 a
{
	text-decoration: none;
}



#topPanel .h1,
#topPanel .h1 span
{
	width: 392px;
	height: 177px;
	position: relative;
	top: 28px;
	overflow: hidden;
}

#topPanel .h1 span
{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: url(images/logo.png) no-repeat left top;
}

#topPanel .h1 a
{
	text-decoration: none;
}



#topPanel #buttons
{
	width: 588px;
	height: 30px;
	position: absolute;
	right: 0;
	top: 135px;
	list-style-type: none;
}

#topPanel #buttons li
{
	float: left;
	position: relative;
	z-index:2000;
}

#topPanel #buttons li a
{
	width: 107px;
	height: 30px;
	margin: 0 13px 0 0;
	float: left;
	line-height: 28px;
	background: #edaa19 url(images/button-menu.png) no-repeat left top;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

#topPanel #buttons li a.last
{
	margin: 0;
}

#topPanel .status
{
	width: 215px;
	height: 20px;
	position: absolute;
	right: 0;
	top: 170px;
	color: #cc7600;
}

#topPanel .status p
{
	width: 88px;
	margin: 0 30px 0 0;
	float: left;
	text-align: center;
}

#topPanel .status a
{
	float: left;
	color: #ffcc33;
}

#topPanel #loginBox
{
	width: 164px;
	height: 78px;
	position: absolute;
	left: 635px;
	top: 45px;
	display: none;
	overflow: hidden;
	z-index: 10;
	background: transparent url(images/login-panel-background.gif) no-repeat left top;
}

#topPanel #loginBox .loginName
{
	width: 112px;
	height: 15px;
	padding: 3px 0 0 5px;
	position: absolute;
	left: 14px;
	top: 14px;
	border: none;
	background: transparent;
	color: #929393;
}

#topPanel #loginBox .loginPassword
{
	width: 70px;
	height: 15px;
	padding: 3px 0 0 5px;
	position: absolute;
	left: 14px;
	top: 44px;
	border: none;
	background: transparent;
	color: #929393;
}

#topPanel #loginBox .loginButton
{
	width: 36px;
	height: 23px;
	position: absolute;
	left: 98px;
	top: 42px;
	line-height: 21px;
	border: none;
	background: #edaa19 url(images/button-login.gif) no-repeat left top;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

#topPanel #loginBox .close,
#topPanel #loginBox .close span
{
	width: 15px;
	height: 15px;
	position: absolute;
	right: 5px;
	top: 5px;
	overflow: hidden;
	text-decoration: none;
}

#topPanel #loginBox .close span
{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: url(images/button-login-close.gif) no-repeat left top;
}

#topPanel #topMenu
{
	width: 526px;
	height: 25px;
	padding: 7px 0 0 10px;
	position: absolute;
	right: 87px;
	top: 0;
	overflow: hidden;
	background: url(images/top-menu-background.png) no-repeat left top;
	list-style-type: none;
}

#topPanel #topMenu li
{
	float: left;
}

#topPanel #topMenu li a
{
	padding: 0 10px;
	border-right: 1px solid #663c00;
	text-decoration: none;
}

#topPanel #topMenu li a:hover
{
	text-decoration: underline;
}

#topPanel #topMenu li a.last
{
	border: none;
}

#topPanel #topMenu li a.active
{
	color: #ffc32c;
	font-weight: bold;
}

#topPanel .flags
{
	width: 65px;
	height: 31px;
	padding: 7px 0 0 18px;
	position: absolute;
	right: 0;
	top: 0;
	background: url(images/flags-background.png) no-repeat left top;
	overflow: hidden;
}

#topPanel .flags .other
{
	padding: 0 0 0 5px;
}

#topPanel .tip
{
	width: 309px;
	height: 21px;
	padding: 7px 10px 0 10px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(images/tip-background.png) no-repeat left top;
	color: #cc7600;
	overflow: hidden;
	text-align: center;
	font-size: 90%;
}

#topPanel .tip .content
{
	width: 309px;
	height: 21px;
	position: relative;
}

#topPanel .tip .content span
{
	position: absolute;
	left: 0;
}

#topPanel #vlozitInzeratSubCats {
  position:absolute;
  z-index:3000 !important;
  left:0px;
  top:31px;
}
#topPanel #vlozitInzeratSubCats .bgbott {
  background: url(images/vi-bottom-background.png) no-repeat bottom;
  padding:0px 0px 10px 0px;
}
#topPanel #vlozitInzeratSubCats .bgtop {
  background: url(images/vi-top-background.png) no-repeat;
  padding:10px 0px 0px 0px;
}
#topPanel #vlozitInzeratSubCats .bgcenter {
  width:280px;
  background: url(images/vi-center-background.png) repeat-y;
  padding:0px 10px 0px 10px;
}
#topPanel #vlozitInzeratSubCats .bgcenter a {
  float:left !important;
  width:135px !important;
  height:20px !important;
  line-height: 18px !important;
  margin:0px 0px 0px 5px !important;
  display:block !important;
  background: none !important;
  color:black !important;
  font-weight: bold !important;
  text-align: left !important;
  text-decoration: none !important;
  position:relative !important;
}
#topPanel #vlozitInzeratSubCats .bgcenter a:hover {
  text-decoration: underline !important;
}
#topPanel ul li a.insvi {
  height:32px !important;
  background-color:transparent !important;
}
/*======================================================================================*/
/* PAGE			                                                                        */
/*======================================================================================*/

#page
{
	width: 998px;
	margin: 0 auto;
	background: url(images/page-background.png) repeat-y left top;
}

#page #leftPanel
{
	width: 792px;
	float: left;
	margin-top:10px;
}

#page #rightPanel
{
	width: 184px;
	margin: 0 0 20px 0;
	padding: 0 0 0 15px;
	float: right;
	background: url(images/right-panel-background.png) no-repeat left top;
}

#page #rightPanel h2
{
	margin: 0 0 10px 0;
	font-size: 18px;
	font-weight: normal;
	color: #472e19;
}

#page #rightPanel h3 a
{
	text-decoration: none;
}

#page #rightPanel h3 a:hover
{
	text-decoration: underline;
}

#page #rightPanel .topAdvertsItem
{
	width: 160px;
	margin: 0 0 10px 0;
	padding: 0 0 15px 0;
	float: left;
	clear: both;
	background: url(images/top-adverts-background.png) no-repeat left bottom;
	overflow: hidden;
}

#page #rightPanel .topAdvertsItem .picture
{
	width: 25px;
	float: left;
	margin-right:5px;
	text-align: center;
}

#page #rightPanel .topAdvertsItem .picture img {
  width: 25px;
}

#page #rightPanel .topAdvertsItem .info
{
	width: 130px;
	float: left;
}

#page #rightPanel .topAdvertsItem .info ul
{
	float: left;
	list-style-type: none;
}

#page #rightPanel .topAdvertsItem .info ul li
{
	float: left;
}

#page #rightPanel .topAdvertsItem .info ul li a
{
	padding: 0 3px;
	float: left;
	color: #c3c3c3;
	text-decoration: none;
	border-right: 1px solid #c3c3c3;
	font-size: 9px;
}

#page #rightPanel .topAdvertsItem .info ul li a:hover
{
	text-decoration: underline;
}

#page #rightPanel .topAdvertsItem .info ul li a.last
{
	border: none;
}

#page #rightPanel .topAdvertsItem .info strong
{
	padding: 0 0 0 3px;
	display: block;
	clear: both;
	color: #dd9107;
}

#page #rightPanel .topButton
{
	width: 152px;
	height: 24px;
	display: block;
	line-height: 24px;
	background: url(images/button-right-panel.png) no-repeat left top;
	color: #ffffff;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}

/*======================================================================================*/
/* BOTTOM PANEL	                                                                        */
/*======================================================================================*/

#bottomPanel
{
	height: 184px;
	clear: both;
	overflow: hidden;
	background: #361a06 url(images/bottom-panel-background.png) no-repeat center top;
}

#bottomPanel #footer
{
	width: 998px;
	height: 184px;
	margin: 0 auto;
	background: url(images/footer-background.png) no-repeat center top;
}

#bottomPanel #footer .leftBox
{
	width: 230px;
	height: 120px;
	margin: 0 30px 0 0;
	position: relative;
	left: 13px;
	top: 35px;
	float: left;
}

#bottomPanel #footer .leftBox h2,
#bottomPanel #footer .leftBox h2 span
{
	width: 178px;
	height: 63px;
	position: relative;
	left: 24px;
	top: 20px;
	overflow: hidden;
}

#bottomPanel #footer .leftBox h2 span
{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: url(images/bottom-panel-logo.png) no-repeat left top;
}

#bottomPanel #footer .leftBox h2 a
{
	text-decoration: none;
}

#bottomPanel #footer .leftBox p
{
	width: 130px;
	position: absolute;
	left: 43px;
	top: 86px;
	color: #cc9900;
	font-size: 90%;
	text-align: center;
}

#bottomPanel #footer .leftBox p a
{
	color: #cc9900;
}

#bottomPanel #footer .rightBox
{
	width: 730px;
	height: 120px;
	position: relative;
	top: 35px;
	float: left;
}

#bottomPanel #footer .rightBox .buttons
{
	height: 40px;
	margin: 30px 0 15px 27px;
}

#bottomPanel #footer .rightBox .buttons a
{
	width: 159px;
	height: 31px;
	margin: 0 15px 0 0;
	display: block;
	float: left;
	line-height: 31px;
	background: url(images/button-bottom-panel2.png) no-repeat left top;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

#bottomPanel #footer .rightBox strong
{
	margin: 0 0 0 40px;
	float: left;
	display: inline;
	color: #c3900f;
	font-size: 90%;
}

#bottomPanel #footer .rightBox ul
{
	width: 600px;
	float: left;
	list-style-type: none;
	font-size: 90%;
}

#bottomPanel #footer .rightBox ul li
{
	float: left;
}

#bottomPanel #footer .rightBox ul li a
{
	padding: 0 5px;
	float: left;
	border-right: 1px solid #c3900f;
	text-decoration: none;
}

#bottomPanel #footer .rightBox ul li a:hover
{
	text-decoration: underline;
}

#bottomPanel #footer .rightBox ul li a.last
{
	border: none;
}
#bottomPanel #radkovyblok {
  color: white;
  margin:0px 10px 0px 10px;
  position:relative;
  top:-5px;
  text-align:center;
}

.textpage {
  padding:0px 20px; 
}
.textpage h1 {
	font-size: 18px;
	width:100%;
	font-weight: normal;
	color: #472e19;
	padding-bottom:5px;
	margin-bottom: 15px;
	background: url(images/top-adverts-background.png) repeat-x left bottom;
}
.textpage p {
  padding:10px 0px 10px 0px;
}
.textpage ul {
  margin-left:20px;
}

.doptext {
  color:white;
  text-align:center;
  margin: 0px 10px 0px 10px;
}

.cleaner {
  clear:both;
}

.zvyhodneni-text-detail 
{
  margin:15px;
}

.zvyhodneni-text-detail h2 {
  font-size:16px;
  padding: 0px 0px 10px 0px;
}
.zvyhodneni-text-detail h3 { 
  font-size:12px;
  padding: 0px 0px 10px 0px;
}
.zvyhodneni-text-detail ul {
  margin:0px 0px 10px 10px;
}
.zvyhodneni-text-detail ul li {
  margin-left:0px; 
}

.zvyhodneni-text-detail .zcolorkc
{
  color:#dd9107;
  font-size:120%;
}
