html {font-size: 100.01%;}
body {
	margin: 0 0 30px 0;
	padding: 0 0;
	font-size: 62.5%;
	text-align: center;
	font-family: "Trebuchet MS", "Arial CE", Arial, "Verdana CE", Verdana, sans-serif;
	color: #5b5b5b;
	background: #ecf8da;
	line-height: 1.6em;
	}
	.opera body {position: relative; top: -20px;}

/* global reset */
ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {margin: 0; padding: 0;}
ul {list-style: none;}
table {	border-collapse: collapse;	font-size: 0.9em;}
th {text-align: left;}
fieldset {border: 0;}
object {outline: none;}

/* wysiwyg reset */	
font {
	font-family: inherit !important; 
	color: inherit !important;
	font-size: inherit !important;
	}

/* ************* COMMON ************* */

.left, #content .left	{text-align: left;}
.center, #content .center	{text-align: center;}
.right, #content .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;}

.hide, legend span, #all #main form br.hide {
	position: absolute;
	top: 0;
	left: -20000px;
	}
	.sendURL .stayOpen {position: relative; left: 0;}
	
hr {
  	border: 0;
  	width: 100%;
  	color: #3F7607;
	background-color: #3F7607;
	height: 1px;
	margin: 0 0 15px 0;
	position: relative;
	}

a, #main .rozcestnik .box li span  {color: #3F7607;}
a:hover, a:focus, #main .rozcestnik .box li span:hover {color: #000;}
#hypoteky .grayBox a {color: #333; font-weight: bold;}
#hypoteky .grayBox a:hover {color: #3F7607; }
img {border: none;}
p {margin-bottom: 1.7em;}
#content p {text-align: justify;}
#homepage #content p {text-align: left;}

.dots	{
	clear: both;
	margin-top: -1px;
	position: relative;
	padding: 0;
	height: 1px;
	border: 0;
	background: url(../../images/dots.gif) repeat-x;
	overflow:hidden;
	line-height: 1px;
	margin-bottom: 1.5em;
	}

.hiddenBoxButton {cursor: pointer;}
	.sendURL h4.stayOpen {float: none; text-decoration: none; background: none; font-weight: bold; padding-left: 0; cursor:auto;}
.underline {text-decoration: underline;}
.hiddenBox fieldset {position: relative;}
.hiddenBoxCloseButton {float: right; font-weight: bold; margin: 5px 10px 0 0; cursor: pointer;}

.sendURL .underline {font-size: 1em; font-weight: normal; background: url(../../images/ico-mail.png) no-repeat; padding-left: 33px; padding-bottom: 2px;}

a.external, #footer a[href^="http://"] span {background: url(../../images/ico-external.gif) no-repeat 100% 60%; padding-right: 15px;}

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

.none 		{display: none;}
.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;}
.nowrap {white-space: nowrap;}

.floatleft, img.lft {
	float: left;
	margin: 0 20px 10px 0;
	}

.floatright, img.rgt {
	float: right;
	margin: 0 0 10px 20px;
	}
	
.rgt {float: right;}
.lft {float: left;}
.cntr {display: block; margin: 0 auto;}

.leftCol {width: 48%; float: left;}
.rightCol {width: 48%; float: right;}
	#homepage .leftCol {width: 55%; float: left; margin-bottom: 20px; background: url(../../images/shade2.png) no-repeat bottom center; padding-bottom: 20px;}
	#homepage .rightCol {width: 40%; float: right; margin-bottom: 20px;}
	#kontakty2 .rightCol {width: 212px;}
	#kontakty2 p.leftCol {width: 40%;}

.print {background: url(../../images/ico-print.gif) no-repeat 0 0; padding-left: 33px; padding-bottom: 10px; margin-right: 15px;}
.nahoru {background: url(../../images/ico-nahoru.gif) no-repeat 0 0; padding-left: 33px; padding-bottom: 10px;}
.topLine {background: url(../../images/dots.gif) repeat-x; padding-top: 7px;}

.more {background: url(../../images/sipka.png) no-repeat 0 50%; padding-left: 23px; white-space: nowrap; padding-bottom: 1px;}

.anchorLike {text-decoration: underline; cursor: pointer;}
#content .printRow {text-align: right; clear: both;}

