/* GENERAL */
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, p, blockquote, th, td { 
  margin: 0; padding: 0; 
}

body {
  font-family: Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
  color: #666666; 
  font-size: 1em;
	background-color: #838383;
}
.cleaner {
  clear: both;
}
.novisible {
  display: none;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.center {
  text-align: center;
}
.aleft {
  float: left;
}
.aright {
  float: right;
}
.spacer {
  display: block;
  height: 5px;
}
a {
  color: #e2007a;
  text-decoration: none;
}
a:hover {
  color: #000000;
  text-decoration: none;
}
.nowrap {
  white-space: nowrap;
}

a.pdf {
  padding-left: 25px;
  background-position: top left;
	background-repeat: no-repeat;
	background-image: url("../images/pdf-icon.gif");
}

div.popup {
  padding: 10px;
  background-color: #e1e1e1;
}
div.popup p {
  padding: 5px;
  font-size: 0.8em;
}

/* STRANKOVANI */
div#strankovani {
  float: right;
  display: block;
  width: 605px;
  color: black;
  padding: 5px 15px 10px 15px;
  font-size: 0.9em;
  text-align: right;
}
div#strankovani a {
  text-decoration: none;
  color: #e2007a;
}
div#strankovani a:hover {
  text-decoration: none;
  color: #000000;
}

/* PAGE MODEL */
div#main {
	position: absolute;
	top: 226px;
	left: 0px;
  width: 100%;
}
div#main div#content {
	margin: 0px auto 0px auto;
	width: 934px;
	position: relative;
	background-position: top left;
	background-repeat: repeat-y;
}
div.hp div#content {
	background-image: url("../images/bgr-hp-page.gif");
}
div.sp div#content {
	background-image: url("../images/bgr-hp-page.gif");
}
div.kat div#content {
	background-image: url("../images/bgr-produkty-page.gif");
}
div#main div#content div#subpage {
	position: relative;
	margin: 0px auto 0px auto;
	min-height: 250px;
	width: 934px;
	font-size: 0.8em;
	text-align: center;
}
div#main div#content div#subpage div#maincolumn {
	float:right;
	color: #383838;
	width:934px;
}
/* HEADER AND MENU */
div#top {
	position: absolute;
	top: 30px;
	left: 0px;
	width: 100%;
	height: 196px;
}
div#top div#header {
	top: 0px;
	left: 0px;
	height: 196px;
	width: 934px;
  position: relative;
  margin: 0px auto 0px auto;
  overflow: hidden;
}
div#top div#header div#image{
	height: 160px;
	width: 934px;
	background-repeat: no-repeat;
	background-position: top left;
	background-image:url("../images/main-image.jpg");
	
}
div#top div#header div#image div.home {
	display: block;
  height: 70px;
	width: 300px;
}
div#top div#header div#image div.home a {
	display: block;
  height: 70px;
	width: 300px;
	text-decoration: none;
}
div#top div#header div#image div.home a:hover {
	display: block;
  height: 70px;
	width: 300px;
	text-decoration: none;
}
div#top div#header div#image div.home span {
	display: none;
}
div#top div#header div#mainmenu {
	top: 160px;
	left: 0px;
	height: 36px;
	width: 932px;
	background-repeat: repeat-x;
	background-position: top left;
	background-image:url("../images/bgr-menu-main.gif");
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
}
div#top div#header div#mainmenu ul {
  display: block;
  float: left;
  width: 680px;
	list-style: none;
	padding: 0px 10px 0px 0px;
}
div#top div#header div#mainmenu ul li {
	display: inline;
	float: left;
	padding: 0px;
	margin: 0px;
}
div#top div#header div#mainmenu ul li a {
  display: block;
  float: left;
  height: 36px;
  padding: 0px;
	margin: 0px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
