html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 14px;
	font-family: tahoma, arial,"Trebuchet MS", "Geneva CE", lucida, sans-serif;
	vertical-align: baseline;
}
body {
  margin-top: 10px;
	line-height: 1.3em;
	background: url(images/bgr.jpg) repeat center top;
}
#rekonstrukce {
  position: absolute;
  top:0;
  width: 300px;
  height: 300px;
  background: url(images/rekonstrukce.png) no-repeat center top;
}
#head {
  width: 940px;
  margin: auto;
  background: url(images/baner.png) no-repeat center top;
  height: 165px;
}
#logo {
  width: 250px;
  height: 83px;
  float: left;
  position: relative;
  top: 30px;  
  left: 83px;  
}
#logo a img{
  width: 250px;
  height: 83px;  
}
#top-menu {
  height: 28px;
  margin-top: 101px;
  margin-right: 30px;
  margin-bottom: 5px;
  float: right;
}
#top-menu ul {
  list-style: none;
  display: inline;
  color: #111;
}
#top-menu li{
  float: left;
}
#top-menu li a{
  color: #111;
  text-decoration: none;
  font-size: 14px;
}
#top-menu li a:hover{
  text-decoration: underline;
}
#top-menu .active a{
  font-weight: bolder;
}
#top-menu .no_border {
  border: none;
}
#menu {
  width: 900px;
  height: 28px;
  margin-left: 90px;
  color: #fff;
}
#menu ul {
  list-style: none;
  display: inline;
}
#menu li{
  float: left;
}
#menu li a{
  color: #fff;
  text-decoration: none;
  padding: 5px 15px 5px 15px;
  font-size: 14px;
}
#menu li a:hover{  
  background: url(images/bg-trans.png) repeat;
}
#menu .active a{
  background: url(images/bg-trans.png) repeat;
}

#ikony {
  position: absolute;
  top: 0px;
  left: 860px;
}
#ikony a span{
  margin-bottom: 5px;
}
#ikony a .home {
  width: 15px;
  height: 15px;
  background: url(images/home.png) no-repeat left top;
  display: block;
}
#ikony a .home:hover {
  background-image: url(images/home2.png);
}
#ikony a .mail {
  width: 15px;
  height: 15px;
  background: url(images/mail.png) no-repeat left top;
  display: block;
}
#ikony a .print:hover {
  background-image: url(images/print2.png);
}
#ikony a .print {
  width: 15px;
  height: 15px;
  background: url(images/print.png) no-repeat left top;
  display: block;
}
#ikony a .mail:hover {
  background-image: url(images/mail2.png);
}


#odsazeni {
  width: 825px;
  margin-left: 85px;
  margin-right: 30px;
  padding-top: 20px;
}
#obsah {
  width: 940px;
  margin: auto;
  position: relative;
  background-color: #fff;
}
#footer{
  width: 940px;
  margin: auto;
  height: 45px;
  background: #fff url(images/footer.png) no-repeat bottom center;
}
#obsah span{
  font-size: 1.1em;
  color: #676767;
  padding-bottom: 2px;
  margin-bottom: 10px;
}
#obsah i{
  font-style: italic;
  color: #676767;
  margin-top: 5px;
  display: block;
}
#obsah p{
  margin-top: 5px;
  text-align: left;
  line-height: 140%;
  text-align: justify;
}
#obsah p a{
  color: #111;
  text-decoration: none;
}
#obsah p a:hover{
  text-decoration: underline;
}
#obsah h1 {
  
  font-size: 18px;
  padding-bottom: 2px;
  border-bottom: 1px solid #676767;
}
#obsah h2 {
  font-size: 18px;
  padding-bottom: 2px;
  border-bottom: 1px solid #a5a5a5;
  margin-bottom: 10px;
}
#obsah h3 {
  font-size: 18px;
  padding-bottom: 2px;
  border-bottom: 1px solid #a5a5a5;
}
#obsah ul {
  margin: 10px 0 10px 10px;
}
#obsah ul li {
  margin: 0 0 0 10px;
  list-style: none outside url(images/navigace.gif);
  line-height: 1.25em;
}
#footer {
  width: 940px;
  height: 25px;
  margin: auto;
  background: url(images/footer.png) no-repeat center top;
}
#bottom {
  width: 940px;
  height: 150px;
  margin: auto;
  color: #8B8A8A;
}
#bottom .levy {
    margin-left: 83px;
}
#bottom div {
  line-height: 120%;
  float: left;  
  padding-top: 5px;
  font-size: 16px;
}
#bottom div:hover {
  color: #fff;
}
#bottom a:hover{
  color: #fff;
}
#bottom .delta {
  float: right;
  margin-right: 18px;
}
#bottom .delta a {
  font-size: 14px;
  color: #fff;
}
#bottom a{
  color: #8B8A8A;
  text-decoration: none; 
  font-size: 16px;
}


