/* CSS Document */
@charset "UTF-8";
@import url(reset.css);
body {

	padding: 0;
	margin: 0;
	font-family: arial;
	font-size: medium;
}
.bgredall {
background: url(../IMG/redRepAll.gif) repeat 0 0;
}
a {
cursor: hand;
}
div.menu {

}

div.greenFA {
      width: 102px;
      height: 111px;
      background: url(../IMG/greenFA.gif) no-repeat left top;
      position: absolute;
      float: right;
      left: 680px;
      top: -20px;
} 
div.menu .feralpi {
      background: url(../IMG/mnuFERALPI.gif) no-repeat left top;
      background-position: 0 0px;
      cursor: hand;
      width: 216px;
      height: 16px;
      margin-left: 3px;
      margin-top: 110px;
      position: absolute;
}

div.menu .feralpi:hover {
      background-position: -215 0px;
}
.lbl {
  line-height: 0px;
  font-family: Verdana, Arial;
  color: black; 
}
div.menu .produkty {
      background: url(../IMG/mnuprodukty.gif) no-repeat left top;
      background-position: 0 0px;
      cursor: hand;
      width: 88px;
      height: 18px;
      margin-left: 260px;
      margin-top: 110px;
      position: absolute;
}

div.menu .produkty:hover {
      background-position: -90 0px;
}
div.menu .dokumenty {
      background: url(../IMG/mnudokumenty.gif) no-repeat left top;
      background-position: 0 0px;
      cursor: hand;
      width: 113px;
      height: 18px;
      margin-left: 370px;
      margin-top: 110px;
      position: absolute;
}

div.menu .dokumenty:hover {
      background-position: -115 0px;
}

div.menu .kontakt {
      background: url(../IMG/mnukontakt.gif) no-repeat left top;
      background-position: 0 0px;
      cursor: hand;
      width: 80px;
      height: 18px;
      margin-left: 500px;
      margin-top: 109px;
      position: absolute;
}

div.menu .kontakt:hover {
      background-position: -81 0px;
}



div.menu .expedice {
      background: url(../IMG/mnuexpedice.gif) no-repeat left top;
      background-position: 0 0px;
      cursor: hand;
      width: 95px;
      height: 18px;
      margin-left: 600px;
      margin-top: 111px;
      position: absolute;
}

div.menu .expedice:hover {
      background-position: -95 0px;
}
div.buttprodukty {
}

div.buttprodukty .lnkprodukty {

      position: absolute;
      margin-left: 120px;
      margin-top: -10px;
      margin-bottom: 20px;
       background: url(../IMG/buttProdukty.gif) no-repeat left top;
      background-position: 0 0px;
      cursor: hand;
      width: 143px;
      height: 38px;
}

* html div.buttprodukty {  margin-top: -20px;}
div.buttprodukty .lnkprodukty:hover{
      background-position: -142 0px;
}


.braunRepLeft {
	left: 0;
	top: 0;
  margin-top: 0px;
	width: 50%;
	height: 128px;
	background: url(../IMG/braunRepLeft.jpg) repeat-x 0 0;
	position: absolute;
	margin-left: 0px; 
	float: left;
}
.braunRepRight {
  left: 0;
	top: 0;
	margin-top: 0px;
	width: 51%;
	height: 128px;
	background: url(../IMG/braunRepRight.jpg)  repeat-x 0 0;
	position: absolute;
	margin-left: 50%; /* cca půlka  width DIVu  braunMiddle za ktery davam tento*/
	float: right;
}

.braunMiddle {
  left: 0;
	top: 0;
  float: left;
	margin-top: 0px; 
	width: 785px;
	height: 128px;
	background: url(../IMG/braunMiddle.jpg);
  position: absolute;
  left: 50%;
  margin-left: -392px; /* cca půlka  width DIVu */
}

.greenRepLeft {
left: 0;
	top: 0;
	margin-top: 128px;
	width: 50%;
	height: 353px;
	background: url(../IMG/greenRepLeft.jpg)  repeat-x 0 0;
	position: absolute;
	margin-left: 0px; 
	float: left;
	
}
.greenRepRight {
left: 0;
	top: 0;
	margin-top: 128px;
	width: 51%;
	height: 353px;
	background: url(../IMG/greenRepRight.jpg)  repeat-x 0 0;
	position: absolute;
	margin-left: 50%; /* cca půlka  width DIVu  braunMiddle za ktery davam tento*/
	float: right;
	
}