.error {
	background-color: #ae003d;
	color: #FFF;
	font-weight: bold;
	padding: 1.2em 0 1px 0;
	margin-bottom: 1.4em;
	width: 100%;
	}
	.error span, .linkedErrors ul, .ok strong, .error div {padding: 0 1.2em;}
	#content .error ul { list-style: disc; margin-bottom: 1em}
	#content .error ul li {padding-left: 0; background: none;}
	p.error, #all p.ok {padding:15px 0; font-size: 1.2em;}
	
	.linkedErrors ul {padding-bottom: 0.4em;}
		.linkedErrors a {color: #FFF;}

p.ok {background: #ce5f00; color: #FFF; margin-bottom: 1.3em; font-size: 1.4em;}

.inlineError {
	color: #ae003d;
	display: block;
	clear: both;
	text-align: center;
	font-size: 0.9em;
}
	
.colorBox {
	background: #eaf7d6;
	padding: 15px 17px;
	font-size: 1.1em;
	color: #343434;
	}
	.colorBox p {margin-bottom: 1.1em;}

.refItem {margin-bottom: 1.5em; font-size: 1em}
.refItem strong {color: #446F07;}
.refItem em {font-size: 0.9em; color: #636363;}

#main #content .contextHelpIco {
	position: relative; 
	top: -3px;
	=top: -7px;
	_top: -1px;
	width: 10px;
	height: 10px;
	background: url(../../images/ikona-otaznik.png) no-repeat; 
	margin-bottom: 0;
	display: inline-block;
	}

acronym {border-bottom: 1px dotted #09F; cursor: help}
	.hglt acronym {border-color: #FFF;}
	.rozcestnik acronym {border: 0;}

#content .resultBox {padding-top: 10px; margin-right: 0;}
.resultBox strong {font-size: 1.1em;}
.resultBox em {font-style: normal; color: #508208;}

.searchResultItems h3 {margin-bottom: 0;}

.tundra .dijitTooltipContainer {text-align: left;}

#content .pager {text-align: center; background: #F0F0F0; padding: 2px 4px 6px 4px;}
.pager .prev, .pager .next, .pager .first, .pager .last {font-weight: bold; text-decoration: none; font-size: 1.5em;}

.googleMap {
	clear: both;
	border: 1px solid #508208;
	margin-bottom: 1.5em;
}
.gmnoprint p {font-size: 0.9em;font-family: "Trebuchet MS", "Arial CE", Arial, "Verdana CE", Verdana, sans-serif;}
.gmnoprint h1 {font-size: 1.4em;font-family: "Trebuchet MS", "Arial CE", Arial, "Verdana CE", Verdana, sans-serif;}
.gmnoprint span {display: block;}
.gmnoprint p span br {display: none;}

.en .notInEn {display: none;}


/* ********* zkratky ********* */

.focus {position: absolute; left: 0;}

.focus a, .focus span {
	position: absolute;
	top: 0;
	left: -5000px;
	z-index: -10;
	white-space: nowrap;
	}

.focus a:focus, .focus a:active {
    z-index:2;
	top: 0;
	left: 248px;
    background:#CE5F00;
	padding: 2px 5px 4px 6px;
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	}

/* ************* HEADINGS ************* */

h1 {font-size: 1.7em;  font-style: italic; color: #3F7607; margin-bottom: 20px; line-height: 1.2em; letter-spacing: -0.5px;}
h2 {font-size: 1.2em;}
h3 {font-size: 1.1em;}
h4 {font-size: 1em;}
h5, h6 {font-size: 1em;}

h2, h3, h4, h5, h6 {margin-bottom: 10px;}
h2, h3 { color: #3F7607;}
h6 {margin-bottom: 0;}


#homepage #content h2, #homepage #content h1 {margin-bottom: 15px; font-size: 1.6em; font-style: italic; letter-spacing: -0.5px; font-weight: bold;}
#homepage #content h3 {margin-bottom: 5px; font-size: 1.1em;}

#homepage .leftCol h2, #homepage #content h1 {padding:16px 0 10px 0}
#homepage .rightCol h2 {background: url(../../images/ico-palechore.png) no-repeat 0 50%; padding:16px 0 10px 43px;}
#homepage .leftCol .documentText {background: url(../../images/motivy/motiv-15.png) no-repeat 0 30px; padding-bottom: 20px;}
	#homepage .leftCol .documentText ul { padding-left: 140px; text-align: left;}
#homepage .leftCol .printRow {display: none;}

h2.hglt, #content .documentText h2 {background: #508208;   color: #FFF; font-style: italic; margin-bottom: 10px; }
h2.hglt {padding: 4px 0; width: 100%;}
#content .documentText h2 {padding: 4px 15px; width: 474px; }
.twoCols #content .documentText h2 {padding: 4px 15px; width: 699px; }
	h2.hglt span {padding: 0 20px;}
	
.referenceListItem h2, .referenceItem h2 {margin-bottom: 3px;}

.pressList h2 {margin-bottom: 0; font-size: 1em;}


/* ************* LISTS ************* */

#main ul, #main ol {margin: 0 0 1.6em 15px; text-align: justify;}
	#main ul ul, #main ol ol {margin: 0 0 0 15px;}
	
	#sidecol2 ul li {background:url(../../images/odrazka.gif) no-repeat 0 8px; padding-left: 8px; zoom: 1}
	#content ul li {background: url(../../images/sipka2.gif) no-repeat 0 7px; padding-left: 15px; margin-bottom: 3px; zoom: 1}
	
	#content ol {margin-left: 34px;}
		
	#content ol.numbers {list-style: none; margin-left: 0;}
		#content ol.numbers li {padding-left: 24px; margin-bottom: 0.5em;}
			#content ol li.c1 {background: url(../../images/c1.png) no-repeat;}
			#content ol li.c2 {background: url(../../images/c2.png) no-repeat;}
			#content ol li.c3 {background: url(../../images/c3.png) no-repeat;}
			#content ol li.c4 {background: url(../../images/c4.png) no-repeat;}
			#content ol li.c5 {background: url(../../images/c5.png) no-repeat;}
			#content ol li.c6 {background: url(../../images/c6.png) no-repeat;}
			#content ol li.c7 {background: url(../../images/c7.png) no-repeat;}
			#content ol li.c8 {background: url(../../images/c8.png) no-repeat;}
			#content ol li.c9 {background: url(../../images/c9.png) no-repeat;}
			#content ol li.c10 {background: url(../../images/c10.png) no-repeat;}
				#content ol.numbers li {background-position: 0 2px;}
				
			#content ol.numbers li p {margin-bottom: 0;}

#content ul.fileList {
	margin-left: 0;
	}
#content ul.fileList li {
	padding-left:30px;
	margin-bottom:8px;
	background-repeat: no-repeat;
	background-position: 0 0;
	min-height: 23px;
	text-align: left;
	}
	
.rekapitulace {
		padding: 15px 25px 0 25px;
		margin: 0 50px 2.2em 50px;	
		}
			.rekapitulace2 {margin: 0 0 1.5em 0;}
		#content .rekapitulace .lft, #content .rekapitulace .rgt {
			width: 47%;
			margin: 0;
		}
		#content .rekapitulace2 .lft {
			width: 32%;
			margin: 0;
		}
		#content .rekapitulace2 .rgt {
			width: 62%;
			margin: 0;
		}
		.rekapitulace ul li span {
			padding: 4px 0 4px 15px;
			background: url(../../images/dots.gif) repeat-x bottom left;
			display: block;			
			}
			.rekapitulace ul li span.last {background: none;}
		#content .rekapitulace ul li {
			background: url(../../images/sipka2.gif) no-repeat 0 12px;
			padding:  0;
			line-height: 2em;
			margin: 0;
			}
		
/* *********** steps *************** */
#main #steps {margin-left: 0;}
#main #steps li {
	background: none; 
	padding-left: 0;
	text-align:center;
	float: left;
	}
	
dt {font-weight: bold;}
dd {margin-bottom: 1.5em; margin-left: 20px; text-align: justify;}
	
/* ********************************* */
/* ************* FORMS ************* */
/* ********************************* */
#content form {margin-bottom: 1.5em;}
input, select, textarea {font-family: Arial, Helvetica, sans-serif; font-size: 1em; vertical-align: middle;}
select {font-size: 0.9em;}

.field {border: 1px solid #508208; padding: 1px;}
	#searchForm input.field {width: 340px;}

#main .dijitTextBox, #main #content .dijitTextArea, #main #content .dijitComboBox {
	border: 1px solid #508208;
	padding: 1px;
	}
	#main .dijitTextBoxDisabled {border: 1px solid #CCC; color: #CCC}
#main #content .dijitError {background: #faebaa;}

#main .dijitButtonNode {
	border: 0;
	background: url(../../images/button-bg.png) no-repeat 0 0 #508208;
	width: 133px;
	height: 21px;
	padding: 2px 0;
	text-align: center;
	}
	#main .dijitButtonHover .dijitButtonNode, #main .dijitButtonActive .dijitButtonNode {background-position: -133px 0; background-color: #ce5f00}
	#main #frmExpressProtocol .dijitButtonNode {background: url(../../images/button-wide-bg.png) no-repeat #2f68a7; width: 266px; color: #FFF;}
	#all #main .dijitButtonDisabled .dijitButtonNode {background: none; color: #FFF;}
	
	

#content .sendURL form {padding: 12px 15px 1px 15px; margin-bottom: 1.7em;}
	#content .sendURL fieldset {margin-bottom: 0;}
	#content form p {margin-bottom: 8px;}
		#content form p#enough {margin-bottom: 20px;}
	
	#content label {display: block; clear: both; vertical-align: middle;}
	#content label span, .labelLike {float: left; width: 150px; display: block;}
		#main #content form label.inlineLabel span {float: none; width: auto; display: inline; margin-right: 10px;}
	#content .field {width: 200px;}
	#content form br {clear: both;}
	#content .buttons {margin-left: 80px;}
	form img {vertical-align: middle;}
	#content label.dijitInput {margin-bottom: 10px;}
	#content form em {font-size: 0.9em; display: inline-block;}
	
	#content fieldset span, #content fieldset input, #content fieldset select, fieldset em, #content .dijitTextBox, #content textarea.field  {margin-bottom: 10px;}
	#content td .dijitTextBox {margin-bottom: 0;}
	
	#content fieldset br {display: none;}	
	#content fieldset em br {display: inline;}
/* resets */
#calculator table input, #content .inlineLabel input {margin-bottom: 0;}