.blok {
  width: 375px;
  float: left;
  line-height: 1.2em;
}
.blok2 {
  width: 375px;
  margin-left: 50px;
  float: left;
}
.blok3 {
  width: 350px;
  float: left;
}
.blok4 {
  width: 446px;
  margin-left: 24px;
  padding:5px 0px 5px 5px;
  float: left;
  /* background: url(images/blok4-bgr.jpg) repeat-x center top; */
}
.blok5 {
  width: 455px;
  margin-left: 20px;
  float: left;
}
.blok li a {
  color: #111;
  text-decoration: none;
  font-weight: bold;
}
.blok li a:hover {
  color: #CC2229;
}
.blok2 li a {
  color: #111;
  text-decoration: none;
  font-weight: bold;
}
.blok2 li a:hover {
  color: #CC2229;
}
.blok2 strong {
  font-size: 18px;
}
.blok3 strong {
  font-size: 16px;
}
.mail {
  color: #111;
  text-decoration: underline;
}
.mail:hover {
  text-decoration: none;
}
.zalomeni-both {
   clear: both;
   margin: 0;
   padding: 0;
}
.galerie {
  float: left;
  text-align: center;
  color: #111;
  text-decoration: none;
}
.galerie:hover {
  color: #111;
}
.galerie img {
  width: 135px;
  margin: 5px;
  border: 1px solid gray;
}
.galerie img:hover {
  border: 3px solid #fff;
  margin: 3px;
}
.galerie2 {
  float: left;
  margin-left: 5px;
  margin-bottom: 5px; 
  text-decoration: none;
}
.galerie2:hover {
  color: #111;
}
.galerie2 img {
  width: 135px;
  padding: 0;
  margin: 0;
  border: 1px solid #D7D7D7;
}
.galerie3 {
  float: left;
  padding: 1px;
  margin-left: 15px;
  margin-bottom: 10px; 
  text-decoration: none;
  width: 135px;
  border: 1px solid #D7D7D7;
}
.galerie3:hover {
  color: #111;
  background-color: #D7D7D7;
}
.galerie3 img {
  width: 135px;
  padding: 0;
  margin: 0;
}
.formular {
  margin-top: 20px;
}
.formular span{
  width: 90px;
  float: left;
  margin-bottom: 10px;
}
.formular input{
  float: left;
  margin-left: 10px;
}
.formular textarea{
  margin-bottom: 10px;
  margin-left: 10px;
  float: left;
}
.formular img{
  float: left;
  margin-left: 10px;
}
.formular br{
  clear: both;
}
.odeslano {
  font-size: 1.3em;
}
.tricko {
  margin: auto;
  width: 260px;
}
.tricko img{
  width: 260px;
  height: 309px;
}
.barvy {
  margin: 3px auto;
  width: 370px;
}
.barvy a img{
  margin: 2px;
  width: 20px;
  height: 20px;
  border: 1px solid silver;
  padding: 1px;
}
.barvy a:hover img{
  margin: 0;
  width: 24px;
  height: 24px;
}
.barvy2 {
  margin: 0;
}
.barvy2 a img{
  margin: 2px;
  width: 20px;
  height: 20px;
  border: 1px solid silver;
  padding: 1px;
}
.barvy2 a:hover img{
  margin: 0;
  width: 24px;
  height: 24px;
}
.barvy2 a:active img{
  margin: 0;
  width: 24px;
  height: 24px;
}
.potisk {
  position: absolute;
  top: 150px;
  left: 230px;  
}
.potisk img{
  width: 90px;  
}
.potisk-zada {
  position: absolute;
  top: 135px;
  left: 225px;  
}
.potisk-zada img{
  width: 90px;  
}
.motivy {
  display: none;
}
.motivy a{
  float: left;
  margin: 3px;
}
.motivy i{
  float: left;
}
.motivy a img{
  height: 70px;
  width: 50px;
  padding: 2px;
  border: 1px solid silver;
}
.na-sirku {
 display: block;
 clear: left;
}
.na-sirku a img{
  height: 50px;
  width: 70px;
  padding: 2px;
  border: 1px solid silver;
  display: block;
}
#cerna {
 display: block;
}
.mezera {
  margin-bottom: 10px;
  display: block;
}
.pdf {
  margin: 20px 0 0 5px;
  height: 16px;  
}
.pdf a{
  padding-left: 22px;
  color: #111;
  font-weight: bolder;
	background: url(images/pdf.png) left center;
	background-repeat: no-repeat;
	text-decoration: none;
}
.pdf a:hover{
  color: #CC2229;
}
.dodatek {
  clear: left;
  margin: 5px;
  display: block;
  font-size: 12px;
}
#center {
  width: 830px; 
  margin: auto;
}

