* {
	margin:0;
	padding:0;
	border:0;
}

html{
	margin:0;
	padding:0;
	border:0;
}

html,body{
 height:100%;
}

h3{padding: 0.3em 0;
margin-bottom:0.4em;
}

span.detailpopis
{padding: 0.3em 2em;
margin-bottom:0.4em;
}

.fleft{float:left;}
.fright{float:right;}

#page_residencni .detailpopis{
margin-left: 150px;
}

#page_residencni .detailpopis div{
padding:0.5em 0.8em;
}

#page_investicni .detailpopis{
margin-right: 150px;
}

img.detailthumb{margin-bottom:0.3em; display:block;}

#page_residencni h3{background-color:#396f09;}

#page_investicni h3{background-color:#CD0D50;}

#page_residencni .vypis2 tr.highlight{
 background-color:#537e2e;
 cursor:pointer;
}

#page_ostatni .vypis2 tr.highlight{
 background-color:#a47b00;
 cursor:pointer;
}

.vypis2 tr a{
 background-color:transparent;
 text-decoration:none;
 display:block;
}

#page_residencni .vypis2 tr a:hover{
 background-color:#537e2e;
}

#page_ostatni.vypis2 tr a:hover{
 background-color:#888888;
}

a.odkazdetail{display:block;}
#page_residencni a.odkazdetail:hover {background-color:#537e2e;}
#page_residencni a.odkazdetail:hover h3{background-color:#2d500c;}
#page_investicni a.odkazdetail:hover {background-color:#ac0b43;}
#page_investicni a.odkazdetail:hover h3{background-color:#d10f5d;}
#page_infoservis a.odkazdetail:hover {background-color:#066d83;}


body {
 font-size:91%;
 font-family:Arial, sans-serif;
 background:#000000;
 margin:0;
 padding:0;
 border:0;

 text-align:center;
 vertical-align: middle;
 color:#ffffff;
 line-height:1.5em;

}

a{
	color:#dddddd;
}
a:active{
	color:#1199ff;
}
a:hover{
		color:#1199ff;
}
a:link{
		color:#dddddd;
}
a:visited{
		color:#448877;
}


.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.clearfloat hr{
	display:none;
}

div#container{
  width:100%;
  margin:0;
  padding:0;
  border:0;
  background:#000000;
  color:#ffffff;
  max-width: 1500px;
  min-width: 950px;
  position:relative;
  min-height:100%;
}

div#hlavicka{
 color:#000000;
 margin:0px;
 padding:0px;
 background: #d4d4d4  url("../pics/head-back-7x194.jpg") top left repeat-x;

}

div#loga{
width:190px;
float:left;
text-align: left;
}

div#headimage{
width:710px;
height:194px;
float:right;
background: transparent url("../pics/head-img-710x194.jpg") top left no-repeat;
}

a#logostepp{
margin-left:30px;
margin-top:20px;
display:block;
width:150px;
height:70px;
background: transparent url("../pics/head-logo-stepp-150x70.gif") top left no-repeat;
text-decoration:none;
}

a#logostepp span {
visibility:hidden;
}

a#logoark{
margin-left:30px;
margin-top:20px;
display:block;
width:65px;
height:65px;
background: transparent url("../pics/head-logo-ark-65x65.png") top left no-repeat;
text-decoration:none;
}

a#logoark span {
visibility:hidden;
}

.clear{
	clear:both;
}

div#topmenubar{
	width:100%;
}

div#hornimenu{
margin:0 150px;
}

ul#topmenu{
 list-style: none;
}

ul#topmenu li{
display:inline;
font-size: 1.3em;
font-weight:bold;
}

ul#topmenu li a{
 text-decoration: none;
 color:#042d51;
 background:transparent;
}

a#onas:hover, a#onas.active {
 color:#446d81;
  background:transparent;
}
a#kontakt:hover, a#kontakt.active{
 color:#446d81;
  background:transparent;
}
a#infoservis:hover, a#infoservis.active{
 color:#446d81;
  background:transparent;
}     
	  
  
ul#verze{
 list-style: none;
  float:right;
  width:149px;
}
ul#verze li{
display:inline;
}
ul#verze li a{
  text-decoration: none;
  display:block;
  float:right;
   }
  
