/* Barvy: oranzova - #FAC209; zelena - #9FDA23; cervena: #E01C13; modra - #4BADF8 */

/* Panelreko layout.css */
@import url("common.css");
@import url("menu.css");

#site {
  margin:0 auto 10px auto;
  text-align:left;
  width:752px;
  border:6px solid #fff;
  background:#fff url("../img/bg/site.gif") repeat-y;
}

#site[id] {
  width:740px;
}

#head {
  height:101px;
  margin:0;
  background:url("../img/bg/head.jpg") top right no-repeat;
  border-bottom:6px solid #fff;
}

#head[id] {
  height:95px;
}

#head h1 {
  margin:0;
}

#head img {
  color:#000;
  font-size:1.6em;
  font-weight:bold;
  width:165px;
  height:95px;
}

#head a {
  text-decoration:none;
}

#side {
  width:165px;
  float:left;
  background:#EEEEE6;
  font-size:0.85em;
  color:#424242;
/*  border: 1px dotted blue;*/
}

#content {
  width:570px;
  float:right;
  line-height:1.4em;
}

#content h1, #content h2 {
  height:34px;
  min-height:20px;
  padding:12px 4px 4px 12px;
}

#content h1 {
  background-color:#FAC400;
/*  background:#FAC400 url("../img/bg/h1.gif") bottom repeat-x;*/
  color:#fff;
  margin:0 0 5px 0 !important;
}

#content h2 {
  margin:0;
}

#content[id] h1, #content[id] h2 {
  height:auto;
}

.cl {
  clear:both;
  height:1px;
  font-size:1px;
  line-height:1px;
}



/* Text-nav */
#text-nav { height:54px; background: white !important; }
#text-nav li {
  height:54px;
  width:142px;
  display:block;
  float:left;
  border-right:1px solid white;
  border-bottom:1px solid #fff;
}
#text-nav #tn4 {
  margin-right:0 !important;
  border-right:none !important;
  width:141px !important;
}
#text-nav a, #text-nav a span {
  display:block;
  width:142px;
  height:54px;
  overflow:hidden;
}

#text-nav a {
  position:relative;
}

#text-nav a span {
  position:absolute;
  top:0;
  left:0;
}

#tn1 a, #tn1 a span {
  background:url("../img/titles/text-projekt-a-stavebni-povoleni.jpg") no-repeat;
}

#tn2 a, #tn2 a span {
  background:url("../img/titles/text-bytova-jadra.jpg") no-repeat;
}

#tn3 a, #tn3 a span {
  background:url("../img/titles/text-kuchynske-linky.jpg") no-repeat;
}

#tn4 a, #tn4 a span {
  width:141px;
  background:url("../img/titles/text-upravy-a-vybaveni-bytu.jpg") no-repeat;
}




/* kontakt - postranni sloupec */
#kontakt {
  padding:4px 4px 0 16px;
  cursor: pointer;
}
#kontakt p{
  margin:10px 0px 10px 0;
  padding:0;
 }

.gline {
  font-weight:bold;
  color:#298A2B;
}

/* anketa - postranni sloupec */
#side h2 {
  background:#72716F;
  color:#fff;
  padding:2px 2px 2px 16px;
  margin:4px 0;
  font-size:1.2em;
}

#enq {
  padding:0 4px 4px 16px;
  font-weight:bold;
}

#enq dl dt {
  clear:both;
}

#enq dl dd {
  margin:0;
  text-align:right;
}

#enq dl dd span {
  display:block;
  float:left;
  background:#F3C500;
  line-height:1px;
  font-size:1px;
  height:6px;
  margin-top:4px;
}

/* faq */
.defbox {
  border:1px solid #EDEEE9;
  background:#F4F4F4;
  padding:12px;
  margin:6px 0 8px 0;
}

.defbox dt {
  font-weight:bold;
  padding-bottom:8px;
  border-bottom:1px solid #F9F9F9;
}

