html, body
{
	margin: 0;
	padding: 0;
}

html, button
{
	font-family: Tahoma, Verdana, Arial, Trebuchet MS, Sans-serif, Helvetica; /* bezpatkove */
	/* font-family: Times New Roman; */ /* patkove */
	font-size: 12px;
}

body
{
	font-size: 100%;
	text-align: center;
}

form{margin: 0;}

/*h1, h2, h3, h4, h5, h6
{
	font-weight: normal;
}*/

img
{
	border: 0;
	/*vertical-align: middle;*/
}

table.layout,
table.layout th,
table.layout td
	{border: 0;}

table.layout td
	{vertical-align: top;}

table.table
{
	border-collapse: collapse;
}

table.table th
{
	border: 1px solid #000;
	font-size: 10px;
	text-align: center;
	line-height: 100%;
	padding: 3px;
}

table.table th td
{
	border: 0;
}

table.table td
{
	border: 1px solid #000;
	font-size: 9px;
}

table.table td.number{text-align: center;}


.clear{clear: both;}
.hidden{visibility: hidden;}
.center{text-align: center;}
.quote{font-style: italic;}
.number{text-align: right;}
.enviroment{text-align: center;}

.menu, .menu ul
{
	margin: 0;
	padding: 0;
}

.menu li
{
	list-style: none;
}


/* LAYOUT */
.page
{
	margin: 0 auto;
	text-align: left;
	/*width: 869px;
	/*padding: 0 23px;	/* (929px-883px)/2 */
}

.page .header
{
	height: 108px;
	width: 869px;
	margin: auto;
	position: relative;
}

.page .header .logo
{
	padding-top: 19px;
/*	margin: auto;*/
	text-align: center;
	width: 243px;
}

.page .header .logo a
{
	display: block;
}

.page .header .logo h1
{
	margin: 0;
	padding: 0;
}

.page .header .headerLeft
{
	width: 623px;
	height: 100%;
	position: absolute;
	right: 0;
}

.page .header .topMenu
{
	position: absolute;
	top: 49px;
	left: 0;
	/*width: 30px;
	height: 33px;*/
}

.page .header .topMenu img
{
	vertical-align: middle;
}

.page .header .topMenu ul.menu,
.page .header .topMenu ul.menu li
{
	list-style: none;
}

.page .header .topMenu .item
{
	float: left;
	margin-right: 11px;
}

.page .header .topMenu .item.last
{
	margin-right: 0;
}

.page .header .topMenu .item.active
{
	display: none;
}

.page .header .topContact
{
	position: absolute;
	top: 26px;
	right: 0;
	font-family: Helvetica, Sans-serif, Trebuchet MS, Arial, Verdana; /* bezpatkove */
	
	font-size: 17px;
	padding-top: 8px;
	padding-left: 58px;
	height: 45px; 
	/*width: 30px;*/
/*	background: url('./../img/tel-zdarma.logo.png') no-repeat left;	*/
}
	.page .header .topContact h2
	{
		font-family: Helvetica, Sans-serif, Trebuchet MS, Arial, Verdana; /* bezpatkove */
		
		margin: 0;
		padding: 0;
		
		font-size: 17px;
		font-weight: normal;
		color: #9a9d1f;  	
	}

.mainMenu
{
	/*position: absolute;
	bottom: 0;*/
	width: 100%;
	height: 42px;
	font-size: 120%;
	font-weight: bold;
	_overflow: hidden;
}

.mainMenu .fixedWidth
{
	width: 900px;
	margin: auto;
}

.mainMenu .menu
{
	border-collapse: collapse;
	position: relative;
	z-index: 1;
	width: 100%;
}

.mainMenu td
{
	margin: 0;
	padding: 0;
	height: 100%;
	line-height: 42px;
	padding: 0;
}

.mainMenu .item
{
	vertical-align: middle;
	text-align: center;
	position: relative;
}

.mainMenu .item .positioner
{
	position: relative;
}

.mainMenu .item a
{
	display: block;
	height: 100%;
	padding: 0 17px;
	&height: 43px;
}

.mainMenu .menu .item .menu
{
	display: none;
	position: absolute;
	text-align: center;
	top: 42px;
	left: 50%;
	width: 400px;
	margin-left: -200px;
	line-height: 19px;
	padding: 10px 0;
	font-size: 90%;
}

.mainMenu .menu .item.active .menu
{
	display: block;
}

.mainMenu .menu .flatFilterRow,
.mainMenu .menu .flatFilterRow td,
.mainMenu .menu .flatFilterRow form
{
	margin: 0;
	padding: 0;
	font-size: 92%;
}

