@charset 'UTF-8';
@import url('common.css');

html, body, a, img, h4 { margin:0px; padding:0px; border-width:0px; border-style:none; }
.clear { clear:both; }
a { color:#0676BE; }
a:hover, .active { text-decoration:underline !important; }
body { background-position:center top; background-repeat:no-repeat; font-family:tahoma; font-size:11px; letter-spacing:1px; line-height:15px; }
#mainpage { background-image:url('../images/body_bg.jpg'); }
#home { background-image:url('../images/home_bg.jpg'); }
.page { width:839px; margin:0px auto; }
#home .none { display:none; }
h4 { font-size:larger; font-weight:bold; color:#000000; }
/* stona glowna */
#flashcontainer { position:absolute; top:0px; left:50%; margin-left:-680px; width:1360px; height:729px; }
#pseudocontainer { height:729px; margin-bottom:20px; }
#home { text-align:center; }
#home #top { height:305px; }
#home #top .left { width:147px; }
#home #top .menu { margin:55px 0px 0px 108px; }
#home #center .row { display:block; float:left; width:279px; }
#home #center a { display:block; width:279px; height:105px; }
#home #top .right { background-image:url('../images/home_top_menu.jpg'); }

/*reszta strony*/
#page { padding-bottom:20px; }

#top { height:177px; }
#top .left { float:left; text-align:right; }
#mainpage #top .left { width:139px; }
#top .left #ekoma img { margin-top:30px; }
#top .right { float:left; width:400px; height:90px; background-position:left top; background-repeat:no-repeat; }
#mainpage #top .right { background-image:url('../images/body_top_menu.jpg'); }
#top .menu { text-align:left; }
#mainpage #top .menu { margin:41px 0px 0px 80px; }
#top .menu a { font-family:tahoma; font-size:11px; letter-spacing:0px; color:#ffffff; padding:0px 9px 0px 0px; text-decoration:none; }

#mainpage #center { background-image:url('../images/content_y.gif'); background-position:right bottom; background-repeat:repeat-y; }
#mainpage #center_bg { background-image:url('../images/content_bottom_bg.jpg'); background-position:right bottom; background-repeat:no-repeat; }
#center #left { float:left; width:201px; overflow:hidden; }
#center #right { float:left; /*width:642px;*/ width:638px; overflow:hidden; }

#center #left ul, #center #left li { display:block; width:197px; margin:0px; padding:0px; list-style-type:none; border-width:0px; border-spacing:0px; border-collapse:collapse; background-image:url('../images/left_a_y.gif'); background-position:0px top; background-repeat:repeat-y; }
#center #left li { position:relative; line-height:1px; font-size:1px; background-position:-400px top; }
/*#center #left li:hover, #center #left .hover, */
#center #left .active { background-position:-197px top; }
#center #left .li0, #center #left .li0:hover { height:4px; background-image:url('../images/left_li0.gif'); background-position:0px 0px; background-repeat:no-repeat; }
#center #left a, #center #left img { vertical-align:middle; }
#center #left li a { display:block; width:187px; padding-left:3px; border-top:1px solid #B6B9BC; }
#center #left .a0 { border-width:0px; padding-top:5px; width:194px; background-image:url('../images/left_a_a0.gif'); background-position:0px top; background-repeat:no-repeat; }
#center #left .a_last { padding-bottom:1px; background-image:url('../images/left_a_last.gif'); background-position:left bottom; background-repeat:no-repeat; }
#center #left .ico { width:66px; height:63px; background-image:url('../images/left_a_ico.jpg'); background-position:left top; background-repeat:no-repeat; }
#center #left .text { width:117px; height:63px; background-image:url('../images/left_a_text.gif'); background-position:left top; background-repeat:no-repeat; }

#center #left .a0 .ico, #center #left .a0 .text { background-position:0px -1px; }
#center #left .hover .a0 .text, #center #left li:hover .a0 .text { background-position:-117px -1px; }

#center #left .a1 .ico, #center #left .a1 .text { background-position:0px -64px; }
#center #left .hover .a1 .text, #center #left li:hover .a1 .text { background-position:-117px -64px; }

#center #left .a2 .ico, #center #left .a2 .text { background-position:0px -128px; }
#center #left .hover .a2 .text, #center #left li:hover .a2 .text { background-position:-117px -128px; }

#center #left .a3 .ico, #center #left .a3 .text { background-position:0px -192px; }
#center #left .hover .a3 .text, #center #left li:hover .a3 .text { background-position:-117px -192px; }

#center #left .a4 .ico, #center #left .a4 .text { background-position:0px -256px; }
#center #left .hover .a4 .text, #center #left li:hover .a4 .text { background-position:-117px -256px; }

#center #left .a5 .ico, #center #left .a5 .text { background-position:0px -320px; }
#center #left .hover .a5 .text, #center #left li:hover .a5 .text { background-position:-117px -320px; }

#center #left .a6 .ico, #center #left .a6 .text { background-position:0px -384px; }
#center #left .hover .a6 .text, #center #left li:hover .a6 .text { background-position:-117px -384px; }

#center #left .a7 .ico, #center #left .a7 .text { background-position:0px -448px; }
#center #left .hover .a7 .text, #center #left li:hover .a7 .text { background-position:-117px -448px; }

#center #left .a8 .ico, #center #left .a8 .text { background-position:0px -512px; }
#center #left .hover .a8 .text, #center #left li:hover .a8 .text { background-position:-117px -512px; }

#center #left .a9 .ico, #center #left .a9 .text { background-position:0px -576px; }
#center #left .hover .a9 .text, #center #left li:hover .a9 .text { background-position:-117px -576px; }

#center #left .a10 .ico, #center #left .a10 .text { background-position:0px -641px; }
#center #left .hover .a10 .text, #center #left li:hover .a10 .text { background-position:-117px -641px; }

#center #left .a11 .ico, #center #left .a11 .text { background-position:0px -705px; }
#center #left .hover .a11 .text, #center #left li:hover .a11 .text { background-position:-117px -705px; }

#top_menu, #top_menu a { font-family:verdana; font-size:9px; padding:0px 4px; font-weight:bold; color:#F2F5F7; text-decoration:none; text-transform:uppercase; line-height:14px; }
#top_menu a { padding:0px 4px; }
#top_menu .content { padding:0px 20px 20px 20px; }
#top_menu { height:93px; padding-bottom:8px; background-image:url('../images/top_menu_bg.jpg'); background-position:0px 0px; background-repeat:no-repeat; }

#sub_menu { text-align:center; padding-top:1px; }
#sub_menu a { padding:0px 8px; font-size:9px; font-weight:bold; color:#000000; text-decoration:none; text-transform:uppercase; }
#sub_menu a:hover { color:#3F7394; }
#sub_menu img { vertical-align:middle; }

#content .content_top { min-height:400px; background-image:url('../images/content_top_bg.jpg'); background-position:left top; background-repeat:no-repeat; }
/*
#content { background-image:url('../images/content_y.gif'); background-position:left top; background-repeat:repeat-y; background-color:#ffffff; }
#content .content_bottom { background-image:url('../images/content_bottom_bg.jpg'); background-position:left bottom; background-repeat:no-repeat; }
*/
#content .content { padding:20px; }

#header { height:53px; background-image:url('../images/header_bg.jpg'); background-position:left top; background-repeat:no-repeat; }
h1, .h1 { margin:0px; padding:20px 0px 0px 0px; font-family:verdana; font-size:18px; color:#0676BE; display:block; text-align:center; line-height:24px; text-shadow:2px 1px 1px #E9E9E9; }
h2, .h2 { height:32px; line-height:35px; margin:0px 0px 8px 0px; padding:0px 0px 0px 12px; font-family:verdana; font-size:13px; color:#ffffff; display:block; font-weight:bold; text-transform:capitalize; text-shadow:1px 1px 1px #000000; }

#bottom { border:1px solid #C6C9CB; width:831px; margin:20px auto; background-color:#ffffff; }
#bottom ul, #bottom li { margin:0px; padding:0px; list-style-type:none; }
#bottom li { display:inline; }
#bottom a { color:#525252; font-size:9px; letter-spacing:0px; font-family:verdana; text-decoration:none; padding:0px 4px; }
#bottom .content { width:833px; margin:0px -1px -1px -1px; min-height:67px; position:relative; background-image:url('../images/bottom_bg.jpg'); background-position:0px bottom; background-repeat:no-repeat; text-align:center; }
#bottom .column { float:left; min-height:67px; background-image:url('../images/bottom_column_sep.gif'); background-position:left center; background-repeat:no-repeat; }
#bottom .col_padd { padding:4px; }
#bottom .c0 { width:170px; background-image:none; }
#bottom .c1 { width:285px; }
#bottom .c2 { width:180px; }
#bottom .c3 { width:195px; }

#footer { width:831px; height:90px; margin:0 auto; position:relative; }

#rzetelna-firma { width:150px; height:70px; position:absolute; left:25px; top:0; }

.nylonek { width:831px; height:35px; padding-top:20px; margin:0px auto; }
.nylonek a { padding:0px 5px; text-decoration:none; color:#000000; font-family:verdana; font-size:10px; letter-spacing:0px; }
.nylonek_obrazek { width:360px; height:23px; float:right; text-align:left; }
.nylonek_podpis { height:18px; padding-top:5px; float:right; text-align:right; }

#attachment, #gallery { padding:5px 0px; }
#attachment a { text-decoration:none; color:#0676BE; }
.title { text-transform:uppercase; font-weight:bold; }
#gallery img { border:1px solid #cecece; margin:4px; }

.product { padding:4px; border-bottom:1px solid #dedede; }
.product a { color:#000000; }
.product .left { width:110px; float:left; }
.product .right { width:450px; float:left; }
.more { height:20px; }
.more a { float:right; margin-right:20px; text-decoration:none; }

.product_img { width:249px; height:249px; margin:0px auto 12px auto; position:relative; display:block; }
.product_img .frame { width:249px; height:249px; position:absolute; left:0px; top:0px; background-image:url('../images/frame.gif'); background-position:left top; background-repeat:no-repeat; }
.product .left .product_img { width:87px; height:87px; margin:0px; }
.product .left .frame_small { width:87px; height:87px; position:absolute; left:0px; top:0px; background-image:url('../images/frame_small.gif'); background-position:left top; background-repeat:no-repeat; }

#flash_container { margin:20px 0px; border:1px solid #a4a4a4; overflow:hidden; width:596px; }
.pager { padding:6px 5px; text-align:center; }
.pager a, .pager span { padding:2px 3px; text-decoration:none; color:#000000; }
.pager span { font-weight:bold; font-size:larger; }