.defbox dd {
  border-top:1px solid #E9E9E9;
  margin:0;
  padding-top:8px;
}

/* ovladani faq */
.control {
  margin:12px 0 12px 0;
}

  /* predchozi-dalsi */
.listing {
  text-align:right;
}

.control .listing {
  width:350px;
  float:right;
  margin:0;
}

  /* tlacitko pridat */
a.btn, input.btn {
  background:#FEB405 url("../img/bg/btn.gif") top repeat-x;
  /*padding:2px 12px;*/
  border:1px solid #FBB30F;
  color:#fff;
  text-decoration:none;
  font-weight:bold;
}
a.btn {
line-height:23px;
padding:2px 2px;
}
input.btn {
min-height:22px;
}
a:hover.btn {
color:white;
}
input.sbtn {
  margin-top:8px;
}


/* boxiky */
.txt, .txtlist {
  padding: 2px;
}

.txt {
  background:#FEF5D6;
  margin-bottom:4px;
  padding-left:20px;
}

  /* boxik se seznamem */
.txtlist {
  padding:8px 20px;
  background:#F5F5EE;
 /* font-size:0.85em;*/
  margin-bottom:4px;
}

.txtlist ul {
  margin:0;
  padding:0;
  list-style-type:none;
}

.txtlist ul li {
  margin:4px 0;
  padding-left:30px;
  background:url("../img/bg/li.gif") left 2px no-repeat;
}

.txt h2 {
  color:#BE991E;
  padding-left:0 !important;
  background:transparent;
}

.txt p {
  margin:4px 0;
}

.txt .rimg {
  border-left:4px solid #fff;
  border-bottom:4px solid #fff;
 /* border: 1px solid #fff;*/
  float:right;
  margin-left:6px;
  position: relative;
  top: -6px;
  right: -2px;
}

.limg {
  border-right:4px solid #fff;
  border-bottom:4px solid #fff;
  float:left;
  margin-right: 6px;
  position: relative;
  top: -6px;
  left: -20px;
}


/* fotogalerie */
.fotogalerie dl {
  display:block;
  float:left;
/*  width:174px;*/
  background:#F5EAC2;
  margin-right:10px;
}

.fotogalerie dl dd {
  margin:0;
}

.fotogalerie dl a img {
  border:5px solid #ECDFB1;
  /* #NOTE by karmi: tak tohle je dobra prdel decka =) */
 /*
  width:164px;
  height:116px;
 */
}

.fotogalerie dl dd {
  padding:2px 6px;
  font-size:0.85em;
  line-height:1.2em;
}

.fotogalerie table {
	border:0;
}

.fotogalerie td {
	text-align:center;
	padding:6px;
	vertical-align:top;
	border:0 !important;
}

.fotogalerie table td p {
	text-align:left;
}

/* fotogalerii budeme delat pres tabulku  -- karmi -- 2005-10-18 */
#maincontent table {
	border:0;
}

#maincontent table td {
	border:0;
	text-align: left;
	vertical-align: top;
	width: 20%;
}


.pagenav { text-align: right; }

.txt-p {
  padding:4px 12px;
}


/* popis pod nadpisem (sedy) */
.desc {
  background:#eee;
  text-align:right;
  margin:0px 0 6px 0;
  padding:6px;
}


/* formulare */
form input {font-size:100%;}
#form-error, .alert, .failure {
  color:#DC1B14;
  background-color: #F8DDDC;
  border: 1px solid #DC1B14;
  font-weight: bold;
  padding: 5px 5px 5px 12px;
  margin: 5px 0 5px 0;
}

#form-success, .success {
  color: #129700;
  background-color: #DFF8DC;
  border: 1px solid #129700;
  font-weight:bold;
  padding: 5px 5px 5px 12px;
  margin: 5px 0 5px 0;
}

.footer {
	color: #aaa;
	font-size: 90%;
}