div#top div#header div#mainmenu ul li.spolecnost a {
	width: 108px;
  background-image:url("../images/menu-spolecnost.gif");
}
div#top div#header div#mainmenu ul li.produkty a {
	width: 74px;
  background-image:url("../images/menu-produkty.gif");
}
div#top div#header div#mainmenu ul li.stazeni a {
	width: 82px;
  background-image:url("../images/menu-stazeni.gif");
}
div#top div#header div#mainmenu ul li.plneni a {
	width: 113px;
  background-image:url("../images/menu-plneni.gif");
}
div#top div#header div#mainmenu ul li.certifikaty a {
	width: 83px;
  background-image:url("../images/menu-certifikaty.gif");
}
div#top div#header div#mainmenu ul li.dotazy a {
	width: 63px;
  background-image:url("../images/menu-dotazy.gif");
}
div#top div#header div#mainmenu ul li.zamestnani a {
	width: 84px;
  background-image:url("../images/menu-zamestnani.gif");
}
div#top div#header div#mainmenu ul li.kontakt a {
	width: 67px;
  background-image:url("../images/menu-kontakt.gif");
}
div#top div#header div#mainmenu ul li a:hover {
  background-position: 0px -36px;
}
div#top div#header div#mainmenu ul li a span {
  display: none;
}

/* SEARCH BOX */
div#top div#header div#mainmenu ul#searchbox {
	display: block;
	width: 225px;
	height: 31px;
	float: right;
	padding: 0px;
	margin: 5px 0px 0px 0px;
	background-repeat: repeat-x;
	background-position: 0px 0px;
	background-image:url("../images/bgr-search.gif");
}
div#top div#header div#mainmenu ul#searchbox.produkty {
	display: block;
	width: 225px;
	height: 31px;
	float: right;
	padding: 0px;
	margin: 5px 0px 0px 0px;
	background-image: none;
}
div#top div#header div#mainmenu ul#searchbox li {
	display: block;
	margin: 0;
  padding: 0;	
}
div#top div#header div#mainmenu ul#searchbox li.input {
	display: block;
	width: 175px;
  padding-left: 10px;
	float: left;
}
div#top div#header div#mainmenu ul#searchbox li.input input {
	display: block;
	width: 165px;
	height: 18px;
	float: left;
	padding: 2px 0px 0px 0px;
	font-family: Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
  color: #666666; 
}
div#top div#header div#mainmenu ul#searchbox li.button {
	display: block;
	width: 35px;
	height: 24px;
	float: left;
}
div#top div#header div#mainmenu form {
	display:inline;
	float: right;
}
div#top div#header div#mainmenu form fieldset {
	border: none;
	display: inline;
}
div#top div#header div#mainmenu form fieldset legend {
  display: none;
}

/* FOOTER COPYRIGHT */
div#main div#content div#footer {
	width: 932px;
  height: 35px;
  font-size: 0.7em;
	color: #bebebe;
  clear: both;
  margin-left: 1px;
  line-height: 35px;
  background-color: #ffffff;
  background-repeat: repeat-x;
	background-position: top left;
	background-image:url("../images/bgr-footer.gif");
}
div#main div#content div#footer ul li a {
	color: #bebebe;
	text-decoration: none;
	margin: 0px 2px 0px 2px;
}
div#main div#content div#footer ul li a:hover {
	color: #ffffff;
	text-decoration: none;
}
div#main div#content div#footer ul {
	display: block;
	list-style: none;
	float: left;
	padding: 0px 10px 0px 10px;
}
div#main div#content div#footer ul li {
	display: inline;
}
div#main div#content div#footer div.copy {
	float: right;
	margin-right: 10px;
}
div#main div#content div#footer div.copy a {
	color: #ffffff;
	text-decoration: underline;
}
div#main div#content div#footer div.copy a:hover {
	color: #000000;
	text-decoration: none;
}

