html {font-size: 100.01%;}
body {
	margin: 0 0 0 0;
	padding: 0;
	font-size: 62.5%;
	text-align: center;
	font-family: Tahoma, 'Verdana CE', Verdana, 'Arial CE', Arial, Helvetica, sans-serif;
	color: #414141;
	background: url(images/bg-body.gif) repeat-x #FFF; 
	}

.bg {background: url(images/bg-web.jpg) no-repeat top center;	}


* {
	margin: 0;
	padding: 0;
}

/* color definitions 

basic text: 414141
dashed lines: 898989
links: 118000
hover: 000000
visited:
active:
input borders: A5ACB2
light gray lines: cccccc
tables head: 469128
gray background: EDEDED

*/

/* **** TAB NAVIGACE **** */

.focus {position: absolute; left: 332px;}
	.focus a, #top .focus span {
		position: absolute;
		top: -30px;
		left: 0;
		z-index: -10;
		white-space: nowrap;
		}
		#all #top .focus a:focus, .focus a:active {
			z-index:2;
			top: 0;
			background:#FFF;
			padding: 2px 5px 4px 6px;
			color: #000;
			}
			

			
/* ************************************** */
/* ************ TABULKY ***************** */
/* ************************************** */

/* ****** tabulka formatovana ******* */

#content table, body .WYSIWYGContentBody table {
	border-collapse: collapse;
	margin-bottom: 15px;
	font-size: 1em;
	border: 1px solid #CCCCCC;
	margin-left: 35px;
	}

#content table th, #content table td {
	padding: 4px 8px;
	vertical-align: top;

	}
	#content th {
	background: #469128;
	color: #FFF;
	border-top: 1px solid #5FA73B;
	border-right: 1px solid #5FA73B;
	border-left: 1px solid #5FA73B;
	border-bottom: 1px solid #5FA73B;
	padding: 4px 7px;
	vertical-align: top;
	text-align: left;
	}
	#content td {
		border: 1px solid #CCCCCC;
		}

	tr.dark td {
		background-color: #F5F5F5;
		}

	#content table th a {color: #FFF;}
	#content table p {margin-bottom: 0;}

/* ****** tabulka bez formatu ******* */

#content table.noformat {border: 0;}

#content table.noformat th, #content table.noformat td, #sazby table th, #sazby table td {
	padding: 0 4px 5px 0;
	vertical-align: top;
	border: none;
	}
	#content table.noformat th {
	background: none; color: #000; border: none;
	text-align: left;
	}

	table.noformat tr.dark td {
		background-color: none;
		}
	#content table.noformat th a {
		color: #006697;
		}
		
/* **** */

.shrnutiTD {width: 150px;}

/* ****** nadpisy ******* */

h1 {
	font-size: 1.9em;
	font-weight: normal; 
	line-height: 1em; 
	color: #25810E; 
	font-family: Trebuchet MS, Tahoma, 'Verdana CE', Verdana, 'Arial CE', Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
	font-style: italic;
	padding-top: 25px;
	}
	.singleCol h1 {margin-right: 180px;}
	/* reset pro vnorene dokumenty 
	#main h1 a {
		font-size: 0.6em; 
		font-family: Tahoma, 'Verdana CE', Verdana, 'Arial CE', Arial, Helvetica, sans-serif;
		font-style: normal;
		font-weight: bold;
		padding: 0;
		margin: 0;
		}*/
h2 {font-size: 1.1em;}
h3 {font-size: 1.1em; border-bottom: 1px dashed #898989; padding-bottom: 5px;}
h4, h5, h6, h7 {font-size: 1em;}

.homepage h3 {border: 0;}

#features h3 {border: 0; padding: 0;}

h2 {
	color: #000;
	margin-bottom: 20px;
/*	background: url(images/bg-nadpis.gif) repeat-x #dde4d8;
*/	background: #e5f3dc;
	padding: 0 0 0 18px;
	}
	
h3, h4, h5, h6 {color: #000; margin-bottom: 15px;}

h2.vypis {
	font-size: 1.1em;
	margin-bottom: 5px;
	}



fieldset legend {font-size: 1.2em; color: #000; font-weight: bold;}

fieldset {
    border:0;
}


.nowrap{
    white-space:nowrap;
}

/* ****** seznam ******* */
#content ul, body.WYSIWYGContentBody ul {
	margin: 0 0 20px 25px;
	list-style: none;
	line-height: 1.3em;
	}
	#content ul li ul, body.WYSIWYGContentBody ul li ul {
		margin: 5px 0 0 5px;
		}
	#content ul li, body.WYSIWYGContentBody ul li {
		background: url(images/ico-li.gif) 0 3px no-repeat;
		padding: 0 0 0 19px;
		margin: 0 0 8px 0;
		}
		#content ul li ul li {
			background: url(images/ico-li-gray.gif) 0 3px no-repeat;
			}
			
	#content.twoCols ul {margin: 0 0 15px 20px;}
		#content.twoCols ul ul {margin: 5px 0 15px 10px;}

	/* ** s modrou ikonou ** */

/*	#content ul.blue li, body.WYSIWYGContentBody ul.blue li {
		background: url(images/ico_li_blue.gif) 0 5px no-repeat;
		padding: 0 0 0 12px;
		}*/

/* ****** cislovany seznam ******* */

#content ol, body.WYSIWYGContentBody ol {
	margin: 0 0 15px 35px;
	line-height: 1.3em;
	}

	#content ol li ol, body.WYSIWYGContentBody ol li ol {
		margin: 0 0 0 18px;
		}

/* ****** zarovnani ******* */

.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;
	line-height: 0;
	}
.clear {clear: both;}

.Document p {margin-bottom: 20px; text-align: justify;}

/* ****** linky ******* */
#content_container a:link, #press h4 a {color: #118000;}
#content_container a:visited, #press h4 a:visited {color: #0c5b00;}
#content_container a:hover, #press h4 a:hover {color: #000000;}
#content_container a:active, #press h4 a:active {color: #003955;}

#top .focus a, h2 a, h3 a, h4 a, #all #shortcuts a, #all #kamjit a,
#top .focus a:visited, h2 a:visited, h3 a:visited, h4 a:visited, #all #shortcuts a:visited, #all #kamjit a:visited {color: #000;}
#top .focus a:hover, h2 a:hover, h3 a:hover, h4 a:hover, #all #shortcuts a:hover, #all #kamjit a:hover {color: #118000;}

a.button {
	color: #414141;
	font-weight: bold;
	background: url(images/bg-button.gif) no-repeat bottom right #FFF;
	border: 0;
	padding: 4px 15px 4px 40px;
	cursor: pointer;
	font-size: 1em;
	}
	#all a.button {text-decoration: none; color: #454545; font-size: 0.9em;}

/* ****** images ******* */

img {border: none;}
img.lft , img.floatleft {float: left;margin: 0 20px 15px 0;}
img.rgt, img.floatright {float: right;margin: 0 0 15px 20px;}

