body { 
    margin:0; 
    padding:0;
    font-family:Arial, sans-serif;
    background:#343434 url(../images/bg.jpg) repeat-x center 3px;
}
.bg {
  background:url(../images/bg2.jpg) repeat-x left top;
}

a img {border:2px solid #ddd;}

.clear {clear:both;}
.hidden {display:none !important;}

#head {
	position:relative;
	margin:55px auto 0 auto;
	width:979px;
	height:283px;
	background:#fff;
	border:solid #f0f0f0;
	border-width:1px 1px 0 1px;
}
#foot {
	position:relative;
	margin:0 auto 20px auto;
	padding:0 14px 0 14px;
	width:981px;
	width:981px;
	height:73px;
  	background:url(../images/foot-bg.png) no-repeat left top;
}
#cnt {
	position:relative;
	margin:auto;
	padding:15px 30px 14px 27px;
	width:952px;
	background:url(../images/content-bg.png) repeat-y left top;
}
#cnt div.content {
	background-color:#fff;
}
#cnt div.top {
	height:4px;
	font-size:0;
    background:#fff url(../images/content-top.png) no-repeat left top;
}
#cnt div.bottom {
	height:34px;
	font-size:0;
    background:#fff url(../images/content-bottom.png) no-repeat left bottom;
}
.box1 {
	float:right;
	padding:11px 9px 0 0;
	width:625px;
	margin:0;
}
.box2 {
	float:left;
	padding:0 0 0 7px;
	width:299px;
}

/*shadows*/
#sh1 {
	position:absolute;
	left:-15px;
	top:-15px;
	width:14px;
	height:343px;
    background:url(../images/sh-left.png) no-repeat left top;
}
#sh2 {
	position:absolute;
	left:0;
	top:-18px;
	width:832px;
	height:17px;
    background:url(../images/sh-top.png) no-repeat left top;
}
#sh3 {
	position:absolute;
	left:832px;
	top:-48px;
	width:12px;
	height:47px;
    background:url(../images/sh-topbox-left.png) no-repeat left top;
}
#sh4 {
	position:absolute;
	left:844px;
	top:-48px;
	width:136px;
	height:18px;
    background:url(../images/sh-topbox-top.png) no-repeat left top;
}
#sh5 {
	position:absolute;
	right:-14px;
	top:-39px;
	width:13px;
	height:367px;
    background:url(../images/sh-right.png) no-repeat left top;
}

/*top*/
ul#top {
	position:absolute;
	left:844px;
	top:-30px;
	margin:0;
	padding:0 0 0 11px;
	width:125px;
	height:29px;
	list-style:none;
    background:url(../images/top-bg.png) no-repeat left top;
}
ul#top li {
	float:left;
}
ul#top li a {
	position:relative;
	display:block;
	float:left;
	width:39px;
	height:29px;
	line-height:29px;
	font-size:0.6em;
	text-align:center;
	background:#fff;
}
ul#top li a span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:39px;
	height:29px;
	background:red;
}
ul#top li.item1 a span {background:url(../images/icon-house.png) no-repeat left top;}
ul#top li.item2 a span {background:url(../images/icon-pc.png) no-repeat left top;}
ul#top li.item3 a span {background:url(../images/icon-post.png) no-repeat left top;}

/*menu*/
ul#menu {
	margin:0 auto;
	padding:0;
	width:979px;
	height:44px;
    border-left:1px solid #e8e8e8;
    border-right:1px solid #e8e8e8;
    border-bottom:1px solid #fff;
    list-style:none;
    background:#ffc423 url(../images/menu-bg.png) repeat-x left top;
}
ul#menu li {
	float:left;
	padding:0 2px 0 0;
	height:44px;
	line-height:44px;
    background:url(../images/menu-separator.png) no-repeat right top;
}
ul#menu li.last {
	padding:0;
	background:none;
}
ul#menu li a {
	display:block;
	float:left;
	height:44px;
	line-height:44px;
	color:#171717;
	font-weight:bold;
	font-size:0.75em;
	text-decoration:none;
	text-align:center;
}
ul#menu li a.active,
ul#menu li a:hover {
	color:#fff;
    background:#828284 url(../images/menu-hover-bg.png) repeat-x left top;
}
ul#menu li.item1 a {width:147px;}
ul#menu li.item2 a {width:94px;}
ul#menu li.item3 a {width:110px;}
ul#menu li.item4 a {width:142px;}
ul#menu li.item5 a {width:117px;}
ul#menu li.item6 a {width:117px;}
ul#menu li.item7 a {width:116px;}
ul#menu li.item8 a {width:122px;}

