/*------------------------------------------------------------------
[Hlavni Stylesheet]

Projekt: 
Autor: Petr Havelka - petr@citronak.cz
Vystupni zarizeni: screen, projection
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[ Generally ]
*/

a {
	cursor: pointer;
}

body, h1, h2, h3, h4, h5, ul, li, dl, dt, dd, form, p, fieldset, input { margin: 0; padding: 0;}
html {
	height: 100%;
}
body {
	background: #ffffff;
	color: #000000;
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}


hr, .none, caption, .toPrint, legend { display: none; }

.jmp, h1 {
	position: absolute;
	top: -2000px;
	left: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clear { display: inline-table; }

/* Skrytí pred IE/MAC \*/
* html .clear{ height: 1%; }
.clear { display: block; }
/* Konec skrytí pred IE/MAC */

img, fieldset {
	border: none;
}



/*------------------------------------------------------------------
[ Header ]
*/

#menu {
	width: 100%;
	height: 43px;
	text-align: center;
	position: relative;
}

#headerCont {
	width: 100%;
	height: 180px;
	text-align: center;
	position: relative;
}

#header {
	width: 782px;
	height: 180px;
	text-align: left;
	position: relative;
	margin: 0 auto;
}



#menu ul {
	width: 782px;
	height: 43px;
	display: block;
	list-style: none;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

#menu ul li {
	float: left;
	margin: 0 ;
	font-size: 1.3em;
}


#menu ul li a {
	float: left;
	padding: 0 12px;
	height: 43px;
	line-height: 43px;
	text-decoration: none;
}

#menu ul li a:link {text-decoration: none; } 
#menu ul li a:visited {text-decoration: none; } 


#menu ul li span {
	height: 43px;
	line-height: 43px;
}

#header h2 {
	position: absolute;
	font-size: 1.4em;
	text-transform: uppercase;
}

#header h2#logo {
	position: absolute;
	overflow: hidden;
	text-transform: none;
	font-size: 1.8em;
}

#header h2#logo a {
	text-decoration: none;
}
#header h2#logo a span {
	display: block;
	position: absolute;
	top: 0; left: 0;
	width: 172px;
	height: 152px;
}

#header p {
	position: absolute;
	font-size: 1.1em;
}

#header h3 {
	position: absolute;
	text-align: right;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 15px;
	padding-top: 5px;
	z-index: 100;
}


/*------------------------------------------------------------------
[ Content ]
*/

#contentBg {
	width: 100%;
	position: relative;
	text-align: center;
}

#content {
	width: 894px;
	margin: 0 auto;
}


#fullPanel {
	width: 782px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	z-index: 100;
}

#contentTopBg {
	position: absolute;
	top: 0; left: 0;
	width: 783px;
	height: 32px;
	z-index: 1;
}

#leftPanel {
	float: left;
	width: 540px;
	position: relative;
	z-index: 100;
}

#rightPanel {
	float: right;
	width: 242px;
	position: relative;
	z-index: 100;
}

#leftPanel h2, body .noPanel h2.first {
	font-size: 2.3em;
	margin: 19px 26px 5px 26px;
	clear: both;
}

body .noPanel h2.first {
	margin-top: 0;
	margin-bottom: 10px;
}

#leftPanel h2.first {
	margin-bottom: 0;
}

#leftPanel h3, .noPanel h3  {
	font-size: 1.35em;
	margin: 5px 26px 0 26px;
	line-height: 24px;
	padding-bottom: 2px;
	clear: both;
}

.noPanel h3 {
	text-align: left;
	padding-top: 0;
}

#leftPanel p {
	font-size: 1.2em;
	margin: 0px 26px 8px 26px;
	/*text-indent: 37px;*/
}

#leftPanel p.no {
	text-indent: 0;
	margin-bottom: 16px;
}
	
ul#fincText {
	margin: 0 26px 8px 40px;
}
ul#fincText li {
 	font-size: 1.2em;
} 

#leftPanel p br.smaller {
	font-size: 0.54em !important;
}

.foto {
	margin: 0 0 0 20px; 
	clear: both;
}

.foto a {
	float: left;
	margin: 3px;
}


.foto a img {
	display: block;
}

#rightPanel {
	padding-bottom: 20px;
}

#rightPanel .box {
	width: 100%;
	padding-bottom: 5px;
}

#rightPanel h2 {
	font-size: 1.4em;
	font-weight: normal;
	margin: 7px 0 4px 20px;
	text-transform: uppercase;
	text-align: left;
}

#rightPanel .partners h2 {
	margin-top: 17px;
}

#rightPanel .partners {
	text-align: center;
}

#rightPanel .partners a {
	display: block;
	margin: 0 auto 9px;
}