/* ***** IE6 italic bug hack ***** */

/* \*/

.WYSIWYGContentBody, #midcol {
	o\verflow: visible;
	width: auto;
	w\idth: auto;
	he\ight: 1%;
}

/* */


/* ************************************** */
/* ********** FORMULARE ***************** */
/* ************************************** */

input, select {font-size: 1.1em; vertical-align: middle;}

.pole {border: 1px solid #a5acb2; padding: 1px; font-size: 1.1em}
.readonly {border: none; font-weight: bold;}
.blok .readonly {background: #F4F4F4;}
.enCalc .readonly {font-weight: normal;}

input, select {font-size: 1.1em; vertical-align: middle; padding: 1px;}

input.button {
	background: url(images/bg-formbutton.gif) no-repeat #21910B;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	width: 141px;
	border: none;
	cursor: pointer;
	padding: 0 0 15px 0;
	font-size: 1.1em;
	}
	.konfigurator #rightcol p.center .button, input.wide {
		width: 191px;
		background: url(images/bg-formbutton-wide.gif) no-repeat #21910B;
		}
	#kalkright .button, input.gray, .hgltBox .button {background: url(images/bg-formbutton-gray.gif) no-repeat #21910B;}

	
/* IE button fix */
	
/*input.button {
	width: 0;
	overflow: visible;
}
input.button[class] {width: auto;}*/

/* ****** formulare na strankach ****** */

legend {display: none;}


#form .blok p {
	padding: 15px 30px 0 30px;
	}

#form label {
	width: 120px;
	float: left;
	display: block;
	}
	#form .inlineLabel {width: auto; display: inline; float: none;}
	
#form .pole {width: 480px;}
	
#form textarea.pole, #kontakt textarea.pole {
	width: 580px;
	height: 80px;
	font-size: 1.1em;
	font-family: Tahoma, 'Verdana CE', Verdana, 'Arial CE', Arial, sans-serif;
	}
	

	
.textareaBox {background: #f2f2f2; margin-bottom: 5px; padding: 25px;}
	
#form label, #form .pole {margin-bottom: 10px;}
#form select.pole {width: 484px;}
#form br {clear: both;}
#form .povinne {float: left; clear: both; padding-top: 0; font-size: 0.9em;}


/* reset labelu */
#form table.profi label, #form table.lifeMinimum label, #form table.result label, #form.protokol table label, #step0 label, #step2 label, #step9_1 label, #form .previewImage label, #form.calculator .enCalc label {display: inline; width: auto; float: none; margin: 0;}

/* ************ velka kalkulacka ************* */

#form.calculator {margin-bottom: 30px;}
.blok {
	margin: 0 0 20px 0;
	padding: 15px 0 15px 18px;
	background-color: #F4F4F4;
	border-top: 1px dashed #7f7f7f;
	border-bottom: 1px dashed #7f7f7f;

		}
#form.calculator .pole {width: 100px; margin: 0;}
#form.calculator .profi #calcTyp {width: 400px;}
#form.calculator .enCalc #TypUveru {width: 320px;}
#form.calculator #typDomacnosti {width: 170px;}

.sleva {background: url(images/bg-kalkulacka-sleva.jpg) no-repeat bottom left #f4f4f4; padding-bottom: 30px; padding-top: 40px; _padding-top: 50px;}
#all .sleva table {margin-left: 160px;}
.sleva select {width: 60px; border: 1px solid #A5ACB2;}


#form table {border: 0; width: 660px; margin-bottom: 25px;}
#form table td, #form table th {border: 0; padding: 5px 20px 5px 0;}
	#form table tr.noBorder td, #form table tr.noBorder th {border: 0;}
		#form table tr.noBorder td, #form table tr.noBorder th {padding-bottom: 0;}
#form table input.pole, #form table label {margin-bottom: 0;}
#form table th {background: none; color: #414141;}
	#form table.basic th {width: 125px;}
	#form table.profi th {width: 210px;}
	#form table.enCalc th {width: 300px;}
	#form table.maxVyse th {width: 125px;}
	
	#form table.maxVyse {margin-bottom: 0;}
	
	#form table.basic table td {padding-top: 3px; padding-bottom: 3px;}

	#form table.urokova-sazba {width: 99%;}
	#form table.urokova-sazba td {padding: 0 8px; text-align: center; border: 0;}
	#form table.urokova-sazba th {padding: 0 20px 0 0; font-weight: normal;  border: 0;}
	#form table.urokova-sazba tr {border: 0;}
	

#form.calculator #earningTbl input.pole {width: 60px;}
#form.calculator #releaseTbl input.pole {width: 60px;}

#form table.result {
	background: #469128;
	color: #FFF;
	width: 704px;
	}
	#form.calculator table.result td {
		padding: 10px 15px;
		}
		
#form table.basic input#classic {margin: 0; padding: 0;}

#form table.lifeMinimum th {width: 500px;}
		
		
/* ****************** protokol ******************** */

 #form.protokol  table th {padding-right: 10px;}

#form #step0 , #form #step2, #form .prohlaseni, #form.protokol p {padding: 0;}
#step1 th {width: 245px;}
#form table.stavba td {white-space: nowrap;}

#step2 .anolabel {margin-right: 15px;}
#content #form .procento {width: 25px;}

#form.protokol textarea#pozn {width: 650px; height: 100px;}

.priloha {margin-bottom: 10px; margin-right: 25px;}
.file {float: left;}
.previewImage {	float: right;}

#form table tr.stavbaNadpis th {padding-bottom: 0; padding-top: 25px;}
#form table h4 {margin-bottom: 0;}

/*#step0 sup {margin-right: 25px;}
#step0 .helpcontainer sup {margin-right: 0;}*/


/* ************* max splatky ************** */

#maxSplatky table {width: 665px;}
#maxSplatky p {margin-bottom: 0;}
#maxSplatky table, #maxSplatky td {border: 0;}
#maxSplatky table th {width: 150px; background: none; color: #414141; border: 0; padding-left: 0;}


/* ************** bonita *************** */

#form.bonita label {
	width: 260px;
	font-weight: bold;
	}
#form.bonita .pole {width: 250px;}
#form.bonita select {width: 254px;}

#form.bonita .blok {padding-bottom: 5px;}
	



/* ********************************************************** */
/* ************ VYHLEDAVANI TISKOVYCH ZPRAV ***************** */
/* ********************************************************** */

#pressearch {padding-top: 10px; border-bottom: 1px dashed #898989; margin-bottom: 30px;}
	#pressearch h2 {margin-bottom: 25px;}
	#pressearch .pole {width: 60px;}
	#pressearch select.pole {width: 150px;  margin-right: 20px;}
	#pressearch input#od {width: 65px;}
	#pressearch input#do {width: 65px; margin-right: 20px;}
	#pressearch input#text {width: 130px;}
	#pressearch .right {padding-right: 20px;}
	