/*foot*/
#foot ul {
	position:absolute;
	right:15px;
	bottom:14px;
	margin:0;
	padding:0;
	list-style:none;
}
#foot ul li {
	display:inline;
	padding:0 15px 0 14px;
	line-height:20px;
    background:url(../images/foot-menu-separator.gif) no-repeat right 5px;
}
#foot ul li.last {background:none;}
#foot ul li a {
	font-size:0.7em;
	color:#5f6062;
	text-decoration:none;
}
#foot ul li a.active,
#foot ul li a:hover {color:#fff;}
#foot p {
	position:absolute;
	right:30px;
	top:15px;
	margin:0;
	padding:0;
	color:#5f6062;
	font-size:0.7em;
}
#foot p a {text-decoration:none;color:#5f6062;}
#foot p a:hover {color:#fff;}

/*logo*/
#logo {
	position:relative;
    margin:0; 
    padding:0;
    width:319px; 
    height:132px;
    overflow:hidden;
    z-index:100;
    font-size:1.4em;
}
#logo a {
	display:block;
	padding:20px 0 0 20px;
    width:319px; 
    height:132px;
	text-decoration:none;
	color:#088f5b;
}
#logo a:hover {color:#000;}
#logo span {
    display:block;
    position:absolute; 
    margin:0; 
    padding:0;
    left:0; 
    top:0; 
    z-index:0;
    width:319px; 
    height:132px;
    cursor:pointer;
    background:url(../images/logo.png) no-repeat left top;
}
#head p.image1 {
	position:absolute;
	left:319px;
	top:0;
	margin:0;
	padding:0;
	width:660px;
	height:283px;
}
#head p.image1 span {
	position:absolute;
	left:0;
	top:0;
	width:660px;
	height:283px;
  background:url(../images/head-image.png) no-repeat left top;
}
#head p.image2 {
	position:absolute;
	left:319px;
	top:0;
	margin:0;
	padding:0;
	width:660px;
	height:283px;
}
#head p.image2 span {
	position:absolute;
	left:0;
	top:0;
	width:660px;
	height:283px;
  background:url(../images/head-image2.png) no-repeat left top;
}
#head p.image3 {
	position:absolute;
	left:319px;
	top:0;
	margin:0;
	padding:0;
	width:660px;
	height:283px;
}
#head p.image3 span {
	position:absolute;
	left:0;
	top:0;
	width:660px;
	height:283px;
  background:url(../images/head-image3.png) no-repeat left top;
}
#head p.image4 {
	position:absolute;
	left:319px;
	top:0;
	margin:0;
	padding:0;
	width:660px;
	height:283px;
}
#head p.image4 span {
	position:absolute;
	left:0;
	top:0;
	width:660px;
	height:283px;
  background:url(../images/head-image4.png) no-repeat left top;
}
#head p.image5 {
	position:absolute;
	left:319px;
	top:0;
	margin:0;
	padding:0;
	width:660px;
	height:283px;
}
#head p.image5 span {
	position:absolute;
	left:0;
	top:0;
	width:660px;
	height:283px;
  background:url(../images/head-image5.png) no-repeat left top;
}
#head p.image6 {
	position:absolute;
	left:319px;
	top:0;
	margin:0;
	padding:0;
	width:660px;
	height:283px;
}
#head p.image6 span {
	position:absolute;
	left:0;
	top:0;
	width:660px;
	height:283px;
  background:url(../images/head-image6.png) no-repeat left top;
}
#head p.image7 {
	position:absolute;
	left:319px;
	top:0;
	margin:0;
	padding:0;
	width:660px;
	height:283px;
}
#head p.image7 span {
	position:absolute;
	left:0;
	top:0;
	width:660px;
	height:283px;
  background:url(../images/head-image7.png) no-repeat left top;
}
#head p.image8 {
	position:absolute;
	left:319px;
	top:0;
	margin:0;
	padding:0;
	width:660px;
	height:283px;
}
#head p.image8 span {
	position:absolute;
	left:0;
	top:0;
	width:660px;
	height:283px;
  background:url(../images/head-image8.png) no-repeat left top;
}
#head p.image9 {
	position:absolute;
	left:319px;
	top:0;
	margin:0;
	padding:0;
	width:660px;
	height:283px;
}
#head p.image9 span {
	position:absolute;
	left:0;
	top:0;
	width:660px;
	height:283px;
  background:url(../images/head-image9.png) no-repeat left top;
}
#head p.image10 {
	position:absolute;
	left:319px;
	top:0;
	margin:0;
	padding:0;
	width:660px;
	height:283px;
}
#head p.image10 span {
	position:absolute;
	left:0;
	top:0;
	width:660px;
	height:283px;
  background:url(../images/head-image10.png) no-repeat left top;
}
#head p.image11 {
	position:absolute;
	left:319px;
	top:0;
	margin:0;
	padding:0;
	width:660px;
	height:283px;
}
#head p.image11 span {
	position:absolute;
	left:0;
	top:0;
	width:660px;
	height:283px;
  background:url(../images/head-image11.png) no-repeat left top;
}
#head div.slideshow {
	margin:0;
	padding:20px 16px 0 19px;
	width:319px;
	width:284px;
	height:131px;
	color:#d4d4d4;
	font-size:0.75em;
  background:#5f6062 url(../images/head-cnt-bg.jpg) no-repeat left top;
}
#head div.slideshow #slidesContainer div {
  display:none;
  height:131px;
  left:0px;
  padding-left: 20px;
  padding-top: 20px;
  position:absolute;
  top:132px;
  width:284px;
  background:#5F6062 url(../images/head-cnt-bg.jpg) no-repeat scroll left top;
}
#head div.slideshow strong {
	color:#ffc423;
	font-size:20px;
}