ul#verze li a span{
  display:none;
}

a#cz{
 width:39px;
 height:29px;
background: url("../pics/cr-vlajka-pasiv-39x29.png");
}
a#en{
 width:41px;
 height:29px;
background: url("../pics/en-vlajka-pasiv-41x29.png");
}
a#cz:hover, .lang_cz a#cz{
 width:39px;
 height:29px;
background: url("../pics/cr-vlajka-aktiv-39x29.png");
}
a#en:hover,.lang_en a#en{
width:41px;
 height:29px;
background: url("../pics/en-vlajka-aktiv-41x29.png");
}

div#obsah{
padding:0;
padding-top:10px;
font-size:90%;
min-height:500px;
height:500px;
height:auto !important;

}

#homepage div#obsah {
	background: #000000 url("../pics/hp-back-5x531.jpg") repeat-x;
	padding-top:30px;
	position:relative;
	}
	
#page_kontakt div#obsah {
	background: #000000 url("../pics/hp-back-5x531.jpg") repeat-x;
	}

#page_infoservis div#obsah {
	background: #000000 url("../pics/hp-back-5x531.jpg") repeat-x;
	}
	
#page_residencni div#obsah {
	background:  #000000 url("../pics/residencni-back-5x531.jpg") repeat-x;
	}	
	
#page_investicni div#obsah {
	background:  #000000 url("../pics/investicni-back-5x531.jpg") repeat-x;
	}
	
#page_ostatni div#obsah {
	background:  #000000 url("../pics/ostatni-back-5x531.jpg") repeat-x;
	}		
	
#page_realizovane div#obsah {
	background:   #000000  url("../pics/realizovane-back-5x531.jpg") repeat-x;
	}	


div#mainmenu ul li{
 float:left;
 padding:0px 0px;
}

div#mainmenu ul li a span{
display:none;
	}

div#mainmenu ul{
 list-style: none;
}

div#mainmenu{
		 width:700px;
		  margin:0 auto;
}

 div#mainmenu ul li a{
 display:block;
  height: 84px;
  }

/*-----------------------------------*/

#mainmenu a#residencni{
 width:  180px;
 background: url("../pics/residencni-180x84.png");
}

#mainmenu a#ostatni{
width:  169px;
	background: url("../pics/ostatni-169x84.png");
}

#mainmenu a#investicni{
width:  169px;
	background: url("../pics/investicni-169x84.png");
}

#mainmenu a#realizovane{
width:  180px;
	background: url("../pics/realizovane-180x84.png");
}
  
#mainmenu a#residencni:hover, #mainmenu a#residencni.active{
  width:  180px;
 background: url("../pics/residencni-aktiv-180x84.png");
}
	
 #mainmenu a#ostatni:hover,  #mainmenu a#ostatni.active{
width:  169px;
	background: url("../pics/ostatni-aktiv-169x84.png");
}

#mainmenu a#investicni:hover, #mainmenu a#investicni.active{
width:  169px;
	background: url("../pics/investicni-aktiv-169x84.png");
}

#mainmenu a#realizovane:hover, #mainmenu a#realizovane.active{
width:  180px;
	background: url("../pics/realizovane-aktiv-180x84.png");
}
 /*---------------------------------------*/
 
.lang_en #mainmenu a#residencni{
 background: url("../pics/residencni-180x84en.png");
}
.lang_en #mainmenu a#ostatni{
	background: url("../pics/ostatni-169x84en.png");
}
.lang_en #mainmenu a#investicni{
	background: url("../pics/investicni-169x84en.png");
}
.lang_en #mainmenu a#realizovane{
	background: url("../pics/realizovane-180x84en.png");
}

