/* STRANKOVANI */
ul#strankovani {  
  float: right;
  display: block;
  list-style: none;
  margin: 10px 0px 15px 0px;
}
ul#strankovani li {
  float: left;
  font-size: 0.75em;
  padding: 0px 5px 0px 0px;
  font-weight: bold;
}
ul#strankovani li.next a {
  color: #fff;
  border-right: 1px solid #fff;
}
ul#strankovani li.next a:hover {
  border-right: 1px solid #fff;
}
ul#strankovani li span {
  float: left;
  width: 100%;
  height: 2px;
  background: none;
}
ul#strankovani li.active span {
  float: left;
  width: 100%;
  height: 2px;
  background: none;
}
ul#strankovani li a {  
  float: left;
  color: #fff;
  text-decoration: none; 
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  padding: 4px 6px 4px 6px;
}
ul#strankovani li a:hover {
  color: #fff;
  padding: 4px 6px 4px 6px;
  background: #a01419;
  text-decoration: none; 
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
}
ul#strankovani li.active a {  
  background: #a01419;
  color: #fff;
  border: 1px solid #fff;
}
ul#strankovani li.active a:hover {
  color: #000;
}
p {
  font-size: 0.9em;
  padding: 5px 0px 5px 0px;
  margin: 0px;
  line-height: 1.5em;
  text-align: left;
}
p.col1 {
  float: left;
  width: 265px;
  line-height: 1.7em;
}
p.col2 {
  float: right;
  width: 265px;
  line-height: 1.5em;
}
p.col1 img, p.col2 img {
  vertical-align: top;
}
.white {
  color: #fff;
}
h1 {
  width: 550px;
  height: 23px;
  margin: 0px 0px 10px 0px;
}
h1.intro {
  background: url("../images/h1-intro.gif") bottom left no-repeat;
}
h1.news {
  background: url("../images/h1-news.gif") bottom left no-repeat;
}
h1.services {
  background: url("../images/h1-services.gif") bottom left no-repeat;
}
h1.refs {
  background: url("../images/h1-refs.gif") bottom left no-repeat;
}
h1.kont {
  background: url("../images/h1-kont.gif") bottom left no-repeat;
}
h1.tisk {
  background: url("../images/h1-tisk.gif") bottom left no-repeat;
}
h1.folie {
  background: url("../images/h1-folie.gif") bottom left no-repeat;
}
h1.grafika {
  background: url("../images/h1-grafika.gif") bottom left no-repeat;
}
h1.textil {
  background: url("../images/h1-textil.gif") bottom left no-repeat;
}
h1.svetelky {
  background: url("../images/h1-svetelky.gif") bottom left no-repeat;
}
h1.fotky {
  background: url("../images/h1-fotky.gif") bottom left no-repeat;
}
h1.weby {
  background: url("../images/h1-weby.gif") bottom left no-repeat;
}
h1.plochy {
  background: url("../images/h1-plochy.gif") bottom left no-repeat;
}
h1.predmety {
  background: url("../images/h1-predmety.gif") bottom left no-repeat;
}
h1 span, h2 span {
  position: relative;
  left: -9000px;
}
h2 {
  width: 550px;
  height: 15px;
  padding: 0px 0px 5px 20px;
  margin: 15px 0px 0px 0px;
  color: #fff;
  font-size: 1.1em;
  font-weight: normal;
  line-height: 14px;
  background: url("../images/bgr-h2.gif") top left no-repeat;
}
h3 {
  color: #1a3580;
  font-size: 1.0em;
  font-weight: normal;
  padding: 15px 0px 10px 0px;
}
h1 span, h2 span, h3 span {
  position: absolute;
	left: -9000px;
}
div#sidecontent h3 {
  width: 275px;
  height: 23px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