.button {
	background: #508208;
	border-top: 1px solid #a6c082;
	border-left: 1px solid #a6c082;
	border-right: 1px solid #2a4504;
	border-bottom: 1px solid #2a4504;
	padding: 1px 8px;
	font-weight: bold;
	font-size: 0.9em;
	color: #FFF;
	cursor: pointer;
	}
	a.button {text-decoration: none;}
	a:hover.button {color: #FFF;}
	
	.buttonRounded, .buttonRounded2, .buttonRoundedWide, .buttonRounded2Wide {
		width: 133px;	
		background: url(../../images/button-bg.png) no-repeat #2f68a7;
		border: 0;
		display: inline-block;
		padding: 4px 0 4px 0;
		=padding-bottom: 3px;
		font-size: 0.9em;
		text-align: center;
		margin-left: 2px;
		color: #FFF;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		min-height: 17px;
		}		
		.buttonRounded2 {background: url(../../images/button2-bg.png) no-repeat #508208;}			
			.buttonRounded2:hover, .buttonRounded:hover, .buttonRounded2:focus, .buttonRounded:focus {background-position: -133px 0; color: #FFF; background-color: #ce5f00}
			
	 .buttonRoundedWide, .buttonRounded2Wide {width: 266px;}
	 	.buttonRoundedWide {background: url(../../images/button-wide-bg.png) no-repeat #2f68a7;}
		.buttonRounded2Wide {background: url(../../images/button2-wide-bg.png) no-repeat #508208;}
			.buttonRoundedWide:hover, .buttonRounded2Wide:hover {background-position: -266px 0; background-color: #ce5f00}
			
	a.buttonRounded, a.buttonRounded2, a.buttonRoundedWide, a.buttonRounded2Wide {padding:3px 0 2px 0;}
	fieldset .buttonRounded, fieldset .buttonRounded2, fieldset .buttonRoundedWide, fieldset .buttonRounded2Wide {font-size: 0.9em;}
	.helpDeskSearch .buttonRounded {position: relative; top: -3px; margin-left: 10px;}
	
	#main a.finLink {font-size: 1em; padding: 4px 0; color: #FFF; background: url(../../images/button-finlink.png) no-repeat #508208; width: 200px;}
	#main a.finLink:hover {color: #FFF; background-position: -200px 0;}

.btn-calculate input {
	margin-left: 180px;
}

#content fieldset {margin-bottom: 1em; }
	#content fieldset table {font-size: 1em;}
#frm_certificate fieldset, #financialStanding_applicant_count fieldset, #financialStanding fieldset, #searchForm fieldset { margin-left: 20px;}
			
#frmExpressProtocol fieldset {margin-bottom: 1.5em;}
#content #frmExpressProtocol p {margin-bottom: 1.3em;}
#frmExpressProtocol span, #frmExpressProtocol input, #frmExpressProtocol select, #frmExpressProtocol .dijitTextBox  {margin-bottom: 10px;}
#frmExpressProtocol label span, #frmExpressProtocol span.labelLike {display: block; width: 260px; float: left;}
#frmExpressProtocol button span {margin-bottom: 0;}
#frmExpressProtocol label, #kontaktForm label, #all .kontaktForm label.inlineLabel {clear: none; display: inline-block;}
#main #frmExpressProtocol br, #main #kontaktForm br {display: block;}
#frmExpressProtocol label.inlineLabel {width: auto;}

#frmExpressProtocol .expressFormTable input{margin-bottom: 0;}
.expressFormTable td, .expressFormTable th {vertical-align: middle; border-bottom: 1px dotted #CCC; padding: 10px 10px 10px 0;}
.expressFormTable th h3 {margin-bottom: 0; padding-top: 10px;}
#frmExpressProtocol em {position: relative; top: -3px; _top: -5px; font-style: normal;}

.formPriloha .dijitButton {position: relative; top: 17px;}
.formPriloha img {margin-top: -12px;}

/* bonita */
		#frm_certificate label span {width: 280px;}
			#frm_certificate .wider label span {width: 375px;}

	#content #frm_certificate input, #content #frm_certificate .dijitTextBox {width: 130px;}
	#frm_certificate select {width: 92px;}
	.certificate_error_div {color: #900; text-align: center; font-size: 0.9em;}
		#content #frm_certificate .brandsBox br {display: block;}
		#content #frm_certificate .brandsBox select {width: 300px; margin-left: 170px;}

.motivBonita {
	background: url(../../images/motivy/motiv-manazerka2.png) no-repeat 94% 0;
	padding-right: 170px;
	}
	
/* bonita velka */

#financialStanding_applicant_count label span, #financialStanding label span {width: 150px;}
#financialStanding .wider label span {width: 600px;}
#financialStanding .wider span.labelLike {width: 600px; display: block; float: left;}
#financialStanding .wider label span, #financialStanding .wider span.labelLike {width: 600px;}
	#kalkulacky #financialStanding .wider label span, #kalkulacky #financialStanding .wider span.labelLike {width: 400px; font-size: 0.8em;}

#financialStanding .wider span, #financialStanding label input {margin-bottom: 10px;}
#financialStanding th {font-weight: normal;}
#financialStanding .wider label {display: block;}

#financialStanding td .dijitTextBox {width: 80px;}
#kalkulacky #financialStanding td .dijitTextBox {width: 55px;}
#kalkulacky #financialStanding td {padding-left: 0;}
#kalkulacky #financialStanding table {font-size: 0.8em;} 
#kalkulacky fieldset {margin-left: 0;}
#financialStanding td input {width: 80px;}
	 
 
.sendURL form, .discussionPost {background: #eaf7d6;}

/* kontaktni formular */
.kontaktForm fieldset {margin: 0 60px;}
#content .kontaktForm label span {width: 75px;}
#content .kontaktForm fieldset textarea.field {width: 573px; height: 80px;}
.kontaktForm select {width: 503px; _width: 500px;}
#content .kontaktForm  label.lft, #content .kontaktForm label.rgt {
	display: block;
	width: 47%;
	clear: none;
}
#content .kontaktForm .dijitTextBox {width: 180px;}
#content .thinForm .dijitTextBox {width: 335px;}
#content.hypoteka-online .thinForm fieldset { padding: 10px 15px; }
#content .thinForm textarea.field {width: 485px; height: 100px}

#main #searchForm label.inlineLabel {display: block; width: 24.9%; float: left; clear: none;}
#all #main form.kontaktForm br.hide {clear: none; display: none;}
#all .kontaktForm label.inlineLabel {margin-right: 20px;}

.en  #content span.label1 {width: 220px;}
 #content label.label2 {width: 150px;}
.en  #content label.label2 {width: 125px;}
 #content label.label3 {width: 150px;}
.en #content label .label3 {width: 125px;}
.en #content label span.label4 {width: 220px;}

.en #kontakt {display: none;}

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

/* ********************************** */
/* ************* TABLES ************* */
/* ********************************** */

table {
	border: 0;
	margin-bottom: 15px;
	font-size: 0.9em;
	}
	th, td {
		padding: 4px 6px;
		vertical-align: top;
		border: 0;
		}
		th {font-weight: bold;}
		

table.dataTable, table.datatable {
	border: 0;
	margin-bottom: 15px;
	background: #FFF;
	width: 100%;
	font-size: 0.9em;
	}
	.datatableth, .datatable td, .dataTable th, .dataTable td {
		padding: 4px 6px;
		vertical-align: top;
		border: 0;
		border: 1px solid #DFF3BE;
		}
		.datatable th, .dataTable th {background: #DFF3BE; border:1px solid #DFF3BE; color: #3F7607; font-weight: bold;}
		
		.datatable tr.dark td, .dataTable tr.dark td {background: #F7FDF1;}
		
.urokoveSazby {font-size: 0.9em; margin-top: -8px; color: #3F7607; margin-bottom: 7px;}
	.urokoveSazby td, .urokoveSazby th {padding: 1px 10px 1px 0;}
	.urokoveSazby th {font-weight: normal; color: #5b5b5b;}
	.urokoveSazby td { text-align: right; padding-right: 0;}

#calculator .box table {
	width: 95%;
	}
#calculator .box td {
	padding: 2px 4px;
	text-align: center;
	}
#calculator .box tr.intrates td {padding-top: 7px;}
	
#kontakty2 td {white-space: nowrap; padding: 5px 5px 5px 0}
.oteviraciDoba td {zoom: 1; white-space: nowrap;}
.oteviraciDoba table {width: 99%;}

	
/* ************* DISKUSE ************ */

.discussionPost {
	padding: 10px 15px 1px 15px;
	margin-bottom: 3px;
	}
	
/* ************* IMAGE GALLERY ************* */

.imageGalleryBox {float:left; margin-bottom: 10px;}
	#main .imageGalleryBox div {margin-right: 10px; background: #F0F0F0; padding: 10px;}
	#main .imageGalleryBox p {margin-bottom: 0; text-align: center;}
	.imageGalleryBox span, .imageGalleryBox a {display: block;}
	.imageGalleryBox span {font-size: 0.9em;}
	
.imageGallery .clearBox {margin-bottom: 25px;}
	
	
/* ************* SHOP ************* */

.shopBoxes {
	background: url(../../images/dots.gif) repeat-x;
	padding-top: 20px;
	padding-left: 0;
}

.shopBox {
	width: 168px;
	background: url(../../images/shopBoxBottom-bg.png) no-repeat bottom left #f0f0f0;
	padding-bottom: 12px;
	margin-bottom: 6px;
	min-height: 240px;
	_height: 240px;
	float: left;
	margin-left: 7px;


	margin-right: 7px;
	_margin-right: 4px;
	font-size: 0.9em;
	}
	.shopBox h2 {
		background: url(../../images/shopBoxTop-bg.gif) no-repeat  #508208;
		color: #FFF;
		font-style: italic;
		padding: 7px 20px;
		font-size: 1.3em;
		min-height: 2.1em;
		_height: 2.1em;
		line-height: 1em;
		margin-bottom: 0;
		}
		.shopBox h2 a, .shopBox h2 a:hover {color: #FFF;}
	#content .shopBox p {
		padding-left: 20px;
		padding-right: 15px;
		margin-bottom: 10px;
		text-align: left;
		}
	#content  .shopBox p.topLine {
		margin-left: 8px;
		margin-right: 8px;
		padding: 0;
		text-align: center;
		padding-top: 10px;
		}
	#content .shopBox span {
		display: block;
		height: 125px;
		overflow: hidden;
		margin-bottom: 8px;
	}
	p.detailProduktu {
		background: url(../../images/shopBox-zakryt.png) no-repeat top center;
		margin-top: -15px;
		padding-top: 10px;
		}
	.shopBox .buttonRounded {padding-bottom: 4px;}
	
.additions {	
	width: 221px;
	float: right;
	}
	.additionsBg {background: url(../../images/additions-bg1.png) no-repeat #3f7fc2; margin-bottom: 10px;}
	.additionsBg .in {
		background: url(../../images/additions-bg2.png) no-repeat bottom left;
		padding: 10px 11px;
		color: #FFF;
		font-size: 0.8em;
		}
		.additions h3 {color: #FFF; text-transform: uppercase; font-size: 1.3em}
		.additionsBg input {margin-right: 5px; position: relative; top: -2px;}
		#freeloan_type_area {padding: 10px 0 0 15px;}
		
/* ********************************* */
/* ************* FILTR ************* */
/* ********************************* */		
.filtr {
	font-size: 0.9em;
	}
	.filtr fieldset {padding-right: 15px;}
		#content .filtr label {
			display: block;
			float: left;
			clear: none;			
		}
		#main #content .filtr br {clear: none;}
		#content .filtr label br {display: block;}
		#content .filtr p {margin-bottom: 0;}
		#content .filtr .right {font-size: 1.1em; margin-bottom: 0;}
		.filtr #kwords {position: relative; top: -2px;}
		.filtr #kwords:nth-of-type(1) {top: 0;} /*chrome-safari hack */
		
		.pressList p {margin-bottom: 13px; font-size: 0.9em;}

/* ************************************ */	
/* ************* HOMEPAGE ************* */
/* ************************************ */	

.rightCol h3, .rightCol p {margin-left: 10px}
.rightCol p {margin-bottom: 22px;}

 #homepage #content .shade {padding-top: 20px; font-weight: bold; background: url(../../images/shade2.png) no-repeat top center; height: 10px;}
	#homepage #content .shade .more {padding-bottom: 3px;}
	
#header {
	min-height: 430px;
	_height: 430px;
	position: relative;
	}

#hpFlash {
	position: absolute;
	top: 35px;
	left: 138px;
	margin-left: 0;
}

	#header ul#hpMenu li {
		list-style: none;
		padding-left: 0;
		margin-bottom: 1px;
		}
	#hpMenu a {
		display: block;
		width: 259px;
		height: 49px;
		}
		.hpMenu1 span {background: url(../../images/hpMenu-1.png) no-repeat; cursor: pointer;}
		.hpMenu2 span {background: url(../../images/hpMenu-2.png) no-repeat; cursor: pointer;}
		.hpMenu3 span {background: url(../../images/hpMenu-3.png) no-repeat; cursor: pointer;}
		.hpMenu4 span {background: url(../../images/hpMenu-4.png) no-repeat; cursor: pointer;}
			#hpMenu a:hover span, #hpMenu li:hover a span, #hpMenu li a.selected span {background-position: -259px 0;}
			
		#hpMenu ul {
			position: absolute;
			top: 15px;
			left:235px;
			display: none;
			padding-left: 25px;
			height: 200px;
			}
			#hpMenu li:hover ul {display: block;}
			
			
			#header #hpMenu ul li {background: none; margin-bottom: 20px;}
			
			#hpMenu ul a, #hpMenu ul em {
				background: url(../../images/sipka2.gif) no-repeat 0 5px;
				padding-left: 17px;
				font-size: 1.4em;
				font-style: italic;
				text-decoration: none;
				width: 300px;
				height: auto;
				color: #5b5b5b;
				display: block;
				}
				#hpMenu ul a:hover {color: #3F7607;}
				
	.nr1 {
		width: 98px;
		height: 100px;
		 background: url(../../images/1ka.png) no-repeat;
		 position: absolute;
		 top: 15px;
		 left: 35px;
		}
		
	.kalkulacka {
		width: 781px;
		height: 97px;
		position: absolute;
		top: 280px;
		left: 98px;
		z-index: 900;
		}
		.kalkulacka a {text-transform: uppercase;}
	
.reason {
	background-repeat: no-repeat;
	padding-left: 150px;
	padding-bottom: 30px;
	}
.banner {
	position: relative;
	left: -5px;
	clear: both;
	}
	
.kalkulacka a {position: absolute; top: 109px; right: 30px; background: url(../../images/sipka.png) no-repeat 0 55%; padding-left: 22px;}
	
/* *************************************************** */	
/* ******************* ROZCESTNIKY ******************* */
/* *************************************************** */			
  #main .rozcestnik .box {padding-bottom: 15px; font-size: 0.9em; width:100%}
  			 .rozcestnik .box4 {padding-bottom: 20px;}
	  .rozcestnik .box h2, .rozcestnik .box h3 {
		  background: url(../../images/heading-wide-bg.gif) no-repeat #508208;
		  padding: 5px 20px;
		  color: #FFF;
		  font-style:italic;
		  margin-bottom: 15px;
		  }
	  #main .rozcestnik .box ul.lft, .rozcestnik .box p, #main .rozcestnik .box ul.single {margin-left: 170px; }
	   #main .rozcestnik .box ul.lft, #main .rozcestnik .box ul.single {_margin-left: 85px;}
	  #main .rozcestnik .box ul.lft {width: 140px; display: block;}
	  	#main .rozcestnik .box ul.single {width: auto;}
	  #main .rozcestnik .box ul.rgt {width: 165px; }
		  #main .rozcestnik .box li {
			  text-align: left;
			  display: block;
			  background: url(../../images/sipka-mala.gif) no-repeat 0 4px;
			  zoom: 1;
		 	 }
			  #main .rozcestnik .box li li {background:url(../../images/odrazka.gif) no-repeat 0 8px; padding-left: 0;}
			 .rozcestnik .box li a, .rozcestnik .box li span {
				 padding-right: 5px; 
				 padding-left: 9px; 
				 display: block; 
				 text-decoration: underline; 
				 cursor: pointer;
				 }
				.rozcestnik .box {background-position: 0 30px; background-repeat: no-repeat}
				.rozcestnik .box1 {background-image: url(../../images/motivy/motiv-s-1.png);}
				.rozcestnik .box2 {background-image: url(../../images/motivy/motiv-s-2.png);_background-image: url(../../images/motivy/motiv-s-2.gif);}
				.rozcestnik .box3 {background-image: url(../../images/motivy/motiv-s-3.png);}
				.rozcestnik .box4 {background-image: url(../../images/motivy/motiv-s-4.png);}
				.rozcestnik .box5 {background-image: url(../../images/motivy/motiv-s-5.png);}
				.rozcestnik .box6 {background-image: url(../../images/motivy/motiv-s-6.png);}
				.rozcestnik .box7 {background-image: url(../../images/motivy/motiv-s-7.png);}
				
			/* level 2 */
			#main .rozcestnik ul ul {padding-left: 0; margin-left: 8px; margin-bottom: 0;}
				#main .rozcestnik .box ul ul li {
					width: 110px;
					float: none;
					font-size: 0.9em;
					}
					#main .rozcestnik .box ul li.special ul li {width: 280px;}
					
		.rozcestnik .box h3 a, .wideBox h2 a, .wideBox h2 a:hover {color: #FFF;}
		
/* *************************************************** */	
/* *************** IMAGE REPLACEMENT ***************** */
/* *************************************************** */

.topContacts span, .languageSwitcher span, #mainMenu span, #hpMenu span, #sMenu span, #steps span, .kalkulacka h2 span, .lastStep a span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	}
	.topContacts strong, .topContacts a, .languageSwitcher a, #mainMenu a, #hpMenu a, #sMenu a, #steps a, #steps strong, #steps em, .kalkulacka h2, .lastStep a, .lastStep h3 {position: relative; overflow: hidden; _display: inline-block;}
	
		.topContacts strong span {background: url(../../images/rplc-infolinka.png) no-repeat 0 0;}
		.topContacts a span {background: url(../../images/rplc-klientskyservis-hover.gif) no-repeat -4px 1px; cursor: pointer;}
		.topContacts a:hover span { background-position: -4px -49px; }
			.en .topContacts strong span  {background: url(../../images/rplc-infolinka-en.png) no-repeat;}
			.en .topContacts a span  {background: url(../../images/rplc-klientskyservis-en.png) no-repeat -4px 1px;}

			
	.languageSwitcher a {display: block; width: 31px; height: 23px;}
		.languageSwitcher a.en span {background: url(../../images/flag-en.png) no-repeat; cursor: pointer;}
		.languageSwitcher a.cs span {background: url(../../images/flag-cs.png) no-repeat; cursor: pointer;}
		
	#steps a, #steps strong, #steps em {height: 53px; display: block; padding-top: 3px;} 
		.step1 a, .step1 strong, .step1 em {width: 195px;}
		.step2 a, .step2 strong, .step2 em {width: 186px;}
		.step3 a, .step3 strong, .step3 em {width: 171px;}
		.step4 a, .step4 strong, .step4 em {width: 178px;}
			.step1 a span, .step1 strong span, .step1 em span {background-image: url(../../images/step-1.png); background-repeat: no-repeat}
			.step2 a span, .step2 strong span, .step2 em span {background-image: url(../../images/step-2.png); background-repeat: no-repeat}
			.step3 a span, .step3 strong span, .step3 em span  {background-image: url(../../images/step-3.png); background-repeat: no-repeat}
			.step4 a span, .step4 strong span, .step4 em span  {background-image: url(../../images/step-4.png); background-repeat: no-repeat}			
			#steps a span {cursor: pointer;}
			
			#steps a span {background-position: 0 -112px; _background-position: 0 -111px;}
			#steps strong span {background-position: 0 -56px; _background-position: 0 -55px;}

/* Hypoteka online */
	.hypOnline#steps {width: 748px;}
	.hypOnline#steps .step1 a, .hypOnline#steps .step1 strong, .hypOnline#steps .step1 em {width: 113px;}
	.hypOnline#steps .step2 a, .hypOnline#steps .step2 strong, .hypOnline#steps .step2 em {width: 170px;}
	.hypOnline#steps .step3 a, .hypOnline#steps .step3 strong, .hypOnline#steps .step3 em {width: 161px;}
	.hypOnline#steps .step4 a, .hypOnline#steps .step4 strong, .hypOnline#steps .step4 em {width: 158px;}
	.hypOnline#steps .step5 a, .hypOnline#steps .step5 strong, .hypOnline#steps .step5 em {width: 139px;}
		.hypOnline#steps .step1 a span, .hypOnline#steps .step1 strong span, .hypOnline#steps .step1 em span {background-image: url(../../images/step-1-ho.png); background-repeat: no-repeat}
		.hypOnline#steps .step2 a span, .hypOnline#steps .step2 strong span, .hypOnline#steps .step2 em span {background-image: url(../../images/step-2-ho.png); background-repeat: no-repeat}
		.hypOnline#steps .step3 a span, .hypOnline#steps .step3 strong span, .hypOnline#steps .step3 em span  {background-image: url(../../images/step-3-ho.png); background-repeat: no-repeat}
		.hypOnline#steps .step4 a span, .hypOnline#steps .step4 strong span, .hypOnline#steps .step4 em span  {background-image: url(../../images/step-4-ho.png); background-repeat: no-repeat}
		.hypOnline#steps .step5 a span, .hypOnline#steps .step5 strong span, .hypOnline#steps .step5 em span  {background-image: url(../../images/step-5-ho.png); background-repeat: no-repeat}

		.hypOnline#steps .currentstep strong span {background-position: 0 -112px; _background-position: 0 -111px;}
		.hypOnline#steps .lastallowed a span {background-position: 0 -56px; _background-position: 0 -55px;}

	.kalkulacka h2 {width: 181px; height: 24px; position: absolute; top: -24px; left: 300px;}
	.en .kalkulacka h2 {width: 247px; height: 24px; position: absolute; top: -24px; left: 300px;}
		.kalkulacka h2 span {background: url(../../images/h-spocitejtesi.png) no-repeat;}
		.en .kalkulacka h2 span {background: url(../../images/h-spocitejtesi-en.png) no-repeat;}
		
	.lastStep a {width: 220px; height: 43px; display: block;}
		.hypoOnline span {background: url(../../images/but-hypotekaonline.png) no-repeat; cursor: pointer;}
		.hypoPoWebu2 span {background: url(../../images/but-hypotekapowebu.png) no-repeat; cursor: pointer;}
			.hypoOnline:hover span, .hypoPoWebu2:hover span, .lastStep a.selected span {background-position: 0 -43px;}
		
		#div_products_contact_form, #div_products_hypotekapowebu_form {width: 505px; margin: 0 auto;}

.otazky-odpovedi .otazka { margin-bottom: 5px; font-weight: bold; }

/* ************* FLOAT CLEAR ************* */

#top, #footer, .footerBlock, .footerMenu, #sMenu, #sidecol1 ul.subMenu, .shopBoxes, #sidecol1 ul.subMenu ul, .clearBox, #steps, .grayBox div, .greenBox div, #searchForm p, .lastStep  {
	overflow: hidden;
	_display: inline-block;
	}
	
/* cistic uzivatelskych wysiwyg okras */
	
font {
	font-family: inherit;
	color: inherit;
	font-size: inherit;
	}
	

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

#all {background: url(../../images/all-bg.png) repeat-x #FFF;}

#page {
  margin: 0 auto;
  text-align: left;
  font-size: 1.2em;
  width: 990px;
  background: url(../../images/page-bg.png) no-repeat top right;
  position: relative;
  padding-bottom: 20px;
  }
	#chyba #page {background: url(../../images/page-bg-clean.png) no-repeat top right;}

