body {
background-color: #0e90d4; 
margin: 0px 0px 0px 0px; 
text-align: center;
background-image: url('back.png');
background-repeat: repeat-y;
background-position: center center;
}

#body {
width: 989px;
background-image: url('body.png');
margin: 0px auto 0px auto;
overflow: hidden;
background-color: #aac73b;
}

#head {
width: 989px;
height: 733px;
margin-bottom: -450px;
background-image: url('head.jpg');
position: relative;
z-index: 2;
}

#head a {
display:block;
width: 100%;
height: 200px;
color: transparent
}

#head2 {
height: 250px;
width: 989px;
position: absolute;
background-color: #50aed8;
z-index: 1;
}

#foot {
width: 989px;
height: 144px;
background-image: url('foot.png');
clear: both;
position: relative;
top: -40px;
margin-bottom: -40px;
z-index: 1;
background-color: #6a4f3c;
overflow: hidden;
}

#foot p {
color: white;
font: bold 14px Arial;
text-align: right;
margin : 117px 20px 0px 0px;
}

#foot a {
color: white;
text-decoration: none;
}

#foot a:hover {
text-decoration:underline;
}

#left {
float: left;
padding: 0px 0px 0px 15px;
width: 254px;
position: relative;
z-index: 2;
}

#right {
float: right;
width: 254px;
position: relative;
z-index: 2;
}

#content {
width: 455px;
float:left;
margin: 0px 0px 0px 0px;
position: relative;
z-index: 2;
}

#page {
text-align: left;
font: 14px Arial;
line-height: 150%;
}

.clear {
widtH: 1px;
height: 1px;
overflow: hidden;
clear: both;
}

/* moduly *********************************************************************/

.module {
width: 254px;
overflow: hidden;
margin: 0px 0px 10px 0px;
background-position: left top;
}

.module ul{
margin: 15px 0px 0px 0px;
padding: 0px 0px 0px 23px;
list-style-type: none;
font: 18px Arial;
color: #831311;
}

.module ul a {
color: black;
text-decoration: none;
display: block;
width: 100%;
line-height: 20px;
}

.module ul a:hover span{
border-bottom: 1px dotted #831311;
}

.module ul ul{
margin: 0px 30px 0px 0px;
padding: 0px 0px 0px 15px;
font: 15px Arial;
font-weight: bold;
}

.module ul ul li {
padding: 0px 0px 0px 0px;
}

#menu ul ul li, #zbozi ul ul li {
behavior: url('img/hover.htc');
}

.module ul ul li:hover{
list-style-type: disc;
}

/* Kontakt **/

#kontakt {
height: 271px;
background-image: url('panels/kontakt.png');
}

#kontakt ul{
padding: 0px 0px 0px 15px;

}

#kontakt ul ul{
margin: 0px 10px 0px 0px;
padding: 0px 0px 0px 12px;
font: normal 15px Arial;
color: white;
}

#kontakt ul ul li{
margin: 0px 0px 0px 0px;
line-height: 120%;
}

#kontakt ul ul li:hover{
list-style-type: none;
}

#kontakt a {
color:white;
}

#kontakt a:hover {
text-decoration: underline;
}
/* Menu */


#menu {
height: 268px;
background-image: url('panels/menu.png');
}

/* novinky */

#novinky {
height: 271px;
background-image: url('panels/novinky.png');
}

#novinky ul{
padding: 0px 0px 0px 15px;

}
#novinky ul ul{
margin: 0px 35px 0px 0px;
padding: 0px 0px 0px 0px;
font: normal 14px Arial;
color: black;
}

#novinky ul ul li{
margin: 0px 0px 10px 0px;
}

#novinky ul ul li:hover{
list-style-type: none;
}

#novinky .nadpis {
display: block;
font-weight: bold;
}
/* zirafa */

#zirafa {
height: 285px;
background-image: url('panels/zirafa.png');
}

#zirafa p {
font-weight: bold;
text-align: center;
margin: 25px 0px 0px;
}

#zbozi {
height: 267px;
background-image: url('panels/zbozi.png');
}

/* obsah *********************************************************************/

#content .shoe {
width: 100%;
border-top: 1px solid #607119;
clear:both;
margin: 6px 0px 0px 0px;
padding: 6px 0px 0px 0px;
_padding: 5px 0px 0px 0px;
}

#content a {
color: #314300;
text-decoration: none;
}

#content a:hover {
text-decoration: underline;
}

#content h1 {
font: 18px Arial;
color: #831311;
margin: 15px 0px 0px 0px; 
}

#content .shoe h2,#content .shoe h2 a {
font: bold 14px Arial;
color: #831311;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
}

#content .shoe p {
font: 12px Arial;
color: black;
margin: 0px 0px 0px 0px; 
line-height: 150%;
}

#content .shoe .stats {
text-align: right;
margin: 0px 0px 0px 0px; 
clear: both;
margin: 0px 106px 0px 0px;
_margin: -0px 106px 0px 0px;
color: #607119;
}

#content .shoe .hl {
color: #831311;
}

#content .shoe .sep {
color: black;
}

#content .shoe .img {
border: 1px solid #607119;
width: 100px;
height: 85px;
_width: 102px;
_height: 87px;
background-position: center center;
float: right;
margin: 0px 0px -18px 6px; 
}

#content .shoe .img a {
display: block;
width: 100%;
height: 100%;
color: transparent;
}

#content .shoe img {
position: absolute;
left: 420px;
margin-top: 50px;
}

#content .last {
border: 0px solid black;
}

#content .page p {
margin: 0px 0px 6px 0px;
text-indent: 10px;
}

/* Page */
#content .page h1, #content .page h2, #content .page h3, #content .page h4, #content .page h5 {
font: bold 16px Arial;
color: #7f0909;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
}

#content .page h2 {font: bold 15px Arial;}
#content .page h3 {font: bold 14px Arial;}
#content .page h4 {font: bold 14px Arial; color: black}
#content .page h5 {font: 14px Arial; color: black}

#content .page ul {
margin: 0px 0px 0px 0px;
padding-left: 20px; 
}

/* detail produktu */
#content .productinfo {
margin: 0px 0px 25px 0px;
width: 200px;
}

#content .productinfo td{
font: 14px Arial;
color: #831311;
}

#content .productinfo td a {
color: #831311;
}

#content .productinfo .left {
color: #607119;
}

#content .productimage{
border: 1px solid #607119;
width: 100px;
height: 85px;
_width: 102px;
_height: 87px;
background-position: center center;
float: left;
margin: 0px 5px -18px 6px; 
}

#content hr {
background-color: #607119;
border: 0px solid #607119;
_border: 1px solid #607119;
height: 1px;
clear: both;
}

#content .small {
font: 10px Arial;
color: #607119;
}

#content .show {
margin-left: 6px;
}

#content .bold {
font-weight: bold;
}

#content .u {
text-decoration: underline;
}

#content .x {
text-decoration: line-through;
}