/* 8/2/08
/* For: OSDOS 
/* With: CurvedCorners(JS) 
/* Coding: ANSI/charset=ISO-8859-2
/* DOCTYPE: HTML 4.01/strict
*/
/*************************** resety ********************************/
* {
  border: 0;
  margin: 0;
  padding: 0;
  text-indent: 0;
  }
h1, h2, h3 {margin: 0; padding: 0;}
a img   { border: 0; }
ul, ol { list-style: none; margin: 0; padding: 0; }   
table, td, th { border: 0; font-size: 1em; font-weight: normal; }
/**** end resety ****/

/*************************** layout **********************************/

body {
  font: normal 0.75em tahoma, verdana, helvetica, arial, sans-serif; 
  letter-spacing: .1em;
  line-height: 1.7;
  padding: 50px 0 ;         /* poeenívající obrázky nad/pod layoutem */ 
  text-align: center;       /* vycentrovani hlavniho divu pro IE<6   */
  background: #cef386; 
  }

#all {
  position: relative;          /* musí zde být quli eemusi */ 
  border: 2px solid #000000;  /* eerný tlustý rámeeek */
  margin: 0px auto 0 auto;
  text-align: left;
  width: 800px;
  padding: 8px 0px;        
  background: #cef386; 
  }
#mezi {
  padding: 1px  9px;       /*  ‘íoka=8  (nejmen‘í) */   
  }
#hlavni {
  position:relative;          
  background-color: #ddd8c2; 
  border: 1px solid black; 
  width: auto;
  }

* html #hlavni { height: 100% }  /*____quli IE6_____#ddd8c2;*/

#disketa {
  position: absolute;
  left: -45px;
  top: -45px;
  z-index: 11;
  background: url(http://www.osdos.net/disketa.png) no-repeat; 
  height: 150px; 
  width: 150px; 
}
 
* html #disketa { 
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.osdos.net/disketa.png', sizingMethod='scale');
  height: 150px; 
  width: 150px; 
  background: none;
  }

#dos4ever {
  margin-left: 100px;
  z-index: 11;
  background: url(http://www.osdos.net/dos4ever.png) no-repeat; 
  height: 107px; 
  width: 250px; 
}
 
* html #dos4ever { 
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.osdos.net/dos4ever.png', sizingMethod='scale');
  height: 107px; 
  width: 250px; 
  background: none;
  }

#pc {
  position: absolute;
  left:   720px;    /*  615   */
  bottom: -35px;    /*  -20   */
  z-index: 11;
  background: url(http://www.osdos.net/ibm-pc.png) no-repeat; 
  height: 165px; 
  width: 160px; 
  }

* html #pc { 
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.osdos.net/ibm-pc.png', sizingMethod='scale');
  height: 165px; 
  width: 160px; 
  background: none;
  }
  
#c {
  position: absolute;
  left: 43px;
  top: -28px;
  z-index: 11;
  background: url(c.png) no-repeat; 
  height: 40px; 
  width: 50px; 
  }

#hlavicka {
  height: 140px;              /* 680x140 */
  background: #ddd8c2;
  width: 680px;
  position: relative;
  top: -1px;
  right: -101px;
  }
  
#obsah {
  width: 100%;
  margin: 5px 0px 0px 0px;
  padding-bottom: 5px;
  overflow: auto;
  }

#content {  
  min-height: 500px;
  height: auto;
  width: 590px;
  padding: 30px 20px 50px 15px;
  overflow: hidden;
  }
* html #content { float: left;}  /*____quli IE6_____*/ 

.novinky {                     
  position: relative;
  border: 2px solid #000000;
  background: #cef386;
  width: auto;                      /* kromi nastavení ‘íoky  ZDE:  width: X  <<<<< 1. */
  margin: 0px auto 40px auto;  
  padding: 8px;
  }

* html .novinky2 {height: 1%} /*____quli IE6_____*/ /*  je‘ti ZDE:  width:(X-18) <<<< 2. */   

.novinky2 {
  position: relative;
  border: 1px solid #000000; 
  padding: 30px 0;
  overflow: hidden; 
  font-size: 12px;
  background: #ffffff;
  }

.novinkynadpis {
  position: absolute;
  top: 7px;
  left: 135px;
  z-index: 10000;
  font-size: 120%;
  font-weight: bold;
  text-decoration: underline;
  }
  