.mainMenu .menu .flatFilterRow,
.mainMenu .menu .flatFilterRow td
{
	height: 42px;
	vertical-align: middle;
}

.mainMenu .menu .flatFilter
{
/*	padding: 0 10px;*/
}

.mainMenu .menu .flatFilter label
{
	padding: 0 5px 0 22px;
}

.mainMenu .menu .flatFilter select
{
	font-size:9px;
}

.mainMenu .menu .flatFilter .button,
.pricelist th.filter .button
{
	background: transparent;
	border: 0;
	padding: 0;
	width: 68px;
	height: 19px;
	font-weight: bold;
	font-size: inherit;
	font-family: inherit;
	vertical-align: middle;
	text-align: center;
}

.mainMenu .menu .flatFilter .button
{
	margin-left: 25px;
}

.mainMenu .menu:hover .item .menu,
.mainMenu .menu:hover .flatFilter
{
	display: none;
}

.mainMenu .menu .item:hover .menu,
.mainMenu .menu .flatFilter:hover
{
	display: block;
}

.mainMenu .menu .menu .item
{
	display: inline;
	padding: 0 14px;
	border-right: 1px solid #000;
}

.mainMenu .menu .menu .item.last
{
	border-right: 0;
}

.mainMenu .menu .menu .item a
{
	display: inline;
	padding: 0;
}

/*
.mainMenu li ul
{
	display: none;
	padding-left: 13px;
}

.mainMenu li li
{
	display: inline;
	padding-left: 14px;
}

.mainMenu li li.first{padding-left: 0;}

.mainMenu li.active li ul,
.mainMenu li li.active li ul,
.mainMenu li li li.active li ul,
.mainMenu li li li li.active li ul,
.mainMenu li li li li li.active li ul,
.mainMenu li li li li li li.active li ul,
.mainMenu li li li li li li li.active li ul
	{display: none;}

.mainMenu li.active ul,
.mainMenu li li.active ul,
.mainMenu li li li.active ul,
.mainMenu li li li li.active ul,
.mainMenu li li li li li.active ul,
.mainMenu li li li li li li.active ul,
.mainMenu li li li li li li li.active ul
	{display: inline;}

.mainMenu li li li li li li li li.active ul
	{display: none;}
*/

/*
.leftMenu
{
	float: left;
	width: 200px;
	line-height: 183%;
	font-size: 97%;
	padding-top: 4px;
}

.leftMenu .item
{
	display: block;
	font-style: italic;
	padding-left: 10px;
}

.leftMenu .item.active
{
	font-weight: bold;
}

.leftMenu .item.active a
{
	text-decoration: none;
}
*/

.page .main .content
{
	width: 900px;
	margin: auto;
	padding: 15px 0;
}

.content
{
	position: relative;
	z-index: 0;
}


/* Foot */

.bottom
{
	clear: both;
	font-size: 90%;
}

.bottom .row
{
	height: 42px;
	text-align: center;
}

.bottom .row .contact.radost
{
	display: block;
	margin: auto;
	width: 785px; /* 869px-2x42px */
	padding: 0 42px;
	text-align: left;
	line-height: 42px;
	text-align: center;
}

.footer
{
	position: relative;
	margin: auto;
	height: 45px;
	padding: 5px 0;
	text-align: center;
}

.footer .copyright
{
}

.footer .venelaLogo
{
	position: absolute;
	top: 10px;
	left: 182px;
}

.lista_spodni
{
	text-align: center;
}

/*.footer .copyright:first-letter
{
	text-transform: uppercase;
}*/

.bottomMenu
{
	display: inline;
	padding-right: 24px;
}

.bottomMenu li
{
	display: inline;
}

.footer span.sep
{
	padding: 0 7px;
}
.footer span.sep.first
{
	padding: 0 7px 0 4px;
}


/* Home */

.page .content .home
{
	position: relative;
	height: 1020px;
}

.page .content .home .display
{
	position: relative;
	
/*	padding-top: 18px;*/
	background-color: #fff;
	width: 900px;
	height: 488px;
	overflow: hidden;	
}
	.page .content .home .displayLabel
	{
		position: absolute;
		left: 0;
		bottom: 16px;
	
		width: 520px;
		height: 26px;
		padding: 23px 35px;

		font-family: Helvetica, Sans-serif, Trebuchet MS, Arial, Verdana; /* bezpatkove */		
		background: #c8212a;
		font-size: 22px;
		color: #fff;
	}