/* ********************************************** */
/* ******************* PAGER ******************** */
/* ********************************************** */

.pager {
	text-align: center;
	border-top: 1px dashed #898989;
	padding: 20px 0;
	margin-top: 30px;
	}
	.pager a {padding: 2px 6px;}
	.pager strong {padding: 2px 6px; font-weight: bold;}
		.pager a:hover, .pager strong {background-color: #c0c0c0; color: #FFF;}
		
	a.moveFWD {background: url(images/ico-li.gif) no-repeat 100% 70%; padding-right: 15px;}
	a.moveBWD {background: url(images/ico-li-bwd.gif) no-repeat 0 70%; padding-left: 15px;}
	
	.pager a.moveFWD:hover, .pager a.moveBWD:hover {background-color: transparent; color: #4A752F;}
	

	
			

/* ********************************************** */
/* ************* IMAGE REPLACEMENT ************** */
/* ********************************************** */

.logo span, .blueLine span, a.hypoOnline span, #infoBox h3 span, #spocitejtesi h2 span, #neprehlednete h2 span, #aktualne h2 span, #sazby h2 span, #reference h2 span, #reference_en h2 span, #sazebnik span  {
	position: absolute;
	top: 0;
	left: 0;
	width: 188px;
	height: 56px;
	display: block;
	padding: 8px 0 0 25px;
	}
	#h_menu ul li a.home span.menuImg
	{position: absolute; top: 0; left: 0; width: 84px; height: 56px; display: block; padding: 8px 0 0 26px;}
	#h_menu a.home:hover span.menuImg
	{background-position: 0 -30px; font-style: italic; font-weight: bold; padding-top: 9px;}
	
	#h_menu ul li a.kalkulacky span.menuImg
	{position: absolute; top: 0; left: 0; width: 87px; height: 56px; display: block; padding: 8px 0 0 25px;}
	#h_menu a.kalkulacky:hover span.menuImg
	{background-position: 0 -30px; font-style: italic; font-weight: bold; padding-top: 9px;}
	
	#h_menu ul li a.produkty-a-sluzby span.menuImg
	{position: absolute; top: 0; left: 0; width: 123px; height: 56px; display: block; padding: 8px 0 0 33px;}
	#h_menu a.produkty-a-sluzby:hover span.menuImg
	{background-position: 0 -30px; font-style: italic; font-weight: bold; padding-top: 9px;}
	
	#h_menu ul li a.pro-novinare span.menuImg
	{position: absolute; top: 0; left: 2px; width: 95px; height: 56px; display: block; padding: 8px 0 0 34px;}
	#h_menu a.pro-novinare:hover span.menuImg
	{background-position: 0 -30px; font-style: italic; font-weight: bold; padding-top: 9px;}
	
	#h_menu ul li a.kariera span.menuImg
	{position: absolute; top: 0; left: 2px; width: 67px; height: 56px; display: block; padding: 8px 0 0 31px;}
	#h_menu a.kariera:hover span.menuImg
	{background-position: 0 -30px; font-style: italic; font-weight: bold; padding-top: 9px;}
	
	#h_menu ul li a.nabidka-bydleni span.menuImg
	{position: absolute; top: 0; left: 2px; width: 116px; height: 56px; display: block; padding: 8px 0 0 33px;}
	#h_menu a.nabidka-bydleni:hover span.menuImg
	{background-position: 0 -30px; font-style: italic; font-weight: bold; padding-top: 9px;}
	
	#h_menu ul li a.informace-o-bance span.menuImg
	{position: absolute; top: 0; left: 2px; width: 66px; height: 56px; display: block; padding: 8px 0 0 25px;}
	#h_menu a.informace-o-bance:hover span.menuImg
	{background-position: 0 -30px; font-style: italic; font-weight: bold; padding-top: 9px;}
	
	#h_menu ul li a.kontaktujte-nas span.menuImg
	{position: absolute; top: 0; left: 2px; width: 79px; height: 56px; display: block; padding: 8px 0 0 23px;}
	#h_menu a.kontaktujte-nas:hover span.menuImg
	{background-position: 0 -30px; font-style: italic; font-weight: bold; padding-top: 9px;}
	
	.logo span {background: url(images/logo-hypotecnibanka.jpg) no-repeat; padding:80px 0 0 80px; font-size:28px;}
	.blueLine span {background: url(images/bg-telefon.jpg) no-repeat;}
		#en .blueLine span {background: url(images/bg-telefon-en.jpg) no-repeat;}
	a.hypoOnline span {background: url(images/banner-hypoOnline.jpg) no-repeat 0 0; }
		a.hypoOnline:hover span {background-position: 0 -80px;}
	
	#spocitejtesi span {background: url(images/h-aktuality.gif) no-repeat;}
	#en #spocitejtesi span {background: url(images/h-spocitejtesi-en.gif) no-repeat;}
	#neprehlednete span {background: url(images/h-aktuality.gif) no-repeat;}
	#en #neprehlednete span {background: url(images/h-neprehlednete-en.gif) no-repeat;}
	#aktualne span {background: url(images/h-aktuality.gif) no-repeat;}
	#sazby span {background: url(images/h-aktuality.gif) no-repeat;}
	#en #sazby span {background: url(images/h-sazby-en.gif) no-repeat;}
	#sazebnik span {background: url(images/h-sazebnik.gif) no-repeat;}
	#reference span {background: url(images/h-aktuality.gif) no-repeat;}
	#reference_en h2 span {background: url(images/h-odnasichklientu-en.gif) no-repeat;}

	
	
#all #bottomActions a {
	color: #414141;
	}
	
	.tisk, .nahoru {
		position: relative;
/*		display: block;
		width: 81px;
		height: 23px;
		overflow: hidden;*/
		margin-left: 0;
		padding: 5px 43px 5px 0;
		font-weight: bold;
		_display: inline-block;
		}
		.tisk  {background: url(images/ico-tisk.gif) no-repeat 100% 0;}
		.nahoru {background: url(images/ico-nahoru.gif) no-repeat 100% 0;}
		
		#bottomActions a:hover {background-position: 100% -71px;}
		
	
	#infoBox h3 {
		position: relative;
		display: block;
		width: 128px;
		height: 28px;
		overflow: hidden;
		}
		#infoBox h3 span {background: url(images/h-viteze.gif) no-repeat;}
	
/* float clear */

#content #rozcest ul, .hgltBox, .priloha, #h_menu {
	overflow: hidden;
	_display: inline-block;
	}
	

	
/* cistic uzivatelskych wysiwyg okras */
	
font {
	font-family: inherit;
	color: inherit;
	font-size: inherit;
	}
	

