/*  Hermanuv dvur
    (c) 2007  Martin Svetlik */
    
* { margin: 0; padding: 0; }
body {
  font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
  font-size: 11px;
  line-height: 15px;
}

/* ------------------------------ Vseobecne vlastnosti ---------------------------------*/

a, a:visited { text-decoration: underline; }
a:hover { text-decoration: none; }
a img { border: none; }

.hidden { display: none; }
.center { text-align: center; }

h3 { font-size: 110%; font-weight: normal; margin: 10px 0; text-align: center; }
h4 { margin-bottom: 10px; }

table { 
  display: table; 
  border-collapse: collapse; 
  width: 100%; 
  border: 1px solid #b5ad9b; 
  text-align: right;
  margin-bottom: 25px;
}
tr { display: table-row; }
th, td { display: table-cell; border: 1px solid #b5ad9b; margin: 0; padding: 5px; vertical-align: top; text-align: left; }
th { background: #9c927d; font-weight: normal; vertical-align: middle; }

table.flat {  width: 75%; margin: 10px auto; }
table.flat th,td { text-align: left; }
table.flat th.t-center { text-align: center; }

table#ceny { padding-left: 3px; width: 101%; margin-bottom: 5px;font-size: 11px; }
table#ceny td, table#ceny th { text-align: right; }
table#ceny td.t-left, table#ceny th.t-left { text-align: left; }

.t-left { text-align: left; }
.t-right { text-align: right; }
.flash { margin-bottom: 25px; }

.size { width: 40%; }

/* ------------------------------ Layout webu ---------------------------------*/

#page { width: 1004px; text-align: left; }

/* ------------------------------ Vlevo ---------------------------------*/

#left { width: 187px; float: left; }
#contacttel{
	padding: 30px 15px 0 15px;
	color: #302c25;
	line-height: 1.3;
	font-size: 12px;
	}
#contacttel b{
	font-size: 18px;
	font-weight: normal;
	color: black;
	display: block;
	} 

/* logo */
#logo {
  position: relative;
  width: 150px;
  height: 140px;
  overflow: hidden;
  text-align: left;
  background: #fff;
	margin-top: 14px;
	margin-left: 23px;
}
#logo span {
  display: block;
  position: absolute; 
  left: 0; 
  top: 0; 
  z-index: 1;
  cursor: pointer;
  width: 150px;
  height: 140px;
  background: url('./logo.png') top left no-repeat;
}
#logo h1 a { font-size: 80%; color: #000; text-decoration: none; line-height: 116px; }
#logo h1 a:hover { text-decoration: underline; }

/* navigace */
#menu { margin-top: 49px; }
#menu ul li { list-style: none; }
#menu ul li a {
  padding-top: 7px;
	padding-left: 24px;
	width: 162px;
	height: 23px;
	display: block;
	text-decoration: none;
	color: #000;
}
#menu ul li a:hover { text-decoration: underline; }
#menu li#active a { font-weight: bold; color: #fff; }


#lang ul { margin-left: 56px; }
#lang ul li {
  position: relative;
  width: 22px;
  height: 21px;
  overflow: hidden;
  list-style: none;
  float: left;
  margin-right: 6px;
}
#lang ul li a span {
  display: block;
  position: absolute; 
  left: 0; 
  top: 0; 
  z-index: 1;
  width: 22px;
  height: 21px;
  cursor: pointer; 
  background-position: 0 0px;
}
#lang ul li a { line-height: 21px; text-decoration: none; color: #000; }
#lang ul li a:hover { visibility: visible; text-decoration: underline; }

#lang ul li#cz span { background: url('./cz.png') top left no-repeat; background-position: 0 -21px; }
#lang ul li#cz a:hover span {	background-position: 0 -21px; }

#lang ul li#en span { background: url('./en.png') top left no-repeat; }
#lang ul li#en a:hover span {	background-position: 0 -21px; }

#lang ul li#ru span { background: url('./ru.png') top left no-repeat; }
#lang ul li#ru a:hover span {	background-position: 0 -21px; }
/* ------------------------------ Slogan - uprostred ---------------------------------*/