.page .content .home .tlRect
{
	position: absolute;
	top: 517px;
	left: 0;
	width: 562px;
	height: 220px;
	padding: 0 14px;
	line-height: 150%;
}
	.page .content .home .tlRect > h2
	{
		color: #72591c;
		font-size: 14px;
		margin: 0 0 10px 0; 
	}

	.page .content .home .tlRect .label
	{
		position: absolute;
		top: 6px;
		left: 6px;
		width: 312px;
		height: 49px;
		line-height: 49px;
		font-size: 190%;
		font-family: Helvetica, Sans-serif, Trebuchet MS, Arial, Verdana; /* bezpatkove */
		text-align: center;
	}

.page .content .home .trRect
{
	position: absolute;
	top: 517px;  
	right: 0;
	width: 300px;	/* 465px-2x46px */
	height: 300px;	/* 290px-37px */
	font-size: 120%;
/*	padding: 36px 46px 0 46px;*/
}

	.page .content .home .trRect ul
	{
		margin: 0;
		padding: 55px 25px 10px 25px;
	}

	.page .content .home .trRect ul li
	{
		margin: 0;
		padding: 0;
		list-style: none;
		padding-left: 15px;
		margin-bottom: 9px;
	}

	.page .content .home .trRect a
	{
		font-size: 12px;
		text-decoration: none;
	}
	.page .content .home .trRect strong
	{

	}

	.page .content .home .trRect .label
	{
		position: absolute;
		bottom: top;
		left: 0;
		width: 280px;
		height: 40px;
		line-height: 40px;
		padding-left: 20px;
		font-size: 18px;
		font-family: Helvetica, Sans-serif, Trebuchet MS, Arial, Verdana; /* bezpatkove */
		
	}

	/* Firefox hack */ 
	.page .content .home .trRect .label *
	{
		position: absolute;
		bottom: 0;
		left: 0;
	}

	.page .content .home .trRect .label .higher
	{
		font-size: 120%;
	}
	

.page .content .home .blRect1
{
	position: absolute;
	top: 757px;
	left: 0;
	width: 285px;
	height: 255px;
	padding-top: 50px;
	
	text-align: center;
}
	.page .content .home .blRect1 .videoLabel
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 255px;	/* 247px-36px-14px */
		height: 39px;
		line-height: 39px;
		padding: 0 15px;
		text-align: left;
		font-size: 18px;
		font-family: Helvetica, Sans-serif, Trebuchet MS, Arial, Verdana; /* bezpatkove */
	}
	.page .content .home .blRect1 .videoLabel a
	{
		text-decoration: none;
	}
	.page .content .home .blRect1 a
	{
	
	}
	.page .content .home .blRect1 img
	{
		width: 285px; 
	}
	
	
	

.page .content .home .blRect2
{
	position: absolute;
	top: 757px;
	left: 295px;
	width: 295px;
	height: 255px;
}

	.page .content .home .blRect2 .miniNews
	{

		width: 255px;
		padding: 55px 15px 10px 15px;
	}

		.page .content .home .blRect2 .miniNews .item
		{
			padding-bottom: 29px;
		}
		.page .content .home .blRect2 .miniNews > .other
		{
			text-align: right;
		}

		.page .content .home .blRect2 .miniNews .item .last
		{
			padding-bottom: 0;
		}

		.page .content .home .blRect2 .miniNews .item .date
		{
			padding-right: 16px;
			font-style: italic;
		}

		.page .content .home .blRect2 .miniNews .item .title
		{
			font-weight: bold;
			font-size: 110%;
		}

		.page .content .home .blRect2 .miniNews .item .shortText
		{
			padding-top: 5px;
		}

	.page .content .home .blRect2 .newsLabel
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 265px;	/* 247px-36px-14px */
		height: 39px;
		line-height: 39px;
		padding: 0 15px;
		text-align: left;
		font-size: 18px;
		font-family: Helvetica, Sans-serif, Trebuchet MS, Arial, Verdana; /* bezpatkove */
	}

	.page .content .home .blRect2 .newsLabel .arrow
	{
		position: absolute;
		right: 14px;
		top: 7px;
	}

	.page .content .home .blRect2 .newsLabel a
	{
		text-decoration: none;
	}

/*
	.page .content .home .blRect .webcam
	{
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		width: 170px;
		&height: 333px;
	}

	.page .content .home .blRect .webcam *
	{
		&cursor: hand;
	}

	.page .content .home .blRect .webcamLink
	{
		display: block;
		width: 100%;
		height: 100%;
		text-decoration: none;
	}

	.page .content .home .blRect .webcamPhoto
	{
		position: absolute;
		top: 0;
		right: 0;
	}

	.page .content .home .blRect .webcamArrow
	{
		position: absolute;
		top: 134px;
		right: 138px;
	}

	.page .content .home .blRect .webcamLabel
	{
		position: absolute;
		bottom: 87px;
		right: 24px;
		font-size: 170%;
		font-family: Helvetica, Sans-serif, Trebuchet MS, Arial, Verdana; /* bezpatkove *//*
	}

	.page .content .home .blRect .webcamImg
	{
		position: absolute;
		bottom: 0;
		right: 72px;
	}
*/