.lang_en #mainmenu a#residencni:hover, .lang_en #mainmenu a#residencni.active{
 background: url("../pics/residencni-aktiv-180x84en.png");
}

.lang_en #mainmenu a#ostatni:hover, .lang_en #mainmenu a#ostatni.active{
	background: url("../pics/ostatni-aktiv-169x84en.png");
}

.lang_en #mainmenu a#investicni:hover, .lang_en #mainmenu a#investicni.active{
	background: url("../pics/investicni-aktiv-169x84en.png");
}
.lang_en #mainmenu a#realizovane:hover, .lang_en #mainmenu a#realizovane.active{
	background: url("../pics/realizovane-aktiv-180x84en.png");
}

/*-------------------------------------------------------*/
 /*pro homepage*/
 
#homepage div#mainmenu{
  margin:0 auto;
	width:873px;
}

#homepage div#mainmenu ul li a, #homepage div#mainmenu ul li a:hover, #homepage div#mainmenu ul li a.active{
 width:218px;
 height:233px;
 display:block;
 }

#homepage #mainmenu a#residencni{
	background: url("../pics/rn-hp-menu-218x233.png");
}
	
#homepage #mainmenu a#ostatni{
	background: url("../pics/on-hp-menu-218x233.png");
}

#homepage #mainmenu a#investicni{
	background: url("../pics/ip-hp-menu-218x233.png");
}

#homepage #mainmenu a#realizovane{
	background: url("../pics/rp-hp-menu-218x233.png");
}
	
#homepage #mainmenu a#residencni:hover, #homepage #mainmenu a#residencni.active{
	background: url("../pics/rn-hp-menu-aktiv-218x233.png");
}
	
#homepage #mainmenu a#ostatni:hover, #homepage #mainmenu a#ostatni.active{
	background: url("../pics/on-hp-menu-aktiv-218x233.png");
}

#homepage #mainmenu a#investicni:hover, #homepage #mainmenu a#investicni.active{
		background: url("../pics/ip-hp-menu-aktiv-218x233.png");
}

#homepage #mainmenu a#realizovane:hover, #homepage #mainmenu a#realizovane.active{
	background: url("../pics/rp-hp-menu-aktiv-218x233.png");
}

#homepage.lang_en #mainmenu a#residencni{
	background: url("../pics/rn-hp-menu-218x233en.png");
}

#homepage.lang_en #mainmenu a#ostatni{
	background: url("../pics/on-hp-menu-218x233en.png");
}

#homepage.lang_en #mainmenu a#investicni{
	background: url("../pics/ip-hp-menu-218x233en.png");
}

#homepage.lang_en #mainmenu a#realizovane{
	background: url("../pics/rp-hp-menu-218x233en.png");
}

#homepage.lang_en #mainmenu a#residencni:hover,#homepage.lang_en #mainmenu a#residencni.active{
	background: url("../pics/rn-hp-menu-aktiv-218x233en.png");
}

#homepage.lang_en #mainmenu a#ostatni:hover,#homepage.lang_en #mainmenu a#ostatni.active{
	background: url("../pics/on-hp-menu-aktiv-218x233en.png");
}

#homepage.lang_en #mainmenu a#investicni:hover,#homepage.lang_en #mainmenu a#investicni.active{
		background: url("../pics/ip-hp-menu-aktiv-218x233en.png");
}

#homepage.lang_en #mainmenu a#realizovane:hover,#homepage.lang_en #mainmenu a#realizovane.active{
	background: url("../pics/rp-hp-menu-aktiv-218x233en.png");
}
/*-------------------------------------------------------*/
	
div#vnitrek{
 width:680px;
 text-align: left;
 margin:auto;
 color:#eeeeee;
 }

#homepage div#vnitrek{
width:825px;
}

div#vnitrek table{
	width:100%;
   font-size:100%;
   font-family:Arial,sans-serif;
	padding:0;
	text-align:left;
	color:#ffffff;
	color:#eeeeee;
	margin:1.1em auto;
	border-collapse: collapse;
	}		
	
