html {font-size: 100.01%;}
body {
	margin: 0 0 30px 0;
	padding: 0;
	font-size: 62.5%;
	text-align: left;
	font-family: "Arial CE", Arial, "Verdana CE", Verdana, sans-serif;
	color: #050505;
	background: #FFF;
	line-height: 1.7em;
	}

* {	margin: 0; padding: 0;}

h1 {font-size: 1.6em; font-weight: normal; color: #376400; margin-bottom: 10px; line-height: 1.3em; word-wrap: break-word;}
h2 {font-size: 1.25em;}
h3 {font-size: 1.1em;}
h4 {font-size: 1em;}
h5, h6, h7 {font-size: 1em;}

h2, h3, h4, h5, h6, h7 {margin-bottom: 10px; color: #408B30;}

.left	{text-align: left;}
.center	{text-align: center;}
.right	{text-align: right;}
.clr	{
	clear: both;
	margin-top: -1px;
	position: relative;
	padding: 0;
	height: 0;
	border: none;
	overflow:hidden;
	visibility: hidden;
	}
.nowrap {white-space: nowrap;}
.clear {clear: both;}
.small {font-size: 0.9em;}
	
hr {
  	border: 0;
  	width: 100%;
  	color: #bababa;
	background-color: #bababa;
	height: 1px;
	margin: 0 0 15px 0;
	position: relative;
	}

a {color: #376400;}
a:hover {color: #000;}
img {border: none;}
p {margin-bottom: 15px;}
.none {display: none;}
.breadcrumbs {font-size: 0.9em;}
	.breadcrumbs .act {font-weight: bold; text-decoration: none;}

.vice a, .close {background: url(../img/sipka-seda-bg.gif) no-repeat 100% 70%; padding-right: 18px;}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none;}

.floatleft {
	float: left;
	margin: 0 15px 10px 0;
	}

.floatright {
	float: right;
	margin: 0 0 10px 15px;
	}
	
.rgt {float: right; margin: 0 0 10px 15px;}
.lft {float: left; margin: 0 15px 10px 0;}

.tisk {background: url(../img/ico-tisk.gif) no-repeat 0 80%; padding-left: 17px; font-size: 0.9em;}

#content ul, #content ol, #rightcol ul {margin: 0 0 15px 15px;}
	#content ul ul, #content ol ol {margin: 0 0 0 15px;}
	
	#content ol {margin-left: 34px;}
	
	#content ul, #rightcol ul {list-style: none;}
		#content ul li, #rightcol ul li {
			background: url(../img/sipka-seda-bg.gif) no-repeat 0 4px;
			padding-left: 19px;
			margin-bottom: 5px;
			position: relative;
			text-align: left;
			}
			
.datum {
	color: #376400;
	}
			
/* shortcuts */

.focus {position: absolute; top: 0; left: 262px;}

.focus a, .focus span {
	position: absolute;
	top: 0;
	left: -5000px;
	z-index: -10;
	white-space: nowrap;
	}
.focus a:focus, .focus a:active {
    z-index:50;
	top: 0;
	left: 0;
    background:#FFF;
	padding: 2px 5px 4px 6px;
}
	
/* ***** IE6 italic bug hack ***** */

/* \*/

.WYSIWYGContentBody {
	overflow: hidden;
	o\verflow: visible;
	width: 100%;
	w\idth: auto;
	he\ight: 1%;
}

/* */

input, select {font-size: 1em; vertical-align: middle; padding: 1px;}

#maincol .button, #rightcol .button {
	background: url(../img/bg-button.jpg) repeat-x #84ac40;
	color: #FFF;
	border-bottom: 1px solid #627e2b;
	border-right: 1px solid #627e2b;
	border-top: 1px solid #b8d57e;
	border-left: 1px solid #b8d57e;
	padding: 5px 20px;
	cursor: pointer;
	text-transform: lowercase;
	font-weight: bold;
	}
	
.pole, .bonita select {
	width: 300px;
	border: 1px solid #899cae;
	}
#all select  {
	width: 304px;
	}

/* IE button fix */
	
/*input.button {
	width: 0;
	overflow: visible;
}
input.button[class] {width: auto;}*/

fieldset {border: 0;}


