* {
	margin: 0;
	padding: 0;
}
html {
	/*height: 98%;
	_height: 100%;*/
}
/*---------------------------- ZÁKLADNÍ PRVKY --------------------------------*/
body {
	font-family: Verdana, Tahoma, Arial, Sans-serif, "Trebuchet MS";
	font-size: 0.8em;
	color: #505050;
	text-align: center;
	background: #e08f2f url('../_images/body-back.jpg') repeat-x top left;
	height: 100%;
	padding: 16px 0 8px 0;	
}

/*h1, h2, h3, h4 {font-family: Arial, Tahoma, Verdana, Sans-serif, "Trebuchet MS";}*/
h1 {font-size: 1.35em; color: #242f20; font-weight: bold; margin: 0 0 5px 0; padding: 2px 0 5px 0;}
h2, h3 {font-size: 1.2em; color: #242f20; font-weight: bold; margin: 0px 0px 5px 0px;}
h3 {font-size: 1.2em;}
h2.main {background: url('../_images/h2-back.gif') no-repeat top left; padding: 2px 0 5px 20px; }
h2 a, h3 a{font-weight: bold;}
h1 a, h2 a, h3 a {color: #ce602a; text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover {color: #e28a00;/*#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.9em;
	line-height: 1.5em;
	text-align: justify;
}
a {color: #ce602a; text-decoration: none; font-weight: bold;}
a:hover {color: #e28a00; text-decoration: underline;}
/*a:visited {}*/
img {border: 1px solid #a2a2a2;	margin: 0;}
ul {margin: 0 0 15px 40px;}
ul.galerie {margin: 0 0 15px 20px;}
ul li {list-style-image: url('../_images/list.png');}
ul.menu li {list-style-image: none;}
strong {font-weight: bold; /*color: #292929;*/}

/*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;}


i {font-weight: bold; font-style: italic;}
hr {border: 1px solid #698eac; margin: 10px;}
.hr2 {width: 97%; height: 1px; border-top: 1px navy solid; padding: 0; margin: 10px 0; }

address {font-style: normal; }

/*--------------------------- 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: #d71d1d;} .darkred strong {color: #833636;}
.small {font-size: 0.85em;}
.normal {font-size: 1em;}
.dnone {display: none;}
.noborder, .noborder td, .noborder tr {border: none; margin: 0; padding: 3px 4px;}
img.noborder {vertical-align: middle;}
.light {color: #b1b1b1;}

/*-------------------------------- LAYOUT ------------------------------------*/
#container {
  text-align: left;
  width: 990px;
  margin: 0 auto;
}

#wrap {
  background: #454444 url('../_images/container-back.png') repeat-y top left;
  width: 984px;
  _width: 990px;
  margin: 0 auto;
  _margin: -9px auto 0 auto;
  padding: 0 3px;
}
/*--------------- HEADER -----------------*/
.header-top {
  line-height: 1px;
  background: #ffffff url('../_images/header-top.png') no-repeat top left;
  width: 990px;
  height: 7px;
  margin: 0; padding: 0;
}

#header {
  /*background: #ffffff url('../_images/overall-back.png') repeat top left;*/
  width: 984px;
  height: 145px;
  margin: 0;
  padding: 0;
}


#header #logo {
  /*border: 1px solid red;*/
  width: 140px;
  height: 144px; 
}
#header #logo a, #header #logo a span {width: 140px; height: 61px;}
#header #logo {float: left; margin: 3px 4px 0 5px;}
#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-logo2.png') no-repeat top left;
}

#header #img-center {
  float: left;
  /*background: url('../_images/header-img.jpg') no-repeat top left;*/
  width: 693px;
  height: 144px;
  margin: -1px 0 0 0;
  padding: 0;
}

#header ul {
  float: right;
  width: 129px;
  margin: 5px 5px 0 0; _margin: 14px 5px 0 0; padding: 0;
}
#header ul li { 
  display: block; 
  /*border: 1px solid red;*/
  list-style: none; 
  list-style-image: none; 
  /*height: 21px;*/
  margin: 0 0 2px 0; *margin: -3px 0 0 0;
  padding: 0 0 0 0;
}

