/*--- definice telo+scroll ---*/
BODY {

  scrollbar-face-color:#990000;
  scrollbar-arrow-color:#ffffff;
  scrollbar-highlight-color:#FFFFFF;
  scrollbar-3dlight-color:#ffffff;
  scrollbar-shadow-color:#990000;
  scrollbar-darkshadow-color:#000000;
  scrollbar-track-color:#990000;
  background-image: url(bg.jpg);

  }
 * {
	margin: 0;
	padding: 0;
	border: 0;
}
/*--- cela stranka ---*/
p {
font-family:  Arial, Helvetica, sans-serif;
font-size: 12px;
}
#stranka{
margin-top: 0px;
width: 998px;
text-align: left;
}
/*--- hlavicka ---*/
#top01{
background: url(top01.jpg);
margin-top: 0px;
margin-left: 0px;
width: 187px;
height: 53px;
}
#menu{
background: url(bg_menu.jpg);
margin-top: -40px;
margin-left: 187px;
width: 811px;
height: 40px;
}
#logo{
background: url(logo.jpg);
margin-top: 0px;
margin-left: 0px;
width: 288px;
height: 73px;
}
#obr01{
background: url(obr_01.jpg);
margin-top: 0px;
margin-left: 0px;
width: 288px;
height: 224px;
}
#obr02{
background: url(obr_02.jpg);
margin-top: 0px;
margin-left: 0px;
width: 288px;
height: 224px;
}
#obr03{
background: url(obr_03.jpg);
margin-top: 0px;
margin-left: 0px;
width: 288px;
height: 224px;
}
#obr04{
background: url(obr_04.jpg);
margin-top: 0px;
margin-left: 0px;
width: 288px;
height: 224px;
}
#poz_anim{
background: url(poz_anim.jpg);
margin-top: -297px;
margin-left: 288px;
width: 710px;
height: 297px;
}
/*--- telo ---*/
#telo{
background: url(bg_telo.jpg);
margin-top: 0px;
margin-left: 11px;
width: 987px;
}
/*--- tabulka rozdeleni stranky na dva sloupce ---*/
#rozdeleni{
width: 987px;
}
#left{
width: 278px;
vertical-align: top;
}
#right{
width: 709px;
vertical-align: top;
padding-bottom: 20px;
}
/*--- copyright lista bottom ---*/
#lista_bottom{
background-image: url(lista_bottom.jpg);
margin-top: 0px;
margin-left: 11px;
width: 987px;
height: 79px;
}
/*---hlavni menu odkazy---*/
a.tl_uvod{
float: left;
font-size: 13px;
font-family:  Arial, Helvetica, sans-serif;
color : #353535;
font-weight: bold;
text-decoration: none;
display: block;
width: 101px;
text-align: center;
padding-top: 11px;
padding-bottom: 13px;
}
a.tl_uvod:hover{
background: url(tl_uvod.jpg);
color: #000000;
}
a.tl_uvod_odklik{
float: left;
font-size: 13px;
font-family:  Arial, Helvetica, sans-serif;
color : #353535;
font-weight: bold;
text-decoration: none;
display: block;
width: 101px;
text-align: center;
padding-top: 11px;
padding-bottom: 13px;
background: url(tl_uvod.jpg);
color: #000000;
}
a.tl_odklik{
float: left;
font-size: 13px;
font-family:  Arial, Helvetica, sans-serif;
color : #353535;
font-weight: bold;
text-decoration: none;
display: block;
width: 101px;
text-align: center;
padding-top: 11px;
padding-bottom: 13px;
background: url(tl.jpg);
color: #000000;
}

a.tl{
float: left;
font-size: 13px;
font-family:  Arial, Helvetica, sans-serif;
color : #353535;
font-weight: bold;
text-decoration: none;
display: block;
width: 101px;
text-align: center;
padding-top: 11px;
padding-bottom: 13px;
}
a.tl:hover{
background: url(tl.jpg);
color: #000000;
}




