/* notes:
	light grey      #979797
	middle grey     #282828
	orange          #ff9900
*/

html * {
  border:   0em;
  margin:   0em;
  padding:  0em;
}

body {
  font: 400 12px/1.6 Arial, Verdana, Tahoma, Helvetica, sans-serif;
	background: url("../images/bg_grid.gif") #282828 repeat-y left top;
  color: #979797;
}

h1 {font-size: 200%}
h2 {font-size: 160%}
h3 {font-size: 140%}
h4 {font-size: 120%}
h5 {font-size: 110%}
h6 {font-size: 80%}

a {
	color: #979797;
	text-decoration: underline;
}

a:hover {
	color: #ff9900;
}

a span { 
	background: #FFFFFF;
	text-decoration: none;
}

p {
  margin: 1em 0;
}

/* COMMON CLASSES */
.hidden {
  display: none;
}
 
.spacer {
  display: block;
  clear: both;
}

#home {
  position: absolute;
  left: 10px;
  top: 10px;
}
#home img {
  border: none;
}

h1 {
  position: absolute;
  left: 600px;
  top: 45px;
  color: #979797;
  font-size: 18px;
  font-weight: bold;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.gray li {
  padding-left: 2em;
  background: url("../images/bullet_gray.gif") transparent no-repeat left center;
}
ul.orange li {
  padding-left: 2em;
  background: url("../images/bullet_orange.gif") transparent no-repeat left center;
}

#navigation {
  position :absolute;
  left: 0px;
  top: 100px;
	background: url("../images/bg_grid_light.gif") #282828 repeat-y left top;
  margin-top: 2em;  
  clear: both;
}
#navigation dl {
  float: left;
  margin: 0;
  padding: 0;
}
#navigation dl dd, #navigation dl dt {
  float: left;
  margin: 0;
  padding: 0;
}
#navigation a {
  float: left;
  display: block;
  font-family: Arial, Tahoma, Verdana, Arial, Helvetica, sans-serif;
  text-decoration: underline;
  font-weight: bold;
  font-size: 12px;
  color: #979797;
  padding: 0.7em 2.5em;
}

#navigation a:hover {
  color: #ff9900;
}

#content {
  margin-top: 230px;
}

/* HL. SRANKA */
#main #menu {
	background: url("../images/idp_lgo_big.gif") transparent no-repeat left center;
  padding-left: 600px;
  height: 200px;
}

#main ul {
  font-size: 18px;
  line-height: 220%;
}
#main ul.gray li {
  padding-left: 2em;
  background: url("../images/bullet_gray.gif") transparent no-repeat left center;
}
#main ul.orange li {
  padding-left: 2em;
  background: url("../images/bullet_orange.gif") transparent no-repeat left center;
}



/* CINNOST FIRMY */
#cinnost #proces_rizeni {
  float: left;
  margin-left: 50px;
  height: 340px;
  background: url("../images/bg_procriz.gif") transparent no-repeat left top;
}

#cinnost #proces_rizeni ul {
  position: relative;
  left: 40px;
  top: 20px;
  font-weight: bold;
  font-size: 18px;
  line-height: 220%;
}

#cinnost #popis_rizeni {
  float: left;
  margin-top: 220px;
  margin-left: 150px;
  text-align: right;
  font-weight: bold;
  font-size: 14px;
  line-height: 250%;
  color: #ffffff;
}


/* REFERENCE */
#content #block {
  margin: 0 2em;
}
#reference #menu {
  margin-left: 20px;
}

#reference #menu ul {
  font-weight: bold;
  font-size: 18px;
  line-height: 250%;
}
#reference #menu li {
  padding-left: 2em;  
}
#reference ul a {
  text-decoration: underline;
  color: #767676;
}
#reference ul .active,
#reference ul a:hover {
  color: #ff9900;
}
  
#reference #menu ul.mainMenu {
  font-size: 14px;
  color: #767676;
  width: 600px;
}
#reference #menu ul.mainMenu li {
  background: url("../images/bullet_gray_sm.gif") transparent no-repeat left center;
  width: 100%;
  margin: 0.5em 0px;
}
#reference #menu ul.subMenu {
  position: absolute;
  left: 350px;
  top: 225px;
  width: 300px;
  line-height: 1.6em;
  margin-top: 0.5em;
  font-size: 12px;
}
#reference #menu ul.subMenu li {
  margin: 0.5em 0px;
  background-position: 0px 5px;
}
#reference #image {
  position: absolute;
  left: 700px;
  top: 400px;
}
#reference #image img {
  border: 2px solid #8d8d8d;
}



/* NIZKOENERGETICKE STAVBY */
#stavby {
  margin: 0 2em;
  width: 490px;
}

#stavby ul {
  line-height: 1.3em;
  font-size: 12px;
}
#stavby ul li {
  position: relative;
  padding-left: 2em;  
  margin: 0.5em 0;
  background: url("../images/bullet_gray_sm.gif") transparent no-repeat left center;
}

#stavby table {
  width: 100%;
}
#stavby table th,
#stavby table td {
  background-color: #313131;
  padding: 0.3em;
}
#stavby table th {
  background: #171717;
  color: #fff;
  text-align: left;
}


/* KONTAKT */
#kontakt {
  margin: 0 2em;
  font-size: 14px;
}