#form, #all #midcol #form {
	background: url(../img/bg-quest2.gif) no-repeat #FFF;
	}
	#form div, #all #midcol #form div {
		background: url(../img/bg-quest2-bottom.gif) no-repeat bottom left;
		padding: 23px 35px 80px 25px;
		}
		#form label, #formHypo label, #hypoKontakt label, .questBg .osUdaje label {
			width: 80px;
			float: left;
			display: block;
			_display: inline-block;
			margin-bottom: 10px;
			}
		#calcForm.bonita label {width: 270px; float: left; display: block; margin-bottom: 10px; margin-right: 10px;}
		#form.authenticator label, #hypoKontakt label {width: 130px;}
		.questBg .osUdaje label {width: 160px;}
		#form .pole, #formHypo .pole {
			width: 315px;
			_width: 300px;
			margin-bottom: 10px;
			}
		#calcForm.bonita .pole {width: 300px; margin-bottom: 10px;}
		#hypoPoWebu .pole {width: 40px;}
		#form.authenticator .pole {width: 225px;}
		#hypoKontakt .pole {width: 200px;}
		#formHypo select.pole {width: 279px;}
		#form textarea.pole {
			width: 395px;
			height: 150px;
			}
		#form br, #calcForm.bonita br, #hypoKontakt br, .questBg .osUdaje br {clear: both;}
		#formHypo textarea.pole {
			width: 355px;
			}
		#all .navrh .pole {width: 145px;}
		#form br, #calcForm.bonita br, #hypoKontakt br {clear: both;}
		#form .buttons input {margin-left: 160px;}	
		
		#calcForm .pole {width: 370px;}
		#calcForm select.pole {width: 374px;}
		
			#mailingSubscriptionForm label {width: 150px;}
			#mailingSubscriptionForm .pole {width: 200px;}
			#mailingSubscriptionForm .souhlas {margin-right: 40px;}
			#mailingSubscriptionForm input {margin-right: 10px;}
			
			.ErrorMessage {margin-bottom: 15px; font-weight: bold; color: #FF6600; border: 1px solid #FF6600; padding: 5px 8px; margin-right: 40px;}
			
			
		#midcol #form {background: none;}
		#midcol #form div {background: none; padding: 0;}

#quest table {margin-bottom: 30px; width: 650px;}			
#quest table td {
	border-bottom: 1px solid #BEBEBE;
	}
#quest table th {
	border-bottom: 1px solid #BEBEBE;
	width: 250px;
	}
	#quest table th.inlineHead {width: auto;}
#quest .pole {
	width: 150px;
	}
	#quest .short {width: 30px;}
	
#quest h2, #quest h3 {margin: 0; padding-top: 15px;}
.nobold {font-weight: normal;}
#quest .nobold span {padding-left: 25px;}

.questBg {
	background: url(../img/bg-quest-bottom.gif) no-repeat bottom left #FFF;
	padding-bottom: 10px;
	margin-bottom: 20px;
	position: relative;
	}
	#all .questBg h2 {
		background: url(../img/bg-quest.gif) no-repeat;
		padding: 20px;
		margin-bottom: 0;
		padding-right: 100px;
		}
	.questBg table, .questBg p {margin: 0 20px;}
	#all .questBg textarea {margin: 0 0 25px 20px; width: 655px; height: 80px;}
	.questBg p {margin-bottom: 25px;}
	
#quest .buttons {text-align: center;}
		
#quest span.tlacitko {
	display: block;
	width: 13px;
	height: 13px;
	position: absolute;
	top: 22px;
	right: 22px;
	background: url(../img/minus.gif);
	cursor: pointer;
	}
	#quest span.plus {background: url(../img/plus.gif);}
	
#quest sup {cursor: help;}

.moreClients {text-align: center; text-decoration: underline; cursor: pointer;}
	
	
	#tooltip {
		position: absolute;
		z-index: 3000;
		background:#FFF;
		border:1px solid #76A938;
		text-align: left;
		padding: 10px 15px;
		width: 200px;
		font-size: 1em;
		font-weight: normal;
		}
		#tooltip h3 { margin: 0; background: none; line-height: 1.4em; font-weight: normal; border: 0; }
		#tooltip div { margin: 0; background: none; line-height: 1.4em; font-weight: normal; }
			

/* ********************************************** */
/* ******************* TABULKY ****************** */
/* ********************************************** */
	
