/* Panelreko home.css */

/* navigace - sluzby */
#nav {
  height:217px;
  border-bottom:6px solid #777571;
  position:relative;
  margin:0 0 4px 0;
  padding:0;
  width:100%;
}
#nav[id] {
  height:211px;
}

#nav li {
  height:211px;
  width:142px;
  margin-right:1px;
  display:block;
  float:left;
  border-bottom:1px solid #fff;
}

#nav[id] li {
  height:210px;
}

#n4 {
  margin-right:0 !important;
  width:141px !important;
}

#nav a, #nav a span {
  display:block;
  width:142px;
  height:210px;
  overflow:hidden;
}

#nav a {
  position:relative;
  width: 100%;
  height: 100%;
}

#nav a span {
  position:absolute;
  top:0;
  left:0;
}

#n1 a, #n1 a span {
  background:url("../img/titles/projekt-a-stavebni-povoleni.jpg") no-repeat;
}
#n1 a:hover, #n1 a:hover span {
  background:url("../img/titles/projekt-a-stavebni-povoleni-act.jpg") no-repeat;
}

#n2 a, #n2 a span {
  background:url("../img/titles/bytova-jadra.jpg") no-repeat;
}
#n2 a:hover, #n2 a:hover span {
  background:url("../img/titles/bytova-jadra-act.jpg") no-repeat;
}


#n3 a, #n3 a span {
  background:url("../img/titles/kuchynske-linky.jpg") no-repeat;
}
#n3 a:hover, #n3 a:hover span {
  background:url("../img/titles/kuchynske-linky-act.jpg") no-repeat;
}

#n4 a, #n4 a span {
  width:141px;
  background:url("../img/titles/upravy-a-vybaveni-bytu.jpg") no-repeat;
}
#n4 a:hover, #n4 a:hover span {
  width:141px;
  background:url("../img/titles/upravy-a-vybaveni-bytu-act.jpg") no-repeat;
}

/* obal boxu aktualni realizace + proc Panelreko */
.promo {
  margin-bottom:4px;
  line-height:1em;
}

.promo h2 {
  background:#727071;
  color:#fff;
  margin:0;
  padding:16px 10px 16px 26px;
  font-family:'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
  font-size:1.05em;
}

/* aktualni realizace */
.aktreal {
  width:310px;
  height: 286px;
  float:left;
  overflow:hidden;
  position:relative;
  padding:0;
}

.aktreal .more {
  position:absolute;
  bottom:3px;
  right:0;
  width:155px;
  margin:0;
  min-height:31px;
  height:31px;
  background:#727071 url("../img/bg/ar-zluta.gif") right no-repeat;
  font-size:0.95em;
  z-index:1;
}

.aktreal .more[class] {
  height:auto;
  bottom:1px;
}

.aktreal .more a {
  display:block;
  width:100%;
  padding:6px 31px 2px 12px;
  color:#fff;
  font-weight:bold;
}

.aktreal .more[class] a {
  width:auto;
}

.aktreal img {margin:0;}

/* proc Panelreko */
.why {
  width:255px;
  float:right;
}

.why ol {
  margin:10px 0 8px 22px;
  padding:0;
  font-size:0.85em;
}

.why ol li {
  margin:0 0 5px 0;
  padding:2px 0 0 36px;
  list-style-type:none;
  min-height:18px;
  height:18px;
  font-weight:bold;
}

.why[class] ol li {
  height:auto;
}
  /* seznam 5 proc */
.why ol .ol1 {
  background:url("../img/bg/ol1.gif") no-repeat;
}

.why ol .ol2 {
  background:url("../img/bg/ol2.gif") no-repeat;
}

.why ol .ol3 {
  background:url("../img/bg/ol3.gif") no-repeat;
}

.why ol .ol4 {
  background:url("../img/bg/ol4.gif") no-repeat;
}

.why ol .ol5 {
  background:url("../img/bg/ol5.gif") no-repeat;
}
  
  /* kalkulacka */
.calc {
  background:#FAD024 url("../img/bg/calc-gr.gif") right repeat-y;
  color:#fff;
  font-weight:bold;
  font-family:'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
  font-size:0.95em;
}

.calc div {
  background:url("../img/bg/calc.jpg") top left no-repeat;
  padding:12px 0 31px 106px;
  min-height:68px;
  height:111px;
  position:relative;
  margin-top:18px;
}

.calc[class] div {
  height:auto;
  margin-top:0;
}

.calc h3 {
  float:right;
  margin:0 0 5px 0 !important;
}

.calc h3 a, .calc h3 a span {
  display:block;
  width:149px;
  height:24px;
  background:url("../img/titles/kalkulator-ceny.gif") no-repeat;
}

.calc h3 a {
  position:relative;
  overflow:hidden;
  color:#fff;
}

.calc h3 a span {
  position:absolute;
  top:0;
  left:0;
}

.calc p {
  padding-right:31px;
  margin:0 !important;
}

.calc .more {
  position:absolute;
  bottom:0;
  right:0;
  padding:0;
}

.calc .more a, .calc .more a span {
  display:block;
  width:31px;
  height:31px;
  background:url("../img/bg/ar-zluta.gif") right no-repeat;
  color:#fff;
  overflow:hidden;
}

.calc .more a {
  position:relative;
  
}

.calc .more a span {
  position:absolute;
  top:0;
  right:0;
}

/* panel "jak postupovat" */
.how {
  background:#868686 url("../img/bg/how.gif") repeat-y;
  min-height:128px;
  height:128px;
  font-family:'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
  line-height:1.1em;
  font-size:0.9em;
  cursor: pointer;
}
.how[class] {
  height:auto;
}
.how h2 {
  width:207px;
  float:left;
  padding:60px 4px 20px 26px !important;
  color:#fff;
  font-size:1.4em;
  background:#868686
}

.how[class] h2 {
  width:177px;
}

.how ul {
  margin:0;
}

.how ul li {
  display:block;
  float:left;
  width:120px;
  margin-left:1px;
  padding:80px 16px 6px 24px;
  font-weight:bold;
  color:#fff;
  overflow:hidden;
}

.how[class] ul li {
  width:80px;
}

.how #h1 {
  padding-top:90px;
  background:url("../img/bg/dotaz.jpg") 28px 12px no-repeat;

}

.how #h2 {
  background:url("../img/bg/domluva.jpg") 28px 12px  no-repeat;
}

.how #h3 {
  background:url("../img/bg/navsteva.jpg") 28px 12px  no-repeat;
}

.how a, .calc a {
  color:#fff;
  text-decoration: none;
}



/* Novinky */
.novinka_item { 
	margin: 0; padding: 0;
	background-color: #EEEEE6;
	border-bottom: 5px solid white;
}

.novinka_item h3 { 
	font-size: 100%;
	font-weight: bold;
	margin: 0 0 0 10px !important;
	padding: 0 !important;
}

.novinka_item div.obsah { 
	font-size: 90%;
	margin: 0 0 0 10px !important;
	padding: 0px 0 5px 0 !important;
}

.novinka_item p { 
	line-height: 130%;
	margin: 0 !important;
	padding: 0 !important;
}