html {
	min-height: 100%;
	background: #E1E1E1 url(../images/html_bg.jpg) repeat-x top;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	min-height: 100%;
	padding:0;
	margin: 0;
	font-size: 12px;
	color: #676767;
}

.a-img {display: block; position: relative; text-decoration: underline; overflow: hidden;}
.a-img span {position: absolute; top: 0; left: 0;}
.a-img:hover {text-decoration: none;} 

a {color: #C61414; text-decoration: underline;}
a:hover {color: #676767; text-decoration: none;}

a img {border: 0;}

table {border-collapse: collapse; border: 0;}

.float-right {float: right;}
.float-left {float: left;}
.right {text-align: right;}
.left {text-align: left;}
.center {text-align: center;}


form fieldset {clear:left; padding:0; margin: 30px 0 0 0; border: 0;}
form fieldset legend {font-size:15px; margin-bottom: 5px; font-weight:bold;}
form fieldset p {margin:2px; clear:left;}
form fieldset label {display:block; float:left; width:130px; margin:3px 0 3px 0; font-weight:bold;}
form fieldset input { padding: 3px; width: 200px; border: 1px #676767 solid}
form fieldset select {padding: 3px 0;  width: 206px; border: 1px #676767 solid}
form fieldset input#captcha-input {margin-left:130px;}
form fieldset p.radio br {display:none;}
form fieldset textarea {width:100%; border: 1px #676767 solid}
form fieldset p.hint {font-style:italic;}
p.radio input,
.btn,
.checkbox {width: auto; border: auto;}

h1{
  padding: 0;
  margin: 0;
}
h2 {
  display: block;
  height: 43px;
  line-height: 43px;
  padding: 0;
  margin: 0 0 10px 0;
  font-weight: normal;
  font-size: 18px;
}
h2 span {padding: 0 10px; color:white;}

h3 {margin-top: 0px;}

table {
  text-align: left;
  width: auto;
}

table th {padding-right: 12px; text-align: left;}

table.prospekty {
  text-align: center;
  border-collapse: collapse;
  border: 0;
}
table.prospekty th,
table.prospekty td {width: 33%; padding-bottom: 20px;}
table.prospekty img {width: 75px; }

#wrapper{
	width: 959px;
	margin: 0 auto;
	min-height: 100%;
}
#header {
  position: relative;
  width: 959px;
  height: 298px;
  margin-top: 20px;
  margin-bottom: 48px;
  background-color: #ffffff;
}

#header h1,
#header h1 a,
#header h1 a span {
  display: block;
  width: 351px;
  height: 58px;
}
#header h1 {
  position: absolute;
  top: 10px;
}
#header h1 a span {
  background: url(../images/logo.jpg) no-repeat;
}

#header ul#topmenu {
  position: absolute;
  left: 362px;
  top: 10px;
  width: 585px;
  height: 57px;
  margin: 0;
  padding: 0;
  background: black url(../images/menuold.jpg) no-repeat top;
  list-style-type: none;
}
#header ul#topmenu li,
#header ul#topmenu li a {
  float: left;
  line-height: 57px;
}
#header ul#topmenu li a {float: left; height: 57px; margin-left: 6px; color: white; }
#header ul#topmenu li a:hover {text-decoration: none;}
#header ul#topmenu li a span {height: 57px; background: url(../images/menuold.jpg) no-repeat top;}
#header ul#topmenu li#topmenu-1 a,
#header ul#topmenu li#topmenu-1 a span {width: 53px; background-position: -6px top;}
#header ul#topmenu li#topmenu-1 a.active span,
#header ul#topmenu li#topmenu-1 a:hover span {background-position: -6px bottom;}
#header ul#topmenu li#topmenu-2 a,
#header ul#topmenu li#topmenu-2 a span {width: 53px; background-position: -65px top;}
#header ul#topmenu li#topmenu-2 a.active span,
#header ul#topmenu li#topmenu-2 a:hover span {background-position: -65px bottom;}
#header ul#topmenu li#topmenu-3 a,
#header ul#topmenu li#topmenu-3 a span {width: 53px; background-position: -123px top;}
#header ul#topmenu li#topmenu-3 a.active span,
#header ul#topmenu li#topmenu-3 a:hover span {background-position: -123px bottom;}
#header ul#topmenu li#topmenu-4 a,
#header ul#topmenu li#topmenu-4 a span {width: 99px; background-position: -182px top;}
#header ul#topmenu li#topmenu-4 a.active span,
#header ul#topmenu li#topmenu-4 a:hover span {background-position: -182px bottom;}
#header ul#topmenu li#topmenu-5 a,
#header ul#topmenu li#topmenu-5 a span {width: 68px; background-position: -287px top;}
#header ul#topmenu li#topmenu-5 a.active span,
#header ul#topmenu li#topmenu-5 a:hover span {background-position: -287px bottom;}
#header ul#topmenu li#topmenu-6 a,
#header ul#topmenu li#topmenu-6 a span {width: 63px; background-position: -362px top;}
#header ul#topmenu li#topmenu-6 a.active span,
#header ul#topmenu li#topmenu-6 a:hover span {background-position: -362px bottom;}
#header ul#topmenu li#topmenu-7 a,
#header ul#topmenu li#topmenu-7 a span {width: 75px; background-position: -432px top;}
#header ul#topmenu li#topmenu-7 a.active span,
#header ul#topmenu li#topmenu-7 a:hover span {background-position: -432px bottom;}
#header ul#topmenu li#topmenu-8 a,
#header ul#topmenu li#topmenu-8 a span {width: 60px; background-position: -514px top;}
#header ul#topmenu li#topmenu-8 a.active span,
#header ul#topmenu li#topmenu-8 a:hover span {background-position: -514px bottom;}