#cite { width: 199px; float: left; background: url(./house.png) bottom left no-repeat; min-height: 858px; }
#cite p {
  position: relative;
	width: 167px; 
	height: 126px;
  overflow: hidden;
  background: #fff;
  text-align: center;
  color: #9c9688;
  font-weight: bold;
  margin: 430px auto 0;
}
#cite p span {
  display: block;
  position: absolute; left: 0; top: 0; z-index: 1;
	width: 167px; 
	height: 126px;
  background: url('./cite.png') top left no-repeat;
}

#cite ul { margin-top: 87px; margin-left: 75px; }
#cite ul li {
  position: relative;
  width: 22px;
  height: 21px;
  overflow: hidden;
  list-style: none;
  float: left;
  margin-right: 6px;
}
#cite ul li a span {
  display: block;
  position: absolute; 
  left: 0; 
  top: 0; 
  z-index: 1;
  width: 22px;
  height: 21px;
  cursor: pointer; 
  background-position: 0 0px;
}
#cite ul li a { line-height: 21px; text-decoration: none; color: #000; }
#cite ul li a:hover { visibility: visible; text-decoration: underline; }

#cite ul li#cz span { background: url('./cz.png') top left no-repeat; background-position: 0 -21px; }
#cite ul li#cz a:hover span {	background-position: 0 -21px; }

#cite ul li#en span { background: url('./en.png') top left no-repeat; }
#cite ul li#en a:hover span {	background-position: 0 -21px; }

/* ------------------------------ Obsah ---------------------------------*/
#banner{
	width: 669px;
	height: 209px;
	clear: both;
	margin: 0 0 30px 0;
	}
#banner .slide{
	width: 669px;
	height: 209px;
	}

#content { 
  width: 817px; 
  float: left; 
  background: #a29882;
  color: #fff;
}

/* horní část - titulek */
#top {
  width: 100%;
  height: 80px;
  background: url(./cont-top.jpg) top right no-repeat;
  margin-top: 35px;
  padding-top: 55px;
}

#top h2 { position: relative; overflow: hidden; margin-left: 47px; font-size: 130%; }
#top h2 span { display: block; position: absolute; left: 0; top: 0; z-index: 1; }

#top h2.hp { width: 153px; height: 21px; }
#top h2.hp span { width: 153px; height: 21px; background: url('./h2/homepage.png') top left no-repeat; }

#top h2.pu { width: 217px; height: 21px; }
#top h2.pu span { width: 217px; height: 21px; background: url('./h2/pudorysy.png') top left no-repeat; }

#top h2.pri { width: 88px; height: 21px; }
#top h2.pri span { width: 88px; height: 21px; background: url('./h2/ceny.png') top left no-repeat; }

#top h2.loc { width: 76px; height: 21px; }
#top h2.loc span { width: 76px; height: 21px; background: url('./h2/lokalita.png') top left no-repeat; }

#top h2.mat { width: 88px; height: 21px; }
#top h2.mat span { width: 88px; height: 21px; background: url('./h2/materialy.png') top left no-repeat; }

#top h2.co { width: 78px; height: 21px; }
#top h2.co span { width: 78px; height: 21px; background: url('./h2/kontakt.png') top left no-repeat; }

#top h2.gvp { width: 263px; height: 21px; }
#top h2.gvp span { width: 263px; height: 21px; background: url('./h2/galerie.png') top left no-repeat; }

#top h2.kp { width: 188px; height: 21px; }
#top h2.kp span { width: 188px; height: 21px; background: url('./h2/k-pud.png') top left no-repeat; }

#top h2.news { width: 79px; height: 21px; }
#top h2.news span { width: 79px; height: 21px; background: url('./h2/novinky.png') top left no-repeat; }

/* text */
#text { width: 665px; margin: 35px auto 0; font-size: 12px;line-height: 1.3} 
#text p { padding-bottom: 35px; line-height: 20px;}
#text a { color: #fff; }
#text h3 { font-size: 100%; text-align: left; }