/* OBSAH PRAVEHO PANELU */
div#main div#content div#subpage div#sidepanel {
	float: right;
	display: block;
  width: 226px;
  text-align: left;
  color: #ffffff;
  clear: right;
}
div#sidepanel ul {
  display: block;
	width: 226px;
	list-style: none;
	font-size: 0.85em;
}
div#sidepanel ul li {
	display: block;
	border-bottom: 1px solid #ffffff;
	padding: 7px 13px 7px 13px;
}
div#sidepanel ul li.call-us {
	border-bottom: none;
	padding: 0px 13px 7px 13px;
}
div#main div#content div#subpage div#sidepanel div.download, 
div#main div#content div#subpage div#sidepanel div.tech, 
div#main div#content div#subpage div#sidepanel div.bezp {
	display: block;
  float: left;
  width: 37px;  
  height: 43px;
  margin-top: 5px;
  background-repeat: no-repeat;
	background-position: top left;
}
div#main div#content div#subpage div#sidepanel div.download {
  background-image: url(../images/toolbox-icon-download.gif);
}
div#main div#content div#subpage div#sidepanel div.tech {
  background-image: url(../images/toolbox-icon-tech.gif);
}
div#main div#content div#subpage div#sidepanel div.bezp {
  background-image: url(../images/toolbox-icon-bezp.gif);
}
div#main div#content div#subpage div#sidepanel p {
	padding: 0px 0px 5px 0px;
}
div#main div#content div#subpage div#sidepanel h3 {
  font-size: 1.0em; 
  padding: 1px 0px 1px 0px;	
}
div#main div#content div#subpage div#sidepanel a {
  color: #aeaeae;
  text-decoration: none;
}
div#main div#content div#subpage div#sidepanel a:hover {
  color: #ffffff;
  text-decoration: none;
}

/* PRODUKTOVE MENU */
div#main div#content div#subpage div#prodmenu {
  display: block;
  float: left;
  width: 200px;
  height: 22px;
  margin: 12px 12px 12px 12px;
  text-align: left;
  font-size: 0.85em;
  color: white;
}
div#main div#content div#subpage div#prodmenu ul {
  display: block;
  list-style: none;
}
div#main div#content div#subpage div#prodmenu ul li {
  display: block;
  height: 22px;
  margin: 3px 0px 3px 0px;  
  line-height: 22px;
}
div#main div#content div#subpage div#prodmenu ul li a {
  display: block;
  height: 22px;
  width: 190px;
  padding-left: 10px;
  background-repeat: no-repeat;
	background-position: 0px 0px;
	background-image: url(../images/bgr-product-menu.jpg);
	color: #535353;
}
div#main div#content div#subpage div#prodmenu ul li a:hover {
  background-position: 0px -22px;
  color: #ffffff;
}
div#main div#content div#subpage div#prodmenu ul li a.aktivni {
  background-position: 0px -22px;
  color: #ffffff;
}

div#main div#content div#subpage div#sidepanel {
	float: right;
	display: block;
  width: 226px;
  text-align: left;
  color: #ffffff;
  clear: right;
}
/* OBSAH STRANKY */
div.hp div#content div#subpage div#maincontent {
  display: block;
  float: left;
  width: 463px;
  text-align: left;
  padding-top: 12px;
  margin-bottom: 20px;
}
div.sp div#content div#subpage div#maincontent {
  display: block;
  float: left;
  width: 677px;
  text-align: left;
  padding-top: 12px;
  padding-left: 15px;
  margin-bottom: 20px;
}
div.kat div#content div#subpage div#maincontent {
  display: block;
  float: left;
  width: 695px;
  text-align: left;
  padding-top: 12px;
  margin-bottom: 10px;
}

div.hp div#content div#subpage div#maincontent h1 {
  font-size: 1.0em;
  color: #000000;
  padding: 3px 0px 3px 0px;
}
div.hp div#content div#subpage div#maincontent h2 {
  font-size: 1.0em;
  color: #000000;
  padding: 10px 0px 3px 0px;
}
div#main div#content div#subpage div#maincontent p {
  font-size: 1.0em;
  padding: 6px 0px 6px 0px;
  line-height: 1.3em;
}
div#main div#content div#subpage div#maincontent ul {
  padding: 6px 0px 6px 20px;
}

div#main div#content div#subpage div#maincontent table {
  padding: 3px;
  border-collapse: collapse;
  width: 100%;
}
div#main div#content div#subpage div#maincontent table th {
  background: #e2007a;
  color: #ffffff;
  font-size: 0.85em;
  padding: 3px;
}
div#main div#content div#subpage div#maincontent table td {
  background: #ffffff;
  color: #000000;
  font-size: 0.85em;
  padding: 3px;
  border-bottom: 1px solid #e1e1e1;
  border-left: 0px solid #e1e1e1;
  border-right: 0px solid #e1e1e1;
}

