* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
/*---------------------------- ZÁKLADNÍ PRVKY --------------------------------*/
body {
	font-family: "Trebuchet MS", Tahoma, Arial, Sans-serif, Verdana;
	font-size: 0.8em;
	color: #4d4d4d;
	background: #ebebeb url('../_images/body-back.png') repeat-x top left; 
	_background-color: #e8e8e8;
	height: 100%;
	text-align: center;
}
h1 {font-size: 1.8em; color: #535353; font-weight: bold;  margin: 0 0 12px 0;}
h2, h3 {font-size: 1.5em; color: #535353; font-weight: bold; margin: 10px 0 7px 0;}
h3 {font-size: 1.2em;}
h2 a, h3 a{font-weight: bold;}
h1 a, h2 a, h3 a {color: #242f20; text-decoration: underline;}
h1 a:hover, h2 a:hover, h3 a:hover {color: #5c302c;/*#e26f31;*/ text-decoration: underline;}
h2.caption {font-size: 0.9em; text-align: center; margin: 5px 0;}
p {	margin: 0px 0px 10px 0px;
	font-size: 0.9 em;
	line-height: 1.5em;
	text-align: justify;
}
.small {font-size: 0.75em;}
a.small {font-weight: normal; font-size: 0.75em;}
a {color: #974a44; text-decoration: underline; font-weight: bold;}
a:hover {color: #5c302c;}
a.grey {color: #757575;}
/*a:visited {}*/

img {border: 1px solid #a2a2a2;	margin: 0;}
ul {margin: 0 0 15px 40px;}
ul li {list-style: circle;}
strong {font-size: 1.1em; font-weight: bold;}
b {font-size: 1.1em; font-weight: bold;}
/*tabulky*/
table { font-size: 0.9em; /*border-color: #5C80E5;*/ margin: 0px 0px 15px 0; border-collapse: collapse;}
table caption, h2.caption { font-weight: bold; color: #7f1100; margin: 0px auto;}
table th, table td {border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;}
table tr.noborder th, table tr.no-border td {border: none;}
table th {font-weight: bold;}
table th.th1 {width: 150px;}
i {font-weight: normal; font-style: italic; font-size: 1.2em;}
hr {clear: both; display: block; _display: none; border: none; height: 0px;}

address {font-style: normal; margin: 0 0 30px 0;}
embed {margin: 0; padding: 0;}
/*--------------------------- OBECNÉ PRVKY -----------------------------------*/
.center {text-align: center;}
.cleaner {clear: both; margin: 0px; padding: 0px;}
.clright {clear: right;}
.clleft{clear: left;}
.right {float: right;}
.left {float: left;}
.fnone {float: none;}
.text-right {text-align: right;}
.text-left {text-align: left;}
.red {color: red;}
.darkred {color: #90433d;} .darkred strong {color: #90433d;}
.hmaly {font-size: 1em; font-weight: bold;}
.small {font-size: 0.9em;}
.bigger {font-size: 1.2em;}
.normal {font-size: 1em;}
a.normal {text-decoration: none;}
.dnone {display: none;}
.noborder, .noborder td, .noborder tr {border: none; margin: 0; padding: 3px 4px;}
img.noborder {padding: 0;}
.border {border-top: 1px solid #e1d403; margin: 5px 0 0 0; padding: 5px 0 0 0; }
.light {color: #b1b1b1;}


/*-------------------------------- LAYOUT ------------------------------------*/
#container {
  text-align: left;
  /*position: relative;*/
  /*background: #ffffff url('../_images/container-back.gif') repeat-y top left;*/
  width: 1000px;
  /*_width: 1000px;*/
  margin: 0 auto;
  padding: 0;
  z-index: 50;
}

/*--------------- HEADER -----------------*/
#header {
  background: url('../_images/header-back.jpg') no-repeat top left;
  width: 1000px;
  height: 183px
}
#header #logo, #header #logo a, #header #logo a span {
  width: 360px;
  height: 150px;
}
#header #logo {float: right;}
#header #logo a {
	position: relative;
  display: block;
  text-decoration:none;
	color:#000000;
	font-size: 10px;
}
#header #logo a span {
  position: absolute;top:0;left:0;
  display: block;
	cursor : pointer;
	background: url('../_images/header-back.jpg') no-repeat top right;
}

/*-----------------------------*/

/*--------- MENU ---------*/
#left-pane {
  float: left;
  width: 284px;
}
#left-pane ul {
  background: #7a96c5 url('../_images/menu-back.jpg') no-repeat top left;
  width: 284px;
  height: 419px;
  margin: 0;
  padding: 0;
}
#left-pane ul li, #left-pane ul li a {
  width: 265px;
  height: 27px;
}
#left-pane ul li { 
  float: right;
  list-style: none;
  background: #3b98da url('../_images/menu-li-back.png') repeat-x top left;
  margin: 10px 0 0 0;
  padding: 0;
}

#left-pane ul li a {
  display: block;
  color: #ffffff;
  text-decoration: none;
  font-weight: normal;
  font-size: 1.2em;
  padding: 2px 15px;
}

#left-pane ul li a:hover {
  color: #90433d;
}
#left-pane address {
  
  /*text-align: left;*/
  text-align: center;
  font-weight: bold;
  width: 175px;
  margin: 25px 0 0 60px;
}
#left-pane address p {
  text-align: center;
}


/*---------- OBSAH ----------*/
#main {
  float: right;
  position: static;
  background: #ffffff url('../_images/left-pane-back.png') repeat-y top left;
  width: 1000px;
  min-height: 500px;
  margin: 0;
}