.greenRepX {
left: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 20px;
	background: url(../IMG/greenRepRight.jpg)  repeat-x 0 0;
	position: absolute;
	margin-top: 128px;
}

.greenMiddle {
left: 0;
	top: 0;
  float: left;
	margin-top: 128px; 
	width: 785px;
	height: 353px;
	background: url(../IMG/greenMiddle.jpg);
  position: absolute;
  left: 50%;
  margin-left: -392px; /* cca půlka  width DIVu */
}
.greenMiddle#spec20 {
	 background: url(../IMG/greenMiddlespec20.jpg) no-repeat 0 0;
		height: 20px;
}
.greenRepLeft#lspec20 {
	 background: url(../IMG/greenMiddlelspec20.jpg) repeat-x 0 0;
		height: 20px;
}
.greenRepRight#rspec20 {
	 background: url(../IMG/greenMiddlerspec20.jpg) repeat-x 0 0;
		height: 20px;
}
.Rect {
  float: left;
  position: relative; 
  padding-top: 30px; 
  padding-left: 15px;
  padding-right: 10px;
  margin-left: -25px;
  width: 420px;
}
* html .Rect {
    padding-top: 10px; 
}
 .Rect a, .Info a {
 font-size: 12px;
  text-decoration: none;
  color: rgb(255,165,0);
  font-weight: bold;
}
.Rect a:hover,.Info a:hover {
  color: gold;
}
p#or {
  font-size: 10px;
  font-weight: normal;
  text-align: justify;
  margin-top: 59px;
  color: white;
  position: block;
  
}
.Rect h1 {
	font-family: "Courier New", Courier, monospace;
	font-size: 20px;
	font-weight: bold;
	color: WHITE;
	padding-bottom: 20px;
}

.Rect p, li {
  font-family: Arial, Verdana;
	font-size: 12px;
	font-weight: normal;
	color: WHITE;
  /*text-align: justify;*/
	line-height: 160%;
	list-style-type: square;
}
.Rect li {
  font-weight: bold;
}
.Rect li em{
  font-weight: normal;
}
.Info .left {
margin-top: 10px;
text-align: left;
position:relative;
float:right;
margin-right: 60px;
margin-left: -30px;
}
* html .Info .left {
margin-right: 40px;
}
.Info .left li {
	list-style-type: none;
	font-weight: normal;
	font-size:14px;
}
.Info .right {
margin-top: 10px;
text-align: right;
float:right;
margin-left: -30px;
position:relative;
}
.Info .right li {
color: rgb(144,238,144);
font-weight: normal;
list-style-type: none;
font-size:14px;
}
div.dblMenu {
      position: absolute;
      /*top: 481px;*/
      margin-top: 485px;
      left:50%;
      margin-left: -430px; /* cca půlka  width DIVu */
 width: 800px;
 height:15px;
}

div.dblMenu#mnuKontakty {
      margin-top: 154px;
}
div.dblMenu ul {
list-style-type: none;
}
div.dblMenu li {
display: inline;
}
div.dblMenu ul li.det {
color: rgb(255,0,0);
}
div.dblMenu a {
padding-left: 3px;
padding-right: 3px;
letter-spacing:2px;
color: white;
text-decoration: none;
}
div.dblMenu a:hover {
color: gold;
}

div.subMenu {
float: left;
margin-left: -80px;
 width: 700px;
 height:15px;
}
* html div.subMenu {
margin-top: 10px;
}
div.subMenu ul {
list-style-type: none;
}
div.subMenu li {
display: inline;
}
div.subMenu ul li.det {
color: rgb(47,47,47);
font-weight: bold;
}

div.subMenu a:hover {
color: gold;
}
div.search {
position: absolute;
top: 10px;
left: 10px;
float: left;
}
div.search input {
border: 1px solid rgb(51,51,51);
width: 300px;
height: 20px;
background: url(../IMG/braunInputBG.jpg) no-repeat;
background-position: -18px -11px;
color: white;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
font-family: verdana, arial;
font-size: 10px;
font-weight: normal;
}



