html {
	margin: 0px;
	padding: 0px;
}
body {
	font-size: 12px;
	text-align: center;
	margin: 0px;
	font-family: Georgia, Times, Arial, Trebuchet MS, Verdana, Geneva, Helvetica, sans-serif;
	background-color: white;
}
img {
	margin:0px;
	border:0px;
	padding:0px;
	valign:baseline;
}
a{
text-decoration: none;
}
a:hover{
}
h1 {
font-weight: normal;
font-family: georgia, arial;
}
h2 {
font-weight: normal;
font-family: georgia, arial;
}
h3 {
font-weight: normal;
font-family: georgia, arial;
}

.clear {
	clear: both;
	background-color: transparent;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}
.center {
  text-align:center;
}
.xxright {
  float:right;
}
.xxleft {
  float:left;
}
#main {
	text-align: left;
	vertical-align: middle;
	width: 752px;
	min-height: 100%;
	margin: auto;
	position: relative;
	height: auto;
	padding: 0px;
	background-color: White;
	/*padding-left: 30px;
	padding-right: 30px;
	background: url(../images/main-pozadi.gif) repeat 0 0;*/
	

}
#main #top {
margin-top: 33px;
margin-bottom: 10px;
width: 100%;
position: relative;
float: left;
}
#main #top #logo-obal {
	padding: 0px;
	margin-top: 0px;
	float: left;
	margin-right: 0px;
}
#main #top #logo {
	margin: 0;
	padding: 0;
	position: relative;
	width: 294px;
	height: 60px;
	overflow: hidden;
}
#main #top #logo span {
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 294px;
	height: 60px;
	background: url(../images/logo-sps-sprava-nemovitosti.gif) no-repeat 0 0;
}
#main #top #smenu {
float: right;
position: relative;
margin-top: 40px;
}
#main #top #smenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#main #top #smenu li {
	list-style: none;
	display: inline;
	margin: 0px;
	padding: 0px;
}
#main #top #smenu a {
	text-decoration: none;
	color: black;
	font-size: 13px;
}
#main #top #smenu a:hover {
	color: #0072BD;
}
#main #top #smenu a:active {
}
#main #top #smenu a.selected {
	color: #0072BD;
}