/* ****** ruzne ******* */
p {}
.important {color: #5D9F3D;}
acronym, abbr {
	background: url(images/bg_acronym.gif) no-repeat 100% 0;
	cursor: help;
	padding-right: 12px;
	border-bottom: 1px dashed #006697;
	padding-bottom: 1px;
	}
	acronym acronym {background: none; padding: 0; border: 0;}
.none {display: none;}

hr {
	border: none;
	height: 1px;
	background: #FFF;
	color: #FFF;
	border-bottom: 1px dashed #7f7f7f;
	margin-bottom: 15px;
	clear: both;
	}
	

.Attachment {margin-bottom: 5px;}
	
#bottomActions {padding-top: 30px; padding-right: 30px; clear: both; text-align: right;}

p.navpath {font-size: 0.9em; margin-bottom: 0; margin-right: 245px;	}
	.navpath a {color: #414141;}
	
caption {display:none;}
.helpcontainer sup {
	cursor: pointer;
	background: url(images/ikona_otaznik.gif) no-repeat; 
	padding: 2px 7px;
	line-height: 17px;
	}
	
.gt {font-size: 1.3em; font-weight: normal;}
	
/* ***** press + reference ***** */

#press, #referenceList {margin-left: 25px;}
	#press h4, #referenceList h4 {
		background: none;
		padding: 0;
		font-size: 1em;
		font-weight: normal;
		margin-bottom: 0;
		background: url(images/ico-li.gif) no-repeat 0 6px;
		padding-left: 18px;
		}
	#press p {
		font-size: 0.9em; 
		padding-left: 18px;
		margin-bottom: 10px;
		}
	#referenceList .WYSIWYGContentBody {padding-left: 18px; margin-bottom: 10px;}
	#referenceList p {font-size: 0.9em; padding-left: 18px; margin-bottom: 0;}
	.referenceListItem {margin-bottom: 10px;}
	
	
		
/* ****** photo gallery ****** */

#content .PhotoGalleryForder table {width: 100%; margin-bottom: 50px;}
#content .PhotoGalleryForder td, .PhotoGalleryForder th {text-align: center; vertical-align: middle; width: 33%;}
	
.PhotoGalleryForder h2 {margin-bottom: 30px;}

.photo {
	width: 200px;
	height: 265px;
	border: 1px solid #cccccc;
	text-align: center;
	float: left;
	margin: 0 15px 15px 0;
	position: relative;
	}
	.photo h4 {
		background: #469128;
		color: #FFF;
		}
	.photo p {
		position: absolute;
		bottom: 0;
		left: 0;
		margin: 0;
		width: 200px;
		text-align: center;
		}
		
/* ********** slovnicek ********* */

dt {font-weight: bold;}
dd {margin: 0 0 15px 25px;}

	


/* ******* FILTR ******* */

#ChooseCategory {
	margin-bottom: 20px;
	}

#ChooseCategory input, #ChooseCategory select {
	 	vertical-align: middle;
		font-size: 0.9em;
		}

#ChooseCategory input  {width: 100px;}

#ChooseCategory select {vertical-align: middle;	}

#ChooseCategory .shopsearch {width: 19px; height: 19px; margin-right: 10px;}

/* *********************************************************** */
/* ******************** KONSTRUKCE STRANKY ******************* */
/* *********************************************************** */

#all {
	margin: auto;
	text-align: left;
	width: 990px;
	position: relative;
	font-size: 1.2em;
	}

#top {
	height: 143px;
	position: relative;
	color: #FFF;
	}
	#all #top a {color: #FFF; font-size: 0.9em;}
	
	.logo {
		width: 278px;
		height: 125px;
		position: absolute;
		color: #FFF; 
		top: 0;
		left: 0;
		}
	.topLinks {
	position: absolute;
	top: 98px;
	right: 433px;
	font-weight: bold;
	text-decoration: underline;
		}
		.topLinks a {
			background: url(images/bg-topLinks.gif) no-repeat 100% 50%;
			padding: 10px 10px 10px 7px;
			white-space: nowrap;
			}
			.topLinks a:hover {text-decoration: underline;}
	.language {
		position: absolute;
		top: 25px;
		right: 30px;
		font-weight: bold;
		}
		.language a {
			background: url(images/flag-en.gif) no-repeat 0 1px;
			padding: 2px 0 6px 27px;
			display: block;
			line-height: 1em;
			}
		.language a.cze { 
		background: url(images/flag-cz.gif) no-repeat 0 2px;
		}

/* **** search **** */

#search {
	position: absolute;
	top: 99px;
	left: 574px;
	background: url(images/bg-search.gif) no-repeat;

	width: 160px;
	}

	.searchfield {
		border: 0;
		background: none;
		padding: 3px 0 2px 4px;
		background: url(images/bg-search.gif) no-repeat #FFF;
		position: absolute;
		width: 125px;
		font-size: 0.9em;
		left: 0;
		top: 0;
		_position: relative;
		_top: -1px;
		
		}

	.searchbutton {
		vertical-align: middle;
		width: 35px;
		height: 19px;
		border: none;
		background: none;
		padding: 0;
		position: absolute;
		top: 0;
		right: 0;
		cursor: pointer;
		color: #FFF;
		}
		
/* ************** infolinka ************** */

#infolinka {
	position: absolute;
	top: 22px;
	left: 335px;
	font-size: 1.3em;
	text-align: center;
	width: 480px;
	font-style: italic;
	font-weight:bold;
	font-family:Trebuchet MS, Tahoma, 'Verdana CE', Verdana, 'Arial CE', Arial, Helvetica, sans-serif;
	}
		
		
/* ************ motiv *************** */
#motiv {
	position: absolute;
	top: 56px;
	left: 740px;
	width: 234px;
	height: 210px;
	z-index: 600;
	background: url(images/motiv-1.png) no-repeat;
	}
	.motiv1 {background: url(images/motiv-1.png) no-repeat;}
	#all .motiv-kalkulacky, #all .motiv-konfigurator, #all .motiv-calculators {background: url(images/motiv-13.png) no-repeat; top: 47px; height: 235px; left: 765px;}
	#all .motiv-produkty-a-sluzby, #all .motiv-products {background: url(images/motiv-12.png) no-repeat; top: 87px;}
	#all .motiv-pro-novinare {background: url(images/motiv-11.png) no-repeat; top: 47px; height: 237px; left: 780px;}
	#all .motiv-kariera {background: url(images/motiv-1.png) no-repeat;}
	#all .motiv-informace-o-bance, #all .motiv-information {background: url(images/motiv-8.png) no-repeat; top: 57px; height: 227px;}
	#all .motiv-kontaktujte-nas, #all .motiv-contacts {background: url(images/motiv-1.png) no-repeat; top: 47px; height: 227px;}
	#all .motiv-faq {background: url(images/motiv-7.png) no-repeat; top: 47px; height: 237px; left: 780px}
	#all .motiv-stavet-nebo-rekonstruovat, #all .motiv-build-or-reconstruction {background: url(images/motiv-4.png) no-repeat; top: 80px; height: 187px; left: 747px}
	#all .motiv-refinancovat-uver, #all .motiv-refinance {background: url(images/motiv-2.png) no-repeat; top: 70px; height: 227px; left: 735px}
	#all .motiv-koupit, #all .motiv-buy {background: url(images/motiv-5.png) no-repeat; top: 78px; height: 227px; left: 740px}
	#all .motiv-pro-klienty {background: url(images/motiv-6.png) no-repeat; top: 70px; height: 227px; left: 735px;}
	#all .motiv-ziskat-penize-na-cokoliv, #all .motiv-borrow-money-for-anything {background: url(images/motiv-3.png) no-repeat; top: 47px; height: 227px;}