div.page {
  float: left;
	margin-top: 490px; 
	width: 810px;
  position: absolute;
  left: 50%;
  margin-left: -405px; /* cca půlka  width DIVu */
}
div.page#braun150 {
	margin-top: 175px; 
}
div.page#braun155 {
	margin-top: 155px; 
}
div.pageTop {
  position:relative;
  width: 100%;
  height: 23px;
  background: transparent url(../IMG/pageTop.gif) no-repeat top left;
}
div.pageMiddle {
  position:relative;
  width: 100%;
  padding: 10px;
  background: transparent url(../IMG/pageMiddle.gif) repeat-y top left;
  color: black;
  font-size: 12px;
  font-family: verdana, arial;
  /*padding-bottom: 50px;*/
}
div.pageBottom {
  position:relative;
  width: 100%;
  height: 20px;
  background: transparent url(../IMG/pageBottom.jpg) no-repeat top left;
}
div.prostor {
width: 620px;
height: 330px;

}
* html div.prostor { margin-top: 50px }
div.pageMiddle H2, H3 {
	width: 620px;
	font-size: 14px;
	background:  url(../IMG/h2FA.gif) no-repeat 0 0px;
	padding-left: 60px;
	padding-top: 7px;
	height: 31px;
	color: rgb(79,79,79);
	letter-spacing: 2px;
	border-bottom: 3px double rgb(111,111,111);
	margin-top: 50px;
}

* html div.pageMiddle H2, html div.pageMiddle H3 {
  padding-bottom: 15px;
	width: 670px;
}
div.pageMiddle H3 {
	font-size: 12px;
	background: none;
	color: black;
	border-bottom: none;
	margin-top: 0px;
}
div.pageMiddle UL { 
position: relative;
margin-left: 100px;
float: left;
}

#unterRmenu {margin-top: 70px; }
* html div.pageMiddle H2#unterRmenu {margin-top: 0; }
p.headline {
background: GOLD;
padding-left: 20px;
padding-right: 20px;
}
div.pageMiddle H2.h2Pozor {
background: url(../IMG/h2Pozor.gif) no-repeat 0 0px;
}
div.pageMiddle H2.h2Metr {
background: url(../IMG/h2metr.gif) no-repeat 0 0px;
}
div.pageMiddle H2.h2Info {
background: url(../IMG/h2Info.gif) no-repeat 0 0px;
}
div.pageMiddle H2.h2Zbozi {
background: url(../IMG/h2Zbozi.gif) no-repeat 0 0px;
}
div.pageMiddle H2.h2Download {
background: url(../IMG/h2Download.gif) no-repeat 0 0px;
}
div.pageMiddle H2.h2Hledej {
background: url(../IMG/h2hledej.gif) no-repeat 0 0px;
}
div.pageMiddle H2.h2Kontakt {
background: url(../IMG/h2kontakt.gif) no-repeat 0 0px;
}
div.pageMiddle H2.h2Access {
background: url(../IMG/h2Keys.gif) no-repeat 0 0px;
}
div.pageMiddle H2.h2B500B {
background: url(../IMG/h2B500B.gif) no-repeat 0 0px;
}

div.pageMiddle H2#prvni {
margin-top: 0;
}
div.pageMiddle H2, div.pageMiddle p,div.pageMiddle ul,div.pageMiddle dl {
margin-left: 50px;
margin-right: 80px;
}
div.pageMiddle p#mapa {
background: url(../IMG/mapagps.jpg) no-repeat 0px 0;
padding-top: 500px;
margin-bottom: -80px;
margin-top: 50px;
}

div.pageMiddle div.link{
position: absolute;
left: 50px;
top: 60px;
}

div.pageMiddle p {
  color: black;
  font-size: 12px;
  text-indent: 15px;
  line-height: 160%;
  padding-top: 10px;
  padding-bottom: 5px;
}