/* menu_picture */
#main #menu_picture {
margin-top: 10px;
width: 100%;
position: relative;
float: left;
height: 162px;
}
#main #menu_picture #menu {
position: relative;
float: left;
width: 105px;
height: 162px;
text-align: right;
padding-right: 5px;
border-right: 3px solid black;
}
#main #menu_picture #menu ul {
list-style: none;
	margin: 0px;
	padding: 0px;
}
#main #menu_picture #menu li {
list-style: none;
	margin: 0px;
	padding: 0px;
	padding-top: 3px;
	padding-bottom: 4px;
}
#main #menu_picture #menu a {
	text-decoration: none;
	color: black;
	font-size: 14px;
	display: block;
}
#main #menu_picture #menu a:hover {
	color: #0072BD;
}
#main #menu_picture #menu a.selected {
	color: #0072BD;
}
#main #menu_picture #menu a:active {
	background-color: #ECECEC;
}
#main #menu_picture #sps-home-page {
float: right;
position: relative;
width: 630px;
height: 162px;
background-image: url(../images/sps-home-page.gif);
}
#main #menu_picture #sps-home-page2 {
float: right;
position: relative;
width: 630px;
height: 162px;
background-image: url(../images/uvodka.jpg);
}
#main #content {
width: 630px;
margin-left: 122px; 
float: left;
position: relative;
margin-top: 5px;
}
#main #content h1 a{
text-decoration: none;
}
#main #content a{
color: #0072BD;
text-decoration: underline;
}
#main #content a:hover{
color: black;
}
#main #content .left {
float: left;
width: 315px;
text-align: justify;
}
#main #content .right {
float: right;
width: 295px;
text-align: justify;
}
#main #content .right .projekt {
float: left;
width: 296px;
height: 93px;
background-image: url(../images/projekt-sps.gif);
background-repeat: no-repeat;
text-align: center;
padding-top: 20px;
}
#main #content .right .projekt:hover {
background-image: url(../images/projekt-sps-hover.gif);
background-repeat: no-repeat;
}
#main #content .right .projekt:active {
background-image: url(../images/projekt-sps-active.gif);
background-repeat: no-repeat;
}
#main #content .right .projekt h1 {
font-size:  26px;
margin: 0px;
padding: 0px;
}
#main #content .right .projekt p {
margin: 0px;
padding: 0px;
}
#main #content  .right .projekt a {
color: Black;
text-decoration: none;
}
#main #content .right .projekt a:hover {
color: #0072BD;
}
#main #content .right .projekt a:active {
background-color: #ECECEC;
}
#main #content .left2 {
border-right: 1px dotted gray;
padding-right: 15px;
width: 300px;
text-align: justify;
}
#main #content .left2 p {
margin: 0px 0px 10px 0px;
}
#main #content h1 {
margin-top: 10px;
font-size:  24px;
font: georgia;
}
#main #content h2 {
font-size:  18px;
color: #0072BD;
text-align: left;
font: georgia;
}
#main #content h3 {
font-size:  16px;
color: #0072BD;
text-align: left;
margin: 0px;
padding: 0px;
font-weight: bold;
}
#main #content .seda {
padding: 10px;
background-color: #F1F1F1;
}
#main #content .seda2 {
background-color: #F1F1F1;
padding: 10px;
margin: 20px 0px 10px 0px;
}
#main #content .seda2 h1{
margin: 0px;
padding: 0px;
}
#main #content h1 span{
color: #0072BD;
}
#main #footer {
width: 630px;
margin-left: 112px; 
float: left;
position: relative;
margin-top: 30px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
border-left: solid 2px black;
margin-bottom: 40px;
color: gray;
font-family: arial, georgia, verdana;
}
#main #footer #sps-adresa {
float: left;
}
#main #footer #kontakt_webdesigner {
float: left;
font-size: 11px;
font-family: Arial, georgia;
margin-top: 30px;
}
#main #footer #projekty {
margin-top: 20px;
}
#main #footer a {
text-decoration: none;
color: gray;
}
#main #footer a:hover {
color: #0072BD;
text-decoration: underline;
}
#main #footer a:active {
	background-color: #ECECEC;
	text-decoration: underline;
}


#main #content #d-p-smenu {
margin-top: 10px;
}
#main #content #d-p-smenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#main #content #d-p-smenu li {
	list-style: none;
	display: inline;
	margin: 0px;
	padding: 0px;
}
#main #content #d-p-smenu a {
	text-decoration: none;
	color: black;
	font-size: 13px;
}
#main #content #d-p-smenu a:hover {
	color: #0072BD;
}
#main #content #d-p-smenu a:active {
}
#main #content #d-p-smenu a.selected {
	color: #0072BD;
}
 /* ------------------------ */
#main #content h4 {
font-size: 14px;
color: #0072BD;
}
#main #content p {
padding: 2px;
margin: 0px;
} 
 #main #content .reference {
 position: relative;
 float: left;
 width: 100%;
}
 #main #content .reference .fotka_nemovitosti {
 position: relative;
background-color: #F1F1F1;
float: left;
padding: 10px;
margin: 0px 20px 20px 10px;
}
 #main #content .reference .popis {
  position: relative;
 float: left;
}
 #main #content ul {
padding-left: 10px;
}
#main #content li {
margin: 0px;
padding: 0px;
padding-bottom: 0px;
margin-left: 5px;
list-style: square ;
}


/* developerske projekty */
#main #content .dprojekt {
position: relative;
float: left;
width: 297px;
height: 249px;
background-image: url(../images/dev-projekt.jpg);
background-repeat: no-repeat;
padding: 10px;
}
#main #content .dprojekt:hover {
background-image: url(../images/dev-projekt-hover.jpg);
background-repeat: no-repeat;
}
#main #content .dprojekt:active {
background-image: url(../images/dev-projekt-active.jpg);
background-repeat: no-repeat;
padding-top: 13px;
padding-left: 13px;
padding-right: 7px;
padding-bottom: 7px;
}
#main #content .dprojekt h1 {
font-size:  18px;
width: 270px;
margin: 0px;
padding: 0px;
margin-top: 10px;
margin-bottom: 5px;
text-align: center;
}
#main #content .dprojekt p {
margin: 0px;
width: 270px;
padding: 0px;
text-align: center;
}
#main #content  .dprojekt a {
color: Black;
width: 270px;
text-decoration: none;
text-align: center;
}
#main #content .dprojekt a:hover {
color: #0072BD;
}
#main #content .dprojekt a:active {
background-color: #ECECEC;
}
#main #content  .dprojekt a span {
color: #0072BD;
width: 310px;font-weight: bold;
}
#main #content  .dprojekt a:hover span {
color: black;
font-weight: bold;
}


 /* --------------TABULKA BYTY BRANDYS ATD---------- */