/* ************************************** */
/* ************ HLAVNI MENU ************* */
/* ************************************** */

#h_menu {
	position: relative;
	height: 30px;
	z-index: 0;
	 background: url(images/bg-menu.jpg) no-repeat #21910B;
	}
	#h_menu ul {
		padding: 0;
		margin: 0 0 0 -3px;
		list-style: none;
		position: relative;
		}
		#h_menu ul li {	padding: 0;	display: inline;}
			#h_menu ul li a {
	height: 30px;
	color: #FFF;
	overflow: hidden;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
	padding-top:8px;
				
				}
				#h_menu ul li a:hover {color: #FFFFFF;}
		
.home, .kalkulacky, .kalkulacky, .produkty-a-sluzby, .pro-novinare, .kariera, .nabidka-bydleni, .informace-o-bance, .kontaktujte-nas {
	position: absolute;
	top: 0;
	text-align: left;
	}

	.home {left: 0; width: 111px; z-index: 20;}
	.kalkulacky {left: 87px; width: 115px; z-index: 19;}
	.produkty-a-sluzby {left: 177px; width: 150px; z-index: 18;}
	.pro-novinare {left: 303px; width: 124px; z-index: 17;}
	.kariera {left: 402px; width: 90px; z-index: 16;}
	.nabidka-bydleni {left: 469px; width: 140px; z-index: 15;}
	.informace-o-bance {left: 585px; width: 96px; z-index: 14;}
	.kontaktujte-nas {left: 656px; width: 99px; z-index: 13;}

	li.selected a {z-index: 60;}	
	#h_menu a:hover { z-index: 21;}
	
	
	/* mouse & selected actions */	
	#h_menu a:hover span.menuImg {
	background-position: 0 -30px;
	font-style: italic;
	font-weight: bold;
	padding-top: 9px;
}
		#h_menu li.selected a span.menuImg {
	background-position: 0 -60px;
	z-index:51;
	color: #309C15;
	padding-top:8px;
}
		#h_menu li.selected a:hover span.menuImg {
	background-position: 0 -60px;
	font-style: italic;
	font-weight: bold;
	color: #309C15;
	padding-top:8px;
} /* IE6 fix */
		
	/* IE6 .selected fix */
	li.hover {z-index: 44; position: relative;}


	a.home span.menuImg {background: url(images/menu-1.gif) no-repeat 0 0;}
	a.kalkulacky span.menuImg {background: url(images/menu-2.gif) no-repeat 0 0;}
	a.produkty-a-sluzby span.menuImg {background: url(images/menu-3.gif) no-repeat 0 0;}
	a.pro-novinare span.menuImg {background: url(images/menu-4.gif) no-repeat 0 0;}
	a.kariera span.menuImg {background: url(images/menu-5.gif) no-repeat 0 0; }
	a.nabidka-bydleni span.menuImg {background: url(images/menu-6.gif) no-repeat 0 0;}
	a.informace-o-bance span.menuImg {background: url(images/menu-7.gif) no-repeat 0 0;}	
	a.kontaktujte-nas span.menuImg {background: url(images/menu-8.gif) no-repeat 0 0;}	
	
	.menuText {margin: 0 25px; display: block; font-size: 0.9em; color: #FFF; text-decoration: underline;}	


.mala-kalkulacka-1 {display: none;}
.mala-kalkulacka-2 {display: none;}
.chtel-bych {display: none;}
.chci-vedet {display: none;}


/* anglicka verze */

.home, .calculators, .products, .information, .contacts {
    position: absolute;
    top: 0;
	text-align: left;
    }

	.home {left: 0; width: 111px; z-index: 20;}
	.calculators {left: 88px; width: 115px; z-index: 19;}
	.products {left: 178px; width: 173px; z-index: 18;}
	.information {left: 326px; width: 116px; z-index: 17;}
	.contacts {left: 418px; width: 105px; z-index: 16;}
	
	a.calculators span.menuImg {background: url(images/menu-2-en.gif) no-repeat 0 0;}
	a.products span.menuImg {background: url(images/menu-3-en.gif) no-repeat 0 0;}
	a.information span.menuImg {background: url(images/menu-4-en.gif) no-repeat 0 0;}
	a.contacts span.menuImg {background: url(images/menu-5-en.gif) no-repeat 0 0; }


#h_menu .press-releases, #h_menu .buy, #h_menu .build-or-reconstruction, #h_menu .refinance, #h_menu .borrow-money-for-anything, #h_menu .what-to-do-to-get-a-mortgage {display: none;}

/* ********************************************** */
/* ****************** LEVE MENU ***************** */
/* ********************************************** */
#navi {
	float: left;
	width: 215px;
	padding-bottom: 20px;
	position: relative;
	z-index: auto;
	}

#navi h2 {
	margin-left: 5px;
	font-weight: normal;
	font-size: 1.4em;
	font-family: "Trebuchet MS", "Arial CE", Arial, sans-serif;
	color: #1B1A1A;
	}


#navi ul.navimenu, #navi ul.navimenu2 {
		margin: 0 0 20px 20px;
		list-style: none;
		 border-top: 1px dashed #7f7f7f;
		}
			#navi ul.navimenu li, #navi ul.navimenu2 li {
           border-bottom: 1px dashed #7f7f7f;
			}

			#navi ul.navimenu li a, #navi ul.navimenu li a, #navi ul.navimenu2 li a {				 
				 display: block;
				 padding: 5px 0 7px 10px;
				 color: #414141;
				 text-decoration: none;
				 font-weight: bold;		
				 line-height: 1.2em;	
				 position: relative;	
				}
				#navi ul.navimenu li a.selected, #navi ul.navimenu2 li a.selected {color: #118000; background-color: #EDEDED;color: #000;}
				#navi ul.navimenu a:hover, #navi ul.navimenu2 a:hover {color: #118000;}				
				
				
				
			/* level 2 */

			#navi ul.navimenu ul, #navi ul.navimenu2 ul {
				margin: 5px 0 10px 10px;
				list-style: none;
				line-height: 1.1em;
				}
				#navi ul.navimenu ul li, #navi ul.navimenu2 ul li {border-bottom: 1px solid #FFF;}
				#navi ul.navimenu ul li a, #navi ul.navimenu2 ul li a {
					border: none;
					text-decoration: underline;
					background: url(images/sipka-blue.gif) no-repeat 0 7px;
					padding-left: 18px;
					padding-bottom: 5px;
					font-size: 0.9em;
					color: #118000;
					position: relative;					
					}
					
					#navi ul.navimenu ul li a.selected, #navi ul.navimenu2 ul li a.selected {text-decoration: none; color: #118000; background-color: #FFF; padding-left: 18px; color: #000}
					#navi ul.navimenu ul li a:hover, #navi ul.navimenu2 ul li a:hover {color: #000;}
					
					
			/* level 3 */
			#navi ul.navimenu ul ul,, #navi ul.navimenu2 ul ul {
				margin: 0 0 5px 0;
				}
				#navi ul.navimenu ul ul li a, #navi ul.navimenu2 ul ul li a {
					background: none;
					font-weight: normal;
					color: #000;
					text-decoration: underline;
					padding-left: 8px;
					padding-bottom: 3px;
					}
					#navi ul.navimenu ul ul li a.selected, #navi ul.navimenu2 ul ul li a.selected {text-decoration: none; color: #414141; background-color: #FFF; padding-left: 8px;}
					
					#navi ul.navimenu ul ul a:hover, #navi ul.navimenu2 ul ul a:hover {color: #118000;}


