#header { background: url(images/bg.gif) repeat-x; height: 130px; }
* {	font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif; margin: 0; padding: 0; }
h1,h2,h3,h4,h5 {font-family: 'Trebuchet MS', Tahoma, 'Lucida Grande CE', lucida, sans-serif; margin: 0; padding: 0; }
h1.nadpis {font-size:1.6em;margin-top:11px;margin-bottom:15px;font-weight:normal;color:#5D5D5D;}
a { text-decoration: underline; color: #7D7D7D; text-decoration: underline; }
a:hover { text-decoration: none; }

body { font-size: 0.7em; color: #656565; background: url(img/bg9.jpg) top center fixed #000;}
img { border: 0; }

#main {	margin: auto; margin-bottom: 300px; position: relative; width: 920px; background-color: #fff;}
#skipToContent { display: none; }

a.logo { float: left; background:transparent no-repeat; display:block; font-size:10px; width: 284px; height:34px; position:relative; top: 29px; text-decoration: none;margin-left:26px;}
a.logo span { background: url("images/logo-mediahelp2.gif") no-repeat; display:block; height:58px; left:0px; position:absolute; top:0px; width:291px; z-index:1; cursor: pointer; }

#top-content { float: right; }
#langbar { background: url("images/top-content.gif") no-repeat;  width: 300px; height: 15px; padding: 7px 15px; margin-left: 120px; }
	#langbar img { vertical-align: middle; margin-right: 4px; }
	#langbar a { color: #999; text-decoration: none; }
	#langbar a:hover { text-decoration: underline; }
	
ul#menu { list-style-type: none; margin-top: 30px; }
	ul#menu li { float: left; margin: 10px; }
	ul#menu li a { display: block; height: 18px; }

	ul#menu li a.produkty-a-sluzby { background: url("images/menu/produkty-a-sluzby.png"); width: 112px; }
	ul#menu li a:hover.produkty-a-sluzby, ul#menu li a.produkty-a-sluzby-active { background: url("images/menu/produkty-a-sluzby.png"); background-position: 0 -18px; width: 112px; }


	ul#menu li a.poradenstvo { background: url("images/menu/poradenstvo.png"); width: 80px; }
	ul#menu li a:hover.poradenstvo, ul#menu li a.poradenstvo-active { background: url("images/menu/poradenstvo.png"); background-position: 0 -18px; width: 80px; }
	
	ul#menu li a.referencie { background: url("images/menu/referencie.png"); width: 65px; }
	ul#menu li a:hover.referencie, ul#menu li a.referencie-active { background: url("images/menu/referencie.png"); background-position: 0 -18px; width: 65px; }
	
	ul#menu li a.o-nas { background: url("images/menu/o-nas.png"); width: 34px; }
	ul#menu li a:hover.o-nas, ul#menu li a.o-nas-active { background: url("images/menu/o-nas.png"); background-position: 0 -18px; width: 34px; }
	
	ul#menu li a.kontakt { background: url("images/menu/kontakt.png") no-repeat; width: 49px; }
	ul#menu li a:hover.kontakt, ul#menu li a.kontakt-active { background: url("images/menu/kontakt.png") no-repeat; background-position: 0 -18px; width: 49px; }
	
	

#content { line-height: 1.8em; margin-left: 22px;margin-right:22px;}
#content a, #footer-content a { color: #3b960b; }
#breadcrumbs { margin: 5px 0 20px 0; }
h2 { color: #5D5D5D; font-size: 1.6em; padding: 10px 0; font-weight: normal; }
h3 { color: #5D5D5D; font-size: 1.5em; padding: 10px 0; font-weight: normal; }

.cleaner { clear: both; }
.about-box { float: left; background: url("images/about-us-box.gif") no-repeat; display: block; width: 419px; height: 267px; padding: 9px 15px 15px 25px; }

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

table#about-table { margin-top: 15px; }
table#about-table img { vertical-align: middle; }
table#about-table td { vertical-align: top; padding-bottom: 15px; font-size: 1.2em; }
table#about-table td p { margin-top: 6px; }

ul#main-menu { margin-left: 22px; text-align: left; }
ul#main-menu li { list-style-type: none; }
ul#main-menu li a { display: block; width: 176px; height: 43px; background: url("images/new/bmenu.png") no-repeat; color: #000; text-decoration: none;  }
ul#main-menu li a span {padding: 10px 0 0 40px;display: block;}
ul#main-menu li a:hover { display: block; width: 176px; height: 43px; background: url("images/new/bmenuh.png") no-repeat; color: #fff; }
.menuShadow { height:15px; background: url('images/main-menu-shadow.gif') center top no-repeat; margin-left: 5px; }
ul#main-menu li a.priprava { display: block; width: 176px; height: 43px; background: url("images/new/bmenupri.png") no-repeat; color: #000; text-decoration: none;  }
.referencia { float: left; background: url("images/referencia-index.gif") no-repeat; display: block; width: 156px; height: 83px; padding-top: 3px; margin: 0 15px 4px 0; }
.referencia2 { background: url("images/referencia-index.gif") no-repeat; display: block; width: 156px; height: 83px; padding: 3px 0 0 3px; margin: 0 4px 4px 0; }
.referencia3 { float: left; background: url("images/referencia-index.gif") no-repeat; display: block; width: 156px; height: 83px; padding: 3px 0 0 3px; margin: 0 7px 0 7px; }

.monitor { background: url("images/monitor.gif") no-repeat; display: block; width: 215px; height: 144px; text-align: center; padding-top: 14px; }
.monitor2 { background: url("images/monitor2.gif") no-repeat; display: block; width: 195px; height: 202px; text-align: center; padding: 8px 4px 0 4px; }
.monitor3 { background: url("images/monitor3.gif") no-repeat; display: block; width: 195px; height: 316px; text-align: center; padding: 8px 4px 0 4px; }
.monitor4 { background: url("images/monitor4.gif") no-repeat; display: block; width: 195px; height: 259px; text-align: center; padding: 8px 4px 0 4px; }

#kontakt-box { background: url("images/kontakt/kontakt-box.gif") no-repeat; display: block; width: 876px; height: 180px; }
.kontakt-table td { line-height: 2.3em; }
.kontakt-table td span { color: #8C8B8B; }
.kontakt-table img { vertical-align: middle; }

.legend { color: #3B960B; font-size: 1.5em; padding: 5px 10px; font-weight: normal; width: 278px; height: 40px; background: url("images/kontakt/label.gif") no-repeat; display: block; margin-bottom: -16px; }
form#kontakt-form fieldset { border: 0px; width: 553px; height: 438px; background: url("images/kontakt/kontakt-form.gif") no-repeat; display: block;}

form#kontakt-form input { padding: 4px 3px; border: 1px solid #D0D0D0; background: url("images/input.gif") repeat-x; width: 150px; }
form#kontakt-form select { padding: 0; border: 1px solid #D0D0D0; background: url("images/input.gif") repeat-x; width: 157px; }
form#kontakt-form textarea { padding: 5px; border: 1px solid #D0D0D0; width: 510px; height: 65px; font-size: 1em; }
optgroup { background: #000; color: #fff; font-style: normal; }
option { padding: 3px; background-color: #fff; color:#000; }

form#objednavka-form fieldset { border: 0px; width: 553px; height: 800px; background: url("images/objednavka.gif") no-repeat; display: block;}
form#objednavka-form input.input { padding: 4px 3px; border: 1px solid #D0D0D0; background: url("images/input.gif") repeat-x; width: 150px; }
form#objednavka-form select { padding: 0; border: 1px solid #D0D0D0; background: url("images/input.gif") repeat-x; width: 157px; }
form#objednavka-form textarea { padding: 5px; border: 1px solid #D0D0D0; width: 510px; height: 65px; font-size: 1em; }

.r-referencie { float: left; background: url("images/referencie/referencie-box.gif") no-repeat; display: block; width: 421px; height: 261px; padding-top: 2px; margin: 0 16px 15px 0; }
.r-referencie h2 { color: #3B960B; padding: 8px 0 23px 10px; }
.r-referencie p { padding: 0 10px; }
.r-referencie span { color: #8C8B8B; }
.r-referencie img { padding-left: 2px; }

#main-content .r-referencie p a, #main-content .r-grafika p a { color: #656565; text-decoration: none;  }

.r-referencie .web, .r-grafika .web { 
	position: absolute;
	background: url("images/iweb.png") right top no-repeat;
	_background: url("images/iweb.gif") right top no-repeat;
	width: 419px;
	height: 76px;
	display: block;
}

.r-referencie .grafika, .r-grafika .grafika { 
	position: absolute;
	background: url("images/igrafika.png") right top no-repeat;
	_background: url("images/igrafika.gif") right top no-repeat;
	width: 419px;
	height: 76px;
	display: block;
}

.r-referencie .eshop, .r-grafika .eshop { 
	position: absolute;
	background: url("images/ieshop.png") right top no-repeat;
	_background: url("images/ieshop.gif") right top no-repeat;
	width: 419px;
	height: 76px;
	display: block;
}

.r-referencie .cms, .r-grafika .cms { 
	position: absolute;
	background: url("images/icms.png") right top no-repeat;
	_background: url("images/icms.gif") right top no-repeat;
	width: 419px;
	height: 76px;
	display: block;
}

.r-grafika { float: left; background: url("images/referencie/referencie-grafika-box.gif") no-repeat; display: block; width: 421px; height: 197px; padding-top: 2px; margin: 0 16px 15px 0; }
.r-grafika p { padding: 7px 10px 0 10px; }
.r-grafika img { padding-left: 2px; }

.poradenstvo-box { background: url("images/poradenstvo/poradenstvo-box.gif") no-repeat; width: 415px; height: 200px; padding: 9px 20px 15px 25px; margin-bottom: 25px; }
.poradenstvo-boxb-vrch { background: url("images/poradenstvo/poradenstvo-vrch.png") no-repeat;height:33px;}
.poradenstvo-boxb-spodek { background: url("images/poradenstvo/poradenstvo-spodek.png") no-repeat;height:35px;}
.poradenstvo-boxb { background: url("images/poradenstvo/poradenstvo-line.png") repeat-y; display: block; width: 870px; padding: 9px 20px 15px 24px; }
.poradenstvo-boxb p {width:500px;margin-bottom:10px;}
.poradenstvo-boxb .sedy {background-color: #f5f5f5;border:1px solid #eae9e9;width:791px;padding:15px;font-size:1em;font-weight:bold;}
.poradenstvo-boxb .sedy h3 {font-size: 1em;padding:0;font-weight:bold;margin-bottom:10px;}
.poradenstvo-boxbc { background: url("images/poradenstvo/poradenstvo-boxbbc.png") no-repeat !important; display: block; width: 878px; height: 530px !important; padding: 9px 20px 15px 25px; margin-bottom: 25px; }
.poradenstvo-boxbv { background: url("images/poradenstvo/poradenstvo-boxbbv.png") no-repeat !important; display: block; width: 878px; height: 460px !important; padding: 9px 20px 15px 25px; margin-bottom: 25px; }


.box-cena, .box-cena2, .box-doplnkove, .box-doplnkove2, .v-cene-eshop { color: #333; }

.box-cena { background: url("img/v-cene-box.gif") 0 0 no-repeat; display: block; width: 204px; padding: 5px 0 0 0px; }
.box-cena .list {
	padding-left: 15px;
	padding-bottom: 10px;
	background: url("img/v-cene-box-bottom.gif") left bottom no-repeat;}
.box-cena2 { background: url("images/produkty/v-cene-box2.gif") no-repeat; display: block; width: 191px; height: 140px; padding: 5px 0 0 15px; }
.box-doplnkove { background: url("images/produkty/doplnkove-box.gif") no-repeat; display: block; width: 189px; height: 200px; padding: 5px 0 0 15px; }
.box-doplnkove2 { background: url("images/produkty/doplnkove2-box.gif") no-repeat; display: block; width: 189px; height: 225px; padding: 5px 0 0 15px; }
.v-cene-eshop { background: url("images/produkty/v-cene2-box.gif") no-repeat; display: block; width: 189px; height: 626px; padding: 5px 0 0 15px; }
.kontaktujte-nas { background: url("images/produkty/zavolame.gif") no-repeat; display: block; width: 189px; height: 247px; padding: 5px 0 0 15px; }
.kontaktujte-nas2 {margin-top:11px; background: url("images/produkty/shop/zavolame.png") no-repeat; display: block; width: 522px; height: 150px; padding: 5px 0 0 15px; }
.kontaktujte-nas3 {margin-top:11px; background: url("images/shop/zavolame-back.png") no-repeat; display: block; width: 479px; height: 150px; padding: 5px 0 0 8px; }
.kontaktujte-nas input, .kontaktujte-nas2 input{ padding: 4px 3px; border: 1px solid #D0D0D0; background: url("images/input.gif") repeat-x; width: 150px; margin: 5px; }
.kontaktujte-nas3 .input { padding: 4px 3px; border: 1px solid #D0D0D0; background: url("images/input.gif") repeat-x; width: 140px; margin: 5px; }
.co-zahrnuje { background: url("images/produkty/shop/prava.png") no-repeat; display: block; width: 323px; height: 973px; padding: 5px 0 0 15px; }
.co-zahrnuje h3 {color:#000; font-size:1.1em;font-weight:bold;line-height:1.1;}
.co-zahrnuje span {float:right; font-size:2em; color:#3b960b;margin: 15px 50px 0 0;}
.nadpis-zahrnuje {background:none !important; text-transform: uppercase; color:#3b960b; font-weight:bold;}
.text-kli {font-size:.85em;padding:0;font-weight:normal;line-height: 1.3;font-family: 'arial';}
.referencie-small { background: url("images/referencie-small.gif") no-repeat; display: block; width: 203px; height: 67px; padding: 3px 5px 0 0px; margin: 0 4px 4px 0; }
.referencie-small2 { background: url("images/referencie-small.gif") no-repeat; display: block; width: 203px; height: 67px; padding: 3px 5px 0 3px; margin: 0 4px 4px 0; }

table.vysledky td { background: #fafafa; border-bottom: 1px solid #EAE9E9; padding: 3px 10px; }
#katalogy { background: url("images/produkty/katalogy01.jpg") no-repeat; display: block; width: 876px; height: 319px; }

#content ul.list li { padding-left: 15px; background: url("images/li.gif") no-repeat center left; margin: 4px 0; list-style-type: none; }

#content ul.list-new li { padding-left: 15px; background: url("images/li.gif") no-repeat center left; list-style-type: none; }
.sipka {background-image: url(images/new/sipka.png); background-repeat:no-repeat;background-position: 0 5px; padding-left: 8px;}
.sipka a {text-decoration:  none; color: #3b960b;font-weight: bold;}
.prechod {background-image: url(images/new/prechod.png); background-repeat:no-repeat;min-height: 72px;}
.prechod h5 {font-size: 17px; color: #383838; padding: 0 0 10px 0; font-weight: normal; }
.prechod p {text-align:justify;color:#444;}
.info {width: 127px;height:39px;margin:10px 0 15px;}
.info a {width: 100%;height:100%;display:block;
background-image: url(images/new/info2.png); background-repeat:no-repeat;
}
.info a:hover {
background-position: 0px -39px;
}

.mapa-content { background: url("images/mapa-bg.gif") repeat-y; width: 409px; margin-top: -6px; padding: 0 0 0 50px; font-weight: bold; font-size: 1.3em; line-height: 1.7em; }
#main-content .mapa-content a { font-family: arial; }

.mapa-content img { vertical-align: middle; }
/*
#footer {background: url(img/footer.png) 0 0 no-repeat #000;}
	#footer-content {position: relative; height: 140px;}
	#footer-menu {float: right; text-align: right; width: 450px; padding-top: 100px; padding-right: 60px;}
	#copyright {float: left; padding-top: 100px; padding-left: 10px; width: 400px;}
*/

#nadfooter {background: url(img/footer.png) 0 0 no-repeat; height: 86px;}
#footer {background: #000; opacity: 0.84;}
	#footer-content {position: relative; height: 40px; }
	#footer-menu {float: right; text-align: right; width: 390px; margin-right: 60px; padding: 12px; color: #85d83d;}
	#footer-menu a { color: #e8e8e8;}
	#copyright {float: left; padding-left: 10px; width: 400px; padding: 12px;}

	
ul#menu-shop{
	margin: 0;
	padding: 0;
}
ul#menu-shop li {
	list-style-type: none;
	width: 174px;
	height: 38px;
}
ul#menu-shop li a {
	background-image: url(images/shop/menu.png);
	width: 174px;
	height: 38px;
	display: block;
	color: #4c4e50;
	text-decoration: none;
}
ul#menu-shop li a:hover {
	background-image: url(images/shop/menu-hover.png);
	width: 174px;
	height: 38px;
	display: block;
	color: #fff;
}
ul#menu-shop li a span {
	display: block;
	font-size: 1.3em;
	padding:7px 0 0 32px;
	font-weight: bold;
	font-family:Trebuchet MS,'Lucida Grande CE',lucida,sans-serif;
}
.banner1 {margin-top:28px;}
.banner2 {margin-top:29px;}
.jmena {color: #3b960b;font-weight:normal;font-size:1em;margin:10px 0;}

/* VIDEO */

.video {
  width: 876px;
  height: 493px;
  margin: 20px 0 20px 0; 
}
.video-mini {
	width: 870px;
  height: 150px;

	}
.tvorbaref {
  width: 870px;
  height: 28px;
  
  padding: 9px 0 0 11px;
  margin: 20px 0 0 0;
  
  background-image: url(img/tvorba_bg.png);
  background-repeat: no-repeat; 
  

	font-family:Trebuchet MS,'Lucida Grande CE',lucida,sans-serif;
	color: #383838;
	font-size: 17px;
}

#refer {

}

#refer .box {
  width: 280px;
  height: 360px; 
  margin: 20px 12px 0 0;
  float: left;
}

#refer .box .obrazok img {
  border: 8px solid #cecece;
}
#refer .box .link {
	padding: 4px 0 4px 0;
}
#refer .box .link a {
	font-family:Trebuchet MS,'Lucida Grande CE',lucida,sans-serif;
	color: #383838;
	font-size: 17px;
	text-decoration: none;
  line-height: 24px;
}
#refer .box .link a:hover {
	text-decoration: underline;
}


#refer .box .sluzba a {
	font-family:Tahoma, 'Lucida Grande CE', lucida, sans-serif;;
	text-decoration: none;
  font-weight: bold;
  font-size: 11px;
  color: #48aa11;
  line-height: 24px;
}
#refer .box .sluzba a:hover {
	text-decoration: underline;
}

.nadpisus {
	font-family: arial;
	text-decoration: none;
  font-size: 21px;
}

#menuus {
  height: 40px;
  margin-top: 20px;
}

#menuus a {
  float: left;
  margin-right: 8px;
  color: white;
  font-size: 12px;
  text-decoration: none;
  line-height: 32px;
  display: block;
  text-indent: 17px;
  font-family: Arial, Helvetica, sans-serif;
}

#menuus a.b1 {
  width: 174px;
  height: 40px;
  background-image: url(img/b1.png);
  background-repeat: no-repeat;
  text-indent: 26px;
}

#menuus a.b2 {
  width: 180px;
  height: 40px;
  background-image: url(img/b2.png);
  background-repeat: no-repeat;
}

#menuus a.b3 {
  width: 189px;
  height: 40px;
  background-image: url(img/b3.png);
  background-repeat: no-repeat;
}

#menuus a.b4 {
  width: 143px;
  height: 40px;
  background-image: url(img/b4.png);
  background-repeat: no-repeat;
}

#menuus a.b5 {
  width: 144px;
  height: 40px;
  background-image: url(img/b5.png);
  background-repeat: no-repeat;
}
#menuus a:hover {
	background-position: 0 -40px;
	}
.top {
	position: absolute;
	right: 14px;
	top: 0px;
	width: 30px;
	height: 28px;
	overflow: hidden;
	}
.top span {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(img/top.gif) 0 0 no-repeat;
	}

.stepcarousel{
position: relative;
overflow: hidden!important; 
width: 385px; 
height: 545px; 
}

.stepcarousel .belt{
position: absolute;
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; 
overflow: hidden;
width: 385px;
}
.stepcarousel .panel a img {
	border: none;
	}
#slider-paginate,#slider2-paginate {
	width: 310px;
	height: 42px;
	position: absolute;
	bottom: 25px;
	left: 40px;
	}
#slider-paginate img,#slider2-paginate img {
	z-index: 99;
	}