div.sp div#content div#subpage div#maincontent h1 {
  font-size: 1.2em;
  color: #000000;
  padding: 3px 0px 3px 0px;
}
div.sp div#content div#subpage div#maincontent h2 {
  font-size: 1.0em;
  color: #000000;
  padding: 3px 0px 3px 0px;
}
div div#content div#subpage div#maincontent h3 {
  font-size: 0.9em;
  color: #000000;
  padding: 3px 0px 3px 0px;
}
div div#content div#subpage div#maincontent h5 {
  font-size: 1.2em;
  /*color: #000000;*/
  padding: 0px 0px 6px 0px;;
  font-weight: normal;
}
div.sp div#content div#subpage div#maincontent h5 span {
  font-size: 0.85em;
  color: #535353;
  padding: 0px 0px 0px 0px;
  font-weight: normal;
}
div.sp div#content div#subpage div#maincontent img {
  padding: 6px 0px 6px 0px;
}

/*  KONTAKTY  */
div.request {
  display: block;
  width: 300px;
  float: right;
  background: #b5b5b5;
  font-size: 0.85em;
}
div.request ul {
  list-style: none;
}
div.request ul li {
  padding: 3px 0px 3px 0px;
}
div.request ul li label {
  display: block;
  width: 100px;
  height: 17px;
  clear: right;
}
div.request ul li input {
  width: 260px;
  height: 18px;
  padding: 2px 0px 2px 0px;
}
div.request ul li input.submit {
  width: 260px;
  height: 22px;
  padding: 0px;
}
div.request ul li textarea {
  width: 260px;
}
div.request legend {
  display: none;
}
div.request fieldset {
	border: none;
	display: inline;
}
/*  DOTAZY  */
div.requests {
  display: block;
  width: 460px;
  float: left;
  background: #b5b5b5;
  font-size: 0.85em;
  margin: 10px 0px 10px 0px;
}
div.requests ul {
  list-style: none;
  display: block;
  width: 460px;
  float: left;
}
div.requests ul li {
  padding: 3px 0px 3px 0px;
  display: block;
  width: 220px;
  float: left;
}
div.requests ul li.long {
  padding: 3px 0px 3px 0px;
  display: block;
  width: 460px;
  float: left;
}
div.requests ul li label {
  display: block;
  width: 100px;
  clear: right;
  font-weight: bold;
}
div.requests ul li input {
  width: 200px;
  height: 18px;
  padding: 2px 0px 2px 0px;
}
div.requests ul li input.submit {
  width: 120px;
  height: 22px;
  padding: 0px;
  margin-left: 150px;
}
div.requests ul li textarea {
  width: 420px;
}
div.requests legend {
  display: none;
}
div.requests fieldset {
	border: none;
	display: inline;
}
div.alert {
	color: red;
	font-size: 1.0em;
}
div#main div#content div#subpage div#maincontent ul#answers {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
div#main div#content div#subpage div#maincontent ul#answers li {
  margin: 10px 0px 10px 0px; 
}

/*  NOVINKY  */
div#main div#content div#subpage div#maincontent ul.news {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
div#main div#content div#subpage div#maincontent ul.news li {
  margin: 10px 0px 10px 0px; 
}
/*  KATALOG PRODUKTU  */
div#main div#content div#subpage div#maincontent ul.produkty {
  display: block;
  width: 695px;
  float: left;
  list-style: none;
  padding: 0px 0px 20px 0px;
  margin: 0px;
}
div#main div#content div#subpage div#maincontent ul.produkty li {
  display: block;
  width: 335px;
  height: 118px;
  float: left;
  margin: 5px 10px 5px 0px;
}
div#main div#content div#subpage div#maincontent ul.produkty li h2 {
  font-size: 1.0em;
  margin: 10px 0px 0px 0px; 
  padding: 3px 0px 3px 5px;
  background: #e2007a;
}
div#main div#content div#subpage div#maincontent ul.produkty li p {
  padding: 3px 0px 3px 5px;
  margin: 0px 0px 0px 0px;
  border-bottom: 1px solid #b6b6b6;
}
div#main div#content div#subpage div#maincontent ul.produkty li p.btns {
  padding: 6px 0px 3px 5px;
  margin: 0px 0px 0px 0px;
  border-bottom: none;
  font-size: 0.85em;
  font-weight: normal;
}
div#main div#content div#subpage div#maincontent ul.produkty li img {
  padding: 0px 0px 0px 10px;
  margin: 0px 0px 0px 0px; 
  background: #e1e1e1;
}
div#main div#content div#subpage div#maincontent ul.produkty li a {
  color: #ffffff;
  text-decoration: none;
}
div#main div#content div#subpage div#maincontent ul.produkty li a:hover {
  color: #000000;
  text-decoration: none;
}
div#main div#content div#subpage div#maincontent ul.produkty li p.btns a {
  color: #e2007a;
  text-decoration: none;
}
div#main div#content div#subpage div#maincontent ul.produkty li p.btns a:hover {
  color: #000000;
  text-decoration: none;
}

