﻿div#ponukaTopBorder
{
	width: 100%;
	height: 40px;
	background-image: url(../Images/Ponuka_middle_top.gif);
	background-repeat: repeat-x;
}
div#ponukaBottomBorder
{
	width: 100%;
	height: 33px;
	background-image: url(../Images/Ponuka_middle_bottom.gif);
	background-repeat: repeat-x;
}
div.ponukaLeftBorder
{
	width: 18px;
	float: left;
	background-image: url(../Images/Ponuka_left.gif);
	background-repeat: repeat-y;
}
div.ponukaRightBorder
{
	width: 18px;
	float: right;
	background-image: url(../Images/Ponuka_right.gif);
	background-repeat: repeat-y;
}
div#ponukaImg
{
	width: 995px;
	background-color: White;
	background-image: url(../Images/Ponuka.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
div#ponukaImg, div#ponukaImg div.ponukaLeftBorder, div#ponukaImg div.ponukaRightBorder,
div.areaByty, div.areaDomy, div.areaPozemky, div.areaPriestory
{
	height: 181px;	
}
div.areaByty, div.areaDomy, div.areaPozemky, div.areaPriestory
{
	float: left;
	text-align: center;
	cursor: pointer;
	_cursor: hand;
}
div.areaByty{	width: 200px; }
div.areaDomy{	width: 250px; }
div.areaPozemky{	width: 270px; }
div.areaPriestory{	width: 230px; }
div.areaByty img, div.areaDomy img, div.areaPozemky img, div.areaPriestory img
{
	position: relative;
	top: 168px;
}
div.areaByty img
{
	left: -30px;
}
div.areaPriestory img
{
	left: 20px;
}
a.areaLink, a.areaLink:visited
{
	background-image: url(../Images/text_byty_cierna.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	color: Black;
	text-decoration: none;
}
a.areaLink:hover
{
	background-image: url(../Images/text_byty.jpg);
	color: #88000C;
}

/* Hover menu */
a.hoverMenuItem, a.hoverMenuItem:visited
{
	font-family: Verdana;
	color: Black;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
}
a.hoverMenuItem:hover
{
	color: Red;
}
a.hoverMenuItem span
{
/*	display: inline-block;*/
	display: block;
	padding: 5px 10px 5px 10px;
	width: 130px;
	cursor: pointer;
	_cursor: hand;
}
.hmiByty, .hmiDomy, .hmiPozemky, .hmiPriestory
{
	position: relative;
	top: 5px;
}
.hmiByty
{
	margin-left: 60px;
	margin-right: 100px;
}
.hmiDomy
{
	margin-left: 110px;
	margin-right: 100px;
}
.hmiPozemky
{
	margin-left: 115px;
	margin-right: 100px;
}
.hmiPriestory
{
	margin-left: 110px;
}
ul.hoverMenu
{
	padding:0; 
	margin:0; 
	list-style-type:none; 
}

ul.hoverMenu li
{
	background-image: url(../Images/TransparentBg.png);
	padding: 0px 0px 0px 0px;
	width: 130px;
	border-bottom: dashed 1px Gray;
	position: relative;
	top: 8px;
}
ul.hoverMenu li.bottom
{
/*	padding-bottom: 10px;*/
	border-bottom: none;
}
ul.hoverMenu li a.hoverMenuItem
{
	font-size: 115%;
}
.contentArea2
{
	height: 300px;
}

/* Panels */
div.panel
{
	height: 350px;
}
div#contentArea2
{
	height: 350px;
}

/* Search panel */
div#leftPanel
{
	width: 470px;
	float: left;
}
table#search
{
	color: White;
}
table#search th, table#search td
{
	padding-top: 4px;
	padding-bottom: 4px;
}
table#search th
{
	font-weight: normal;
	text-align: right;
	width: 120px;
	padding-right: 20px;
}
td.separator
{
	height: 10px;
	background-image: url("../Images/HSeparatorBg.gif");
	background-position: left center;
	background-repeat: repeat-x;
}
select, input.fulltextBox
{
	width: 270px;
	font-size: 95%;
}
input
{
	font-size: 95%;
}
.btnSearch
{
}

/* "Top ponuka" panel */
div#rightPanel
{
	width: 470px;
	float: right;
}
table#topPonukaTab
{
	width: 350px;
	margin-left: 7px;
	position: relative;
	top: -6px;
}

table#topPonukaTab img
{
	float: right;
	width: 70px; 
	margin: 3px;
}
a.topPonuka
{
	font-size: 90%;
	width:135px;
	padding: 2px;
	text-decoration:none; 
	display: block; 
	float: left;
	color:White;
	text-align:left;
}
a.topPonuka span.tpTitle
{
	color: #CC000C;
	font-weight: bold;
	font-size: 110%;
}
a.topPonuka span.euroPrice
{
	font-size: 90%;
}
td.tpTextCell, td.tpImgCell
{
	padding-bottom: 3px;
	background-image: url("../Images/HSeparatorBg.gif");
	background-position: left bottom;
	background-repeat: repeat-x;
}
td.tpTextCell, td.tpTextCellNoSep
{
	padding-left: 5px;
	vertical-align: top;
}
td.tpImgCell, td.tpImgCellNoSep
{
	vertical-align: middle;
}
td.tpMiddleCell
{
	width: 15px;
}