

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: #BFBFBF url(images/background.gif);
 font-size: 14px;
 color: #232323;
}



#wrapper { 
 margin: 0 auto;
 width: 800px;
 margin-top: 20px;
 border: 8px solid #989898;
 background: #607C3C;
 
}


#leftcolumn { 
 background: #94B936;
 margin: 0px 0px 0px 0px;
 height: 250px;
 width: 270px;
 float: left;
 padding-top: 20px;
}

#leftcolumn h1 {
	background: url(images/bytovydumopletalka.png) no-repeat top center;
	width: 270px;
	height: 115px;
}

#leftcolumn h2 {
	background: url(images/stavart.png) no-repeat top center;
	width: 270px;
	height: 75px;
	}
	

#leftcolumn img {
	border: none;
	margin: 0 55px 0 55px;
}

#leftcolumn p {
color: #3A4927;
text-align: center;
 font-size: 12px;
 
}

#leftcolumn h1 span, #leftcolumn h2 span {
	visibility: hidden;
}

#content { 
 float: left;
 background: #F2F2E6 url(images/opletalka_top1.jpg) no-repeat;
 margin: 0px 0px 0px 0px;
 height: 270px;
 width: 530px;
 display: inline;
}

#content h1 {
	display: block;
	width: 539px;
	height: 200px;
	background: url(images/akce.png) no-repeat top right;
	float: right;
}

#content h1 span {
display: none;
}
#leftcolumn2 { 
 background: #607C3C url(images/bg-left2.png) repeat-x top;
 margin: 0px 0px 0px 0px;
 min-height: 300px;
 width: 230px;
 float: left;
 padding: 20px;
}

#leftcolumn2 ul {
margin-left: 20px;
}

#leftcolumn2 ul li {
display: block;
width: 180px;
height: 38px;
list-style:none;
}

#leftcolumn2 ul li a  {
display: block;
	width: 178px;
	height: 35px;
	text-decoration: none;
}

#leftcolumn2 ul li a span {
visibility: hidden;
text-decoration: none;

}

#leftcolumn2 ul li.uvod {
height: 36px;
background: url(images/menu.png) no-repeat 0px -2px;
}
#leftcolumn2 ul li.uvod:hover, #leftcolumn2 ul li.uvod-on {
	background: url(images/menu.png) no-repeat 0px -38px;
}


#leftcolumn2 ul li.byty {
	background: url(images/menu.png) no-repeat 0px -74px;
}
#leftcolumn2 ul li.byty:hover, #leftcolumn2 ul li.byty-on {
	background: url(images/menu.png) no-repeat 0px -110px;
}

#leftcolumn2 ul li.prohlidka {
	background: url(images/menu.png) no-repeat 0px -295px;
}
#leftcolumn2 ul li.prohlidka:hover, #leftcolumn2 ul li.prohlidka-on {
	background: url(images/menu.png) no-repeat 0px -331px;
}


#leftcolumn2 ul li.projekt {
	background: url(images/menu.png) no-repeat 0px -148px;
}
#leftcolumn2 ul li.projekt:hover, #leftcolumn2 ul li.projekt-on {
	background: url(images/menu.png) no-repeat 0px -184px;
}


#leftcolumn2 ul li.kontakt {
	background: url(images/menu.png) no-repeat 0px -220px;
}
#leftcolumn2 ul li.kontakt:hover, #leftcolumn2 ul li.kontakt-on {
	background: url(images/menu.png) no-repeat 0px -255px;
}


#leftcolumn2 ul li.tel {
	background: url(images/tel.png) no-repeat 0px -8px;
}


#leftcolumn2 img {
border: 3px solid #F5FFDD;
margin: 0 24px 0 24px;
}

#leftcolumn2 img:hover {
border: 3px solid #94B936;
}

#content2 { 
 float: left;
 background: #F4F4F4 url(images/opletalka.png) no-repeat bottom center;
 margin: 0px 0px 0px 0px;
 padding: 20px;
 min-height: 350px;
 width: 490px;
 display: inline;
}