/* tabulka bezna */
table {
	border: 0;
	border-collapse: collapse;
	font-size: 1em;
	margin-bottom: 15px;
	}
	th, td {
		padding: 5px 20px 5px 0;
		vertical-align: top;
		border: 0;
		}
		
		th {text-align: left;}
		
		#hypoPoWebu th, #hypoPoWebu td {padding-right: 5px;}
		#hypoPoWebu th {width: 70px;}
		#hypoPoWebu td {white-space: nowrap;}
		#hypoPoWebu .zivmin td {white-space: normal;}
		.navrh td, .navrh th {padding-right: 5px;}
		
		
/* tabulka formatovana */
table.dataTable {
border: 1px solid #B8B8B8;
	}
	table.dataTable th, table.dataTable td {
		border-bottom: 1px solid #B8B8B8;
		padding: 5px 15px;
		}
		table.dataTable th {
			background: #799936;
			border: 1px solid #799936;
			color: #FFF;
			}
			
/* ***** sazby tabulka ******* */

#sazby table {width: 100%;}
#sazby table td {padding: 0 5px 4px 0; font-size: 0.9em;}
#sazby table td.uverCaption {width:85px;}
#sazby td.right {white-space: nowrap; vertical-align: bottom; font-weight: bold;}


			
			
/*#earningTbl th, #releaseTbl th, .lifeMinimum th {width: 200px;}
*/		
/* ********************************************** */
/* ************* IMAGE REPLACEMENT ************** */
/* ********************************************** */

.logo span, .box h2 span, .mainNewsImg span, .newsImg span, .poradceImg span, .autorImg span, .poWebu span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	}
	.logo span, .poWebu span {cursor: pointer;}
	.logo span {background: url(../img/bg-logo-hyposvet.png) no-repeat;}
	#homepage .logo span {background: url(../img/bg-logo-hyposvet-homepage.jpg) no-repeat;}
	
	.box h2 {
		width: 215px;
		height: 99px;
		overflow: hidden;
		position: relative;
		margin-bottom: 20px;
		}
		#kalkulacka h2 {height: 59px; margin-bottom: 15px;}
	#novinky h2 span {background: url(../img/h-box-novinkyemailem.jpg) no-repeat;}
	#poradenstvi h2 span {background: url(../img/h-box-poradenstvi.jpg) no-repeat;}
	#slovnik h2 span {background: url(../img/h-box-slovnikpojmu.jpg) no-repeat;}
	#kalkulacka h2 span {background: url(../img/h-box-kalkulacka.gif) no-repeat;}
	#parametry h2 span {background: url(../img/h-box-parametry.jpg) no-repeat;}
	#nastroje h2 span {background: url(../img/h-box-nastroje.jpg) no-repeat;}
		#homepage #novinky h2 span {background: url(../img/h-box-novinkyemailem-homepage.jpg) no-repeat;}
		#homepage #poradenstvi h2 span {background: url(../img/h-box-poradenstvi-homepage.jpg) no-repeat;}
		#homepage #slovnik h2 span {background: url(../img/h-box-slovnikpojmu-homepage.jpg) no-repeat;}
		#homepage #kalkulacka h2 span {background: url(../img/h-box-kalkulacka-homepage.gif) no-repeat;}
		
	.poWebu {
		display: block;
		width: 195px;
		height: 71px;
		overflow: hidden;
		position: relative;
		}
		.poWebu span {background: url(../img/button-hypoteka-po-webu.jpg) no-repeat 0 0;}
			.poWebu:hover span {background-position: 0 -82px;}
	
	
/* float clear */

.menuBg, #mainNewsBox, .news, #kroky, .DocumentBg, #faqBg {
	overflow: hidden;
	_display: inline-block;
	}
	
/* cistic uzivatelskych wysiwyg okras */
	
font {
	font-family: inherit;
	color: inherit;
	font-size: inherit;
	}
	
/* ie png fix */	
/*.menuBg, .menuBgBottom, .mainNewsImg span, .newsImg span, .poradceImg span, .whiteBox span, .whiteBoxBottom span, .sidecolBoxBottom {behavior: url(http://www.hyposvet.cz/_dataPublic/js/iepngfix.htc)}*/



/* ********************* FAQ ******************* */

#faq {margin-bottom: 5px;}
#faq hr {margin-bottom: 7px;}
#faq h3 {
	background: url(../img/sipka-seda-bg.gif) no-repeat 0 3px;
	padding-left: 18px;
	}