#sideMotiv {
/*	position: absolute;
	bottom: -385px;
	left: -100px;*/
	left: -100px;
	position: relative;
	width: 240px;
	height: 432px;
	background: url(images/motiv-manazerka.png) no-repeat;
	z-index: 700;

	}
	
	.homepage #sideMotiv {
		width: 230px;
		height: 296px;
		background: url(images/motiv-manazerka-sedici.png) no-repeat;
		left: 0px;
		margin-top: 30px;
		}



/* ********************************************** */
/* **************** ACTION MENU ***************** */
/* ********************************************** */

#actionmenu ul {
	margin-bottom: 10px;
	list-style: none;
	display: block;
	position: relative;
	width: 205px;
	}

#actionmenu ul li a {
	display: block;
	height: 28px;
	overflow: hidden;
	font-weight: bold;
	background: url(images/but-bg-koupit.gif) no-repeat 0 0;
	padding:12px 0 0 47px;
	font-family: Trebuchet MS, Tahoma, 'Verdana CE', Verdana, 'Arial CE', Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
	color:#626262;
	}

#actionmenu ul li a:hover {background:url(images/but-bg-koupit.gif) no-repeat 0 -40px; color:#61A944;}

/* reset */
#actionmenu ul li ul.navimenu {margin: 0 0 0 3px; margin-top: 8px; font-size: 0.9em; line-height: 1.4em; border: 0;}
#actionmenu ul li ul.navimenu li  {border: 0; margin-top: -3px }

#navi #actionmenu ul li ul.navimenu li a {
	font-weight: normal; 
	padding: 3px 0 11px 0; 	
	background:url(images/bg-actionsubmenu.gif) no-repeat 0 0;
	height: auto;
	text-decoration: underline;
	 }
	 #navi #actionmenu ul li ul.navimenu li a.selected {text-decoration: none;}
#actionmenu ul li ul.navimenu li a span {
	  background: none;
	padding: 0 10px 0 50px;
	position: relative;
	width: auto;
	display: block;
	 }

/* doplnky pro homepage */

.homepage #actionmenu ul {
	margin-bottom: 0;
	}


/* ******************************************* */
/* ********** ZAKLADNI KONSTRUKCE ************ */
/* ******************************************* */

#main {
	padding: 16px 0 0 0;
	margin: 0;
	_height: 1px;
	}
	#mainHolder{padding: 0 10px;}

#content_container {
	float:right;
	width: 730px;
	margin-bottom: 15px;
	}

#content.singleCol {margin-right: 25px;}
		
		
#content.twoCols {
	margin-right: 0;
	display: inline-block;
	}
	

#midcol {
	float: left;
	width: auto;	
	}




/* ***************** PATICKA ***************** */


#ender {
    position:relative;
	clear: both;
	margin: 0 20px 0 20px;
	font-size: 0.9em;
	padding: 20px 0;
	border-top: 1px dashed #898989;
	z-index: 800;
	text-align: center;
	}
	#ender strong, #ender a, #ender span {margin: 0 15px;}
		#ender .developer a {margin: 0;}

		#all #ender a {color: #414141;}		
		#all #ender a:hover {color: #118000;}
		
		
	.copyright {
		float: left;
		padding-left: 25px;
		font-weight: bold;
		}
	.developer {
		float: right;
		padding-right: 25px;
		}
		
		.developer a {
			background: url(images/tianno.png) no-repeat 100% 50%;
			padding: 2px 23px 2px 0;
			}





/* ********** hypoteka online button *********** */

#all div.hypotekaonline {
	width: 141px;
	height: 65px;
	position: relative;
	background: url(images/banner-hypoOnline.jpg);
	padding: 7px 0 0 65px;
	margin-left:5px;
	background:url(images/banner-hypoOnline.jpg);
	color:#FFFFFF;
	font-family: Trebuchet MS, Tahoma, 'Verdana CE', Verdana, 'Arial CE', Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 1.4em;
	}
	a.hypoOnline {
		display: block;
		width: 206px;
		height: 75px;
		overflow: hidden;
		}
	


/* ********************************************** */	
/* ************ produktova stranka ************** */
/* ********************************************** */

	
	
#perex, .perex {
		background: url(images/bg-perex-top.gif) no-repeat #ededed;	
		margin-bottom: 15px;
		}
		#perex .perexIn, .perex .perexIn {
			background: url(images/bg-perex-bottom.gif) no-repeat bottom left;
			padding: 16px 18px 18px 18px;
			}
		#perex p, .perex p {margin-bottom: 0;}
		
		
/* ********************************************** */	
/* ************ produktova stranka ************** */
/* ********************************************** */
	
#rightcol {
	float: right;
	width: 245px;
	padding-top: 70px;
	font-size: 0.9em;
	}
	#rightcol img, #rightcol h3, form#slovnicek, #content #rightcol ul, #content #rightcol h2.hypotekaonline, .oceneni, #infoBox, #aktualne, #rightcol p, .konfigurator #rightcol h4, .homepage #rightcol h2, .homepage #rightcol table, .homepage #rightcol #sazby p, .homepage #rightcol #sazby_en p, #infoBubble, #rightcol .reference {margin-left: 33px;}
	#rightcol h3, #content #rightcol ul, .oceneni, #infoBox, #rightcol p, .konfigurator #rightcol h4,  #infoBubble, #rightcol .reference {margin-right: 30px;}	
	
	#dictionaryJSImg, #infoBox h3, #slovnicek p {margin-left: 0;}

	
	.homepage #rightcol h3, .homepage #rightcol p {margin-right: 20px;}

	
	#rightcol h3 {
		border-bottom: 1px dashed #898989;
		color: #414141;
		background: none;
		padding: 0 0 5px 0;
		}
	#rightcol h4 {
		background: none;
		padding: 0;
		}
	#content #rightcol ul, #rightcol .reference {margin-bottom: 30px;}
		#content #rightcol ul li {
			background: url(images/sipka-blue.gif) no-repeat 0 6px;
			padding: 3px 0 3px 20px;
			margin-bottom: 0;
			}
			#rightcol ul li a {
				color: #118000;
				font-weight: bold;
				}
				#rightcol ul li a:hover {color: #000;}
				