/* *************************************** */	
/* ************** HEADER ***************** */
/* *************************************** */	

#top {
	position: relative;
	height: 178px;
	}
		#chyba #top {height: 120px;}
	.logo {
		position: absolute;
		top: 26px;
		left: 18px;
		}
	.languageSwitcher {
		position: absolute; 
		top: 60px;
		right: 10px;
		}
		
/* search */
	#search {
		position: absolute;
		top: 60px;
		left: 765px;
		width: 165px;
		}
		.searchInputBg {
			background: url(../../images/search-bg.png) no-repeat;
			display: block;
			float: left;
			margin-right: 5px;
			=margin-right: 3px;			
			_margin-right: 0;
			}
			.searchfield {
				width: 116px;
				height: 20px;
				background: none;
				border: 0;
				padding: 4px 5px 0 5px;
				}
				
.topContacts strong, .topContacts a {display: block; height: 49px; position: absolute;}	
.topContacts strong {width: 168px; top: 44px; left: 408px;}
.topContacts a  {width: 166px; top: 46px; left: 577px;}



	
/* **************************************** */	
/* ***************** MENU ***************** */
/* **************************************** */	

ul#mainMenu {
	position: absolute;
	top: 149px;
	left: 178px;
	width: 740px;
	height: 33px;
	z-index: 950;
	}
	ul#mainMenu li {
		display: inline;
		}
		ul#mainMenu li a {
			display: block;
			float: left;
			height: 33px;
			text-decoration: none;
			text-align: center;
			color: #6E8A2F;
			font-size: 1.3em;
			}
			ul#mainMenu li a:hover {
				background: #6E8A2F;
				color: white;
				}					
				.m1 {width: 80px;}
				.m2 {width: 122px;}
				.m3 {width: 115px;}
				.m4 {width: 114px;}
				.m5 {width: 103px;}
				.m6 {width: 106px;}
					.m1 span {background: url(../../images/m1.png) no-repeat;}
					.m2 span {background: url(../../images/m2.png) no-repeat;}
					.m3 span {background: url(../../images/m3.png) no-repeat;}
					.m4 span {background: url(../../images/m4.png) no-repeat;}
					.m5 span {background: url(../../images/m5.png) no-repeat;}
					.m6 span {background: url(../../images/m6.png) no-repeat;}
					
					#mainMenu a:hover span, #mainMenu a:focus span {background-position: 0 -33px;}
					#homepage #mainMenu .m1 span,
					#kalkulacky #mainMenu .m2 span,
					#hypoteky #mainMenu .m3 span,
					#poradna #mainMenu .m4 span,
					#o-bance #mainMenu .m5 span,
					#kontakty #mainMenu .m6 span, #kontakty2 #mainMenu .m6 span, #kontakty .en #mainMenu .m5 span, #o-bance .en #mainMenu .m4 span, #rates .m3 span {background-position: 0 -66px;}
					#o-bance .en #mainMenu .m5 span {background-position: 0 0;}
					
					#mainMenu span {cursor: pointer;}
					
			/* english version */
			.en ul#mainMenu {left: 203px;}
				.en .m1 {width: 80px;}
				.en .m2 {width: 122px;}
				.en .m3 {width: 139px;}
				.en .m4 {width: 146px;}
				.en .m5 {width: 103px;}
					.en .m1 span {background: url(../../images/m1-en.png) no-repeat;}
					.en .m2 span {background: url(../../images/m2-en.png) no-repeat;}
					.en .m3 span {background: url(../../images/m3-en.png) no-repeat;}
					.en .m4 span {background: url(../../images/m4-en.png) no-repeat;}
					.en .m5 span {background: url(../../images/m5-en.png) no-repeat;}
			