#faq p {padding-left: 18px;	}
.underline {text-decoration: underline; cursor: pointer;}
#content .poradna p {padding-left: 0;}

/* ********************* FAQ ******************* */

.pager {text-align: center;}
	.pager a, .pager strong {padding: 0 5px;}
	.sipky {text-decoration: none; font-size: 1.2em;}
	

/* ********************************************** */
/* ********************* PAGE ******************* */
/* ********************************************** */

#all {
margin: 0 auto;
text-align: left;
width: 990px;
font-size: 1.2em;
background: #e7e7e7;
position: relative;
}

/* ********************************************** */
/* ******************** hlavicka **************** */
/* ********************************************** */

.logo, #search, .searchfield, #top .button, #topBox {position: absolute;}

#top {
	height: 373px;
	position: relative;
	background: url(../img/bg-top.jpg) no-repeat #437B88;
	z-index: 0;
	}
	.logo {
		top: 0;
		left: 0;
		width: 256px;
		height: 83px;
		overflow: hidden;
		color: #FFF;
		}
		#top h1 { margin: 0;}
		
	/* search */
	#search {
		top: 30px;
		left: 400px;
		width: 161px;
		height: 27px;
		background: url(../img/bg-search.png) no-repeat;
		}
		.searchfield {
			border: 0;
			background: none;
			width: 120px;
			top: 4px;
			left: 5px;
			font-size: 1em;
			padding: 3px;
			}
		#search .button {
			right: 0;
			top: 0;
			width: 25px;
			height: 27px;
			padding: 0;
			}
		#search h4 {position: relative; top: -20px; color: #333333; margin-left: 5px;}
		
		/* green box */
		#topBox {
			width: 554px;
			height: 117px;
			background: url(../img/bg-hypopowebu-box.jpg) no-repeat;
			top: 147px;
			left: 394px;
			color: #FFF;
			overflow: auto;
			}
			#topBox h2 {display: none;}	
				#topBox p {margin: 20px 20px 0 290px;}
				
		.topBoxLink {
			position: absolute;
			width: 554px;
			height: 117px;
			top: 147px;
			left: 394px;
			}
				
		#frmUserLogin, #loggedUser {
		position: absolute;
		top: 0;
		right: 24px;
		background: url(../img/login-bg.jpg) no-repeat;
		width: 351px;
		height: 76px;
		z-index: 3000;
		}
		#frmUserLogin fieldset {
			padding: 10px 15px;
			position: relative;
			z-index: 3200;
			}
		#frmUserLogin h4 {color: #333333; margin-bottom: 3px; margin-left: 5px;}
		#frmUserLogin p {margin-bottom: 3px;}
		.inputBg {
			display: block;
			float: left;
			background: url(../img/bg-login.png) no-repeat top left;
			width: 142px;
			height: 27px;
			margin-right: 10px;
			_margin-right: 0;
		}
		.logField {
			width: 132px;
			height: 23px;
			padding: 4px 5px 0 5px;
			=padding-top: 6px;
			=height: 21px;
			border: 0;
			background: none;
			}
		#frmUserLogin .button {
			margin-left: -15px;
			margin-top: -1px;
			position: relative;
			=top: -1px;
			}
		#frmUserLogin a {
			font-size: 0.9em;
			margin-right: 15px;
			font-weight: bold;
			}
		#user_name {margin-right: 10px;}
		
	#loggedUser {
		font-size: 0.9em;
		line-height: 1.2em;
		}
		#loggedUser div.in {padding: 8px 11px;}
		#loggedUser a {font-weight: bold;}
		#loggedUser p {margin-bottom: 5px;}
		
	#top span.wrong {
		position: absolute;
		top: 60px;
		left: 720px;
		font-weight: bold;
		color: #fff;
		background: #C00;
		padding: 0;
		z-index: 5000;
	}
		
	
/* ********************************************** */
/* ********************* MENU ******************* */
/* ********************************************** */

