/* CSS Document */


html, body {
  font-size: 11px;
	font-family: arial, verdana, helvetica, sans-serif;
	color: #000;
	background: #fff url('../images/bg.png') repeat-x ;
  height: 100%;
  margin: 0;
  padding: 0;
}

img { border: none;}

a { text-decoration: none;}
a:hover { text-decoration: underline;}

.bgblack { background-color: black; }
.bgwhite { background-color: white; }
.black { color: black; }
.red { color: red; }
.right { text-align: right; }
.left { text-align: left;  }
.clr { clear: both;}
.noborder { border: none;}
.nobg { background: none;}

#page, #hppage {
    height: auto !important;
    margin: 0 auto;
    min-height: 100%;
    position: relative;
    width: 965px; 
    background: #fff url('../images/bg_page.jpg') repeat-y top left ;
}

#hppage { background: none;}
#top_top {width: 100%; height: 20px; vertical-align: middle; text-align: right; background: #000; color: #aaa; font-weight: bold;}
#top_top ul, #top_top li {  list-style: none;} 
#top {width: 100%; padding-bottom: 15px;  vertical-align: middle; background: black;}
#top #logo { float: right; margin-left: 160px;}
#top #logo { float: right; margin-left: 10px;}
#top #head { width: 390px; float: right; padding-top: 30px;  text-align: right;  }
#top #head h1 { font-size: 13px; color: #ccc; font-weight: bold; margin-bottom: 20px;}

#topmenu a {
  font-size: 12px; color: #aaa; font-weight: bold;
}

#topmenu { width: 100%; vertical-align: right; }
#topmenu ul, #topmenu li { float: left;  margin-left: 15px;} 
#topmenu ul {float: right;  padding-top: 60px;}
 
#prolinacka, #prolinacka2 {
  float: left;
  width: 965px;
  height: 360px;
  background-color: #000;
}

#prolinacka2 {
  height: 180px;
  
}

#menuhp {
  background-color: #000;
  float: left;
  width: 965px;
  height: auto;
}

#menuhp a { color: #fff; text-decoration: none; }
#menuhp a:hover { color: #000; text-decoration: none; }

#menuhp h2 {
  font-size: 14px;
  font-weight: bold;
  margin: 40px 0 0 40px;
  padding: 0px;
  padding-bottom: 10px;
}

#menuhp h2 a:hover { color: #fff;}

#menuhp ul, #menuhp li {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#menuhp li { margin-bottom: 10px;  width: 130px; font-size: 13px; font-weight: bold;}

.nabidka, .nabidka_over {
  float: left;
  width: 309px;
  height: 100px;
  background-color: #000;
  margin-right: 2px;   
  margin-top: 2px;
  padding: 5px;
  color: white;
}

.nabidka_over {
  background-color: #222;
}

.no_right_margin {
  margin-right: 0px;
}

.submenu {
  
  position: absolute;
  width: 130px;
  height: 206px;
  background: url('../images/bg_left.png') no-repeat;
  margin: 0px;
  margin-right: 10px; 
  padding: 15px;
}

#leftmenu { 
  float: left;
  width: 185px;
  padding: 15px;
  padding-left: 0px;
}

#leftmenu h2 {
  color: #fff;
  margin:0px;
  padding: 0px;
  margin-left: 15px;
  margin-bottom: 15px;
  font-weight: bold;
  font-size: 13px;
}

#leftmenu ul, #leftmenu li, #add_eshop ul, #add_eshop li {
  margin: 0px;
  padding: 0px; 
  list-style: none;
  color: #000;
}

#add_eshop ul { margin-left: 15px; margin-top: 15px;}


#leftmenu li.first_level, #add_eshop li { 
  border-bottom: 1px solid #fff;
  height: auto;
  padding-bottom: 5px;
  margin-top: 7px;
}

#leftmenu li.second_level { 
  background: url('../images/bg_li.jpg') no-repeat left bottom;
  height: auto;
  padding-bottom: 3px;
  margin-top: 7px;
}

#leftmenu li.third_level { 
  
  height: auto;
  padding-bottom: 3px;
  margin-top: 7px;
}