.page .content .home .brRect
{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 300px;
	height: 200px;
	overflow: hidden;
	text-align: center;
}


/* Texts */

.page .content .text
{
	position: relative;
	min-height: 570px;
	line-height: 150%;
	position: relative;
	padding: 10px 0 0 0;
} 

.page .content .text > h1,
.page .content .text > .inner h1
{
	height: 18px;
	margin: 0;
	padding: 12px 24px;
	color: #fff;
	font-size: 15px;
	background: #f0b519;
}

.page .content .text > .inner > .innerContent > h1
{
	width: 537px;
}
.page .content .text > .inner > .innerContent
{
	width: 585px;
}

.page .content .text.nosidebar > .inner > h1
{
	width: auto;
}



.page .content .text .text,
.page .content .news .news
{
	padding: 0;
}

.page .content .text .corner,
.page .content .news .corner
{
	position: absolute;
	top: 0;
	right: 0;
	_right: -1px;
	width: 68px;
	height: 68px;
}

.page .content .text .rightCol
{
	position: absolute;
	float: right;
	top: 9px;
	right: 0;
	z-index: 1;
	
	
	width: 300px;
	height: 523px;
	font-size: 200%;
	font-family: Helvetica, Sans-serif, Trebuchet MS, Arial, Verdana;
	text-align: center;
	line-height: 110%;
	padding-left: 15px;
}
	* html .page .content .text .rightCol
	{
		width: 206px;
	}	
	.page .content .text .rightCol a
	{
		text-decoration: none;
	}
	.page .content .text .rightCol > .slideShow
	{
		width: 300px;
		height: 200px;
		overflow: hidden;
			margin-bottom: 14px;

	}
	.page .content .text .rightCol > .item
	{
		margin-bottom: 8px;
	}	


.page .content .navigator
{
	width: 900px;
	margin: 0 auto;
}


.page .content .text h2
{
	margin-top: 0;
	margin-bottom: 18px;
}

.page .content .text p
{
	margin-bottom: 15px;
}


/* News */


.news
{
	width: 586px;
	padding-top: 25px; 
}
*:first-child+html .news
{
	width: 537px;
}

.newsDetail
{
	_width: 30%;
}

	.new
	{
		padding: 15px 14px;
		/*
		min-height: 100px;
          _height: 100px;
          */
          overflow: auto;
          
          border: 1px solid #fff;
          

		background: #fff url('./../img/news.item.bg.png') no-repeat;          
	}

	
	.news .new .last
	{
		padding-bottom: 0;
	}

	.news .new .thumb
	{
		float: left;
		margin-right: 5px;
	}
	
		.news .new .thumb img
		{
			border: 1px solid #000;
		}

	.news .item
	{
	/*     width: 65%;*/
	/*     text-align: justify;*/
	/*     float: left;*/
	}

	.news .new .item .date
	{
		padding-right: 16px;
		font-style: italic;
	}

	.news .new .item .title
	{
		font-weight: bold;
		font-size: 110%;
		color: #;
	}

	.news .new .item .shortText
	{
		padding-top: 5px;
	}

	.news .pages
	{
		text-align: center;
	}

	.news .pages .numbers
	{
	     padding: 0 10px;
 	}
 	




/* Visualization */
.visualization
{
	padding-top: 25px;
}
	
	.visualization img
	{
		margin: 4px 0;
		margin-bottom: 15px;
	}
	
	.visualization .interior,
	.visualization .exterior,
	.visualization .videos,
	.visualization .animation
	{
		padding: 0 4px;
		position: relative;
		z-index: 1;
	
		margin-bottom: 30px;
		margin-right: 46px;
			
		width: 182px;
		height: 161px;

		float: left;
	}
	.visualization .interior.last,
	.visualization .exterior.last,
	.visualization .videos.last,
	.visualization .animation.last
	{
		margin-right: 0;
	}	
	
	.visualization h2
	{
		font-size: 120%;
	}
	
	.visualization > .animations > h2
	{
		background: #F0B519;
		color:#fff;

		height:18px;
		margin:0;
		padding:12px 24px;
	}
	.visualization > .animationDetail
	{
		margin: 0 auto;
		text-align: center;
		
		width: 400px;
	}
		
	
	.visualization a
	{
		display: block;
		text-decoration: none;
		color: #88733a;
		font-size: 12px;
		height: 100%;
		text-align: center;
	}