#h_menu {
	position: absolute;
	top: 84px;
	left: 54px;
	width: 915px;
	}
	.menuBg {background: url(../img/bg-menu-trans.png) no-repeat; padding: 11px 0 7px 0;}
	.menuBgBottom {
		background: url(../img/bg-menu-bottom-trans.png) no-repeat;
		height: 9px;
		}
	#h_menu ul {
		list-style: none;
		position: relative;
		width: 100%;
		}
		#h_menu ul li {
			display: inline;
			}
			#h_menu ul li a {
				display: block;
				float: left;
				padding: 0 18px 0 18px;
				text-decoration: none;
				color: #E2E2E2;
				border-right: 1px solid #333333;
				}
				#h_menu ul li a:hover {
					color: white;
					}

			
/* *********************************************** */
/* ********************* OBSAH ******************* */
/* *********************************************** */

#main {
	margin: 0;
	background: url(../img/bg-main.gif) no-repeat #e7e7e7 ;
	padding: 45px 15px 30px 30px;
	_height: 1px;
	}
	
#content_container {
	float: right;
	width: 715px;
	}
	#maincol {
		float: left;
		width: 460px;
		_overflow: hidden;
		}
		#maincol.fullcol {
			float: none;
			width: auto;
			margin-right: 15px;
			}
		
		.breadcrumbs {margin-bottom: 15px;}
			.breadcrumbs span {margin: 0 5px;}

.Document {clear: both;}
.Document, #faq, #SiteMap, .SearchGroup {background: url(../img/bg-quest2.gif) no-repeat #fff;}
	.DocumentBg, #faqBg, .SiteMapBg, .SearchGroupBg {
		background: url(../img/bg-quest2-bottom.gif) no-repeat bottom left;
		padding: 15px 20px 25px 20px;
		}
		
.fullcol .Document {background: url(../img/bg-quest.gif) no-repeat #fff;}
	.fullcol .DocumentBg {background: url(../img/bg-quest-bottom.gif) no-repeat bottom left;}
	
.DocumentDate {text-align: right;}

				
/* ************************ novinky ****************** */
#newsBox {
	clear: both;	
	background: url(../img/bg-newsbox.png) no-repeat top left;
	padding: 25px 25px 5px 25px;
	}
	.news {margin-bottom: 20px;}
	.news p {margin-bottom: 5px; margin-left: 125px;}
	.news h2 {font-size: 1.2em;}
	.newsImg {
		width: 103px;
		height: 103px;
		position: relative;
		float: left;
		margin: 0 20px 10px 0;
		}
		.newsImg span {background: url(../img/rohy-smallnewsIco-trans.png) no-repeat;}
		
	.fullcol .news p {margin-left: 0;}
	
	.newsDetails {text-align: right;}
		.newsDetails span {float: left;}
	.newsBoxBottom {
		background: url(../img/bg-newsbox-bottom-trans.png) no-repeat bottom left;
		height: 27px;
		clear: both;
		}
	.news p.datum {	margin-bottom: 0;}
		
		
.zpravaDetail h1 {margin-bottom: 5px;}

	
/* ****************************************************** */
/* ********************* LEVY SLOUPEC ******************* */
/* ****************************************************** */

#sidecol {
	
	float: left;
	width: 195px;
	}
	.sidecolBox {
		background: url(../img/bg-sidecol.gif) no-repeat #FFF;
		padding: 15px 20px 10px 20px;
		}
	.sidecolBoxBottom {
		background: url(../img/bg-sidecol-bottom-trans.png)  no-repeat;
		height: 25px;
		}
	#sidecol ul {
		list-style: none;
		
		
		margin: 0;
		}
		#sidecol ul ul {background: none; padding: 0 0 0 30px;}
		
		#sidecol ul li {border-bottom: 1px solid #FFF; /*ie*/}
		
		#sidecol ul li a {
			color: #000;
			background: url(../img/sipka-green.gif) no-repeat 0 50%;
			border-bottom: 1px solid #e5e5e5;
			padding: 10px 0 10px 15px;
			display: block;			
			}			
			#sidecol li.selected a, #sidecol li a:hover {color: #376400; text-decoration: none;}			
			#sidecol ul ul li a {background: none;}	
			#sidecol ul li.submenu a {padding-left: 30px;}	

		#sidecol ul li.submenu a {
			background: none;
			color: #509100; /*ie*/
		}

