body, html {
	font-family: "Trebuchet MS", "Geneva CE", "Arial CE", sans-serif;
	font-size: 87%;
	margin: 0;
	padding: 0;

}
body, table {

	color: #333;

}

small {
  font-size: 60%;
}

html {

}

table {
	border: none;
	border-collapse: collapse;

	margin-bottom: 5px;
	margin-top: 5px;

}


th, td {

	font-size: 100%;
	padding: 3px 5px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: white;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
  text-align: center;
	empty-cells: show;
}

th {

	color: #900;
}

li {

	margin: 5px 0px 0px 0px;
	padding: 0px 0px 7px 0px;
	font-weight: normal;
  list-style-image:none;
  list-style-type:square;


}


p {
  margin: 0;
  padding: 5px 0px;
  text-align: justify;
  line-height: 90%;
}


img {
	border: none;
}





a:link, a:visited {

	color: #990000;
	text-decoration: underline;
}

a:hover {

	color: #999;
	text-decoration: none;
}

h1 {
  margin: 0;
  padding: 5px 0px 0px 100px;
	font-size: 180%;
	color: #900;
	background: url(images/xado-logo1.jpg) no-repeat top left;
}

h2 {
	margin: 0px 0px 0px 0px;
	font-size: 150%;
	color: #082D95;
	font-weight: normal;
	padding: 20px 0px 5px 0px;

}

h3 {
	margin: 5px 0px -5px 0px;
	font-size: 120%;
	color: #333;
	padding: 10px 0px 0px 0px;
	font-weight: bold;
  line-weight: 80%;

}
h4 {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	font-size: 100%;
	color: #333;

}


form {
	margin: 0px 0px 0px 0px;
	padding-top: 5px;

}

label		{ cursor: pointer; }

label, input {
  display: block;

  float: left;
  margin-bottom: 5px;
  font-size: 90%;
}

label {
  text-align: right;
  width: 100px;
  padding-right: 20px;
}

form br {
  clear: left;
}
textarea {

  _overflow: auto;
}

fieldset {

  padding: 0px 10px 10px 10px;
  margin-bottom: 20px;
}

legend {

  background: #900;
  color: white;
  padding: 1px 5px;


}

#main {
  max-width: 1000px;
  min-width: 779px;
  margin: 0 0 0 0px;
  width: auto;
  text-align: center;

}

#main-inner {

 width: auto;
 padding-right: 4px;
	background: url(images/main-left-bg.gif) repeat-y top right;

}


#sub_master_main {
	width: 100%;

	text-align: left;
}






/* top */

#title {
  	color: #6C6C6C;
  position: absolute;
  font-size: 110%;
  font-weight: bold;
  font-style: italic;
  top: 12px;
  left: 60px;
}

#top {
  width: 100%;
	background: url(images/top-bg.jpg) repeat-x top left;

}

#top1 {
  float: left;
  width: 94px;
  height: 209px;
	background: url(images/top1.jpg) no-repeat top left;
}

#top2 {
  float: left;
  width: 103px;
  height:209px;
	background: url(images/top2.jpg) no-repeat top left;
}



#top3 {
  float: left;
  width: 90px;
  height:209px;
	background: url(images/top3.jpg) no-repeat top left;
}
#top4 {
  float: left;
  width: 70px;
  height:209px;
	background: url(images/top4.jpg) no-repeat top left;

}

#top5 {
  float: right;
  width: 199px;
  height:209px;



}
#top5-1 {

  width: 199px;
  height:63px;


}

#top5-2 {

  width: 199px;
  height:146px;
	background: url(images/top5.jpg) no-repeat top left;

}

#title1 {
  color: white;
  position: absolute;
  font-size: 120%;
  top: 72px;
  width: 199px;
  letter-spacing: 8px;
  text-align: center;
  z-index: 100;
}

#left {

  width: 132px;
  position: absolute;
  top: 209px;
  left: 0;

}

#left-tuba {
  width: 132px;
  height: 171px;
	background: url(images/left-tuba.jpg) no-repeat top left;

}

#left-licence {
  width: 132px;
  height: 430px;


}