#head div.slideshow strong big {
	color:#ffc423;
	font-size:26px;
}

#head div.slideshow img {
	margin:15px 0 0 0;
}

#head div.slideshow ul {
	margin:0;
	padding-left:20px;
}

#head div.slideshow a {
	color:#fff;
	text-decoration:underline;
	font-size:11px;
}

#head div.slideshow ul li a {
	color:#fff;
	text-decoration:underline;
	font-size:11px;
}

#head div.slideshow #slidesContainer div.sl2 {
  background:url(../images/iko3.gif) no-repeat right 20px;
}
#head div.slideshow #slidesContainer div.sl3 {
  background:url(../images/iko2.gif) no-repeat right 20px;
}
#head div.slideshow #slidesContainer div.sl4 {
  background:url(../images/iko3.gif) no-repeat right 20px;
}
#head div.slideshow #slidesContainer div.sl1 {
  background:url(../images/iko1.gif) no-repeat right 20px;
}

/*box2*/
.box2 h2.title {
	position:relative;
	margin:7px 0 2px 0;
	padding:0;
	width:284px;
	height:26px;
	line-height:26px;
	font-size:0.8em;
	background:#fff;
}
.box2 h2.title span {
	position:absolute;
	left:0;
	top:0;
	width:284px;
	height:26px;
}
.box2 h2.title span#nn {background:url(../images/title-nase-nabidka.png) no-repeat left top;}

ul#navigation {
	margin:0;
	padding:0;
	width:286px;
	list-style:none;
}
ul#navigation li {	
	position:relative;
	margin:0 0 3px 0;
	padding:0;
	width:286px;
	height:92px;
	background:#777879 url(../images/navigation-bg.jpg) no-repeat left top;
}
ul#navigation li.item5 {
	height:99px;
	background:#777879 url(../images/navigation-item5-bg.jpg) no-repeat left top;
}

ul#navigation li.tohide {
	padding-top:15px;
	height:77px;
}
ul#navigation li.tohide a {
	display:block;
	float:left;
	margin:0 1px 0 0;
	padding:0 0 0 25px;
	width:110px;
	color:#fff;
	font-size:0.75em;
	text-decoration:none;
	background:url(../images/navigation-point.gif) no-repeat 15px 6px;
}
ul#navigation li.tohide a:hover {
	color:orange;
	background:url(../images/navigation-point-hover.gif) no-repeat 15px 6px;
}
ul#navigation li.tohide span.image {
	position:absolute;
	left:0;
	top:0;
	width:286px;
	height:92px;
	z-index:10;
	cursor:pointer;
}
ul#navigation li.tohide.item1 span.image {background:url(../images/navigation1.jpg) no-repeat left top;}