/* spodní část */
#bottom { 
    width: 100%; 
    height: 210px; 
    padding-top: 100px;
    background: url(./cont-bg.jpg) top right no-repeat; 
}

/* odkaz na pudorysy */
#plans { 
  width: 250px;
  height: 119px;
  background: url(./bottom-left.jpg) top left no-repeat; 
  margin-left: 15px;
  padding-top: 38px;
  padding-left: 38px;
}
#plans h4 { 
  position: relative; 
  overflow: hidden; 
  font-size: 115%; 
  width: 169px; height: 19px;
  margin-bottom: 5px;
}
#plans h4 span { 
  display: block; 
  position: absolute; 
  left: 0; 
  top: 0; 
  z-index: 1; 
  width: 169px; height: 19px;
  background: url('./h2/plans.png') top left no-repeat;
}

#plans h4#prices span { background: url('./h2/prices.png') top left no-repeat; }

#plans ul li {
  list-style: none; 
  float: left;
  width: 55px;
  height: 49px;
  position: relative; 
  overflow: hidden;
  display: block; 
}
#plans ul li span { 
  display: block; 
  position: absolute; 
  left: 0; 
  top: 0; 
  z-index: 1; 
  width: 55px;
  height: 49px;
  cursor: pointer;
}
#plans ul li.so1 span { background: url('./a/so1.jpg') top left no-repeat; }
#plans ul li.so2 span { background: url('./a/so2.jpg') top left no-repeat; }
#plans ul li.so3 span { background: url('./a/so3.jpg') top left no-repeat; }

#plans ul li a { line-height: 49px; text-align: center; color: #fff; }
#plans ul li a:hover { text-decoration: none; }

#plans p a {
  width: 181px;
  height: 41px;
  position: relative; 
  overflow: hidden;
  display: block; 
  color: #fff;
  margin-top: 15px;
  margin-left: 18px;
}
#plans p a span { 
  display: block; 
  position: absolute; 
  left: 0; 
  top: 0; 
  z-index: 1; 
  width: 181px;
  height: 41px;
  cursor: pointer;
  background: url('./a/pudorysy.jpg') top left no-repeat;
}

/* lokalita */
#loc { width: 100%; height: 209px; }

p#loc-address { float: left; padding-top: 80px; }
p#loc-photo {
  position: relative;
	width: 238px; height: 209px;
  overflow: hidden;
  float: right;
}
p#loc-photo span {
  display: block;
  position: absolute; left: 0; top: 0; z-index: 1;
	width: 238px; height: 209px;
  cursor: pointer;
  background: url('./loc-photo.png') top left no-repeat;
}
p#loc-photo a { line-height: 209px; text-decoration: none; }

ul.loc-info { margin-top: 15px; }
ul.loc-info li { list-style: none; line-height: 20px; padding-left: 14px; background: url(./li.png) center left no-repeat; }

/* materialy */
ul.materialy { list-style: none; height: 300px; clear: both; }
ul.materialy li { float: left; width: 130px; height: 140px; text-align: center; }

ul.mat-info { list-style: none; width: 622px; margin: 35px auto 0; padding: 0; }
ul.mat-info li { line-height: 20px; }
ul.mat-info li strong.s-left { float: left; width: 108px; display: block; }

ul.mat-info li table { border: none; margin: 0; }
ul.mat-info li td { display: table-cell; border: none; margin: 0; padding: 0px; vertical-align: top; text-align: left; }
ul.mat-info li td.m-left { width: 108px; }

/* konakt */
.kontakt ul { list-style: none; margin-bottom: 30px; }

p#partneri { line-height: 12px; }
html:first-child p#partneri { line-height: 11px; }
p#partneri a { margin-right: 1px; }

