@charset "utf-8";
/* CSS Document */

body,td { font-family:Arial, Helvetica, sans-serif; font-size: small; }
body { margin: 20px 20px 20px 21px; background-color:#ffffff; width:968px; margin:auto; }

img { border: 0px; vertical-align: middle }

p { margin: 0px 0px 4px 0px; }

#pagetop { background: url(../img/pozadi.jpg) repeat-x; height: 155px; position: relative;}


#pagetopsearchform { height: 120px; position: absolute; right: 0px; top: 60px; width: 238px; background: url(../img/topbg2.jpg) no-repeat; color: white; font-weight: bold; padding: 0px; padding-left:0px; }

#pagetopsearchform input[type=text]{
background-color:#436e99;
color:white;
border:1px solid white;
}

#pagetopsearchform input[type=submit]{
background-color:#436e99;
color:white;
border:1px solid gray;
}

#companylogo { width: 968px;  font-weight: bold; color: red; &margin-top:-1px; height:167px; padding-bottom:1px; _height:150px; }

#pagemenu { position: relative; width: 100%; background: url(../img/menu_bg.jpg) repeat-x; height: 49px; float: none; top:60px; _top:0px;}

#pagemenu table td { height: 49px; }
#pagemenu a { text-decoration:none; color: white; vertical-align:middle; height: 49px; display: block; margin: auto; padding: 20px 12px 0px 12px; font-size:11px;}
#pagemenu a:hover { background: url(../img/menu_hover.jpg) repeat-x; }
#pagemenu .divider{background-image:url('../img/menu_divider.jpg');width:2px; background-repeat:no-repeat;}

#maincontainer { position: relative; float: none; border:0px solid red; top: 80px; _top:0px;}


#leftpane { width: 1%; vertical-align:top}
#rightpane { width: 1%; vertical-align:top }
#mainbody { vertical-align:top; width:auto; padding: 10px 20px 20px 20px; }
#leftpane input[type=submit],
#leftpane input[type=button],
#rightpane input[type=submit],
#rightpane input[type=bubtton] { font-size: 10pt; }




#rightpane a,
#leftpane a,
#rightpane a:visited,
#leftpane a:visited { color:#003366; text-decoration: none; }
#rightpane a:hover,
#leftpane  a:hover { color:black; text-decoration: underline; }