ul#navigation li.tohover a {
	position:relative;
	display:block;
	width:286px;
	height:92px;
	color:#fff;
	text-decoration:none;
	font-size:0.75em;
}
ul#navigation li.tohover a:hover {
	color:#5f6062;
}
ul#navigation li.tohover.item5 a {
	height:99px;
}
ul#navigation li.tohover a span.image {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:286px;
	height:92px;
	z-index:10;
	background-position:left top;
	background-repeat:no-repeat;
	cursor:pointer;
}
ul#navigation li.tohover.item5 a span.image {
	height:99px;
}
ul#navigation li.tohover a:hover span.image {
	background-position:right top;
}
ul#navigation li.tohover.item2 a span.image {background-image:url(../images/navigation2.jpg);}
ul#navigation li.tohover.item3 a span.image {background-image:url(../images/navigation3.jpg);}
ul#navigation li.tohover.item4 a span.image {background-image:url(../images/navigation4.jpg);}
ul#navigation li.tohover.item5 a span.image {background-image:url(../images/navigation5.jpg);}
ul#navigation li a span.text {
	display:block;
	position:absolute;
	left:93px;
	top:0;
	width:185px;
	z-index:15;
	cursor:pointer;
}
ul#navigation li.tohide span.text {
	display:block;
	position:absolute;
	left:93px;
	top:0;
	width:185px;
	z-index:15;
	cursor:pointer;
	color:#fff;
	text-decoration:none;
	font-size:0.75em;
}
ul#navigation li.item1 span.text {top:29px;}
ul#navigation li.tohover.item2 a span.text {top:45px;}
ul#navigation li.tohover.item3 a span.text {top:45px;}
ul#navigation li.tohover.item4 a span.text {top:30px;}
ul#navigation li.tohover.item5 a span.text {top:45px;}

.box1 p {
	font-size:0.75em;
	color:#5f6062;
	text-align:justify;
	padding-right:15px;
}

.box1 a {
  color:#5f6062;
  font-weight:bold;
}

.box1 a:hover {
  color:#000;
  font-weight:bold;
}

.box1 ul li {
  font-size:12px;
}
.box1 h2 {
	font-size:0.95em;
	color:#333;
	background:url(../images/tecky.gif) no-repeat left 3px;
	padding-left:53px;
	text-transform:uppercase;
	margin:0;
}

.box1 h3 {
	font-size:0.9em;
	color:#F5C034;
	background:url(../images/tecky2.gif) no-repeat left 2px;
	padding-left:18px;
}

.box1 .cara {
  background:url(../images/news-separator.gif) repeat-x left bottom;
  height:3px;
}
.box1 h4 {
	font-size:0.80em;
	color:#5f6062;
}

.box1 .box-left {
  float:left;
  width:300px;
  display:block;
}

.box1 .box-left h4 {
  margin:0;
  padding:0;
}

.box1 .box-right {
  float:right;
  width:300px;
  display:block;
}

.box1 .box-right h4 {
  margin:0;
  padding:0;
}

.box1 .certifikaty  {
  padding-top:15px;
}

.box1 .certifikaty a img {
  margin:8px;
  border:2px solid #ddd;
}

.box1 form fieldset {
  border:0;
}

.box1 form fieldset input{
  border:1px solid #5f6062;
}

.box1 form fieldset textarea{
  border:1px solid #5f6062;
}

.box1 table tr td {
	font-size:0.75em;
	color:#5f6062;
}