div.pageMiddle a,  div.pageMiddle span.highlight {
color: darkred;
text-decoration: none;
font-weight: bold;
}
div.pageMiddle a:hover {
color: rgb(255,165,0);
}
div.pageMiddle ul {
list-style-type: square;
font-size: 14px; 
font-weight: BOLD;
}
* html div.pageMiddle ul {
padding-left: 50px;
}
div.pageMiddle  li {
color: black;
padding-bottom: 12px;
}
div.pageMiddle dl {
padding-bottom: 35px;
}
div.pageMiddle dt span {
font-size: 10px;
font-weight: normal;
color:rgb(63,63,63);
letter-spacing: 2px;
}
div.pageMiddle dt {
font-weight: BOLD;
font-size: 14px;
padding-bottom: 20px;
}
div.pageMiddle dd {
padding-left:100px;
line-height: 21px;
}
div.pageMiddle dd span{
font-weight: bold;
font-size: 14px;
color:rgb(63,63,63);
}

.firmaInfo {
	border: none;
	border-collapse: collapse;
	padding-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}
.firmaInfo#banky {
margin-left: 20%;

}
.nazev {
  background : lightgrey;
}
ul.produkt {
border-top: 1px solid dIMGray;
width: 480px;
font-size: 32px;
padding-top: 15px;
font-weight: bolder;
color: black;
list-style-type:none; 
}
ul.produkt:first-character {
color: WHITE;
}
ul.produkt li {
margin-left: 30px;
margin-top: 15px;
font-size: 14px;
font-weight: bolder;
color: rgb(63,63,63);
list-style-type: square;
}
ul.produkt  a {
font-size: 11px;
font-weight: normal;
}

div.siteProdukt {
background: url(../IMG/fotoProduktySite.jpg) no-repeat right 15px;
float: right;
display: block;
position: relative;
margin-right: 50px;
margin-top: -190px;
width: 165px;
height: 185px;
} 
* html div.siteProdukt {
margin-right: 15px;
}
div.siteOhyb {
background: url(../IMG/fotoProduktyOhyb.jpg) no-repeat right 15px;
float: right;
display: block;
position: relative;
margin-left: 10px;
margin-right: 50px;
margin-top: -100px;
width: 170px;
height: 203px;
overflow: bottom;
} 
* html div.siteOhyb {
margin-right: 15px;
}
div.svitkyProdukt {
background: url(../IMG/fotoProduktySvitky.jpg) no-repeat right 15px;
float: right;
display: block;
position: relative;
margin-right: 78px;
margin-top: -222px;
width: 147px;
height: 175px;
} 
* html div.svitkyProdukt {
margin-right: 30px;
}
div.tyceProdukt {
background: url(../IMG/fotoProduktyTyce.gif) no-repeat right 15px;
float: right;
display: block;
position: relative;
margin-right: 16px;
margin-top: -400px;
width: 279px;
height: 218px;
} 
* html div.tyceProdukt {
margin-right: -2px;
}
	a.filePDF {
	padding-left: 25px;
	margin-left: 5px;
  background: url(../IMG/filePDF.gif) no-repeat 0 0px;
}
IMG#priklad01 {
margin-left: 30px;
margin-top: 15px;
margin-bottom: 15px;
position: relative;
float: right;
/*BORDER: 1PX SOLID GRAY;*/
}
div#divSkarta{
	position: relative;
  left: 50px;	
}
div.goUp {
position: relative;
float: right;
width: 33px;
height: 27px;
}
div.goUp IMG {
border: none;
}
input {
border: 1px solid rgb(51,51,51);
width: 350px;
height: 20px;
background: yellow;
color: black;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
font-family: verdana, arial;
font-weight: bold;
letter-spacing: 1px;
font-size: 10px;
}
table.site, table.svitky {
margin: 10px 10px 10px 10px;
font-size: 11px;
border: 1px solid BLACK;
border-collapse: collapse;
}
table.svitky {
margin-left: 50px;

}
table.site TH, table.svitky TH {
background-color: GOLD;
border-bottom: 1px solid black;

}
table.site TD, table.svitky TD{
height: 20px;
padding-left: 3px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 3px;

}
table.site TD.left ,table.svitky TD.left{
text-align: left;
}
table.site TD.center, table.svitky TD.center {
text-align: center;
}
table.svitky TD.center {
border-left: 1px solid silver;
border-right: 1px solid silver;
}
table.site TD.right, table.svitky TD.right {
text-align: right;
}
table.site  caption, table.svitky caption{
text-align: left;
font-weight: BOLD;
color: BLACK;
padding-left: 5px;
}
span.abcd {
border-bottom: 3px solid DARKRED;
padding-left: 10px;
padding-right: 10px;
}
table.svitky  caption span.abcd {
border-bottom: 3px solid DARKRED;
padding-left: 10px;
padding-right: 10px;
}
span.jednotka{
font-size: 9px;
}
div.floatRight {
float: right;
position: relative;
}
div.floatRight #produktySitePic {