#content {
  float: right;
  background: #ffffff url('../_images/content-back.png') repeat-y top right;
  width: 690px;
  _width: 700px;
  min-height: 690px;
  _height: 690px;
  padding: 10px 0 10px 10px;
}

#content p {margin: 0 20px 10px 0;}


/*------- index ol why -----*/
ol#why {
  list-style: none;
  margin: 0; padding: 0;
}
ol#why li {
  background: url('../_images/why-back.png') no-repeat top left;
  width: 678px;
  height: 60px;
  margin: 0 0 10px 0;
  padding: 2px;
}

ol#why li span {
  float: left;
  background: #d5d5d5 url('../_images/why-ol.png') no-repeat;
  width: 29px;
  height: 30px;
  margin: 0 0 30px 0;
}
ol#why li.w1 span {background-position: 0 0;}
ol#why li.w2 span {background-position: 0 -30px;}
ol#why li.w3 span {background-position: 0 -60px;}
ol#why li.w4 span {background-position: 0 -90px;}
ol#why li.w5 span {background-position: 0 -120px;}
ol#why li.w6 span {background-position: 0 -150px;}
ol#why li.w7 span {background-position: 0 -180px;}

/*ol#why li h3 {margin: 0 0 2px 0; padding: 0}*/
ol#why li h3 {margin: 0 0 5px 0;}
ol#why li p {line-height: 1.2em;}

/*----- AKTUALITY -----*/
.aktuality2 {
  color: #ffffff;
  background: #65b4ec url('../_images/novinky-back.jpg') repeat-x bottom left;
  width: 658px;
  _width: 678px;
  margin: 0 0 20px 0;
  padding: 5px 10px;  
}
.aktuality2 h3 {display: inline;}
.aktuality2 h3 a, .aktuality2 p, .aktuality2 a {color: #ffffff}
.aktuality2 .text { margin: 8px 0 0 0;}

/*------------- AKTUALITY ---------------*/
.aktualita, .nabidka {
  clear: both;
  background: #fefefe url('../_images/aktualita2-back.png') repeat-x top left;
  border: 1px solid #d9d9d9;
  border-right: none;
  margin: 10px 0 25px 0;
  padding: 5px;
}
.aktualita-img {
  float: right;
  width: 120px;
  margin: 0 10px 10px 10px;
}
.aktualita .text {
  /*float: left*/
  width: 96%;
}

.aktualita h2 {
  display: block;
  margin: 0;
  padding: 2px 10px 4px 0;
}

.nahled {
  text-align: center;
  width: 162px;
  margin: 0 5px;
}
.nahled .popisek {
  font-size: 0.8em;
}

.nabidka h3 {
  color: #e00005;
  margin: 0 0 5px 0;
}
/*------ DROBECEK -----*/
.drobecek {
  color: #aeaeae;
  font-size: 0.85em;
  margin: 0 0 10px 0;
}
.drobecek a {
  color: #565656;
  text-decoration: none;
}
.drobecek a:hover {
  text-decoration: underline;
}

/*------ kontakt ------*/
address.kontakt {
  float: left;
  width: 340px;
}
#mapa-right {
  float: right;
  text-align: center;
  width: 350px;
}
#mapa {
  border:1px solid #000000;
  width:350px;
  height:320px;
}
#mapa img {border: none; margin: 0; padding: 0;}
/*------- FOOTER ------*/
#footer {
  font-size: 0.9em;
  background: #ffffff url('../_images/footer-back.jpg') no-repeat top left;
  text-align: right;
   width: 980px;
  _width: 1000px;
  height: 32px;
  _height: 92px;
  margin: -20px 0 0 0;
  _margin: -28px 0 0 0;
  padding: 60px 20px 0 0; 
}
#footer a {
  color: #000000;
  font-weight: normal;
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
}
#footer img {vertical-align: middle; border: none;}


#abs {
  position: absolute;
  width: 100%;
  height: 688px;
  top: 0;
  left: 0;
  /*margin: 0 0 0 -50%;*/
  background: url('../_images/abs.png') top center no-repeat;
  z-index: -10;
}




/*----- FORMULARE ------*/
fieldset {background: #fafafa url('../_images/fieldset-back.png') repeat-x bottom left; border: 1px solid #a5a5a5; width: 80%; padding: 10px;}
fieldset p {color: #70504c; margin: 8px 0 0 0;}
fieldset p.popis {margin: 8px 0 0 150px;}
fieldset.vyhledat {margin: 0 0 5px 0; padding: 5px; vertical-align: top;}
fieldset.vyhledat label, fieldset.vyhledat input, fieldset.vyhledat select {float: none; display: inline;}
fieldset.vyhledat label {width: 90px;}
label {float: left; text-align: right; width: 150px;}
input, textarea, select {vertical-align: middle; border: 1px solid #a5a5a5; margin: 0 0 5px 0;}
input.text {width: 300px;}
input.short {width: 100px; padding: 2px;}
input.psc {width: 80px;}
input.checkbox {border: none;}
input.submit, input.submit1, input.button {
  color: #4b4b4b; 
  font-weight: bold;
  background: #f0f0f0 url('../_images/submit-back.png') repeat-x bottom left;
  border: 1px solid #aaa8a8; 
  height: 22px;  
  margin: 4px 0 0 150px;
  _margin: 4px 0 0 152px;
  padding: 0 0 2px 0;
}
input.submit1, input.button {
  
  margin: 0;
}
select {vertical-align: middle;}