#rightPanel .info img {
	display: block;
	margin: 13px 0 8px 68px;
}

#rightPanel .news img {
	display: block;
	margin: 0;
}

#rightPanel .news h3 {
	clear: both;
}

#rightPanel .news .foto {
	clear: both;
}

#rightPanel h3 {
	font-size: 1.3em; 
}

#rightPanel .info h3 {
	margin-left: 20px;
	margin-bottom: 2px;
}

#rightPanel .info p {
	font-size: 1.2em;
	margin-left: 20px;
	margin-bottom: 10px;
	padding-right: 10px;
}

#rightPanel .kancl img {
	display: block;
	margin: 0 0 8px 20px;
}

#rightPanel .kancl h3 {
	margin-left: 25px;
	margin-bottom: 10px;
}

#rightPanel .kancl address {
	margin-left: 25px;
	margin-bottom: 8px;
	font-size: 1.2em;
	font-style: normal;
}

#rightPanel .kancl address span {
	display: block;
	margin-top: 7px;
}

#rightPanel .kancl {
	padding-bottom: 9px;  
}

#leftPanel .foto.mapy {
	float: left;
	margin: 10px 0 20px 19px;  
}

#leftPanel .foto.oblasti {
	float: left;
	margin-bottom: 59px; 
}

#leftPanel.kontakty p {
	margin-top: 5px;
}

#leftPanel.kontakty p.first {
	clear: both;
}

#leftPanel.kontakty h3 {
	line-height:22px;
	margin: 2px 26px -3px 26px;
	padding-bottom: 0px;
	clear: none;
	padding: 5px 0 4px 0;
}

#leftPanel.kontakty h3.first {
	padding: 0;
}

#leftPanel.kontakty .zarovnani-doprava {
	float: right;
	clear: right;
}

#leftPanel.kontakty .zarovnani-doprava a {
	margin: 17px 25px 0 0;
	float: right;
	clear: right;
}
#leftPanel.kontakty .img.first {
	margin-top: 9px;
}

#leftPanel.kontakty .img img {
	display: block;
}

#leftPanel.kontakty address {
	font-size: 1.2em;
	font-style: normal;
	margin: 0 0 0 26px;
}

#leftPanel.kontakty h2 {
	margin-top: 36px;
}

#leftPanel.kontakty h2.first {
	margin-top: 19px;
}

#leftPanel.kontakty form label {
	display: block;
	width: 225px;
	height: 22px;
	position: relative;
	line-height: 22px;
	margin: 0 0 5px 0;
	font-size: 1.2em;
}

#leftPanel.kontakty form {
	display: block;
	margin-top: -4px;
}

#leftPanel.kontakty form label span {
	display: block;
	width: 77px; 
	height: 22px;
	position: absolute;
	left: 0px;
	text-align: right;
	padding-right: 8px;
}

#leftPanel.kontakty form label input {
	position: absolute;
	width: 140px;
	height: 18px;
	left: 85px;
	line-height: 22px;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

#leftPanel.kontakty form label.text {
	width: 523px;
	height: 70px;
}

#leftPanel.kontakty form label.text textarea {
	position: absolute;
	left: 85px;
	line-height: 1;
	margin: 0;
	padding: 0;
	width: 428px;
	height: 70px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
}

#leftPanel.kontakty form .submit {
	float: right;
	margin: 7px 22px 0 0; 
	width: 80px;
	height: 31px;
	border: none;
	padding-bottom:5px;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
}

#leftPanel.financovani p {
	text-indent: 0;
}

#leftPanel.financovani h3.second {
	margin: -5px 0 0 26px;
}

#leftPanel.financovani h2 {
	margin-top: 25px;
}

#leftPanel.financovani h2.first {
	margin-top: 19px;
}

#finTable {
	width: 486px;
	margin: 5px 0 0 26px;
}

#finTable .bottom {
	width: 486px;
	height: 100%;
	padding-bottom: 11px;
}

#finTable table {
	width: 486px;
	font-size: 1.2em;
}

#finTable thead th {
	height: 26px;
	line-height: 26px;
	text-align: center;
}

#finTable thead th.splatnost {
	width: 196px;
}

#finTable thead th.castka {
	width: 172px;
}

#finTable tbody td.castka {
	text-align: center;
	padding-right: 0;
	width: 192px;
}


#finTable tbody tr.first td, #finTable tbody tr.first th {
	padding-top: 4px;
}


#finTable tbody td {
	padding-right: 22px;
	width: 196px;
	height: 35px;
}

#finTable tbody th {
	padding-left: 23px;
	height: 35px;
	text-align: left;
}

#leftPanel h2.revize {
	font-size: 1.3em;
	margin: 36px 0 6px 127px;
	clear: both;
	text-transform: uppercase;
}

