/* Layout 1 css */
html, body, form { margin: 0; padding: 0; }

.box { border: 1px solid red; }

body { cursor: default; text-align: center; background: #fff; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #4a4a4a; }

img { border: 0 none; vertical-align: middle; }

a { text-decoration: none; color: #6489A2; }
a:hover { text-decoration: underline; }

h1,h2,h3,h4,h5,h6 { margin: 0px; padding: 0px; }

#strona { width: 810px; position: relative; margin: 0 auto; margin-top: 5px; text-align: left; }

div#content { width: 600px; float: right; overflow: hidden; margin: 0px 0px 0px 4px; color: #546265; }

div#left-panel { width: 200px; position: relative; float: left; overflow: hidden; color: #546265; }

.clear { clear: both; font-size: 1px; }

/* Shop Bag */

#shop_bag { text-align: right; line-height: 110%; font-size: 12px; margin-top: 12px; height: 16px;   position: absolute; top: 0px; right: 0px }

#shop_bag strong { font-weight: bold; color: #ff9900; }

/* Top Menu */

#top_menu { background: #dfdfdf; margin: 3px 0px 5px; width: 600px; position: absolute; top: 26px; left: 210px;}
#top_menu img { margin: 2px 5px; }

#top_menu a { padding: 2px; }

/* Middle Menu */

#middle_menu { height: 118px; background: url("/projects/sklep/image/glowny_baner_bg.png") repeat-x; border: 1px solid #bbb; color: white; margin: 58px 0px 3px; }

#middle_menu h1 { font-weight: normal; font-size: 24px; margin: 10px 0px 15px 20px; }
#middle_menu span { font-size: 12px; display: block; margin-left: 70px; }

#baner_logo { position: absolute; top: 49px; right: 2px; }

/* Bottom Menu */

#bottom_menu { line-height: 28px; background: url("/projects/jaggers/image/menu_bg.png") repeat-x; margin: 2px 0px 3px; color: white; font-weight: bold }

#bottom_menu ul { float: left; padding: 0 0 0 15px; margin: 0; list-style: none; }

#bottom_menu ul li { float: left; }

#bottom_menu ul a { line-height: 28px; padding: 0 5px; }

#bottom_menu b { clear: both; }

#bottom_menu a { color: white; }

/* Panel */

h3.menu { background: #35BFB8; color: white; padding: 3px; font-size: 11px; margin-bottom: 5px; }

h4.menu { font-size: 11px; font-weight: bold; margin-bottom: 5px; margin-top: 10px; padding-left: 10px; }

h5.menu { font-size: 11px; font-weight: normal; margin-bottom: 5px; padding-left: 20px; }

div.menu { font-size: 11px; font-weight: normal; margin-bottom: 2px; padding-left: 10px; }

.menugap { margin-top: 20px; }

div.submenu { font-size: 11px; font-weight: normal; margin-bottom: 1px; padding-left: 20px; text-align: left; }

/* footer */

#stopka { clear: both; text-align: center; padding-top: 2px; color: #546265;}

#stopka #links { clear: both; line-height: 48px; background: #dfdfdf; text-align: center; margin-bottom: 5px; }

/* Shop table */
th, td { font-size: 11px; color: #546265; }
th { font-weight: bold; }
td { font-weight: normal; }

/* Result */

#produkty { padding-bottom: 10px; }

#produkty h2 { font-size: 12px; margin-bottom: 5px; }

#produkty h3 { font-size: 10px; height: 30px; }

.produktgap { padding-top: 12px; }

.produkty-left { text-align: left; width: 200px; float: left; }

.produkty-center { text-align: center; width: 200px; float: left; }

.produkty-right { text-align: right; width: 200px; float: left; }

.produkty-left .produkt { border: 1px solid #e0e1e2; margin-right: 24px; }

.produkty-center .produkt { border: 1px solid #e0e1e2; margin: 0px 12px; }

.produkty-right .produkt { border: 1px solid #e0e1e2; margin-left: 24px; }

.produkt div { text-align: center; padding: 5px; height: 200px; }

.produkt cite { display: block; text-align: center; height: 126px; }

.produkt del { float: left; }

.produkt strong { float: right; font-weight: bold; color: #ff9900; }

.produkt span { display: block; clear: both; padding-top: 5px; }

.produkt img.koszyk { display: inline; }

.strony { float: right; margin: 0px; padding-top: 5px; }

.strony a { text-decoration: none; display: block; float: left; padding: 4px; color: #464646; border-right: 1px solid #e4e4e4; font-size: 10px; }

.strony a:hover { background: #4486c9; color: white; }

a.wybrana { color: red; }

/* Obiekt */

#produkt {}

#produkt h2 { font-size: 14px; margin-bottom: 5px; }

#produkt h2.nav { font-size: 11px; font-weight: normal; margin-left: 5px; }

#produkt h3 { font-size: 12px; margin: 5px 0px; }

#produkt_menu { width: 260px; float: right; text-align: center; }

#produkt_submenu { border: 1px solid #e0e1e2; }

#produkt_submenu div { padding: 5px; }

#produkt strong { font-weight: bold; color: #ff9900; }

#produkt ul { margin: 0px; padding: 0px; list-style: none; border-bottom: 1px solid #576065; height: 20px; }

#produkt ul li { float: left; margin: 0px; padding: 0px 20px 0px 0px; }

#produkt ul li a { display: block; background: #dfdfdf; width: 150px; text-align: center; line-height: 20px; }

#produkt ul li a.active,
#produkt ul li a:hover { background: #f2a52b; color: white; }

#produkt table { font-size: 11px; }

/* Shop Login box */

#shop_login #login_box { width: 300px; float: right;  border-left: 1px solid orange; padding-left: 10px; }

#shop_login #info_box { margin-right: 310px; }

#shop_login #login_box h2 { border: 0px; margin: 0px; padding: 0px; background: none; margin-bottom: 5px; }

#shop_login #login_box form { display: block; background: lightyellow; padding: 10px; 5px; }

#shop_login #login_box label { display: block; width: 100px; float: left; clear: left;  text-align: right; line-height: 220%; padding-right: 5px;}

#shop_login #login_box input { margin: 2px 0px; width: 150px;}

#shop_login #login_box input#zaloguj { width: 60px; }

#shop_login #login_box .login_button { clear: both; text-align: center; padding-top: 10px }

#shop_login #login_box a { display: block; text-align: center; margin: 8px 0px; padding: 5px; background: lightyellow; color: grey; text-decoration: none; }

#shop_login #login_box a:hover { text-decoration: underline; }

#shop_login #info_box a { display: block; text-align: center; margin: 8px 0px; padding: 5px; color: grey; text-decoration: none; }

#shop_login #info_box a:hover { text-decoration: underline; }

/* Shop bag page */

#shop_bag_page h2 { font-size: 11px; background: #b1d0e4; color: white; padding: 2px; }

#shop_bag_page tr.underline td,
#shop_bag_page tr.underline th { border-bottom: 1px solid #b1d0e4; }

#shop_bag_pay h2,
#shop_bag_pay h3 { font-size: 11px; background: #b1d0e4; color: white; padding: 2px; }

#shop_bag_pay tr.underline td,
#shop_bag_pay tr.underline th { border-bottom: 1px solid #b1d0e4; }