@import url("../renderers/pager/pager.css");
@import url("../renderers/breadcrumb/breadcrumbs.css");

html {font-size: 100.01%;}
body {
	margin: 0 0 0 0;
	padding: 0;
	font-size: 62.5%;
	font-family: "Arial CE", Arial, "Verdana CE", Verdana, sans-serif;
	color: #000000;
	background: #fff;
	line-height: 1.4em;
	background: url(../images/body-pattern.gif) top center #589a17
	}
	#bodyGradient {background: url(../images/body-gradient.png) repeat-x top center; _height: 700px;}
	#bodyShades {background: url(../images/body-shades.png) no-repeat top center; min-height: 1000px; _background: none; padding-top: 26px;}

/* 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: 1em;}
th {text-align: left;}
fieldset {border: 0;}

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

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

.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;}
	
hr {
  	border: 0;
  	width: 100%;
  	color: #FF0000;
	background-color: #FF0000;
	height: 1px;
	margin: 0 0 15px 0;
	position: relative;
	}

a {color: #5f9025;}
a:hover {color: #000;}
img {border: none;}
p {margin-bottom: 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;}
.small {font-size: 0.9em;}
.nowrap {white-space: nowrap;}

.hide, legend span {position: absolute; top: -25000px; left: 0;}

.open {text-decoration: underline;}

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

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

img.lft {margin: 0 15px 7px 0;}
img.rgt {margin: 0 0 7px 15px;}

.halfBox {float: left; width: 49%; margin-right: 0; margin-bottom: 10px;}

.error {color: #C00; font-weight: bold; margin-top: 15px;}
.error a {color: #C00;}

.discussionPost {
	background: #F5F5F5;
	padding: 10px 13px;
	margin-bottom: 10px;
	}
.discussionPost h4 {margin-bottom: 4px;}
.discussionPost p {margin-bottom: 0;}

.fotoBox {float:left; margin-right: 10px; background-color:#ffffff;}
.fotoInfo {height: 40px; overflow: hidden; font-size: 0.9em;}

.documentPerex {font-weight: bold;}

.textCol {width: 48%;}
	.textBox {
		border: 1px solid #d7d9d5;
		background-image: -moz-linear-gradient(top, #ffffff, #F6F7F3); /* FF3.6 */
  		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #F6F7F3)); /* Saf4+, Chrome */
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#F6F7F3'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#F6F7F3')"; /* IE8 */
		-moz-border-radius: 3px;
 		-webkit-border-radius: 3px; 
  		border-radius: 3px;
		margin-bottom: 25px;
		position: relative;
		padding: 4px 15px 1px 18px;
		}
		.deco {
			position: absolute;
			top: 15px;
			left: -1px;
			width: 9px;
			height: 26px;
			background: url(../images/sipka-bg.gif) no-repeat;}
		.textBox h2 {font-size: 1.3em;}
		.zaskrt {font-size: 1.1em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif}

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

.focus {position: absolute; left: 198px;}

.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:#FFED00;
	padding: 2px 5px 4px 6px;
	color: #A00000;
	font-size: 1.1em;
	font-weight: bold;
	}
	
	
/* ************* HEADINGS ************* */

h1, #overview h2 {font-size: 2.2em; color: #73af27; margin-bottom: 30px; font-family:"Trebuchet MS","Arial CE",Arial,sans-serif; line-height: 1.1em; font-weight: bold;}
h2 {font-size: 1.6em; line-height: 1em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.2em;}
h5, h6 {font-size: 1.1em;}

