*{padding: 0;margin: 0;border: 0; list-style-type: none;}
a{text-decoration: underline;}
a:hover{text-decoration: none;}
h1 {color: #c60000; font-weight: bold; font-size: 24px; margin-bottom: 15px; line-height: 110%; letter-spacing: -1px;}
h2 {color: #7f7f7f; font-weight: bold; font-size: 16px; margin-bottom: 15px; padding-top: 13px; letter-spacing: -1px;}
p{margin-bottom: 15px; line-height: 150%;}
p.red {color: #A80023;}
.hiddenfoto {display: none; width: 0px; height: 0px;}



.clearer {clear: both; font-size: 0px; height: 0px;}

body
{
  background: #c8c8c8 url("../images/design/body_bg.png") repeat-x;
  font-family: Arial;
  font-size: 12px;
  color: #646464;
}

.content
{
  width: 1000px;
  margin: auto;
}

#banner
{
  width: 916px;
  height: 281px;
	background:url("../images/design/banner.png") top left no-repeat;
	margin: 0px auto 0px auto;
}

#logo 
{
	margin: 0; padding: 0px;
	position:relative;
	width:200px; height:80px;
	overflow:hidden;
}

#logo img
{
  top: 37px;
  left: 34px;
	position: absolute;
	z-index:2;
}

#logo span 
{
	display:block;
	position:absolute; left:80px; top:60px; z-index:1;
	width:244px; height:77px;
	margin:0; padding:0;
}

#menu
{  
  position: relative;
  background:url("../images/design/mraky.png") top left no-repeat;
  width: 496px;
  height: 586px;
  float: left;
  margin-bottom:-28px;
  z-index: 9;
}

#jerab
{
  position: relative;
  background:url("../images/design/jerab.png") top left no-repeat;
  width: 496px;
  height: 586px;
  z-index: 10;
}

#menu ul
{
  position: absolute;
  top: 128px;
  left: 0px;
}

#menu ul li{position: absolute; width: 100px;}
#menu ul li#odkaz0{top: 0px; left: 40px;}
#menu ul li#odkaz1{top: 0px; left: 140px;}
#menu ul li#odkaz2{top: 0px; left: 257px;}
#menu ul li#odkaz3{top: 0px; left: 345px;}
#menu ul li#odkaz4{top: 60px; left: 82px;}
#menu ul li#odkaz5{top: 57px; left: 165px;}
#menu ul li#odkaz6{top: 53px; left: 260px;}

#menu ul li a, #menu ul li a.visited
{
  color: Black;
  font-weight: bold;
  font-size: 12px;
  text-decoration: none;
}

#menu ul li a:hover, #menu ul li a.active 
{
  color: White;
  text-decoration: underline;
}

/* PODSTRÁNKY */
#text 
{
  padding: 15px 15px 0 0;
  margin: 10px 0px 30px 0px;
  min-height: 100px;
  width: 489px;
  background: url("../images/design/text_bg.png") no-repeat top right;
  float: left;
}
#text a, #text a.visited 
{
  font-weight: bold; 
  color: #a80023; 
  background: url("../images/design/home_li.png") no-repeat center left;
  margin: 0 0 15px 23px;
  padding-left: 12px;
  line-height: 150%;
}

#text a.noicon
{
	background: none;
	padding-left: 0px;
	margin: 0px;
}

#text a.noimage{background: none; padding: 0px; margin: 0px;}

#text ul {margin-bottom: 15px;}
#text li
{
  background: url("../images/design/menu_li.png") no-repeat 0px 5px;
  margin: 0 0 9px 7px;
  padding-left: 15px;
}

#text table {margin-bottom: 15px;}
#text td {padding: 2px;}
#text td.first
{
  padding: 2px 15px 2px 0px;
  font-weight: bold;
}
#text td.jerab
{
  background: url("../images/design/menu_li.png") no-repeat 0px 8px;
  margin: 0 0 9px 7px;
  padding-left: 15px;
  width: 140px;
  font-weight: bold;
}
#text td a{padding: 0; margin: 0; background: none;}

#text .foto {text-align: center;}
#text .foto2 {text-align: center; padding: 15px; background: white; border: solid 1px #a8a8a8;}
#text .foto a, #text .foto2 a 
{
  background: none;
  font-weight: bold; 
  color: #a80023; 
  margin: 0;
  padding-left: 0;
  line-height: none;
}
#text .foto img {border: solid 1px #a8a8a8; margin: 10px 10px 30px 10px;}

#text .uabox
{
  width: 409px;
  height: 226px;
  background: url("../images/design/ua_box.png") no-repeat;
  margin: 15px 0px 15px -14px;
  padding: 10px 63px 24px 31px;
  z-index: 20;
  color: white;
}
#text .uabox .five {font-size: 48px; color: #dedfe1; float: left; font-weight: bold; margin-left: 3px;}
#text .uabox .nadpis {font-size: 24px; color: #dedfe1; font-weight: bold; padding-top: 7px; line-height: 25px; margin-bottom: 15px; letter-spacing: -1px;}
#text .uabox .nadpis strong {font-size: 24px; color: #dedfe1; color: #ff5a00;}
#text .uabox ul {margin-bottom: 19px;}
#text .uabox ul a{background: none; color:White; padding-left: 0px; margin-left: 0px;}
#text .uabox li {background: url("../images/design/ua_li.png") no-repeat center left;}
#text .uabox p {margin: 0 0 8px 7px;}
#text .uabox a.uavice 
{
  background: url("../images/design/home_li.png") no-repeat center left;
  margin: 0 0 0 23px;
  padding-left: 12px;
  color: #a80023;
}

.ohlasyholder{clear: both; width: 489px; float: left;}

.ohlasytop
{
  margin: 0px;
  width: 489px;
  height: 21px;
  background: url("../images/design/ohlasy_top.png") no-repeat;
  padding: 0px;
}

.ohlasy
{
  margin: 0px;
  width: 489px;
  background: url("../images/design/ohlasy_bg.png") repeat-y;
  padding: 0px;
  z-index: 20;
  color: #a4a4a4;
  font-family: Georgia;
}

.ohlasymain
{
  margin: 0px;
  width: 449px;
  padding: 0 20px 0 20px;
  min-height: 74px; 
  background: url("../images/design/ohlasy_main.png") no-repeat bottom center;
  z-index: 20;
  color: #a4a4a4;
}

.ohlasymain p.left {float: left; width: 250px; height: 30px;}
.ohlasymain p.center {text-align:center;}
.ohlasymain p.last {text-align:center; margin-bottom: 0px;}

.ohlasymain .nadpis{font-family: arial; font-size: 22px; color: gray; font-weight: bold; padding:0; line-height: 25px; margin-bottom: 15px; letter-spacing: -1px;}
.ohlasymain .nadpis strong {font-size: 22px; color: #dedfe1; color: #ff5a00;}
.ohlasymain .vice {color: #ff5a00; background: none; padding: 0; margin: 0 0 0 30px;}

.ohlasybottom
{
  margin: 0px 0 10px 0;
  width: 489px;
  height: 18px;
  background: url("../images/design/ohlasy_bottom.png") no-repeat;
  padding: 0px;
}


/* CERTIFIKATY */
#text .foto .certifikat, #text .foto .last
{
  float: left;
  width: 150px;
  margin: 5px;
}

#text .foto .certifikat div, #text .foto .last div
{
  width: 150px;
  border: solid 1px #a8a8a8;
  margin-bottom: 5px;
  background: white;
}

#text .foto .certifikat div img, #text .foto .last div img
{
  border: none;
  margin: 5px 0 5px 0;
  padding: 0px;
}

#text .foto .last {clear: both; float: none; margin: 5px auto 10px auto;  width: 155px;}

/* KONTAKTY */
#text .sidlo {float: left; width: 220px;}
#text .foto .map {width: 430px; height: 330px; padding-top: 15px; margin: auto; background: white; border: solid 1px #8e8e8e;}

/* REFERENCE */
#text ul li.plus
{
  background: url("../images/design/plusbold.png") no-repeat 0px 6px;
}
#text ul li a.pointer
{
  display: block;
  cursor: pointer;
  background: url("../images/design/plus.png") no-repeat 0px 7px;
  margin: 5px 0px 2px 0px;
  padding-left: 15px;
}
#text ul li.plus a.pointer
{
  display: block;
  cursor: pointer;
  background: none;
  margin: 3px 0px 3px 0px;
  padding-left: 0px;
}
#text ul li a.none
{
  display: block;
  cursor: auto;
  background: url("../images/design/menu_li.png") no-repeat 0px 7px;
  margin: 5px 0px 5px 0px;
  padding-left: 15px;
  text-decoration: none;
}

#text ul li div
{
  margin: 12px 0px 30px 15px;
  display: none;
  width: 450px;
}

#text ul li div div.foto
{
  padding: 15px;
  background: white;
  border: solid 1px #a8a8a8;
  width: 400px;
  display: block;
  text-align: center;
}

#text ul li div div.foto a.hidden {display: none; margin: 0; padding: 0; height: 0px;}
#text ul li div div.small {width: 300px;}

#text ul li div div.foto img{border: 0; margin: 0; padding: 0;}

#text ul li ul {margin: 5px 0px 0px 0px; padding: 0px}
#text ul li ul li {margin: 10px 0 0 0px;}
#text ul li ul li.only {margin: 0px;}

#text .zare {background: url("../images/design/ohlasy_zare.png") no-repeat; width: 489px; height: 21px; margin: 10px auto ;}

/* FOOTER */
#footer, #footerhome  
{
  clear: both;
  height: 179px;
  background: url("../images/design/footer_bg.png") repeat-x;
  font-size: 11px;
  line-height: 150%;
}

#footerhome 
{
  position:relative;
  z-index: 1;
}

#footer .adresa, #footerhome .adresa {margin-left: 75px; padding-top: 48px; width: 185px; float: left;}
#footer .pobocka, #footerhome .pobocka {margin-left: 0px; padding-top: 48px; width: 185px; float: left;}
#footer .pobocka a, #footerhome .pobocka a {font-weight: normal; color: #a80023;}
#footer .ico, #footerhome .ico {margin-left: 5px; padding-top: 79px; width: 185px; float: left;}
#footer .spolecnost, #footerhome .spolecnost {margin-bottom: 6px; font-size: 14px;}

#footer #raynet, #footerhome #raynet {position: relative; width: 137px; height: 29px; float: right; margin-top: 55px;}
#footer #raynet a, #footerhome #raynet a{text-decoration: none;}
#footer #raynet img, #footerhome #raynet img {position: absolute; top: 0px; left: 0px; z-index: 10;}
#footer #raynet span, #footerhome #raynet span {position: absolute; z-index: 8; top: 0px; left: 0px;}

#footer #sendmail, #footerhome #sendmail {clear: both; color: #a80023; font-weight: bold; margin:0 0 0 75px; padding-top:34px}
#footer .mail, #footerhome .mail {float: left; margin-top: 8px;}
#footer table, #footerhome table {margin: 0px 0 0 40px; padding: 0px; float: left;}
#footer #sendmail input, #footerhome #sendmail input {margin-right: 6px; background: url("../images/design/sendmail.png"); border: 0; width: 184px; height: 18px; color: #325284; padding: 4px 0 0 4px; font-size: 11px;}
#footer #sendmail input.submit, #footerhome #sendmail input.submit {background: url("../images/design/button_bg.png"); color: white; width: auto; padding: 0px 10px 0 10px; cursor: pointer;}

/* HOMEPAGE */
#homepage {position: relative; z-index: 12;}
#homepage span{cursor: pointer;}
#homepage h1 {position: absolute; top: 5px; left: -220px; width: 210px; z-index: 15;}
#homepage p {position: absolute; top: 535px; left: -420px; width: 910px; z-index: 15;}

#homepage a {text-decoration: none; background: none; margin: 0px;}
#homepage a#main1 {position: absolute; display: block; top: -20px; right: 261px; width: 201px; height: 100px; z-index:10; padding: 40px;}
#homepage a#main2 {position: absolute; display: block; top: -20px; right: -20px; width: 201px; height: 100px; z-index:10; padding: 40px;}
#homepage a#main3 {position: absolute; display: block; top: 160px; right: 261px; width: 201px; height: 100px; z-index:10; padding: 40px;}
#homepage a#main4 {position: absolute; display: block; top: 160px; right: -20px; width: 201px; height: 100px; z-index:10; padding: 40px;}
#homepage a#main5 {position: absolute; display: block; top: 340px; right: 261px; width: 201px; height: 100px; z-index:10; padding: 40px;}
#homepage a#main6 {position: absolute; display: block; top: 340px; right: -20px; width: 201px; height: 100px; z-index:10; padding: 40px;}

#homepage .preload1{background: url("../images/design/home1_a.png") no-repeat -1000px -1000px; width: 1px; height: 1px;}
#homepage .preload2{background: url("../images/design/home2_a.png") no-repeat -1000px -1000px; width: 1px; height: 1px;}
#homepage .preload3{background: url("../images/design/home3_a.png") no-repeat -1000px -1000px; width: 1px; height: 1px;}
#homepage .preload4{background: url("../images/design/home4_a.png") no-repeat -1000px -1000px; width: 1px; height: 1px;}
#homepage .preload5{background: url("../images/design/home5_a.png") no-repeat -1000px -1000px; width: 1px; height: 1px;}
#homepage .preload6{background: url("../images/design/home6_a.png") no-repeat -1000px -1000px; width: 1px; height: 1px;}
 
#homepage #main1 span.preload {position: absolute; display: block; left: 0px; top: 0px; width: 281px; height: 180px; background: url("../images/design/home1_a.png"); z-index:3; visibility: hidden;}
#homepage #main2 span.preload {position: absolute; display: block; left: 0px; top: 0px; width: 281px; height: 180px; background: url("../images/design/home2_a.png"); z-index:3; visibility: hidden;}
#homepage #main3 span.preload {position: absolute; display: block; left: 0px; top: 0px; width: 281px; height: 180px; background: url("../images/design/home3_a.png"); z-index:3; visibility: hidden;}
#homepage #main4 span.preload {position: absolute; display: block; left: 0px; top: 0px; width: 281px; height: 180px; background: url("../images/design/home4_a.png"); z-index:3; visibility: hidden;}
#homepage #main5 span.preload {position: absolute; display: block; left: 0px; top: 0px; width: 281px; height: 180px; background: url("../images/design/home5_a.png"); z-index:3; visibility: hidden;}
#homepage #main6 span.preload {position: absolute; display: block; left: 0px; top: 0px; width: 281px; height: 180px; background: url("../images/design/home6_a.png"); z-index:3; visibility: hidden;}

#homepage #main1:hover span.preload, #homepage #main2:hover span.preload, #homepage #main3:hover span.preload, #homepage #main4:hover span.preload, #homepage #main5:hover span.preload, #homepage #main6:hover span.preload {visibility: visible;}

#homepage #main1 span {position: absolute; display: block; left: 0px; top: 0px; width: 281px; height: 180px; background: url("../images/design/home1.png"); z-index:4;}
#homepage #main1:hover span.load {display: none;}
#homepage #main2 span {position: absolute; display: block; left: 0px; top: 0px; width: 281px; height: 180px; background: url("../images/design/home2.png"); z-index:4;}
#homepage #main2:hover span.load {display: none;}
#homepage #main3 span {position: absolute; display: block; left: 0px; top: 0px; width: 281px; height: 180px; background: url("../images/design/home3.png"); z-index:4;}
#homepage #main3:hover span.load {display: none;}
#homepage #main4 span {position: absolute; display: block; left: 0px; top: 0px; width: 281px; height: 180px; background: url("../images/design/home4.png"); z-index:4;}
#homepage #main4:hover span.load {display: none;}
#homepage #main5 span {position: absolute; display: block; left: 0px; top: 0px; width: 281px; height: 180px; background: url("../images/design/home5.png"); z-index:4;}
#homepage #main5:hover span.load {display: none;}
#homepage #main5 span.popis  {display: block; position: absolute; display: block; left: 36px; top: 65px; z-index: 6; color: #eba9a9; font-size: 11px; background: none; width: auto; height: auto;}
#homepage #main5 span.popis span {display: block; left: 0px; top: 25px; line-height: 120%; background: none; width: auto; height: auto;}
#homepage #main5 span.popis span.vice {display: block; left: 0px; top: 65px; background: url("../images/design/home_li.png") no-repeat 2px 6px; padding-left: 14px; text-decoration: underline; color: #ffa1a1; width: auto; height: auto;}
#homepage #main6 span {position: absolute; display: block; left: 0px; top: 0px; width: 281px; height: 180px; background: url("../images/design/home6.png"); z-index:4;}
#homepage #main6:hover span.load {display: none;}

/*ajaxSendMail*/
div#loadingMail {background: no-repeat center url("../js/ajaxSendMail/loading.gif"); width: 100%; height: 50px;}
div#loading_box {position: fixed; display: none; width: 100%; height: 100%; background: transparent; z-index: 1000; cursor: wait}
.next-email {padding: 17px 0 0 0}