/* ********************************************** */	
/* ************** PAGE STRUCTURE ***************** */
/* ********************************************** */	

.column {float: left;}

#main {
	margin: 0;
	background: url(../../images/main-bg.jpg) no-repeat #FFF;	
	width: 100%;
	padding-top: 7px;
	}
		#homepage #main {background: url(../../images/homepage-bg.jpg) no-repeat;}
	#maincol {width: 100%;}
		#contentContainer {padding: 0 212px 0 226px;}	
				#homepage #contentContainer, #produkty #contentContainer, .twoCols #contentContainer, #chyba #contentContainer, #hypotekyOnline #contentContainer {padding-left: 0;}
				#kontakty2 #contentContainer, #kariera #contentContainer {padding-right: 0;}
			#content {
				margin: 0 24px;
				padding: 15px 0;
				font-size: 1.1em;
				}
				#homepage #content {margin: 0 50px 0 15px}
	#sidecol1 {
		width: 226px;
		margin-left: -100%;
		}
	#sidecol2 {
		width: 212px;
		margin-left: -212px;
		padding-top: 15px;
		}
	#sidecol2 ul {
		text-align: left;
	}
		#homepage #sidecol2 {padding-top: 10px;}
		
	#content p.claim {
		font-size: 1.4em;
		font-style: italic;
		color: #5b5b5b;
		margin: -50px 0 30px 45px;
		padding-top: 50px;
		text-align: left;
		line-height: 1.3em;
		padding-right: 230px;
		}
		#content p.claim strong {font-weight: normal;}
		#produkty #content p.claim {min-height: 140px; _height: 150px; padding-top: 70px; padding-right: 300px; margin-bottom: 0;}
		#o-bance #content p.claim {padding-bottom: 45px;}
		#hypoteky-vse #content p.claim {padding-bottom: 30px;}
		
		.rozcestnik #content {background: url(../../images/motivy/motiv-5.png) no-repeat 100% 20px;}
		#hypoteky-vse #content {background: url(../../images/motivy/motiv-16.png) no-repeat 100% 20px;}
		
