/*--- definice telo+scroll ---*/
BODY {
background: #566E9F;
  }
 * {
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
}
/*--- cela stranka ---*/
#stranka{
padding-top: 20px;
width: 987px;
}
/*--- hlavicka ---*/
#menu{
margin-left: 0px;
margin-top: 0px;
width: 243px;
height: 366px;
background: url(menu.jpg);
}
#top01{
margin-left: 243px;
margin-top: -366px;
width: 744px;
height: 127px;
background: url(top01.jpg);
}
#top02{
margin-left: 243px;
margin-top: 0px;
width: 367px;
height: 239px;
background: url(top02.jpg);
}
#top03{
margin-left: 610px;
margin-top: -239px;
width: 377px;
height: 239px;
background: url(top03.gif);
}
#animace{
margin-left: 0px;
margin-top: 0px;
width: 350px;
height: 78px;

}
/*--- telo ---*/
#telo{
margin-left: 8px;
margin-right: 27px;
margin-top: 0px;
width: 952px;
background: url(telo.gif);
}

/*--- lista bottom ---*/
#bottom{
margin-left: 8px;
margin-right: 27px;
margin-top: 0px;
width: 952px;
height: 111px;
background: url(bottom.jpg);
}
#bottom p.copy{
margin-left: 655px;
padding-top: 3px;
font-family:  Arial, Helvetica, sans-serif;
color : #203764;
font-size: 11px;
font-weight: normal;
}
#bottom p.copy a{
font-family:  Arial, Helvetica, sans-serif;
color : #203764;
font-size: 11px;
font-weight: normal;
}
/*--- kontaktni tlacitka ve spodni liste---*/
.tl01{
margin-left: 235px;
margin-top: 0px;
width: 160px;
height: 40px;
}
.tl01_po{
margin-left: 235px;
margin-top: 0px;
width: 160px;
height: 40px;
background: url(tl01_po.gif);
}
.tl01  p{
display: none;
}
.tl01_po p{
margin-left: 45px;
padding-top: 3px;
display: run-in;
font-family:  Arial, Helvetica, sans-serif;
color : #22304D;
font-size: 13px;
font-weight: bold;
}
.tl01_po p a{
color : #000000;
font-size: 13px;
font-weight: bold;
}
.tl02{
margin-left: 235px;
margin-top: 1px;
width: 160px;
height: 40px;
}
.tl02_po{
margin-left: 235px;
margin-top: 1px;
width: 160px;
height: 40px;
background: url(tl02_po.gif);
}
.tl02  p{
display: none;
}
.tl02_po p{
margin-left: 45px;
padding-top: 3px;
display: run-in;
font-family:  Arial, Helvetica, sans-serif;
color : #22304D;
font-size: 13px;
font-weight: bold;
}
.tl02_po p span{
color : #000000;
font-size: 13px;
font-weight: bold;
}
/*---hlavni menu---*/
a.logo{
margin-top: 0px;
margin-left: 15px;
width: 220px;
height: 122px;
display: block;
}
#menu ul{
margin-top: 20px;
margin-left: 0px;
}
#menu li{
margin-left: 18px;
width: 193px;
height: 33px;
list-style: none;
}
#menu li a{
padding-top: 10px;
padding-bottom: 8px;
width: 180px;
display: block;
background: url(arow01.gif);
}
#menu li a:hover{
padding-top: 10px;
padding-bottom: 8px;
width: 180px;
display: block;
background: url(arow02.gif);
}
#menu li a span{
margin-left: 15px;
font-size: 12px;
font-family:  Arial, Helvetica, sans-serif;
color : #666666;
font-weight: bold;
text-decoration: none;
}
#menu li a:hover span{
color : #000000;
}
/*---rozdeleni stranky na dva sloupce pomoci tabulky---*/
#rozdeleni{
width: 952px;
}
#levy{
width: 223px;
vertical-align: top;
}
#levy ul{
margin-top: 0px;
margin-left: 0px;
}
#levy li{
margin-left: 10px;
list-style: none;
margin-bottom: 1px;
height: 24px;
}
#levy li a{
padding-top: 5px;
padding-bottom: 4px;
width: 187px;
display: block;
background: #B5C7EA;
}
#levy li a:hover{
padding-top: 5px;
padding-bottom: 4px;
width: 187px;
display: block;
background: #203764;
}
#levy li a span{
margin-left: 5px;
font-size: 12px;
font-family:  Arial, Helvetica, sans-serif;
color : #203764;
font-weight: normal;
text-decoration: none;
}
#levy li a:hover span{
color : #ffffff;
}