/* vite ze ... */

#infoBox {
	background: url(images/bg-infoBox-top.gif) no-repeat;
	margin-bottom: 25px;
	margin-top: -30px;

	}
	#infoBox div {
		background: url(images/bg-infoBox-bottom.gif) no-repeat bottom left;
		padding: 50px 25px 1px 15px;
		line-height: 1.8em;
		}
		#infoBox h3 {border: 0;}
		#infoBox p {margin-bottom: 20px;}
	
				
/* oceneni */

.oceneni {text-align: center;}
	.oceneni a {color: #000; font-weight: bold; font-size: 1.1em;}
	#rightcol .oceneni img {margin: 0 5px;}
				
/* global */

#shortcuts, #kamjit, .hgltBox, #features form {
		margin: 0 0 20px 0;
		padding: 15px 0 15px 18px;		
		background: #ededed;
		border-top: 1px dashed #7f7f7f;
		border-bottom: 1px dashed #7f7f7f;
		font-size: 0.9em;
		_padding-bottom: 0;
		min-height: 1%; /* IE7 */
		}
		
		#kamjit {padding-right: 15px; _padding-bottom: 15px;}
		#all #content #kamjit ul, #all #content #shortcuts ul {margin-bottom: 1px;}		
		#content .hgltBox h3, #content #kamjit h3, #content #kamjit h5{background: none; padding: 0; margin: 0 0 10px 0; font-size: 1.1em;}			
		#content .hgltBox ul, #content.twoCols #features #kamjit ul {margin-left: 0;}
		#content #kamjit #DocumentAttachments {padding-left: 0;}
			
/* ******* mala kalkulacka v pravem sloupci ******* */

.calcForm {
	background: url(images/bg-calcForm-top.gif) no-repeat 45px 0;
	margin-bottom: 30px;
	width: 100%;
	position: relative;
	}
	#kalkright {
		background: url(images/bg-calcForm-bottom.gif) no-repeat bottom left;
		padding: 101px 0 10px 0;
		padding-right: 25px;
		margin-left: 45px;
		
		}
		#form.calcForm h3 {display: none;}			
		#form.calcForm h4 { padding-left: 15px}
		#kalkright .pole {width: 68px; _width: 74px; float: right; margin-bottom: 5px;}
		#kalkright label {width: 95px; float: left; display: inline-block; clear: both; margin-bottom: 5px;}
		#form.calcForm #calcpercentage {width: 65px; display: block; float: right; margin-bottom: 5px;}
		#kalkright .button {margin: 10px 0 0 30px;}
		#rightcol #kalkright p {margin: 0; padding: 0 15px 0 15px; display: block;}
			
/* ****** zkratky v produktu ****** */	
		
		#shortcuts a {
			background: url(images/ico-li.gif) no-repeat 0 5px;
			padding-left: 18px;
			display: block;
			width: 190px;
			_width: 210px;
			float: left;
			margin-bottom: 5px;
			font-weight: bold;
			color: #000;
			line-height: 1.4em;
			position: relative;
			border: 1px solid #EDEDED; /* ie6 */
			}
			#shortcuts a.clear {margin-right: 20px;}
			
		#shortcuts ul li {background-position: 0 0;}
			
/* ************ slovnicek ************** */

#slovnicek {margin: 10px 14px 10px 14px;}
	#slovnicek .pole {width: 180px; margin: 0; margin-bottom: 10px;}
	#slovnicek p {margin-bottom: 5px;}
	
/* info bubble */
	#infoBubble{
		display: none;
		border: 1px solid #898989;
		background: #ededed;
		padding: 8px 15px;
		}
		#infoBubble h3 {
			border: none;
			margin: 0;
			padding: 0;			
			}
		#infoBubble span{
			float: right;
			}
			#infoBubble span a{
				text-decoration: none;
				font-weight: bold;
				}

/* ************ features ************** */	

#features {clear: both;}
		
		#features h3 {font-size: 1em; color: #404040; padding-left: 14px;}

			#kamjit ul {margin-bottom: 0; display:block;}
			#rightcol #kamjit ul li{
				background-image: url(images/ico-li.gif) 0 0;
				background-repeat: no-repeat;
				background-position: 0 5px;
				padding: 0 0 0 19px;
				border: none;
				float: none;
				position: relative;
				}
				
			#kamjit p {margin-bottom: 4px;}
	
		#content #rozcest ul {
			margin: 0 0 15px 20px; 
			}
			#rozcest ul li {			
				float: left;
				margin: 0;
				background: url(images/sipka-blue.gif) no-repeat 0 6px;
				padding: 3px 10px 3px 20px;
				font-weight: bold;
				}
	#recommendForm {
		}			
		#recommendForm p {
			float: left;
			width: 130px;
			margin-bottom: 5px;
			padding: 0;
			}
		#recommendForm .button {margin-top: 20px;}
		
/* ********************************************** */	
/* *************** CONTACT MODULE *************** */
/* ********************************************** */



	#contact .item-container .item{	margin: 0 0 25px 8px;}
	
	#contact h4 {background: none; padding: 0; font-size: 1em; margin-bottom: 0;}
	#contact p {margin-bottom: 12px;}
		
		.description{
			float: left;
			width: 280px;
			overflow: hidden;
			}
		.open-hour{
			float: left;
			width: 225px;
			padding-left: 0px;
			overflow: hidden;
			}
			#content .open-hour table td, #content .open-hour table th {padding: 0;	margin: 0; font-size: 1.1em; white-space: nowrap;}
			.open-hour table th{width: 25px;}
			#content .open-hour h4 {margin-bottom: 10px;}
			
			#contact .item ul {	margin-left: 0;	}
				#contact .item ul li {margin-bottom: 3px;}
				
		#contact .image{
			float: left;
			width: 190px;
			text-align: right;
			}
			#contact .image img{
				padding: 3px;
				border: 1px solid #b1b1b1;
				margin: 0;
				}
			#contact .image a {
				background: url(images/ico-li.gif) no-repeat 100% 3px;
				padding-right: 18px;
				}
		
	#contact table, #contact tr, #contact th, #contact td, #content .open-hour table, #content .open-hour tr, #content .open-hour th, #content .open-hour td {
		border: none;
		background: none;
		color: #000;
		}
		
	#hcard {margin-bottom: 25px;}
		