#header ul li a {
  position: relative;
  display: block;
  text-decoration:none;
	color:#ffffff;
	font-size: 10px;
	_line-height: 8px;
	width: 129px;
}

#header ul li a span {
  position: absolute;top:0;left:0;
  display: block;
	cursor : pointer;
	width: 129px;
}

#header ul li a.menu1 span, #header ul li a.menu1 {background: url('../_images/menu-uvod.png') no-repeat top left; height: 18px;}
#header ul li a.menu2 span, #header ul li a.menu2 {background: url('../_images/menu-kontakty.png') no-repeat top left; height: 20px;}
#header ul li a.menu3 span, #header ul li a.menu3 {background: url('../_images/menu-servisni-sit.png') no-repeat top left; height: 24px;}
#header ul li a.menu4 span, #header ul li a.menu4 {background: url('../_images/menu-prodejni-sit.png') no-repeat top left; height: 22px;}
#header ul li a.menu5 span, #header ul li a.menu5 {background: url('../_images/menu-fotogalerie.png') no-repeat top left; height: 21px;}
#header ul li a.menu6 span, #header ul li a.menu6 {background: url('../_images/menu-odkazy.png') no-repeat top left; height: 19px;}

#header ul li a.menu1:hover span {background-position: 0 -20px;}
#header ul li a.menu2:hover span {background-position: 0 -23px;}
#header ul li a.menu3:hover span {background-position: 0 -22px;}
#header ul li a.menu4:hover span {background-position: 0 -22px;}
#header ul li a.menu5:hover span {background-position: 0 -21px;}
#header ul li a.menu6:hover span {background-position: 0 -19px;}

/*------- slider ------*/
#slider {
  clear: both;
  width: 100%;
  height: 120px;
  
}

#slider #slider-dynamic {
  position: relative;
  overflow: hidden;
  /*width: 892px;*/
  height: 120px;
}
#slide-left {
  float: left;
  width: 40px;
}
#slide-right {
  float: right;
  width: 40px;
}
#slider img {border: none;}


/*------- scroller ----*/
.scroller {
  float: right;
  width: 13px;		
	height: 100%;
}
.scroller img {border: none;}

.scroller .dragclass {
	position: relative;
	left: 2px;
	cursor: pointer;
}

div.scroll_div {
  /*border-right: 1px solid #8b8b8b;*/
	width: 13px;
	/*height: 318px;*/
	height: 100%;
}
#scroll_box1, #scroll_box2, #scroll_box3 {
  float: left;
  overflow: hidden;
  width: 90%; _width: 100%;
  height: 100%;
  padding: 0 0 0 5px ;
} 
#scroll_box1 {width: 427px; _width: 452px;}
#scroll_box2 {width: 417px; _width: 422px;}
#scroll_box3 {width: 377px; _width: 382px;}

#scroll_box1_scroller, #scroll_box2_scroller, #scroll_box3_scroller {height: 100%;}

/*.content-middle-left div.scroll_div {}*/ 

/*-------- main -------*/

#main {
  float: right;
  width: 770px;
  margin: 10px 0 0 0;
}
#main.index {width: 100%;}

#content {
  /*float: left;
  width: 560px;
  _width: 580px;
  padding: 0 10px 10px 10px;*/
}

#left-content-box {
  float: left;
  overflow: hidden;
  background: #ffffff url('../_images/left-content-box-back.jpg') no-repeat top left;
  width: 399px; _width: 419px;
  height: 347px; _height: 367px;
  padding: 10px;
}

#left-content-box-index {
  float: left;
  overflow: hidden;
  background: #ffffff url('../_images/left-content-box-back2.jpg') no-repeat top left;
  width: 452px; _width: 492px;
  height: 327px; _height: 367px;
  padding: 20px;
}

#right-content-box {
  float: right;
  overflow: hidden;
  text-align: center;
  background: #ebebeb url('../_images/right-content-box-back.png') no-repeat top left;
  width: 539px; _width: 559px;
  height: 347px; _height: 367px;
  margin: 0 2px 0 0;
  padding: 10px;
} 

#right-content-box img {
  /*border: none;*/
  border-top: 2px solid #303943;
  border-left: 2px solid #303943;
  border-bottom: 2px solid #81888f;
  border-right: 2px solid #81888f;
}