#leftmenu ul.first { margin-left: 15px;}

#leftmenu a {
  color: #000;
  text-decoration: none;
  font-weight: bold;
}



#leftmenu a:hover {
  color: red;
  text-decoration: none;
  font-weight: bold;
}
#leftmenu input.hledat { margin-left: 10px; margin-right: 5px; width: 125px; border: 0px; height: 25px;}
#leftmenu input.button { margin: 0px; padding:0px; width: 45px; background: #777; color: #fff; border: none; height: 27px;}
#leftmenu table { border-spacing: 0px; margin-bottom: 20px;}
#middle {
  float: left;
  width: 765px;
  background: #fff;
  margin: 0px;
  padding: 0px;
  padding-bottom: 50px;
} 

#article {
  width: 735px;
  margin: 15px;
  min-height: 450px;
  
}

#article a {
  color: #000;
}

#article a.kosik { text-decoration: underline; }

#article h2 {
  
  font-size: 14px;
  font-weight: bold;
  height: 30px;
  background: url('../images/podtrzeni.jpg') left bottom no-repeat;
}

#article input.button { margin: 0px; padding:0px 25px 5px 25px; height: 30px; background: #777; color: #fff; border: none;}

#article table.prehled {
	width: 170px;
	height: 70px;
	background: #ccc;
	font-size: 13px;
	font-weight: bold;
	margin: 0px;
  margin-bottom: 20px;
	 
}

#article table.aktivni { 
  background: red url('../images/krok_bg.png') left bottom no-repeat; 
  padding-bottom: 20px;
  margin: 0px;
  height: 90px;
  color: #fff;
}

/*#article th { background: #ccc;}*/ 



#article .dark {
  background: #eee;
}

#bottom {
  position:absolute;
  bottom:20;
  width: 965px;
  float: left;
  background: #e6e6e6;
  margin: 0px;
  padding: 0px;
  height: 150px;

}

#copy {
  width: 965px;
  float: left;
  background: #fff;
  height: 25px;
  padding-top: 10px;
    border-top: 1px solid #cdcccc;
 }

#bottom table { border-spacing: 0;}

#item {
	float: left;
	width: 170px;
	height: 230px;
	margin-right: 2px;
	margin-bottom: 5px;
	padding: 5px;
}

#item img.prev {
  border: 1px solid #ccc;
  width: 165px;
  height: 150px;
}

#item h3, #item h4 {
  padding: 0px;
  margin: 0px;
}
#item h3 { margin-bottom: 5px; font-size: 14px; }
#item h4 { 
  margin-top: 5px;
  height: 20px;
  font-size: 12px;
}
#texty { float: left; margin-left: 15px; width: 330px;}

#texty td, #texty th { padding-left: 5px; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #ccc;}
#texty h2.cena { 
  color: red;
  border-bottom: 5px solid red; 
  background: none;
  width: auto;
  height: 30px;
  font-size: 25px;
  font-weight: bold;
  
}
#texty h2.no_underline {
  background: none; padding: 0px; margin: 0px;
}
#texty h3 { padding: 0px; margin: 0px; font-size: 12px;} 
#detail_left { float: left;}
#texty #tab_velikosti td, #texty #tab_velikosti th { border: none; }
 #tab_velikosti form { margin: 0px;}
.vlozeno { position: absolute; width: 180px; height: 58px; background: url('../images/vlozenobg.png') left bottom no-repeat; margin-left: -70px; margin-top: -60px; display: block;}
.vlozeno h4 { font-size: 12px; color: green; margin-top: 17spx; }

#tabulka_velikosti { 
  position: absolute;
  margin-top: -220px;
  margin-left: 22px;
  padding-bottom: 18px;
  width: auto;
  height: auto;
  background: url('../images/velikosti_bg.png') left bottom no-repeat;
  display: none;
  color: white;
  font-weight: bold;
}

#tabulka_velikosti table {
  background: red;
}
#tabulka_velikosti td, #tabulka_velikosti td { border: none;} 
#add_eshop a { color: #fff;}