#content2 a {
	color: #232323;
}

#content2 a:hover {
	color: #B20202;
}

#content2 table {
	margin-bottom: 20px;
	
}

#content2 td {
	width: 150px;
}

#content2 h1 {
	width: 100%;
	margin: 0 0 5px 0;	
}

#content2 table.byt {
	width: 100%;	
	
}

#content2 table.byt td {
text-align: center;
width: 45%;

}

#content2 table.byt td ul {
text-align: left;
margin-left: 20px;
width: 230px;

}

#content2 table.byt td p {

vertical-align: top;
	
		
}

#content2 table.byt tr.text  {
vertical-align: top;
}

#content2 table.byt tr.text span, #content2 span {
vertical-align: super;
font-size: 80%;
}

#content2 table.byt td h3 {
	color: #B20202;
	font-size: 16px;
}


#content2 table.byt img {
	border: none;
}

#content2 table.byt a img:hover{
	background: #E9E9E9;
}

#content2 h1.max {
	background: url(images/nadpis1.png) no-repeat center;
}

#content2 h1.sestava {
	background: url(images/nadpis2.png) no-repeat center;
}

#content2 h1.pdy {
	background: url(images/nadpis3.png) no-repeat top center;
}

#content2 h1.nove {
	background: url(images/nadpis4.png) no-repeat top center;
}

#content2 h2.ncena {
	background: url(images/nadpis5.png) no-repeat top center;
	display: block;
	height: 30px;
}

#content2 h1 span, #content2 h2 span {
	visibility: hidden;
}

#content2 p {
	text-align: justify;
	padding-bottom: 10px;
}

#content2 p.ncen {
	text-align: center;
	font-size: 120%;
	padding: 10px 0 10px 0;
}


#content2 ul {
	margin: 10px 0 20px 30px;
	
}



#content2 ul li {
	list-style-image: url(images/li.png);
	line-height: 140%
}

#footer { 
 width: 790px;
 height: 170px;
 clear: both;
 background: #494949;
 border-top: 8px solid #989898;
 padding: 5px 5px 5px 5px;
  
}

#footer ul li {
float: left;
width: 195px;
height: 162px;	
list-style: none;
text-align: center;
}

#footer ul li a {
display: block;
width: 195px;
height: 162px;
color: #DEDDDD;
text-decoration: none;		
}

#footer ul li a:hover {
color: #94B936;
text-decoration: none;		
}

#footer ul li a.pp {
background: url(images/pudorys1pp.png) no-repeat -10px 8px ;	
}
#footer ul li a.pp:hover, #footer ul li a.pp-on {
background: url(images/pudorys1pp.png) no-repeat -10px -154px ;	
}

#footer ul li a.np {
background: url(images/pudorys1np.png) no-repeat 0 8px ;	
}
#footer ul li a.np:hover, #footer ul li a.np-on {
background: url(images/pudorys1np.png) no-repeat 0 -154px ;	
}

#footer ul li a.nnp {
background: url(images/pudorys2np.png) no-repeat 0 8px ;	
}
#footer ul li a.nnp:hover, #footer ul li a.nnp-on {
background: url(images/pudorys2np.png) no-repeat 0 -154px ;	
}

#footer ul li a.nnnp {
background: url(images/pudorys3np.png) no-repeat 0 8px ;	
}
#footer ul li a.nnnp:hover, #footer ul li a.nnnp-on {
background: url(images/pudorys3np.png) no-repeat 0 -154px ;	
}



#footer2 { 
 width: 800px;
 clear: both;
 color: #989898;
  margin: 0 auto;
  margin-bottom: 20px;
  text-align: right;
  font-size: 90%;
   
}

#footer2 p.web a{
margin: 0;
padding: 0;
font-size: 80%;
color: #404040;
}

#footer2 p.web a:hover {
	color: #94B936;
}

i.red {
	color: Red !important;
	font-weight: bold;
}
