html, body {
  margin:0; /*aby nebyl zadnej odstup od kraju */
  padding:0;
  text-align:left;
  font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; /* pouzita rodina pisma */
  background-color: #D7ECF3;
  color: #000;
}

body, table {
  font-size: 100%; /* velikost pro text nastavena na 8/10 velikosti pismene M */
}

.imgover
{
	width: 100%;
	height: 100%;
	background-color: black;
	-moz-opacity: 0.8;
	opacity: 0.8;
	position: absolute;
	top: 0px;
	left: 0px;
	filter: alpha(true, finishopacity=integer, finishx=integer, finishy=integer, opacity=integer, startx=integer, starty=integer, style=integer);
	filter:progid:DXImageTransform.Microsoft.Alpha( Opacity=80,Style=0);
	cursor: pointer;
}
.imgover-hidden
{
	display: none;
}

.imgover-img
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	text-align: center;
	cursor: pointer;
}

.imgover-img img
{
	border: 5px solid #fff;
}

.imgover-img .close
{
	border: none;
	position: absolute;
	top: 0px;
}

#main2 {width: auto; background: url(../image-page/bg_left_line.jpg) repeat-y left top;height: auto;position: relative;}

#main {
  width: 100%;
  height: auto;
  position: relative;
  /* background: url(../image-page/bg_right_line.jpg) repeat-y right top; */
}

#kos_mn{
  width: 35px;
  height: 15px;
  border: 1px #000 solid;
  color: #0092CD;
}
#kos_mn_small{
  width: 25px;
  height: 15px;
  border: 1px #000 solid;
  color: #0092CD;
}

#objed-text{
  width: 80px;
  border: 1px #0092CD solid;
}
#objed-textarea{
  width: 200px;
  border: 1px #0092CD solid;
}
#objed-select{
  width: 83px;
  border: 1px #0092CD solid;
}
#preprav-select{
  width: 150px;
  border: 1px #0092CD solid;
}

#input-search{
  width: 105px;
  border: 1px #000 solid;
  color: #0092CD;
}
#input-search-submit-ordr0{
  width: 10px;
  height: 10px;
  border: 0px;
  color: #fff;
  font-size: 0px;
  background-color: #D7ECF3;
  background-image: url(../image-page/sipka_0.gif);
  background-repeat: no-repeat;
  cursor: pointer;
}
#input-search-submit-ordr1{
  width: 10px;
  height: 10px;
  border: 0px;
  color: #fff;
  font-size: 0px;
  background-color: #D7ECF3;
  background-image: url(../image-page/sipka_1.gif);
  background-repeat: no-repeat;
  cursor: pointer;
}

#find-table-row{
  background-color: #0092CD;
}

#input-reg{
  width: 150px;
  border: 1px #0092CD solid;
  color: #0092CD;
}
#input-search-reg{
  width: 100px;
  height: 20px;
  border: 1px #0092CD solid;
  color: #0092CD;
  background-color: #AAAAFF;
  font-size: 11px;
}

#menu-top {
  padding: 0 !important;
  height: 23px;
  background-color: #0092CD;
}

#menu-top-menu {
  margin: 0 0 0 15px;
  height: 23px;
}
#menu-top-menu a{
  color:#fff;
  text-decoration:none;
  font-weight: bold;
  font-size: 70%;
  display: inline;
  padding-left: 20px;
  padding-right: 10px;
}

#menu-top-menu a:hover
{
  color: #9BD4E8;
}

.menu-top-menu2 {
  color:#000;
  text-decoration:none;
  font-weight: bold;
  font-size: 70%;
  display: inline;
  padding-left: 20px;
  padding-right: 10px;
}

#menu-top b.rtop, b.rbottom{display:block;background:#83C8E5 }
#menu-top b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden;background:#0092CD}
#menu-top b.r1{margin: 0 0 0 5px}
#menu-top b.r2{margin: 0 0 0 3px}
#menu-top b.r3{margin: 0 0 0 2px}
#menu-top b.rtop b.r4, b.rbottom b.r4{margin: 0 0 0 1px;height: 2px}


#banner-bg {
  width: 100%;
  height: 85px;
  background-color: #fff ;
}

#banner-bg-left {
  width: 100%;
  height: 85px;
  background: url(../image-page/banner.jpg) no-repeat left; 
  background-color: #fff;
}
#banner-bg-right {
  width: 216px;
  height: 85px;
  background-color: #0092CD; 
  float: right;
}
#banner-bg-right b.rtop, b.rbottom{display:block;background:#9BD4E8 }
#banner-bg-right b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden;background:#0092CD}
#banner-bg-right b.r1{margin: 0 0 0 5px}
#banner-bg-right b.r2{margin: 0 0 0 3px}
#banner-bg-right b.r3{margin: 0 0 0 2px}
#banner-bg-right b.rtop b.r4, b.rbottom b.r4{margin: 0 0 0 1px;height: 2px}