#pravy{
width: 729px;
vertical-align: top;
}
/*---texty---*/
#levy h4{
margin-left: 12px;
font-size: 15px;
font-family:  Arial, Helvetica, sans-serif;
color : #203764;
font-weight: bold;
padding-bottom: 14px;
}
#pravy h1{
margin-left: 12px;
margin-right: 12px;
font-size: 16px;
font-family:  Arial, Helvetica, sans-serif;
color : #203764;
font-weight: bold;
padding-bottom: 16px;
}
#pravy h2{
margin-left: 12px;
margin-right: 12px;
font-size: 15px;
font-family:  Arial, Helvetica, sans-serif;
color : #203764;
font-weight: bold;
padding-bottom: 16px;
}
 p.text{
margin-left: 12px;
margin-right: 12px;
font-size: 12px;
font-family:  Arial, Helvetica, sans-serif;
color : #333333;
font-weight: normal;
margin-bottom: 11px;
}
/*---produkty---*/
.produkt{
float: left;
margin-left: 0px;
width: 359px;
height: 206px;
background: url(produkt.gif);
}
.produkt p{
margin-left: 20px;
padding-top: 5px;
font-size: 11px;
font-family:  Arial, Helvetica, sans-serif;
color : #333333;
font-weight: bold;
margin-bottom: 0px;
margin-top: 0px;
}
.produkt p span{
font-weight: normal;
}
.produkt .foto{
margin-left: 20px;
margin-top: 5px;
width: 150px;
height: 113px;
}
.produkt .text{
margin-left: 160px;
margin-top: -118px;
}

.produkt h3{
margin-left: 20px;
font-size: 11px;
font-family:  Arial, Helvetica, sans-serif;
color : #333333;
font-weight: normal;
margin-bottom: 0px;
width: 300px;
}

/*---novinky---*/
.novinka{
margin-left: 12px;
width: 203px;
height: 150px;
background: url(novinka.gif);
}
.novinka p{
margin-left: 5px;
padding-top: 3px;
font-size: 11px;
font-family:  Arial, Helvetica, sans-serif;
color : #333333;
font-weight: bold;
margin-bottom: 0px;
margin-top: 0px;
}
.novinka p span{
font-weight: normal;
}
.novinka .foto{
margin-left: 5px;
margin-top: 2px;
width: 70px;
height: 85px;
}
.novinka .foto p{
margin-left: 0px;
}
.novinka .text{
margin-left: 79px;
margin-top: -89px;
}

.novinka h3{
margin-left: 5px;
font-size: 11px;
font-family:  Arial, Helvetica, sans-serif;
color : #333333;
font-weight: normal;
margin-bottom: 0px;
width: 190px;
}
div.galerie div.foto {
	float: left;
	padding: 5px;
	border: 1px solid black;
	margin-left: 15px;
	margin-bottom: 15px;
}
div.galerie div.foto_po {
	float: left;
	padding: 5px;
	border: 1px solid black;
	margin-left: 15px;
	margin-bottom: 15px;
	background-color: #999999;
}
li.arow{
font-size: 12px;
font-family:  Arial, Helvetica, sans-serif;
color : #000000;
font-weight: normal;
list-style-type: none;
padding-left: 20px;
background: url(arow.gif) no-repeat 0px 2px;
margin-top: 6px;
padding-bottom: 5px;
margin-bottom: 10px;
margin-left: 10px;
}