div#sidecontent h3.news {
  background: url("../images/h2-news.gif") bottom left no-repeat;
}
div#sidecontent h3.refs {
  background: url("../images/h2-refs.gif") bottom left no-repeat;
}
div#sidecontent h3.last {
  float: left;
  padding: 20px 0px 0px 0px;
  background: url("../images/h2-last.gif") bottom left no-repeat;
}
div#sidecontent h3 span {
  position: relative;
  left: -9000px;
}
ul.news {
  float: left;
  width: 100%;
  padding: 5px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  list-style: none;
}
ul.news li {
  float: left;
  width: 100%;
  padding: 0px 0px 5px 0px;
  margin: 0px 0px 5px 0px;
  border-bottom: 1px solid #434343;
}
ul.news li img {
  border: 1px solid grey;
}
ul.news li span {
  color: #fff;
  font-size: 0.85em;
  padding: 5px 0px 5px 0px;
}
ul.news li p {
  font-size: 0.85em;
  line-height: 1.3em;
  padding-left: 0px
}
div#main div#content div#subpage div#maincontent ul.news li p {
  font-size: 0.9em;
  line-height: 1.4em;
  padding-left: 0px
}
div#main div#content div#subpage div#sidecontent ul.news li p {
  font-size: 0.85em;
  line-height: 1.3em;
  padding-left: 0px
}
ul.news li h4 {
  color: #fff;
  font-size: 0.85em;
  padding: 5px 0px 5px 0px;
}
div#main div#content div#subpage div#maincontent p.more, 
div#main div#content div#subpage div#sidecontent p.more {
  float: right;
  height: 15px;
  line-height: 15px;
  padding: 0px 18px 0px 0px;
  margin: 5px 0px 5px 0px;
  background: url("../images/arrow-more.gif") center right no-repeat;
  font-size: 0.85em; 
}
ul#foto {
  float: left;
  width: 550px;
  list-style: none;
  padding: 0px 0px 0px 0px;
}
ul#foto li {
  float: left;
  width: 120px;
  height: 120px;
  margin: 0px 20px 0px 0px;
  padding: 0px 0px 20px 0px;
}
ul#foto li.odd {
  margin: 0px 0px 0px 0px;
}
ul#foto li img {
  padding: 0px;
  border: 1px solid #626262;
}
ul.ltr_foto {
  float: left;
  width: 550px;
  list-style: none;
  padding: 20px 0px 0px 0px;
}
ul.ltr_foto li {
  float: left;
  width: 156px;
  height: 119px;
  margin: 0px 12px 0px 12px;
  padding: 0px 0px 20px 0px;
}
/*ul.ltr_foto li.end {
  margin: 0px 0px 0px 0px;
}*/
ul.ltr_foto li img {
  padding: 2px;
  border: 1px solid #626262;
}

div#main div#content div#subpage div#sidecontent ul#foto {
  float: left;
  width: 275px;
  list-style: none;
  padding: 0px 0px 0px 0px;
}
div#main div#content div#subpage div#sidecontent ul#foto li {
  float: left;
  width: 82px;
  height: 82px;
  margin: 0px 14px 0px 0px;
  padding: 0px 0px 14px 0px;
}
div#main div#content div#subpage div#sidecontent ul#foto li.even {
  margin: 0px 0px 0px 0px;
}

/* TABULKA */
div#main div#content div#subpage div#maincontent table {
  padding: 3px;
  border-collapse: collapse;
  width: 100%;
  margin-top: 15px;
}
div#main div#content div#subpage div#maincontent table th {
  background: #24401a;
  color: #ffffff;
  font-size: 0.85em;
  padding: 3px;
  border: 1px solid #b9c9b3;
}
div#main div#content div#subpage div#maincontent table td {
  color: #b9c9b3;
  font-size: 0.85em;
  padding: 3px;
  border: 1px solid #b9c9b3;
}
div#mapa {
  position: relative;
  float: left;
  width: 550px;
  height: 308px;
}
div#mapa a {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 550px;
  height: 308px;
  background: url("../images/btn-zoom.png") top left no-repeat;
  text-decoration: none:
}
div#mapa a:hover {
  background-position: 0px -308px;
}