.kos_pos {
	RIGHT: 50px; POSITION: absolute; TOP: 15px
}

.middle {
  color:#fff;
  text-decoration:none;
  font-size: 70%; 
}

#paging-div{
  padding-left: 5px;
  padding-bottom: 5px;
  font-weight: normal;
}
#paging-div a{
  font-weight: normal;
}
#paging-div b{
  color: #0092CD;
}

#banner-top a{
  color:#fff;
  text-decoration:none;
  font-weight: bold;
  font-size: 70%;
}

#banner-top a:hover
{
color:#DFDFDF;
}

#menu-left {
  float: left;
  position: relative;
  padding: 0px 0 10px 0;
  width: 145px;
  background-color: #0092CD;
  height: 100%;
}

#menu-left-post-head {
  padding: 0px 0px 0px 0px;
  margin: 0px 5px 0px 5px;
  font-size: 10px;
  font-weight: bold;
  background-color: #fff;
  color: #0092CD;
  text-transform: uppercase;
}
#menu-left-post {
  padding: 2px 2px 2px 2px;
  margin: 0px 5px 10px 5px;
  font-size: 11px;
  color: #000;
  border: 1px #fff solid;
  background-color: #A3CE67;
}
#menu-left-post-inner {
  padding: 0px 5px 0px 5px;
  font-size: 10px;
  font-weight: normal;
  color: #0092CD;
}
#menu-left-post li {list-style: square inside;color: #fff;}
#menu-left-post a {color: #000;font-size: 10px;text-decoration: none;}
#menu-left-post a:hover {text-decoration: underline;}

#menu-left-post-head b.rtop, b.rbottom{display:block;background: #0092CD}
#menu-left-post-head b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden;background:#fff}
#menu-left-post-head b.r1{margin: 0 5px}
#menu-left-post-head b.r2{margin: 0 3px}
#menu-left-post-head b.r3{margin: 0 2px}
#menu-left-post-head b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

#text-center {
  margin: 0 0px 0 145px;
  position: relative;
  _width: 95%;
}

#menu-level1 {
  color: #fff;
  padding: 5px 2px 5px 2px
}

#menu-level1 li {
  list-style: square inside; 
  color: #fff;
}

#tree-menu {
  font-size: 11px;
  margin: 10px 10px 10px 50px;
}
#tree-menu li {
list-style: square inside; 
color: #0092CD;
}
#tree-menu a {
  font-weight: normal;
  text-decoration: none;  
}
#tree-menu a:hover {
color: #0092CD;
}

#text-header-top {
  font-size: 11px;
  float: none;
  margin: 20px 20px 20px 20px;
  _margin: 20px 0px 20px 20px;
  border-bottom: #0092CD solid 1px
}
#text-header-top h3 {
  font-size: 13px;
}


#kosik_table{
  font-size: 11px;
  border: 1px #0092CD solid
}
#kosik_table_head {
  font-size: 12px;
  color: #fff;
  background-color: #0092CD;
}
#kosik_table_row {
  font-size: 12px;
  color: #000;
  background-color: #D8ECF3;
}
#kosik_table_foo {
  font-size: 11px;
  color: #000;
  background-color: #D8ECF3;
}
#kosik_table_foo2 {
  font-size: 11px;
  color: #000;
  border: 1px #0092CD solid
}

#kosik_table_row2 {
  font-size: 12px;
  color: #000;
  background-color: #D8ECF3;
}
#kosik_table_cell{
  background-color: #D8ECF3;
}

#text-header-kosik {
  font-size: 11px;
  float: none;
  margin: 20px 20px 20px 20px;
}
#text-header-bottom {
  font-size: 11px;
  float: none;
  margin: 20px 20px 20px 20px;
  border-top: #0092CD solid 1px
}
#text-header-bottom h3 {
  font-size: 12px;
}

#right-top10-image img{
  border: 0px #0092CD solid;
}

#table-kos{
  font-size: 12px;
  color: #fff;
}
#table-kos a{
  font-size: 12px;
  color: #fff;
}

#table-log-white{
  font-size: 10px;
  font-weight: bold;
  color: #fff;
}
#table-log-black{
  font-size: 10px;
  font-weight: bold;
  color: #000;
}