div#vnitrek table th{
	border:none;		
	text-align:center;
	font-size: 130%;
	line-height: 1.7em;
	font-family:Helvetica,sans-serif;
	}
	
div#vnitrek table tr{
	border:none;		
}
	
div#vnitrek table.vypis td {
	padding:0;
	margin:0;
	border:none;		
}

div#vnitrek table.vypis2 td {
	padding:0;
	padding-right:0.8em;
	margin:0;
	border:none;
}

div#vnitrek table td.doprava{
 text-align:right;
 padding-right:0;
}

#page_residencni div#vnitrek table.vypis tr{
 background:#1d3905 url(../pics/res-table-bckg-5x180.jpg) top left repeat-x ;
}

#page_ostatni div#vnitrek table.vypis tr{
	 background:transparent;
}

#page_investicni div#vnitrek table.vypis tr{
 background:transparent;
}

#page_realizovane div#vnitrek table.vypis {
border:1px solid #065c6d;
}

#page_realizovane div#vnitrek table.vypis tr{
 background:#000000  url(../pics/real-table-bckg-5x300.jpg) top left repeat-x ;
}

#page_realizovane div#vnitrek table.vypis tr.realpopis{
background:transparent;
} 

#page_realizovane div#vnitrek table.vypis tr#realpopis td{
 padding:0;
} 

#page_realizovane div#vnitrek table.vypis tr#realpopis div{
 padding:7px;
}
		
#page_residencni div#vnitrek table.vypis th, #page_residencni div#vnitrek table.vypis2 th{
 background:#396f09;
}

#page_ostatni div#vnitrek table.vypis, #page_ostatni div#vnitrek table.vypis2 th{
 background:#e5ad00;
}

#page_investicni div#vnitrek table.vypis th{
 background:#cd0d50;
}

#page_realizovane div#vnitrek table.vypis th{
 background:#09aacd;
}

#page_infoservis div#vnitrek table.vypis th {
background:#06a6b8;
}

#page_realizovane div#vnitrek table.vypis td{
 padding:8px;
 padding-left:2em;
 text-align:center;
 
}

#page_realizovane div#vnitrek table.vypis tr.trimages td{
 padding-left:0;
 padding-right:0;
 text-align:center;
}

table.vypis a{
 text-decoration:none;
}
table.vypis a:visited {
 color:#DDDDDD;
}

div#footer{
   text-align: right;
}

div#footer img{
margin:2em;
}
	
div#vnitrek table.centr{
  margin:3em 0;
  text-align:center;
}

div#vnitrek table.centr td{
  
  padding:0;
  vertical-align:top;
}

ul#adresa{
 text-align:left ;
 list-style:none;
 color:#cccccc;
}


img.thumb{
margin-bottom:0.3em;
margin-top:0.5em;
}

.unhide{
display:block;
z-index:0;
}

.unhide:hover{
position:relative;
background-color: white;
z-index:150;
}

.unhide div{
position:absolute;
background-color: black;
padding: 10px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: white;
text-decoration: none;
width:500px;

}

.unhide div table {
color:black;
}

.unhide div table td, .unhide div table th{
 vertical-align:top;
}

.unhide:hover div{
visibility:visible;
top:1.4em;
left:60px;
}

div.doc{
 padding:2em 2em 2em 2em;
}

.doc h1{
 margin-top:2em;
 margin-bottom:1em;
 font-size:140%;
 line-height:1.3em;
 
}

.doc h2{
 font-size:125%;
 margin-top:2em;
 line-height:1.2em;
 margin-bottom:1em;
 
}

.doc hr{
color:#ffffff;
margin:1em;
border:1px solid gray;
}

.doc p{
 margin: 1em 0;
}

.doc p.odsad{
 margin-left:2em;
}

.doc ul, .doc ol{
 
}

.doc ul li, .doc ol li{
 margin-left: 3em;
 margin-bottom:0.5em;
}

.doc ol.cisla{
 list-style-type: decimal;
}

.doc ol.pismena{
 list-style-type: lower-roman;
}