/* breadcrumbs */		
.breadcrumbs {
	font-size: 0.8em;
	margin-bottom:25px;
	}
	.breadcrumbs span {margin: 0 7px;}
	.breadcrumbs strong {font-weight: normal;}

/* appendix */
.appendix {margin-bottom: 10px;}
.appendix p {
	background-repeat: no-repeat;
	padding-left: 30px;
	margin-bottom: 5px;
}

/* document */
.documentPerex {font-style: italic;}
.documentData {font-size: 0.9em; text-align: right;}
	
/* ***************************************** */	
/* ************** SUBMENU ****************** */
/* ***************************************** */	

	#sidecol1 ul.subMenu  {
		list-style: none;
		margin: 15px 0 0 12px;		
		}
		 ul.subMenu li {margin: 0; padding-left: 0; margin-bottom: 1px; zoom: 1; float: left; width: 100%; text-align: left;}

			ul.subMenu li a, ul.subMenu li strong {
				display: block;							
				background: url(../../images/subMenuButton-bg.png) no-repeat -214px 0; 
				text-decoration: none;
				}

				ul.subMenu li a:hover, ul.subMenu li strong, ul.subMenu li a.open {background-position: 0 0; color: #FFF;}				
				ul.subMenu li a span, ul.subMenu li strong span {
					padding: 10px 10px 11px 20px; 
					background: url(../../images/subMenuButton2-bg.png) no-repeat -214px 100%; 
					display: block;
					}
					ul.subMenu li a:hover span, ul.subMenu li strong span, ul.subMenu li a.open span {background-position: 0 100%;}
					ul.subMenu li strong span {font-weight: bold;}
		
		/* next level */		
		#sidecol1 ul.subMenu ul {margin: 4px 0 4px 10px;}	
			ul.subMenu ul a, ul.subMenu ul li strong {background: none; color: #5B5B5B;}
				ul.subMenu ul li a:hover, ul.subMenu ul li strong {color: #3F7607;}
				ul.subMenu ul li a span, ul.subMenu ul li strong span, ul.subMenu  ul li a:hover span, ul.subMenu ul li strong span, ul.subMenu ul li a.open span {
					background: url(../../images/odrazka.gif) no-repeat 10px 10px; 
					padding: 3px 0 3px 20px;
					}
				ul.subMenu ul li a:hover span {text-decoration: underline; }
				ul.subMenu ul li a.open {font-weight: bold;  color: #5B5B5B}
				
		/* next next level */
		#sidecol1 ul.subMenu ul ul {margin: 1px 0 4px 10px;}	
			ul.subMenu ul ul a, ul.subMenu ul ul li strong {background: none; color: #5B5B5B; font-size: 0.9em;}
				ul.subMenu ul ul li a span, ul.subMenu ul ul li strong span, ul.subMenu  ul ul li a:hover span, ul.subMenu ul ul li strong span {
					background: none; 
					padding: 2px 0 2px 25px;
					}
				
		.subMenu .dotaz {font-weight: bold;}
		
/* ***************************************** */	
/* ************** MOTIVY ******************* */
/* ***************************************** */	
				
	#sidecol1 .motiv {
		width: 226px;
		height: 296px;
		background: url(../../images/motivy/motiv-manazerka-sedici.png) no-repeat;
		margin-bottom: 25px;
		}
		.noMenu #sidecol1 .motiv {margin-top: 50px;}
		#poradna #sidecol1 .motiv {background: url(../../images/motivy/motiv-poradna.png) no-repeat; margin-top: 30px;}
		#kontakty #sidecol1 .motiv, #kontakty2 #sidecol1 .motiv {background: url(../../images/motivy/motiv-kontakty.png) no-repeat; margin-top: 10px;}
		#o-bance #sidecol1 .motiv {background: url(../../images/motivy/motiv-o-bance.png) no-repeat; margin-top: 20px; height: 400px;}
		#kampanPodzim #sidecol1 .motiv {background: url(../../images/motivy/motiv-kampan-podzim.png) no-repeat; margin-top: 20px; height: 447px;}
	#header .motiv {
		width: 272px;
		height: 509px;
		background: url(../../images/motivy/motiv-hp2.png) no-repeat;
		position: absolute;
		top: -82px;
		right: 0;
		z-index: 895;
		}
		
	#poradna .question { margin-bottom: 5px; }

	.result p { margin: 0; }
	.result .question { margin-bottom: 5px; }
	.result .answer { margin-bottom: 15px; }
	#poradna .result p {margin-bottom: 15px;}
	
.motivHpBg {background: url(../../images/motivy/motiv-hp2a.png) no-repeat 50% 102px;}


/* ************************************** */	
/* ************** BOXES ***************** */
/* ************************************** */

	#sidecol2 .box, #sidecol2 img, #sidecol2 object, #calcSmall {margin-right: 12px;}
	
	.box, .infoBox {
		background: #f0f0f0;
		position: relative;
		min-height: 1%;
		_height: 1%;
		}
	form .box {padding-top: 15px;}
		.box h3, #calcSmall h3, .infoBox h2 {
			background: url(../../images/headings-green-bg.png) no-repeat #468e10;
			color: #FFf;
			padding: 10px 15px;
			margin-bottom: 17px;
			font-style: italic;
			font-size: 1.3em;
			line-height: 1.1em;
			}
		.box p, .box ul, .box table, .box h4{
			margin-left: 18px;
			margin-right: 18px;
			}
			.box li {margin-bottom: 5px;}
		.box table, .box .topLine {
			margin-left: 10px;
			margin-right: 10px;
			}		
		.blue {background: #f0f0f0;}
		.blue h2 {color: #444444; font-style:italic; letter-spacing: -0.5px;}
	 	.blue h3 {background: url(../../images/headings-blue-bg.png) no-repeat #3b71bc;}
		.blue a {color: #1F73B4;}
			.nabidka span {display: block; background: url(../../images/vyhodnejsinabidka-bg.png) no-repeat; padding-top: 100px;}
		
		.green {background: #f4f9e1;}
		
		.rekapitulace h3 {padding: 0;}
		.rekapitulace h4, .rekapitulace p {margin-left: 0;}
		
/* shades */		
		.shade {width: 100%; height: 22px; background: url(../../images/box-bottom-bg.png) no-repeat top center;}
		.wideShade {height: 30px; background: url(../../images/shade-wide.png) no-repeat bottom center;}
		
	
	
.infoBox {font-size: 0.9em;}	
	.infoBox h2, .wideBox h2 {
		background: url(../../images/infoBoxTop-bg.gif) no-repeat #508208;
		font-style: italic;
		color: #FFF;
		font-size: 1.2em;
		line-height: 1.1em;
		padding: 7px 20px;
		margin-bottom: 10px;
		}
		.infoBox h3 {
			background: url(../../images/sipka-mala.gif) no-repeat 0 4px;
			padding-left: 17px;
			font-size: 1em;
			margin: 0 15px 0 15px;
			}
		#content .infoBox p {
			margin: 0 15px 15px 32px; 
			text-align: left;
			line-height: 1.4em;
			}
			
.grayBox, .greenBox {
	margin-bottom: 1.5em;
	font-size: 0.9em;
	}
	.grayBox div, .greenBox div {
		padding: 10px 0 7px 15px;
		}
		.grayBox {background: url(../../images/grayBox-bg1.png) no-repeat;}
			.grayBox div {background: url(../../images/grayBox-bg2.png) no-repeat bottom left;}
		.greenBox {background: url(../../images/greenBox-bg1.png) no-repeat;}
			.greenBox div {background: url(../../images/greenBox-bg2.png) no-repeat bottom left;}

		#content .grayBox ul, #content .greenBox ul {
			float: left;
			width: 230px;
			margin: 0;
			}
		#content .grayBox.col1 ul {
			width: auto;
			}
			#content .grayBox li, #content .greenBox li {
				text-align: left;
				margin-right: 20px;
				margin-bottom: 8px;
				background: url(../../images/sipka-mala.gif) no-repeat 0 4px;
				padding-left: 18px;
				}
				
.wideBox h2 {background: url(../../images/wideBoxTop-bg.gif) no-repeat #508208;}
#main .wideBox p {padding-left: 70px; text-align: left; margin-bottom: 13px;}
#main .wideBox ul {padding-left: 90px; text-align: left; margin-bottom: 13px;}
#main .wideBox p.right {margin-bottom: 13px; padding-top: 12px; padding-right: 15px; text-align: right;}
.hypoUcel ul {min-height: 140px; _height: 140px;}

.wideBox .icoMouse, .wideBox .icoPoWebu, .wideBox .icoKalk {min-height: 100px; _height: 100px;}

.icoMouse {background: url(../../images/ico-mys.png) no-repeat;}
.icoPoWebu {background: url(../../images/ico-hypopowebu.png) no-repeat;}
.icoKalk {background: url(../../images/ico-kalk.png) no-repeat;}

/* ************************************************ */	
/* ************** FAST CALCULATOR ***************** */
/* ************************************************ */
		
	#calcSmall {
		background: url(../../images/calcSmall-bg.png) no-repeat bottom left #8bc64b;
		color: #FFF;
		font-weight: bold;

		}
		#calcSmall fieldset {margin: 0 15px; }
		#calcSmall h3 {margin-bottom: 10px;}
		#calcSmall h4 {color: #FFF; margin-bottom: 8px;}
		#calcSmall .field {width: 52px; margin-bottom: 7px;} 
		#calcpercentage {margin-bottom: 7px; display: inline-block; padding-top: 2px;}
		#calcSmall label {
			display: inline-block; 
			float: left; 
			width: 92px; 
			_width: 90px; 
			position: relative; 
			margin-bottom: 7px; 
			padding-top: 2px; 
			zoom: 1; 
			line-height: 1em; 
			clear: both; 
			}
		#calcSmall .center {
			padding-top: 5px;
			margin-bottom: 12px;
			}
		#calcSmall p.center:nth-of-type(2) {padding-bottom: 12px; margin-bottom: 0; } /*chrome-safari hack */

		#calcSmall .button {
			width: 133px;
			text-align: center;
			padding: 9px 0 8px 0;
			background: url(../../images/buttonDark-bg.png) no-repeat #151b0e;
			border: 0;
			}
			#main #calcSmall .dijitTextBox {width: 70px; margin-bottom: 10px; color: #000; font-weight: normal; font-size: 0.9em;}
		
		#calcSmall span {margin-bottom: 10px; display: block;}
		
