* { margin: 0; ma\rgin: 0; }
BODY { background: #701A23 url(img/body_tlo.gif) repeat top center; }
DIV { margin: auto; font-family: Verdana, Arial, Tahoma, Geneva; font-size: 12px; color: #444444; }
A { text-decoration: underline; color: #BC1B2D; }
A:hover { text-decoration: underline; color: #BC1B2D; }

#body { background: url(img/body_tlo.jpg) repeat-x top center;  }
#ramka9 { margin-top: 25px; margin-bottom: 50px; padding: 9px; width: 882px; 
		background: #E4C49F url(img/ramka9_tlo.gif) repeat-x top center; }
#ramka1 { padding: 1px; background: #CC9155 url(img/ramka1_tlo.gif) repeat-x top center; }
#white { min-height: 455px; height: auto !important; height: 455px; 
        background: #FFFFFF url(img/bottom_foto.jpg) no-repeat bottom left; }
#flash_top { padding-bottom: 40px; background: #FFFFFF url(img/white_tlo.gif) repeat-x top center; }

#bottom { height: 220px; padding-top: 20px; text-align: right; }
#bottom .menu { padding: 4px 20px; background: url(img/bottom_menu.gif) repeat-y top right; color: #BF7E3A; 
                font-weight: bold; }
#bottom .menu a { text-decoration: none; color: #BF7E3A; }
#bottom .menu a:hover { text-decoration: underline; }
#bottom .copy { padding: 10px 20px; color: #999999; font-size: 11px; }
#bottom .copy a { text-decoration: none; color: #999999; }
#bottom .copy a:hover { text-decoration: underline; }

/* ============================================================================================================= */
#mother { padding: 0px 15px 20px; }
/* -------------------------------------------------- */
.title { padding: 5px 10px; background: #F9E6CF; border: 1px solid #E4C49F; color: #BF7E3A; }
/* -------------------------------------------------- */
#left { float: left; width: 240px; }
#left .kategoria { padding: 8px 25px; border-bottom: 1px solid #E4C49F; 
                  background: #FFFFFF url(img/trojkat.gif) no-repeat left top; }
#left .kategoria a { text-decoration: none; color: #444444; }
#left .kategoria a:hover { text-decoration: underline; color: #000000; }
#left .kontakt { padding: 10px; line-height: 18px; border: 1px solid #E4C49F; background: #FBF6F1; }
/* -------------------------------------------------- */
#right { float: right; width: 590px; }
#right .info { min-height: 145px; height: auto !important; height: 145px; 
              background: #FBF6F1 url(img/info_shoes.jpg) no-repeat right top; border: 1px solid #E4C49F; padding: 10px; line-height: 18px; }
/* -------------------------------------------------- */
#right .lis { background: #931D2A url(img/right_listwa.gif) repeat-y top center; border: 1px solid #8C212C;  }
#right .lis a { text-decoration: none; color: #F9E6CF; }
#right .lis a:hover { text-decoration: underline; color: #F9E6CF; }
#right .lis .lis_left { float: left; width: 300px; padding: 5px 10px; color: #F9E6CF; }
#right .lis .lis_right { float: right; width: 245px; padding: 5px 10px; color: #F9E6CF; text-align: right; }
#right .lis .lis_both { clear: both; }
#right .kat { padding: 8px 10px; }
#right .pro { border-left: 1px solid #E4C49F; border-right: 1px solid #E4C49F; border-bottom: 1px solid #E4C49F; 
              margin-bottom: 20px; background: #FBF6F1; }
#right .pro .pro_left { float: left; padding: 10px; width: 162px; text-align: center; }
#right .pro .pro_left img { border: 1px solid #444444; }
#right .pro .pro_right { float: right; width: 400px; }
#right .pro .pro_right .model { padding: 10px 0px; padding-right: 10px; }
#right .pro .pro_right .cena { padding: 10px 0px; padding-right: 10px; }
#right .pro .pro_right .opis { padding: 10px 0px; padding-right: 10px; }
#right .pro .pro_right .reszta { padding: 10px; text-align: right; border-top: 1px dashed #E4C49F; }
#right .pro .pro_right .reszta .roz { float: right; padding: 6px 5px 0px; }
#right .pro .pro_right .reszta .roz_sel { float: right; padding: 2px 5px 0px; }
#right .pro .pro_right .reszta .szt { float: right; padding: 6px 5px 0px; }
#right .pro .pro_right .reszta .szt_in { float: right; padding: 1px 5px 0px; }
#right .pro .pro_right .reszta .img { float: right; padding: 0px 5px 0px; }
#right .pro .pro_right .reszta .both { clear: both; }
#right .pro .pro_both { clear: both; }
/* -------------------------------------------------- */
#right .pad10 { padding: 10px; line-height: 18px; }
#right .error { padding: 10px; font-weight: bold; text-align: center; color: #FF0000; }
#right .ok { padding: 10px; font-weight: bold; text-align: center; color: #009900; }
/* -------------------------------------------------- */
/* #right .log - prawa strona logowanie.php
/* -------------------------------------------------- */
#right .log { border-left: 1px solid #E4C49F; border-right: 1px solid #E4C49F; border-bottom: 1px solid #E4C49F;
              padding: 20px; background: #FBF6F1; }
#right .log .log_right { float: left; width: 200px; padding: 10px; text-align: right; }
#right .log .log_left { float: left; width: 200px; padding: 5px; }
#right .log .log_both { clear: both; }
#right .log .log_sub { padding: 3px 0px; padding-left: 225px; }
/* -------------------------------------------------- */
/* #right .rej - prawa strona rejestracja.php
/* -------------------------------------------------- */
#right .rej { border-left: 1px solid #E4C49F; border-right: 1px solid #E4C49F; border-bottom: 1px solid #E4C49F;
              padding: 20px; background: #FBF6F1; }
#right .rej .rej_right { float: left; width: 160px; padding: 10px; text-align: right; }
#right .rej .rej_left { float: left; width: 320px; padding: 5px; }
#right .rej .rej_both { clear: both; }
#right .rej .rej_sub { padding: 3px 0px; padding-left: 185px; }
/* -------------------------------------------------- */
/* #right .kon - prawa strona kontakt.php
/* -------------------------------------------------- */
#right .kon { border-left: 1px solid #E4C49F; border-right: 1px solid #E4C49F; border-bottom: 1px solid #E4C49F;
              padding: 20px; background: #FBF6F1; }
#right .kon .kon_l1 { float: left; width: 110px; padding: 10px; text-align: right; }
#right .kon .kon_l2 { float: left; width: 400px; padding: 5px; }
#right .kon .kon_l2 textarea { width: 380px; height: 200px; padding: 3px; border: 1px solid #E4C49F; 
        background: #FFFFFF; font-family: Verdana, Arial, Tahoma, Geneva; color: #333333; 
        overflow: hidden; }
#right .kon .kon_l2 input { width: 240px; padding: 3px; border: 1px solid #E4C49F; background: #FFFFFF;
				font-family: Verdana, Arial, Tahoma, Geneva; color: #333333; }
#right .kon .kon_both { clear: both; }
#right .kon .kon_sub { clear: both; padding: 5px 0px; padding-left: 135px; }
/* -------------------------------------------------- */
/* #right .zam - prawa strona zamowienie.php
/* -------------------------------------------------- */
#right .zam { border-left: 1px solid #E4C49F; border-right: 1px solid #E4C49F; border-bottom: 1px solid #E4C49F;
              padding: 10px; background: #FBF6F1; }
#right .zam .zam_l1 { float: left; width: 140px; padding: 5px; }
#right .zam .zam_l2 { float: left; width: 350px; padding: 5px; }
#right .zam .zam_both { clear: both; }
/* -------------------------------------------------- */
/* #right .tab - prawa strona tablica produktami w zamowienie.php
/* -------------------------------------------------- */
#right .tab { border: 1px solid #E4C49F; }
#right .tab .both { clear: both; }
/* ----------------------------- */
#right .tab .tit { background: #F9E6CF; border-bottom: 1px solid #E4C49F; }
#right .tab .tit .l1 { float: left; width: 275px; padding: 5px; color: #BF7E3A; }
#right .tab .tit .l2 { float: left; width: 60px; padding: 5px; color: #BF7E3A; }
#right .tab .tit .l3 { float: left; width: 70px; padding: 5px; color: #BF7E3A; }
#right .tab .tit .l4 { float: left; width: 50px; padding: 5px; color: #BF7E3A; }
#right .tab .tit .l5 { float: left; width: 80px; padding: 5px; color: #BF7E3A; }
/* ----------------------------- */
#right .tab .tpro { border-bottom: 1px solid #E4C49F; background: url(img/tablica_tlo.gif) repeat-y left top; }
#right .tab .tpro .l1 { float: left; width: 275px; padding: 10px 5px; }
#right .tab .tpro .l2 { float: left; width: 60px; padding: 10px 5px; text-align: center; }
#right .tab .tpro .l3 { float: left; width: 70px; padding: 10px 5px; text-align: right; }
#right .tab .tpro .l4 { float: left; width: 50px; padding: 5px; text-align: center; }
#right .tab .tpro .l4 input { width: 30px; padding: 2px; text-align: center; 
                      font-family: Verdana, Arial, Tahoma, Geneva; font-size: 12px;}
#right .tab .tpro .l5 { float: left; width: 80px; padding: 10px 5px; text-align: right; }
/* ----------------------------- */
#right .tab .raz { padding: 5px; text-align: right; background: #F9E6CF; color: #BF7E3A; }
#right .tab_sub { padding: 10px 5px 15px; text-align: right; }
#right .tab_info { padding: 0px 5px; font-size: 10px; }
/* -------------------------------------------------- */
/* #right .tra - prawa strona transport w zamowienie.php
/* -------------------------------------------------- */
#right .tra { border-left: 1px solid #E4C49F; border-right: 1px solid #E4C49F; border-bottom: 1px solid #E4C49F;
              padding: 10px; background: #FBF6F1; }
#right .tra .tra_l1 { float: left; width: 270px; padding: 5px; }
#right .tra .tra_l2 { float: left; width: 270px; padding: 5px; }
#right .tra .tra_both { clear: both; }
#right .tra .tra_info { padding: 5px; color: #FF0000; font-weight: bold; }


/* -------------------------------------------------- */
#both { clear: both; height: 1px; font-size: 0px; }
/* ============================================================================================================= */