#right-content-box-index {
  float: right;
  overflow: hidden;
  background: #ebebeb url('../_images/right-content-box-back.gif') no-repeat top left;
  width: 440px; _width: 480px;
  height: 327px; _height: 367px;
  margin: 0 6px 0 0;
  padding: 20px;
}

/*
#right-content-box-index h2 {
  font-size: 1em; font-weight: normal;
}
*/

#left-content-box ul {margin: 10px 0 0 0; padding: 0;}
#left-content-box ul li {font-size: 1.2em; list-style: none; margin: 0 0 5px 0;}
#left-content-box ul li a {color: #000000; font-variant: small-caps;}


.info-box {
  font-size: 0.9em;
  background: #ebebeb url('../_images/info-box-back.gif') repeat-x top left;
  border: 1px solid #d0d0d0;
  margin: 0 0 10px 0;
  padding: 10px;
}

/*---------- paticka ----------*/
#footer {
  color: #000000;
  text-align: center;
  height: 30px;
  margin: 10px 0 0 0;
}
#footer a {color: #000000;}
.footer-bottom {
  background: url('../_images/footer-bottom.png') no-repeat top left;
  width: 100%;
  height: 9px;
  margin: 
}
#footer img {vertical-align: middle;}

/*------- menu-horizontal ------*/
ul.menu-horizontal {
  text-align: center;
  margin: 0 0 15px 0; padding: 0;
}
ul.menu-horizontal li {
  display: inline;
  list-style: none;
  border-right: 1px solid #cfcfcf;
  margin: 0; _margin: 0 4px 0 0;
  padding: 0 6px 0 0; _padding: 0;
}
ul.menu-horizontal li.last {border: none;}
ul.menu-horizontal {font-size: 0.95em;}
/*--------- aktuality ----------*/
.news {
  margin: 4px 0 10px 0;
}
.news h3 {font-size: 1.1em; font-weight: bold;}
.news .news-image {
  float: right;
  width: 120px;
}
.news .hr {
  text-align: center;
  border-bottom: 1px solid #dadada;
  margin: 0 auto 15px auto;
  width: 80%;
  height: 8px;
}

/*---------- drobecek -----------*/
.drobecek {font-size: 0.8em; margin: 0 0 10px 0;}
.drobecek a {font-weight: normal;}

/*---------- nahledy -----------*/
.nahled {
  text-align: center;
  width: 122px;
  margin: 0 5px;
}
.nahled .popisek {
  font-size: 0.8em;
}

.horizontal {/*margin: 0 0 0 40px;*/ text-align: center;}
.horizontal .nahled {
  float: left;
  *display: inline;
  *float: none;  
  margin: 0 10px 5px 0; 
}

.barvy {
  text-align: center;
  margin: 90px 0 0 0;
}
.barvy img {
  margin: 0 5px 5px auto;
}
.mapa-right {
  float: right;
  text-align: center;
  width: 200px;
}


/*--------- formulare ----------*/

fieldset {
  background: #fff3e6 url('../_images/fieldset-back.gif') repeat-y top right;
  border: 1px solid #ff8d47;
  padding: 10px;
  
}
input {margin: 0 0 4px 0;}
fieldset legend {color: #000000; font-weight: bold;}
input.text {width: 350px; margin: 0 0 4px 0;}
.right-box input.text{width: 150px;}
label {float: left; clear: left;  width: 150px; margin: 0 0 4px 0;}
label.normal {float: none; width: 90px;}
input.button {margin: 0px 0px 0px 150px;}
input.short {width: 100px;}
input.normal {width: 250px; margin: 0 0 4px 0;}
select {margin: 0 0 4px 0;}
input.submit {
  color: #ffffff; 
  font-weight: normal;
  background: #ff8d47;
  border: 1px solid #ffffff; 
  height: 20px;
  _height: 22px;
  margin: 5px 0 0 150px;  
  _margin: 2px 0 0 150px;
  padding: 0 0 2px 0;
}
#login-form-header input.submit, .center input.submit {
  margin: 5px auto 0 auto;  
  _margin: 2px auto 0 auto;  
}
.right-box select {width: 150px; margin: 0 0 4px 0;}

fieldset p.popis {
  font-size: 0.85em;
}