/* ******************************************* */
/* ***************** JAVA HELP *************** */
/* ******************************************* */

	.calcHelp{
		 position:absolute;
		 z-index:2000;
		 background-color:#FFF;
		 border: 1px dashed #7f7f7f;
		 width:225px;
		 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;
			}

			
/* ***************** FEATURES **************** */			


#features label{ font-weight: normal; }
			#features form p {margin-bottom: 0;}
			#features form .pole,#features form .pole2 {
				width: 115px;
				vertical-align: middle;
				border: 1px solid #CCCCCC;
				margin-right: 10px;
				}
				


		
			
		/* ********************** */

		
	#details {
		overflow: hidden;
		display: inline-block;
		margin: 0 0 5px 0;
		}
		#details img {
			border: 1px solid #DEDEDE;
			padding: 6px;
			background: #FFF;
			float: left;
			margin: 0;
			}	

		
	span.haveToFill{color: red;}	


				


#submenuAds{
	padding-left: 20px;
	width: 231px;
	overflow: hidden;
	}
	
#rozestavenaYes{
	font-weight: bold;
	color: red;
	text-align: center;
	}
	
.errorForm{
		color: red;
		margin-bottom: 3px;
		}			

	#preloader{
		display: none;
		position: absolute;
		border: 1px solid #333;
		top: 100px;
		left: 400px;
		z-index: 10000 !important;
		}

/* **************************************************** */
/* *********************** faq ************************ */
/* **************************************************** */

#faqContainer {padding-top: 15px; margin-right: 25px;}

	#faqContainer h3 {
		font-size: 1em;
		background: none;
		margin: 0; padding: 0;
		margin-bottom: 14px;
		border: 0;	
		}
		
	#faqContainer hr {margin-bottom: 12px;}
			
	.underline {text-decoration: underline; cursor: pointer; color: #118000;}
	.underline:hover {color: #000;}
		

	#tooltip {
		position: absolute;
		z-index: 3000;
		background:#FFF;
		border:1px solid #DBDBDB;
		text-align: left;
		padding: 7px 10px;
		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; }

#protokol table.kolaudace td {vertical-align: middle;}

.hiddenNavigation {
	display: block;
	width: 0px;
	height: 0px;
	background: none;
}

.bonita-web .error{
	display: block;
	padding: 0; 
	margin: 0; 
	text-align: left;
	height: 20px;
	padding-left: 200px;
	color: red;
	font-weight: bold;
	}

.floatright { float: right; }
.tel { width: 45px; float: left; }
.clearBot { clear: both; }

#ender .footer a { padding-right: 13px; margin: 0 10px 0 0; border-right: 1px solid #414141; line-height:25px; }
#ender .footer a.last { border-right: 0px; }

.sklik iframe {visibility:hidden; height: 0;}
.alt {
	color:#003873;
	position:absolute;
	z-index:1;
	left: 95px;
	top: 105px;
	font-size:10px;
	font-weight:bold;
}
img.float-right {
  margin: 5px 0px 5px 10px;  border: 3px solid #D5D5D5; float:right;
}
img.float-left {
  margin: 5px 10px 5px 0px;border: 3px solid #D5D5D5; float:left;
}
#main.homepage {padding-top: 35px;}
.homepage #midcol {}
.homepage #content_container {width: 737px;}
.homepage #navi {width: 211px;}
.homepage #rightcol {
	font-size: 1em;
	background: url(images/bg-content.jpg) no-repeat 0 -100px;
}


.homepage h2 {
	font-size: 1.4em;
	font-weight: normal; 
	line-height: 1em; 
	color: #0C5D00; 
	font-family: Trebuchet MS, Tahoma, 'Verdana CE', Verdana, 'Arial CE', Arial, Helvetica, sans-serif;
	font-style: italic;
	background:none;
	margin: 0 0 0 12px;
	display: block;
	}
	#main.homepage h2 a:link, #main.homepage h2 a:visited, #main.homepage h2 { 
		color: #4EAA21;
		text-decoration: none;
		}
	.homepage #rightcol h2 {width: 180px;}
	#reference h2 {}
		
	

		
.homepage h3 {
	background: 0;
	 padding: 0;
	 }
		
		
/* ************ spocitejte si ************** */

#spocitejtesi {
	width: 230px;
	float: left;
	position: relative;
	left: 25px;
	margin-bottom: 15px;
	}
	
/* *********** neprehlednete ********* */
#neprehlednete {
	float: right;
	width: 192px;
	}
	#neprehlednete .podrobnosti {display: none;}
	
/* *********** reference ************ */

#reference {
	clear: both;
	_display: inline-block;
	margin: 0 0 25px -10px;
	position: relative;
	min-height: 110px;
	_height: 110px;
	width: 500px;
	background: url(images/bg-hp-maincol.gif) no-repeat 0 -40px;
	float: left;
	}
	#reference p, #reference h3 {margin-left: 30px; margin-bottom: 4px;}
	#reference h2 {margin-bottom: 10px;}
	#reference h3 {display: inline-block;} /*ie7*/
	
	#rightcol #reference_en h3 {margin-bottom: 7px;}
	#reference_en .button {padding-left: 10px;}
	#reference_en h3 {border-bottom: 0; margin-bottom: 5px;}
	#reference_en p {margin-bottom: 5px;}
	
/* ********* banners *********** */

#banners {
	margin: 0 25px 25px 25px;
	}
	#banner1 {float: left;}
	#banner2 {float: right;}
	
#en #banners {padding-top: 20px;}
		

		
		
/* ************ aktualne ********** */

#aktualne {
	margin-bottom: 0px;
	padding-left:0px;
	padding-right:10px;
}
#rightcol #aktualne h2 {
	margin-left: 0px;
	background: url(images/h-aktuality.gif) no-repeat;
}

	#aktualne p {
		border-bottom: 1px dashed #7f7f7f;
		padding-bottom:11px;
		padding-left: 0;
		margin-bottom: 8px;
		line-height: 1.4em;

		}
		#aktualne p.datum {
					background: url(images/sipka-blue.gif) no-repeat 0 4px;
					padding-left: 18px;
					padding-bottom: 0;
					margin-bottom: 2px;
					}
					
		#aktualne p.last, #aktualne p.datum {border-bottom: 0;}
	#aktualne .right, #aktualne .last {border-bottom: 0;}

	
	#aktualne p.right {background: none;}
	
.homepage #rightcol p {margin-left: 0;}


/* ****** sazby ****** */

.podrobnosti { padding-top: 10px; text-align: right;}
#rightcol table {margin-bottom: 8px; border: 0; font-size: 0.9em; width: 210px;}
#rightcol table td {padding:1px;}
#rightcol #sazby_en table td { font-size: 0.9em;}
#rightcol #sazby h3, #rightcol #sazby_en h3 {margin-bottom: 7px;}

#sazby h2 {margin-bottom: 5px;}

#sazby .button {padding-left: 10px;}