/*---texty a odkazy---*/
h1{
margin-left: 10px;
padding-bottom: 10px;
font-size: 17px;
font-family:  Arial, Helvetica, sans-serif;
color : #000000;
font-weight: bold;
}
h2{
margin-left: 10px;
padding-bottom: 10px;
font-size: 16px;
font-family:  Arial, Helvetica, sans-serif;
color : #000000;
font-weight: bold;
}
h3{
margin-left: 10px;
padding-bottom: 10px;
font-size: 14px;
font-family:  Arial, Helvetica, sans-serif;
color : #000000;
font-weight: bold;
}
p{
font-size: 12px;
font-family:  Arial, Helvetica, sans-serif;
color : #000000;
font-weight: normal;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 12px;
}
h6{
position: relative;
left: 30px;
top: -40px;
font-size: 15px;
font-family:  Arial, Helvetica, sans-serif;
color : #ffffff;
font-weight: bold;
}
#bottom_p{
font-size: 12px;
font-family:  Arial, Helvetica, sans-serif;
color : #000000;
font-weight: normal;
text-align: center;
height: 30px;
}
#bottom_p a{
font-size: 12px;
font-family:  Arial, Helvetica, sans-serif;
color : #000000;
font-weight: normal;
text-decoration: underline;
}
#lista_bottom p{
padding-top: 40px;
font-size: 12px;
font-family:  Arial, Helvetica, sans-serif;
color : #000000;
font-weight: normal;
text-align: center;
}
#lista_bottom a{
font-size: 12px;
font-family:  Arial, Helvetica, sans-serif;
color : #000000;
font-weight: normal;
text-decoration: underline;
}
/*--- aktuality levy sloupec ---*/
ul.aktuality{
margin-top: -20px;
margin-left: 5px;
}
li.aktualita{
height: 83px;
list-style-type: none;
margin-right: 8px;
margin-left: 8px;
margin-top: 4px;
background: url(cara01.gif) no-repeat bottom;
}
.text_aktual{
float: left;
margin-left: 0px;
margin-top: 8px;
padding-bottom: 5px;
margin-bottom: 0px;
font-size: 11px;
font-family:  Arial, Helvetica, sans-serif;
color : #000000;
font-weight: normal;
width: 193px;
}
.text_aktual a{
font-size: 11px;
font-family:  Arial, Helvetica, sans-serif;
color : #cc0000;
font-weight: normal;
text-decoration: underline;
}
.datum{
float: left;
margin-left: 0px;
margin-top: 8px;
padding-top: 15px;
padding-bottom: 0px;
width: 44px;
height: 50px;
background: url(kalendar.gif) no-repeat;
font-size: 14px;
font-family:  Arial, Helvetica, sans-serif;
color : #ffffff;
font-weight: bold;
text-align: center;
}
.datum span{
font-size: 9px;
font-family:  Arial, Helvetica, sans-serif;
color : #ffffff;
font-weight: normal;
text-align: center;
}
/*--- menu levy sloupec ---*/
ul.submenu{
margin-left: 12px;
}
ul.submenu li{
background: url(sub_poz.gif);
width: 261px;
height: 33px;
margin-bottom: 2px;
list-style-type: none;
}
ul.submenu li a{
display: block;
width: 261px;
font-size: 12px;
font-family:  Arial, Helvetica, sans-serif;
color : #353535;
padding-top: 10px;
padding-bottom: 9px;
padding-left: 10px;
font-weight: bold;
text-decoration: none;
}
ul.submenu li a:hover{
color : #000000;
text-decoration: none;
background-image: url(sub_poz_hover.gif);
background-repeat: no-repeat;
width: 261px;
}
/*--- produkty-bunky ---*/
#produkty{
margin-left: 10px;
}
div.produkt{
width: 159px;
height: 210px;
background-image: url(poz_produkt.gif);
background-repeat: no-repeat;
float: left;
margin-right: 15px;
margin-bottom: 15px;
text-align: center;
}
div.produkt h4{
padding-top: 2px;
height: 50px;
}

div.produkt h4 a{
font-size: 11px;
font-family:  Arial, Helvetica, sans-serif;
color : #353535;
font-weight: normal;
}
div.produkt .foto_prod{
border: solid 1px #999999;
text-align: center;
margin-bottom: 5px;
}
div.produkt_po .foto_prod{
border: solid 1px #666666;
text-align: center;
margin-bottom: 5px;
}
div.produkt p{
text-align: left;
margin-left: 7px;
margin-top: 0px;
font-size: 11px;
font-family:  Arial, Helvetica, sans-serif;
color : #353535;
font-weight: normal;
}
/*--- produkty-bunky po najeti mysi---*/
div.produkt_po{
width: 159px;
height: 210px;
background-image: url(poz_produkt_hover.gif);
background-repeat: no-repeat;
float: left;
margin-right: 15px;
margin-bottom: 15px;
text-align: center;
}
div.produkt_po h4{
padding-top: 2px;
height: 50px;
}
div.produkt_po h4 a{
font-size: 11px;
font-family:  Arial, Helvetica, sans-serif;
color : #000000;
font-weight: normal;
}
div.produkt_po .foto{
border: solid 1px #666666;
}
div.produkt_po p{
text-align: left;
margin-left: 7px;
margin-top: 0px;
font-size: 11px;
font-family:  Arial, Helvetica, sans-serif;
color : #000000;
font-weight: normal;
}
div.prodejna{
width: 700px;
float: left;
padding-left: 10px;
margin-bottom: 20px;
}
.foto_prodejna{
margin-left: 10px;
margin-right: 10px;
}
.foto{
border: solid 1px #999999;
float: left;
margin-left: 15px;
margin-bottom: 8px;
}
.foto_po{
border: solid 1px #000000;
float: left;
margin-left: 15px;
margin-bottom: 8px;
}
