body, html {
	font-family: "Lucida Grande", Helvetica, Tahoma, Verdana, Geneva, sans-serif;
	margin: 0px; padding: 0px; height:100%; 
	border: 0px none; 
	text-align: center;
	position: relative;
	font-size: 100%;		
}
body { background: #f7f7f7; font-size: 90% }

div, p, span, form, h1, h2, h3, h4  { text-align: left; padding:0px;  margin:0px;}
a img { border: none; }
a { text-decoration: none; }


/*#bg_top { position: absolute; width: 100%; width:100%; height: 450px; */
#bg_top { position: relative; width: 100%; height: 450px;
background: url(../img/bg-top.jpg) no-repeat top center; z-index: -1; }

#container { width: 988px; top: -400px; margin-left: auto; margin-right: auto; text-align: center;}

/* - HEADER ------------- */
#header { height: 250px; width:100%; background: url(../img/header.jpg) no-repeat; }
#header #langs { float:right; height: 20px; width:100%; text-align:right; padding:8px 10px 0px 0px; }
#header #langs a { padding: 5px 5px 0px 0px;}
#header #search { width: 100%; height: 50px; }
#header #search form { padding: 15px 0px 0px 690px; }
#header #search form .stext { background: #fcf4d0; width: 160px; border: gray; padding: 3px; }
#header #search form .sbutton { background: url(../img/lupa.png) no-repeat; width: 20px; border: none;}
#header #search form a { color: #fff; padding-left: 20px; font-size: 75%;  }
#header #menu, #header #shopbar { width: 971px; margin-left: 17px; }
#header #menu { height: 46px; }
#header #menu p.main { width: 35%; float: left; padding: 20px 0px 0px 5px; }
#header #menu p.main a { color: #0b5084; font-weight: bold; font-size: 80%; padding: 0px 10px 0px 10px }
#header #menu p.main a:hover { color: #d39f00; }
#header #menu p.sub { width: 60%; text-align: right; padding: 20px 5px 0px 0px; float: right; }
#header #menu p.sub a { color: #898989; padding: 0px 10px 0px 10px; font-size: 80%;}
#header #menu p.sub a:hover { color: black;}
#header #shopbar { color: #4f9bc7;}
#header #shopbar p.cartinfo { width: 40%; float: left; padding: 9px 0px 0px 15px; font-size: 75%; }
#header #shopbar p.cartinfo img.cartico {margin-bottom: -2px; margin-right: 10px;}
#header #shopbar p.cartinfo img.buyico {margin-bottom: -4px; margin-left: 20px;}
#header #shopbar b { font-size: 120%;}
#header #shopbar a { color: #faca00;}
#header #shopbar a:hover { text-decoration: underline;}
#header #shopbar p.userinfo { width: 50%; float:right; text-align:right; padding:10px 15px 0px 0px; font-size:75%; }
/* ---------------------- */


/* - TITLEBAR ----------- */
#titlebar { width: 100%; height: 30px; background:url(../img/titlebar.png) no-repeat; width:972px; margin: -65px 0px 0px 16px}
#titlebar strong { display: block; width: 225px; float:left; color: #fff; font-weight: normal; font-size: 120%; padding: 7px 0px 0px 12px;}
#titlebar h2 { display: block; width: 580px; float:left; font-size: 90%; color: #0f568a; padding: 10px 0px 0px 5px; }
#titlebar h4 { display: block; width: 130px; float: right; font-size: 70%; font-weight: normal; padding-top: 6px; padding-right: 20px;}
#titlebar h4 b { font-size: 150% ;}
#titlebar h4 img { margin-top: -2px; vertical-align: bottom; }
/* ---------------------- */


/* - BASELINE ----------- */
#baseline { width:971px; float:right; height:25px; background-image: url(../img/baseline.png); }
#baseline-items { width:971px; float:right; height:20px; background: url(../img/baseline-items.png) no-repeat; }
/* ---------------------- */


