/* GLOBÁLNĚJŠÍ */

html {
background: white url(../images/pozadi.gif) repeat-x ;
font-family: sans-serif;
font-size: small;
}

.page-top, .page-menu img {
border: 0px;
}

/*  TOP STRÁNKY */

.page-top {
background-color: transparent;
width:  992px;
} 

.top-flags {
text-align: right;
padding: 40px 10px 0 20px;
}

.top-flags img {
padding-left: 5px;
}

/* MENU STRÁNKY */

.page-menu {
border-collapse: collapse;
background-color: transparent;
width:  992px;
height: 32px; /* CO S TIM? */
font-weight: bold;

}

.page-menu a {
display: block;
padding: 5px 0 0 0;
margin:  0;
}

.menu-start a:visited {text-decoration: none; color: white;}
.menu-start a:link {text-decoration: none; color: white;}
.menu-start a:hover {text-decoration: none; color: orange;}

.menu-middle a:visited {text-decoration: none; color: white;}
.menu-middle a:link {text-decoration: none; color: white;}
.menu-middle a:hover {text-decoration: none; color: orange;}

.menu-end a:visited {text-decoration: none; color: white;}
.menu-end a:link {text-decoration: none; color: white;}
.menu-end a:hover {text-decoration: none; color: orange;}

.menu-start-hover a:visited {text-decoration: none; color: orange;}
.menu-start-hover a:link {text-decoration: none; color: orange;}
.menu-start-hover a:hover {text-decoration: none; color: orange;}

.menu-middle-hover a:visited {text-decoration: none; color: orange;}
.menu-middle-hover a:link {text-decoration: none; color: orange;}
.menu-middle-hover a:hover {text-decoration: none; color: orange;}

.menu-end-hover a:visited {text-decoration: none; color: orange;}
.menu-end-hover a:link {text-decoration: none; color: orange;}
.menu-end-hover a:hover {text-decoration: none; color: orange;}

.menu-start, .menu-start-hover {
padding-left: 5px;
text-align: center;
vertical-align: middle;
}
.menu-start {background: url(../images/menu-start.png) no-repeat left top;}
.menu-start-hover {background: url(../images/menu-start-hover.png) no-repeat left top;}

.menu-middle, .menu-middle-hover {
text-align: center;
vertical-align: middle;
}
.menu-middle {background: url(../images/menu-middle.png) no-repeat left top;}
.menu-middle-hover {background:  url(../images/menu-middle-hover.png) no-repeat left top;}

.menu-end, .menu-end-hover {
text-align: center;
}
.menu-end {background: url(../images/menu-end.png) no-repeat left top;}
.menu-end-hover {background: url(../images/menu-end-hover.png) no-repeat left top;}

/* OBRÁZEK STRÁNKY */

.page-image {
border-collapse: collapse;
background: url(../images/page-image.jpg) no-repeat center top;
width:  992px;
height: 200px;
}

.page-image-submenu {
position: relative;
top: 76px;
border-collapse: collapse;
margin-right: 40px;
}

.submenu-short, .submenu-short-hover {
height: 50px;
font-weight: bold;
text-align: center;
vertical-align: middle;

}

.submenu-short {
background: url(../images/sub-menu-short.png) no-repeat center bottom;
}

.submenu-short-hover {
background: url(../images/sub-menu-short-hover.png) no-repeat center bottom;
}

.page-image-submenu  a {
display: block;
padding: 0;
margin: 0;
}

.submenu-short a:visited {text-decoration: none; color: white; }
.submenu-short a:link {text-decoration: none; color: white; }
.submenu-short a:active {text-decoration: none; color: white; }

.submenu-short-hover a:visited {text-decoration: none; color: black; }
.submenu-short-hover a:link {text-decoration: none; color: black; }
.submenu-short-hover a:active {text-decoration: none; color: black; }

/* OBSAH STRÁNKY */

.page-content {
padding: 0 16px 0 16px;
width:  992px;
background: transparent url(../images/content-bg.png) repeat-y center center;
}

.content-bottom {
width:  992px; height: 18px;
background: transparent url(../images/content-bottom.png) no-repeat center top;
}


.page-content h1, h2, h3, h4, p {
padding-left: 24px; 
padding-right: 24px; 
}


.page-content h2 {
color: #f63;
font-size: 1.2em;
}

.page-content a {
font-weight: bold;
}