.novinky{ 
  border-bottom: 1px rgb(150,150,150) solid;
  width: 98%;
  padding: 2px 2px 2px 2px;
  margin: 0px 0px 0px 0px;
  color: #000;
  text-align: left;
}
.vyrobek{ 
  border: 0px #0092CD solid;
  padding: 2px 2px 2px 2px;
  color: #000;
}
.vyrobek img{ 
  padding: 5px 0 5px 0;
}
.vyrobek strike{ 
  text-decoration: line-through;
}

#nakupni_rad{
  width: 488px;
  height: 250px;
  border: 1px #0092CD solid;
  overflow: auto;
  padding: 0 5px 0 5px;
  font-size: 11px;
  color: #000;
}

#top{ 
  padding: 10px 2px 2px 2px;
  text-align: left;
}
#top-head {
  text-align: left;
}
#top-head a{ 
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
#top-head a:hover{ 
  color: #000;
  text-decoration: underline;
}
#top-footer{ 
  text-align: left;
  padding-top: 1px;
  font-weight: bold;
  font-size: 16px;
  color: #0092CD;
}

#top-full1 {
  width: 210px;
  margin-top: 20px;
  padding: 0 0 0 0;
  
  
}
#top-full2 {
  width: 210px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  
}

#top-produkty{
  width: 98%;
  margin-top: 10px;
  padding-top: 5px;
}
#top-tr{
  padding: 10px 10px 10px 10px;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: bold;
  color: #000;
  background-color: #82CAE6;
}

.vyrobek-head{ 
  border: 1px #0092CD solid;
  background-color: #0092CD;
  color: #fff;
}
.vyrobek-head a{ 
  color: #fff;
}
.vyrobek-head a:hover{ 
  color: #000;
}

.vyrobek-head-detail{ 
  border: 1px #0092CD solid;
  background-color: #0092CD;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}

.text {

}

.text-header {

}

.text-table {
  font-size: 11px;
}

#text-right {
  float: right;
  width: 210px;
  overflow: hidden;
  padding-bottom: 10px;
}

#right-top10-header{
  width: 203px;
  background-color: #fff;
  color: #0092CD;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
}
#right-top10-header b.rtop, b.rbottom{display:block;background:#A3CE67}
#right-top10-header b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden;background:#fff}
#right-top10-header b.r1{margin: 0 5px}
#right-top10-header b.r2{margin: 0 3px}
#right-top10-header b.r3{margin: 0 2px}
#right-top10-header b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

#right-top10-head{
  margin-top: 10px;
  width: 205px;
  background-color: #A3CE67;
  text-align: center;
}
#right-top10-head a{
  color: #fff;
  font-size: 11px;
  text-decoration: none;
}
#right-top10-head a:hover{
  text-decoration: underline;
}

#right-top10-image{
  border: 0px #A3CE67 solid;
  width: 203px;
  text-align: center;
  padding: 5px 0 5px 0;
}

#img-top10{
  border: 0px;
}

#right-top10-footer{
  width: 205px;
  background-color: #A3CE67;
  text-align: center;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
}

#registration{
  margin: 0px 0px 0px 50px;
  margin-bottom: 30px;
  border: 1px #0092CD solid;
  width: 510px;
  color: #0092CD;
  padding: 0px 5px 5px 5px;
}
#registration-err{
  margin: 0px 0px 0px 50px;
  width: 310px;
  color: #0092CD;
  padding: 0px 5px 5px 5px;
}
#informace{
  margin: 0px 0px 0px 50px;
  padding: 0px 5px 5px 5px;
}

#footer {
  margin-left: 0px;
  height: 26px;
  width: 100%;
  text-align: right;
  background-color: #0092CD;
}

#footer p {
  margin: 0;
  padding: 12px 5px 0 0;
  font-size: 11px;
}

#no-float {
  width: 0px;
  height: 0px;
  overflow: hidden;
  clear: both;
}

h2 {display: block;}
h3 {display: block;}
h4 {display: block;}

a {
  color: #000;
  font-weight: bold;
}

table {font-size: 100%;margin: 0 0 20px 5px;}
table.list {font-size: 100%; margin: 0 0 20px 5px;border-collapse:collapse;}
table.list th {padding:5px; text-align: left; background: #E6E6E6; color: #000; border-left: 1px solid #000; border-top: 1px solid #000; border-right: 1px solid #000; border-bottom: 2px solid #000; font-weight: normal;}
table.list td {border: 1px solid #000;padding:5px;}

.souvisejici_zb_tr1{
  font-size: 11px;
  font-weight: bold;
  color: #000;
}
.souvisejici_zb_tr2{
  font-size: 11px;
  font-weight: bold;
  background-color: #0092CD;
  color: #fff;
}
.souvisejici_zb_tr3{
  font-size: 11px;
}

#img_ramec {
  margin-right: 10px;
}