/* DETAIL PRODUKTU */
div#main div#content div#subpage div#maincontent div#detail {
  padding: 0px 0px 0px 0px;
}
div#main div#content div#subpage div#maincontent div#detail h2 {
  color: #000000;
  font-size: 1.2em;
  padding: 5px 0px 20px 0px;
}
div#main div#content div#subpage div#maincontent div#detail p {
  font-size: 1.0em;
  padding: 3px 0px 3px 0px;
  border-bottom: 1px solid #b6b6b6;
}
div#main div#content div#subpage div#maincontent div#detail div.popis {
  padding: 0px;
  
}
div#main div#content div#subpage div#maincontent div#detail div.popis p {
  padding: 0px;
  border-bottom: none;
}
div#main div#content div#subpage div#maincontent div#detail p.btns {
  padding: 6px 0px 6px 0px;
  border-bottom: none;
}


/* SEARCH LISTS */
div#main div#content div#subpage div#maincontent div.listy {
	display: block;
	width: 460px;
	margin: 10px 0px 20px 0px;
	padding: 0px 5px 10px 5px;
	background: silver;
}
div#main div#content div#subpage div#maincontent div.listy form {
	display:inline;
}
div#main div#content div#subpage div#maincontent div.listy form fieldset {
	border: none;
	display: inline;
}
div#main div#content div#subpage div#maincontent div.listy form fieldset legend {
  display: none;
}
div#main div#content div#subpage div#maincontent div.listy ul li label {
	display: none;
}
div#main div#content div#subpage div#maincontent div.listy li.input {
	display: block;
	float: left;
	padding: 0px;
	margin: 0px;
}
div#main div#content div#subpage div#maincontent div.listy li.input input {
	display: block;
	height: 18px;
	float: left;
	padding: 2px 0px 0px 0px;
	font-family: Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
  color: #666666; 
}
div#main div#content div#subpage div#maincontent div.listy li.button {
	display: block;
	width: 35px;
	height: 24px;
	float: left;
	padding: 0px 0px 0px 10px;
}

div#main div#content div#subpage div#maincontent div#result {
	display: block;
	float: left;
	width: 460px;
}
div#main div#content div#subpage div#maincontent div#search {
	display: block;
	float: left;
	width: 670px;
}
div#main div#content div#subpage div#maincontent div#result table tbody tr td img, 
div#main div#content div#subpage div#maincontent div#search table tbody tr td img {
	padding: 0px 5px 0px 0px;
	margin: 0px;
	float: left;
}
div#main div#content div#subpage div#maincontent a.list {
	color: #7a7a7a;
	text-decoration: none;
}
div#main div#content div#subpage div#maincontent a.list:hover {
	color: #e2007a;
	text-decoration: none;
}


div#main div#content div#subpage div#maincontent ul.cert {
  display: block;
  width: 695px;
  float: left;
  list-style: none;
  padding: 0px 0px 20px 0px;
  margin: 0px;
}
div#main div#content div#subpage div#maincontent ul.cert li {
  display: block;
  width: 220px;
  float: left;
  margin: 5px;
  text-align: center;
}
div#main div#content div#subpage div#maincontent div#download {
  display: block;
  width: 670px;
  float: left;
  margin: 0px;
  text-align: center;
}
div#main div#content div#subpage div#maincontent div#download div.even {
  display: block;
  width: 320px;
  float: left;
  margin: 0px 0px 0px 0px;
  text-align: center;
}
div#main div#content div#subpage div#maincontent div#download div.odd {
  display: block;
  width: 320px;
  float: left;
  margin: 0px 20px 0px 0px;
  text-align: center;
}