body {
	background: #e9e9e9 url('../images/bg_body.gif');
	text-align: center;
	padding: 0px; margin: 0;
}
body, input {font-family: tahoma, sans-serif; font-size: 11px; color: #5C5C5C; }
img {border: 0;}
a {color: #E65C09; text-decoration: underline;}
a:hover {text-decoration: none;}

#all {
	background: #FFFFFF;
	margin: auto;
	width: 958px;
	text-align: left;
	border-left: #c9c9c9 1px solid;
	border-right: #c9c9c9 1px solid;
	background: url('../images/bg_all.gif');
}

#left {
	float: left;
	width: 216px;
	border-right: #e9e9e9 1px solid;
	text-align: left;
	margin: 0; padding: 0;
}
#logo { height: 93px; margin: 0 -1px 0 0; padding: 0; }
#logo img { width: 217px; } 
#date { height: 22px; background: url('../images/bg_date.gif') no-repeat; margin: 0; padding: 9px 10px 0 0; color: #fff; text-align: right;}
#green { height: 27px; background: url('../images/left-lista.png') no-repeat; margin: 0 -1px 0 0; padding: 0; }

#navi { background: #fff url('../images/bg_navipart.gif') no-repeat; margin: 0; padding: 0; }
#navi ul { padding: 1px 0 20px 0; margin: 0px; }
#navi ul li { list-style-type: none;	padding: 7px 0 7px 20px; margin: 0;	border-top: #EBEBEB 1px solid; background: url('../images/navi-sipka.gif') no-repeat 190px 10px; font-weight:bold;}
#navi ul ul { padding: 5px 0 2px 0; margin: 0px; }
#navi ul ul li { list-style-type: none;	padding: 4px 0 4px 12px; margin: 0;	border-top: none; background: url('../images/navi-sipka2.gif') no-repeat 2px 10px; font-weight:normal; }
#navi a { color: #333C4B; text-decoration: none;}
#navi a:hover, #navi a.active { color: #E65C09; text-decoration: none; }

#submenu { margin: 0; padding: 0; }
#submenu ul { padding: 0 0 20px 0; margin: 0px; }
#submenu ul li { list-style-type: none;	padding: 3px 0 2px 17px; margin: 0;	background: url('../images/navi-sipka.gif') no-repeat 0px 8px; font-weight:bold;}
#submenu a { color: #E65C09; text-decoration: underline;}
#submenu a:hover, #submenu a.active { color: #000; text-decoration: none; }


.search, .reklama {  height: 22px; background: url('../images/bg_search.gif') no-repeat; margin: 0; padding: 14px 0 0 30px; color: #fff; font-weight: bold;}
.under-search, .under-reklama { font-size: 10px; margin: 0; padding: 10px 10px 20px 10px; }
.under-reklama { text-align: center; }
.under-reklama img { padding-bottom: 20px; }



#shop-basket-info { padding: 5px 5px 0 15px; color: #fff; }


#co-dokazeme { height: 133px; margin: 50px 0 0 0; padding: 0px; }



#right {
	float: right;
	width: 739px;
	text-align: left;
	margin: 0; padding: 0;
}
#top { height: 93px; position: relative; background: url('../images/bg_top.gif') repeat-x; }
#top-banner{
	position: absolute;
	top: 20px;
	left: 0;
}
#top-menu{
 float: right;
 margin: 10px 20px 0 0;	
 color: #191919;
}
#top-menu a{
	color: #191919;
	text-decoration: none;
}
#top-menu a:hover{
	text-decoration: underline;
}
#top-google{
	position: absolute;
	right: 17px;
	top: 40px;
}
#top-google input{
	border: 1px solid #adadad !important;
	padding: 3px 4px 4px 4px !important;
	width: 150px;
	vertical-align: middle;
}
#top-google input.button{
	border: 0 !important;
	padding: 0 !important;
	width: 75px;
	height: 23px;
	font-weight: bold;
	color: #000;
	background: url(../images/top-google-button.png) no-repeat;
}
#right-lista{
	height: 21px;
	padding: 6px 20px 0 10px;
	background: url(../images/right-lista.png) repeat-x;
}
#right-lista p{
	margin: 0;
	padding: 0;
	text-align: right;
	color: #fff;
}

#content-bg {
	padding-top: 15px; 
	background: url('../images/bg_content.png') repeat-x; 
}