#left-reklama {
  width: 132px;
  height: 34px;
	background: url(images/left-starkar.jpg) no-repeat top left;

}

#right {

  margin-left: 132px;

 /*  border: solid 1px black;*/
}

#head {

  height: 75px;
	background: url(images/head5.jpg) no-repeat top right;

}

#line {
  font-size: 1px;
  height: 10px;
	background: url(images/line-top.jpg) repeat-x 50% 50%;

}



#nav {

  margin: 0 0 0 -10px;
  padding: 0px 0px 0px 0px;
  height: 45px;
  overflow: hidden;

}



#nav ul {

  margin: 0 0 0 0;
  padding: 0;
  list-style-image:none;
  list-style-type:none;

}

#nav li {

  margin: 0;
  padding: 0 0 0 0;
  list-style-type: none;
  float: left;
  list-style-image:none;

}










#nav a {

  font-size: 13px;
  text-decoration: none;
  color: #333;
  display: block;
	background: url(images/tecka.gif) no-repeat 50% 20px;
  text-align: center;
  padding: 0px 12px 15px 12px;
}

#nav a:hover {
  color: #1B538F;
	background: url(images/tecka1.gif) no-repeat 50% 20px;
}

#nav .box {

  padding: 10px 0px 0px 0px;
  margin: 0;

}

#nav .box div, #nav .box li.navvyp div { visibility: hidden; }
#nav .box  li.navzap div { visibility: visible;}
#nav .box  div {
 clear: both;
 z-index: 1000;
 position: absolute;
 top: 245px;
 padding-left: 10px;

}
#nav .box div ul {

 list-style-image: none;
 background: white;
 width: 100px;
 margin:0;
 padding:0;
 border: none;
 z-index: 1000;
}
#nav .box div li {
 height:17px;

 font-size: 10px !important;
 padding:1px 0px;
 margin:0;
 border-top: 1px solid #ffffff;
 border-bottom: 0px solid #900;
 background: #900 !important;
}

#nav .box div a {
  display: block;
  font-size: 14px;
  height:100%;
 margin:0;
 padding: 0 0 0 20px;
 text-align: left;
 background: url(images/dot.gif) no-repeat 8px 55%  !important;
 width: 150px;
 color: white;
}
#nav .box div a:hover {
color: #2B9823;
background:  url(images/bc-m-s.gif) !important;

}



#nav-right {
  float: right;
  width: 99px;
  margin: 0;
  padding: 0px 0px 0px 0px;
  overflow: hidden;

}



#nav-right ul {

  margin: 0 0 0 0;
  padding: 0;
  list-style-image:none;
  list-style-type:none;

}

#nav-right li {

  margin: 0;
  padding: 0 0 0 0;
  list-style-type: none;
  float: left;
  list-style-image:none;

}

#nav-right a {

  font-size: 12px;
  text-decoration: none;
  color: #333;
  display: block;
	background: url(images/tecka.gif) no-repeat 3px 50% ;
  text-align: center;
  padding: 5px 12px 5px 12px;
}

#nav-right a:hover {
  color: #1B538F;
	background: url(images/tecka1.gif) no-repeat 3px 50% ;
}

#nav-right .box {

  padding: 10px 0px 0px 0px;
  margin: 0;

}




#content {
  margin-right: 102px;

  background: url(images/content-bg.gif) #F5F5F5 repeat-x bottom left;
}

#content .box1 {
	background: url(images/content-left-bg.gif) no-repeat bottom left;

}

#content .box2 {

	background: url(images/content-right-bg.gif) no-repeat bottom right;

}

#content .box3 {

	background: url(images/content-top-right.gif) no-repeat top right;

}

#content .box {

  padding: 0px 30px 20px 30px;
  text-align: justify;
  min-height: 70px;
   min-height: 500px;
  _height: 500px;


}

#content p {

   padding: 5px 0px 0px 0px;
   line-height: 140%;
}
#content a:link, #content a:visited {
	color: #900;
	text-decoration: underline;
}

#content a:hover {
	color: #666;

	text-decoration: underline;
}

#content img {

}

#content li {
  line-height: 105% !important;




}

#produkty, #uvod {

  padding-top: 20px;

}

