/*  Vytvořilo v roce 2008 webdesign studio WPJ, www.wpj.cz | info@wpj.cz | tel.: +420 775 131 400 | Vrchlabí  */
html, body {
	margin: 0; border: 0; padding: 0;
	background: #FAEACE url(../images/pozadi.jpg) repeat-x;
	color: black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 85%;
	text-align: left;
}
A { font-weight: normal; text-decoration: none; }
A:link { color: black; }
A:visited { color: black; }
A:hover { color: #8D1216; 
text-decoration: none;}
img { border: none; }

/*  layout dvousloupcovy BOX- wpj  */
#page { margin: auto; width: 970px;
position: relative;
text-align: center;}
#okraj-top { height: 48px;
background-image: url(../images/pozadi-top.jpg);
background-repeat: no-repeat;
}
#top {height: 167px;}

#foto { position: absolute; 
top: 64px;
right: 20px;}
#logo { position: absolute; top: 40px; left: 30px;
padding: 0; margin: 0; 
border: 0;
height: 120px;
background-image: url(../images/reality-sos.jpg);
background-repeat: no-repeat;}

#logo a {
	display:block;
	width:150px; height:120px;
	margin:0; padding:0;
	text-decoration: none;
	}
#logo a span { display:none; padding: 0; margin: 0;  }

#stred { text-align: left;
background: #FAEACE url(../images/pozadi-main.jpg) repeat-x;
position: relative;
min-height: 303px;
height: 100%;
_height: 303px;
padding-top: 10px;
padding-left: 40px;
padding-right: 15px;
padding-bottom: 10px;}

#stred p { 
padding: 5px;
margin: 0px;}

#stred ul { 
padding-bottom: 15px;
list-style-type:none;}

#stred h2{ 
padding: 5px 0 5px 0;}

#uvod {
margin-top: 45px;}

#uvod p {
margin:5px 0 0 10px;
border-left: 3px solid #9C2813;
padding: 3px 15px 3px 10px}


#nabidka {
background: url(../images/nabidka.gif) no-repeat;
width: 373px;
height: 233px;}

#nabidka h2 {
font-size: 150%;
padding: 12px 10px 0 10px;
margin: 0;}

#nabidka ul {
list-style-type: square;
margin: 5px 0 0 15px;
padding: 0 0 0 15px; }

#nabidka li {
padding: 5px 0 5px 0;
margin: 0;}

#reality {
width: 900px;
margin: auto;
text-align: left }

#reality h2 {
font-size: 150%;
padding: 0 0 0 20px;
margin:0; }

.realita { 
position: relative;
text-align: left;
background-image: url(../images/pozadi-realita.jpg);
width: 420px;
height: 150px;
float: left;
margin: 10px 10px 10px 10px;
padding: 0;}

.realita img{ 
float: left;
padding: 12px;}

.realita h3 { 
font-weight: bold;
padding: 15px 7px 0px 0px;
margin: 0;
font-size: 100%;}

.realita A { 
font-weight: bold;}

.realita A:link{ 
color: Black;
font-weight: bold;
text-decoration: none;}
.realita A:hover{ 
color: #8D1216;
font-weight: bold;
text-decoration: none;}

.realita img.tlacitko{ 
position: absolute;
bottom: 0px;
right: 0px;}

.realita span{ 
width: 155px;
position: absolute;
bottom: 15px;
left: 220px;}

.realita-detail img{ 
padding: 8px;}

.realita-detail { 
position: relative;
text-align: left;
background-image: url(../images/pozadi-realita.jpg);
width: 210px;
height: 150px;
float: left;
margin: 5px 5px 5px 5px;
padding: 0;}

#realita-foto { 
margin-left: 450px;
margin-top: 15px;}
#realita-foto h2 {
font-size: 110%;
font-weight: bold; 
padding: 0 0 0 15px;
margin: 0;}

#left { 
float: left;}
.kontakt { 
width: 320px;}
.prodej{ 
width: 450px;}
.uvod { 
width: 500px;}


#right-uvod { 
margin: 15px 20px 0 500px}

#right { 
margin-left: 320px;
margin-top: 15px;}

#zobrazit { 
float: right;
margin-top: 10px;
padding-right: 45px;}


#zobrazit form{ 
padding: 0;
margin: 0;}

#zobrazit option{ 
background-color: #FEE6C4;
padding: 0 3px 0 3px;
margin: 0;}
hr.cleaner { clear: both; margin: -1px 0 0 0; padding: 0; border: none; height: 1px; visibility: hidden; }
/*  layout hl BOX- wpj ende */
/*  layout dvousloupcovy BOX- wpj ende  */
/*  botton BOX- wpj */
#spodek {
margin: auto;
	font: 80%  Verdana, Arial, Helvetica, sans-serif;
	height: 30px;
	width: 920px;
	color: white;
	position: relative;
	background: url(../images/pozadi-spodek.gif) no-repeat;
	padding-bottom: 10px;
}
#spodek-left {
float: left; 
margin: 9px 5px 0 10px; }
#spodek-right A.wpj { 
font-weight: normal;
text-decoration: none; }
#spodek-right { float: right; 
margin: 9px 10px 0 0; }
#spodek A { text-decoration: none;
font-weight: bold }
#spodek A:link { color: #ffffff; }
#spodek A:visited { color: #ffffff; }
#spodek A:hover { color: #ffffff;
text-decoration: none; }
/*  botton BOX- wpj  ende */

/*  hlavni-wpj  formatovani */
h1 {margin: 0px; padding: 0 0 5px 0px; font-size: 180%; }
h2 {margin: 0; padding: 5px; font-size: 190%; color: #242211; }
/*  hlavni-wpj  formatovani ende*/


/*  mapy-wpj  api-amapy*/
#wpjmaps {
margin: 0;
width: 550px;
height: 350px;
border: solid 4px white;
color: Black;
}
/*  mapy-wpj end api-amapy */



/*  menu-wpj  */
#menu {
color: White;
 font-size: 115%;
letter-spacing: 0.5px;}
#menu ul
{ margin:0; padding:22px 0 0 40px;
list-style-type:none;
}
#menu li
{margin: 0 5px 0 5px;
padding: 0;
display:block;
float:left;
}
#menu A { 
font-weight: bold;
text-decoration: none;}
#menu A:link { color: #ffffff;}
#menu A:visited { color: #ffffff;
text-decoration: none;}
#menu A:hover { color: #CC8171;
text-decoration: none;}


#menu A.oz:link, #menu A.oz:visited,#menu A.oz:hover  { color: #CC8171;}
/*  menu-wpj-end  */