body {	
  margin : 0;
  background-color : #B2B2B2;
  font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
  font-size: 11px; 
  color: #000000;
}

html, body, h1, h2, h3, h4, h5, h6, form, input, select, textarea, ul, li, address, hr, td {
  margin-bottom: 0px;
  margin-top: 0px;	
  font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
  color: #666666;
  font-size: 11px;
}


a { 
 color: #5087C7;
 text-decoration: underline; 
}

a:hover {
 color: #000000; 
 text-decoration: underline;
}


p, form, input, select, textarea, ul, li, div {
  font-size: 11px;
}

p {
  margin-top: 0px;
  margin-bottom: 0px;
}


h1 {
  color: #5D72B7; 
  font-size: 11px;  
}

h1 a {
  text-decoration: none;
}

h2 {
  color: #000000; 
  text-decoration: bold;
}

h2 a {
  text-decoration: none;
}


ul { 
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;	
}  

ul li { 
	margin: 7px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 110%;	
	list-style: url(images/odrazka.gif); 
}

ul.orange { 
	margin: 0px 0px 0px 18px;
	padding: 0px 0px 0px 0px;	
}  

ul.light li { 
	margin: 7px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 110%;	
	list-style: url(images/odrazka-light.gif); 
}

#main {
  width: 760px;
  margin-top: 0px;
  margin-bottom: 15px;
  text-align: center;
}

#menu {
  width: 760px;
}


.topmenu-text {
  font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif; 
  color: #484848;
  font-size: 11px;
  font-weight: bold;
  padding-top: 10px;
  padding-left: 1px;
}

.topmenu-text-produkty {
  text-align: left;
  font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif; 
  color: #484848;
  font-size: 11px;
  font-weight: bold;
  padding-top: 10px;
  padding-left: 8px;
}

.topmenu-text-nakoupit {
  text-align: left;
  font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif; 
  color: #484848;
  font-size: 11px;
  font-weight: bold;
  padding-top: 10px;
  padding-left: 12px;
}

.topmenu-text a {
  color: #484848;
  text-decoration: none;
}

.topmenu-text a:hover  {
  color: #1955A6;
  text-decoration: none;
}

.topmenu-uvod {
  float: left;
  margin: 0px;
  padding: 0px;
  background: url(images/menu/uvod.jpg);
  width: 104px;
  height: 35px;
}

.topmenu-katalog {
  float: left;
  margin: 0px;
  padding: 0px;
  background: url(images/menu/katalog.jpg);
  width: 107px;
  height: 35px;
}

.topmenu-aktuality {
  float: left;
  margin: 0px;
  padding: 0px;
  background: url(images/menu/aktuality.jpg);
  width: 98px;
  height: 35px;
}

.topmenu-produkty {
  float: left;
  margin: 0px;
  padding: 0px;
  background: url(images/menu/produkty.jpg);
  width: 65px;
  height: 35px;
  text-align: left;
}

.topmenu-nakoupit {
  float: left;
  margin: 0px;
  padding: 0px;
  background: url(images/menu/nakoupit.jpg);
  width: 93px;
  height: 35px;
}

.topmenu-kontakt {
  float: left;
  margin: 0px;
  padding: 0px;
  background: url(images/menu/nakoupit.jpg);
  width: 60px;
  height: 35px;
}

.topmenu-right {
  float: left;
  margin: 0px;
  padding: 0px;
  background: url(images/menu/menu-right.jpg);
  width: 233px;
  height: 35px;
}




.cleaner {
  clear: both;
}



#logo {
  clear: both;
  height: 98px;  
  background: url(images/bg-logo.gif);
}

#logo-left {
  float: left;
  width: 240px; 
  height: 98px;
  background: url(images/logo.jpg);
  background-repeat: no-repeat;
 
}
#logo-left div {
 padding-top: 20px;
 padding-left: 6px;
}

#logo-right {
  float: left;
  width: 520px;
  height: 98px;
  background: transparent;  
}


#bottom {
  height: 50px;
  width: 760px;
  border-top: #CCCCCC;
  background-color: #555555;
  color: #CCCCCC; 
}

#bottom a {
  color: #CCCCCC;
  text-decoration: none;
}