h2, h3, h4, h5, h6 {
	margin-bottom: 10px; 
	color: #73af27; 
	font-family:"Trebuchet MS","Arial CE",Arial,sans-serif;
	}
	h6 {color: #333;}
.documentText h2, .documentText h3 {padding-top: 15px;}
#overview h2 {margin-bottom: 20px;}
#overview h3 {font-size: 1.4em; margin-bottom: 5px;}

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

#content ul, #content ol {margin: 0 0 20px 15px;}
	#content ul ul, #content ol ol {margin: 0 0 0 15px;}
	
	#content ol {margin-left: 34px;}
	
	#content ul li {background: url(../images/odrazka.gif) no-repeat 0 5px; padding-left: 13px; margin-bottom: 8px;}
	#content .error ul li {background: url(../images/odrazka-red.gif) no-repeat 0 5px;}
	#content .blueBox ul li {background: url(../images/odrazka-blue.gif) no-repeat 0 5px;}
	
#content ul.hglt  {margin: 0; padding-left: 30px;}
#content .hglt li {background: none; padding-left: 0; float: left; margin-right: 30px; margin-bottom: 0; line-height: 1.8em;}

#content .hglt .telefon {background: url(../images/ico-telefon.png) no-repeat; padding-left: 20px;}
#content .hglt .email {background: url(../images/ico-email.png) no-repeat; padding-left: 27px;}

	
/* ************* FORMS ************* */

input, select, textarea {font-family: Arial, Helvetica, sans-serif; font-size: 1em; vertical-align: middle;}

input[type=checkbox] {position: relative; =top: -2px;}

.formTable input {width: 100px;}


.formButton {
	background: url(../images/btn-bg.png) no-repeat #79ba33;
	color: #FFF;
	text-align: center;
	width: 243px;
	padding: 6px 20px 20px 0;
	=padding-top: 3px;
	border: 0;
	font-size: 1.5em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	cursor: pointer;
	margin: 0 auto;
	line-height: 1.4em;
	outline: none;
	}
	.wideFormButton {background: url(../images/btn-bg-wide.png); width: 450px;}
	.form .formButton {background: url(../images/btn-gray-bg.png) no-repeat;}
	
	.formButton:hover {background-position: -243px 0;}
	.wideFormButton:hover {background-position: -450px 0;}
	
.smallButton {
	background: url(../images/btn-small.gif) no-repeat #79ba33;
	color: #FFF;
	text-align: center;
	width: 140px;
	height: 23px;
	font-weight: bold;
	border: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	cursor: pointer;
	padding-bottom: 2px;
	}
	.wide {background-image: url(../images/btn-small-wide.gif); width: 180px;}
	.smallButton:hover {background-position: -140px 0;}
	.wide:hover {background-position: -180px 0;}
	
	a.formButton {display: inline-block; width: 223px; text-decoration: none; padding-top: 6px; padding-bottom: 27px}
	a.wideFormButton {width: 450px; padding: 6px 0 20px 0;}
	a.formButton:hover,	a.smallButton:hover {color: #FFF;}
	
	a.smallButton {display: block;  text-decoration: none; padding-top: 3px; padding-bottom: 0; height: 20px; margin-right: 10px;}

	
.loginForm label, .form label {
	clear: both;
	display: block;
}
.loginForm label span, .form label span, .labelLike {
	display: block;
	float: left;
	width: 200px;
	padding-top: 3px; 
	zoom: 1;
	}
	.loginForm .dijitTextBox, .loginForm .dijitComboBox {width: 350px;}
	.form label span, .labelLike {width: 130px;}
	.form label.inlineLabel {display: inline; margin-right: 10px;}

.dijitDialogTable label {font-weight: bold; color: #73AF27;}

.form, ul.hglt, div.hglt, .resultBox  {
	background: #efefef;
	-moz-border-radius: 3px;
 	-webkit-border-radius: 3px; 
  	border-radius: 3px; 
	padding: 15px 18px;
	margin-bottom: 15px;
	}
	#all .form textarea {width: 400px; height: 80px;}

.red {color: #900;}
#loan_ratio {position: relative; top: 3px;}

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

#top #userLogin {position: relative; float:right; width: 400px;}
#top #userLogin h4, #top #userLogin p {color: #3e4145; margin-bottom: 8px;}
#userLogin .field {
	width: 149px;
	height: 21px;
	background: url(../images/login-bg.png) no-repeat transparent;
	border: 0;
	padding: 5px 10px 0 10px;
	margin-right: 10px;
	}
#top #userLogin .btn {margin-left: -20px;}
#userLogin li {
	float: left;
	font-size: 0.9em;
	margin-right: 10px; padding-right: 10px;
	line-height: 1em;
}
#userLogin .button {margin-top: -5px;}

.logged li.first {border-right: 1px solid #FFF;}
.logged ul li a {padding-bottom: 4px; display: inline-block;}
.logged p {margin: 0 30px 30px 75px;color: #FFF;}
.logged strong {font-size: 1.1em;}
.logged h4 {margin: 0 30px 25px 30px;}
#main .logged ul {padding: 7px 0 0 30px; margin-bottom: 0;}
.logged .btn {float: right; background: url(../images/ico-logout.png) no-repeat 0 6px transparent; border: 0; color: #FFF; padding: 5px 10px 5px 18px; cursor: pointer; margin-bottom: 0;}
#all #sidecol2 .logged .inner {padding: 15px 0 0 0; background: url(../images/logged-inner-bg.png) no-repeat bottom left;}

.pole {border: 1px solid #B3B3B3;}



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

table {
	border: 0;
	border-collapse: collapse;
	font-size: 1em;
	margin-bottom: 15px;
	}
	th, td {
		padding:5px 10px;
		vertical-align: top;
		border: 0;
		}
		th {font-weight: bold;}
.documentText table {color: #5b5b5b; width:99%}		
.documentText table th {
	background: #73af27;
	color: #FFF;
	font-weight: bold;
	border: 1px solid #dff3be;
	}
	.documentText table th a {color: #FFF;}
	.documentText td {border: 1px solid #dff3be;}
	.documentText tr.dark td {background: #f7fdf1;}
		
table.dataTable {
	margin-bottom: 25px;
	width: 100%;
	}
	table.dataTable td, table.dataTable th {
		padding: 10px 15px;
		}
		table.dataTable th {
			color: #73af27;
			font-weight: bold;
			width: 450px;
		}

table.formTable {
	background: #edeef0;
	margin-bottom: 30px;
}
table.formTable td, table.formTable th {padding: 5px 3px;}
table.formTable th {padding-left: 10px;}
table.formTable table .header th {
	background: #73af27;
	color: #FFF;
	border-bottom: 2px solid #FFF;
	padding-left: 3px;	
}

.requestedDocuments {width: 99%;}
.requestedDocuments th {
	font-weight: bold; 
	color: #000; 
	border-bottom: 1px solid #CCC;	
	}
	.requestedDocuments  td {padding: 15px;}
	.requestedDocuments th {padding-top: 0;}
	td.document {
		background: url(../images/ico-document.gif) no-repeat center left;
		padding-left: 35px;
	}

table.formTable tr.bold td, table.formTable tr.bold th {background: #FFF;}

.lastEvents {width: 99%; margin-bottom: 0;}
.lastEvents td {border-top: 1px dashed #c0c0c0;}
.lastEvents strong {font-weight: bold; color: #777777; font-size: 1.1em;}

.dojoxCalendarBody td {padding: 0;}

.zadostTable {width: 99%;}
.zadostTable th {width: 120px; padding-left: 0;text-align: right; }
.zadostTable td, .zadostTable th {padding: 3px 5px;}

#cant_continue {
	background: #efefef;
	padding: 22px 25px;
}

.dijitDialogTable td {padding: 8px 15px; vertical-align: middle;}

.resultBox table {width: 99%; border-top: 1px dashed #CCC; margin-bottom: 0;}
.resultBox table td {border-bottom: 1px dashed #CCC;}

.warning {color: #900;}

table td.nemTypes {padding: 0;}
.nemTypes div.nemTypesBox {
	width: 153px;
	float: left;
	padding-top: 158px;
	padding-bottom: 10px;
	color: #73af27;
	font-weight: bold;
	}
	.byt-v-osobnim-vlastnictvi {background: url(../images/nem-img-1.jpg) no-repeat 0 10px;}
	.rodinny-dum {background: url(../images/nem-img-2.jpg) no-repeat 0 10px;}
	.rekreacni-objekt {background: url(../images/nem-img-3.jpg) no-repeat 0 10px;}
	.stavebni-pozemek {background: url(../images/nem-img-4.jpg) no-repeat 0 10px;}
.nemTypes .dijitRadio {float: left; margin-right: 5px; position: relative; top: 2px;}
.nemTypes label {margin-left: 20px; display: block; outline: none;}
#all .dijitFocusedLabel {outline: none;}
		
#mainMenu, #steps, #sidecol2, #footer ul, .developer, .noprint .smallButton {display:none;}