* {margin: 0; padding: 0; border: none;}

body {
  background: #4a555e url("../img/bg_body.gif") top repeat-x;
  text-align: center;
  font-family: Verdana CE, Verdana, Tahoma, Arial, sans-serif;
  font-size: 0.72em;
}

a {
  color: white;
}

a:hover {
  text-decoration: none;
}

p {
  margin-bottom: 2em;
}

h3 {margin: 1em 0 0.5em; }


/* ---- layout ------------------------------------*/

#obalka {
  position: relative;
  width: 772px;
  margin: 0 auto;
  text-align: left;
  padding-top: 84px;
}

h1 {
  position: absolute;
  top: 0;
  left: 38px;
  width: 191px;
  height: 149px;
  background: url("../img/logo.gif") no-repeat;
}

h1 a {display:block; height: 149px;}


#pravy {
  color: #c0cdd7;
  width: 490px;
  margin-left: 259px;
  _margin-left: 200px;
}

#levy {
  float: left;
  width: 259px;
  _width: 250px;
  color: #81919d;
}

#hlavni_str {
  border: 6px solid #81919d;
  background: #444d56 url("../img/bg_hlavnistr.gif") left repeat-y;
}

#uvodni_foto {
  width: 760px;
  height: 236px;
  background: #81919d url("../img/bg_uvodnifoto.jpg") no-repeat;
}

#paticka {
  margin-top: 10px;
  color: #788691;
  text-align: center;
  font-size: 0.9em;
}

/* ---- hlavicka --------------------------------*/

cite {
  position: absolute;
  display: block;
  top: 56px;
  left: 265px;
  width: 299px;
  height: 93px;
  background: url("../img/bg_dekorace.gif") no-repeat;
}


#menu {
  position: absolute;
  left: 265px;
  top: 0;
  height: 31px;
  font-family: Tahoma CE, Tahoma, Arial, sans-serif;
}

#menu li {
  float: left;
  width: 84px;
  list-style-type: none;
}

#menu li a {
  display: block;
  color: white;
  height: 23px;
  _height: 31px; /* IE 5*/
  _he\ight: 23px; /* IE 6 */
  padding-top: 8px; 
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  border-top: 6px solid #30373d;
}

#menu li a.aktivni {
  color: #aebcc6;
  border-top: 6px solid #ff5f0c;
  background: url("../img/bg_menu_on.gif") top no-repeat;
}

#menu li a:hover {
  background: url("../img/bg_menu_off.gif") top no-repeat;
  border-top: 6px solid #81919d;
}


#menu li a.aktivni:hover {
  cursor: default;
  background: url("../img/bg_menu_on.gif") top no-repeat;
  color:#aebcc6;
  text-decoration: none;
  border-top: 6px solid #ff5f0c;
}

/* ---- pravy sloupec ----------------------------*/
#pravy h2 {height: 42px;}
#h2uvod { background: url("../img/bg_h2uvodni.gif") left no-repeat; }
#h2ofirme { background: url("../img/bg_h2ofirme.gif") left no-repeat;}
#h2realizace { background: url("../img/bg_h2realizace.gif") left no-repeat;}
#h2fotogalerie { background: url("../img/bg_h2fotogalerie.gif") left no-repeat;}
#h2kalkulace { background: url("../img/bg_h2kalkulace.gif") left no-repeat;}
#h2kontakt { background: url("../img/bg_h2kontakt.gif") left no-repeat;}

#obsah {
  padding: 30px;
  font-size: 0.95em;
}

#obsah p {
  line-height: 1.6em;
  
}

#vice_ofirme {
  padding-left: 8px;
  background: url("../img/odr_sipka.gif") left no-repeat;
}

#uvodni_slovo {
  background: url("../img/bg_uvodnislovo.gif") right no-repeat;
  padding-right: 110px;
  margin-bottom: 15px;
}

/* ---- levy sloupec ----------------------------*/

address {
  font-style: normal;
  margin: 30px 0 10px 30px;
}

address a {
color: #bbc9d4;
}

#kalkulace {
  display: block;
  background: #373f45 url("../img/bg_kalkulace.gif") 10px 10px no-repeat;
  border: 1px solid #4a555e;
  width: 140px;
  _width: 200px; /* IE 5*/
  _w\idth: 140px; /* IE 6 */
  height: 51px;
  _height: 61px; /* IE 5*/
  _he\ight: 51px; /* IE 6 */
  margin: 25px 0 0 30px;
  padding: 10px 0 0 60px;
  color: #919ea9;
  font-size: 0.9em;
  text-decoration: none;

}

#kalkulace strong {
  font-size: 1.1em;
  text-decoration: underline;
  color: #f95800;
}

#kalkulace:hover {
  border: 1px solid #677683;
}

#levy h2 {
  background: url("../img/bg_h2levy.gif") left repeat-y;
  color: #30373d;
  padding: 13px 0 0 20px;
  font-family: Tahoma CE, Tahoma, Arial, sans-serif;
  font-size: 1em;
  height: 29px;
  _height: 42px; /* IE 5*/
  _he\ight: 29px; /* IE 6 */
  margin-top: 42px;
}

#levy ul {
  margin: 40px 37px 0 0;
  _margin-right: 28px;
  
}

#levy ul li {list-style-type: none;}

#levy ul li a {
  display:block;
  background: #4a555e;
  padding: 8px 0 8px 10px;
  border-bottom: 1px solid #30373d;
  text-decoration: none;
  width: 212px;
}

#levy ul li a:hover {
  background: #81919d;
  color:#23272c;
  font-weight: bold;
}

/* ---------- bezne prvky pro obsah stranek -----------------------*/

#pravy ul {
  margin: 0.5em 0 2em 2em;
}

#pravy ul li {
  list-style-type: none;
  background: url("../img/odr_seznam.gif") 0 3px no-repeat;
  margin-bottom: 0.2em;
  padding-left: 18px;
}

#pravy img {border: 1px solid white;}

#pravy table tr td {
	width: 150px;
	margin: 10px;
	text-align: center;
	vertical-align: top;
}


#kontakt2 {
	width: 70%;
	margin-left: 30px;
}

#kontakt2 tr td {
	text-align: left !important;
}

#naav {
	width: 95%;
	margin: 0 auto;
	position:relative;
	top: -5px;
}

.nav {
	margin: 2px 3px;
	line-height: 1.5em;
}

.nav2 {
	text-align: right;
	float: right;
	line-height: 1.5em;
	font-weight: bold;
}

dt {
	margin: 3px;
}

dd {
	margin: 10px;
}

#kalkul fieldset {
	margin:0 auto;
	width: 70%;
	padding: 5px;
}

#kalkul fieldset textarea, div input {
	margin: 5px;
}

#kalkul fieldset label {
	position: relative;
	top: -5px;
	margin-left: 5px;
}

#kalkul fieldset div {
	text-align: center;
	padding: 5px;
}

/* -------------- pomocne -----------------------------*/

.skryte, h1 span, h2 span, cite span, hr {display: none;}
.obteka_vlevo {float: left; margin: 0 15px 8px 0;}
.obteka_vpravo {float: right; margin: 0 0 8px 15px;}
.neobteka {clear: left; font-size: 1px;}
#spacer {height: 40px;}