#quick-navi { float: left; margin-left: 2px; padding: 0px 0 0 6px; color: #000; }
#quick-navi a { color: #fff; }

#nadpis {	padding: 0px 0 0px 0;	margin: 0 0 0 20px;	border-bottom: solid 2px #E7E7E7; }
#nadpis h1 { color: #000; margin: 0 0 10px 0; padding: 0px; font-size: 14px; }
#nadpis-detail h2 { color: #000; margin: 0px 0 20px 0; padding: 0px; font-size: 16px; }

#content { 
	clear: both;
	padding: 10px 20px 30px 20px; margin: 0px;
	line-height: 14px;
	font-size: 12px;
}

#footer {
  	clear: both;
	background: #fff url('../images/bg_footer.gif') no-repeat; 
  	height: 46px;
  	padding: 23px 20px 0px 20px; 
  	line-height: 16px;
 	text-align: center;
   color: #fff;  
}
#footer a { color: #fff; }
#footer-navi {
  	float: right;
  	width: 661px;
	text-align: center; 
}
#footer-navi a { color: #EAEAEA; text-decoration: none; font-size: 10px; }
#footer-navi a:hover, #footer-navi a.active { color: #EAEAEA; text-decoration: underline; }
#footer-navi img { padding: 0px 7px 1px 7px; }