width: 165px;
height: 177px;
}

.printBreak {
page-break-after: always;
}
.picSearchServer {

background: url(../IMG/searchServer.gif) no-repeat 0 0;
width: 128px;
height: 128px;
}
div.progress {
width:112px;
height:30px;
background: url(../IMG/progress.gif) no-repeat 0 0;
position: absolute;
left: 50%;
top: 50%;
margin-top: -15px;
margin-left: -56px;
z-index: 100;
}

DD { margin-left: -80px; }
div.pozvanka {
background: url(../IMG/web_800_POZVANKA-1-1.png) no-repeat 0 0;
position: absolute;
width: 800px;
height: 412px;
left: 50%;
margin-left: -400px;
top: 50%;
margin-top: -206px;
color: black;
text-align: center;
padding-top: 50px;
letter-spacing: 5px;
font-size: 12px;
cursor: hand;
}
* html div.pozvanka { background: url(../IMG/web_800_POZVANKA-1-1.jpg) no-repeat 0 0; border: 3px solid black;   filter: alpha(opacity=90);}
div.pozvanka1_1{
background: url(../IMG/pozvanka1_1.jpg) no-repeat 0 0;
width: 750px;
height: 386px;
position: relative;
left: 50%;
margin-left: -390px;

}
div.pozvanka1_2{
background: url(../IMG/pozvanka1_2.jpg) no-repeat 0 0;
width: 750px;
height: 386px;
position: relative;
left: 50%;
margin-left: -390px;
}
div.obr {
border: none;
}
.flleft { float: left; }
.flright { float: right; }
.posrel { position: relative; }
#infoprostor {  margin: 50px 10px 50px 20px; background: url(../IMG/infoprostor.jpg) no-repeat 0 0; width: 738px; height: 700px;}
.TOPminus50 { margin-top: -50px; }
.TOPplus250 { margin-top: 250px; }
.TOPminus25 { margin-top: -25px; }
.TOPminus10 { margin-top: -10px; }
.LEFTminus100 { margin-left: -100px; }
.LEFTminus50 { margin-left: -50px; }
.BOTTOMplus50 { margin-bottom: 50px; }
* html .IE_TOPplus100 { margin-top: 100px; }
a.okbutt{
position: relative;
background: url(../IMG/infoBUTT.gif) no-repeat 0 0;
background-position: 0 0px;
width: 79px;
height: 79px;
cursor: hand;  
}
a.okbutt:hover  {
background-position:  -79px 0px;
}
ul.ulrm {
margin: 0 0 0 0;
border: none;
margin-left: 0px;
padding-left: 0px;
list-style: none;
width: 100%;
min-height: 32px;
}
ul.ulrm a {
background: url(../IMG/rmenu_rb.jpg) no-repeat  bottom right;
text-align: center;
color: white;
font-weight: normal;
display: inline;
font-size: 12px;
letter-spacing:2px;
padding-left: 8px;
padding-right: 8px;
border-left: 1px solid BLACK;
padding-top: 6px;
padding-bottom: 6px;
}
ul.ulrm  a:hover {
background: url(../IMG/rmenu_rb_hover.jpg) no-repeat  bottom right;
color: white;
}

ul.ulrm  li {
text-decoration: none;
float: left;
margin-right: 1px;
list-style-type: none;
}
div.rmenu {
position: relative;
width: 810px;
left: 50%; 
margin-left: -370px;
margin-top: -6px;
margin-bottom: 50px;
overflow: bottom;
}
* html div.rmenu { margin-top: -10px; margin-left: -460px;}

.highlight {
height: 11px;
border: none;
background: url(../IMG/bghglt.gif) repeat-x right middle;
}
span.decent {  
width: 50px;
font-size: 10px;
color: dIMGray;
text-align: right;
}
@media print {
div.search, ul.produkt a, .braunMiddle, .braunRepRight, .braunRepLeft, .goUp, .noPrint, div.progress {
display:none;
}

div.page, div.page#braun150 {
margin: 0px;
left: 0;
}
}