.box { margin-bottom: 10px; }
.box .title,
.box .title a,
.box .title a:hover,
.box .title a:visited { font-weight: bold; color:#ffffff; height: 28px; text-decoration:none; } 
.box .subtitle { font-weight: normal; font-size: 85%; padding: 5px 5px 5px 5px; background-color:#CCCCCC; border-left:1px solid #486c8d; border-right:1px solid #486c8d;}
.box .body {  padding: 10px 4px 15px 4px; font-size: 8pt;  background-repeat:no-repeat; background-color:#FFFFFF; border:1px solid #486c8d; border-top:0px;}

#rightpane .title a{color:#FF3300; !important;}

#miniloginform p { margin: 0px 0px 4px 0px; }

#linkspanel ul { list-style: inside url(../img/ico_links.gif); margin: auto; padding: 5px; line-height: 180%; }
#linkspanel ul li { margin: auto}
#linkspanel a { list-style: none; margin: auto; padding: 5px; line-height: 180%; }

#pagefooter { width: 968px; height:48px; margin: auto; text-align: center; display: block; border-top: 1px solid #eee; padding: 15px 0px 5px 0px; clear: both; font-size: 80%; color: #000000; background-image:url('../img/footer.jpg'); background-repeat:repeat-x; margin-top:70px;}
#pagefooter a { color:#000066;margin-left:10px; margin-right:10px;  }
#pagefooter a:hover { color: #333; }

#minicartpanel .body { background-color: #ffffff;}
#minicartpanel table { margin: auto; width:98%; }
#minicartpanel th { text-align:left; font-size: 8pt; border-bottom: 1px solid #999; padding: 1px; }
#minicartpanel td { text-align:left; font-size: 8pt; padding: 1px;}

#kategoriepanel ul { list-style: none; padding: 0px 0px 0px 0px; line-height: 160%; margin: auto; }
#kategoriepanel li { padding: 0px 0px 0px 15px; }

#mainbody fieldset { border: 1px solid #ddd; }

#mainbody a,
#mainbody a:hover,
#mainbody a:visited { color: #00a; text-decoration: none;}
#mainbody a:hover { color: #00c; text-decoration:underline}


.itemlistcontrols a,
.itemlistcontrols a:hover,
.itemlistcontrols a:visited { color: #00a; text-decoration: none;}
.itemlistcontrols a:hover { color: #00c; text-decoration:underline}
.itemlistcontrols { clear:both }
.itemlistcontrols div { padding: 0px 0px 5px 0px; }

.controllabel { display: block; float: left; width: 60px; text-align: right; padding-right: 8px; vertical-align: baseline; }

#manufacturersselect { vertical-align:middle }
#manufacturersselect label, #manufacturersselect a{ vertical-align:top; }
#manufacturersselect input[type=checkbox] { vertical-align:top; }

#prodlistname a,
#prodlistname a:hover,
#prodlistname a:visited { color: #008; font-weight: bold; font-size: 10pt; text-decoration: underline; }
#prodlistname a:hover { color: blue; }
#prodlistname a:visited { color: #408; }

#prodlistdesc { }

#prodlistprice { margin: 10px 0px 10px 0px; }

#prodlist { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 10px 0px 20px 0px; padding: 10px 0px 0px 5px; }

#prodlist .line_top_obr { padding: 0px 20px 20px 0px; }

#prodlist table tr { border-bottom: 1px solid #ddd; }
#prodlist form { vertical-align: middle; }
#prodlist form input { vertical-align: middle; }

.produkt { display: block; float: left; width: 200px; border: 1px solid #ccc; padding: 5px; padding-bottom:12px; margin: 0px 10px 10px 0px; height:250px; }
.produkt_name { text-align: center; }

.prodtable a,
.prodtable a:hover,
.prodtable a:visited { color: #008; font-weight: bold; font-size: 10pt; text-decoration: underline; }
.prodtable a:hover { color: blue; }
.prodtable a:visited { color: #408; }
.prodtable { border-bottom: 1px solid #999; margin-bottom: 20px; }
.prodtable th { border-bottom: 2px solid #999; padding: 0px 0px 4px 0px; }
.prodtable th a { text-decoration:none}
.prodtable td { border-bottom: 1px solid #999; padding: 1px 2px 1px 4px; background: #f8f8f8; }


.carttable a,
.carttable a:hover,
.carttable a:visited { color: #008; font-weight: bold; font-size: 10pt; text-decoration: underline; }
.carttable a:hover { color: blue; }
.carttable a:visited { color: #408; }
.carttable { border-bottom: 1px solid #999; margin-bottom: 20px; }
.carttable th { border-bottom: 2px solid #999; padding: 0px 0px 4px 0px; }
.carttable th a { text-decoration:none}
.carttable td { border-bottom: 1px solid #999; padding: 2px 2px 2px 4px; background: #f8f8f8; }
.carttable .bottomline td { padding: 5px 2px 5px 2px; font-weight: bold; background: #f2f2f2; }

#produkt_info h2 { font-size: 28px; color:#2f506f; font-weight: normal; margin: 5px 0px 3px 0px; }
#produkt_info h3 { border-bottom: 1px solid #999; padding: 0px 0px 4px 0px; }
.productcode { color: #888; font-size: 11px; }

#product_price_detail .label { width: 110px; }
#product_price_detail .oldlabel { width: 110px; text-decoration: line-through; color: #777; }
#product_price_detail .savingslabel { width: 110px; color: #777; color: red; }
#product_price_detail .price { font-size: 110%; width: 110px; text-align: right; color: #555; }
#product_price_detail .oldprice { text-decoration: line-through; color: #777; font-size: 110%; width: 110px; text-align: right; }
#product_price_detail .savingsprice { color: #777; font-size: 110%; width: 110px; text-align: right; color: red;}
#product_price_detail .pricefinal { font-size: 130%; width: 110px; text-align: right; font-weight: bold; color: black; }
#product_price_detail .pricediscount { font-size: 110%; text-align: right; color: #5280b5; }
#product_price_detail { border: 2px solid #84a1c3; padding: 0px 10px 0px 10px; margin: 20px 0px 20px 0px;} 
#product_price_detail th { color: #888; text-align: right; font-weight: normal; border-bottom: 1px solid #c4d5e9; padding: 5px 5px 4px 5px; }
#product_price_detail td { padding: 4px 5px 3px 5px; } 
#product_price_detail .big .label { }
#product_price_detail .big .price { font-size: 130%; }

.obliged { color: #005; font-weight: bold; }

#foto img{
margin:5px;
}

input[type=submit] {
background-color:#CCCCCC;
border:1px solid #006699;
font-family:arial;
/*font-size:11px;*/
color:#003366;
}