* { margin: 0px; padding: 0px; }
img { border: none; }

body { background:  #000 ;

color:#fff;
	font: 0.7em  'Trebuchet MS', Tahoma, verdana,  sans-serif;
	line-height: 2.0em; }
.delicicara { clear:both; background: #690F19; height: 10px; width: 800px;}
a { color: #fff; text-decoration: underline; }
a:hover { color: #333;text-decoration: none; }

.prvnitext { color: #ff781f; }
.druhytext { color: #ff781f; }

#rotate { width: 638px;  height: 110px;  overflow: hidden; margin: 15px 0;}

#rotate img {margin: 0 8px; border: 4px solid #007;}







#prostor{ margin: 0px auto; width: 850px; background: #212B5C ; border: 5px solid #444;}
#telo{ margin: 0px auto; width: 750px; background: #212B5C ;}
#hlava { clear: both; width: 750px; height: 200px; padding-top: 20px;
background: #212B5C url(hlava.jpg);

}


#slogan { margin: 15px 10px; 

color: white;
font-family: Arial, Tahoma, Verdana;
font-size: 12px;
font-weight: bold;
left: 750px;
line-height: 36px;
position: absolute;
top: 0px;
}




















.hlavniobrazek, .hlavniobrazek a
{ float: left; width: 750px; height: 300px;display: block; 
    margin: auto; 
background: transparent url("prodej-bytu.jpg") no-repeat; 
	
} 







	
.hlavniobrazek a:hover 
{ 
background: transparent url("mapa.jpg") no-repeat; 

} 	


.hlavniobrazek a .detail 
{ 
display: none; 
}


#hlavaMenu { clear: both; background: #212B5C; height: 30px; margin: 1px 0px 10px 0px;  
}



.menu {color: #fff; padding: 0; margin: 0; list-style-type: none; display:block}
.menu ul {margin-top: 0px; position: absolute; visibility: hidden; background-color:#1B2455; margin: 0; padding: 0; list-style-type: none;}
.menu li {float: left; padding: 2px 2px 0 2px; width: 144px; white-space: nowrap;}
.menu a {padding: 2px; text-align: left; padding-left: 15px; color: #fff; background-color:#1B2455; display: block; text-decoration: none; font-weight: bold;}
.menu ul a:link {color: #fff; border-bottom: none; padding-left: 15px; padding-left: 19px;}
.menu ul a:visited {color: #fff; border-bottom: none; padding-left: 15px; padding-left: 19px;}
.menu ul a:hover {color:#c7d4e7; background-color: #1B2455;}
.menu li:hover ul, ul.menu li.hover ul { visibility: visible;}
.menu li li {float: none; border: none; padding: 0; margin: 0;}





























.hlavnilogo{float: left;
 padding: 0px;
 width: 400px;
 height: 222px;
 background:#212B5C; border-bottom: 5px solid #c7d4e7; 
 
 }


.hlavnitext{float: right;



 margin-right: 5px;padding-top: 10px;
 width: 300px;
 height:222px;
 background:#212B5C;
 
 }
 



#eshoparotace {  width: 650px; height: 180px; clear: both; margin-top: 5px; background: #212B5C;  padding-left: 80px; text-align: center;}

.dominantnitext { color: #fff; }

.odstavec { padding: 5px; border: 2px solid #007; background: #212B5C;}

.odstavecdve { padding-top: 15px; }

h1 { font: normal 50px   'Trebuchet MS', Tahoma, verdana,  sans-serif; color: #fff; margin-top: 20px; 
padding-top: 10px; padding-left: 10px;}

.vestavba { font: normal 35px   'Trebuchet MS', Tahoma, verdana,  sans-serif; color: #fff; margin-top: 20px; 
padding-top: 10px; }






h2 { font: normal 22px   'Trebuchet MS', Tahoma, verdana,  sans-serif; color: #fff; line-height: 2.0em; 
padding-left: 10px; }
.pudni { font: normal 22px   'Trebuchet MS', Tahoma, verdana,  sans-serif; color: #fff; line-height: 2.0em; 
margin-top: 20px; 
padding-top: 10px; }

h2 .orange { color: #f90; }
h2 .green { color: #9c0; }
h3 { font: bold 20px  'Trebuchet MS', Tahoma, verdana,  sans-serif; color: #fff;  	line-height: 2.0em; margin-bottom: 10px;text-decoration:underline;
}
h4 { font: bold 15px  'Trebuchet MS', Tahoma, verdana,  sans-serif; color: #fff; 	line-height: 2.0em; margin-bottom: 20px; }
p {
margin-bottom: 20px;

font: 12px  'Trebuchet MS', Tahoma, verdana,  sans-serif; color: #000000; line-height: 2.0em;
}


#levytext {  width: 730px; border: 1px solid #0A1646;	 	

	background-color: #1B2455;padding: 10px; margin-top: 15px;color: #fff;}
#levytext p { margin: 15px 0px; text-align: justify;font: normal 12px  'Trebuchet MS', Tahoma, verdana,  sans-serif; color: #fff;  	line-height: 2.0em; margin-bottom: 10px;
padding-left: 5px; }
#levytext p.more { text-align: right; font: 12px  'Trebuchet MS', Tahoma, verdana,  sans-serif; color: #008000; }
.hline { margin: 0px; padding: 0px; border-bottom: 2px solid #007; }














 p,
  ul,
  ol { 
    margin-bottom: 18px; 
  }
  ul {
    list-style-type: square;
    margin-left: 2em;
  }
 
  .left { 
    float: left; 
    margin: 0 18px 18px 0; 
  }
  .right { 
    float: right; 
    margin: 0 0 18px 18px; 
  }
  .callout {
   
    border: 1px solid #ddd;
    
    padding: 8px 10px;
    margin-bottom: 18px; 
  }
  .callout :last-child { 
    margin-bottom: 0; 
  }
  
  .column { 
    float: left; 
    width: 65%;
  }
  .sidebar {
    width: 25%;
   
   
  }
  #content {
    margin: 36px 36px 36px 72px;
    min-width: 40em;
    max-width: 60em;
    _width: 50em;
    
    background-color:#1B2455;
  }
  #biopic {
    width: 98px;
  }
















.inline-button 
{ 

margin: 0 0.2em; 
padding: 0.1em 0; 
_padding:0; 
border: 1px solid black; 
white-space: nowrap; 
text-decoration: none; 
vertical-align:middle; 

color: black; 
} 

.inline-button em 
{ 
_width:1em; 
_cursor:hand; 

margin:0; 
padding: 0.1em 0.5em; 

color: black; 
} 

.inline-button span 
{ 
_width:1em; 
_cursor:hand; 
margin:0; 
padding: 0.1em 0.5em 0.1em 0.3em; 
} 

.inline-button:hover 
{ 

color: white; 
} 

.inline-button:hover em 
{ 

color: white; 
} 

.typint 
{ 

color: white; 
} 

.typint em 
{ 

color: #6394d6; 
} 

.typknih 
{ 

color: #6394d6; 
} 

.typknih em 
{ 

color: white; 
}




#reference {
	  float: left;
	  width: 604px;
	  padding-left: 80px;
	 
	}
	#reference dl {
	  float: left;
	  width: 560px;
	  margin: 10px 20px;
	  padding: 0;
	  display: inline; 
	}
	#reference dt {
	  float: right;
	  width: 162px;
	  margin: 0;
	  padding: 0;
	  
	  
	  
	}
	#reference dd {
	  margin: 0 0 0 0px; 
	  padding: 0;
	  
	}
	#reference dl dd.obr {
	  margin: 0; 
	}
	#reference dd.obr img {
	  float: left;
	  margin: 0 8px 0 0;
	  padding: 4px;
	  border: 1px solid #D9E0E6;
	  border-bottom-color: #C8CDD2;
	  border-right-color: #C8CDD2;
	  background: #fff;
	}
	
	/* otočení směru plovoucího umístění */
	
	#reference .zmena dt {
	  float: left;
	}
	#reference .zmena dd {
	  margin: 0 0px 0 0;
	}
	#reference .zmena dd.obr img {
	  float: right;
	  margin: 0 0 0 8px;
	}






.cara3 
{ 
color: #f70; 
background: #f70; 
border: solid #f70 1px; 

width: 40%; 
} 


form {               
width: 700px; 
} 
fieldset { 
padding: 0px; 
margin: 0 0 10px 0; 
border: 1px solid #E0E0E0; 
} 
legend { 
font-size: 11px; 
font-weight: normal; 
color: #E0E0E0; 
margin: 0px 0; 
padding: 0px; 
border: 1px #E0E0E0; 
background: #E0E0E0; 
color: black; 
}      
label { 
font-family: Arial, helvetica, sans-serif; 
font-size: 11px; 
width: 100px; 
float: left; 
display: block; 
} 

form br { 
display: none; 
} 
input, textarea, select { 
width: 250px; 
margin: 0 0 10px 0; 
} 
input.psc { width: 80px }  





.correct { 
clear: left; 
height: 1px; 
} 







#paticka { clear: both; width: 750px; margin-top: 5px; background: #212B5C; padding: 5px; text-align: center;  }
#paticka ul { list-style: none; }
#paticka ul li { margin: 0px 4px;  display: inline; }
#paticka ul li a { font-weight: bold; color:#384d52; text-decoration: none; }
#paticka ul li a:hover { color: #333; }