img.stan {
	display: block;
	width: 480px;
	height: 86px;
	margin-left: 28px;
}

#middlePanel {
	padding-top:23px;
	text-align: center;
}

.boxX {
	background: 0 0 repeat-y;
	text-align: left;
}

.boxX.small {
	width: 336px;
	margin: 0 auto;
}

.bottom {
	background: 0 100% no-repeat;
	height: 100%;
}

.top {
	background: 0 0 no-repeat;
	height: 100%;
}

.small .top {
	padding-bottom: 12px;
}

.boxX.big {
	width: 726px;
	margin: 15px 0 0 26px;
}

.big .top {
	padding-bottom: 6px;
}


.boxX.middle {
	width: 626px;
	margin: 15px 0 0 72px;
}


.small h3 {
	float: left; 
	margin: 12px 0 0 21px; 
	width: 72px;
	padding-right: 16px;
	font-size: 1.2em;
	text-align: right;
}

.small ul {
	list-style: none;
	float: left;
	margin: 12px 0 0 0px;
	padding: 0;
	font-size: 1.2em;
}

.noPanel h2 {
	font-size: 3em;
	margin: 17px 0 -5px 26px;
	text-align: left;
}

.noPanel img {
	margin: 10px 0 0 45px;
	text-align: left;
}

.noPanel .boxX img {
	margin: 0;
	text-align: left;
}
.noPanel p.dodInfo {
	margin: 0 0 0 15px;
}
.noPanel p.dodInfo a {
	margin: 0;
	display: block;
	height: 33px;
	padding-left: 37px;
	line-height: 33px;
	clear: both;
}

.boxX.middle.last {
	margin-bottom: 51px;
	margin-top: 19px;
}

.boxX p {
	font-size: 1.2em;
	font-weight: bold;
	padding: 15px 10px;
}

.np1 table, .np3 table  {
	width: 626px;
	font-size: 1.2em;
}

.np1 table tr {
	width: 626px;
}

.np2 table {
	width: 726px;
	font-size: 1.2em;
}


.boxX table thead td, .boxX table thead th {
	line-height: 27px;
}


.boxX table tbody tr td, .boxX table tbody tr th{
		height: 39px;
}

.boxX.np2 table tbody tr td, .boxX.np2 table tbody tr th{
		height: 23px;
}

.boxX.np2 table tbody tr.first td, .boxX.np2 table tbody tr.first th {
	height: 28px;
	padding-top: 5px;
}

table .center {
	text-align: center;
}

.boxX.np2 table tbody tr td.left {
	text-align: left;
}

.np1 .top {
	padding-bottom: 3px;
}


table tbody th, table .prostory {
	padding-left: 22px;
	text-align: left;
}

.np2 table .prostory {
	padding-left: 40px;
	text-align: left;
}
.np2 table tbody th {
	padding-left: 43px;
	text-align: left;
}



.np1 table .cena {
	width: 160px;
	text-align: center;
}

.np1 table .dalsi {
	width: 101px;
	text-align: center;
}

.np1 table .soubor{
	width: 121px;
	text-align: center;
}

.np1 table .pronajato {
	width: 85px;
	text-align: left;
}



.np2 table .terasa {
	width: 52px;
	text-align: center;
}

.np2 table .balkon {
	width: 97px;
	text-align: center;
}

.np2 table .plocha {
	width: 116px;
	text-align: center;
}


.np2 table .cena {
	width: 89px;
	text-align: center;
}

.np2 table .soubor{
	width: 100px;
	text-align: center;
}

.np2 table .prodano {
	width: 77px;
	text-align: left;
}



.boxX.np2 table tbody tr td {
		text-align: center;
}


.boxX.np2 table tbody tr th span {
		padding: 0 21px;
}

.np3 table .plocha {
	width: 54px;
	text-align: center;
}


.np3 table .cena {
	width: 134px;
	text-align: center;
}

.np3 table .dalsi {
	width: 104px;
	text-align: center;
}

.np3 table .soubor{
	width: 121px;
	text-align: center;
}

.np3 table .pronajato {
	width: 74px;
	text-align: left;
}

.pLeft {
	padding-left: 10px;
}

.pLeftx {
	padding: 10px;
}


body .boxX.np3 table tbody th, body .boxX.np3 table tbody td {
	height: 46px;
}

/*------------------------------------------------------------------
[ Footer ]
*/

#footerBg {
	width: 100%;
	position: relative;
	text-align: center;
}

#footer {
	width: 782px;
	margin: 0 auto;
	text-align: left;
	font-size: 1.1em;
}

#footer p.left {
	float: left;
	text-align: left;
	width: 370px;
}

#footer p.right {
	float: right;
	text-align: right;
	width: 370px;
}