#main #content table {
width: 100%;
text-align: center;
}
#main #content th {
background-color: #0072BD;
color: white;
padding: 20px 0px 5px 0px;
font-weight: normal;
font-size: 14px;
}
#main #content tr:hover {
background-color: #0072BD;
color: white;
}
#main #content td {
padding: 5px 0px 5px 0px;
border-bottom: 1px solid #C8C8C8;
}
#main #content tr:hover a {
color: white;
}
#main #content tr a {
color: black;
text-decoration: none;
display: block;
width: 100%;
}
#main #content tr.rezervace {
background-color: #67ABD8;
color: white;
}
#main #content tr.rezervace a {
color: white;
}
#main #content tr:hover.rezervace {
background-color: #0072BD;
color: white;
}
#main #content tr.prodano {
background-color: #F1F1F1;
color: #808080;
}
#main #content tr.prodano a {
color: #808080;
}
#main #content tr:hover.prodano {
background-color: #F1F1F1;
color: #808080;
}
.vyrizuje {
margin: 10px 0px 10px 0px;
padding: 10px 0px 10px 0px;
border-bottom: 1px dotted black;
}
.vycpavac {
height: 1900px;
}
.lbox {
float:left; 
margin-right: 2px;
text-align: center;
}
.lbox img{
margin-bottom: 3px;
}
.podtrzeni {
border-bottom: 1px dotted black;
line-height: 1px;
}


/* ----- BOREK ----- */
#main #content table.borek {
width: 100%;
text-align: left;
}
#main #content table.borek th {
background-color: white;
color: black;
padding: 5px;
font-weight: bold;
font-size: 12px;
}
#main #content table.borek tr:hover {
background-color: white;
color: black;
}
#main #content table.borek td {
padding: 5px 5px 5px 5px;
border-bottom: none;
}
#main #content table.borek tr:hover a {
color: white;
}
#main #content table.borek tr a {
color: black;
text-decoration: none;
display: block;
width: 100%;
}

/* ----- herink ----- */
.hgreen {
background-color: #C2D267; 
}
.horange {
background-color: #F2DBB9; 
}

/* zmena uvodni stranky */
.xleft {
font-family: Arial, verdana, georgia;
float: left;
width: 315px;
text-align: left;
}

.x16{
font-size: 20px;
}
.xleft2 {
border-right: 1px dotted gray;
padding-right: 15px;
width: 300px;
text-align: justify;
}
.xright {
font-family: Arial, verdana, georgia;
float: right;
width: 300px;
text-align: justify;
}
.xleft p {
text-align: left;
}
.box-cena {
border-bottom: 3px solid #787878;
padding-bottom: 10px;
}
.cena {
font-size:  22px;
color: #0072BD;
margin-top: 10px;
}
.xprojekt {
width:150px;
height: 180px;
border-bottom: 3px solid #787878;
font-family: arial, verdana, georgia;
margin-top: 20px;
float: left;
}
#main #content .xprojekty .xprojekt h3 a{
text-decoration: none;
}
#main #content .xprojekty .xprojekt h3{
font-size: 12px;
}
.spacer10{
width: 10px;
float: left;
}


/* /zmena uvodni stranky */

.hblue {
background-color: #07913C; 
color: white;
}
.hgreen2 {
background-color: #07A6E0; 
color: white;
}

/* Fomular pro Blokaci bytu (Sportovni) */
#blokace {margin:10px 0 25px 0;}
#main #content #blokace th {padding:3px 5px;}