.prehled1 {
  margin-left: -20px;
}
.prehled {
  width: 150px;
  margin-left: 20px;
  float: left;
}
.prehled .top-ramecek a{
  width: 150px;
  height: 150px;
  background: url(images/ramecek.png) no-repeat left top;
}
.prehled .top-ramecek a img{
  width: 130px;
  height: 114px;
  padding: 18px 10px 18px 10px;
}
.prehled:hover .top-ramecek a{
  background: url(images/ramecek2.png) no-repeat left top;
}
.prehled .prehled-nadpis a{
  display: block;
  text-align: center;
  padding: 5px 0 5px 0;
  color: #111;
  background: none;
  background: url(images/bgr.png) repeat-x left center;
}
.prehled a{
  text-decoration: none;
  text-align: center;
  display: block;
  color: #4189C5; 
}
.prehled:hover a{
  color: #111; 
}

#uvod {
  margin-bottom: 10px;
}
#pf a{
  float: left;
  margin-left: 9px;
  margin-bottom:9px; 
  text-decoration: none;
  width: 161px;
  border: 1px solid silver;
}
#pf img {
  padding: 3px;
  width: 155px;
  margin: 0;
}
#pf a:hover {
  border: 1px solid  #959595;
}
#pf2 a{
  float: left;
  margin-left: 9px;
  margin-bottom:9px; 
  text-decoration: none;
  width: 77px;
  border: 1px solid silver;
}
#pf2 img {
  padding: 3px;
  width: 67px;
  margin: 0;
}
#pf2 a:hover {
  border: 1px solid  #959595;
}
.pozor {
  font-weight: bold;
  color: darkred;
}
.mapa {
  border: 2px solid lightgray; 
}
.toplist {
  position: absolute;
  bottom: 0;
  right: 0;  
}
.tisk-foto {
  width: 345px;
  height: 220px;
  background: url(images/tisk.png) no-repeat bottom right;
  position: absolute;
  right: 10px;
  bottom: -22px;  
}
.digi-tisk {
  width: 350px;
  height: 50px;
  background: url(images/digi-tisk.jpg) no-repeat bottom left; 
}
#reference1{
  width: 616px;
  float: left;
}
#reference2{
  width: 185px;
  float: left;
  margin-left: 20px;
}
#reference2 li{
  font-size: 15px;
  color: #525252; 
  line-height: 1.3em;
  list-style: none;
  padding-top:2px;
  padding-bottom:2px;
}
#reference2 li:hover{
  font-size: 17px;
  padding-top:1px;
  padding-bottom:1px;
  color: #111; 
}
.odkazy ul li{
  list-style: none;
  line-height: 1.5em;
}
.odkazy ul li a{
  color: #B11E0E;
  font-size: 18px;
  line-height: 1.5em;
  text-decoration: none;
}
.odkazy li a:hover{
  text-decoration: underline;
}