#bottom a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

#bottom-left {
  margin-top: 19px;
  padding-left: 15px;
  float: left;
  text-align: left;
}

#bottom-right {
   margin-top: 19px;
   float: right; 
   text-align: right;
   margin-right: 6px;
}

#home-text {
  background-color: #C4C4C4;
  text-align: justify;
  height: 150px;
}

#home-text-left {
  float: left;  
  margin: 10px;
  width: 480px;
  background: transparent;
}

#home-text-img {
  float: left;
  margin-left: 10px;
  margin-top: 10px;
  width: 240px;  
  background: transparent;
}

#home-text-img img { 
  border: 1px solid #969696;
}

#home-news-text {
 background: url(images/bg-news-text.jpg);
 width: 760px;
 text-align: left;
 display: table-cell;
}

.home-news-text-content {
 float: left;
 width: 253px;
}

.home-news-text-content .nadpis {
  font-weight: bold;  
  color: #000000;
  background: transparent;
  padding: 8px 8px 4px 8px;  
}

.home-news-text-content .obsah {
  color: #FFFFFF;
  background: transparent;
  text-align: justify;
  padding: 0px 8px 8px 8px;  
}

.home-news-text-content .odkaz {
  color: #FFFFFF;
  background: transparent;
  text-align: right;
  padding-bottom: 13px;
  padding-left: 13px;
  padding-right: 13px;  
}

.home-news-text-content .odkaz a {
  color: #FFFFFF;
}

.home-news-text-content .odkaz a:hover {
  color: #000000;
}

.home-news-obrazek {
  margin-left: 8px;
  margin-right: 8px;
  border: 1px solid #555555;
}

#home-news-img {
 background: url(images/bg-news-img.gif);
 width: 760px;
 text-align: left;
 display: table-cell;
}

.home-news-img-content {
 float: left;
 width: 253px;
}

#content-bar {
  background: url(images/bar-content.jpg) no-repeat;
  width: 760px;
  height: 25px;
  border-top: #CCCCCC 1px solid;
  border-bottom: #E9E9E9 1px solid;
  text-align: left;
}


#content-bar-left {
  width: 185px;
  float: left;
  text-align: left;  
  color: #FFFFFF;
}
#content-bar-left div {
  color: #FFFFFF;
  font-weight: bold;
  margin-left: 12px;
  line-height: 24px;
  background: transparent;
}

#content-bar-right {
  float: left;
  color: #FFFFFF;
  text-align: left;
  padding-left: 15px;
  line-height: 24px;
}

#content-bar-right a {
  color: #FFFFFF;
  text-decoration: none;
}

#content-bar-right a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

#content {
  background: url(images/bg-content.gif);
  background-repeat: repeat-y;
  width: 760px;
  height: auto;
  display: table-cell;
}

#content-left {
  float: left; 
  width: 186px;
  text-align: left;
  height: 432px;
}

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

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

.content-left-menu {
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  color: #555555;
  background: transparent;
}


/*	
.content-left-menu a {
  margin-top: 10px;
  margin-bottom: 5px;
  padding-left: 12px;
  display: block;
}

.content-left-menu a:hover {
  margin-top: 10px;
  margin-bottom: 5px;
  padding-left: 12px;
  background: url(images/odrazka-left.gif); 
  background-repeat: no-repeat;
  display: block;
}
*/

a.left-menu {
  margin-top: 8px;
  margin-bottom: 5px;
  padding-left: 12px;
  display: block;
}

a.left-menu:hover {
  margin-top: 8px;
  margin-bottom: 5px;
  padding-left: 12px;
  background: url(images/odrazka-left.gif); 
  background-repeat: no-repeat;
  display: block;
}

.left-menu2 {
  margin-top: 6px;
  margin-bottom: 5px;
  margin-left: 12px;
  padding-left: 8px;
  background: url(images/odrazka-subleft.gif); 
  background-repeat: no-repeat;
  display: block;
}

.left-menu3 {
  margin-top: 4px;
  margin-bottom: 0px;
  margin-left: 20px;
  padding-left: 8px;
  display: block;
}