/* ******************************************************* */
/* ********************* PRAVY SLOUPEC ******************* */
/* ******************************************************* */		
		
	#rightcol {
		float: right;
		width: 230px;
		position: relative;
		}
		.box {
			clear: none;
			float: left;
			width: 215px;
			text-align: justify;
			background: url(../img/bg-box-light.gif) no-repeat bottom left;
			padding: 0 15px 35px 0;
			margin-bottom: 15px;
			}
			#rightcol .box ul, .box p, #infoBubble, #rightcol .box h4 {
				margin: 0 20px 10px 27px;
				}
				#kalkulacka p {margin-left: 17px;}
			
			/* poradenstvi */
			#poradenstvi strong {
				font-size: 1.7em;
				/*background: url(../img/logo-hb-mini.gif) no-repeat top right;*/
				display: block;
				width: 100%;
				padding-top: 4px;
				float: left;
				color: #509100;
				line-height: 1.5em;
				}
			#poradenstvi em {
				font-style: normal;
				font-size: 0.8em;
				text-align: left;
				clear: left;
				}
				
			/* novinky formular */

			#novinky p {
				width: 171px;
				background: url(../img/bg-novinkyForm.png) no-repeat bottom left;
				height: 25px;
				position: relative;
				display: block;
				margin-top: 35px;
				}
				#novinky label {
					position: absolute;
					top: -1.4em;
					}
				#novinky .pole{
					border: 0;
					background: none;
					width: 135px;
					font-size: 1em;
					padding: 3px;
					position: relative;
					top: 2px;
					left: 4px;
					}
				#novinky .button {
					right: 0;
					top: 0;
					width: 24px;
					height: 25px;
					padding: 0;
					border: 0;
					}
					
			/* slovnik */
			
			#slovnik select {width: 160px; behavior:expression(window.dropdown_menu_hack!=null?window.dropdown_menu_hack(this):0);
}
			#infoBubble a {text-decoration: none; font-size: 0.9em; font-weight: bold;}
			
			/* kalkulacka */
			
			#rightcol #kalkulacka {background: url(../img/bg-box-kalkulacka.gif) no-repeat bottom left; padding-bottom: 20px;}
				#homepage #rightcol #kalkulacka {background: url(../img/bg-box-kalkulacka-homepage.gif) no-repeat bottom left;}
			
			#kalkulacka label {
				width: 103px;
				color: #FFF;
				display: block;
				float: left;
				margin-bottom: 5px;
				}
			#kalkulacka .pole {width: 60px; margin-bottom: 5px;}
			#kalkulacka br {clear: both;}
			#calcpercentage {color: #FFF;}
			#kalkulacka select {width: 60px;}
			#kalkulacka .buttons {clear: both; text-align: center; width: auto; margin-bottom: 15px;}
			.vypocty {background: url(../img/bg-line-kalkulacka.gif) repeat-x; padding-top: 15px; padding-bottom: 5px;}
				.vypocty a {
					color: #FFF;
					background: url(../img/sipka-seda-bg.gif) no-repeat 0 2px; padding-left: 18px;}
		
/* ************************************************* */
/* ********************* PATICKA ******************* */
/* ************************************************* */

#ender {
	background: url(../img/bg-ender.gif) repeat-x #FFF;
	clear: both;
	width: 100%;
	text-align: center;
	padding: 50px 0 0 0;
	color: #3c3c3c;
	}
	#ender p {margin-bottom: 0;}
	#ender a {color: #3c3c3c;}
	#ender a:hover {color: #376400;}
	
	
	#ender .rozcestnik {
		padding: 7px;
		}
		#ender .rozcestnik {list-style: none;}
			#ender .rozcestnik li {display: inline;}
			#ender .rozcestnik  li a {float: left; margin: 0 10px;}
	
/* ************************************************* */
/* ********************* PRAVITKO ******************* */
/* ************************************************* */

#homepage #pravitko {
	position: absolute;
	top: 437px;
	left: 62px;
	}
#pravitko {
	position: absolute;
	top: 307px;
	left: 62px;
	}
	
	#pravitko embed:focus {border: none;}
	
	#pravitko span {position: absolute; top: 56px; left: 18px; font-size: 0.8em;}
	
/* ************************************************* */
/* ********************* PORADNA ******************* */
/* ************************************************* */

