html {
background:url("../images/bg-prechod.png") repeat-x;
}
body {
 background:url("../images/background.png") no-repeat center top;
 font-family:"Trebuchet MS",Arial,Helvetica,sans-serif,serif;
 font-size:12px;
 padding:0px;
 margin:0px;
 line-height:150%;
}
form {
 padding:0px;
  background:url("../images/background.png") no-repeat center top;
 font-family:"Trebuchet MS",Arial,Helvetica,sans-serif,serif;
}
a {
 color:#8A8209;/*#AEC51D;*/
}
a:hover {
 text-decoration:none;
}
h1 {
 color:#645d5d;
 font-size:19px;
}
h2 {
 font-size:17px;
}
h3 {
 font-size:15px;
}
h4 {
 font-size:12px;
}
h5 {
 font-size:10px;
}
h6 {
 font-size:9px;
}
p.perex {
 font-size:14px;
 color:gray;
}
#page {
 width:830px;
 min-height:800px;
 margin:0px auto 0px;
 padding:0px;
 position:relative;
 right:3px;
 background:url("../images/page-background.jpg") no-repeat 0px -30px;
 padding-bottom:20px;
 }
.top {
 height:89px;
}
.top a.logo {
 width:209px;
 height:63px;
 background:url("../images/logo.png") no-repeat;
 display:block;
 position:relative;
 top:10px;
 left:20px;
}
.top a.logo span {
 display:none;
}
.menu {
 background:url("../images/menu-bg.png") repeat-x bottom;
 width:830px;
 height:38px;
 position:relative;

}
.menu ul {
 display:block;
 padding:0px;
 margin:0px;
}
.menu ul li {
 display:block;
 float:left;
 height:38px;
 padding:0px 20px;

}
.menu ul li.active {
 display:block;
 float:left;
 margin-top:-4px;
 background:url("../images/menu-active.png") no-repeat top;
}
.menu ul li a {
 padding-top:10px;
 padding-bottom:10px;
 display:block;
 color:#645d5d;
}
.menu ul li.active a {
 padding-top:13px;
 padding-bottom:7px;
 display:block;
}
.banner {
 height:181px;
}

.content {
 width:720px;
 margin:0px auto 0px;
 padding-top:5px;
}
.content h1 {
 background:url("../images/kostky.png") no-repeat bottom left;
 padding-bottom:20px;
}
.content .right h3 {
 background:url("../images/kostky.png") no-repeat bottom left;
 padding-bottom:20px;
 color:#645d5d;
}
.content .text {
 width:520px;
 float:left;
 background:url("../images/text-divider.png") no-repeat top right;
 padding-right:10px;
 min-height:400px;
 text-align:justify;
 font-size:13px;
}

.content .text .reference img {
 margin:7px;
padding:1px;
 border:1px solid #666;
 float:left;
}
.content .text .reference {
 display:block;
 clear:both;
margin-bottom:5px;
}
.content .text .reference h3 {
 padding-top:0px;
 margin-top:0px;
}
.content .text .reference .popis {
 float:left;
 width:340px;
 padding:5px;
}
.content .text strong {
 color:#6D9433;
}
.content .right {
 width:170px;
 float:left;
 margin-left:20px;
}
.content .right .reference img {
 margin:5px;
 padding:2px;
 border:1px solid #666;
}
.wrapper {
 clear:both;
}
#footer {
 clear:both;
 width:100%;
 background:url("../images/footer-bg.png") repeat-x bottom;
 height:56px;
 margin:0px;
}
#footer .center {
 margin:0px auto 0px;
 width:830px;
}
#footer ul {
 display:block;
 padding:20px 0px 0px 0px;
 margin:0px;
}
#footer ul li {
 display:block;
 float:left;
 padding:0px 10px;


}
#footer ul li a {
 color:#2a2a2a;

}

.submenu {
 float:right;
 width:440px;
 padding-top:34px;
}
.submenu span {
 color:#65BA12;
 font-size:18px;
 font-weight:bold;
 float:left;
 margin-top:15px;
 display:block;
}
.submenu ul {
float:left;
}
.submenu ul li {
 list-style:none;
 background:url("../images/li-arrow-green.gif") no-repeat left center;
 padding-left:18px;
 line-height:170%;
}
.submenu ul li.odd {
 background:url("../images/li-arrow-black.gif") no-repeat left center;
}
.submenu ul li a {
 color:#000;
 font-weight:bold;
}
.submenu ul li.odd a {
 color:#65BA12;
}

.call,.mail{
 font-size:15px;
 font-weight:bold;
 background:url("../images/telefon.png") no-repeat left center;
 position:absolute;
 left:395px;
 top:12px;
 padding-left:20px;
 margin-bottom:10px;
 color:#2a2a2a;
}
.mail {
 top:32px;
 background:url("../images/mail.png") no-repeat left center;
}

/** formulare **/
div.errors{ color:#F00; }
#EmailForm .invalidValue{ background: #FFDFDF; border:1px solid #F00; }
#EmailForm .requiredValue{ background: #FFFFDF; border:1px solid #F00; }

textarea {
 width:80%;
 height:140px;
 font-family:"Trebuchet MS",Arial,Helvetica,sans-serif,serif;
 font-size:13px;
 padding:3px;
}
input {
 width:40%;
 font-family:"Trebuchet MS",Arial,Helvetica,sans-serif,serif;
 padding:3px;
}