#content-right {
  width: 574px;
  float: left;  
  text-align: left;
}

#content-right-text {
  padding-left: 12px;
  padding-top: 7px;
  padding-right: 7px;
  padding-bottom: 5px;
}


.box-blue {
  padding-left: 9px;
  padding-right: 9px;
  padding-top: 8px; 
  padding-bottom: 12px;
  border-bottom: 1px solid #CCCCCC; 
  text-align: left; 
  background-color: #ECEEF8;
  color: #5087C7;
}

.box-white {
  padding-left: 9px;
  padding-right: 9px;
  padding-top: 8px; 
  padding-bottom: 12px;
  border-bottom: 1px solid #CCCCCC; 
  text-align: left; 
  background-color: #FFFFFF;
}


.kl-left {
  width: 315px; 
  float: left;
}

.kl-right {
  width: 240px; 
  float: left;
}

.blue {
  color: #5087C7;
}

.blue-light {
 color: #6C99D0;
}

.cena {
 font-weight: bold;
 font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
 color: #000000;
 font-size: 11px;
 
}

.black {
 color: #000000;
}

a.black {
 color: #000000;
 text-decoration: none;
} 

a.black:hover {
 color: #FF6000;
 text-decoration: underline;
} 

.grey-line {
  height: 1px;
  background-color: #CCCCCC;
  margin-top: 10px;
  margin-bottom: 10px;
}


.warning {
  color: #FF0404;
}

.fck-blue {
 color: #6C99D0;
}

.fck-orange-bold {
 color: #6C99D0;
 font-weight: bold;
}

.fck-black {
 color: #000000;
}

.fck-black-bold {
 color: #00000;
 font-weight: bold;
}

#filtr {
 background: #D4DAEF; 
 border-left: 1px solid #FFFFFF;
 border-bottom: 1px solid #A6A6A6;
 padding-left: 8px; 
 height: 30px;
}

#filtr select  { 
 color: #000000;
 background-color: #F2F2F2;
 margin-top: 6px;
}

#filtr input  {  
  background-color: #F2F2F2; 
  border: #7C7C70 1px solid;
  color: #000000;
  margin-top: 6px;
}

#filtr p {
 margin-left: 2px;
 color: #000000; 
}


.strankovani {
  margin-bottom: 5px;
  margin-left: 8px;
}

.strankovani a {
 text-decoration: none;
}

.strankovani a:hover {
 text-decoration: underline;
}

.strankovani-cara {
  height: 1px;
  background-color: #CCCCCC;
  margin-left: 6px;
  margin-right: 8px;
  margin-top: 6px;
  margin-bottom: 6px;
}


#content-left ul { 
  margin-bottom: 0px; 
  margin-left: 0px; 
  margin-top: 4px; 
  padding-left: 20px; 
  list-style-image: url(images/sipka-left-blank.gif); 
}

#content-left li { 
  margin-top: 8px; 
  margin-bottom: 8px; 
  padding-left: 8px;
  padding-right: 12px;
}



.orange {
 color: #FF6000;
}


a.orange-light {
 color: #FF9933;
 text-decoration: none;
}

a.orange-light:hover {
 color: #FF6000;
 text-decoration: underline;
}




.novinka-seznam {
  margin-bottom: 12px;
}


.seznam-obrazku {
 float: left; 
 width: 158px; 
 height: 165px; 
 border: 1px #E2E3D6 solid;
 margin-left: 10px; 
 margin-top: 10px;
 padding: 5px;
 text-align: center;
}

.left-link {
  padding-left: 10px; 
  padding-right: 8px;
}


table.tab {
 /*  border-left: #9CA6AD 1px solid; */
 border-top: #333333 1px solid; 
 border-right: #333333 1px solid; 
}

table.tab td {
 border-bottom: #333333 1px solid; 
 border-left: #333333 1px solid; 
}

table.tab thead {
 background-color: #84A7C3;
}

table.tab thead td {
  color: #FFFFFF;
  background-color: #84A7C3;
  font-weight: bold;
}

tr.first-row {
  background-color: #F7F7F7;
}

tr.second-row {
  background-color: #EAEAEA;
}

#advert {
  background: white;  
}