/* nabidka pudorysy */
#plans-sub { 
  width: 100%; 
  height: 84px; 
  background: url(./plans-bg.jpg) top left repeat-x; 
  border-top: 1px solid #b5ad9b;
  margin-bottom: 40px;
}
#plans-sub h3 { float: left; width: 35%; line-height: 77px; font-size: 100%; font-weight: normal; margin: 0; }
#plans-sub ul { float: right; width: 65%; } 
#plans-sub li { list-style: none; float: left; line-height: 77px; width: 40px; height: 84px; text-align: center; }
#plans-sub li a { display: block; }
#plans-sub li#act { background: url(plan-active.jpg) top center no-repeat; }
#plans-sub li#act a { font-weight: bold; text-decoration: none; }

#plans-sub-2 a.sub-back { color: #e3dccd; }

/* nabidka pudorysy / byty */
#plans-sub-2 { 
  width: 100%; 
  height: 84px; 
  background: url(./plans-bg.jpg) top left repeat-x; 
  border-top: 1px solid #b5ad9b;
  margin-bottom: 40px;
}
#plans-sub-2 h3 { float: left; width: 45%; line-height: 77px; font-size: 100%; font-weight: normal; margin: 0; }
#plans-sub-2 ul { float: right; width: 55%; } 
#plans-sub-2 li { list-style: none; float: left; line-height: 77px; width: 40px; height: 84px; text-align: center; }
#plans-sub-2 li a { display: block; }
#plans-sub-2 li#act { background: url(plan-active.jpg) top center no-repeat; }
#plans-sub-2 li#act a { font-weight: bold; text-decoration: none; }

/* Nabidka - byty */
ul#flats { border-top: 1px solid #b5ad9b; border-bottom: 1px solid #b5ad9b; margin-bottom: 40px; margin-top: 25px; }
ul#flats li { list-style: none; height: 44px; line-height: 44px; background: url(./dotted.png) bottom left no-repeat; }
ul#flats li.bg-no { background: none; }
ul#flats li a { width: 100%; display: block; background: url(./arrow.png) center right no-repeat; }

/* Kompletni pudorys */
div#pud-download { border: 1px solid #b5ad9b; background-color: #9f9580; margin-bottom: 8px; padding: 10px; width: 419px; }
div#pud-download a { font-weight: bold; padding-left: 24px; background: url(./pdf.png) top left no-repeat; line-height: 20px; display: block; float: left; }
div#pud-download span { float: right; line-height: 20px; }

div.clear { clear: both; }

p.adobe, p.adobe a { color: #d1ccc1; }

p.gal img { border: 1px solid #b5ad9b; }

p.table-pdf a { display: block; line-height: 25px; padding-left: 23px; background: url(./pdf.png) center left no-repeat; }

div.kompletni-cenik { width: 96.5%; border: 1px solid #b5ad9b; padding: 14px; margin-bottom: 35px; }
div.kompletni-cenik a { line-height: 9px; padding-left: 20px; background: url(./link.png) center left no-repeat; }

/* novinky */
div.new { width: 100%; }

p.n-img { width: 150px; float: left; }
p.n-img img { border: 1px solid #b5ad9b; }

div.n-text { float: right; width: 500px; margin-bottom: 20px; }
 
div.n-text h4 { font-size: 100%; font-weight: bold; padding-bottom: 3px; }
div.n-text h4 span { font-weight: normal; }
#text div.n-text p { padding-bottom: 3px; }

hr.cleaner {
  clear: both;
  height: 1px;
  margin: -1px 0 0 0; 
  padding: 0;
  border: none;
  visibility: hidden;
}

.new-detail h4 { font-size: 160%; padding-bottom: 35px; line-height: 25px; }
.new-detail h4 span { font-weight: normal; }

.newd-text { float: left; width: 410px; }
.newd-img { float: right; }

.newd-img img { display: block; border: 1px solid #b5ad9b; }

/* ------------------------------ Paticka ---------------------------------*/
#footer {
  width: 100%;
  background: #fff;
}

#copy { 
  line-height: 60px;
  background: #fff;
  color: #b4b0a5;
  text-align: left;
  float: left;
}

#livducci { 
  line-height: 60px;
  background: #fff url(./ld.png) center right no-repeat;
  color: #b4b0a5;
  text-align: right;
  float: right;
  padding-right: 23px;
}

#livducci a { color: #b4b0a5; }