.novinkynadpis a:link {
  color: #000000;
  text-decoration: underline;
  }

.novinkynadpis a:visited {
  color: #000000;
  text-decoration: underline;
  }

.novinkynadpis a {display: block;}

#archivnovinky {
  font-size: 140%;
  text-align: center;
  }

.datum {
  border: 1px solid #000000; 
  background: #b4dcf8;
  padding-bottom: 7px; 
  height: 22px;
  position: absolute;
  top:   -7px;
  left:  -1px;
  width: 120px;
  }

.datum2 {
  background: #b4dcf8;
  position: relative; 
  top: 6px;
  left: 0px;
  width: 115px;
  height: 16px;
  text-align: center;
  padding-top: 4px;
  z-index: 100;
  }

.novinkyobsah {
  padding: 0px 10px 0 10px;
  }

.autor {
  border: 1px solid #000000; 
  background: #b4dcf8;
  padding-top:  10px; 
  padding-left: 10px;
  height: 20px;
  width: 120px;
  position: absolute;
  bottom: -6px;
  right:  -1px;
  }

.autor2 {
  background: #b4dcf8;
  position: relative;  
  bottom: 6px;
  left: 10px;
  overflow: hidden; /* bez tohoto spadne IE7 */
  }
  
.sw  {
  position: absolute;
  top: -20px;
  left: 550px; 
  z-index: 55;
  background: url(http://www.osdos.net/msdos.png) no-repeat; 
  height: 65px; 
  width: 65px; 
  }
 
* html .sw { 
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.osdos.net/msdos.png', sizingMethod='scale');
  height: 65px; 
  width: 65px; 
  background: none;
  left: 532px;
  top: -27px
  }
   
.hw  {
  position: absolute;
  top: -20px;
  left: 521px; 
  z-index: 55;
  background: url(hdd.png) no-repeat; 
  height: 64px; 
  width: 85px; 
  }
  
* html .hw { 
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.osdos.net/hdd.png', sizingMethod='scale');
  height: 64px; 
  width: 85px; 
  background: none;
  left: 513px;
  top: -22px
  }

.odkazyphp {                     
  position: relative;
  border: 2px solid #000000;
  background: #cef386;
  width: auto;                     
  margin: 0px auto 40px auto;  
  padding: 8px;
  color: #000000;
  }

.odkazyphp a:link {color: #000000;}

.odkazyphp a:visited {color: #000000;}

.odkazyphp a:hover {color: red;}

.odkazyphp a {display: block;}

* html .odkazyphp2 {height: 1%} /*____quli IE6_____*/ /*  je‘ti ZDE:  width:(X-18) <<<< 2. */   

.odkazyphp2 {
  position: relative;
  border: 1px solid #000000; 
  overflow: hidden; 
  font-size: 12px;
  background: #ffffff;
  }

.odkazyphpobsah {
  padding: 10px 10px 10px 10px;
  }
  
.odkazyphpimg1 {
  background: url(rayer.gif);
  border: 1px solid #000000;
  bottom: 11px;
  height: 60px;
  position: relative;
  left: -11px;
  width: 180px;
  float: left;
  }

.odkazyphpimg2 {
  background: url(asz486.jpg);
  border: 1px solid #000000;
  bottom: 11px;
  height: 60px;
  position: relative;
  left: -11px;
  width: 180px;
  float: left;
  }

.odkazyphpimg3 {
  background: url(calmira.png);
  border: 1px solid #000000;
  bottom: 11px;
  height: 60px;
  position: relative;
  left: -11px;
  width: 180px;
  float: left;
  }
  
.odkazyphpimg4 {
  background: url(laac.gif);
  border: 1px solid #000000;
  bottom: 11px;
  height: 60px;
  position: relative;
  left: -11px;
  width: 180px;
  float: left;
  }
  
.odkazyphpimg5 {
  background: url(vetusware.gif);
  border: 1px solid #000000;
  bottom: 11px;
  height: 60px;
  position: relative;
  left: -11px;
  width: 180px;
  float: left;
  }
  
.odkazyphpimg6 {
  background: url(8bit.png);
  border: 1px solid #000000;
  bottom: 11px;
  height: 60px;
  position: relative;
  left: -11px;
  width: 180px;
  float: left;
  }
/*-----------------------*/  
.clr {
   clear: both; 
   visibility: hidden;
   height: 60px;
  }
/*------------------------*/
#onpocitadlo {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 120px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  background: #b4dcf8;
  text-align: center;
  }
 
 #onpocitadlo .pocitadlo1 { display:none }
 #onpocitadlo .pocitadlo2 { display:block; margin: 12px auto 18px auto }
 
 #onpocitadlo.on .pocitadlo1, #onpocitadlo:hover .pocitadlo1 { display:block; margin: 6px 0 0 0 } 
 #onpocitadlo.on .pocitadlo2, #onpocitadlo:hover .pocitadlo2 { display:none }

#paticka {
  position: absolute;
  left:0;
  bottom:0;
  font-size: 10px;
  background: #b4dcf8;
  width: 100%;
  height: 18px;
  padding: 0 0 3px 0;
  border-top: 1px solid #000000;
  text-align: center;
  overflow: hidden;
  }
  
#paticka img { 
  margin-left: 245px;
  }