h1 { font-size: 14px; margin-top: 0px; color: #fff; }
h2 { font-size: 13px; }
h3 { font-size: 11px; }
h4 { font-size: 10px; }
h5 { font-size: 9px; }
h6 { font-size: 8px; }

.hotline input { width: 150px; height: 18px; }
.hotline input.radio { width: 18px; }
.hotline textarea { height: 100px; width: 350px; }


/* detail zbozi */
#prod-det { }
#prod-det-image { float: left; width: 250px; padding-top: 10px; }
#prod-det-text { float: left; width: 400px; padding-left: 40px; font-size: 12px; text-align: justify; }
input, select, textarea { border: #999 1px solid; }


#tabulka-cena { margin-top:30px; width: 690px; font-size: 11px; }
#tabulka-cena th { color:#333; background-color:#DDDCDC; padding: 5px 10px 5px 5px; width: 150px; }
#tabulka-cena td { background-color:#EDECEC; padding: 5px 5px 5px 6px; }
#tabulka-cena td.spodni-radek { padding: 10px 5px 5px 5px; text-align: right; }
.ks{width:30px;height:13px;margin:0 5px 0 5px;vertical-align:middle;}
.do_kosiku { background: #FF8100; color: #fff; width: ; height: 22px; font-weight: bold; border: #666 1px solid ; }

.zalozka-fotky{display:block;float:left;font-weight:bold;margin-right:2px;background-color:#FF8100; color:#fff;padding:3px 10px;}
div.fotky{clear:both;border:solid 1px #CFCFCF; border-top:solid 2px #FF8100; padding: 10px 0 10px 0; }
div.fotky img { border: #999 1px solid; margin: 5px;}

/* HOME */

#uvod { float: left; width: 400px; }
#odborne-clanky { float: left; width: 420px; border-top: #e9e9e9 1px solid; }
#odborne-clanky2 { float: left; width: 400px; padding-top: 15px; }
#odborne-clanky h2, #odborne-clanky2 h2 { font-size: 15px; margin: 0; padding: 15px 0 5px 0; }
#odborne-clanky img, #odborne-clanky2 img { float: left; margin: 2px 5px 5px 0; padding: 1px; border: #c9c9c9 1px solid; }
#odborne-clanky img.noborder, #odborne-clanky2 img.noborder { border: none; margin: 0 5px 0 0; padding: 0px;}


#partneri { float: right; width: 260px; }
#partneri table { border-collapse: collapse; border-spacing: 0px; }

#partneri #partner-1 { background: #ffcc99; text-align: center;}
#partneri #partner-1 p{ margin: 0;}
#partneri #partner-1 th { color: #fff; background-color: #ff6600; font-weight: bold; padding: 5px; }
#partneri #partner-1 td { padding: 5px; font-size: 11px; width: 250px; }
#partneri #partner-1 img { padding-bottom: 5px;  }
#partneri #kratke-zpravy { background: #ffffcc; border: 1px solid #c9c9c9; border-top: none; margin-top: 10px; padding-bottom: 15px;}
#partneri #kratke-zpravy th { color: #fff; background: #ff6600 url(../images/box-th.png) repeat-x; font-weight: bold; padding: 6px; font-size: 11px;}
#partneri #kratke-zpravy td { padding: 7px 5px 0px 5px; font-size: 11px;  }
#partneri #kratke-zpravy p { padding: 0px; margin: 0px; }

#partneri #vyhledavani th { color: #fff; background-color: #ff6600; font-weight: bold; padding: 5px; }
#partneri #vyhledavani td { padding: 3px 5px 0px 5px; font-size: 11px;  }


#doporucujeme { width: 700px; margin-top: 20px; background-color: #ffffcc; }
#doporucujeme table { border-collapse: collapse; border-spacing: 0px; }
#doporucujeme th { color: #333; background-color: #ffcc99; font-weight: bold; padding: 5px; }
#doporucujeme td { width: 230px; padding: 5px; }

div.aktualita { padding: 10px 0 8px 0 }
.post {padding: 0 0 20px 0; margin: 0;}
.postheader, .postcontent, .postdetails {  margin: 0px; padding: 0px;  }
div.postdetails { clear: both; padding-top: 1px; margin: 0; color: #888; font-size: 11px; }
img.sipka { padding-right: 5px; }
a.aktualita { font-size: 16px; color: ; line-height: 19px; font-weight: bold; }
div.text-aktuality { padding: 5px 0 3px 0; margin: 0px; }

#vyhledat {  }
#vyhledat input { padding-left: 3px; ;width: 130px; }
.searchsubmit {	color: white; background-color: #555; color: #fff; width: 60px !important;  }

/*
	vyhledavani
*/
#tabulka-vyhledavani { margin-top:10px; margin-bottom: 20px; width: 690px; font-size: 11px; }
#tabulka-vyhledavani th { color:#333; background-color:#EDECEC; padding: 5px 10px 5px 5px; width: 350px; }
#tabulka-vyhledavani td { background-color:#EDECEC; padding: 5px 5px 5px 6px; }
#tabulka-vyhledavani td.prvni-radek { font-weight: bold; color:#333; background-color:#DDDCDC; padding: 5px 10px 5px 5px; }
#tabulka-vyhledavani td.spodni-radek { padding: 10px 5px 5px 5px; text-align: right; }


/*
	zalozky v clanku pro shop
*/
.tab-select {float: left;}
.tab {float: left; font-family: tahoma, verdana, sans-serif; font-weight: bold; height: 17px; line-height: 17px; margin: 0 3px 2px 0;}
.tab span  {cursor: pointer !important;}
.tab h3 {font-size: 11px; float: left; margin:0; background: none; padding: 0;}
.tab a {display: block; text-decoration: none; color: #000; background: url('/images/bg_tabs_off.gif') repeat-x; height: 17px; line-height: 17px; float: left; margin: 0 3px 0 0;}

.tab a span.tab-text {float: left; display: block; padding: 0 3px 0 3px;}
.tab a span.tab-left, .tab span.tab-right {display: block; float: left; width: 3px; height: 17px;}
.tab a span.tab-left {background: url('/images/bg_tabs_left_off.gif') no-repeat;}
.tab a span.tab-right {background: url('/images/bg_tabs_right_off.gif') no-repeat;}

.tab a:hover, .tab a.active {background: url('/images/bg_tabs_on.gif') repeat-x; color: #fff;}
.tab a:hover span.tab-left, .tab a.active span.tab-left {background: url('/images/bg_tabs_left_on.gif') no-repeat;}
.tab a:hover span.tab-right, .tab a.active span.tab-right {background: url('/images/bg_tabs_right_on.gif') no-repeat;}

#search-tabs ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-weight: bold;
	height: 26px;
	background: #ffffcc;
	padding-bottom: 10px;
}
#search-tabs a{
	color: #fff;
	text-decoration: none;
}
#search-tabs a:hover{
	text-decoration: underline;
}
#search-tabs li{
	float: left;
	width: 129px;
	text-align: center;
	padding: 7px 0 0 0;
	height: 19px;
	background: url(../images/search-tabs-li.png) no-repeat top;
}
#search-tabs li.active{
	background: url(../images/search-tabs-active.png) no-repeat top;
}
#search-tabs li.active a{
	color: #000;
}
.clear{
	clear: both;
}