*                       {margin: 0; padding: 0;}
body                    {background: #fff; font-family: arial, tahoma; font-size: 78%; color: #000; margin: 0; text-align: center;}
H1, H2, H3, H4          {color: #d60d0d;}
A, A:visited            {color: #333;}
A:hover                 {color: #a25a33; text-decoration: none;}
.clr                    {clear: both; font-size: 1px;}
INPUT, TEXTAREAT        {padding: 3px 5px 4px 5px; font-family: arial; border: solid 1px #c9c9c9; color: #777; background: url(/pix/input_bg.png) no-repeat; height: auto;}


#page                   {width: 1000px; margin: 0 auto !important; position: relative; padding-top: 164px; background: #fff; background: url(/pix/header_bg.png) 100% 0 no-repeat #fff;}
#content                {text-align: left;}

/* header */
.logo                   {position: absolute; top: 0; left: 0; width: 220px; height: 150px; background: url(/pix/logo.png) no-repeat; border: 0; text-decoration: none;}
.logo SPAN              {display: none;}

#header                 {position: absolute; top: 0; left: 0; width: 1000px; font-family: tahoma; text-align: left;}
.headleft               {float: left; width: 390px; padding-left: 223px; /* _margin-left: 125px; */ padding-top: 16px;}
.headleft .nadpis       {height: 17px; width: 373px; background: url(/pix/headeleft_nadpis.png) no-repeat;}
.headleft UL            {font-family: tahoma; font-size: 90%; color: #666; list-style: none; width: 360px;}
.headleft UL LI         {padding: 8px 0 0 29px; line-height: 14px; background: url(/pix/arrow_1a.gif) no-repeat 9px 10px;}
.headleft STRONG        {color: #54c621;}
.headright              {float: right; width: 360px;}
.headright A            {padding: 2px 2px 2px 12px; background: url(/pix/arrow_3.gif) no-repeat 0 50%; margin-left: 10px; line-height: 20px; color: #999; font-size: 90%;}
.headright A:hover      {color: #869c24; text-decoration: underline;}
#search                 {background: url(/pix/search_bg.png) no-repeat 100% 0; height: 40px; _height: 48px; padding: 8px 0 0 46px;}
#search INPUT           {background: url(/pix/input_bg.png); border: solid 1px #9f5b36; padding: 5px 8px; width: 192px; color: #999; _height: 28px;}
#search .submit         {width: 78px; height: 28px; background: url(/pix/search_btn.png); color: #fff; font-weight: bold; border: 0; margin-left: 8px; cursor: pointer;}
#customer               {height: 68px; background: url(/pix/login_bg.png) no-repeat 12px 12px; padding-left: 47px;}
#customer .row1         {padding-top: 13px;}
#customer INPUT         {width: 100px; _height: 25px;}
#customer .submit       {width: 78px; background: url(/pix/login_btn.png) no-repeat; height: 25px; border: 0; color: #fff; font-weight: bold; cursor: pointer;}

#cart                   {height: 45px; background: url(/pix/cart_bg.png) no-repeat 5px 2px; padding-left: 47px; color: #777;}
#cart .row1 A           {background: 0; padding: 0;color: #777; font-size: 100%; font-weight: bold;}
#cart .row1 STRONG      {color: #54c621;}

/* main menu */
.mainmenu               {width: 777px; height: 30px; line-height: 30px; position: absolute; right: 0; top: 164px; background: url(/pix/mainmenu_bg.png) no-repeat; list-style: none;}
.mainmenu LI            {float: left;}
.mainmenu A,
.mainmenu A:visited     {display: block; float: left; color: #e6caba; font-weight: bold; text-decoration: none; padding: 0 20px;}
.mainmenu A:hover       {color: #fff;}
.mainmenu .active       {background: url(/pix/mainmenu_active.png) no-repeat; color: #fff !important; width: 134px; padding: 0 !important; margin-left: 5px; text-align: center; height: 49px; line-height: 35px; position: relative; top: -4px;}
.mainmenu .active.a5    {background-image: url(/pix/mainmenu_a5.png); width: 162px; _background: 0;}
.mainmenu .active.a6    {background-image: url(/pix/mainmenu_a6.png); width: 103px; _background: 0;}


/* main */
#column1                {width: 208px; background: url(/pix/column1_bg.png) repeat-y #fff; margin-top: -2px;}
#column1 .bottom        {height: 8px; background: url(/pix/column1_bottom.png) no-repeat 0 100%;}
#column1 .label         {padding-left: 22px; width: 186px; _width: 208px; line-height: 35px; margin: 0 0 10px 0; color: #fff; font-weight: bold; text-transform: uppercase;}
#column1 UL             {list-style: none;}
#column1 UL LI          {}
#column1 UL LI A        {padding-left: 21px;}
#column2                {width: 777px; float: right; padding-top: 48px;}
#column2 H1,
#column2 H2             {color: #9c5c39; border-bottom: solid 1px #efeeee; padding-bottom: 3px; margin: 0 0 10px 0; padding-top: 10px; font-size: 155%;}

/* boxy */
#column1 .menu,
#column1 .box           {padding-bottom: 10px;}
#column1 .label.green   {background: url(/pix/label_green.png) no-repeat;}
#column1 .label.gray    {background: url(/pix/label_gray.png) no-repeat;}

/* left menu */
.menu .label            {background: url(/pix/label_menu.png) no-repeat;}
.menu UL                {list-style: none;}
.menu LI                {background: url(/pix/menu_line.png) 50% 100% no-repeat; padding-bottom: 1px;}
.menu A,
.menu A:visited         {padding: 3px 0 3px 21px; display: block; color: #777; text-decoration: none;}
.menu A:hover           {background: url(/pix/menu_hover.png) repeat-y #fff; color: #a25a33;}
.menu .active A         {background: url(/pix/menu_active.png) repeat-y #fff; color: #a25a33; font-weight: bold;}
.menu li.separator      {height: 10px; background: url(/pix/menu_line.png) 50% 100%}
/* action banners */
#banners                {width: 381px; height: 170px; float: left; margin-right: 15px; /*background: url(/pix/test_banner.jpg) no-repeat;*/ position: relative;}
#banners .images        {position: absolute; top: 0; left: 0; z-index: 5;}
#banner_switch          {list-style-type: none; position: absolute; left: 5px; bottom: 0; z-index: 10;}
#banner_switch LI       {float: left;}
#banner_switch A        {width: 23px; color: #fff; text-decoration: none; margin: 0 2px 0 0; padding: 4px 0 3px 0; display: block; text-align: center; float: left; font-weight: bold; opacity: .3; filter:alpha(opacity=30)}
#banner_switch A:hover,
#banner_switch .active	{color: #505050; background: url(/pix/banner_switch_bg.png) no-repeat; _background: #fff; opacity: 1; filter:alpha(opacity=100)}

/* info box 1 - index - skype, phone, payment */
#info1                  {width: 381px; height: 170px; float: right;}
#info1 .row1,
#info1 .row2            {width: 381px; height: 85px; background: url(/pix/info1_bg.png) no-repeat; position: relative;}
#info1 .row1 .skype,
#info1 .row1 .mobile    {position: absolute; top: 15px; color: #3dafda; font-size: 120%; font-weight: bold; line-height: 45px;}
#info1 .row1 .skype     {left: 15px; background: url(/pix/info_skype.png) no-repeat 0 50%; padding-left: 45px;}
#info1 .row1 .mobile    {right: 15px; background: url(/pix/info_mobile.png) no-repeat 0 50%; padding-left: 35px;}
#info1 .row1 .time      {position: absolute; left: 33px; bottom: 5px; color: #a5a5a5; font-size: 90%;}
#info1 .row1 .time STRONG {margin-right: 10px;}
#info1 .row2 A          {position: absolute; display: block; border: 0; width: 47px; height: 33px; }
#info1 .row2 .visa      {top: 8px; left: 7px; background: url(/pix/info_visa.png) no-repeat;}
#info1 .row2 .visae     {top: 45px; left: 7px; background: url(/pix/info_visae.png) no-repeat;}
#info1 .row2 .master    {top: 8px; left: 60px; background: url(/pix/info_master.png) no-repeat;}
#info1 .row2 .maestro   {top: 45px; left: 60px; background: url(/pix/info_maestro.png) no-repeat;}
#info1 .row2 .sos       {top: 8px; left: 111px; width: 109px; height: 72px; background: url(/pix/info_sos.png) no-repeat;}
#info1 .row2 .itiv      {top: 8px; left: 223px; width: 90px; height: 72px; background: url(/pix/info_itiv.png) no-repeat;}
#info1 .row2 .ship      {position: absolute; display: block; top: 16px; right: 9px; width: 55px; background: url(/pix/info_ship.png) no-repeat 50% 0; color: #a5a5a5; font-size: 90%; padding: 45px 0 0 0; text-decoration: none; text-align: center;}

/* goods */
.goods                  {margin-bottom: 18px;}
.goods .product         {width: 193px; height: 220px; border-right: solid 1px #efeeee; float: left; text-align: center; position: relative;}
.goods .product A       {font-weight: bold; display: block; min-height: 30px; width: auto; text-align: center;}
.goods .product A:hover {text-decoration: underline;}
.goods .product .name   {min-height: 30px; display: block; cursor: pointer;}
.goods .product .img    {display: block; text-decoration: none; font-size: 1px; border: 0; text-decoration: none !important;}
.goods .product IMG     {margin: 10px auto; border: 0;}
.goods .product .name DIV {text-decoration: none;}
.goods .product .price  {position: absolute; left: 0; bottom: 0; width: 193px; text-align: center;}
.goods .line            {padding: 11px 0; background: url(/pix/dot.gif) repeat-x 0 50%; clear: both; font-size: 1px;}

/* info box 2 - index - three small banners */
#info2                  {}
#info2 .box1,
#info2 .box2,
#info2 .box3            {width: 258px; height: 150px; float: left; margin-right: 1px; background: url(/pix/info2_gray_bg.png) no-repeat; position: relative; color: #fff}
#info2 .box1            {background: url(/pix/info2_green_bg.png) no-repeat;}
#info2 H3               {padding: 12px 10px 15px 15px; display: block; font-size: 135%; color: #fff;}
#info2 P                {padding: 0 10px 0 15px; font-size: 110%; line-height: 20px;}
#info2 .box1 A          {position: absolute; bottom: 10px; right: 10px; color: #2d551c; background: url(/pix/info2_link.png) no-repeat 100% 60%; _background: url(/pix/arrow_1b.gif) no-repeat 100% 60%;line-height: 20px; text-align: left; padding: 0 25px 0 0;}
#info2 .box2 A,
#info2 .box3 A          {position: absolute; bottom: 10px; right: 10px; color: #474747; background: url(/pix/info2_link.png) no-repeat 100% 60%; _background: url(/pix/arrow_1b.gif) no-repeat 100% 60%;line-height: 20px; text-align: left; padding: 0 25px 0 0;}

/* title info - index - main nfo */
#titleinfo              {position: absolute; top: 1079px; _top: 1095px; left: 223px; _left: 222px; width: 743px; _width: 776px; padding: 18px 16px; margin: 0; background: #fafafa; border: solid 1px #ececec; color: #666; z-index: 10;}
#titleinfo H1           {width: 265px; padding-left: 18px; border-left: solid 6px #aaca9d; border-right: solid 6px #e8e8e8; float: left; color: #666; font-size: 160%; line-height: 28px;}
#titleinfo H1 STRONG    {color: #325c20;}
#titleinfo .txt         {width: 430px; padding-left: 18px; float: left;}
#titleinfo .txt P       {margin-bottom: 15px;}
#titleinfo .txt STRONG  {color: #333;}

/* footer */
#footer                 {position: relative; top: 0; padding-top: 20px; height: 130px;}
#footer.index           {position: relative; padding-top: 220px; _padding-top: 192px;}
.copyright              {width: 734px; _width: 777px; padding: 10px 20px; right: 0; background: #fafafa; border: solid 1px #ececec; color: #666; text-align: center; font-weight: bold;}
.copyright, .copyright A{color: #333;}
.copyright .by          {position: absolute; left: 16px;}
.copyright .design      {position: absolute; right: 16px;}
#footer .links          {padding: 10px 10px 20px 10px; text-align: center;}
#footer .links A,
#footer .links A:visited{padding: 2px 2px 2px 12px; background: url(/pix/arrow_3.gif) no-repeat 0 50%; line-height: 20px; color: #777; white-space: nowrap;}
#footer .links A:hover  {color: #869c24; text-decoration: underline;}


/******************************************************/
/******************    category    ********************/
/******************************************************/

#navigation             {font-family: tahoma; font-size: 90%; color: #a0a0a0; padding: 0 0 10px 0;}
#navigation A,
#navigation A:visited   {color: #a0a0a0;}
#navigation .active     {font-weight: bold; color: #ba8d74 !important; text-decoration: none;}
#navigation SPAN        {font-size: 70%;}

#txt                    {width: 381px; height: 170px; float: left;}
#txt P                  {color: #777; line-height: 18px;}
#photo                  {width: 381px; height: 170px; float: right; background: url(/pix/test_banner.jpg) no-repeat;}
.category .goods        {padding-top: 20px;}
.category .goods .product {height: 200px;}
.category .goods .name .img {position: static !important; cursor: pointer;}
.category .goods .name SPAN {position: absolute; bottom: 12px; left: 0; display: block; text-decoration: underline; text-align: center; cursor: pointer;}
.category .goods .name SPAN.categtitle {width:192px}
.category .goods .line  {padding: 11px 0 !important;}

/******************************************************/
/******************     goods      ********************/
/******************************************************/

/* sorting */
#sorting                {margin: 15px 0 ; padding: 0 15px; line-height: 27px; background: #f8f8f8; border: solid 1px #efeeee; border-width: 1px 0; color: #777; font-size: 105%;}
#sorting A,
#sorting A:visited      {color: #777;}
#sorting .active        {color: #43a517 !important; font-weight: bold !important; text-decoration: none;}
#sorting .label         {font-weight: bold; float: left;}
#sorting .up            {display: block; width: 18px; height: 18px; margin: 6px 0 0 35px; background: url(/pix/sorting_up.gif) no-repeat 100% 50%; float: left;}
#sorting .down          {display: block; width: 18px; height: 18px; margin: 5px 0 0 0; background: url(/pix/sorting_down.gif) no-repeat 0% 50%; float: left;}
#sorting .up.active     {background: url(/pix/sorting_up_active.gif) no-repeat;}
#sorting .down.active   {background: url(/pix/sorting_down_active.gif) no-repeat;}
#sorting .sortby        {float: left; background: transparent;}
#sorting .showby        {display: block; float: right; font-weight: bold;}
#sorting .showby A      {margin-left: 25px; font-weight: normal;}
#sorting .showby A.active {background: transparent;}

/* pagination */
#pagination             {margin: 15px 0 0 0; padding: 0 15px; line-height: 27px; background: #f8f8f8; border: solid 1px #efeeee; border-width: 1px 0; color: #777; font-size: 105%;}
#pagination .label      {font-weight: bold; float: left; margin-right: 35px;}
#pagination .pages      {border-left: solid 1px #efeeee; display: block; float: left;}
#pagination A,
#pagination A:visited   {display: block; float: left; height: 27px; padding: 0 8px; background: #fff; border-right: solid 1px #efeeee; text-decoration: none; font-size: 90%; color: #777;}
#pagination A:hover     {color: #fff; background: #777;}
#pagination .arrow      {font-size: 118% !important; background: #fafafa !important;}
#pagination .arrow:hover{color: #fff !important; background: #777 !important;}
#pagination A.active     {color: #fff !important; font-weight: bold; font-size: 100%; background: url(/pix/pagination_active.png) repeat-x #358412 !important;}


/******************************************************/
/******************     detail     ********************/
/******************************************************/

.detail #txt            {width: 530px; color: #646464; height: auto; padding-bottom: 20px;}
.detail .vice           {display: block; font-weight: bold; font-size: 120%; margin-bottom: 15px;}
.detail .price_item     {font-size: 120%; border: solid 1px #fff; border-width: 1px 0; padding: 1px 0;}
.detail .price_item:hover{background: #fafafa; border-color: #eee;}
.detail .price_item *   {vertical-align: middle;}
.detail .bezdph         {font-weight: bold; color: #54c621;}
.detail .dph            {font-weight: bold; color: #a97253;}
.detail INPUT           {width: 20px; margin-left: 20px;}
.detail .submit         {width: 33px; border: 0; background: transparent; padding: 0;}
.detail .popis .label   {color: #9c5c39; border-bottom: solid 1px #efeeee; padding-bottom: 3px; margin: 0 0 10px 0; padding-top: 30px; font-size: 120%; font-weight: bold; text-transform: uppercase;}
.detail #photo          {width: 225px; background: transparent; text-align: center;}
.detail #photo A,
.detail #photo A:visited{text-decoration: underline;}
.detail #photo IMG      {padding: 6px; border: solid 1px #efeeee; display: block;}
.detail #photo IMG:hover{border-color: #ba8d74;}
.detail #photo SPAN     {color: #777; text-decoration: underline;}
.detail #photo A:hover SPAN {color: #ba8d74;}
.detail .goods          {margin-bottom: 0;}
.table1                 {width: 100%; margin-top: 20px; font-size: 100%; color: #777;}
.table1 TH              {background: url(/pix/detail_table_th.gif) repeat-x #bc6b3f; color: #fff; padding: 4px 10px !important;}
.table1 TD              {padding: 3px 10px !important; border-bottom: dotted 1px #c2c2c2;}
.table1 .column1        {width: 129px; font-weight: bold;}
.table1 .column2        {width: 300px;}


/******************************************************/
/******************      text      ********************/
/******************************************************/

.text                   {padding: 0 15px 0 12px;}
.text H2                {font-size: 130% !important;}
.text H3                {color: #54C621; padding: 5px 0;}
.text H4                {color: #333; padding: 5px 0; font-size: 105% !important;}

.text P                 {margin: 0 0 15px 0; letter-spacing: 0.020em; line-height: 17px; text-align: justify;}


/******************************************************/
/************     kosik & objednavka     **************/
/******************************************************/

.order                  {width: 777px; padding-top: 67px; position: relative; background: url(/pix/order_box_top.png) 0 60px no-repeat; margin-bottom: 20px;}                  
.order .inner           {background: url(/pix/order_box_bg.png) repeat-y; padding: 0 23px 15px 23px;}
.order .bottom          {background: url(/pix/order_box_bottom.png) no-repeat; height: 7px;}
.order .step1,
.order .step2,
.order .step3           {width: 200px; _width: 255px; padding-left: 55px; height: 50px; line-height: 55px; position: absolute; top: 10px; left: 0; font-size: 145%; font-weight: bold; color: #94c57f;}
.order .step1           {background: url(/pix/order_step1.png) no-repeat;}
.order .step2           {background: url(/pix/order_step2.png) no-repeat; left: 261px;}
.order .step3           {background: url(/pix/order_step3.png) no-repeat; left: 522px;}
.order .step1.active    {background-image: url(/pix/order_step1_active.png) !important; color: #fff; height: 51px;}
.order .step2.active    {background-image: url(/pix/order_step2_active.png); color: #fff; height: 51px;}
.order .step3.active    {background-image: url(/pix/order_step3_active.png); color: #fff; height: 51px;}

.order_table            {width: 731px; border: solid 1px #d4f1c6; font-size: 100%; border-collapse: collapse;}
.order_table TH         {background: #d4f1c6; font-weight: bold; color: #658956; padding: 4px 4px !important;}
.order_table .th1       {width: 50px; text-align: center;}
.order_table .th2       {width: 400px; text-align: center;}
.order_table .th3       {width: 65px;}
.order_table .th4       {width: 35px;}
.order_table .th5       {width: 75px;}
.order_table .th6       {width: 30px;}
.order_table TD         {padding: 6px 0px 6px 6px !important; border-bottom: solid 1px #d4f1c6; color: #444;}
.order_table STRONG     {color: #646464;}
.order_table INPUT      {width: 18px;}
.order_table .cena      {color: #a97253; font-weight: bold;}

.order .left            {float: left; width: 440px; padding-top: 15px;}
.order .right           {float: right; width: 255px; padding-top: 25px;}

.order .left .pokracovat{background: url(/pix/order_pokracovat.png) no-repeat; display: block; width: 182px; height: 30px; float: left; margin-right: 15px;}
.order .left .prepocitat{background: url(/pix/order_prepocitat.png) no-repeat; display: block; width: 182px; height: 30px; border: 0; cursor: pointer;}
.order .text            {padding: 15px 0 0 0; font-size: 90%; color: #646464;}
.order .text P          {line-height: 14px;}

.order .right TABLE                   {width: 255px; font-size: 100%; color: #646464;}
.order .right TABLE TD                {padding: 3px 0 !important;}       
.order .right TABLE .cena TD          {vertical-align: middle; border-top: solid 2px #d6ebce; border-bottom: solid 2px #309c0b;}
.order .right TABLE .cena STRONG      {display: block; font-size: 110%;}
.order .right TABLE .cena SPAN        {font-size: 150%; color: #309c0b;}

.order .right .submit                 {display: block; width: 255px; height: 46px; background: url(/pix/order_objednat.png) no-repeat; border: 0; color: #fff; font-weight: bold; font-size: 145%; cursor: pointer; margin-top: 17px;}