/*** end layout ***/

/******************** menu **************************/
#obal_menu2 {
  position:relative;       /* pouze quli IE, zato velmi dule3ité*/
  float: left;
  padding: 30px 0 20px 0;
  width: 150px;            /* = W(inmenu)+W(CurPAD)+ 10px(navíc) = W(menu2) = 150 */
  height: 320px;
  overflow: hidden;        /* ooízne menu2 */
  margin-top: 0px;
  }
#menu2 { 
  width: 148px;                  /*****<--- tady jsem to změnil o 1px NUTNO PROVĚŘIT, JESTLI TO NEVADÍ ******/
  height: 300px;                    
  border: 2px solid #000000;
  margin-left: -12px;               /* skryje levý CurvedPADDING */
  padding: 8px 8px 8px 0px;
  background: #cef386;
  }

#inmenu {
  position: relative;  
  border: 1px solid black;
  height: 268px;                    
  padding-top: 30px;
  background: #ddd8c2;
  }
  
#dir {
  overflow: hidden;
  position: absolute;
  left:0;
  bottom:0;
  background: #ffffff;
  width: 100%;
  height: 25px;
  border-top: 1px solid #000000;
  text-align: center;
  display: block;   
  z-index:  0;
  }

#menuwhitestripes2x8up,#menuwhitestripes2x8down {
width: 2px;
height: 8px;
position: absolute;
z-index: 11;
background: #cef386;
overflow: hidden;
} 
  
#inmenu ul {
  width: 100%;
  border-bottom: 1px solid #000;
  }

#inmenu  li img {
  display: block;
  }

 #inmenu  li {
  border-top: 1px solid #000;
  height: 29px;   
  width: 100%; 
  } 
  
#inmenu li:hover {z-index:2000}

#inmenu li a {
  display: block; 
  width: 100%; 
  height: 29px;   
  z-index:  0;
  }   

