body, html {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Tahoma;
	color: #4C4C4C;
	font-size: 8pt;
	background-color: #fff;
}

/*img {
  behavior:url(styly/iepngfix.htc); 
}*/


a:link, a:visited {
	text-decoration: none;
	color: #BB3E37;
}

a:hover, a:active {
	text-decoration: underline;
	color: #61201C;
}
#megadiv {
margin: 0 auto;
width:1000px;
}

#megadiv02 {
	float: left;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-y;
	width:1000px;
}

.top {
	margin: 0 auto;
	height: 97px;
	width: 1000px;
	background-color: #04667E;
	background-image: url(../images/bgmenu.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

.topbox {
	margin: 0 auto;
	width: 1000px;
	height: 97px;
}

.lang {
	float: left;
	width: 45px;
	height: 12px;
	padding: 60px 94px 0px 15px;
  overflow: hidden;
}

.lang a {
  line-height: 12px;
}

.logobox {
	float: left;
	width: 650px;
	height: 80px;
}

#logo {
	float: left;
	width: 650px;
	height: 80px;
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
}

.search {
	float: left;
	width: 190px;
	color: White;
	font-size: 8pt;
	height: 15px;
	padding: 55px 0px 0px 0px;
}

select {
	width: 160px;
	border: 1px solid gray;
	font-size: 8pt;
}

.selmenu {
  position: relative;
  top: 20px;
  left: 0;
	width: 160px;
	background-color: #87928F;
	color: #DFDFDF;
	border: 1px solid gray;
	font-size: 8pt;
}

.input {
	width: 99%;
	border: 1px solid #999;
	background-color: #fff;
}
.inputn {
	border: 1px solid #999;
	background-color: #fff;
}

.button {
	background-color: #006983;
	color: #fff;
	border: none;
}

.searchbox {
	width: 160px;
	height: 14px;
	background-color: #87928F;
	color: #DFDFDF;
	border: 0px;
	font-size: 8pt;
}

.searchbut {
	width: 20px;
	height: 17px;
	color: White;
	border: 0px;
	font-size: 8pt;
	background-color: transparent;
}

.topmenu {
	float: left;
	width: 820px;
	padding: 0px 0px 0px 160px;
	font-size: 8pt;
		height: 17px;
}

.buttop {
	float: left;
	padding: 1px 24px 0px 24px;
	height: 16px;
}

.buttopon {
	float: left;
	padding: 1px 24px 0px 24px;
	height: 16px;
	background-color: #8A2D28;
	color: White;
}

.buttop:link, .buttop:visited {
	text-decoration: none;
	color: White;
}

.buttop:hover, .buttop:active {
	text-decoration: none;
	color: #61201C;
	background-color: Silver;
}

.left {
	float: left;
	width: 153px;
	height: 500px;
  padding-right: 0;
}

.right {
	float: left;
	width: 197px;
}

.middle {
	float: left;
	width: 650px;
	padding-bottom: 10px;
}

.middle02 {
	float: left;
	width: 600px;
	padding: 25px;
	height: 150px;
}

.middle02 img{
  /* max-width: 600px;
  _width: expression(document.body.clientWidth > 600? "600px" : "auto" ); */
}

.middle03 {
	float: left;
	width: 600px;
	padding: 25px;
}

.middle03 img {
/*   max-width: 600px;
  _width: expression(document.body.clientWidth > 600? "600px" : "auto" );  */  
  /*width:100%;*/   
  /* max-width:600px; */   
  /* _width: expression(document.body.clientWidth < 550? "auto" : document.body.clientWidth > 600? "600px" : "auto"); */     
}

.middle04 {
	float: left;
	width: 650px;
	padding: 0px;
}

.flash {
	float: left;
	background-image: url(../images/obr01.jpg);
	height: 295px;
	width: 650px;
	
}

.tab01 {
	float: left;
	width: 650px;
	height: 20px;
	background-color: #CCCCCC;
	text-align: center;
	font-weight: bold;
	font-size: 9pt;
}

.tab01 td {
	width: 30%;
}

/*styles added by dj = grey heading on index */
a:link.maincat,  a:visited.maincat{
	color: #666666;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
a:hover.maincat {
	text-decoration: underline;
	color: #61201C;
	font-family: Arial, Helvetica, sans-serif;
}


.box {
	float: left;
	width: 216px;
}

.box01 {
	float: left;
	width: 216px;
	border-right: 1px solid white;
	border-left: 1px solid white;

}

.text01 {
	float: left;
	padding: 10px;
	width: 196px;
}

.bottom {
	float: left;
	width: 1000px;
	height: 15px;
	background-image: url(../images/bottom.gif);
	background-repeat: repeat-y;
	text-align: center;
	color: White;
}

/* .en0 {background: url(../images/en.gif) no-repeat; float:left; width:20px; height:12px;line-height:12px; background-position: 0px -12px;} */
.en {background: url(../images/en.gif) no-repeat; float:left; width:20px; height:12px;line-height:12px;}
.en:hover {background: url(../images/en.gif) no-repeat; background-position: 0px -12px;line-height:12px;}

/* .cz0 {background: url(../images/cz.gif) no-repeat; float:right; width:20px; height:12px;line-height:12px; background-position: 0px -12px;} */
.cz {background: url(../images/cz.gif) no-repeat; float:right; width:20px; height:12px; line-height:12px;}
.cz:hover {background: url(../images/cz.gif) no-repeat; background-position: 0px -12px;line-height:12px;}

.more {background: url(../images/more.gif) no-repeat; float:right; width:70px; height:14px;}
.more:hover {background: url(../images/more.gif) no-repeat; background-position: 0px -14px;}

.box02 {
	width: 650px;
	float: left;
}

.mapa {
	float: left;
	width: 197px;
	height: 295px;
	overflow: hidden;
	background-image: url(../images/mapa.gif);
	background-repeat: no-repeat;
	text-align: center;
}

.mapa a {
  float: left;
	width: 100%;
	height: 200px;
}

.nadpis01 {
	float: left;
	width: 197px;
	height: 17px;
	background-color: #B6B6B6;
	color: #4C4C4C;
	text-align: center;
	padding: 3px 0px 0px 0px;
	font-weight: bold;
	font-size: 9pt;
}

.box03 {
	float: right;
	width: 197px;
	height: 160px;
	background-image: url(../images/productfocus.jpg);
}

.text02 {
	float: left;
	padding: 10px;
	width: 167px;
}

.space {
	float: left;
	width: 650px;
	height: 30px;
}

.main-mira {
	width: 594px;
	height: 285px;
	background-image: url(../images/mira-big.jpg);
	background-repeat: no-repeat;
}

.main-miralmh {
	width: 594px;
	height: 285px;
	background-image: url(../images/mira-lmh.jpg);
	background-repeat: no-repeat;
}

h2 {
	color: #811E00;
	font-size: 11pt;
	font-weight: normal;
	width: 200px;
	margin-top: 0px;
	border-bottom: 4px solid #CACACA;
	padding: 10px 0;
}

h3 {
	color: #666;
	font-size: 10pt;
	font-weight: bold;
/*	background-color: #006983;	*/
	padding: 3px 5px 0px 0px;
	margin: 5px 0px 0px 0px;
	width: 590px;
}
li{
	list-style-type: square;
	list-style-image: none;
	list-style-position: outside;
	/*padding-bottom: 0.7em;*/
}

/* FAQ */
.faq-dotaz {
	font-style: normal;
	font-weight: bold;
}

.mirabox01 {
	float: left;
	width: 280px;
	margin: 10px 10px 0px 0px;
}

.tri {
	list-style: url(../images/tri.gif);
	background-repeat: no-repeat;
}

.tri02 {
	list-style: url(../images/tri02.gif);
	background-repeat: no-repeat;
}


.tablefloat {
	float: left;
	width: 600px;
	background-color: white;
	padding-bottom: 10px;

}


.tab02
{
  float: left;
  text-align: center;
  width: 290px;
  border: 1px solid white;
  background-color: #E8E8E8;
  border-collapse: collapse;
  margin: 5px;
}


.tab02 td
{
  padding: 4px;
  text-align: left;
  border: 2px #fff solid;
	vertical-align: top;
}

.tab02 td.head
{
	color: #435460;
	padding: 2px;
	text-align: left;
	border-bottom: 2px #fff solid;
	font-weight: bold;
	background-color: white;
}

.td01 {
	width: 150px;
	background-color: #4B5E6B;
	color: White;
	font-weight: normal;
	padding: 5px;
}


h4 {
	font-size: 10pt;
	color: #006983;
	margin: 0px 0px 5px 0px;
}





.boxapp {	
	background-color: #E6E6E6;
        margin-bottom: 40px;
}

.boxvideo {
	text-align: center;
	margin-top: 0px;
}


.box_gallery{
	width: 180px;
	height: 185px;
	text-align: center;
	float: left;
	margin: .3em;
	background-color: #e5e5e5;
	padding: 5px;
	padding-top: 10px;
	vertical-align: middle;
}


.box_gallery img {
	width: 140px;
	border: 5px solid White;
}



.box_gallery_big {
	margin-left: 0px;
}


h1 {
           font-size: 15pt;
           font-weight: normal;
           padding: 0px 0px 5px 0px;
}



.apptop {
           background-color: #CCCCCC;
           padding: .5em;
           color: #2E2E2E;
           font-size: 9pt;
}



.apptext {
           padding: 10px;
}

.apptext-prava{
	padding: 10px;
	text-align: right;
}


.box-novinka {
	border: 1px solid #999;
	margin-bottom: 10px;
  min-height:100px;
  height:auto !important;
  height:100px;	
}

.box-novinka2 {
	border: 1px solid #999;
	margin-bottom: 10px;
	background-color: #e5e5e5;
  min-height:100px;
  height:auto !important;
  height:100px;	
}


.product {
  padding-left: 10px;
}

.newtext {
  margin:0;
  padding:0;
  width: 560px;
}


.newdate {
	background-color: #006983;
	font-weight: normal;
	color: White;
	padding: .5em;
	margin: 0 0 5px 0;
	padding-right: 0;
}

.newdate a:link, .newdate a:visited {
	color: #fff;
	text-decoration: underline;
}

.newdate a:hover, .newdate a:active {
	color: #fff;
	text-decoration: none;
}



.middle02 p {
	width: 580px;
	padding: 0px 0px 0px 10px;
	margin: 5px 0px;

}

.middle02 h3 {
	padding: .5em;
	font-size: 11pt;
}

.middle02 h3 a:link, .middle02 h3 a:visited {
	color: #fff;
	text-decoration: underline;
}

.middle02 h3 a:active, .middle02 h3 a:hover {
	color: #fff;
	text-decoration: none;
}
.middle_gallery {
	float: left;
	width: 600px;
	padding: 25px;
	background-color: #FFFFFF; 
}

.newhref {
	text-align: right;
	margin-right: 10px;
}

.tabevent {
	width: 100%;
	border-collapse: collapse;
}

.tabevent th {
	background-color: #006983;
	color: White;
	padding: .5em;
	border: 1px solid #fff;
}

.tabevent td {
	vertical-align: top;
	padding: .5em;
	border: 1px solid #ccc;

}

.tabevent .row3 {
	width: 80px;
}



.box-novinka .obr, .box-novinka2 .obr  {
  width: 75px;
}

.obr {
	margin: .3em;
}

.bg1 {
	background-color: #fff;
}

.bg2 {
	background-color: #e5e5e5;
}

/*--------------------------------------------------------------------------upnet link */
.upnet:link, .upnet:visited {
	text-decoration: none;
	color: #959595;
	font-size: 8pt;
}

.upnet:active, .upnet:hover {
	text-decoration: underline;
	color: #FF9933;
}

.upnet_box {

	height: 19px;
	padding: 0px 3px 0px 3px; 
	width: 160px;
	text-align: center;
	margin: 0 auto;
	padding-left: 800px;
	color: #0F765A;
	visibility: hidden;
}