#slider-prev {
	position: absolute;
	bottom: 25px;
	left: 0;
	}
#slider-next {
	position: absolute;
	bottom: 25px;
	right: 0;
	}
#funkce-eshopu {
	width: 661px;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	color: #383838;
	line-height: 120%;
	margin-bottom: 17px;
	margin-top: 20px;
	}
#funkce-eshopu tr:hover td {
	background: #f5f9fb;
	}
#funkce-eshopu td.narrow {
	width: 75px;
	text-align: center;
	}
#funkce-eshopu tr.table-nadpis td {
	background: #dcddde;
	font-weight: bold;
	}
#funkce-eshopu td {
	border: 1px solid #dcddde;
	background: #eef0f1;
	padding: 5px 7px;
	}
#reference-nadpis {
	position: relative;
	width: 670px;
	height: 67px;
	overflow: hidden;
	}
#reference-nadpis span {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(img/reference-nadpis.png) 0 0 no-repeat;
	}
#reference {
	background: url(img/reference-bg.png) 0 0 repeat-y;
	}
.reference {
	background: #dfdfdf;
	margin-top: 17px;
	}
.reference img {
	display: block;
	}
.reference p {
	text-align: center;
	padding: 3px 0;
	}
.reference p a{
	background: url(img/arrow-reference.gif) 10px center no-repeat;
	padding-left: 26px;
	font-weight: bold;
	text-decoration: none;
	}
.reference-left {
	float: left;
	width: 308px;
	}
.reference-right {
	float: right;
	width: 308px;
	}
#cennik-top {
	width: 661px;
	 height: 270px;
	 background: url(img/cennik-top.png) 0 0 no-repeat;
	}
#cennik-top p {
	padding: 35px 0 0 183px;
	}
#cennik-banner {
	position: relative;
	width: 661px;
	height: 110px;
	overflow: hidden;
	}
#cennik-banner span {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(img/cennik-banner.png) 0 0 no-repeat;
	}