#inmenu li a:hover { 
  display: block;
  position: relative;
  border-top:    1px solid #000;
  border-bottom: 1px solid #000; 
  margin-top: -11px;
  top:   5px; 
  height: 38px;  
  width: 100%; 
  z-index: 300;
  } 
    
  #inmenu .dos a {background: url(dos.gif) no-repeat center center} 
  #inmenu .dos a:hover {background: url(doshover.gif) no-repeat center center} 
  #dos #inmenu .dos a {background: url(dosgrey.gif) no-repeat center center} 
  #dos #inmenu .dos a:hover {background: url(doshover.gif) no-repeat center center}
  
  #inmenu .clanky a {background: url(clanky.gif) no-repeat center center} 
  #inmenu .clanky a:hover {background: url(clankyhover.gif) no-repeat center center} 
  #clankysw #inmenu .clanky a {background: url(clankygrey.gif) no-repeat center center} 
  #clankyhw #inmenu .clanky a {background: url(clankygrey.gif) no-repeat center center} 
  #clankyother #inmenu .clanky a {background: url(clankygrey.gif) no-repeat center center} 
  #clankysw #inmenu .clanky a:hover {background: url(clankyhover.gif) no-repeat center center} 
  #clankyhw #inmenu .clanky a:hover {background: url(clankyhover.gif) no-repeat center center} 
  #clankyother #inmenu .clanky a:hover {background: url(clankyhover.gif) no-repeat center center}
  /*Kvuli tomu aby fungovala aktivni ppozice i kdyz je aktivni jina kategorie nez sw.*/
  
  #inmenu .recenze a {background: url(recenze.gif) no-repeat center center} 
  #inmenu .recenze a:hover {background: url(recenzehover.gif) no-repeat center center} 
  #recenzesw #inmenu .recenze a {background: url(recenzegrey.gif) no-repeat center center} 
  #recenzehw #inmenu .recenze a {background: url(recenzegrey.gif) no-repeat center center} 
  #recenzeother #inmenu .recenze a {background: url(recenzegrey.gif) no-repeat center center} 
  #recenzesw #inmenu .recenze a:hover {background: url(recenzehover.gif) no-repeat center center} 
  #recenzehw #inmenu .recenze a:hover {background: url(recenzehover.gif) no-repeat center center} 
  #recenzeother #inmenu .recenze a:hover {background: url(recenzehover.gif) no-repeat center center}
  
  #inmenu .forum a {background: url(forum.gif) no-repeat center center} 
  #inmenu .forum a:hover {background: url(forumhover.gif) no-repeat center center} 
  #forum #inmenu .forum a {background: url(forumgrey.gif) no-repeat center center} 
  #forum #inmenu .forum a:hover {background: url(forumhover.gif) no-repeat center center}  
  
  #inmenu .download a {background: url(download.gif) no-repeat center center} 
  #inmenu .download a:hover {background: url(downloadhover.gif) no-repeat center center} 
  #download #inmenu .download a {background: url(downloadgrey.gif) no-repeat center center} 
  #download #inmenu .download a:hover {background: url(downloadhover.gif) no-repeat center center}  
  
  #inmenu .kontakt a {background: url(kontakt.gif) no-repeat center center} 
  #inmenu .kontakt a:hover {background: url(kontakthover.gif) no-repeat center center} 
  #kontakt #inmenu .kontakt a {background: url(kontaktgrey.gif) no-repeat center center} 
  #kontakt #inmenu .kontakt a:hover {background: url(kontakthover.gif) no-repeat center center}
  
  #inmenu .odkazy a {background: url(odkazy.gif) no-repeat center center} 
  #inmenu .odkazy a:hover {background: url(odkazyhover.gif) no-repeat center center}      
  #odkazy #inmenu .odkazy a {background: url(odkazygrey.gif) no-repeat center center}     
  #odkazy #inmenu .odkazy a:hover {background: url(odkazyhover.gif) no-repeat center center}      
/**** end menu ****/

/**** vyhledavani ****/
#hledani {
  position: absolute;
  top: 500px;
  left: 12px;
  }

#hledani input.hledat_text {
  padding: 1px 0;
  width: 105px;
  }
  
#hledani input.hledat {
  position: absolute;
  top: 28px;
  left: 30px;
  background: url(http://www.osdos.net/search_button.gif) no-repeat;
  height: 22px;
  width: 54px;
  }
  
#hledani input.hledat:hover
  {
  background: url(http://www.osdos.net/search_button_hover.gif) no-repeat;
  }
/****end_vyhledavani ****/


/*********************** nadpisy *************************/
#nadpis {
  font-weight: bold;
  font-size: 20px;
  font-style: italic;
  }
/**** end nadpisy ****/


/********************* styl textu a odkazu ****************/
a {
  text-decoration: none;
  }
/**** end styl textu a odkazu ****/

#clanky { /* jen kvuli ostatnim tridam */

  }
  
.clankysw {
  height: 30px;   
  width: 150px; 
  position: absolute;
  left: 227px;
  top: 207px;
  }

.clankyhw {
  height: 30px;   
  width: 150px; 
  position: absolute;
  left: 387px;
  top: 207px;
  }
  
.clankyother {
  height: 30px;   
  width: 150px; 
  position: absolute;
  left: 547px;
  top: 207px;
  }

.seznamclanku {
  text-align: center;
  position: relative;
  top: 79px;
  left: 20px;
  _left: 0px; /* kvuli IE zarovnani na stred */
  font-size: 110%;
  }

.seznamclanku .datumclanky {
  color: #818180;
  text-decoration: none;
  font-size: 90%;
  }

.seznamclanku a {
  font-weight: bold;
  text-decoration: underline;
  color: black;
  }

.seznamclanku a:link {
  color: black;
  }