#patenty {

  padding-top: 10px;

}

#certifikaty {
  padding-top: 10px;
}

#certifikaty .img-left {

  width: 500px;
}


#prodejni-mista th, #prodejni-mista td {

  background: none !important;
  text-align: left;
  border: 0;
}

#prodejni-mista table {

background: none;

}



#item-list {
  float: none;
  padding: 0px 0px;
  width: 100%;

}

.box-left {

  width: 45%;
  float: left;


}

.box-right {
  width: 55%;
  float: left;
  padding-top: 0px;

}

.box-right .padded {

  padding-left: 20px;

}

#item-list .item {

  width: 100%;
  padding-bottom: 10px;
  border-bottom: 2px #ddd solid;


}

.inputs {


}


#item-list .image {

  overflow: hidden;
  height: 170px;


}

#item-list .image .padded {

  padding: 10px 0px;
  margin: 0 auto;
  text-align: center;
  border: 0;
}

#item-list .info {
  height: 30px;
  background: #ddd;
  color: #000;

}

#item-list .cena {
  padding: 5px 5px 0px 0px;

  font-size: 120%;
  font-weight: bold;
 float: left;
 width: 30%;
}

#item-list .kod {
  font-size: 80%;
  padding: 7px 0px 0px 5px;
 float: left;
  width: 30%;
}

.form-kosik {
  float: left;
  padding-right: 5px;
  width: 30%;


}

#item-list .dodaci_lhuta {
  font-size: 90%;
  display: block;
  padding: 0 0 0 3px;
  float: left;
}




.list-box {

  padding: 20px 0;



}

#kosik-box {

  position: absolute;
  top: 90px;
  left: 450px;

}
#kosik-box a {

  color: white;
  font-size: 110%;
}

#kosik-box p {

  line-height: 150%;

}



#footer {
	background: url(images/content-left-bg.gif) #EFEFEF no-repeat bottom left;

	height: 21px;
}


#copy .box1 {

	background: url(images/copy-left.gif) no-repeat top left;

}

#copy .box2 {

	background: url(images/copy-right.gif) no-repeat top right;
  padding-top: 4px;
  text-align: center;
}

#copy {
  width: 429px;
  float: right;
  font-size: 10px;
	color: #B8B8B8;
	background: url(images/copy-bg.gif) #EFEFEF repeat-x top left;
}


#copy a:link, #copy a:visited {
  font-size: 11px;
	color: #B8B8B8;
	font-weight: normal;
	text-decoration: underline;

}

#copy a:hover {
  font-size: 11px;
	color: #CC0000;
	font-weight: normal;
	text-decoration: underline;
}


/* pomocne zalamovace atd. */


.a_center {
	text-align: center;
}
.a_left {
	text-align: left;
}



.red {
  color: red;
}

.to-left {
  float: left;
  padding: 20px 5px 5px 5px;
}

.to-right {
  float: right;
  padding: 0px 10px 5px 10px;
}


.center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.clear {
display: table;
width: 100%;
}





.hidden {
	display: none;
}

.break {
	height: 0px;
	clear: both;
  font-size: 1px;
  visibility: hidden;
  display: block;
  border: none;
  padding: 0;
  _margin-bottom: -2px;
}

.img-left, .img-right {
  float: left;
  width: 185px;
  margin: 0 15px 15px 0;
  padding: 10px 0;
  text-align: center;
  background: white;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;

  border-top: 1px solid #eee;
  border-left: 1px solid #eee;

}
.img-right {
  float: right;
  margin: 0 0 15px 15px;
}

.img-left p, .img-right p {

  text-align: center;
  padding: 0px 5px !important;

}

.ciselny li {

	margin: 0px 0px 0px 0px;
	padding: 0px 0px 3px 0px;
	font-weight: normal;
  list-style-image:none;
  list-style-type:decimal;



}

.padded-top {

  padding-top: 15px;

}

.noborder {
  border: none;
}

.maxWidth30px {

  width: 30px;
}

.right {

  float: right;
}

.left {

  float: left;
}


.image-button {
  display: block;
  padding: 0px 2px 2px 1px;

}

.submitForm {
  background: #900;
  color: #fff;

}