body { margin:0; padding:0; background:#fff url('/images/bg.gif') repeat-x; font-family:"Tahoma" ,"Verdana" ,Arial; font-size:75%; color:#414040; }
.cleaner { font-size:0px; line-height:0; clear:both;}

ul, form { margin:0; padding:0; font-family:"Tahoma" ,"Verdana" ,Arial; font-size:100%;}
#all { width:970px; margin:0 auto 0 auto; border: #d9d9d9 1px solid; border-top: none; background: url('/images/bg-all.png') repeat-y;  }

img { display:block; border:0px; }
h1 { color:#758db4; font-size:220%; font-weight:normal; margin:0; padding:0 0 15px 0; }
h2 { color:#998585; font-size:100%; margin:0; padding:10px 0 0 0; font-weight:bold; text-transform:uppercase;}
h3 { color:#758db4; font-size:220%; font-weight:normal; margin:0; padding:0 0 15px 0; }
p { margin:0 0 1em 0; padding:0; }

li { list-style-type:none; }

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

#top { background:url('/images/search-bg.gif') no-repeat; font-size:92%; height:40px; padding-top:12px; position: relative; }

#menu { background:url('/images/menu.gif') no-repeat; text-align:right; height:46px; padding-right:15px;  }
#menu li { float:right; background:url('/images/li-top.gif') right top no-repeat; padding:10px 19px 20px 19px; }
#menu a { color:#4e4e4e; text-decoration:none; font-size:75%; font-weight:bold; text-transform:uppercase;}
#menu a.click, #menu a:hover { text-decoration:underline; }

.form-search { float:right;color:#fff; font-weight:bold; text-transform:uppercase; padding-right:6px; }
.form-search label { padding:5px 6px 0 0; display:block; float:left; font-size:92%;}
.form-search .text { background:url('/images/input.gif') repeat-x; width:183px; height:17px; border:1px solid #6b6b6b; margin-right:8px; }
.form-search .submit { background:url('/images/submit.gif') no-repeat; border:0px; width:41px; height:23px; cursor:pointer;}

#logo { background:url('/images/logo.jpg') no-repeat; clear:both; padding:17px 0 38px 41px; }

#content { background: url('/images/middle.gif') no-repeat; width:100%; padding-top:38px; }

/* RYCHLA NAVIGACE */
#quick-navi { font-size: 11px; padding: 0 0 0 220px; margin: 0px 0px 10px 0px; color: #666; height: 18px; }
#quick-navi a { color: #666; text-decoration: underline; }
#quick-navi a:hover { text-decoration: none; }


#left { float:left; padding:0px 5px 100px 0px; margin-right: 14px; width:214px; font-size:12px; }
/* MAIN MENU */
#left {background: #F9F9F9;}
#left .reset {padding: 10px 7px 20px;}
#left .reset li {border-top: 1px solid #E5E5E5; font-size: 100%;}
#left .reset li:first-child {border: none;}
#left .reset li a {font-weight: bold; color: #0B0B0B; text-decoration: none; display: block; padding: 10px 5px 6px 20px; margin: 0px; background: url('/images/bg-main-menu-a.png') 5px 13px no-repeat; height: 18px; }
#left .reset li a:hover, #left .reset li.active a {background: #e8edf4 url('/images/bg-main-menu-a-active.png') 5px 13px no-repeat;}
#left .reset .reset {padding: 0 0 10px 20px;}
#left .reset .reset li {border: none; font-size: 100%;}
#left .reset .reset li a {font-weight: normal; padding: 1px 5px 1px 12px; display: inline; background: url('/images/bg-main-menu-a-a.png') 0px 0.6em no-repeat;}
#left .reset .reset li a:hover, #left .reset .reset li.active a {text-decoration: underline; background: url('/images/bg-main-menu-a-a.png') 0px 0.6em no-repeat; }

#right { width:722px; float:left; padding-bottom:40px; padding-top:10px; color: }
#right ul { margin: 0 0 0 25px; }
#right li { list-style-type:disc; padding: 0 0 5px 0; }
#right a { text-decoration: underline;}

#bottom { background-color:#f2f1f1; font-size:11px; padding:13px 0 15px 10px; margin:0; text-align:center; }
#bottom li { list-style-type:none; display:inline; border-right:1px solid #3f3f3f; padding:0 10px 0 0;}
#bottom li.last { border:0;}
#bottom li a { color:#3f3f3f; margin-left:16px; text-decoration:underline; }
#bottom li a:hover { text-decoration:none; }

#footer { background:url('/images/footer.gif') no-repeat; font-size:11px; padding:74px 0 11px 25px; width:945px; color:#cecece; }
#footer span { color:#a5a4a4; }
#footer a { color:#cecece; text-decoration: underline; }

#offer { border-left:1px solid #cccccc; height: 100%;}

.shop-offer { font-size:11px; padding:10px 0 0 0; height:280px; float:left; width:178px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; border-top:1px solid #cccccc; background:url('/images/gradient.gif') repeat-x; }
.shop-offer img { margin:0 auto 0 auto; }
.shop-offer .image { height:150px; overflow: hidden; }
.shop-offer h2 { text-transform:none; font-size:13px; color:#4c4c4c; padding:5px 0 8px 10px; margin:0; }
.shop-offer p { padding:0 0 0 18px; margin:0; height:48px; }
.shop-offer a { text-decoration: underline; }
.shop-offer a:hover { text-decoration: none; }
.shop-offer strong { color:#a80a08; font-size:12px; display:block; float:left; padding:3px 0px 0 10px; font-weight:normal;}
.shop-offer input {
    letter-spacing:0;
    float:left;
    font-weight:bold; 
    font-size:9px;
    margin-left:10px;
    _margin-left:5px;     
    padding:3px 25px 6px 0;  
    cursor:pointer; 
    color:#7f7f7f; 
    border:0px; 
    background:#FFF url('/images/basket.gif') no-repeat right top; 
    width:85px; 
}

/* detail zbozi */
#prod-det { }
#prod-det-image { float: left; width: 345px; margin-right: 15px; overflow: hidden;}
#prod-det-text { float: left; width: 360px; font-size: 12px; text-align: justify; }
input, select { border: #666 1px solid; }


#tabulka-cena { margin-top:30px; width: 335px; font-size: 11px;}
#tabulka-cena th { height:19px; color:#3a6f74; background-color:#dfe8ed; padding:0 10px 0 6px;}
#tabulka-cena td { background-color:#F2F7FA; padding:2px 5px 6px 6px; }
#tabulka-cena td.spodni-radek {padding: 15px 15px 5px 5px; }
.ks{width:30px;height:15px;margin:0 5px 2px 5px;}

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


.do_kosiku { 
    letter-spacing:0;
    font-weight:bold; 
    font-size:11px;
    margin-left:10px; 
    _margin-left:5px;     
    padding:3px 25px 6px 0;  
    cursor:pointer; 
    color:#7f7f7f; 
    border:0px; 
    background: url('/images/basket.gif') no-repeat right top; 
    width:85px; 
}

/*
	zalozky v clanku pro shop
*/
.tab-select {float: left; border-bottom: #C7C7C7 1px solid; width: 100%; margin: 8px 0 15px 0; }
.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 !important; color: #000; background: url('/images/bg_tabs_off.gif') repeat-x; height: 17px; line-height: 17px; float: left; margin: 0 3px 0 0; font-weight: bold; }

.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;}


/*
	obrazky na home
*/

.menu-obrazek-polozka {
	 float: left; margin-right: 18px; margin-bottom: 25px;
}
div.menu-text {
  margin-bottom: 5px;
	background: #0a328b;
	height: 39px;
	padding-top: 8px;
	width: 160px;
	text-align: center;
}
div.menu-text a {
	display: block; font-size: 13px; font-weight: bold; color: #fff;
}
div.menu-img {
 	text-align: center;
}
div.menu-img a {
  display: block;
  width: 160px;
  height: 144px;
  text-align: center;
  background: #fff;
  border: 1px solid #b5b5b5;
}
div.menu-img a:hover {
  border: 1px solid #ff0000; 
}

.kontaktbox { background: url('/images/bg_kontakt.gif'); margin: 10px 0 30px 0; font-size: 11px; width: 219px; }

.small-banners {float: right; display: inline; margin: 0 0 0 25px;}
.small-banners img {display: block; margin: 0 0 5px;}

.banner { position: absolute; margin: -35px 0 20px 570px; text-align: right;}
.banner span {font-size: 125%; color: #fff; font-weight: bold; display: block;}
.banner h1 {font-size: 205.6%; color: #d9d9d9; margin:0; padding:0; font-weight: bold;}

.kontaktbox input {
    border: 1px solid #cccccc;
    width: 180px;
    height: 19px;
}

.reg_form h3 {
    color:#998585; font-size:120%; margin:0; padding:10px 0 10px 20px; font-weight:bold;
}

.red { color: red; }

.reg_form input, .reset input { border: none; margin: 0px 0 0 5px; }
.reg_form input.submit, .reset input.submit { border-color: black; margin: 0px 0 0 5px; }
.reg_form textarea { border: #cccccc 1px solid; margin: 0px 0 0 5px; width: 500px; height: 100px; }
.reg_form img { padding: 2px 0 0 5px; }

.reg_form { margin: 10px 0 0 0;}
.reg_form table { width:  100%; }
.reg_form th {text-align: right; padding: 4px; width: 20%; }
.reg_form td {padding: 2px 4px 2px 4px; background: #FFFFFF; color: #000; font-weight: bold; width: 30%; }
.reg_form input, .reset input { border: #cccccc 1px solid; width: 180px; height: 19px; }

.message p { border: #cccccc 1px dashed; padding: 5px; text-align: center; color: red; margin-bottom: 3px;}

#login-top-link { float: left; color: white; font-size: 14px; margin: -2px 0 0 350px; font-weight: bold;}
#login-top-box { display: none; position: absolute; top: 46px; left: 350px; background-color: #4c4c4d; padding: 10px 15px 10px 15px; color: white; width: 190px;}
#login-top-box input { width: 130px; }
#login-top-box input.submit { width: 80px; float: right }
#login-top-box span { display: block; float: left; width: 50px; font-weight: bold; text-align: right; padding: 0 5px 0px 0; line-height: 27px; }
#login-top-box li { line-height: 27px; clear: left; }
#login-top-box a { color: white; line-height: 27px; text-decoration: underline; }
#login-top-box a:hover { text-decoration: none; }
#login-top-info { float: left; width: 430px; margin-top: -9px; color: white; text-align: right; font-weight: bold; }
#login-top-info a { color: white; font-weight: normal; text-decoration: underline; }
#login-top-info a:hover { text-decoration: none; }

table.orders { width: 99%;  border-collapse: collapse; }
table.orders td, table.orders th { padding: 5px; text-align: center; }
.order-detail { margin-top: 20px; }
.order-detail h2 { font-size: 120%; padding: 10px 0; clear: left;}
.order-detail h3 {
    color:#998585; font-size:120%; margin:0; padding:10px 0 10px 20px; font-weight:bold; clear: left;
}
.order-detail .a {float: left; clear: left; width: 150px; text-align: right; padding-right: 10px; font-weight: bold;}

.reset label {
    float: left;
    clear: left;
    width: 200px;
    padding-right: 10px;
    font-weight: bold;
    text-align: right;
    line-height: 20px;
}

.reset input {
    margin-bottom: 10px;
}

.error {
    text-align: center;
    color: red;
    padding: 10px;
}