.seznamclanku a:visited {
  color: black;
  }
 
.seznamclanku ol li :hover {
  color: #cef386;
  }

#clanky:hover {z-index:2000}

#clanky a {
  display: block; 
  width: 150px; 
  height: 30px;   
  z-index:  250;
  }   

#clanky a:hover { 
  display: block;
  position: relative; 
  height: 32px;  
  z-index: 300;
  width: 160px;
  left: -5px;
  top: -1px;
  } 
    
#clanky .clankysw a {background: url(sw.gif) no-repeat center center}  
#clanky .clankysw a:hover {background: url(swhover.gif) no-repeat center center} 
#clankysw #clanky .clankysw a {background: url(swgrey.gif) no-repeat center center}
#clankysw #clanky .clankysw a:hover {background: url(swhover.gif) no-repeat center center}
#recenzesw #clanky .clankysw a {background: url(swgrey.gif) no-repeat center center}
#recenzesw #clanky .clankysw a:hover {background: url(swhover.gif) no-repeat center center}

#clanky .clankyhw a {background: url(hw.gif) no-repeat center center} 
#clanky .clankyhw a:hover {background: url(hwhover.gif) no-repeat center center}
#clankyhw #clanky .clankyhw a {background: url(hwgrey.gif) no-repeat center center}
#clankyhw #clanky .clankyhw a:hover {background: url(hwhover.gif) no-repeat center center}
#recenzehw #clanky .clankyhw a {background: url(hwgrey.gif) no-repeat center center}
#recenzehw #clanky .clankyhw a:hover {background: url(hwhover.gif) no-repeat center center}

#clanky .clankyother a {background: url(other.gif) no-repeat center center} 
#clanky .clankyother a:hover {background: url(otherhover.gif) no-repeat center center}
#clankyother #clanky .clankyother a {background: url(othergrey.gif) no-repeat center center}
#clankyother #clanky .clankyother a:hover {background: url(otherhover.gif) no-repeat center center} 
#recenzeother #clanky .clankyother a {background: url(othergrey.gif) no-repeat center center}
#recenzeother #clanky .clankyother a:hover {background: url(otherhover.gif) no-repeat center center} 


.clanek img {
  margin-left: 8%;
  }
  
#kontaktobal {
 width: 500px;
 height: 300px;
 margin-left: 20px;
 }
 
#kontaktnadpis {
 width: 500px;
 height: 50px;
 float: left;
 text-align: center;
 padding-top: 10px;
 font-size: 22px;
 }
 
#kontaktimg {
 width: 100px;
 height: 100px;
 float: right;
 background: url(kontaktmail.png) no-repeat;
 position: relative;
 left: -20px;
 }
 
* html #kontaktimg { 
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.osdos.net/kontaktmail.png', sizingMethod='scale');
  height: 100px; 
  width: 100px; 
  background: none;
  left: -20px;
  }
 
#kontaktmail1 {
 width: 300px;
 height: 50px;
 float: left;
 font-size: 19px;
 text-align: center;
 }
 
#kontaktmail2 {
 width: 300px;
 height: 50px;
 float: left;
 clear: left;
 font-size: 19px;
 text-align: center;
 }
 
#kontakttext {
 width: 500px;
 height: 150px;
 float: left;
 clear: both;
 }
 
#kontakt a:link {color: blue} 
#kontakt a:visited {color: blue} 
#kontakt a:hover {color: red}

 
#onstalose {
  position: absolute;
  top: -1px;
  right: 574px;
  width: 40px;
  height: 105px;
  border: 1px solid #000;
  background: #cef386;
  text-align: center;
  z-index: 55555;
  }

 
 #onstalose #stalose1 { display: none; border: 1px solid #000; background: #cef386;}
 #onstalose #stalose2 { display: block; margin: 0px auto 18px auto; background: #cef386;}
 
 #onstalose.on #stalose1, #onstalose:hover #stalose1 { display: block;
                                                       margin: -2px 0 0 0;
                                                       background: #cef386;  
                                                       z-index: 555556;
                                                       height: 105px;
                                                       width: 100px;
                                                       border: 1px solid #000; 
                                                       position: absolute;
                                                       left: -61px;
                                                       top: 1px;
                                                       font-size: 9px;
                                                       }
                                                        
 #onstalose.on #stalose2, #onstalose:hover #stalose2 { display:none;}
 
 /* ------------------------------------------download.php----------------------------------------*/
 #prazdnyboxie { /* kvuli ie a natahnuti stranky  */
   float: left;
   height: 500px; /*  stejna jako #katalogobal */
   }
   