#references {
	float:right;
	padding:30px 0 0 0;
	width:239px;
}
#references h2.title {
	position:relative;
	margin:7px 0 2px 0;
	padding:0;
	width:239px;
	height:23px;
	line-height:23px;
	font-size:0.8em;
	background:#fff;
}
#references h2.title span {
	position:absolute;
	left:0;
	top:0;
	width:239px;
	height:23px;
	background:url(../images/title-reference.png) no-repeat left top;
}
#references a.button {
	position:relative;
	display:block;
	width:px;
	height:px;
	color:#9d9e9f;
	width:239px;
	height:26px;
	line-height:26px;
	background-color:#707172;
	text-align:center;
}
#references a.button span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:239px;
	height:26px;
}
#references a#up {margin:0 0 1px 0;}
#references a#up span {background:url(../images/move-up.png) no-repeat left top;}
#references a#down {margin:1px 0 0 0;}
#references a#down span {background:url(../images/move-down.png) no-repeat left top;}
#references div.content {
	width:239px;
	height:276px;
	overflow:hidden;
}
#references div.content a img {
	padding:0 0 6px 0;
}
#actions {
	float:left;
	padding:30px 0 0 9px;
	width:588px;
}
#actions h2.title {
	position:relative;
	margin:7px 0 2px 0;
	padding:0;
	width:222px;
	height:23px;
	line-height:23px;
	font-size:0.8em;
	background:#fff;
}
#actions h2.title span {
	position:absolute;
	left:0;
	top:0;
	width:222px;
	height:23px;
	background:url(../images/title-akce.png) no-repeat left top;
}
#actions div.item {
	margin:5px 0 0 0;
	padding:0 0 5px 0;
	background:url(../images/news-separator.gif) repeat-x left bottom;
}
#actions div.item p {
	margin:0;
	padding:0;
	float:right;
	width:470px;
	font-size:0.8em;
	text-align:left;
}
#actions div.item p a.title {
	color:#5f6062;
	font-size:1.2em;
	font-weight:bold;
	
}
#actions div.item p a.title:hover {text-decoration:none;}
#actions div.item p span.date {
	color:#939394;
	line-height:18px;
	font-size:0.8em;
}
#actions div.item p.content {
	margin:4px 0 0 0;
}
#actions div.item p.image {
	float:left;
	margin:0;
	padding:0;
	width:97px;
}
#actions p.more {
	text-align:right;
}
#actions p.more a {
	float:right;
	display:block;
	width:148px;
	height:24px;
	line-height:24px;
	font-size:0.9em;
	color:#171717;
	text-align:center;
	text-decoration:none;
	background:url(../images/news-button.png) no-repeat left bottom;
}
#actions p.more a:hover {text-decoration:underline;}

.doprava {
  float:right;
  margin-left:10px;
}

.fotky a img {
  margin:5px;
}

.reklama { 
  text-align:center;
}
.reklama a img {
  border:0;
}

.vyprodej1 {
  width:591px;
  height:275px;
  background:url(../images/bg_vyprodej.gif) no-repeat left bottom;
}

.vyprodej1 .cast1 {
  float:left;
  width:220px;
}

.vyprodej1 .cast2 {
  float:left;
  width:355px;
}

.vyprodej1 .cast2 h3 {
  background:none;
  height:65px;
  width:355px;
  line-height:65px;
  margin:0;
  padding:0;
  font-size:1.0em;
}

.vyprodej1 .cast2 .tecky3 {
  height:1px;
  width:355px;
  background:url(../images/tecky3.gif) no-repeat left bottom;
  margin-top:5px;
  margin-bottom:5px;
}

.vyprodej1 .cast2 p {
  color:#000;
}

.vyprodej1 a.item {
  width:16px;
  height:16px;
  border:3px solid #fff;
  color:#000;
  display:block;
  font-size:0.75em;
  text-align:center;
  text-decoration:none;
  float:left;
  margin-right:8px;
}

.vyprodej1 a.item:hover, .vyprodej1 a.active {
  width:16px;
  height:16px;
  border:3px solid #333;
  color:#000;
  background-color:#F5C034;
  display:block;
  font-size:0.75em;
  text-align:center;
  text-decoration:none;
  float:left;
  margin-right:8px;
}

.vyprodej1 .cast2 table th {
  font-size:0.75em;
  font-weight:normal;
  width:170px;
  text-align:left;
  padding-bottom:6px;
  padding-top:6px;
}

.vyprodej1 .cast2 table td.cena1 {
  font-weight:bold;
  width:100px;
  text-align:center;
  color:#000;
  padding-bottom:6px;
  padding-top:6px;
}

.vyprodej1 .cast2 table td.cena2 {
  font-weight:bold;
  width:100px;
  text-align:center;
  color:#F5C034;
  font-size:0.9em;
  background:url(../images/cena.gif) no-repeat right center;
  padding-bottom:6px;
  padding-top:6px;
}