.page-content a:visited {text-decoration: underline; color: #f60;}
.page-content a:link {text-decoration: underline; color: #f60;}
.page-content a:hover {text-decoration: underline; color: #b30;}
.page-content a:active {text-decoration: underline; color: red;}

.img-shadow {
  float:left;
  background: url(../images/shadowAlpha2.png) no-repeat bottom right !important;
  background: url(../images/shadow2.gif) no-repeat bottom right;
  margin: 10px 10px 10px 10px !important;
  margin: 10px 10px 10px 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 2px;
  }
  
.main-content-table td {
padding: 20px 0 0 20px; 
width: 475px;
background: url(../images/content-main-table-td.png) no-repeat center center;
height: 200px;
}

.checked-list {
margin-bottom: 0;
padding-bottom: 0;
}

.checked-list li {
margin: 0 0 0 125px;
padding: 0;
list-style-image: url(../images/tick-red.png);
}

.button-more-hover, .button-more { 
float: right;
font-weight: bold;
text-align: center;
vertical-align: middle;
color: white;
border: 0;
width: 101px;
height: 24px;
padding: 6px 0 0 0;
margin: 17px 14px 0 0;
}

.button-more {
background: transparent url(../images/button.png) no-repeat center center;
}

.button-more-hover {
background: transparent url(../images/button-hover.png) no-repeat center center;
}

.button-more, .button-more-hover a {
display: block;
}

.button-more a:link {text-decoration: none; color: white;}
.button-more a:hover {text-decoration: none; color: white;}
.button-more a:visited {text-decoration: none; color: white;}
.button-more-hover a:link {text-decoration: none; color: white;}
.button-more-hover a:hover {text-decoration: none; color: white;}
.button-more-hover a:visited {text-decoration: none; color: white;}

/* Ceníky */

.prices-listing {
width: 984px;
border-collapse: collapse;
margin-bottom: 1em;
background: url(../images/table-bg.png) repeat-x bottom;
}

.table-top-left {
background: #fff url(../images/table-top-left.png) no-repeat left center;
}

.table-top-center {
background: #fff url(../images/table-top-center.png) no-repeat left center;
}

.table-top-right {
background: #fff url(../images/table-top-right.png) no-repeat left center;
}

.table-bottom {
background: #fff url(../images/table-bottom.png) no-repeat left center;
height: 31px;
border-bottom: 0;
}

.prices-listing th {
height: 46px;
text-align: left;
color: white;
padding: 0.7em 0 0.7em 3em;
}

.tdl {
text-align: left;
padding: 0.7em 0 0.3em 6em;
margin: 0;
width: 485px;
border-bottom: 1px solid #ccc;
}

.tdr {
padding: 0.7em 3em 0.3em 0;
margin: 0;
text-align: right;
width: 250px;
border-bottom: 1px solid #ccc;
}

.td2 {
background-color: #f9f9f9;
}


/* seznam produktů */
.listing  {
width: 900px;
border: 1px solid #ddd;
border-collapse: collapse;
}

.listing th {
text-align: left;
background:  url(../images/bgtable.png) repeat-x bottom left #fff;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
height: 1em;
padding: 0 0 0 0.5em;
margin: 0;
}

.listing td {
background:  url(../images/bgtable.png) repeat-x bottom left #fff;
border-bottom: 1px solid #ddd;
height: 1em;
padding: 0 1em 0 0.5em;
}

.listing h2 {
text-align: left;
padding: 0;
margin: 0.2em 0;
font-size: 1.3em;
}

.listing-img-shadow {
  float:left;
  background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/shadow.gif) no-repeat bottom right;
  margin: 20px 5px 10px 20px !important;
  margin: 20px 5px 10px 10px;
}

.listing-img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
}

/* PRODUKTY */
.product-list {
list-style-image: URL('../images/tick-red.png');
}


.pagenav {
text-align: right;
padding: 0 30px 0 0;
margin: 0;
}    



/* SPODEK STRÁNKY */

.bottom-offers {
margin: 30px 0 30px 0;
}

.page-bottom {
font-size: 0.8em;
width:  996px; height: 32px;
background: #efefef;
border-collapse: collapse;
background-color: transparent;
}

.page-bottom a {
display: block;
padding: 0;
margin: 0;
}

.page-bottom a:visited {text-decoration: none; color: white;}
.page-bottom a:link {text-decoration: none; color: white;}
.page-bottom a:hover {text-decoration: none; color: orange;}