/* Flats */

.pricelistNavigator
{
	display: block;
	vertical-align: middle;
	height: 98px;
	margin-bottom: 14px;
}

.pricelist
{
	width: 100%;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
}

.pricelist th
{
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	font-size: 10px;
	text-align: center;
	line-height: 100%;
	padding: 3px;
}

.pricelist th td
{
	border: 0;
}

.pricelist th.filter
{
	padding: 0 1px;
}

.pricelist th.filter .button
{
	cursor: pointer;
	margin: 5px 10px;
}

.pricelist th select
{
	font-size: 9px;
}

.pricelist td
{
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	font-size: 9px;
}

.pricelist .status.left,
.pricelist .status .right
{
	line-height: 14px;
	margin: auto;
	width: auto;
	min-width: 1px;
}

.pricelist .status.left
{
	padding: 1px 0;
	&padding: 0;
}

.pricelist .status .right
{
	padding: 1px 4px;
	&padding: 1px 4px;
	padding-left: 13px;
}

.pricelist td.number
{
	text-align: center;
}

.flatDetail table
{
	margin: 10px 0;
}


.flatDetail th
{
	text-align: left;
	padding-bottom: 15px;
}

.flatDetail th, .flatDetail td
{
	width: 300px;
}

.flatDetail .summarize
{
	margin-top: 20px;
}

.flatDetail .note
{
	font-size: 11px;
}

.flatDetail .drawing
{
	position: relative;
	z-index: 1;
	float: right;
	max-height: 530px;
	overflow: hidden;
}

.flatDetail .pdf
{
	position: relative;
	z-index: 1;
	float: left;
	text-align: center;
	font-weight: bold;
	margin-top: 40px;
	margin-right: 35px;
}
.flatDetail .pdf a
{
	width: 110px;
	height: 60px;
	display: block;
}


.flatDetail .calculator
{
	position: relative;
	z-index: 1;
	float: left;
	width: 110px;
	margin-top: 76px;
	text-align: center;
	font-weight: bold;
	margin-right: 35px;
}


.flatDetail .interest, .flatDetail .question
{
	position: relative;
	z-index: 1;
	float: left;
	width: 110px;
	margin-top: 76px;
	margin-right: 35px;	
	text-align: center;
	font-weight: bold;
}

.flatDetail .error
{
	font-weight: bold;
}


.recaptchatable th, .recaptchatable td
{
	width: auto;
}

.formErr
{
	font-weight: bold;
	font-size: 8px;
}


/* Financing */
.pricelist.financing th, .pricelist.financing td
{
	padding: 8px;
	font-size: 100%;
	text-align: center;	
}



/* Standards */

.page .content .text .rightColumn
{
	float: right;
	padding: 28px;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 0;
	
	position: relative;
	z-index: 1;
}

.page .content .text .rightColumnInner
{
	width: 232px;
	font-size: 200%;
	font-family: Helvetica, Sans-serif, Trebuchet MS, Arial, Verdana;
	text-align: center;
	
	position: relative;
}

	.page .content .text .rightColumn .img
	{
		display: block;
	}

	.page .content .text .rightColumn .rightMenu,
	.page .content .text .rightColumn .rightMenu li,
	.page .content .text .rightColumn .rightMenu li a
	{
		position: relative;
		z-index: 1;
	
		display: block;
	}

	.page .content .text .rightColumn .rightMenu .item
	{
		margin-top: 7px;
	}

	.page .content .text .rightColumn .rightMenu .item a
	{
		height: 74px;
		line-height: 74px;
	}

	.page .content .text .rightColumn .rightMenu .item a
	{
		text-decoration: none;
	}

table.standards th
{
	font-size: 120%;
	height: 30px;
}

.standards .col
{
	width: 256px;
}

.standards .delim
{
	width: 7px;
	/*padding: 0 5px;*/
	border-top: 0;
	border-bottom: 0;
}

.standards .thumb
{
	width: 100px;
	text-align: center;
	vertical-align: top;
}

.standards .description
{
	vertical-align: top;
/*	width: 156px;*/
}

.standards .description label
{
	font-style: italic;
}


/* Calculator */

.page .content .calculator .text
{
	padding: 0;
}


/* correcting */
/* COMMENT * /
.page{padding-right: 4px;}
/**/
.alone .page .main .content
{
	width: auto;
	padding: 10px;
}

/* debug */
/* COMMENT * /*{border: 1px solid #000;}/**/