.poradna .answer {
/*	background: url(../img/bg-rastr.jpg) no-repeat bottom right;*/
	padding-bottom: 10px;
	padding-left: 17px;
	}
	.poradna h3 {font-size: 1.1em; clear: both;}
	.whiteBox {
		background: url(../img/bg-white-top.gif) no-repeat;
		padding: 25px 45px 1px 25px;
		min-height: 90px;
		_height: 90px;
		}
		
	.questDate {color: #000; font-weight: normal;}
		

	
	.whiteBoxBottom {
		height: 33px;
		background: url(../img/bg-white-bottom-trans.png) no-repeat;
		margin-bottom: 10px;
		}
	#faq .question p {
		font-style: italic;
		padding-left: 0;
		}
		.question p.datum {
			margin-bottom: 0; 
			text-align: right; 
			font-style: normal; 
			font-size: 0.9em;
			}
		
	.answer h4 span {
		color: #050505;
		font-size: 0.8em;
		font-weight: normal;
		}
		
	.poradceImg {
		width: 78px;
		height: 78px;
		position: relative;
		float: left;
		margin: 0 20px 10px 0;
		}
		.poradceImg span {background: url(../img/rohy-poradceImg-trans.png) no-repeat;}
	

#SiteMap ul li {background: none; padding-left: 10px; margin-top: 10px; position: relative;}
#SiteMap span {
	display: block;
	width: 13px;
	height: 13px;
	float: left;
	margin: 3px 5px 0 0;
	background: url(../img/plus.gif);
	position: relative;
	z-index: 80;
	cursor: pointer;
	}
	#SiteMap .minus {background: url(../img/minus.gif);}
	#SiteMap ul ul {display: none;}
	#SiteMap ul ul.open {display: block;}
	
	
/* ************************************* */
/* ********* KALKULACKY **************** */
/* ************************************* */

fieldset {border: 0; padding: 0;}
legend {display: none;}

#calcForm {background: url(../img/bg-quest-bottom.gif) no-repeat bottom left #FFF; padding-bottom: 30px; margin-bottom: 25px;}
.blok {background: url(../img/bg-quest.gif) no-repeat; padding: 20px 25px 10px 25px;}


#calcForm .basic th {width: 110px;}
#calcForm .profi th, #calcForm .lifeMinimum th {width: 200px;}
.haveToFill {color: red;}


/* ******************************************* */
/* ***************** JAVA HELP *************** */
/* ******************************************* */

	.calcHelp{
		 position:absolute;
		 z-index:2000;
		 background-color:#FFF;
		 border: 1px dashed #7f7f7f;
		 width:180px;
		 display:none;
		 padding: 10px 15px 0 15px;
		}
		.calcHelp h2{
			display: block;
			background: none;
			margin: 0;
			padding: 0;
			font-size: 1.1em;
			}
		#all #main .calcHelp p {margin: 0 0 10px 0; padding: 0; font-size: 0.9em;}
		#content table th .calcHelp a {
			color:#000;
			position:absolute;
			right: 15px;
			top:5px;
			font-weight: bold;
			text-decoration:none;
			}

td.nemovitost2 { visibility: hidden; display: none; }
td.nemovitost3 { visibility: hidden; display: none; }
td.nemovitost4 { visibility: hidden; display: none; }
td.nemovitost5 { visibility: hidden; display: none; }
td.nemovitost6 { visibility: hidden; display: none; }
td.nemovitost7 { visibility: hidden; display: none; }
td.nemovitost8 { visibility: hidden; display: none; }
tr.nemovitost2 { visibility: hidden; display: none; }
tr.nemovitost3 { visibility: hidden; display: none; }
tr.nemovitost4 { visibility: hidden; display: none; }
tr.nemovitost5 { visibility: hidden; display: none; }
tr.nemovitost6 { visibility: hidden; display: none; }
tr.nemovitost7 { visibility: hidden; display: none; }
tr.nemovitost8 { visibility: hidden; display: none; }
.nemoButtons td { text-align: right; }
#addButton1 { float: left; }
#addButton2 { float: left; }
#addButton3 { float: left; }
#addButton4 { float: left; }
#addButton5 { float: left; }
#addButton6 { float: left; }
#addButton7 { float: left; }
#addButton8 { float: left; }