#katalogobal {
 position: absolute;
 border: 2px solid #000;
 width: 420px;
 height: 500px;
 top: 230px;
 left: 250px;
 background: #cef386;
 padding: 8px 8px 8px 8px;
 }
  
#katalogobal a:link {color: black;}
#katalogobal a:visited {color: black;}
#katalogobal a:active {color: black;}
#katalogobal a:hover {text-decoration: underline;}
  
#katalog {
 height: 498px;
 border: 1px solid #000;
 background: #ddd8c2;
 margin: 0px auto; 
 width: 400px
 }
 
#downloadikona {
  position: relative;
  left: 5px;
  top: -70px;
  z-index: 11;
  background: url(http://www.osdos.net/downloadikona.png) no-repeat; 
  height: 96px; 
  width: 96px; 
}
 
* html #downloadikona { 
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.osdos.net/downloadikona.png', sizingMethod='scale');
  height: 96px; 
  width: 96px; 
  background: none;
  }
  
#katalognadpisobal {
 position: relative;
 left: 178px;
 top: -140px;
 width: 230px;
 height: 35px;
 border-top: 2px solid #000;
 border-left: 2px solid #000;
 border-right: 2px solid #000;
 background: #cef386;
 z-index: 888888;
 }
 
#katalognadpis {
 width: 209px;
 height: 33px;
 border: 1px solid #000;
 background: url(downloadnadpis.gif) no-repeat;
 margin-left: 10px;
 }
 
#kategoriel {
 position: absolute;
 width: 200px;
 height: 458px;
 left: 10px;
 top: 1px;
 padding-top: 40px;
 padding-left: 30px;
 }
 
#kategoriep {
 width: 200px;
 height: 458px;
 position: absolute;
 right: 10px;
 top: 1px;
 padding-top: 40px;
  padding-left: 10px;
 }
 
.kataloglihlavni {
 font-weight: 900;
 font-size: 17px;
 }
 
.kataloglipod {
 font-size: 15px;
 font-weight: 400;
 }
 
.downloadbox {
  float: left;
  width: 500px;
  margin: 10px 50px 0 50px;
  min-height: 40px;
  height: auto;
  }
  
.downloadnazev {
  width: 493px;
  height: 20px;
  float: left;
  padding-left: 5px;
  font-weight: bold;
  text-decoration: underline;
  }
  
.downloadpopis {
  float: left;
  width: 85%;
  min-height: 21px;
  height: auto;
  clear: left;
  padding-left: 5px;
  }
  
.downloadstahni {
  float: right;
  width: 13%;
  }
  
.stahniikona {
  position: relative;
  left: 0px;
  bottom: 0px; 
  background: url(http://www.osdos.net/stahniikona.png) no-repeat; 
  height: 60px; 
  width: 60px; 
  }

* html .stahniikona { 
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.osdos.net/stahniikona.png', sizingMethod='scale');
  height: 60px; 
  width: 60px; 
  background: none;
  }

.cara  {
  width: 540px;
  border: 1px dotted orange;
  z-index: 999999;
  margin-top: 10px;
  margin-right: 15px;
  float: right;
  font-size: 0px;
  clear: both;
  }
  
#backkategory {
  float: left;
  position: relative;
  z-index: 11;
  background: url(http://www.osdos.net/backkategory.png) no-repeat; 
  height: 60px; 
  width: 60px; 
}
 
* html #backkategory { 
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.osdos.net/backkategory.png', sizingMethod='scale');
  height: 60px; 
  width: 60px; 
  background: none;
  }
  
#backkategorybox {
  height: 62px;
  width: 250px;
  float: left;
  margin-top: 15px;
  margin-left: 40px;
  }
  
#backkategorytext {
  height: 60px;
  width: 180px;
  float: right;
  font-weight: bold;
  padding-top: 25px;
  padding-left: 10px;
  }

 
 /* ------------------------------------------download.php----------------------------------------*/
 
#preload  { /* urceni pozice pro obrazky ktere se nemaji zobrazovat a nekryli jine */
  position: absolute;
  top: -1000px;
  left: -1000px;
  }