#header #gray {position: absolute; top: 67px; left: 11px; width: 936px; height: 233px; }
#header #gray span {display: block; position: absolute; left: 0; top: 0; width: 936px; height: 233px; background: url(../images/header.jpg) no-repeat;}
#header #gray div.text {
  color:black;
  font-size:12px;
  left:14px;
  position:absolute;
  top:50px;
  width:351px;
}
#header #gray a {display: block; position: absolute; left: 12px; top: 166px; width: 201px; height: 27px; }

#header a#dotaz {position: absolute; right: 16px; top: 305px; width: 227px; height: 25px; }
#header a#dotaz span {width: 227px; height: 25px; background: url(../images/btn_dotazy.png) no-repeat top;}
#header a#dotaz:hover span {background-position: bottom;}


#content {
  float: left; 
  width: 932px; 
  padding: 8px 16px 8px 11px;
  background: white url(../images/content_middle.jpg) repeat-y;
  margin-bottom: 20px;
}

#left {
  float: left;
  width: 198px;
}

#left h2 {
  width: 198px;
  background: #750B0B url(../images/red_pruh.jpg) no-repeat left 0;
}

#left ul#menu,
#left ul#menu ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
}
#left ul#menu li a {
  display: block;
  text-decoration: none;
  color: #000000;
  padding: 7px 7px 7px 20px;
  background: url(../images/icon_1.gif) no-repeat 5px center;
}
#left ul#menu li a span {display: block; border-bottom: 2px #C2C0C1 dotted;}

#left ul#menu li a:hover,
#left ul#menu li a.active {
  background: #C61414 url(../images/icon_4.gif) no-repeat 5px center;
  color: white;
}
#left ul#menu li a:hover span,
#left ul#menu li a.active span {
  border-color: #C61414;
}

#left ul#menu ul li a {
  color: #C61414;
  background: #ffffff;
}
#left ul#menu ul li a span {border: 0;}
#left ul#menu ul li a.active {
  background: #ffffff url(../images/icon_3.gif) no-repeat 5px center;
  color: #C61414;
}
#left ul#menu ul li a:hover {
  color: #676767;
  background: #ffffff;
}

hr.red {display: block; height: 14px;   margin: 14px 0; background: #C61414; border: 0; }

#left table,
table.contact  {
  text-align: left;
  line-height: 1.2em;
  color: #C61414;
  font-size: 12px;  
  border-collapse: collapse;
  border: 0;
  width: 189px;
}
#left table th,
table.contact th {
 vertical-align: top;
 text-transform: uppercase;
 color: #676767;
 padding-right: 5px;
}

address {
  text-align: left;
  line-height: 1.2em;
  color: #C61414;
  font-size: 12px;
  font-style: normal;  
}
address strong {
 text-transform: uppercase;
 color: #676767;
 padding-right: 10px;
}

#middle {
  float: left;
  width: 528px;
  min-height: 100%;
}
#middle h2 {
  width: 528px;
  background: #750B0B url(../images/red_pruh.jpg) no-repeat -198px 0;
}
#middle .inner {
  padding: 14px;
}

#middle #prehled {margin: 0;}
#middle #prehled a:hover {background-color: white; opacity: 0.8}

#right {
  float: left;
  width: 206px;
}
#right h2 {
  width: 206px;
  background: #750B0B url(../images/red_pruh.jpg) no-repeat right 0;
}
hr.gray {
  display: block; 
  clear: both; 
  height: 0; 
  border: 0; 
  border-bottom: 2px #C2C0C1 dotted;
}

#right h3 {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  font-size: 12px;
  color: #676767;
}
#right span.date {
  display: block;
  float: right;
  text-transform: uppercase;
  font-size: 11px;
  color: #C2C0C1;  
  font-weight: bold;
}

#right .new * {padding: 0; margin: 0;}
#right .new {margin: 10px 0 0 0;}
#right .right {margin-bottom: 10px;}
#right .right a {padding-left: 20px;  background: url(../images/icon_1.gif) no-repeat 5px center;}

#footer{
  clear: both;
  height: 37px;
  line-height: 37px;
  background: #D8DAD9 url(../images/foot_bg.jpg) repeat-x;
}
#footer .inner {
	width: 959px;
	height: 37px;
	margin: 0 auto;
}
#footer .float-right a.a-txt {
color:gray;
display:block;
float:left;
font-size:11px;
padding-top:1px;
text-decoration:none;
}
#footer .float-right a.a-img {
  width: 122px;
  height: 37px;
  float: left;
  margin-right: 8px;
}
#footer .float-right a.a-img span {
  width: 122px;
  height: 37px;
  background: url(../images/foot_logo_moon.jpg) right;
}

#content-fckeditor {
  background-color: white;
}