td.nemovitostz2 { visibility: hidden; display: none; }
td.nemovitostz3 { visibility: hidden; display: none; }
td.nemovitostz4 { visibility: hidden; display: none; }
td.nemovitostz5 { visibility: hidden; display: none; }
td.nemovitostz6 { visibility: hidden; display: none; }
td.nemovitostz7 { visibility: hidden; display: none; }
td.nemovitostz8 { visibility: hidden; display: none; }
tr.nemovitostz2 { visibility: hidden; display: none; }
tr.nemovitostz3 { visibility: hidden; display: none; }
tr.nemovitostz4 { visibility: hidden; display: none; }
tr.nemovitostz5 { visibility: hidden; display: none; }
tr.nemovitostz6 { visibility: hidden; display: none; }
tr.nemovitostz7 { visibility: hidden; display: none; }
tr.nemovitostz8 { visibility: hidden; display: none; }
.nemoButtonsz td { text-align: right; }
#addButtonz1 { float: left; }
#addButtonz2 { float: left; }
#addButtonz3 { float: left; }
#addButtonz4 { float: left; }
#addButtonz5 { float: left; }
#addButtonz6 { float: left; }
#addButtonz7 { float: left; }
#addButtonz8 { float: left; }

/* ***** online hypoteka *********** */

#midcol {
	float: left;
	width: 460px;
	background: url(../img/bg-rastr.jpg) no-repeat bottom left;
	min-height: 600px;
	_height: 600px;
	}

#content #kroky {margin-left: 0; margin-bottom: 0;}
#content #kroky li {
	width: 74px;
	height: 78px;
	float: left;
	background: none;
	padding: 0;
	text-align: center;
	background: url(../img/bg-kroky.gif) no-repeat;
	}
	#content #kroky li a {padding-top: 12px; display: block; text-decoration: none; font-size: 1.8em;}
	#content #kroky li a span {font-size: 0.5em; display: block; line-height: 1.3em; padding-top: 4px;}
	#kroky a.selected span {font-weight: bold;}
	
#all .inlineLabel {
	display: inline;
	width: auto;
	float: none;
	}
	
#midcol .checkbox {float: left; margin-right: 5px;}

#navodLink {text-decoration: underline; cursor: pointer; color: #376400; margin-bottom: 15px;}

/* ******** diskusní fórum ******** */
.discussion_subject_header {
		padding: 5px 10px 5px 26px; 
		margin-bottom: 8px; 
		background: url(../img/sipka-seda-bg.gif) no-repeat 8px 8px #F0F0F0;
		}
.discussion_subject_header p {margin-bottom: 0; font-size: 0.9em;}
.discussion_subject_header span {margin-right: 10px;}
.discussion_subject_header h4 {color: #777; margin-bottom: 0;}
.discussion_subject_content {padding-left: 26px;}

/********************* ACRONYM *******************************/
.acronym {text-decoration: none; background-image: url('../img/bg_acronym.gif'); background-repeat: no-repeat;
		  background-position: 98% 0; padding-right: 20px; display: inline-block;}
.bgred {background-color: #fcfcfc; position: absolute; border: solid 1px #000; padding: 5px; width: 200px; height: auto; font-size: 11px; color: #000; font-weight: normal;}

.acronymSup {display: none; font-weight: normal;}

label .error {color: red; font-size: 9px; display: none;}

.current {color: #000; font-weight: bold;}

/* ************************* */

#main ul.status  {margin-bottom: 20px;}
.status li {margin-bottom: 10px;}
.statusBar img {position: relative; top: 3px; margin-right: 5px;}

		#sidecol ul.statusBar li a {
			background: none;
			border-bottom: 0;
			padding: 0;
			display: inline;			
			}	

.autorImg {
		width: 155px; 
		height: 155px; 
		overflow: hidden; 
		position: relative; 
		display: block; 
		margin-top: 3px; 
		margin-bottom: 15px;
		}
		.autorImg span {background: url(../img/rohy-autorIco-trans.png) no-repeat;}
		
.blockPage { border: 5px solid #aaa;}
#divSazbyWindow {padding: 20px;	font-size: 1.2em;}
#divSazbyWindow strong {white-space: nowrap;}

#divSazbyWindow table {width: 100%;}
#divSazbyWindow thead td, #divSazbyWindow thead th {background: #469128; color: #FFF; border: 1px solid #5FA73B; font-weight: bold; padding: 4px 8px;}
#divSazbyWindow td {border: 1px solid #ccc; padding: 4px 8px;}
#divSazbyWindow strong {display: block; text-align: left;}

.hbindexlogo {
	float: right;
	margin-bottom: 10px;
}