/* ********************************************** */	
/* ************** SECTIONS MENU ***************** */
/* ********************************************** */	

#main #sMenu {
	margin-left: 0;
	background: url(../../images/box-bottom-bg.png) no-repeat bottom center;
	padding-bottom: 21px;
	margin-bottom: 0;
	}
	#main #sMenu li {
		background: none;
		padding: 0;
		margin-bottom: 1px;
		float: left;
		clear: both;
		}
		#sMenu a {
			display: block;
			width: 200px;
			height: 39px;
			}
			.sMenu1 span {background: url(../../images/sMenu-1.png) no-repeat; cursor: pointer;}
			.sMenu2 span {background: url(../../images/sMenu-2.png) no-repeat; cursor: pointer;}
			.sMenu3 span {background: url(../../images/sMenu-3.png) no-repeat; cursor: pointer;}
			.sMenu4 span {background: url(../../images/sMenu-4.png) no-repeat; cursor: pointer;}

		.en	.sMenu1 span {background-image: url(../../images/sMenu-1-en.png);}
		.en	.sMenu2 span {background-image: url(../../images/sMenu-2-en.png);}
		.en	.sMenu3 span {background-image: url(../../images/sMenu-3-en.png);}
		.en	.sMenu4 span {background-image: url(../../images/sMenu-4-en.png);}

				#sMenu a:hover span, #sMenu a.selected span, #sMenu a:focus span {background-position: -200px 0;}	
			#sMenu a.selected span, #produkty #all .sMenu1 span, #hypoteky-vse #all .sMenu3 span, #hypoteky-vse-dokument #all .sMenu3 span, #hypotekyOnline .sMenu4 span {background-position: -400px 0; cursor: default;}	
			
		
