/* CSS Document */
html, body { font-size: 85%; color: #fff; background: #1a3f5c url("bcg.png") repeat-x top center; }
body { min-width: 1250px; }
body, input, table, table th, table td { font-family: arial,helvetica,sans-serif; }
table, table th, table td { border-collapse: collapse; text-align: left; padding: 4px 0; }
table { width: 100%; }
table th, table td { padding: 4px; }
input, textarea { border: 0; }
* { padding: 0; margin: 0; }
hr { display: none; }
a { color: #fff; text-decoration: underline; }
a:hover { color: #95cdec; text-decoration: none; }
a img { border: 0; }
h1 { ; }
h2 { color: #fe9c00; }
h3 { height: 65px; text-transform: uppercase; font-size: 100%; font-weight: normal; line-height: 70px; clear: both; }
h4 { text-transform: uppercase; font-size: 100%; }
p, address { padding: 0.35em 0; font-style: normal; }

#lista { height:16px; ; text-align:center; font: 11px Arial; }
#parent { background: url("footer.png") repeat-x bottom center; }
#parentLeft { background: url("footer_left.png") no-repeat bottom left; padding-left: 193px; }
#parentRight { background: url("footer_right.png") no-repeat bottom right; padding-right: 193px; padding-bottom: 93px; }
#body { padding: 0 170px; background: #08131b; padding-bottom: 20px; }
#mainBox { position: relative; float: left; width: 100%; }
#leftBox { position: relative; float: left; width: 170px; right: 170px; margin-left: -100%; }
#rightBox { position: relative; float: left; width: 170px; margin-right: -170px; text-align: center; }
#footer { clear: both; text-align: center; position: relative; margin: -63px 0 0 0; padding: 0 193px; font-size: 95%; }
.clear { clear: both; }

#header { height: 271px; position: relative; }
#headerMiddle { background: url("camera.png") no-repeat top center; height: 100%; }
#headerBcg { background: url("electro.png") no-repeat top right; height: 100%; }
#headerLeft { background: url("header_left.png") no-repeat top left; height: 100%; }
#headerRight { background: url("header_right.png") no-repeat top right; height: 100%; }
#header h1 a { display: block; width: 365px; height: 90px; background: url("logo.png") no-repeat; }
#header h1 a span { display: none; }
#header h2 { display: none; }
#header ul { height: 45px; width: 420px; float: left; list-style: none; margin: 10px 0 0 12px; line-height: 50px; text-transform: uppercase; background: url("header_blue_left.png") no-repeat bottom right; font-size: 95%; }
#header ul li { float: left; }
#header ul li a { display: block; height: 45px; text-decoration: none; padding: 0 7px; }
#header ul li a:hover { color: #d8e6f0; background: url("arrow_header.gif") no-repeat top center; }
#header #user { height: auto; width: auto; float: left; line-height: 150%; text-transform: none; background: 0; margin: 0; padding: 20px 0 0 0; }
#header #user li { ; }
#header #user li a { display: inherit; height: auto; text-decoration: underline; }
#header #user li a:hover { background: 0; text-decoration: none; }
#header #search { height: 45px; width: 360px; float: right; margin: 10px 12px 0 0; line-height: 50px; background: url("header_blue_right.png") no-repeat bottom left; font-size: 95%; }
#header #search form { padding: 0 0 0 12px; float: left; }
#header #search p { padding: 0; }
#header #search p input[type='text'] { font-size: 95%; color: #666; padding: 3px; width: 150px; }
#header #search p input[type='image'] { position: relative; top: 6px; }
#header #search .date { float: right; padding: 0 0 0 25px; background: url("kalendar.gif") no-repeat left center; }
#header #search .date span { display: none; }
#header #login { position: absolute; top: 0; right: 0; text-align: right; color: #a6b8c7; padding: 10px 15px 0 0; }
#header #login p input[type='text'],
#header #login p input[type='password'] { font-size: 95%; color: #666; padding: 3px; width: 100px; }
#header #login p input[type='image'] { ; }
#header #login .submit { float: right; padding: 2px 0; }
#header #login .register { float: right; padding-right: 10px; }
#header #path { height: 44px; line-height: 44px; margin: 44px 15px 0 15px; background: url("path.png") repeat-x bottom center; position: relative; }
#header #path h2 { display: none; }
#header #path p { padding: 0; position: absolute; }
#header #path a:hover { color: #900; }
#header #path .path { left: 0; }
#header #path .basket { right: 0; background: url("basket.gif") no-repeat bottom left; padding: 0 0 0 40px; }
#header .image { width: 100%; height: 226px; background: url("header.png") no-repeat top center; position: absolute; }

#mainBox  { padding: 100px 0 0 0; }
#mainBox .content { padding: 10px; }
#mainBox h2 { color: #fe9c00; margin: 1em 0 0 0; }
#mainBox h3 { height: auto; font-weight: bold; color: #95cdec; line-height: 150%; margin: 1em 0 0 0; font-size: 125%; }
#mainBox ul { padding: 1em 0; margin: 0 0 0 20px; }
#mainBox .options { text-align: center; font-size: 95%; padding: 0.25em 0; margin: 0 0 0.5em 0; }
#mainBox .options p { padding: 0.25em 0; }
#mainBox .options .sorts { padding-top: 0.5em; border-top: 1px dotted #394249; }
#mainBox .options .pages { padding-bottom: 0.5em; border-bottom: 1px dotted #394249; }
#mainBox .options a { color: #95cdec; }
#mainBox .options a:hover { color: #fe9c00; }
#mainBox .categories { margin: 1em 0; background: #1a3f5c; }
#mainBox .categories tr { border-top: 1px dotted #08131b; }
#mainBox .categories td { font-size: 95%; padding: 5px; }
#mainBox .categories .productImage { padding: 5px; }
#mainBox .categories .productImage a,
#mainBox .categories .productImage a img { display: block; margin: 0 auto; background: #fff; border: 2}
#mainBox .categories .productImage a { border: 3px solid #fff; }
#mainBox .categories .productImage a:hover { border-color: #95cdec; }
#mainBox #products { ; }
#mainBox #products .product { width: 250px; height: 178px; position: relative; float: left; border-bottom: 1px dotted #394249; font-size: 95%; overflow: auto; }
#mainBox #products .product .content { padding: 0 5px; padding: 0 10px 0 0; }
#mainBox #products .product h3 { background: url("arrow_h3.gif") no-repeat left center; line-height: 25px; padding: 0 0 0 25px; font-size: 100%; margin: 0; }
#mainBox #products .product h3 a { color: #95cdec; }
#mainBox #products .product h3 a:hover { color: #fe9c00; }
#mainBox #products .product dl { padding: 5px 0; }
#mainBox #products .product dt { float: left; }
#mainBox #products .product dd { ; }
#mainBox .product img { padding: 2px; margin: 0 7px 0 0; }
#mainBox .product a img { border: 3px solid #649bc5; }
#mainBox .product a:hover img { border-color: #fe9c00; }
#mainBox #products .product .more { text-align: right; }
#mainBox #products .product .more a { padding-left: 15px; background: url("arrow.gif") no-repeat left center; }
#mainBox #products .product .prices { clear: both; }
#mainBox #products .product .prices p { width: 50%; float: right; line-height: 10px; }
#mainBox #products .product .prices .bezDPH { font-size: 100%; color: #95cdec; font-weight: bold; text-align: right; }
#mainBox #products .product .prices .bezDPH big { padding-left: 15px; background: url("arrow.gif") no-repeat left center; line-height: 10px; }
#mainBox .product .skladem { padding-right: 25px; background: url("skladem.gif") no-repeat right center; display: inline; line-height: 30px; float: left; }
#mainBox .product .skladem span { display: none; }
#mainBox #products .product form { float: right; text-align: right; margin: 0; padding: 0; clear: right; }

#mainBox #productCard { ; }
#mainBox #productCard .product { width: 100%; border-bottom: 1px dotted #394249; }
#mainBox #productCard .product .content { padding: 0 5px; }
#mainBox #productCard .product h2 { color: #95cdec; font-size: 200%; line-height: 175%; }
#mainBox #productCard .product .productImage { float: right; text-align: center; }
#mainBox #productCard .product .productImage img { margin: 0; text-decoration: none; }
#mainBox #productCard .product .productImage a { text-decoration: none; color: #649bc5; }
#mainBox #productCard .product .productImage a:hover { text-decoration: none; color: #fe9c00; }
#mainBox #productCard .product .productInfo { float: left; }
#mainBox #productCard .product .productInfo td { text-align: right; padding-left: 20px; }
#mainBox #productCard .product .productInfo td img { margin: 0; padding: 0; border: 0; }
#mainBox #productCard .product .productInfo big { color: #fe9c00; }
#mainBox #productCard .product .productInfo em { font-style: normal; color: #95cdec; }
#mainBox #productCard h3 { font-size: 120%; height: auto; line-height: 125%; padding: 20px 0 0 0; }
#mainBox #productCard h4 { padding: 20px 0 0 0; }

#mainBox #kosik { ; }
#mainBox #kosik .product { width: 100%; border-bottom: 1px dotted #394249; }
#mainBox #kosik .product .content { padding: 0; }
#mainBox #kosik .product h2 { color: #95cdec; font-size: 200%; line-height: 175%; }
#mainBox #kosik .product table { margin: 10px 0 0 0; border-collapse: separate; }
#mainBox #kosik .product th { background: #1a3f5c; }
#mainBox #kosik .product th,
#mainBox #kosik .product td { text-align: right; padding: 4px; }
#mainBox #kosik .product td input { padding: 0 2px; width: 100%; text-align: center; }
#mainBox #kosik .product td.delete { padding-left: 5px; font-weight: bold; }
#mainBox #kosik .product td.delete a { text-decoration: none; background: #1a3f5c; padding: 0 2px; }
#mainBox #kosik .product td.delete a:hover { background: 0; }
#mainBox #kosik .product .suma { font-weight: bold; background: #1a3f5c; }
#mainBox #kosik input[type="submit"],
#mainBox #kosik input[type="button"] { background: #95cdec; font-weight: bold; padding: 2px 5px; margin: 5px 0; }

#mainBox #text { ; }
#mainBox #text .product { width: 100%; border-bottom: 1px dotted #394249; }
#mainBox #text .product .content { padding: 0 5px 20px 5px; }
#mainBox #text h2 { font-size: 200%; line-height: 175%; }
#mainBox #text h3 { font-size: 120%; height: auto; line-height: 125%; padding: 20px 0 10px 0; }
#mainBox #text h4 { padding: 20px 0 0 0; }
#mainBox #text ul { padding: 1em 0; margin: 0 0 0 20px; }

#leftBox h3 { background: url("h3_left.png") no-repeat; position: relative; margin: -12px 0 2px -58px; padding: 0 0 0 75px; }
#leftBox h3 strong { background: url("arrow.gif") no-repeat center left; padding: 0 0 0 18px; }
#leftBox ul { list-style: none; }
#leftBox li { margin: 0 0 1px 0; padding: 0 0 0 10px; background: url("menu.png") no-repeat; font-weight: bold; }
#leftBox li a { line-height: 27px; color: #95cdec; text-decoration: none; padding: 0; }
#leftBox li a:hover { color: #fe9c00; text-decoration: none; }
#leftBox li ul { margin: 0 0 0 17px; }
#leftBox li ul li { padding: 0; background: 0; }
#leftBox li ul li a { line-height: 175%; padding: 0; background: 0; }
#leftBox li ul li a:hover { ; }
#leftBox li ul li ul { ; }
#leftBox li ul li ul li { ; }
#leftBox li ul li ul li a { font-weight: normal; }
#leftBox li ul li ul li a:hover { ; }

#rightBox h3 { background: url("h3_right.png") no-repeat top right; position: relative; margin: -12px -58px 2px 0; padding: 0 0 0 50px; text-align: left; }
#rightBox h3 strong { background: url("arrow.gif") no-repeat center left; padding: 0 0 0 18px; }
#rightBox div { margin: 0 5px; }
#rightBox .akce { border-bottom: 1px dotted #394249; padding: 0 0 5px 0; text-align: left; }
#rightBox h4 { color: #95cdec; }
#rightBox h4 a { color: #95cdec; }
#rightBox h4 a:hover { color: #fff; }
#rightBox img { padding: 2px; }
#rightBox a img { border: 3px solid #ffb134; }
#rightBox a:hover img { border-color: #fff; }
#rightBox .akce dl { padding: 5px 0; background: url("akce.gif") no-repeat right center; }
#rightBox .akce dt { float: left; }
#rightBox .akce dd { text-align: center; padding: 0; }
#rightBox .akce dd strong { white-space: nowrap; }

#footer span { color: #fe9c00; }
#footer a { color: #95cdec; }
#footer a:hover { color: #fff; }

#stats { display: none; }

.center { text-align: center !important; }
.left { text-align: left !important; }
.right { text-align: right !important; }