/* - CONTENT ------------ */
#content { background:#fff; width:972px; margin: 0px 0px 0px 16px; font-size: 80%; }
#content.items { background: #fff url(../img/catmenu.gif) repeat-y; }
#content.items table { margin: 8px;}
#content #category { width: 225px; float: left;}
#content #items, #content #item{ width: 730px; float: right; }
#content h1 { padding: 5px 0px 15px 0px; font-size: 150%; }
#content .inside { width:930px; margin: 0px 0px 10px 20px; padding-top: 15px; }
#content .inside h2 { font-size: 130%; color: #4a91bb; padding: 0px 0px 8px 0px;}
#content .inside hr { margin: 20px 0px 20px 0px; height: 1px; border: none; border-top: 1px dotted silver; }
#content .inside a { color: red;}
#content .inside a:hover { text-decoration: underline; }
.error { height: 69px; border-top: 5px solid #fff; background: url(../img/ERROR.gif) no-repeat; padding: 12px 40px 0px 30px; margin-bottom: -10px; color: #fff; font-weight: bold;}
#content .inside .error a { color: #fbe200; }
#content .inside .error a:hover { text-decoration: underline;}

form.ExtForm span { display:block; width:auto; float:left; margin-bottom:8px; }
form.ExtForm span label { display:block; padding:0px 5px 0px 4px;  color:gray }
form.ExtForm span input.text, form span select { width:100%; height:18px; font-size:100%; }
form.ExtForm span em { padding:18px 0px 0px 10px; display:block; overflow:hidden; font-style:normal }
form.ExtForm strong { display: block; margin: 0px 0px 5px 2px; font-weight: normal; font-size: 120%; color: #0e5283; }
form.ExtForm small { display: block }
form.ExtForm p { padding: 5px;}
hr { margin: 20px 0px 20px 0px; height: 1px; border: none; border-top: 1px dotted silver; }
.ExtForm label.req { font-weight:bold; }
.ExtForm label.req:after{ content:" *"; color:red}
.SilverBlock { background: #e4f5fe; padding: 8px; display: block;}

.partner { width: 200px; float: left; height: 85px; padding: 10px; border: 1px solid silver; margin: 5px;}

/* ---------------------- */


/* Downloads */
.attachments strong { display: block; border-bottom: 1px solid silver; margin:10px 0px 10px 0px;}
.attachments a {padding: 0px 0px 0px 25px; height: 16px; display: block; margin-bottom: 8px;}
.attachments a:hover {text-decoration: underline;}
.attachments a small {font-size: 75%; padding-left: 15px; color: gray;}
.attachments a.att_file {background: #fff url(../admin2/pic/files/file.png) no-repeat;}
.attachments a.att_jpg {background: #fff url(../admin2/pic/files/jpg.png) no-repeat;}
.attachments a.att_gif {background: #fff url(../admin2/pic/files/gif.png) no-repeat;}
.attachments a.att_png {background: #fff url(../admin2/pic/files/png.png) no-repeat;}
.attachments a.att_doc {background: #fff url(../admin2/pic/files/doc.png) no-repeat;}
.attachments a.att_xls {background: #fff url(../admin2/pic/files/xls.png) no-repeat;}
.attachments a.att_pdf {background: #fff url(../admin2/pic/files/pdf.png) no-repeat;}
.attachments a.att_ppt {background: #fff url(../admin2/pic/files/ppt.png) no-repeat;}
.attachments a.att_rtf {background: #fff url(../admin2/pic/files/rtf.png) no-repeat;}


/* SHOP */
/* ====================== */
#category  a { display: block; padding: 3px 5px 3px 8px; border-bottom: 1px solid #f9f9f9; color: black; font-size: 95%;}
#category  a:hover { background: #d6d6d6; }
#category  a.CurrentLink { background: #fcda00}

.organizebar { width: 100%; margin-bottom: 15px; }
.paging small { display: block; margin-right: 8px; font-size: 90%; color: gray; float: left; padding-top: 2px;}
.paging a { display: block; background: #11507d; color: #fff; padding: 2px 5px 2px 5px; margin-right: 2px; float: left;  }
.paging a:hover { background: silver; color:#11507d; }
.paging a.current { background: #fcda00; color: #11507d}
.paging em { display: block; float:left; }
.paging b { color: #11507d; font-size: 115%;}
.paging select { margin-top: -4px;}

.Stock_NONE { color: #fd450b; font-weight: bold; }
.Stock_LAST { color: #f19b08; }
.Stock_FULL { color: #29c01f; }

/* Categories */
.CatDescription { margin-bottom: 20px; margin-top: -8px; }
.SubCatDesc { margin-top: 10px; line-height: 130%; padding: 5px; width: 96%; border-top: 1px dotted silver;}
.SubCatDesc strong a { font-size: 125%; display: block; margin-bottom: 5px; color: #11507d; padding: 5px; margin-left: -5px; }
.SubCatDesc strong a:hover { background: #fcda00;}


/* Lines: */
.Line { width: 100%; border-bottom: 1px solid silver; margin-top: 5px; margin-bottom: 5px;}
.Line .Icon { float: left; width: 80px; height: 50px; overflow: hidden; margin-right: 8px;}
.Line .Icon img { height: 50px; }
.Line .Desc { float: left; width: 420px; overflow: hidden; }
.Line a .Desc strong { font-weight: bold; color: #14598a; display: block; padding: 4px 0px 4px 0px; }
.Line a:hover .Desc strong { color: #2867ff;}
.Line a .Desc small { font-size: 90%; color: gray;}
.Line .Price { float: left; width: 106px; height: 42px; background: url(../img/line_price.gif) no-repeat; }
.Line .Price strong { display: block; font-weight: bold; font-size: 115%; padding: 4px 0px 2px 10px; }
.Line .Price strong i { font-style: normal; font-weight: normal; font-size: 70%;}
.Line .Price small { display: block; color: #d4e8ff; font-size: 50%; padding: 0px 0px 0px 10px; }
.Line .Info { float: left; width: 48px; height: 42px; background: #11507d;  }
.Line .Cart { float: left; width: 62px; height: 42px; background: url(../img/line_info.gif) no-repeat right;  }
.Line .Cart input.Count { width: 15px; margin-top: 14px;  } 
.Line .Cart input.AddToC { width: 30px; height: 40px; background: url(../img/CART.gif); border:none; position: absolute; } 

span.sleva { padding: 0px 4px 0px 4px; background: #fc8a08; color: #fff; font-weight: bold;} 
span.novinka { padding: 0px 4px 0px 4px; background: #82e900; color: #fff; font-weight: bold;}
span.vyprodej { padding: 0px 4px 0px 4px; background: red; color: #fff; font-weight: bold;}
span.bazar { padding: 0px 4px 0px 4px; background: #000; color: #fff; font-weight: bold;}

strong.PriceMark  { color: #fff;}
strong.PriceMarkNOVINKA, .ItemBox tr.Bottom strong.PriceMarkNOVINKA { color: #c0fe17;}
strong.PriceMarkSLEVA, .ItemBox tr.Bottom strong.PriceMarkSLEVA  { color: #fcda00;}


/* Boxes */
.ItemBox { height: 275px; }
.ItemBox a h2 {color:#14598a; display:block; height:50px; width:100%; text-align:center; font-size: 130%; margin: 10px 0px 0px -8px;}
.ItemBox a:hover h2 { color: #286fff; }
.ItemBox div.BoxImage { height: 130px; text-align: center; overflow: hidden;}
.ItemBox div.BoxImage img {  max-width: 200px; max-height: 130px;} 
.ItemBox div.Desc { font-size: 120% ;}
.ItemBox a div.Desc small { color:gray;}

.wd_box { color:yellow; font-weight:bold; }
.wd_box:hover { text-decoration:underline }

/* Item Card */
#item #Gallery{ width: 460px;  float: right; text-align: center; overflow: hidden; margin-right: 20px;}
#item #Gallery #Icons { width: 100px; float: left;}
#item #Gallery #Icons img { border: 1px solid silver; margin: 5px; padding: 5px; }
#item #Gallery #Preview { width: 350px; float:right; padding-top: 5px; }
#item p { }
.ItemBox { width: 224px; float: left; background: url(../img/ITEMBOX.gif) no-repeat; border: none; }
.ItemBox td { font-size: 90%; padding: 3px 5px 3px 15px; }
.ItemBox tr.Bottom td { padding: 3px 5px 8px 15px; white-space: nowrap;}
.ItemBox tr.Bottom td div { width: 50%; float: left;}
.ItemBox tr.Bottom { background: url(../img/ITEMBOX_Bottom.gif) no-repeat left bottom; color: #bedbff; }
.ItemBox tr.Bottom small { font-size: 90%;}
.ItemBox tr.Bottom strong { color: #fcda00; font-size: 180%;}
.ItemBox tr.Bottom input.Count { width: 20px; margin-top: 14px; border: 0px; background: #fefad4; padding: 3px; font-weight: bold; font-size: 120%;  } 
.ItemBox tr.Bottom input.AddToC { width: 30px; height: 40px; background: url(../img/CART.gif); border:none; position: absolute; } 
.ItemBox td.Sale { color: #092d46; background: url(../img/ITEMBOX_Sale.gif) repeat-x}
.ItemBox td.Sale strong { font-size: 125%;}


/* Cart */
#CartOverview, .QuickFiller, .Quest, .Alert { width:930px; margin: 0px 0px 10px 20px;}
#CartOverview .ItemLine { border-top: 1px solid #11507d; }
#CartOverview .ItemLine i { font-family:monospace; font-size:150%; font-style:normal }
#CartOverview th, #CartOverview td { vertical-align: bottom; } 
#CartOverview th { font-weight: bold; height: 25px; padding: 3px; border-bottom: 1px solid #11507d;}
#CartOverview td { padding: 3px 10px 3px 3px; }
#CartOverview td.Total { padding-top: 8px; text-align: right; }
#CartOverview td.Total b { font-size: 110%;}
#CartOverview td.TotalLine { border-top: 2px solid black; text-align: right; }
#CartOverview span.OnStock { color: #4d761a; font-weight: bold;}
#CartOverview span.Reserve { color: red; font-weight: bold;}
.QuickFiller { margin-top: 0px;  padding-top: 10px; }
.Quest, .Alert { height: 110px; border-top: 10px solid #fff; background: url(../img/BUBBLE.gif) no-repeat; padding: 15px 40px 0px 40px; margin-bottom: -20px;}
.Alert { background: url(../img/BUBBLE_INFO.gif) no-repeat; }


/* Pricelist */
.PL_topcat { width:300px; float:left; margin:2px 5px 3px 0px; overflow: hidden; }
.PL_topcat .Opener { display: block; height: 20px }
.PL_topcat a img { vertical-align: middle;}
.PL_subcat { width:280px; float:left; background: #f0f0f0; margin:5px; display:none }
.PL_column { width: 300px; float: left;}



/* ====================== */


/* Gallery */
.gallery { margin:5px 0px 10px 0px;}
.gallery a { display: block; width:auto; float: left; background: #fff; margin:0px; text-align:center; }
.gallery a img { border:2px solid #fff }
.gallery a:hover img { border:2px solid #yellow;}
.imageBox {margin: 0px 20px 5px 0px; float: left;}  



/* - FOOTER ------------- */
#footer { width: 961px; float: right; margin-top:10px; margin-bottom: 15px;}
#footer p { font-size: 75%; padding: 4px 0px 0px 0px; color: #9c9c9c;}
#footer p a { color: #145989; font-weight: bold; padding-right: 10px;}
/* ---------------------- */


.clear {clear: both; font-size: 1px;	height: 1px; margin-top: -1px; }