/* *************************************** */	
/* ************** FOOTER ***************** */
/* *************************************** */	

.footerMenu {
	padding: 20px 15px 15px 15px;
	margin-bottom: 15px;
	_border: 1px solid #ECF8DA;
	_overflow: visible;
	_height: 1px;
	_float: left;
	_position: relative;
	_top: -1px;
	}
	.footerMenu div {
		float: left;
		width: 20%;
		position: relative;
		zoom: 1;
		}
		.footerMenu h4 {margin-bottom: 5px; color: #30623c;}
	
	#footer li {clear: both; margin-top: 2px; _float: left; _width: 80%;}
	#footer li a, #footerContainer #footer li strong {
		background: url(../../images/odrazka-2.gif) no-repeat 7px 8px;
		padding: 0 7px 0 15px;
		display: block;
		float: left;
		margin-bottom: 2px;
		}
		#footerContainer #footer li a:hover, #footerContainer #footer li a:focus, #footerContainer #footer li strong {
			background-color: #30623c;
			background-position: 7px -293px;
			color: #FFF;
			text-decoration: none;
			}

#footerContainer {
	background: url(../../images/footerContainer-bg.gif) repeat-x;
	clear: both;
	font-size: 1.1em;
	zoom: 1;
	color: #5B5B5B;
	}
	#footer {
		width: 990px;
		margin: 0 auto;
		position: relative;
		background: url(../../images/footer-bg.jpg) no-repeat top center;
		text-align: left;
		line-height: 1.7em;
		}		
		.footerBlock {
			background: #d6e8c0;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			color: #000;
			}
			
	#footer p {margin-bottom: 0;}
	
	#footer a {color: #5B5B5B;}		
	#footerContainer #footer a:hover {color: #58623B;}
		#footer .footerBlock a {color: #000; margin: 0 10px;}	
		#footer a.rss {background: url(../../images/ico-rss.gif) no-repeat center right; padding-right: 25px}
	
	.copyright {
		float: left;
		padding: 12px 18px;
		}
		#footer .copyright a {margin: 0;}
	.footerLinks {
		float: right;
		padding: 12px 5px 12px 18px;
		}


.hypoteka-online-parametry form {
	margin-left: 18px;
	margin-right: 18px;
	text-align: center;
	padding-bottom: 10px;
}
.hypoteka-online-parametry th {
	font-size: 1.2em;
	color: #000;
}
.hypoteka-online-parametry td {
	padding: 2px 6px;
}

.hypoteka-online {
}
.hypoteka-online .f-line {
	clear: both;
	margin-left: 15px;
	padding: 5px 0;
	float: left;
}
.hypoteka-online fieldset .f-line {
	margin-left: 0;
	padding: 0;
}
.hypoteka-online fieldset p {
	margin-left: 0;
	padding: 0;
}
.hypoteka-online .checkbox {
	float: left;
}
.hypoteka-online#content label {
	float: left;
	clear: none;
	margin-left: 5px;
}
.hypoteka-online .neucelova-cast {
	clear: both;
	padding: 10px 15px;
	margin-bottom: 20px;
}
.hypoteka-online .neucelova-cast input {
	margin-left: 5px;
}
.hypoteka-online p, .hypoteka-online h3 {
	margin-left: 15px;
}
.hypoteka-online object, .hypoteka-online embed {
	margin: 0 auto;
	display: block;
}
.hypoteka-online .icon {
	margin-top: 30px;
}
.hypoteka-online table {
	margin: 0 0 15px 15px;
}



#hypoteky .tab-odhadce {
	margin-top: 10px;
	width: 450px;
	table-layout: fixed;
}
#hypoteky .tab-odhadce th {
	color: #000;
	font-size: 1.1em;
}
#hypoteky .tab-odhadce td strong {
	color: #000;
}


/* **************************************** */	
/* ************** VARIOUS ***************** */
/* **************************************** */
		
/* ***** IE6 italic bug hack ***** */

/* \*/

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

.lastStep {font-size: 0.9em; margin-bottom: 30px;}
	.rekapitulace2 .lastStep {margin-bottom: 0;}
.lastStep .leftCol {border-right: 1px solid #CCC; width: 49%;}
	.lastStep .leftCol p {margin-right: 40px;}
.lastStep .rightCol {width: 47%;}
.develStructure ul {margin-left: 15px; list-style: circle;}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

.dijitValidationIcon {display: none;}

.fileStorage {clear: both;}

#content .btn-calculate-up {position: relative; top: -95px; margin-left: 190px; margin-top: 10px;}
#content .btn-calculate {position: relative; top: 0; margin-left: 0; =margin-left: 190px; margin-top: 10px;}

#contentContainer .hypoteka-online .btn-calculate-up {margin-left: 290px;}
#contentContainer .hypoteka-online .btn-calculate {margin-left: 290px;}

.termsButton {text-decoration: underline; color: #508208; cursor: pointer;}
.termsBox {font-size: 0.85em; padding-top: 10px;}