#main #content #sport a {color: #0072BD;text-decoration: underline;}
#main #content #sport tr:hover a {color:white;}
#main #content #sport tr:hover td {color:white;}
#main #content #sport td.volny {color:green;}
/* END - Fomular pro Blokaci bytu (Sportovni) */

/* Kontaktni formular */
#contact-form {}
#main #content #contact-form table,#main #content #contact-form th,#main #content #contact-form td {border:none;background-color:#f1f1f1;color:black;}
#main #content #contact-form table {width:300px;padding-top:10px;}
#main #content #contact-form th {text-align:right;padding:5px;}
#main #content #contact-form td {text-align:left;padding:5px;}
#main #content #contact-form input {width:150px;}
#main #content #contact-form textarea {width:212px;height:60px;}



#main #content h1.left-col {float:left; width:333px;margin-bottom:15px;margin-top:25px;}
#main #content h1.right-col {float:left; width:200px;margin-bottom:15px;margin-top:25px;}

/* Kontaktni formular */
#main #content #contact-form input.submit {width:60px;float:right;}

#main-div {margin-left:122px;}
p.clear {clear:both;width:0;height:0;visibility:hidden;} 

div.kalkulacka9 {width:300px;background-color:#ebf6fb; border:1px solid #cbe8f5;}
div.kalkulacka9 ol {list-style:none;margin:0 0 0 15px !important; padding:0; font-size:1em; }
#main #content div.kalkulacka9 ol li {list-style-type:none;}

/* Hypotecni formular */
div.kalkulacka ol {list-style:decimal;} 
div.kalkulacka li {list-style-type:none;}

.kalkulacka1 { margin-top:20px; float:left; width:300px; background-color:#ebf6fb; border:1px solid #cbe8f5; height:145px; }
.kalkulacka1 fieldset { border:none; margin:0; padding:12px 0 0 0; }
.kalkulacka1 ol { list-style:none; margin:0 0 0 15px !important; padding:0; font-size:1em; }
.kalkulacka1 ol li { clear:both; width:100%; padding-top:5px !important; list-style:none; }
.kalkulacka1 label, .kalkulacka9 label { width:130px; display:block; margin-top:2px; float:left; }
.kalkulacka1 input, .kalkulacka9 input  { padding:1px 2px; border:1px solid #ccc; width:115px; }
.kalkulacka1 input.odeslat, .kalkulacka9 input.odeslat { padding:2px 3px; text-align:center; border:1px solid #0188c8; width:70px; margin:10px 0 0 130px; background-color:#0188c8; color:#fff; }
.kalkulacka1 select, .kalkulacka9 select { padding:1px 0; border:1px solid #ccc; width:121px; }

.kalkulacka2 { margin-top:20px; float:right; width:300px; background-color:#ebf6fb; border:1px solid #cbe8f5; height:145px; }
.kalkulacka2 table { width:100%; height:100%; }
.kalkulacka2 table td { vertical-align:middle !important; padding:0 15px; height:140px; }
.kalkulacka2 table td strong { font-weight:normal; }
.kalkulacka2 table td.strong { font-weight:bold !important; text-align:center; }
.kalkulacka2 table td.strong strong { font-weight:bold !important; }
.kalkulacka2 table td span { color:#FF0000; font-weight:bold; }
.kalkulacka2 table td span.green { color:#55a00b; }

.kalkulacka3 { margin-top:17px; background-color:#ebf6fb; border:1px solid #cbe8f5; height:auto; width:619px; clear:both; float:left; }
.kalkulacka3 table { width:100%;  }
.kalkulacka3 fieldset { padding:15px 0;  }
.kalkulacka3 table td { vertical-align:middle; text-align:center; width:50%; }

.voucher { padding:5px 5px; background-color:#0188C8; color:#fff; text-decoration:none; display:block; width:180px; margin:0 auto;display:none; }
.voucher:hover { background-color:#99A82F; color:#fff; text-decoration:none; }

fieldset { border:none; margin:0; padding:12px 0 8px 0; }
legend { display:none; }


#preklad {
position: absolute;
top:0px;
left: 600px;
}

.akce {
background-color: red;
                         font-weight: bold;
                         color: white;
}